.caption{position:absolute;top:21%;left:5%;text-align:left;padding:20px;color:#fff;margin:0;font-size:40px;font-weight:700;letter-spacing:.02em;opacity:0;z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(100px);transform:translateY(100px);width:750px;left:calc(50% - 600px)}
.caption h2{line-height:56px;color:#fff!important;letter-spacing:0;font-weight:700;font-size:50px;padding-bottom:40px}
.caption p{max-width:600px;color:#fff!important;line-height:30px;letter-spacing:0;font-weight:500;font-size:18px;padding-bottom:25px}
.caption .btnn{font-size:16px;border-color:none!important;padding:15px 35px}
.caption .btnn.ilk{background-color:#fca800;color:#fff!important}
.caption .btnn.son{background-color:#fff;color:#303030}
.container .content{width:90%;max-width:980px;margin:0 auto}
.container p{margin-bottom:40px}
@-webkit-keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@-webkit-keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}
@keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}
.baslik{font-size:26px;line-height:36px}
.baslik:after{content:'';border-style:solid;border-bottom-width:3px;width:50px;-webkit-border-image:-webkit-linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);border-image:linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);border-image-slice:1;display:block}
.hakkimizda h4{font-size:18px;line-height:28px}
.hakkimizda p,.neden p{color:#686868!important}
.hakkimizda .alt-btn,.toptan .alt-btn{padding:8px 14px 7px;background:#333!important;color:#fff!important}
.hakkimizda .alt-btn:hover,.toptan .alt-btn:hover{background:#565656!important;color:#fff!important}
.neden{background:rgba(0,0,0,0.04)}
.neden .bg-beyaz{padding:30px}
.neden img{max-width:120px}
.toptan{background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,0);background-image:url(/assets/toptan-sal.jpg);background-attachment:scroll;margin-bottom:-25px}
.toptan::before{content:'';background-color:rgba(0,0,0,0.5);left:0;right:0;top:0;bottom:0;position:absolute;z-index:9}
.toptan .container{z-index:99}
#slider,#slider .item{position:relative;width:100%;height:38vw;min-height:8vw;margin-bottom:50px;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;overflow:hidden}
.item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;z-index:1}
#slider img{width:100%}
.active .caption{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s;transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s}
#slider .owl-dots{margin-top:-135px;z-index:9999999;position:relative}
#slider .owl-dots .owl-dot span{width:16px!important;height:16px!important;display:block;border:none;cursor:pointer;border-radius:500px;border:2px solid #fff;box-shadow:0 0 0 0 transparent;vertical-align:middle;color:#fff;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.4;overflow:hidden}
#slider .owl-dots .owl-dot.active span{border-color:#fff;box-shadow:0 0 0 2px #fff;opacity:1}
@media (max-width:1350px) {
.caption h2{line-height:49px;font-size:40px;padding-bottom:22px}
.caption p{line-height:26px;font-size:16px;padding-bottom:14px}
.caption{position:absolute;top:15%}
}
@media (max-width:1200px) {
.caption{left:calc(50% - 460px);width:606px;top:11%}
#slider,#slider .item{max-height:550px}
}
@media (max-width:992px) {
.caption{width:100%;top:18%;font-size:0;text-align:center;left:0}
.caption h2{font-size:30px;line-height:38px;padding-bottom:30px}
.caption p{display:none}
#slider,#slider .item{max-height:488px}
}
@media (max-width:768px) {
.caption{top:30%}
#slider,#slider .item{height:auto}
.caption h2{font-size:32px;line-height:39px}
.f-18.w-75.pb-2.beyaz{width:100%!important;font-size:14px!important}
.f-700.f-32.beyaz.pb-4{font-size:24px!important}
.toptan{background-image:url(/assets/toptan-sal-mobil.jpg)}
}
@media (max-width:420px) {
.caption h2{font-size:24px;line-height:34px}
.caption .btnn.ilk{background-color:#fca800;color:#fff!important}
.caption .btnn{font-size:14px;padding:10px 24px}
}
@media (max-width:330px) {
.caption h2{font-size:18px;line-height:28px}
.f-18.w-75.pb-2.beyaz{font-size:12px!important}
.f-700.f-32.beyaz.pb-4{font-size:18px!important}
}