.animated { animation-duration: 1s; animation-fill-mode: both; visibility: hidden }
@keyframes animate-slide-in-down { from { opacity: 0; transform: translate3d(0, -100%, 0); visibility: visible } to { opacity: 1; transform: translate3d(0, 0, 0) } }
.animate-slide-in-down { animation-name: animate-slide-in-down; visibility: visible !important }
@keyframes animate-slide-in-left { from { opacity: 0; transform: translate3d(-100%, 0, 0); visibility: visible } to { opacity: 1; transform: translate3d(0, 0, 0) } }
.animate-slide-in-left { animation-name: animate-slide-in-left; visibility: visible !important }
@keyframes animate-slide-in-right { from { opacity: 0; transform: translate3d(100%, 0, 0); visibility: visible } to { opacity: 1; transform: translate3d(0, 0, 0) } }
.animate-slide-in-right { animation-name: animate-slide-in-right; visibility: visible !important }
@keyframes animate-slide-in-up { from { opacity: 0; transform: translate3d(0, 100%, 0); visibility: visible } to { opacity: 1; transform: translate3d(0, 0, 0) } }
.animate-slide-in-up { animation-name: animate-slide-in-up; visibility: visible !important }
#home-carousel { height: 480px; margin-bottom: 30px }
	#home-carousel .carousel-inner, #home-carousel .carousel-inner .carousel-item { height: 100%; z-index: 1 }
	#home-carousel .carousel-inner .carousel-item .container { height: 100%; position: relative }
	#home-carousel .carousel-inner .carousel-item h2 { color: #FFF; font-size: 56px; font-weight: 700; left: 15px; margin: 0; position: absolute; top: 60px }
	#home-carousel .carousel-inner .carousel-item a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #FFF; bottom: 120px; color: #282F36; font-size: 20px; left: 15px; padding: 14px 20px 15px 20px; position: absolute; text-transform: uppercase; transition: 0.3s }
	#home-carousel .carousel-inner .carousel-item a:hover { background-color: transparent; color: #FFF }
	#home-carousel .carousel-inner .carousel-item .screen { bottom: 0; position: absolute; right: 40px; width: 460px }
	#home-carousel .carousel-bg { -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0 }
		#home-carousel .carousel-bg.pcb-design { background: url('/img/home/carousel/pcb-design.jpg') no-repeat top left; background-size: cover }
		#home-carousel .carousel-bg.rf-design { background: url('/img/home/carousel/rf-design.jpg') no-repeat top left; background-size: cover }
		#home-carousel .carousel-bg.hybrid-design { background: url('/img/home/carousel/hybrid-design.jpg') no-repeat top left; background-size: cover }
		#home-carousel .carousel-bg.support { background: url('/img/home/carousel/support.jpg') no-repeat top left; background-size: cover }
#home-sections { padding-top: 60px }
	#home-sections .home-section { color: #282F36; display: block; padding-bottom: 60px; text-align: center }
		#home-sections .home-section .home-section-img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%) }
		#home-sections .home-section h2 { font-size: 30px; font-weight: 700; margin: 0; padding: 15px 0; text-transform: uppercase }
		#home-sections .home-section p { font-size: 18px; margin: 0; min-height: 104px; padding: 0 50px 20px 50px }
		#home-sections .home-section span { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; border: 1px solid #282F36; display: inline-block; font-size: 20px; padding: 9px 20px 10px 20px; text-transform: uppercase; transition: 0.3s }
		#home-sections .home-section span:hover { background-color: #282F36; color: #FFF }
#home-boxes { background-color: #F7F7F7; margin: 60px 0; text-align: center }
	#home-boxes .home-box-text { padding: 0 50px }
	#home-boxes h3 { font-size: 30px; font-weight: 700; line-height: 40px; margin: 0 }
	#home-boxes p { font-size: 17px; line-height: 30px; margin: 0; padding: 20px 15px 0 15px }

@media (max-width: 1459px) {
	#home-carousel { height: 420px }
		#home-carousel .carousel-inner .carousel-item h2 { font-size: 48px }
		#home-carousel .carousel-inner .carousel-item a { bottom: 100px; font-size: 18px }
		#home-carousel .carousel-inner .carousel-item .screen { width: 400px }
	#home-sections .home-section h2 { font-size: 26px }
	#home-sections .home-section p { font-size: 16px; min-height: 95px; padding: 0 30px 20px 30px }
	#home-sections .home-section span { font-size: 18px }
	#home-boxes .home-box-text { padding: 0 30px }
	#home-boxes h3 { font-size: 26px; line-height: 36px }
	#home-boxes p { font-size: 14px; line-height: 26px }
}

@media (max-width: 1199px) {
	#home-carousel { height: 380px; margin-bottom: 20px }
		#home-carousel .carousel-inner .carousel-item h2 { font-size: 42px }
		#home-carousel .carousel-inner .carousel-item a { bottom: 90px; font-size: 16px }
		#home-carousel .carousel-inner .carousel-item .screen { width: 340px }
	#home-sections .home-section h2 { font-size: 22px }
	#home-sections .home-section p { font-size: 14px; min-height: 87px; padding: 0 20px 20px 20px }
	#home-sections .home-section span { font-size: 16px }
	#home-boxes h3 { font-size: 20px; line-height: 30px }
	#home-boxes p { font-size: 12px; line-height: 24px; padding: 15px 18px 0 18px }
}

@media (max-width: 991px) {
	#home-carousel { height: 270px; margin-bottom: 10px }
		#home-carousel .carousel-inner .carousel-item h2 { font-size: 32px; top: 40px }
		#home-carousel .carousel-inner .carousel-item a { bottom: 60px; font-size: 16px; padding: 9px 20px 10px 20px }
		#home-carousel .carousel-inner .carousel-item .screen { width: 250px }
	#home-sections .home-section p { min-height: 87px }
	#home-boxes { margin: 30px 0 60px 0 }
		#home-boxes .home-box-text { padding: 30px 50px 35px 50px }
		#home-boxes h3 { font-size: 26px; line-height: 36px }
		#home-boxes p { font-size: 14px; line-height: 26px; padding: 15px 0 0 0 }
}

@media (max-width: 767px) {
	#home-carousel .carousel-inner .carousel-item .screen { display: none }
	#home-sections .home-section h2 { font-size: 26px }
	#home-sections .home-section p { font-size: 16px; min-height: 0; padding: 0 30px 20px 30px }
	#home-sections .home-section span { font-size: 18px }
	#home-boxes .home-box-text { padding: 30px 25px 35px 25px }
	#home-boxes h3 { font-size: 24px; line-height: 34px }
}

@media (max-width: 575px) {
	#home-carousel { height: 300px }
		#home-carousel .carousel-inner .carousel-item h2 br { display: none }
	#home-sections .home-section h2 { font-size: 22px }
	#home-sections .home-section p { font-size: 14px; padding: 0 20px 20px 20px }
	#home-sections .home-section span { font-size: 16px }
	#home-boxes h3 { font-size: 20px; line-height: 30px }
}

@media (max-width: 374px) {
	#home-carousel .carousel-inner .carousel-item h2 { font-size: 28px }
	#home-sections .home-section p { padding: 0 0 20px 0 }
}