@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
body{font-family: 'Roboto', sans-serif;}
ul{padding:0;margin:0;}
a,a:hover,a:focus{color:inherit;text-decoration:none;}
li{list-style:none;}
header{float:left;width:100%;position:relative;z-index:9;}
.logo{float:left;position:relative;}
.ustbg{float:left;height:44px;width:223px;background:url("../images/ustbg.png")no-repeat top center;margin-left:23px;}
.numara{float: right;color: #ff003d;font-weight:bold;font-size: 14px;line-height: 36px;width: 186px;margin: 15px 11px;}
.numara img{
    float: left;
    margin-top: 16px;
    margin-right: 16px;
}
.numara span{float:left;font-weight: bold;font-size: 14px;line-height: 1;color: #6c6b6b;margin-top:-8px;padding-right:6px;line-height: 15px;}
.numara i{margin-top: 18px;float:left;width:36px;height:36px;border-radius:50%;color:#fff;background:#0897ca;font-size:21px;text-align:center;line-height:36px;margin-right:7px;}
.ustbtn{float:left;width:80px;color:#1d1d1b;font-weight:bold;font-size:19px;line-height:1;cursor:pointer;margin-left:25px;}
.ustbtn span{float:left;width:100%;font-size:12px;padding-left:35px;}
.ustbtn i{float:left;width:36px;height:36px;border-radius:50%;color:#fff;background:#e50046;font-size:22px;text-align:center;line-height:36px;margin:4px 10px;}
.bayraklar{float:left;margin-top:6px;margin-left:40px;display:none;}
.bayraklar a{float:left;margin-left:16px;}
.sepet{float:right;width:102px;height:32px;background:url("../images/sepet.png")no-repeat top center;margin-top:4px;cursor:pointer;margin-left:110px;}
.sepet span{float:left;color:#fff;width:17px;margin-left:4px;margin-top:9px;text-align:center;}
.sabitheader{position:fixed;top:0;height:36px;z-index:999;}
.sabitheader .ustbg , .sabitheader .hosgeldiniz{display:none}
.sabitheader .sepet{width:73px;height:18px;background:url(../images/sepet.png)no-repeat top center;background-size:100%;margin-right:10px;}
.sabitheader .numara{font-size:14px;line-height:2;}

.sabitheader .diller > li {
    line-height: 20px;
    z-index: 99;
}
.sabitheader .numara i{font-size:11px;line-height:2;height:18px;width:18px;margin-top:4px;}
.sabitheader .numara span{display:none}
.sabitheader .logo{}
.sabitheader .logo img{width:170px;}
.Bslider{float:left;width:100%;height: 390px;position: relative;z-index: 1;overflow: hidden;border-radius: 5px;}
.Bslide{float:left;width:100%;height: 505px;}
.slideralt{float:left;width:100%;height: 139px;background:url("../images/slideralt.png")no-repeat top center;margin-top: -26px;position: relative;z-index: 99;}
.slideralt h1{text-align:center;color:#1d1d1b;margin-top:12px;font-weight:100;}
ul.headermenu{float: left;/* padding: 14px 0; */width: 100%;}
ul.headermenu > li{float:left;color: #72797d;font-size: 13px;font-weight: bold;padding: 10px 11px;margin-right: 9px;background: #fff;}
ul.headermenu > li > a{
}

ul.headermenu > li:last-child{margin: 0;}
ul.headermenu > li:first-child{border-left:none;}
ul.headermenu > li:hover{color: #e50046;background: #f2f1f1;border-radius: 6px;}
ul.headermenu > li i{color: #ffffff;}
ul.headermenu li a{display:block;position: relative;}

ul.headermenu > li > ul{position:absolute;width: 100%;left: 0;display:none;z-index: 1;-moz-box-shadow:-1px 4px 18px -4px rgba(56,55,56,.59);text-transform: initial;/* background: #fff; */-webkit-box-shadow: 0 3px 6px -3px rgb(0 0 0 / 25%);box-shadow: 0 3px 6px -3px rgb(0 0 0 / 25%);padding-top: 58px;}
ul.headermenu > li:hover > ul{display:block;}
ul.headermenu > li > ul  .megamenuic{
    background: #fff;
    padding-bottom: 20px;
    margin-top: -37px;
    padding-top: 12px;
}
ul.headermenu > li > ul  li{float:left;color: #72797d;float:left;width: 25%;font-weight: 500;font-size: 12px;overflow: hidden;padding: 8px;padding-left: 0;}
ul.headermenu > li > ul  li:hover{color: #e50046;border-color: #e50046;}
ul.headermenu > li:hover > ul{display:block;}
ul.headermenu > li> ul span{
    float: left;
    color: #72797d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    width: 100%;
    border-left: solid 3px #ccd4d9;
    padding-left: 5px;
    margin-left: 12px;
}
ul.headermenu > li > ul  li span{margin-left: 5px;padding: 5px 6px;font-size: 9px;font-weight: bold;width: auto;float: none;border-radius: 5px;}


ul.headermenu > li > ul  li span.alert-success ,ul.headermenu > li > ul > li span.alert-success i {
    color: #d800ff;
    background-color: #f8f0f8;
    border-color: #f8f0f8;
    text-shadow: 0px 5px 11px #c600ffab;
}

ul.headermenu > li > ul  li span.alert-danger ,ul.headermenu > li > ul > li span.alert-danger i {
    color: #e50047;
    background-color: #f0eeee;
    border-color: #f0eeee;
}

ul.headermenu > li > ul  li span.alert-warning ,ul.headermenu > li > ul > li span.alert-warning i {
    color: #ffc107;
    background-color: #ffefbd;
    border-color: #ffefbd;
}

ul.headermenu > li > ul  li span.alert-info ,ul.headermenu > li > ul > li span.alert-info i {
    color: #05e500;
    background-color: #f5f7f5;
    border-color: #f5f7f5;
    text-shadow: 0px 5px 11px #00ff10ab;
}
.meganumenuliste{
    float: left;
    width: 760px;
    padding-left: 21px;
}
.megamenuresimli{
    float: right;
    width: 440px;
    margin-top: -28px;
    padding-left: 2px;
    padding-left: 5px;
    border-left: solid 1.5px #ccd4d9;
}
ul.headermenu > li > ul  .megamenuresimli li{
    width: 114px;
    margin-left: 30px;
}

.megamenuresimli .name{
    float: left;
    width: 101%;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 10px;
    margin-bottom: 4px;
}

.megamenuresimli .image{
    width: 114px;
    height: 114px;
    border: solid 1px transparent;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.megamenuresimli .image img{
    max-width: 100%;
    max-height: 100%;
}
.megamenuresimli li:hover .image{
    border-color: #e50046;
}
.megamenureklam{
    float: left;
    width: 724px;
    margin-top: 14px;
    padding-left: 20px;
    bottom: 29px;
    margin-bottom: 0;
    position: absolute;
}
.megamenureklamic{
    width: 555px;
    height: 66px;
    background: #ebebeb;
    overflow: hidden;
    border-radius: 10px;
    float: left;
}
.megamenureklamic h2{
    font-weight: bold;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 5px;
    float: left;
    width: 245px;
}
.megamenureklamic p{
    color: #72797d;
    font-size: 11px;
    font-weight: normal;
    margin-left: 15px;
    float: left;
    width: 293px;
}
.megamenureklamicimg{float: right;width: 97px;height: 97px;margin-top: -19px;margin-right: 13px;}
.megamenureklamicimg img{
    max-height: 100%;
}
.megamenureklamfiyat{
    float: right;
    font-size: 20px;
    padding-top: 15px;
    line-height: 18px;
    width: 123px;
}
.megamenureklamfiyat del{
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: normal;
}

.megamenuresimli  span{
    position: absolute;
    left: 4px;
    bottom: 4px;
    padding: 4px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    font-size: 7px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    margin: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.diller{float:left;/* margin-left:25px; */}
.diller > li{float:left;font-size:14px;font-weight:600;position:relative;padding-bottom: 28px;line-height: 20px;position: relative;z-index: 99;}
.diller > li > a{float:left;display:block;font-size: 16px;}
.diller > li > ul{position:absolute;background:#fff;width:115px;left:-7px;top: 39px;border-top:solid 3px #e50047;display:none;z-index:9;padding:0;}
.diller > li:hover > ul{display:block;}
.diller > li > ul:after{position:absolute;top:-10px;left:19%;margin-left:-3px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #e50046;border-left:7px solid transparent;content:'';}
.diller > li > ul > li{float:left;color:#6e6e6d;padding: 5px 10px;float:left;width:100%;font-size: 14px;font-weight: 600;border-bottom: 1px solid #f1f1f1;}
.diller > li > ul > li:hover{color:#e50046;}
.headerdilkur{float:left;width:165px;margin-left:35px;}
.taburunler{float:left;width:100%;text-align:center;border-top: solid 2px #f4f4f4;margin-top: 12px;margin-bottom: 20px;}
.taburunler h2{text-align: center;color: #717171;font-weight: bold;font-size: 20px;background: #fff;width: 584px;margin: auto;margin-top: -14px;margin-bottom: 15px;}
ul.taburunlerbtn{float:right;margin-top:10px;margin-right:43px;text-align:center;position:relative;z-index:99;}
ul.taburunlerbtn li{color:#3c3c3b;background:#ececec;font-size:14px;font-weight:600;padding:8px 24px;border:solid 1px #898988;display:inline-block;margin:7px;border-radius:5px;}
ul.taburunlerbtn li:hover{background:#e50046;color:#fff;}
ul.taburunlerbtn li a{display:block;}
.taburunlist{}
.urun{margin:14px 0;}
.urunimg{float:left;width:100%;text-align:center;background:#ffffff;text-align:center;border:solid 1px #7e7e7e;border-radius:15px;height: 167px;overflow:hidden;text-align:center;}
.urunimg img{max-width:100%;max-height:100%;display:initial;}
.urunisim{float:left;width:100%;text-align:center;margin:10px 0;height: 100px;overflow:hidden;}
.urunlink{margin:0 auto;width:92px;}
.urunlink img{display:inline-block;}
.enscoksatilanbg{float:left;width:100%;margin:10px 0;background-size: cover;border-top: solid 2px #f4f4f4;margin-top: 46px;margin-bottom: 0;}
.encoksatilanbaslik{text-align:center;color: #717171;font-weight:bold;font-size: 20px;background: #fff;width: 384px;margin: auto;margin-top: -14px;margin-bottom: 15px;}

.enscoksatilanurun{margin:14px 0;}
.enscoksatilanurunimg{float:left;width:100%;background:#e9e9e9;height: 292px;overflow:hidden;text-align:center;margin-bottom: 10px;}
.enscoksatilanurunimg img{max-width:100%;max-height:100%;display:initial;}
.enscoksatilanurunisim{float:left;width:100%;text-align:center;color:#fff;font-size: 16px;font-weight: 600;color: #717171;margin-top: 10px;}

.enscoksatilanurunisim span{
    float: left;
    width: 100%;
    color: #ec0b43;
    font-size: 16px;
}
.enscoksatilanurunlink{margin:0 auto;width:100%;margin-top:-22px;float:left;text-align:center;}
.enscoksatilanurunlink img{display:inline-block;}
.kurumsaluyelik{
    float: left;
    width: 100%;
    height: 262px;
    background: #e88ea4;
    overflow: hidden;
    margin: 60px 0;
    padding-top: 14px;
}
.kurumsaluyelikaciklama{
    color: #fff;
    margin-left: 90px;
    margin-top: 74px;
}
.kurumsaluyelikaciklama h1{
    font-weight: bold;
}
.kurumsaluyelikaciklama p{
    font-size: 18px;
    width: 342px;
}
.kurumsaluyelikbtn{
    color: #fff;
    border: solid 1px #fff;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-top: 100px;
}
.kurumsaluyelikbtn:hover{
    border: solid 1px #53818e;
    background: #53818e;
    color: #fff;
}
ul.urunleryanbtn{float:right;margin-top:10px;margin-right:43px;text-align:left;width:100%;}
ul.urunleryanbtn li{color:#3c3c3b;background:#ececec;font-size:14px;font-weight:600;padding:8px 24px;border:solid 1px #898988;display:inline-block;margin:8px 0;border-radius:5px;width:100%;text-align:center;}
section.trust-w{padding:50px 0;background:#f0f0f1;margin:50px 0;border-top:solid 10px #6f6f6e;border-bottom:solid 10px #6f6f6e;}
.trust-w .block-trust{text-align:center;}
.trust-w .tr-icon{display:inline-block;width:125px;height:125px;cursor:pointer;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center;vertical-align:50%;background:#e50046;border:8px solid transparent;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;}
.trust-w .tr-icon:hover{border-color:#f3326d;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;}
.trust-w .tr-icon i{color:#ffffff;font-size:48px;line-height:115px;}
.trust-w .tr-line{width:100%;height:1px;display:inline-block;background:#c2c2c2;}
.trust-w .tr-text{margin-top:24px;}
.trust-w .tr-text p{font-size:14px;color:#888888;line-height:20px;margin-top:7px;font-weight:400;height:60px;}
.trust-w .tr-text a{margin-top:18px;}
.btn-readmore{cursor:pointer;color: white;display:inline-block;font-weight: 500;padding: 13px 15px;text-transform:uppercase;font-size: 14px;background: #e60045;min-width:120px;text-align:center;border:  none;}
.btn-readmore:hover{background:#e82561;color:white;}
.btn-readmore-disabled{border:1px solid #e1e1e1;border-radius:3px;color:white;display:inline-block;font-weight:400;padding:9px 15px;text-transform:uppercase;font-size:12px;background:#e1e1e1;}
.button-shadow-effect{-webkit-box-shadow:inset 0 0 0 0px #27496d,0px 3px 5px #193047;-moz-box-shadow:inset 0 0 0 0px #27496d,0px 3px 5px #193047;box-shadow:inset 0 0 0 0px #27496d, 0px 3px 5px #193047;}
.onlinematbaa{float:left;width:100%;margin:14px 0;}
footer{float:left;width:100%;}
.footer-main{padding:35px 0px;background:#1a1a1a;color:white;margin-top:20px;}
.footer-main h2{font-size: 14px;font-weight:normal;color:#ffffff;width:100%;border-bottom:1px solid #fff;text-transform:uppercase;margin-bottom:25px;padding-bottom:8px;position:relative;}
.footer-main a,
.footer-main p{color:white;font-size: 12px;}
.footer-main li{padding-bottom:5px;}
.footer-main p{line-height:24px;}
.footer-main ul.info{margin-top:7px;}
.footer-main .info li{padding-bottom:0;}
.footer-main .info li i{font-size:128.57%;}
.footer-main ul.info li span{font-size:12px;color:white;}
.footer-main .about-us li i{margin-right:6px;}
.footer-main .info li:hover i{color:#e50046;}
.footer-main .footer-social{margin-top:28px;}
.footer-main .footer-social li{float:left;margin-right:10px;}
.footer-main .about-us .footer-social li i{margin-right:0px;}
.footer-main .footer-social li a{display:block;width:30px;height:30px;background-color:#666;color:white;text-align:center;border-radius:50%;line-height:30px;}
.footer-main .footer-social li a:hover{background-color:#e50046;color:#fff;}
.footer-main .corporate a:hover:before, .footer-main .support ul a:hover:before{content:"\f105";font:normal normal normal 10px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);margin-right:8px;font-size:14px;}
.footer-main .corporate a:hover, .footer-main .support ul a:hover{color:#e50046;}
.footer-bottom{height:50px;line-height:20px;color:#666;background:#161616;font-size:14px;}
.footer-bottom p{margin-bottom:0;line-height:50px;color:#999999;}
.footer-bottom a{color:#e50046;}
#pr-login .container .col-md-9 .col-md-6{padding-left:0;}
#pr-register .container .col-md-9 .col-md-6.left{padding-left:0;}
#pr-register .container .col-md-9 .col-md-6.right{padding-right:0;}
#pr-login h1.ct-header{font-size:24px;padding:0 0 25px;margin-top:-5px;font-weight:bold;}
#pr-login h4, #pr-register h4{font-size:16px;position:relative;float:left;margin-bottom:25px;}
#pr-login .socail{float:left;}
#pr-login .socail h4{margin-top:16px;}
#pr-login p{clear:both;font-size:13px;color:#888888;}
#pr-register p{clear:both;font-size:13px;color:#444444;text-transform:capitalize;}
#pr-login h4:after, #pr-register h4:after{position:absolute;content:"";bottom:-8px;left:0;width:100%;height:1px;background:#e50046;}
#login-form p, #forgotpass-form p{font-size:14px;color:#444444;}
#pr-login .container .col-md-6.col-sm-6.col-xs-12.right{padding-right:0;}
#pr-login .container .col-md-6.col-sm-6.col-xs-12.right p{margin-bottom:25px;}
#pr-login .container .col-md-6.col-sm-6.col-xs-12.right #forgotpass-form p{margin-bottom:10px;}
#pr-login .container .col-md-6.col-sm-6.col-xs-12.right #forgotpass-form .email{margin-bottom:40px;}
.container .col-md-6 input.rounded-left{border: 1px solid #ec1651;font-size: 15px;padding:6px 7px;width:100%;max-width:100%;line-height:0;height: 45px;/* border: none; */background: #ffffff;box-shadow: none;border-radius: 10px 0 0 10px;padding-left: 17px;}
.container .col-md-6 input:focus{
    z-index: 1;
}
    .pr-main .container .col-md-6 button{float:right;}
.container .col-md-6 .socail{clear:both;}
.container .col-md-6 .socail h4{float:none !important;}
.container .col-md-6 .socail p span{font-size:16px;color:#888888;}
.container .col-md-6 .socail p{font-size:12px !important;color:#444444 !important;}
.container .col-md-6 button.connectfa{float:left;margin-top:5px;padding:10px 25px;}
#pr-login .col-md-6{padding-right:30px;}
#pr-login .col-md-3{float:right;}
#pr-login #login-form{}
#pr-login #login-form button.login{color:#646464;}
#pr-login #login-form button.login:hover{opacity:0.9;color:#ffffff;}
#register-form button.register{color:#646464;}
#register-form button.register:hover{opacity:0.9;color:#ffffff;}
.header-page{line-height: 60px;background:#fcfcfc;float:left;width:100%;padding-bottom: 20px;/* background: url(../images/kargo-golge.png) no-repeat bottom center; */}
.category-w{padding-top:30px;}
.mh-title{font-size:16px;font-weight:normal;line-height:50px;color:#888888;margin-bottom:-20px;}
.breadcrumb-w{text-align:right;}
.breadcrumb{float: right;margin-left:8px;background:transparent;padding:0;}
.breadcrumb-w ul li a{font-size: 13px;color:#888888;}
.breadcrumb-w > span,
.breadcrumb-w ul li span{font-size: 14px;color: #ff004c;}
.breadcrumb-w ul li a:hover{color:#e50046;}
.account .pad-1015{padding:10px 15px;}
.dashboard .cart-banner-top{margin:25px 0;}
.acc-title{background: #c81244;padding: 20px 16px;color:#ffffff;font-size:16px;overflow:hidden;}
.acc-title.lg{font-size: 14px;text-transform:uppercase;margin-top:0;display:block;font-weight: bold;}
.acc-title .acc-edit{float:right;color:#ffffff;}
.account-sidebar ul li{border-bottom:1px solid #f1f1f1;}
.account-sidebar ul li a{font-size:14px;padding: 16px 16px;display:block;color: #58585a;background: #ebebeb;border-bottom: solid 2px #fff;font-weight: 600;}
.account-sidebar ul li.active a,.account-sidebar ul li:hover a{color: #dc0040;}
.account-main .hello-user{font-weight:bold;font-size:16px;}
.account-main .db-info .acc-sub-tit-i{font-size:14px;color:#25bce9;text-transform:uppercase;margin-bottom:15px;}
.account-main .db-info .acc-sub-tit-i i{margin-right:5px;}
.account-main .db-info .acc-info-content{border:1px solid #f1f1f1;margin-bottom:30px;border-top:none;}
.account-main .bs-address{margin:0 15px 30px 15px;overflow:hidden;border:1px solid #f1f1f1;}
.account-main .acc-info-content a{display:block;color:#25bce9;margin-top:5px;}
.account-main .db-contact .acc-info-content span,
.account-main .bs-address .acc-info-content span{display:block;padding:3px 0px;}
.account-main .bs-address .acc-info-content span.title{display:block;margin-bottom:5px;}
.bs-address > .col-md-6:nth-child(1){padding-left:0;}
.bs-address > .col-md-6:nth-child(2){padding-right:0;}
@media(max-width:767px){.db-address,
.account-sidebar{margin-bottom:30px;}
.account-sidebar{margin-top:30px;}
.bs-address > .col-md-6:nth-child(2){padding-left:0;}
.db-address .acc-title .acc-edit{font-size:12px;margin-top:3px;}
}
.form-edit-info{padding:15px;background:#ffffff;overflow:hidden;}
h4.acc-sub-title{font-size:16px;border-bottom:1px solid #25bce9;padding-bottom:5px;margin:15px 0;float:left;}
h1.acc-sub-title{font-size:16px;border-bottom:1px solid #25bce9;padding-bottom:5px;margin:15px 0;float:left;}
.form-edit-info form{clear:both;}
.form-edit-info form .account-bottom-action .gbtn.btn-edit-acc-info{font-size:18px;padding:0 55px;height:48px;border-bottom:2px solid #666666;}
.form-edit-info label{font-weight:normal;}
.form-edit-info input{border-radius:0;border:1px solid #d7d7d7;max-width:100%;font-size:12px;}
.account-bottom-action{overflow:hidden;margin:30px 0px;}
.form-edit-info .account-bottom-action{margin:0;}
.account-bottom-action .back{text-transform:uppercase;left:left;}
.account-bottom-action button{float:right;}
.checkbox-w.label-text label{width:200px;left:30px;}
.checkbox-w.label-text label i{left:-15px;top:93%;}
span.required{margin-left:3px;color:#f48784;}
aside.account-sidebar.sidebar ul{background:#ffffff;}
.acc-dashboard .account-main .db-content{background:#ffffff;overflow:hidden;margin-bottom:45px;}
.acc-dashboard .account-main .db-content .acc-title{font-size:14px;padding:7px 15px;}
.acc-info-content.pad-1015{min-height:100px;}
.acc-address ul li{display:block;margin-bottom:5px;}
.acc-address ul li span.alabel{min-width:100px;margin-right:10px;color:#444444;float:left;}
.account-main span.nobr{font-weight:bold;}
.acc-address ul{clear:both;}
.acc-address a.change-address{text-decoration:underline;margin-top:10px;display:block;}
.acc-address a.change-address:hover{color:#25bce9;}
.account-sidebar{margin-bottom:30px;}
#my-orders-table{width:100%;margin-top:30px;border:1px solid #cecece;}
#my-orders-table th{padding:5px 0px;text-align:center;border-bottom:1px solid #cecece;font-weight:bold;}
#my-orders-table td{padding:5px;text-align:center;border-bottom:1px solid #cecece;}
.acc-newsletter ul.form-list{padding-top:30px;}
.acc-newsletter .control .checkbox{float:left;margin-right:10px;margin-top:0;}
.fiyat-hesapla-satir{padding:0px 0px;margin:5px 0px;}
.fiyat-hesapla-aciklama{line-height:27px;text-align:right;display:block;}
.fiyat-hesapla-secenek{margin:0px 0px 0px 0px;width:100%;}
.fiyat-hesapla-butonlar{padding:15px;}
.fiyat-hesaplama-satirlari{padding:10px;font-size: 13px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom: 100px;}
.fiyat-hesaplama-satirlari .fhs-container{background-color:#fff;border:1px solid #e1e1e1;padding:0 10px;font-family: arial; color: #000;}
.fiyat-hesaplama-satirlari .fhs-container .row{margin-right:-10px;margin-left:-10px;border-bottom:1px solid #e1e1e1;padding:10px 0;font-size: 14px;}
.fiyat-hesaplama-satirlari .fhs-container .kapakhidden .row{
} 
.fiyat-hesaplama-satirlari .fhs-container .row.alert-danger{
    background: #000;
    color: #fff;
    height: 55px;
    line-height: 33px;
}.fiyat-hesaplama-satirlari .fhs-container .row.alert-danger:hover{
    background: #000;
}
.fiyat-hesaplama-satirlari .fhs-container .row:hover{background-color:#f9f9f9;}
.fiyat-hesaplama-satirlari .fhs-container .row:last-child{border:0;}
.fiyat-hesaplama-satirlari.fhs-total-container .fhs-container > .row{margin:0;margin-right:-10px;margin-left:-10px;border-bottom:1px solid #e1e1e1;padding:10px;}
.fiyat-hesaplama-satirlari.fhs-total-container .fhs-container > .row:last-child{border:0;}
.fiyat-hesaplama-satirlari.fhs-total-container .fhs-container > .row > *:last-child{text-align:right;}
.fiyat-hesaplama-satirlari:after{display:block;content:"";clear:both;}
.container .fiyat-hesaplama-satirlari .col-md-6 input{margin:0;}
input,
input::-webkit-input-placeholder{font-size:14px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position:relative;min-height:1px;padding-right: 15px;padding-left: 15px;}
.gri{background: #b7b7b7;border: solid;}
.uyepanelkutu{padding:15px 0;margin:10px;border:1px solid #dddddd;border-radius:4px;text-align:center;font-size:16px;float:left;width:354px;}
.uyepanelkutu i{margin-bottom:10px;}
.sub_main .sub_title{margin-top:30px;margin-bottom:20px;width:100%;font-size:20px;font-weight:700;line-height:40px;color:#e50046;border-bottom:1px solid #e50046;position:relative;text-transform:uppercase;}
.sub_main .contact .contact_information{float:left;margin-top:10px;width:25%;}
.sub_main .contact .contact_information .contact_information_icon{width:100%;height:60px;line-height:60px;font-size:33px;color:#e50046;text-align:center;}
.sub_main .contact .contact_information .contact_information_content{padding-left:5%;width:100%;margin-top:10px;height:75px;line-height:25px;text-align:center;}
.sub_main .contact_form{float:left;margin-top:15px;width:100%;}
.sub_main .contact_form .contact_form_input{float:left;margin:10px 1% 0;padding:0 18px;background:#f1a5b8;width:31.33333334%;height:45px;color:#FFF;border:none;outline:0;font-size:14px;}
.sub_main .contact_form .contact_form_textarea{float:left;margin:10px 1% 0;padding:10px 18px;background:#f1a5b8;width:98%;height:165px;color:#FFF;border:none;outline:0;resize:none;font-size:14px;}
.sub_main .contact_form .security_code{float:left;margin-top:30px;margin-left:15%;width:14.28571429%;height:45px;}
.sub_main .contact_form .contact_form_input:focus{color:#FFF;border:1px solid #ec6084;background:#ec6084;}
.sub_main .contact_form .refresh_button{float:left;margin-top:30px;width:10%;height:45px;line-height:45px;text-align:center;}
.sub_main .contact_form .contact_form_s_input{float:left;margin-top:30px;padding:0 18px;background:#f1a5b8;width:28.57142857%;height:45px;color:#FFF;border:none;outline:0;}
.sub_main .contact_form .contact_button{float:right;margin-right:1%;background:#e50046;margin-top:30px;width:28.57142857%;height:44px;font-size:15px;color:#FFF;border:none;outline:0;transition:background .3s;}
.sub_main .contact_form .contact_form_s_input:focus{color:#FFF;border:1px solid #ec6084;background:#ec6084;}
.sub_main .contact_form .contact_form_textarea:focus{color:#FFF;border:1px solid #ec6084;background:#ec6084;}
.sub_main .contact_form .contact_button:hover{color:#FFF;background:#d4436f;}
.sub_main .contact_form .contact_form_input:focus::-webkit-input-placeholder{color:#FFF}
.sub_main .contact_form .contact_form_input::-webkit-input-placeholder{color:#FFF}
.sub_main .contact_form .contact_form_textarea::-webkit-input-placeholder{color:#FFF}
.sub_main .contact_form .contact_form_textarea:focus::-webkit-input-placeholder{color:#FFF}
.sub_main .contact_form .contact_form_s_input::-webkit-input-placeholder{color:#FFF}
.sub_main .contact_form .contact_form_s_input:focus::-webkit-input-placeholder{color:#FFF}
.fiyatlisteleri{border:1px solid #f1f1f1;}
.fiyatlisteleri table{margin:0;width:100%;min-width:800px;font-size:13px;}
.fiyatlisteleri thead th{font-size:16px;border-bottom:1px solid #616060!important;font-weight:bold;background-color:#f0f0f0;}
.fiyatlisteleri thead th:not(:first-child){text-align:center;}
.fiyatlisteleri thead th,
.fiyatlisteleri tbody td{padding:10px;}
.fiyatlisteleri tbody td.flt-fiyat *{text-align:center;font-weight:bold;font-size:24px;color:#e50046;line-height:33px;}
.fiyatlisteleri tbody td span.flt-adet{color:black;text-align:right;padding-right:20px;}
.fiyatlisteleri tbody td{font-size: 14px;border-bottom:1px solid #e1e1e1;background-color:#fff;border-right:1px solid #e1e1e1;vertical-align:middle!important;text-align:center;}
.fiyatlisteleri table tbody tr:hover td{background-color:#f9f9f9;}
.fiyatlisteleri .bigheadtable thead th{font-size: 16px;background-color:#fff;border-bottom:2px solid #e50046 !important;}
@media only screen and (max-width:1200px){.fiyatlisteleri.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
}
.urun-baslik{font-size: 20px;float: left;width: 100%;margin: 10px 0;font: 18px 'Montserrat-Bold';color: #bbbbbb;margin-top: 0;}
.urun-fiyat{color:#e50046;font-size:38pt;font-weight:bold;}
.kdv{color:#e50046;font-size:16px;font-weight:bold;}
.urun-adet{color:#bd1b1b !important;font-size:18px;font-weight:bold;margin-top:5px;display:block;}
.urun-adet span{color:#bd1b1b !important;font-weight:bold;}
.urun-uretim-suresi{font-size:12pt;margin-top:15px;display:block;}
.urun-button{background-color:#afcb1f;color:white;font-weight:bold;padding:5px 10px;word-spacing:2px;letter-spacing:2px;margin-top:10px;}
.urun-aciklama{font-size:16px;margin-top:8px;display:block;margin-bottom:10px;}
.en-cok-satanlar-baslik{display:block;text-align:center;font-size:13pt;font-weight:bold;text-transform:uppercase;letter-spacing:1px;word-spacing:2px;border-bottom:2px solid #778899;}
.urun-ozellik-baslik{display:block;margin-top:10px;}
.urunler-ozel-teklif{padding:40px 10px;}
.urunler-ozel-teklif-baslik{font-weight:bold;font-size:10pt;}
.urunler-ozel-teklif-icon{border:2px solid rgb(166, 22, 22);border-radius:5px;padding:0px 5px;color:rgb(166, 22, 22);}
.urunler-ozel-teklif-icerik{display:block;margin-top:10px;font-size:10pt;margin-left:25px;}
.baski-sablonu-container{background:white;border:1px solid #cecece;min-height: 100px;float: left;width: 100%;}
.baski-sablonu-container span{display:block;background: #e50045;padding:10px;text-align:center;color: #fff;font-weight: 600;}
.link-container{float:left;width:33.3%;margin-right:0px;display:block;}
.link-container span:hover{background:#8f8f8f;}
.link-container span:hover ~ .ucgen{border-color:#8f8f8f transparent transparent transparent;}
.ucgen{width:33.3%;height:0px;border-color:#d7d8d8 transparent transparent transparent;border-style:solid;border-width:15px 40px 36px 45px;padding:0;margin:auto;}
.download-yazi{bottom:0;margin:10px;font-weight:normal;font-size:10pt;cursor:pointer;width:100%;float: left;padding: 7px;}
.download-yazi a{
    display: block;
    padding: 5px 0;
}.download-yazi a i{
    padding: 2px 0;
}
.download-yazi a:hover{color: #fd003f;}
.fileUpload{position:relative;overflow:hidden;margin:5px auto;width:120px;display:block;}
.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.product-image-action .action{margin-left:-19px !important;width:38px;}
.arrow_box{position:relative;background:#d7d8d8;}
.arrow_box:after, .arrow_box:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.arrow_box:after{border-color:rgba(136, 183, 213, 0);border-top-color:#88b7d5;border-width:30px;margin-left:-30px;display:none;}
.arrow_box:before{border-color:rgba(194, 225, 245, 0);border-top-color:#c2e1f5;border-width:36px;margin-left:-36px;display:none;}
.arrow_box:hover{background:#8f8f8f;}
.arrow_box:hover > .arrow_box:after{display:block !important;}
.hesaplamaciktibtn{float:left;position:absolute;z-index:8;top:163px;left:767px;display:none;}
.hesaplamaciktibtn a{float:left;margin-left:13px;}
.add-to-cart label{color:#666666;margin-bottom:0;}
.add-to-cart .quantity,
.add-to-cart .price-total{margin-bottom:0px;text-align:right;}
.add-to-cart .quantity{text-align:right;}
.add-to-cart .quantity label{font-size:16px;float:left;line-height:40px;}
.add-to-cart .quantity input{border:1px solid #cccccc;height:40px;line-height:40px;width:67px;text-align:center;font-size:18px;}
.add-to-cart .price-total label{font-size:20px;}
.add-to-cart .price-total .price{font-size:20px;padding-left:5px;color:#25bce9;font-weight:bold;}
.upload-add-cart .upload-file{margin-top:30px;}
.add-cart-btn-w{text-align:center;padding:10px;}
.add-to-cart .add-cart-btn.btn{width:40%;height:54px;background:#fbc443;text-align:center;border-bottom:2px solid #022c39;font-size:21px;color:#333333;line-height:54px;padding:0;font-weight:bold;-webkit-transition:border 0.3s;-ms-transition:border 0.3s;-o-transition:border 0.3s;-moz-transition:border 0.3s;transition:border 0.3s;float:right;margin-bottom:5px;margin-top:5px;}
.add-to-cart .add-cart-btn.btn i{font-size:30px;}
.add-to-cart .add-cart-btn.btn:hover{opacity:0.8;}
.fiyat-hesaplama-satirlari > span {
    font-size: 13px;
    line-height: 22px;
}
page{background:white;display:block;margin:0 auto;margin-bottom:0.5cm;box-shadow:0 0 0.5cm rgba(0,0,0,0.5);}
page[size="A4"]{width:21cm;height:29.7cm;padding:20px;}
.teklifheader{float:left;width:100%;padding-bottom:15px;}
.teklifheaderleft{float:left;width:40%;}
.tekliflogo{float:left;width:100%;}
.tekliflogo img{width:79%;}
.tekliflogo span{font-size:30px;font-weight:bold;text-transform:uppercase;}
.teklifadres{float:right;width:100%;text-align:left;margin-top:10px;}
.tekliffiyatlistesi{float:left;margin-top:12px;width:100%;font-size:15px;line-height:26px;border:solid 1px;
    height: 23.7cm;}
.tekliffiyatlistesi table.teklifisimsoyisim{float:left;width:65%;padding:20px;}
.tekliffiyatlistesi table.teklifisimsoyisim tbody{float:left;width:100%;padding:15px;}
.tekliffiyatlistesi table.teklifisimsoyisim tr{}
.tekliffiyatlistesi table.teklifisimsoyisim tr td{}
.tekliffiyatlistesi table.teklifisimsoyisim tr td:first-child{font-weight:bold;width:135px;}
.tekliffiyatlistesi table.teklifisimsoyisim tr td:last-child{padding-left:12px;}
.tekliffiyatlistesi table.tekliformu{width:100%;float:left;border-bottom:1px solid;}
.tekliffiyatlistesi table.tekliformuborderno{border:none;margin-top:10px;font-size:13px;}
.tekliffiyatlistesi table.tekliformu tr{border-top:solid 1px;margin-top:22px;padding:0;}.tekliffiyatlistesi table.tekliformuborderno tr{border-top:none;}
.tekliffiyatlistesi table.tekliformu tr td{padding:0px 10px;border-right:solid 1px;}
.tekliffiyatlistesi table.tekliformu tr td:last-child{border-right:0 !important;}
.tekliffiyatlistesi table.tekliformu tr th{background:#000;color:#fff;font-weight:600;padding:0px 10px;}
.tekliffiyatlistesi table.tekliformuborderno tr td{border:none;}
.teklifaciklama{float:left;width:100%;font-size:15px;line-height:26px;border-top:solid 1px;padding:18px;border-bottom:solid 1px;}
ul.nav-wizard{background-color:transparent;*zoom:1;position:relative;overflow:hidden;margin-bottom:20px;border: none;z-index: 1;}
ul.nav-wizard:before{display:block;position:absolute;left:0px;right:0px;top:46px;height:47px;z-index:11;content:" ";}
ul.nav-wizard:after{display:block;position:absolute;left:0px;right:0px;top:138px;height:47px;z-index:11;content:" ";}
ul.nav-wizard li{position:relative;float:left;height:46px;display:inline-block;text-align:middle;padding:0 20px 0 30px;margin:0;font-size: 14px;line-height:46px;width: 32.7%;background-color:#EFEFEF;}
ul.nav-wizard li a{padding:0;background-color:transparent!important;font-weight:normal;line-height:48px;}
ul.nav-wizard li a:hover ,ul.nav-wizard li a:hover i{background-color:transparent;color:inherit;}
ul.nav-wizard li:before{position:absolute;display:block;border:24px solid transparent;border-left:16px solid #efefef;border-right:0;top:-1px;content:'';right:-16px;}
ul.nav-wizard li:after{position:absolute;display:block;border:24px solid transparent;border-left:16px solid #efefef;border-right:0;top:-1px;z-index: 1;content:'';right:-15px;}
ul.nav-wizard li.active{color:#fff;font-weight:normal;background:#e50046;}
ul.nav-wizard li.active:after{border-left:16px solid #e50046;}
ul.nav-wizard .active ~ li{color:#999999;background:#efefef;}
ul.nav-wizard .active ~ li:after{border-left:16px solid #efefef;}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus{color:#999999;background:#ededed;}
ul.nav-wizard.nav-wizard-backnav li:hover{color:#468847;background:#f6fbfd;}
ul.nav-wizard.nav-wizard-backnav li:hover:after{border-left:16px solid #f6fbfd;}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus{color:#468847;background:#f6fbfd;}
ul.nav-wizard.nav-wizard-backnav .active ~ li{color:#999999;background:#ededed;}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after{border-left:16px solid #ededed;}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus{color:#999999;background:#ededed;}
ul.nav-wizard li.active i{color:#ffffff;}
table.bTable{background:#f5f5f5;border-collapse:separate;box-shadow:inset 0 1px 0 #fff;font-size:13px;line-height:24px;text-align:left;width:100%;float:left;margin-top:10px;}
.bTable th{background:#e50046;color:#fff;font-weight:bold;padding:10px 15px;position:relative;font-size: 12px;border-right:solid 1px #fff;}
.bTable th:after{content:'';display:block;height:25%;left:0;margin:1px 0 0 0;position:absolute;top:25%;width:100%;}
.bTable td{padding:10px 15px;position:relative;transition:all 300ms;vertical-align:middle;border-right:solid 1px #fff;}
.bTable td:last-child{border-right:1px solid #e8e8e8;}
.bTable tr{background:#DEDEDE;cursor:pointer;}
.bTable tr:nth-child(odd) td{background:#f1f1f1;}
.bTable tbody:hover td{color:#444;}
.tab-control{margin-top:20px;font-size: 14px;line-height: 23px;border: solid 2px #000000;padding: 16px;padding-top: 0;border-radius: 5px;}
.nav-tabs{border-bottom:1px solid #ddd;display:table;width: 103.4%;margin-bottom:20px;border: none!important;background: none!important;margin-left: -18px;margin-top: -1px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #000;cursor:default;background-color: transparent;border-bottom-color:transparent;}
.nav-tabs>li>a:hover{background:#000;}
.nav-tabs>li>a{line-height:1.42857143;border-radius:0;background: #000000;color:#fff;border: none;font-weight: 500;margin: 0;font-size: 15px;}
.nav-tabs>li{float:none;display:table-cell;width: 20%;text-align: center;border: none;}
.fasonbaskiform{margin:10px 0;}
.teklifciktibtn{float:right;margin-right:190px;margin-bottom:20px;}
.teklifciktibtn a.face{float:left;width:32px;height:32px;background:#939393;text-align:center;line-height:32px;color:#fff;font-size:22px;background:#3b5998;}
.teklifciktibtn a.twt{float:left;width:32px;height:32px;background:#939393;text-align:center;line-height:32px;color:#fff;font-size:22px;background:#55acee;}
.teklifciktibtn a.whatsapp{float:left;width:32px;height:32px;background:#939393;text-align:center;line-height:27px;color:#fff;font-size:22px;background:#21af00;}
.teklifciktibtn a{float:left;margin-left:7px;}
#teklif-btn{width: 100%;border:none;font-size: 13px;color: #fff;background: #e70045;}
.teklifciktibtn a.mail{float:left;width:32px;height:32px;background:#939393;text-align:center;line-height:32px;margin-right:4px;color:#fff;font-size:22px;}
.teklifbaslik{float:right;color:#e50046;font-weight:bold;font-size:26px;}
.yardimciresim{position:relative;cursor:pointer;}
.yardimciresim i{}
.yardimciresimimg{position:absolute;background:#333332;padding:2px;border-radius:5px;display:none;width:120px;z-index:9;top:30px;left:-3px;}
.yardimciresimimg:before{content:"";position:absolute;top:-9px;left:41%;border-bottom:10px solid #333332;border-left:10px solid transparent;border-right:10px solid transparent;}
.yardimciresimimg img{width:100%}
.yardimciresim:hover .yardimciresimimg{display:block;}
.menubg{float:left;width:100%;position: relative;z-index: 9;border-bottom: solid 1px #dfe7ec;padding: 9px 0;}
.sabitheader .menubg{margin-top:-45px;}
*:focus{outline:none;}
.hesaplabtn,.siparisverbtn{border:none;padding: 14px 45px;font-weight:600;font-size: 13px;margin: 10px 0;}
.hesaplabtn{color:#fff;}
.siparisverbtn{
    float: right;
    background: #e70045;
    display: none;
}.hesaplabtn:hover{color:#fff;}
.siparisverbtn:hover{color:#fff;background: #e70045;}
.baskiyagonder{float:right;margin-top:10px;padding: 11px 47px;font-size:16px;line-height:2;}
.sozlesmebilgi{padding:10px;background:#f5f5f5;height:200px;overflow:scroll;border:1px solid #dddddd;border-radius:4px;display:none;}
.hosgeldiniz{float:right;background:#1d1d1b;color:#fff;padding:5px 10px;font-size:14px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.tab-pane p{padding:10px 0;font-size: 16px;letter-spacing: 0.2px;line-height: 24px;}
.banka{float:left;width:477px;height:165px;background:#fbfbfb;background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#dbdbdb));background:-webkit-linear-gradient(top, #fbfbfb, #dbdbdb);background:-moz-linear-gradient(top, #fbfbfb, #dbdbdb);background:-o-linear-gradient(top, #fbfbfb, #dbdbdb);background:linear-gradient(to bottom, #fbfbfb, #dbdbdb);background:filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#dbdbdb',GradientType=0);border:solid 1px silver;margin:10px;}
.banka img{float:left;margin-top: 48px;margin-left:10px;width:115px;}
.bankabilgi{float:right;font-size: 13px;color:#000;margin-top:15px;margin-right:10px;/* font-weight:600; */width:325px;line-height:26px;}
#sozlesme,#bilgilendirme{font-size: 16px;margin-top:0;}
#sozlesme i ,#bilgilendirme i{color:#1da1f2;cursor:pointer;}
#sozlesme input ,#bilgilendirme input{margin-top:20px;}
.toplamtutar{font-weight:bold;font-size: 14px!important;}
.kdvtutar{font-size:13px;}
.myProgress{width:100%;background-color:#ddd;}
.myBar{width:0%;height:30px;background-color:#4CAF50;text-align:center;line-height:30px;color:white;}
.uyepanelilink{color: #c7c1c1;}
.uyepanelilink:hover{color:#fff;}
.kurlar{float:left;font-size: 12px;color: #565555;}
.owl-theme .owl-controls{z-index:7;}
.catalog{position:fixed;right:0;top:165px;z-index:999;transition:all ease 1s;}
.catalog:hoverEE{right:185px;transition:all ease 1s;}
.catalog .content{position:absolute;width:190px;top:0;background:#bb4167;left:50px;height:100%;padding:15px;}
.catalog .content .kataloglar span a{float:left;width:80%;}
.catalog .content .kataloglar{display:block;width:auto !important;min-height:auto !important;border:none !important;float:left;padding:5px;border-radius:5px;margin-right:0 !important;color:#fff;}
.catalog .content .kataloglar h2{float:left;width:100%;font-size:20px;font-weight:bold;}
.ecatalog{background:#e50046;width:50px;height:210px;z-index:9;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;color:#fff;}
.ecatalog i{width:50px;padding:15px;text-align:center;border-bottom:1px solid #a56400;font-size:20px;font-weight:bold;}
.ecatalog span{position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);display:block;top:109px;width:160px;left:-56px;font-size:20px;font-weight:bold;}
.kataloglar img{max-width:218px;min-height:290px;}
.kataloglar h1{float:left;width:100%;font-size:16px;text-align:center;padding-bottom:10px;font-weight:600;border-bottom:1px solid silver;}
.kataloglar > span > a{float:left;display:block;color:#fff;font-size:16px;padding:8px 19px;background:#363636;margin-top:10px;text-decoration:none;}
.col-md5{width:20%}
.col-md5 .urunisim{height:20px}
#social-sidebar{left:0;position:fixed;top:165px;z-index:99;}
#social-sidebar li:first-child a{border-radius:0 5px 0 0;}
#social-sidebar li:last-child a{border-radius:0 0 5px 0;}
#social-sidebar a{background:#121212;color:#fff;display:block;height:40px;font-size:16px;line-height:40px;position:relative;text-align:center;width:40px;}
#social-sidebar a:hover span{left:130%;opacity:1;}
#social-sidebar a span{border-radius:3px;line-height:24px;left:-100%;margin-top:-16px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;padding:4px 8px;position:absolute;-webkit-transition:opacity .3s, left .4s;-moz-transition:opacity .3s, left .4s;-ms-transition:opacity .3s, left .4s;-o-transition:opacity .3s, left .4s;transition:opacity .3s, left .4s;top:50%;z-index:-1;}
#social-sidebar a span:before{content:"";display:block;height:8px;left:-4px;margin-top:-4px;position:absolute;top:50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:8px;z-index:-2;}
#social-sidebar a[class*="fa-twitter"],
#social-sidebar a[class*="fa-twitter"] span,
#social-sidebar a[class*="fa-twitter"] span:before{background:#4AB3F4;}
#social-sidebar a[class*="fa-google-plus"],
#social-sidebar a[class*="fa-google-plus"] span,
#social-sidebar a[class*="fa-google-plus"] span:before{background:#db4437;}
#social-sidebar a[class*="fa-facebook"],
#social-sidebar a[class*="fa-facebook"] span,
#social-sidebar a[class*="fa-facebook"] span:before{background:#4267b2;}
#social-sidebar a[class*="fa-instagram"],
#social-sidebar a[class*="fa-instagram"] span,
#social-sidebar a[class*="fa-instagram"] span:before{background:#c12f86;}
#social-sidebar a[class*="fa-whatsapp"],
#social-sidebar a[class*="fa-whatsapp"] span,
#social-sidebar a[class*="fa-whatsapp"] span:before{background:#4DC247;}
#social-sidebar a[class*="fa-youtube"],
#social-sidebar a[class*="fa-youtube"] span,
#social-sidebar a[class*="fa-youtube"] span:before{background:#f00;}
.kurgoster{float:right;margin-top:-33px;font-size:12px;text-align:right;color:#807d7d;font-weight: normal;display: none;}
.btn-fiyatlistesi{background: #d0cfcf;color: #1d1d1c;}
.baski-hesaplama{
    margin: 14px 0;
}
.baskiimg{
    float: left;
    width: 100%;
    text-align: center;
    background: #ffffff;
    height: 322px;
    overflow: hidden;
}
.baskiimg img {
    max-width: 100%;
    display: initial;
    max-height: 100%;
}
.baskiisim{
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600!important;
    margin-top: 18px !important;
    color: #717171;
}
.baskiisim span{
    float: left;
    width: 100%;
    color: #ec0b43;
    font-size: 16px;
    margin: 5px 0;
}

.makineparkuru{float: left;width: 100%;padding: 15px;padding-top: 45px;margin-top: 25px;position: relative;
    min-height: 300px;
}

.makineparkurubaslikbg{
    float: left;
    width: 100%;
    background: url("../images/makineparkuru/makinebgb.png");
    position: absolute;
    background-size: 80%;
    height: 72px;
    background-repeat: no-repeat;
    margin-left: 5%;
    top: 2px;
}
.makineparkurukucuk .makineparkurubaslikbg{
    background: url("../images/makineparkuru/makinebg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80%;
    top: 17px;
}
.makineparkurulogo{
    float: left;
    width: 164px;
    margin-left: 30px;
    margin-top: 2px;
}
.makineparkurukucuk{}
.makineparkurukucuk .makineparkurulogo{
    width: 85px;
}
.makineparkurulogo img{
    max-width: 100%;
}
.makinamodel{
    float: left;
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
}
.makineparkurubaslik{
    float: left;
    width: 65%;
    text-align: center;
    margin-left: 30px;
    margin-top: 2px;
    font-size: 15px;
    font-weight: 600;
}
.makineparkurukucuk .makineparkurubaslik{
    float: left;
    width: 85%;
    text-align: center;
    margin-left: 17px;
    margin-top: -3px;
    font-size: 11px;
    font-weight: 600;
}
.makineparkuruimg{}
.makineparkuruimg img{
    max-width: 100%;
}
.makineparkuruadet{
    position: absolute;
    width: 65px;
    top: 72px;
    left: 0;
}
.makineparkuruadet img{
    max-width: 100%;
}



.makineparkurukucuk .makineparkuruadet{
    width: 50px;
}
.urunresimleri{
    margin-top: 15px;
}
.urunaltresimleri{
    border: solid 1px #ededed;
}
.urunaltresimleri img{
    max-width: 100%;
}

.tab-pane > table{margin:0;width:100%!important; font-size:13px;}
.tab-pane > table table{margin:0;width:100%!important; font-size:13px;}
.tab-pane > table th{font-size:16px;border-bottom:1px solid #616060!important;font-weight:bold;background-color:#f0f0f0;}
.tab-pane > table th:not(:first-child){text-align:center;}
.tab-pane > table th,
.tab-pane > table td{padding: 5px 10px;}
.tab-pane > table td.flt-fiyat *{text-align:center;font-weight:bold;font-size:24px;color:#e50046;line-height:33px;}
.tab-pane > table td span.flt-adet{color:black;text-align:right;padding-right:20px;}
.tab-pane > table td{font-size: 14px;border-bottom:1px solid #e1e1e1;background-color:#fff;border-right:1px solid #e1e1e1;vertical-align:middle!important;border: 1px solid #e1e1e1;}
.tab-pane > table tbody tr:hover td{background-color:#f9f9f9;}

.pagedetail > table{margin:0;width:100%!important; font-size:13px;}
.pagedetail > table table{margin:0;width:100%!important; font-size:13px;}
.pagedetail > table th{font-size:16px;border-bottom:1px solid #616060!important;font-weight:bold;/* background-color:#f0f0f0; */}
.pagedetail > table th:not(:first-child){/* text-align:center; */}
.pagedetail > table th,
.pagedetail > table td{padding: 5px 10px;}
.pagedetail > table td.flt-fiyat *{text-align:center;font-weight:bold;font-size:24px;color:#e50046;line-height:33px;}
.pagedetail > table td span.flt-adet{color:black;text-align:right;padding-right:20px;}
.pagedetail > table td{font-size: 14px;border-bottom:1px solid #e1e1e1;background-color:#fff;border-right:1px solid #e1e1e1;vertical-align:middle!important;border: 1px solid #e1e1e1;}
.pagedetail > table tbody tr:hover td{background-color:#f9f9f9;}

.patronaulas{
    position: absolute;
    background: #fd0043;
    color: #fff;
    right: 0;
    padding: 11px;
    font-size: 16px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
}
.patronaulas:hover{
    color: #fff;
}

.serviceBox{
    color: rgba(0,0,0,0.5);
    margin: 87px 15px;
    position: relative;
    margin-bottom: 0;
}
.serviceBox:after{
    content: '';
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 2px solid #007c00;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    bottom: -2px;
}
.serviceBox .service-icon{
    color: #107727;
    font-size: 70px;
    text-align: center;
    line-height: 150px;
    height: 150px;
    width: 150px;
    margin: 0 0 25px;
    border-radius:50% 50% 50% 0;
    background: linear-gradient(to bottom,#EBEDEC,#E8E8E8);
    box-shadow: 0 0 3px #909090;
    display:block;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon{
    font-size: 80px;
    box-shadow: 0 0 10px #909090;
}
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: '';
    height: 90%;
    width: 90%;
    background-color: #007916;
    border-radius: 50% 50% 50% 0;
    transform:translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}
.serviceBox .service-icon:after{
    height: 80%;
    width: 80%;
    background-color: #fff;
    border-radius: 50%;
}
.serviceBox .service-content{
    padding: 0 20px 15px;
    border-left: 2px solid #d3d3d3;
}
.serviceBox .title{
    color: #007c00;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description{
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}
.serviceBox.pink:after{ border-color: #FF7BD1; }
.serviceBox.pink .service-icon{ color: #FF7BD1; }
.serviceBox.pink .service-icon:before{ background-color: #FF7BD1; }
.serviceBox.pink .title{ color: #FF7BD1; }
.serviceBox.purple:after{ border-color: #B65EE8; }
.serviceBox.purple .service-icon{ color: #B65EE8; }
.serviceBox.purple .service-icon:before{ background-color: #B65EE8; }
.serviceBox.purple .title{ color: #B65EE8; }
.serviceBox.blue:after{ border-color: #6986FE; }
.serviceBox.blue .service-icon{ color: #6986FE; }
.serviceBox.blue .service-icon:before{ background-color: #6986FE; }
.serviceBox.blue .title{ color: #6986FE; }

.h2, h2 {
    font-size: 20px;
}
@media only screen and (max-width:1200px){
    .serviceBox{ margin: 0; }
}
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 40px; }
}
.whatsappsiparis{
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 999;
}


.firsaturunleri{
    position: fixed;
    width: 300px;
    right: 13px;
    bottom: -453px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    height: 486px;
    background: #ffffff;
    z-index: 9999;
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(79,90,109,0.25);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(79, 90, 109, 0.53);
    cursor: pointer;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}
.firsaturunleri:hover{
    bottom:0;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}
.firsaturunleri h2{
    float: left;
    width: 100%;
    background: #ef003c;
    background: #d0040;
    background: -o-linear-gradient(top,rgba(229,0,70,1),rgba(183,0,56,1));
    background: -moz-linear-gradient(top,rgba(229,0,70,1),rgba(183,0,56,1));
    background: -ms-linear-gradient(top,rgba(229,0,70,1),rgba(183,0,56,1));
    background: linear-gradient(top,rgba(229,0,70,1),rgba(183,0,56,1));
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(229,0,70,1)),to(rgba(183,0,56,1)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe50046, endColorstr=#ffb70038);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe50046, endColorstr=#ffb70038);
    box-shadow: inset 0 1px 0px 0 rgba(0,0,0,0.4), inset 0 2px 0px 0 rgba(255,255,255,0.7);
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}
.urunurunlerilist{
    float: left;
    width: 100%;
}
.firsaturunu{
    float: left;
    width: 100%;
    height: 113px;
    overflow: hidden;
    border-bottom: solid 1px #bfbcbc;
    padding: 8px 0;
}
.firsaturunuimg{
    float: left;
    margin: 0 3px;
    color: #fff;
    margin-top: 2px;
    width: 94px;
}
.firsaturunuisim{
    float: right;
    width: 64%;
    font-size: 12px;
    margin: 0;
}
.firsaturunuisim b{
    float: left;
}
.firsaturunuisim span{
    float: left;
    /* width: 100%; */
    margin-right: 7px;
    margin-top: 6px;
    font-size: 11px;
    color: #bfbcbc;
    text-decoration: line-through;
}

.firsatkapat {
    float: right;
    font-size: 20px;
    margin-top: -5px;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');




.headerust{
    float: left;
    width: 100%;
    background: #241f20;
    padding: 4px 0;
}
.headerustnumara{
    float: left;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.headerustnumara span{
    font-size: 11px;
}
.headerustkurlar{
    float: right;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
}

ul.dilsecimi{
    float: right;
    margin-right: 10px;
    width: 100%;
    text-align: right;
    margin-bottom: 7px;
}
ul.dilsecimi li{
    display: inline-block;
    margin: 0 1px;
}
ul.dilsecimi span{
    float: left;
    margin: 0 3px;
    color: #fff;
    margin-top: 2px;
}
ul.dilsecimi li a{}
.yenilogo{
    float: left;
    margin: 20px 0;
}

.panel-default>.panel-heading {
    font-weight: 500;
    font-size: 18px;
    padding: 14px 17px;
}
.pagedetail{
    color: #58585a;
    font-size: 16px;
    line-height: 26px;
}
.girisbg{
    float: left;
    width: 100%;
    padding: 70px 0;
}

.uyegirisiform input[type=checkbox] {
    border-style: solid;
    border-width: 1px;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    line-height: 0;
    height: 20px;
    margin: 0 4px 0 0;
    outline: 0;
    padding: 4px !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    box-shadow: none;
}

.uyegirisiform input[type=checkbox] {
    color: #717a8f;
    border-color: #DADADA;
    background-color: #fff;
}

.uyegirisiform input[type=checkbox]:focus {
    outline: none;
}

.uyegirisiform input[type=checkbox]:checked:before {
    display: inline-block;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00c';
    margin: 0;
    font-size: 10px;
    color: #fc003f;
}

.uyegirisiform input[type=radio] {
    border-style: solid;
    border-width: 1px;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: 0 4px 0 0;
    outline: 0;
    padding: 4px !important;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    box-shadow: none;
}

.uyegirisiform input[type=radio] {
    color: #717a8f;
    border-color: #DADADA;
    background-color: #fff;
}

.uyegirisiform input[type=radio]:focus {
    outline: none;
}

.uyegirisiform input[type=radio]:checked:before {
    display: inline-block;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00c';
    margin: 0;
    font-size: 10px;
    color: #ff6c21;
}


.uyegirisiform {
    position: relative;
    padding: 25px 40px;
    border-radius: 4px 4px 0 0;
    /* background: #fbfbfb; */
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}

.uyegirisiform h1 {
    color: #fc003f;
    margin: 0;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.uyegirisiform .divider {
    background: #aaa9a5;
    background: -moz-linear-gradient(left,#FFF 0,#aaa9a5 40%,#aaa9a5 60%,#FFF 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#FFF),color-stop(40%,#aaa9a5),color-stop(60%,#aaa9a5),color-stop(100%,#FFF));
    background: -webkit-linear-gradient(left,#FFF 0,#aaa9a5 40%,#aaa9a5 60%,#FFF 100%);
    background: -o-linear-gradient(left,#FFF 0,#aaa9a5 40%,#aaa9a5 60%,#FFF 100%);
    background: -ms-linear-gradient(left,#FFF 0,#aaa9a5 40%,#aaa9a5 60%,#FFF 100%);
    background: linear-gradient(left,#FFF 0,#aaa9a5 40%,#aaa9a5 60%,#FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAA9a5',endColorstr='#FFF',GradientType=1);
    height: 1px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.uyegirisiform .form-control {
    border-radius: 3px;
    border: 1px solid #BFBFBF;
    box-shadow: none;
    height: 38px;
}

.uyegirisiform .form-group {
    position: relative;
    margin-bottom: 10px;
}

.uyegirisiform label {
    margin-bottom: 0;
}

.uyegirisiform .form-group > label {
    width: 100%;
    font-size: 13px;
    margin-bottom: 8px;
}

.uyegirisiform label span.note {
    float: right;
    font-size: 12px;
    color: rgb(153, 153, 153);
    font-weight: 300;
}

.uyegirisiform label span.error {
    float: right;
    font-size: 12px;
    color: red;
    font-weight: 300;
}

.uyegirisiform p {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: rgb(153, 153, 153);
}

.uyegirisiform .btn {
    font-weight: 500;
    font-size: 20px;
    padding: 31px!important;
    line-height: 1;
}

.girisinput input {
    float: left;
    width: 20px;
}

.girisinput label {
    font-weight: 300;
    font-size: 13px;
    float: left;
    width: calc(100% - 25px) !important;
    line-height: 1.2;
    padding-top: 4px;
}

.girisinput a {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 14px;
}


.form-footer {
    position: relative;
    padding: 15px;
    text-align: center;
    background-color: #f3f3f3;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    border-radius: 0 0 4px 4px;
}

.form-footer p {
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b;
    margin-bottom: 5px;
    text-align: center;
}

.form-footer a {
    display: inline-block;
    font-size: 14px;
}
h1.uyegirisiformslogan{
    color: #bbb;
    font-weight: 600;
    font-size: 34px;
}
p.uyegirisiformaciklama{
    color: #bbb;
    font-size: 14px;
}

a.hemenuyeolbtn {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #fc003f;
    padding: 10px;
    margin-top: 22px;
    float: left;
}


/********************* Shopping Demo-4 **********************/
.product-grid4,.product-grid4 .product-image4{position:relative}
.product-grid4{text-align:center;border-radius:5px;overflow:hidden;z-index:1;transition:all .3s ease 0s;margin-bottom: 15px;}
.product-grid4:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.product-grid4 .product-image4 a{display:block}
.product-grid4 .product-image4 img{width:100%;height:auto}
.product-grid4 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-1{opacity: 1;}
.product-grid4 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-2{opacity:1}
.product-grid4 .social{width:180px;padding:0;margin:0 auto;list-style:none;position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);transition:all .3s ease 0s}
.product-grid4 .social li{display:inline-block;opacity:0;transition:all .7s}
.product-grid4 .social li:nth-child(1){transition-delay:.15s}
.product-grid4 .social li:nth-child(2){transition-delay:.3s}
.product-grid4 .social li:nth-child(3){transition-delay:.45s}
.product-grid4:hover .social li{opacity:1}
.product-grid4 .social li a{color:#222;background:#fff;font-size:17px;line-height:36px;width:40px;height:36px;border-radius:2px;margin:0 5px;display:block;transition:all .3s ease 0s}
.product-grid4 .social li a:hover{color:#fff;background:#16a085}
.product-grid4 .social li a:after,.product-grid4 .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:20px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid4 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.product-grid4 .social li a:hover:after,.product-grid4 .social li a:hover:before{opacity:1}
.product-grid4 .product-discount-label,.product-grid4 .product-new-label{color:#fff;background-color: #333333;font-size:13px;font-weight:800;text-transform:uppercase;line-height: 38px;height: 42px;width: 81px;border-radius:50%;position:absolute;left:10px;top:15px;transition:all .3s;}
.product-grid4 .product-discount-label{left:auto;right:10px;background-color:#d7292a;height: 45px;width: 45px;line-height: 45px;}
.product-grid4:hover .product-new-label{opacity:0}
.product-grid4 .product-content{padding:25px}
.product-grid4 .title{font-size: 16px;font-weight: 500;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s;}
.product-grid4 .title a{color: #333;}
.product-grid4 .title a:hover{color:#c81244}
.product-grid4 .price{color:#c81244;font-size:17px;font-weight:700;margin:0 2px 15px 0;display:block}
.product-grid4 .price span{color:#909090;font-size:13px;font-weight:400;letter-spacing:0;text-decoration:line-through;text-align:left;vertical-align:middle;display:inline-block}
.product-grid4 .add-to-cart{border:1px solid #e5e5e5;display:inline-block;padding:10px 20px;color:#888;font-weight:600;font-size:14px;border-radius:4px;transition:all .3s}
.product-grid4:hover .add-to-cart{border:1px solid transparent;background: #c81244;color:#fff;}
.product-grid4 .add-to-cart:hover{background-color:#505050;box-shadow:0 0 10px rgba(0,0,0,.5)}
@media only screen and (max-width:990px){.product-grid4{margin-bottom:30px}
}
.banner{
    float: left;
    width:100%;
    height: 96px;
    background: url("../images/ustbanner.png")no-repeat top center;
}

.topside-menu {
    position: fixed;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1049;
    right: 0;
    width: 88px;
    float: right;
    height: 259px;
}
.topside-menu button {
    right: 0;
    float: right;
    border: 0;
    background: #225ada;
    padding: 10px 23px;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    margin-bottom: 10px;
    position: absolute;
    -webkit-border-top-left-radius: 6px!important;
    -webkit-border-bottom-left-radius: 6px!important;
    -moz-border-radius-topleft: 6px!important;
    -moz-border-radius-bottomleft: 6px!important;
    border-top-left-radius: 6px!important;
    border-bottom-left-radius: 6px!important;
}

.topside-menu button span {
    display: none;
    width: 0;
}
.topside-menu button.sizi-arayalim {
    background: #b66c7f;
}

.topside-menu button.teklif-isteyin {
    top: 65px;
    background: #1ebdf0;
}

.topside-menu button.tanitim-filmi {
    top: 131px;
    background: #f6ae4d;
}

.topside-menu button.contact {
    top: 197px;
    background: #ec0a42;
}
.topside-menu .svg-icon {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    z-index: 165;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.svg-icon.sizi-arayalim {
    background-image: url(../images/callback-icon.png);
}

.svg-icon.tanitim-filmi {
    background-image: url(../images/video-icon.png);
}
.svg-icon.telefonno {
    background-image: url(../images/contact-icon.png);
}

.svg-icon.teklif-isteyin {
    background-image: url(../images/teklif-icon.png);
}
.topside-menu button:hover span {
    display: block;
    width: 179px;
    margin-left: 15px;
    line-height: 40px;
    color: #fff;
    transition: all .3s ease-out;
}

.urunpaylas {
	margin-top:15px;
}
.urunpaylas label {
    color: #999999;
    font-weight: bold;
    margin-right: 10px;
    opacity: 0.5;
    vertical-align: middle;
    line-height: 40px;
    display: inline-block;
}
.urunpaylas .sosyalmedyapaylas {
    display: inline-block;
    padding: 10px 0px;
}
.urunpaylas .sosyalmedyapaylas a {
    font-size: 22px;
    background: #999999;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
}
.urunpaylas .sosyalmedyapaylas a.pface:hover {
    background: #4267b2;
}
.urunpaylas .sosyalmedyapaylas a.ptwt:hover {
    background: #4ab3f4;
}
.urunpaylas .sosyalmedyapaylas a.pwp:hover {
    background: #47a831;
}


.arm-copyrigt {
    display: inline-flex;
    width: 100%;
    padding: 30px 0
}
.arm-copyrigt .arm-yazilim-logo {
    display: inline-block;
    background: url("https://armyazilim.com/images/logo.svg")no-repeat center;
    width: 180px;
    margin-right: 15px
}

.arm-copyrigt .arm-yazi {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    margin-left: 5px;
}

.arm-copyrigt .arm-yazi span {
    font-weight: bold;
    color: #ffffff;
}
.solkule,.sagkule{
    position: fixed;
    width: 110px;
    height: 670px;
    top: 215px;
    left: 50%;
    overflow: hidden;
}
.solkule{margin-left: -730px;}
.sagkule{
    margin-left: 620px;
}

.general-form {
	position: relative;
	background-color: #f7fafb;
	min-height: 63.9rem
}

.general-form:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden
}

.general-form .f-modal {
	display: none
}

.general-form .f-left {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 43.2%;
	background-color: #f2f5f6
}

.general-form .f-left .img {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.general-form .f-left .img img {
	width: 100%;
	box-sizing: border-box
}

.general-form .f-left .text {
	position: absolute;
	width: 53.4rem;
	top: 1.7rem;
	left: 31.5rem;
	z-index: 2
}

.general-form .f-left .text .cap {
	width: 170%;
	box-sizing: border-box;
	font-size: 4rem;
	line-height: 1em;
	margin-bottom: 2.5rem;
	color: #000
}

.general-form .f-left .text p {
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	color: #000;
	opacity: .34;
	font-size: 1.6rem;
	line-height: 1.5em
}

.general-form .f-camp-left {
	display: none
}

.general-form .f-right {
	float: right;
	box-sizing: border-box;
	padding: 6.1rem 27.2rem 3.8rem 11.4rem;
	width: 56.8%
}

.general-form .top-links {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1rem
}

.general-form .top-links a {
	font-family: 'regular', arial, helvetica, sans-serif;
	display: inline-block;
	position: relative;
	font-size: 1.6rem;
	color: #000;
	line-height: 3.1rem;
	-webkit-transition: color .2s linear;
	transition: color .2s linear
}

.general-form .top-links a b {
	font-family: 'bold', arial, helvetica, sans-serif
}

.general-form .top-links a i {
	position: absolute;
	left: 0;
	color: #d5343e
}

.general-form .top-links a:hover {
	color: #d5343e
}

.general-form .top-links a:active {
	color: #f71f2c
}

.general-form .top-links .call {
	margin-right: 4.8rem;
	padding-left: 2.8rem
}

.general-form .top-links .call i {
	top: 0;
	left: -0.7rem;
	font-size: 3.4rem
}

.general-form .top-links .call:hover i:before {
	display: inline-block;
	animation: buzz .2s infinite;
	-webkit-animation: buzz .2s infinite
}

.general-form .top-links .lc-button {
	padding-left: 2.6rem
}

.general-form .top-links .lc-button i {
	top: -0.9rem;
	left: -1.5rem;
	font-size: 4.2rem;
	-webkit-transform: scale(1) translateZ(0);
	-ms-transform: scale(1) translateZ(0);
	transform: scale(1) translateZ(0);
	-webkit-transition: transform .2s cubic-bezier(0.91, 0.2, 0.25, 1);
	transition: transform .2s cubic-bezier(0.91, 0.2, 0.25, 1)
}

.general-form .top-links .lc-button .tag {
	position: absolute;
	display: inline-block;
	font-family: 'bold', arial, helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1em;
	right: -5.7rem;
	top: .6rem;
	background-color: #d5343e;
	color: #fff;
	border-radius: .3rem;
	padding: .4rem
}

.general-form .top-links .lc-button:hover i {
	-webkit-transform: scale(1.1) rotate(7deg) translateZ(0);
	-ms-transform: scale(1.1) rotate(7deg) translateZ(0);
	transform: scale(1.1) rotate(7deg) translateZ(0);
	-webkit-transition: transform .3s cubic-bezier(0.8, 0.1, 0.5, 2);
	transition: transform .3s cubic-bezier(0.8, 0.1, 0.5, 2)
}

.general-form .or {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	margin-bottom: .6rem
}

.general-form .or span {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 1.4rem;
	line-height: .96em;
	background-color: #b9b9b9;
	border-radius: .3rem;
	padding: .8rem;
	z-index: 2
}

.general-form .or:after {
	width: 100%;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	content: "";
	height: .2rem;
	background-color: #dee1e1;
	z-index: 1
}

.general-form .camp-description {
	display: none;
	font-size: 1.6rem;
	line-height: 1.45em;
	color: rgba(0, 0, 0, 0.48);
	margin-top: 2rem
}

.general-form .camp-disclaimer {
	display: none;
	padding: 4rem 0 2.2rem;
	font-size: 1.2rem;
	line-height: 1.45em;
	color: rgba(0, 0, 0, 0.48)
}

.general-form .form {
	width: 100%;
	box-sizing: border-box
}

.general-form .form:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden
}

.general-form .form .cap {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	color: #000;
	font-size: 1.6rem;
	line-height: 2.5em;
	padding-left: 2.9rem;
	margin-bottom: 1.5rem
}

.general-form .form .cap b {
	font-family: 'bold', arial, helvetica, sans-serif
}

.general-form .form .cap i {
	position: absolute;
	color: #d5343e;
	font-size: 2.8rem;
	top: .5rem;
	left: -0.2rem
}

.general-form .form .cap.spec-red {
	display: none;
	line-height: 1.2em
}

.general-form .form .cap.spec-red i {
	top: 0
}

.general-form .form-success {
	display: none;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	min-height: 63.9rem;
	padding: 14rem 0;
	color: #000
}

.general-form .form-success i {
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto 2rem
}

.general-form .form-success i:before {
	display: inline-block;
	font-size: 11rem
}

.general-form .form-success strong {
	display: block;
	font-family: 'bold', arial, helvetica, sans-serif;
	font-size: 3.6rem;
	line-height: 1.33em;
	margin-bottom: .7em
}

.general-form .form-success p {
	font-family: 'regular', arial, helvetica, sans-serif;
	opacity: .6;
	font-size: 1.6rem;
	line-height: 1.4375em;
	margin-bottom: 3.4rem
}

.general-form .form-server-error {
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	display: none;
	color: #d5343e;
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.4em;
	padding-bottom: .5rem
}

.general-form .form-server-error a {
	display: inline;
	font-family: 'bold', arial, helvetica, sans-serif;
	text-decoration: underline;
	-webkit-transition: color .2s linear;
	transition: color .2s linear
}

.general-form .form-server-error a:hover,
.general-form .form-server-error a:active {
	color: #000;
	text-decoration: none
}

.general-form .btn.sending {
	display: none
}

.general-form.sending .btn.send-button {
	display: none
}

.general-form.sending .btn.sending {
	display: inline-block
}

.general-form-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	cursor: pointer;
	z-index: 9
}

.general-form-aligner {
	position: relative;
	z-index: 11
}

.general-form-cont .general-form .f-left .img {
	display: block
}

.general-form-cont .general-form .f-left .img.spec-red,
.general-form-cont .general-form .f-left .img.camp-general,
.general-form-cont .general-form .f-left .img.category {
	display: none
}

.general-form-cont .general-form .f-left .text {
	display: block
}

.general-form-cont .general-form .f-left .text.spec-red {
	display: none
}

.general-form-cont .general-form .form .cap {
	display: block
}

.general-form-cont .general-form .form .cap.spec-red {
	display: none
}

.general-form-cont.special-red .general-form {
	background-color: #b31822
}

.general-form-cont.special-red .general-form .f-left {
	width: 50.65%;
	background-color: #d5343e
}

.general-form-cont.special-red .general-form .f-left .img.general,
.general-form-cont.special-red .general-form .f-left .img.category {
	display: none
}

.general-form-cont.special-red .general-form .f-left .img.spec-red {
	display: block;
	width: 82rem;
	max-width: none;
	right: auto;
	left: 0
}

.general-form-cont.special-red .general-form .f-left .img.spec-red.only-netsis {
	display: none
}

.general-form-cont.special-red .general-form .f-left .img.spec-red.only-tiger {
	display: none
}

.general-form-cont.special-red .general-form .f-left .text {
	left: 16.5rem
}

.general-form-cont.special-red .general-form .f-left .text .cap {
	color: #fff
}

.general-form-cont.special-red .general-form .f-left .text p {
	color: #fff;
	opacity: .83
}

.general-form-cont.special-red .general-form .f-left .text.spec-red {
	display: block
}

.general-form-cont.special-red .general-form .f-left .text.general {
	display: none
}

.general-form-cont.special-red .general-form .f-right {
	width: 49.35%;
	background-color: #b31822
}

.general-form-cont.special-red .general-form .f-right .top-links,
.general-form-cont.special-red .general-form .f-right .or {
	display: none !important
}

.general-form-cont.special-red .general-form .form .cap {
	display: none;
	color: #fff
}

.general-form-cont.special-red .general-form .form .cap i {
	color: #fff
}

.general-form-cont.special-red .general-form .form .cap.spec-red {
	display: block
}

.general-form-cont.special-red .general-form .form .form-item.checkbox input+label {
	color: #fff
}

.general-form-cont.special-red .general-form .form .form-item.checkbox input+label a {
	color: #ffde67
}

.general-form-cont.special-red .general-form .form .form-item.no-spec-red {
	display: none !important
}

.general-form-cont.special-red .err,
.general-form-cont.special-red .form-server-error {
	color: #ffb3b8 !important
}

.general-form-cont.category {
	float: right;
	position: relative;
	width: 40rem;
	background-color: #b31822;
	padding: 0;
	z-index: 99;
	margin-top: 5rem
}

.general-form-cont.category .general-form {
	width: 100%;
	box-sizing: border-box
}

.general-form-cont.category .general-form .f-left {
	display: none;
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #d5343e;
	min-height: 24.3rem;
	overflow: hidden
}

.general-form-cont.category .general-form .f-left .img {
	display: none
}

.general-form-cont.category .general-form .f-left .img.category {
	display: block;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0
}

.general-form-cont.category .general-form .f-left .text {
	display: none;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto
}

.general-form-cont.category .general-form .f-left .text.spec-red {
	box-sizing: border-box;
	color: #fff;
	padding: 3.5rem 7rem 7.2rem 3.2rem
}

.general-form-cont.category .general-form .f-left .text.spec-red .cap {
	color: #fff;
	font-size: 2.6rem;
	line-height: 1.15em
}

.general-form-cont.category .general-form .f-left .text.spec-red p {
	color: #fff;
	opacity: .75
}

.general-form-cont.category .general-form .f-right {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #b31822;
	padding: 3rem
}

.general-form-cont.category .general-form .top-links,
.general-form-cont.category .general-form .or {
	display: none !important
}

.general-form-cont.category .general-form .g-recaptcha {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.675);
	-ms-transform: scale(0.675);
	transform: scale(0.675)
}

.general-form-cont.category .general-form .form .cap {
	color: #fff
}

.general-form-cont.category .general-form .form .cap i {
	color: #fff
}

.general-form-cont.category .general-form .form span.err {
	color: #fff
}

.general-form-cont.category .general-form .form .form-item.checkbox input+label {
	color: #fff
}

.general-form-cont.category .general-form .form .form-item.checkbox input+label a {
	color: #ffde67
}

.general-form-cont.banner {
	position: absolute;
	box-sizing: border-box;
	width: 59rem;
	border: solid .4rem #d5343e;
	border-radius: .3rem;
	padding: 4.5rem 3.6rem;
	background-color: #f7fafb;
	top: -46rem;
	right: 8.7rem
}

.general-form-cont.banner .general-form {
	min-height: 0
}

.general-form-cont.banner .general-form .f-left {
	display: none
}

.general-form-cont.banner .general-form .form {
	width: 100%;
	box-sizing: border-box
}

.general-form-cont.banner .general-form .f-right {
	width: 100%;
	box-sizing: border-box;
	padding: 0
}

.general-form-cont.banner .general-form .on-banner {
	display: none
}

.landing.netsis .general-form-cont.special-red .general-form .f-left .img.spec-red {
	display: none
}

.landing.netsis .general-form-cont.special-red .general-form .f-left .img.spec-red.only-netsis {
	display: block
}

.landing.tiger .general-form-cont.special-red .general-form .f-left .img.spec-red {
	display: none
}

.landing.tiger .general-form-cont.special-red .general-form .f-left .img.spec-red.only-tiger {
	display: block
}

.general-form.mfp-hide {
	display: block !important
}

.mfp-content .general-form {
	width: 90.5rem;
	min-height: 0;
	margin: 2.5rem auto;
	padding: 0;
	border-radius: .3rem
}

.mfp-content .general-form .f-modal {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 11rem;
	background-color: #fff
}

.mfp-content .general-form .f-modal .cap {
	position: relative;
	font-size: 3.6rem;
	line-height: 1.1em;
	color: #000;
	z-index: 2
}

.mfp-content .general-form .f-modal .img {
	position: absolute;
	bottom: 0;
	right: 5rem;
	z-index: 1
}

.mfp-content .general-form .f-left {
	/* display: none; */
}

.mfp-content .general-form .f-right {
	width: 70%;
	box-sizing: border-box;
	padding: 1.4rem 5rem 5rem 5rem;
	float: none;
	float: right;
}

.mfp-content .general-form.camp-form {
	box-sizing: border-box;
	width: 90rem;
	min-height: 60.5rem;
	padding-left: 25.4rem
}

.mfp-content .general-form.camp-form .f-modal {
	background-color: transparent;
	padding: 7rem 5rem 1.4rem 5rem
}

.mfp-content .general-form.camp-form .f-left {
	position: absolute;
	display: block;
	height: 100%;
	width: 25.4rem;
	overflow: hidden;
	left: 0;
	top: 0
}

.mfp-content .general-form.camp-form .f-left .img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
	height: 100%;
	top: 0;
	max-width: none;
	width: auto
}

.mfp-content .general-form.camp-form .f-left .img.camp-general {
	display: block
}

.mfp-content .general-form.camp-form .f-left .text {
	display: none
}

.mfp-content .general-form.camp-form .f-right {
	width: 100%;
	box-sizing: border-box
}

.mfp-content .general-form.camp-form .top-links,
.mfp-content .general-form.camp-form .or,
.mfp-content .general-form.camp-form .form .cap {
	display: none
}

.mfp-content .general-form.camp-form .g-recaptcha {
	margin-top: 3rem
}

.mfp-content .general-form.camp-form.success .f-modal {
	display: none
}

.mfp-content .general-form.camp-form.success .camp-disclaimer {
	display: none !important
}

.mfp-content .btn.modal-closebtn {
	padding-right: 4.6rem
}

.mfp-content .btn.modal-closebtn i {
	top: 52%;
	font-size: 1.2em
}

.mfp-content .btn.modal-closebtn.close-abs {
	position: absolute;
	top: 1rem;
	right: 1rem
}

.campaignform {
	position: relative;
	display: flex;
	width: 90rem;
	margin: 3rem auto;
	max-width: calc(100% - 8rem);
	background-color: white
}

.campaignform.sending .btn.send-button {
	display: none
}

.campaignform.sending .btn.sending {
	display: inline-block
}

.campaignform .btn.sending {
	display: none
}

.campaignform .form-group.captcha {
	margin-top: 2rem
}

.campaignform .campaignform-imagewrap {
	width: 25.4rem;
	background-size: cover
}

.campaignform .campaignform-content {
	position: relative;
	flex: 1
}

.campaignform .content-form {
	box-sizing: border-box;
	padding: 6rem 7.2rem 2rem;
	background-color: #f7fafb;
	min-height: 60.5rem
}

.campaignform .form-title {
	display: block;
	font-family: 'bold', arial, helvetica, sans-serif;
	font-size: 3.6rem;
	line-height: 1.11em
}

.campaignform .form-description {
	font-size: 1.6rem;
	line-height: 1.45em;
	color: rgba(0, 0, 0, 0.34);
	margin-top: 2rem
}

.campaignform .form-title+.form-group,
.campaignform .form-description+.form-group {
	margin-top: 5rem
}

.campaignform .content-disclaimer {
	padding: 2.2rem 7.2rem;
	font-size: 1.1rem;
	line-height: 1.45em;
	color: rgba(0, 0, 0, 0.34)
}

.campaignform .content-success {
	position: absolute;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	background: #f7fafb;
	top: 0;
	left: 0;
	z-index: 5;
	min-height: 63.9rem;
	padding: 14rem 0;
	color: #000
}

.campaignform .content-success i {
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto 2rem
}

.campaignform .content-success i:before {
	display: inline-block;
	font-size: 11rem
}

.campaignform .content-success strong {
	display: block;
	font-family: 'bold', arial, helvetica, sans-serif;
	font-size: 3.6rem;
	line-height: 1.33em;
	margin-bottom: .7em
}

.campaignform .content-success p {
	font-family: 'regular', arial, helvetica, sans-serif;
	opacity: .6;
	font-size: 1.6rem;
	line-height: 1.4375em;
	margin-bottom: 3.4rem
}

.form ::-webkit-input-placeholder {
	color: "#7f7f7f"
}

.form :-moz-placeholder {
	color: "#7f7f7f";
	opacity: 1
}

.form ::-moz-placeholder {
	color: "#7f7f7f";
	opacity: 1
}

.form :-ms-input-placeholder {
	color: "#7f7f7f"
}

.form .form-item {
	position: relative;
	margin-bottom: 1rem
}

.form .form-item.input input {
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	-webkit-box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	padding: 0 1.3rem;
	border: 0;
	height: 4rem;
	line-height: 4.1rem;
	color: #7f7f7f;
	font-size: 1.4rem;
	border-radius: .4rem;
	background-color: #fff
}

.form .form-item.input.dark input {
	background-color: #f7fafb
}

.form .form-item.textarea textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	-webkit-box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	border: 0;
	padding: 1rem 1.3rem;
	color: #7f7f7f;
	font-size: 1.4rem;
	line-height: 1.5em;
	background-color: #fff;
	border-radius: .4rem;
	height: 12.7rem
}

.form .form-item.select label {
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-family: 'regular', arial, helvetica, sans-serif;
	box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	-webkit-box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	padding: 0 3rem 0 1.3rem;
	height: 4rem;
	line-height: 4.1rem;
	color: #7f7f7f;
	font-size: 1.4rem;
	border-radius: .4rem;
	background-color: #fff
}

.form .form-item.select label:after {
	right: 1.3rem
}

.form .form-item.select.dark label {
	background-color: #f7fafb
}

.form .form-item.checkbox:not(.no-gap) {
	margin-top: 2rem
}

.form .form-item.checkbox input {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0
}

.form .form-item.checkbox input+label {
	font-family: 'regular', arial, helvetica, sans-serif;
	display: inline-block;
	vertical-align: middle;
	color: #7f7f7f;
	cursor: pointer;
	font-size: 1.4rem;
	padding-left: 2.7rem;
	padding-top: .2rem;
	line-height: 1.35em
}

.form .form-item.checkbox input+label a {
	color: #d5343e;
	text-decoration: underline
}

.form .form-item.checkbox input+label a:hover,
.form .form-item.checkbox input+label a:active {
	color: #f71f2c
}

.form .form-item.checkbox input+label span {
	display: block;
	box-sizing: border-box;
	box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	-webkit-box-shadow: 0 .2rem .6rem 0 rgba(0, 130, 253, 0.05);
	-webkit-transition: border-color .1s linear;
	transition: border-color .1s linear;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	background-color: #fff;
	color: #d5343e;
	border-radius: .4rem
}

.form .form-item.checkbox input+label span:after {
	position: absolute;
	display: inline-block;
	font-family: 'icomoon', arial, helvetica, sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e937";
	-webkit-transition: opacity .1s linear;
	transition: opacity .1s linear;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 0;
	opacity: 0;
	font-size: 1.5rem;
	top: 55%;
	left: 56%
}

.form .form-item.checkbox input[type="radio"]+label span {
	border-radius: 50%
}

.form .form-item.checkbox input:focus+label {
	outline: .1rem solid rgba(10, 105, 172, 0.5)
}

.form .form-item.checkbox input:checked+label span:after {
	opacity: 1
}

.form .form-item.checkbox.medium input+label {
	font-family: 'medium', arial, helvetica, sans-serif
}

.form .form-item.checkbox.dark input+label {
	color: #000
}

.form .form-item.checkbox.outlined input+label {
	padding-left: 3.1rem
}

.form .form-item.checkbox.outlined input+label span {
	border: .1rem solid #dae3eb
}

.form .form-item.checkbox.outlined input:checked+label span {
	border-color: #d5343e
}

.form .form-item.checkbox.stars input+label i {
	display: inline-block;
	vertical-align: middle;
	color: #d5343e;
	font-size: 1rem;
	margin-top: -0.4em
}

.form .form-item.checkbox.stars input+label i+i {
	margin-left: .2rem
}

.form .form-item.checkbox.round input+label span {
	border-radius: 50%
}

.form .form-item.checkbox.round input+label span:after {
	content: ' ';
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #d5343e;
	top: 50%;
	left: 50%
}

.form .form-item.form-button.margin-1 {
	margin-top: 3rem;
	margin-bottom: 0
}

.form .form-group {
	position: relative
}

.form .form-group.x2 {
	margin-bottom: 1rem
}

.form .form-group.x2:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden
}

.form .form-group.x2 .form-item {
	float: left;
	margin-bottom: 0;
	width: calc(50% - 0.5rem);
	margin: 0 .5rem
}

.form .form-group.x2 .form-item:first-child {
	margin-left: 0
}

.form .form-group.x2 .form-item:last-child {
	margin-right: 0
}

.form span.err {
	display: block;
	font-size: 1.2rem;
	line-height: 1.5em;
	letter-spacing: .05em;
	color: #d5343e;
	padding: .5rem 1.3rem 1rem 1.3rem
}

.form.blue .form-item.input input {
	background-color: #f7fafb
}

.form.blue .form-item.textarea textarea {
	background-color: #f7fafb
}

.form.blue .form-item.select label {
	background-color: #f7fafb
}

.form.blue .form-item.checkbox input+label span {
	background-color: #f7fafb
}

.general-form {
	position: relative;
	background-color: #f7fafb;
	min-height: 63.9rem
}

.general-form:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden
}

.general-form .f-modal {
	display: none
}

.general-form .f-left {
	/* position: absolute; */
	height: 100%;
	top: 0;
	left: 0;
	width: 30.2%;
	background-color: #f2f5f6
}

.general-form .f-left .img {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

#slideraltsloganlar{
    margin: 7px 0;
}
#slideraltsloganlar .slideraltslogan{
    width:20%;
    border-right: solid 1px #cdc9c9;
    text-align:center;
    float: left;
}
#slideraltsloganlar .slideraltslogan:last-child{
    border-right: none;
}
#slideraltsloganlar .slideraltslogan span{
    font-size:14px;
    color:#596b78;
    margin-left: 10px;
    display: inline-block;
    text-align: left;
}

#slideraltsloganlar .slideraltslogan img{margin:  0;display: inline-block;margin-top: -23px;}

.dilacimi{
    float: left;
    position: absolute;
    right: 50%;
    top: 9px;
    margin-right: -590px;
    cursor: pointer;
    padding-bottom: 15px;
}
ul.dilsecimi{
    position: absolute;
    right: -19px;
    top: 28px;
    background: #f2f5f9;
    padding: 0;
    display: none;
    width: 176px;
}
.dilacimi:hover ul.dilsecimi{
    display:block;
}
ul.dilsecimi li{
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    text-align: left;
}
ul.dilsecimi li a{
    color: inherit;
}
ul.dilsecimi li a img{
    float: left;
    margin-top: 2px;
}

.sitebox{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.siteboxs{
    float: left;
    margin-right: 15px;
    width: 19%;
    position: relative;
    height: 114px;
    overflow: hidden;
    background: #eaecef;
    border-radius: 5px;
}
.siteboxs:last-child{
    margin-right: 0;
}
.siteboxs span{
    padding: 8px;
    border-radius: 0px 4px 4px 0px;
    color: #222;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 13px;
}
.siteboxsimg{
    float: left;
    width: 100%;
    height: 114px;
    overflow: hidden;
}
.siteboxsimg img.siteboxsimglogo{
    float: left;
    width: 35%;
    position: absolute;
    filter: grayscale(1);
    margin: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    right: 0;
    bottom: 10px;
}
.siteboxsimg:hover img.siteboxsimglogo{
    filter: grayscale(0);
}