﻿#myCarousel .carousel-item .mask{position:absolute;top:0;left:0;height:100%;width:100%;background-attachment:fixed;font-family:Montserrat}
#myCarousel h4{font-size:26px;margin-bottom:15px;color:#FFF;line-height:130%;letter-spacing:.5px;font-weight:600;text-transform:uppercase}
#myCarousel span{font-size:20px;margin-bottom:15px;margin-top:25px;color:#FFF;line-height:180%;letter-spacing:.5px;font-weight:600}
#myCarousel p{font-size:11px;margin-bottom:15px;color:#d5d5d5;max-width:300px;text-align:justify}
#myCarousel .carousel-item a{background:#F47735;font-size:14px;color:#FFF;padding:13px 32px;display:inline-block}
#myCarousel .carousel-item a:hover{background:#394fa2;text-decoration:none}
#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight;animation-name:slideInRight}
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight;animation-name:slideInRight;display:block;height:auto;max-width:100%}
#myCarousel h4,#myCarousel p,#myCarousel a,#myCarousel .carousel-item .mask img{-webkit-animation-duration:1s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#myCarousel .container{max-width:1430px}
#myCarousel .carousel-item{height:100%;min-height:550px}
.carousel-control-next,.carousel-control-prev{height:40px;width:40px;padding:12px;top:60%;bottom:auto;transform:translateY(-50%);background-color:#f47735}
.carousel-fade .carousel-item{opacity:0;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:opacity;transition-property:opacity}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}
.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-right.active{opacity:0}
.carousel-fade .carousel-item-left.active,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item-prev.active,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.carousel-indicators li{border-radius:50%;width:2px;height:2px;padding:6px;position:relative;margin:0 15px;background-color:transparent;opacity:1;margin-top:-30px}
.carousel-indicators li:after{border-radius:50%;padding:10px;border:4px solid #fff;position:absolute;content:"";top:-8px;left:-8px;bottom:-7px;right:-7px}
.carousel-indicators li.active{background-color:#fff;margin:0 15px;margin-top:-30px}

@media (min-width: 220px) and (max-width: 768px) {
#myCarousel h4{font-size:18px;margin-bottom:15px;color:#FFF;line-height:130%;letter-spacing:.5px;font-weight:600;text-transform:uppercase;text-align:center;margin-top:-5px}
#myCarousel span{display: none;}
#myCarousel p{display: none;}
#myCarousel a.detay-link{display: none;}
#myCarousel hr{display: none;}

.carousel-indicators li{margin-top:0px}
.carousel-indicators li:after{border-radius:50%;padding:10px;border:4px solid #fff;position:absolute;content:"";top:-8px;left:-8px;bottom:-7px;right:-7px}
.carousel-indicators li.active{background-color:#fff;margin:0 15px;margin-top:0px}
}

@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}

