.nav-spacer {height: 100px; }

.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 }
/*#carousel-home .carousel-item .carousel-gradient { background: url('/img/home/carousel-gradient.png') repeat-x; background-size: contain; bottom: 0; height: 450px; position: absolute; width: 100% }*/
#carousel-home .carousel-item .container { height: 100%; position: relative }
#carousel-home .carousel-item h2 { bottom: 250px; color: #FFF; font-size: 64px; font-weight: 700; left: 100px; position: absolute }
#carousel-home .carousel-item p { bottom: 210px; color: #FFF; font-size: 24px; font-weight: 300; left: 110px; position: absolute }
#carousel-home .carousel-item .btn { background-color: #FFF; bottom: 150px; color: #172335; font-style: 19px; font-weight: 400; left: 100px; padding: 10px 30px; position: absolute; text-transform: uppercase; border-radius: 0; }
	#carousel-home .carousel-item .btn:hover { background-color: #009FE3; }

@media (max-width: 1589px) {
	#carousel-home .carousel-item .carousel-gradient { height: 400px }
	#carousel-home .carousel-item h2 { bottom: 220px; font-size: 52px; left: 75px }
	#carousel-home .carousel-item p { bottom: 190px; font-size: 18px; left: 85px }
	#carousel-home .carousel-item .btn { bottom: 130px; font-style: 16px; left: 75px }
}

@media (max-width: 1199px) {
	#carousel-home .carousel-item h2 { bottom: 210px; font-size: 46px; left: 50px }
	#carousel-home .carousel-item p { bottom: 180px; font-size: 16px; left: 60px }
	#carousel-home .carousel-item .btn { bottom: 120px; font-style: 14px; left: 50px }
}

@media (max-width: 991px) {
	#carousel-home .carousel-item h2 { bottom: 210px; font-size: 42px; left: 0 }
	#carousel-home .carousel-item p { bottom: 180px; font-size: 15px; left: 10px }
	#carousel-home .carousel-item .btn { bottom: 120px; font-style: 13px; left: 0; padding: 8px 25px }
}

@media (max-width: 767px) {
	#carousel-home .carousel-item h2 { bottom: 120px }
	#carousel-home .carousel-item p { display: none }
	#carousel-home .carousel-item .btn { bottom: 75px }
}

@media (max-width: 575px) {
	#carousel-home .carousel-item h2 { bottom: 160px; font-size: 36px; left: 15px }
	#carousel-home .carousel-item .btn { bottom: 105px; left: 15px }
}

@media (max-width: 374px) {

}