@import 'animate.css';

/* Banner Slider */
.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slider-nav{ position: absolute; height: 49px; width: 49px; line-height: 49px; text-align: center; color: #fff; border: 1px solid #fff; top: 50%; margin: -25px 0 0;}
.slider-nav.prev{ left: 50px; right: auto;}
.slider-nav.next{ right: 50px; left: auto;}
/* Banner Slider */

/* Theme Backgroung Color */
.slider-nav:hover { background: #cc4e0b; border-color: #cc4e0b;}

/* Banner Slider */
.carousel-inner{ position: relative;}
.carousel-inner .item > img{ width: 100%;}
.caption h1{
	font-size: 40px;
	margin-left: 30px;
}
.delay-1s{ animation-delay: 0.5s;}
.delay-2s{ animation-delay: 0.8s;}
.delay-3s{ animation-delay: 0.9s;}
.slider-nav:hover{ color: #fff;}
.slider-nav{ opacity: 0; visibility: hidden;}
#main-slider:hover .slider-nav{ opacity: 1; visibility: visible;}
.font-playfair{
	font-family: sans-serif;
}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.h-white h1 { color: #fff;}
.p-white p{ color: #fff;}
a:hover, a:focus, a:active { outline: none; text-decoration: none; color: #fff;}
@media (max-width: 1200px) {
.caption h1{ font-size: 40px;}
}

@media (max-width: 800px) {
.caption h1{ font-size: 30px;}
}

@media (max-width: 640px) {
.caption h1{ font-size: 20px;}
}

@media (max-width: 480px) {
.caption{ display: none;}
}