@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700;800;900&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{background-color:#efefef;font-family:gilroy}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.container{width:580px;left:50%;box-shadow:0 0 68px rgba(0,0,0,.1);float:left;position:relative;margin-left:-290px;background-color:white;overflow:hidden}
.container h1{display:none}
.row{width:100%;float:left}
.main-img{width:100%;float:left}
#siparis-btn:before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}
@-webkit-keyframes shiny-btn1{
    0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}
    80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}
    81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}
    100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}
}
.fiyat-1{float:left;position:relative;z-index:2;margin-top:-120px}
.icn-ozellik{float:left}
.hemen-siparis-ver{width:100%;float:left;overflow:hidden;text-align:center;position:relative;margin-top:30px;margin-bottom:30px}
.indirim-widget{width:100%;float:left;margin-top:30px;box-sizing:border-box;position:relative}
h2{color:#001636;font-weight:900;font-size:50px;width:100%;float:left;box-sizing:border-box;padding:0 30px;line-height:66px;margin-bottom:20px}
.indirim-widget p{font-size:30px;width:70%;color:#1d1d1d;margin-left:30px;font-weight:300;margin-bottom:-50px}
.text-siparis-ver{width:100%;float:left;text-align:center;margin-top:-30px;z-index:2;position:relative;color:#fff;font-size:18px;font-weight:300}
.text-siparis-ver a{color:#fff;font-weight:800;text-decoration:underline}
.kapasite-widget{width:100%;float:left;margin-top:50px;position:relative}
.kapasite-widget ul{float:left;margin-left:30px;width:40%}
.kapasite-widget ul li{width:100%;float:left;margin-top:10px;font-size:20px;box-sizing:border-box;padding-left:40px;position:relative}
.kapasite-widget ul li:before{content:"";position:absolute;width:25px;height:19px;background-image:url(../../../assets/adsapi/images/tick.png);left:0;top:3px;background-size:25px 19px}
.fiyat-2{float:right;position:absolute;width:31%;right:80px;top:100px;z-index:2}
.kapasite-img{position:relative;margin-right:-40px;width:70%;margin-top:-300px;z-index:1;float:right;margin-bottom:-40px}
.video{width:100%;float:left;margin-top:30px}
.video h2{text-align:center;}
.video a{width:100%;float:left}
.firca-widget{width:100%;text-align:center;position:relative;}
.fiyat-3{position:absolute;right:40px;width:37%;top:300px}
.text-kargo{width:220px;position:absolute;right:30px;margin-top:-60px;font-size:24px;line-height:36px;font-weight:300;text-align:center}
.makina-detaylari{width:100%;float:left;text-align:center}
.makina-detaylari h2{font-size:40px;line-height:56px;margin-top:20px}
.makina-detaylari ul li{width:50%;float:left;position:relative}
.makina-detaylari ul li strong{width:100%;float:left;position:relative;top:-20px;font-size:18px}
.makina-detaylari ul{width:100%;float:left;margin-bottom:50px}
.olcu{width:100%;float:left;margin-bottom:30px}
.kiyafet-widget{width:100%;float:left;margin-top:30px;text-align:center}
.ozellikler{width:100%;float:left;margin-top:30px;margin-bottom:50px}
.kiyafet-img{width:100%;float:left;right:-10px;position:relative}
.kargo-bilgi{width:100%;float:left;box-sizing:border-box;padding:0 30px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;position:relative;z-index:10}
.kargo-bilgi h3{float:left;font-size:30px;font-weight:300;margin:15px 0}
.kargo-logolar{float:right;height:100px;display:flex;align-items:center}
.kargo-logolar img{margin-left:30px}
.form-baslik{font-size:50px;margin-top:-10px;float:left;position:relative;width:100%;text-align:center;text-transform:uppercase}
.siparis-fiyat{right:auto;left:0;top:240px;padding-right:0;padding-left:35px;text-align:left;z-index:1}
.siparis-img{position:relative;margin-top:-60px;z-index:0}
.urun-border{width:120px;height:120px;border:1px solid #ccc;border-radius:0;float:left;background:#fff;margin-bottom:30px;margin-right:30px}
.adet-bilgi{float:left;width:calc(100% - 160px)}
.adet-bilgi>strong{font-size:20px;color:#010101;margin-top:30px;width:100%;float:left}
.adet-bilgi span{font-size:16px;font-weight:300;float:left;margin-top:5px;color:#424242}
.adet-bilgi span strong{font-size:22px;color:#000;font-weight:800}
.urun-adetler{width:100%;float:left;margin-bottom:30px}
.footer-linkler{width:100%;float:left;box-sizing:border-box;padding:0 35px;position:relative;z-index:10}
.left-menu{float:left;margin-right:50px;width:40%;margin-bottom:50px}
.left-menu a,.right-menu a{width:100%;float:left;color:#424242;font-family:Roboto,sans-serif;font-size:18px;line-height:28px;font-weight:400}
.right-menu{float:left;width:45%}
.yorum-title{width:100%;text-align:left;box-sizing:border-box}
.yorum-title h2{font-size:50px;line-height:66px;margin-bottom:30px;margin-top:50px;text-transform:uppercase;text-align:center}
.yorumlar{width:100%;float:left;box-sizing:border-box;padding:35px 35px 35px 35px;border-bottom:1px solid #eee}
.yorumlar img{float:left;width:110px;margin-right:25px}
.yorum-content{width:calc(100% - 135px);float:left}
.yorum-content strong{font-size:20px;color:#000;font-weight:700;width:100%;float:left}
.yorum-content span{color:#a3a3a3;font-size:16px;font-weight:400;font-style:italic;width:100%;margin-bottom:10px;float:left}
.yorum-content p{font-size:14px;color:#3c3c3c;font-weight:400;line-height:20px}
.footer{position:relative;z-index:10}
.footer-logo{height:80px;display:flex;align-items:center;padding-left:35px;float:left;font-family:Roboto,sans-serif;font-weight:700;font-size:20px}
.social{float:right;margin-right:35px;height:80px;display:flex;align-items:center}
.social a{margin-left:30px}
.copyright{background:#0c4b93;padding:20px 0;box-sizing:border-box;text-align:center;position:relative;z-index:10}
.copytext{font-size:16px;float:left;color:#fff;font-weight:300;margin-left:0;width:100%}
.footer-link{float:right;font-size:12px;margin-right:25px}
.footer-link a{color:#fff;margin-left:10px}
.siparis-formu{box-sizing:border-box;padding:40px 45px 0;position:relative;margin-top:-2px}
.siparis-formu ul li{width:100%;margin-bottom:25px;float:left}
.siparis-formu ul li label{font-size:18px;color:#3c3c3c}
.form-text,.form-textarea{width:100%;float:left;height:50px;border:1px solid #ccc;border-radius:10px;margin-top:10px;font-size:16px;color:#3c3c3c;padding-left:25px;box-sizing:border-box;font-family:Nunito,sans-serif;font-weight:300}
.form-textarea{height:120px;padding-top:10px}
.urunAdet{width:calc(100% - 50px);float:right}
.urunAdet img{float:left;width:100px}
.urunAdetText{width:calc(100% - 130px);float:right}
.urunAdetText p{color:#000;font-size:16px;margin-bottom:10px;margin-top:18px}
.urunAdetText span{width:100%;float:left;color:#0470e2;margin-bottom:1px;font-size:16px}
button{background-color:transparent;border:none;outline:0;box-shadow:none;cursor:pointer;margin-bottom:30px;margin-top:20px}
.siparis-formu ul li:nth-child(4) img{margin-left:0}
.yorum-title strong{color:#666;margin-bottom:20px;width:100%;float:left;font-size:32px;font-weight:500}
.siparis-btn-4{background-color:#fff;padding-bottom:80px}
.metin-center{background:#000;color:#fff;text-align:center;box-sizing:border-box;padding:30px 50px 50px}
.metin-center strong{color:#666;font-size:24px;font-weight:500;width:100%;float:left;margin-bottom:15px}
.metin-center h2{font-size:60px;margin-bottom:20px}
.metin-center p{font-weight:300;font-size:18px;line-height:26px}
.yorum-head{width:100%;float:left;margin-bottom:10px}
.avatar{width:60px;height:60px;background:#0c4b93;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;float:left;margin-right:20px}
.yorum-baslik{float:left}
.yorum-baslik strong{font-size:20px;width:100%;float:left;margin-bottom:5px;margin-top:5px;color:#0c4b93}
.yorum-baslik span{font-size:14px;color:#666;font-style:italic}
.yorum-mesaj{width:100%;float:left;font-size:16px;line-height:24px}
.yorum-date{float:right;font-size:14px;margin-top:20px;color:#ccc;font-style:italic}
.sticky{position:fixed;bottom:0;z-index:9;margin-bottom:10px!important}
.ziyaretci{width:450px;height:40px;float:left;background:#000;border-radius:20px 20px 0 0;margin-left:10px;color:#fff;line-height:40px;font-size:22px;font-weight:300;letter-spacing:1px;position:fixed;bottom:-50px;transition:all ease-in-out .3s;opacity:0;z-index:8}
.ziyaretci.fix{bottom:120px;opacity:1}
.geri-btn{width:30%;height:50px;display:flex;float:left;align-items:center;justify-content:center;border:1px solid #ccc;background:#fff;border-radius:15px 0;margin-left:5%;margin-top:20px;color:#585858;font-size:18px;font-family:'Roboto Condensed',sans-serif}
.siparis-btn{width:56%;height:50px;display:flex;float:right;align-items:center;justify-content:center;margin-top:20px;margin-bottom:50px;background:#0c4b93;margin-right:5%;border-radius:15px 0;color:#fff;font-size:20px;border:1px solid #ccc}
.content{width:100%;float:left;box-sizing:border-box;padding:20px 30px;margin-bottom:30px}
.content p{font-family:Roboto,sans-serif;font-weight:300;font-size:16px;line-height:24px;margin-bottom:20px;color:#424242}
.content h3{font-size:22px;margin-bottom:15px;color:#424242}
@media only screen and (max-width:580px){
    .container{width:100%;box-shadow:none;left:0;margin-left:0;overflow:hidden}
    .yorum-title h2{font-size:32px;line-height:42px;margin-bottom:20px;margin-top:30px}
    .yorum-title{padding:0 15px}
    .yorum-title strong{color:#666;margin-bottom:10px;width:100%;float:left;font-size:20px;font-weight:500}
    .yorumlar{padding:20px}
    .yorumlar img{width:80px}
    .yorum-content{width:calc(100% - 105px)}
    .yorum-content strong{font-size:18px}
    .yorum-content span{font-size:14px}
    .yorum-content p{font-size:12px;line-height:18px}
    .siparis-formu{padding:10px 25px 0}
    .siparis-formu ul li label{font-size:15px}
    .form-text,.form-textarea{height:45px;margin-top:7px;font-size:15px}
    .form-textarea{height:100px}
    .urunAdet img{float:left;max-height:100px;width:80px}
    .urunAdet{width:calc(100% - 40px)}
    .urunAdetText{width:calc(100% - 90px)}
    .urunAdetText p{font-size:14px;margin-bottom:7px;margin-top:8px}
    .urunAdetText span{font-size:13px;line-height:20px}
    .yorum-baslik strong{font-size:16px;margin-top:0}
    .avatar{width:40px;height:40px;font-size:16px;margin-right:10px}
    .yorum-date{font-size:10px;margin-top:20px}
    .yorum-mesaj{font-size:14px;line-height:22px}
    .kargo-bilgi{padding:0 15px}
    .kargo-bilgi h3{font-size:20px}
    .kargo-logolar img{margin-left:20px;max-height:30px}
    .kargo-logolar{height:80px}
    .footer-logo{height:60px;padding-left:15px;font-size:16px}
    .social{margin-right:15px;height:60px}
    .social a img{max-height:15px}
    .social a{margin-left:20px}
    .footer-linkler{padding:0 15px;}
    .left-menu a,.right-menu a{font-size:14px;line-height:22px}
    .copyright{padding:20px 0}
    .copytext{font-size:12px}
    .siparis-fiyat{top:160px;padding-right:0;padding-left:20px}
    .form-baslik{font-size:30px;z-index:2;margin-top:0}
    .urun-border{width:70px;height:70px;margin-bottom:20px;margin-right:10px}
    .adet-bilgi{width:calc(100% - 100px)}
    .adet-bilgi>strong{font-size:14px;margin-top:15px}
    .adet-bilgi span{font-size:12px;margin-top:0}
    .adet-bilgi span strong{font-size:18px}
    button.siparis-ver-btn{font-size:28px;height:70px}
    .ziyaretci.fix{bottom:80px}
    .ziyaretci{margin-left:2%;width:300px;font-size:15px;height:30px;line-height:30px;letter-spacing:.5px}
    .geri-btn,.siparis-btn{height:45px;font-size:18px;margin-bottom:30px}
    .content{padding:20px 20px}
    .fiyat-1{margin-top:-90px;width:33%}
    .icn-ozellik{float:right;width:65%;margin-right:30px;margin-top:-20px}
    h2{font-size:30px;padding:0 20px;line-height:normal;margin-bottom:15px}
    .indirim-widget p{font-size:20px;margin-left:20px;margin-bottom:-30px}
    .indirim-widget{margin-top:10px}
    .text-siparis-ver{margin-top:-21px;font-size:12px}
    .kapasite-widget{margin-top:30px}
    .kapasite-widget ul li{font-size:15px;padding-left:30px;margin-top:7px}
    .kapasite-widget ul{margin-left:20px}
    .kapasite-widget ul li:before{width:20px;height:15px;background-size:20px 15px}
    .fiyat-2{width:30%;right:60px;top:60px}
    .kapasite-img{margin-right:-20px;width:63%;margin-top:-220px;margin-bottom:-40px}
    .video{margin-top:10px}
    .firca-widget h2{font-size:34px}
    .fiyat-3{right:20px;width:35%;top:210px}
    .text-kargo{width:180px;right:0;margin-top:-30px;font-size:18px;line-height:26px}
    .makina-detaylari h2{font-size:30px;line-height:normal;margin-top:10px}
    .makina-detaylari ul li strong{font-size:14px}
    .olcu{margin-bottom:20px;padding:0 70px;box-sizing:border-box}
}


#ilkfiyat{
    z-index:999;
}
#bunlari{

    width:100% !important;
}

.blink {
    animation: blinker 1.1s linear infinite;
    color: #001636;
    font-size: 30px;
    font-weight: bold;
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    text-align:center !important;
}
@keyframes blinker {
    50% { opacity: 0; }
}

#fixed_menu{

    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    background-color:transparent;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #fixed_menu{
        position: fixed;
        width: 100%;
        z-index: 99999;
        bottom: 0px;
    }
    #fyt{
        width:500px !important;
    }

}


@media only screen and (min-width: 768px) {
    /* For mobile phones: */
    #fixed_menu{
        position: fixed;
        left:50%;
        margin-left:-290px;
        width: 100%;
        z-index: 99999;
        bottom: 0px;
    }

}

@media only screen and (max-width: 400px)
{
    #ilimg{

        color: black;
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 11px;
        display: block;

    }
    #fyt{
        width:150px !important;
        max-width: 750px !important;
    }

}