*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;} h1,h2,h3,h4,h5,h6{margin:0px} input.form-control{box-shadow:unset!important;opacity: 1!important;} textarea{outline:none!important;box-shadow:0px!important} body{position:relative;font-family: 'Montserrat', sans-serif;position:relative;} body{overflow: hidden;overflow-y: auto;overflow-x: hidden;} .historyActive{overflow:hidden!important} ul{padding:0px;margin:0px;} .sayfaUyari{margin-top:0px} .slick-slider{direction: ltr!important} .padding-no{padding:0px!important} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{ outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: initial!important} .fancybox-skin{padding:0px!important} .imgScale{overflow: hidden;} .imgScale img{transition: 300ms;} .imgScale:hover img{transform: scale(1.2);} .wpContact{bottom:10px;left:10px;position:fixed;z-index:4} .wpContact i{color:#0DC143;font-size: 50px;} .yukari{position:fixed;right:-100%;bottom:15px;width:55px;height:55px;border-radius:50%;background: #D9000D; display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#341A0F;font-weight:700;transition:300ms;z-index:1;color:#fff} .yukari.active{right:15px} .yukari i{font-size:36px;line-height:20px} .yukari span{display:block} .topHeight{width:100%;margin-top:140px;display: flex;} .cookie-popup{max-width: 580px;position: fixed;left:24px;bottom:24px;z-index: 2;} .cookie-popup .content{display: flex;flex-flow: row;font-weight: 500;font-size:12px;line-height: 1.33;color:#fff;background-color: #000;padding:16px;border:1px solid #fff} .cookie-popup .content button.btn{flex:0 0 auto;padding:6px;font-size:10px;color:#fff;outline: 0;box-shadow: none;background-color: inherit;} .cookie-popup .content a{color:#fff} .cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;} .bottomNotification{position: fixed;bottom:15px;right:-100%;padding:10px 30px;background-color: #E52928;z-index: 9999;color:#fff;font: normal normal 400 16px/19px Montserrat;border-radius: 10px;transition: 300ms;} .bottomNotification.active{right:15px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .bottomNotification.active a{transition:300ms;color:#fff;font: normal normal 600 16px/19px Montserrat;;display: block;margin-top: 8px;text-align: center;position: relative;width: 100%;} .bottomNotification.active a:after{content:'';bottom:-3px;left:0px;right:0px;margin:auto;width: 30%;height:3px;background:#fff;transition:300ms;position: absolute;} .bottomNotification.active a:hover:after{width: 100%;} .topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999} .pageMobileBrandClose{display:none} .pageMobileBrand{display:none} .siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none} .bgOpacity{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;visibility: hidden;transition: 300ms;opacity: 0;} .bgOpacity.active{visibility: visible;opacity: 1;} .warningUyariKapsul{padding:10px;margin-bottom:0px} .warningUyari{background:#FCF8E3;margin-bottom:0px} .varFilterBtn{display: none;} .ayirac{margin-top:100px;width:100%} .clear{clear:both} .resim-responsive{width:100%!important} .ustMargin{margin-top:70px;} .ustMargin2{margin-top:101px;} .pageMargin{padding-top:50px;} .mobileLogo{display:none} .mobileMenu{display:none} .mobileProductBrand{display:none} .mobileProductBrandClose{display:none} .mobileBrand{display: none} .shoppingBtn.active{background-color: #F47721!important} .pageMap{padding: 15px 15px;margin-top: 0px;margin-bottom: 15px;} .pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-end} .pageMap ul li{display: flex;align-items: center;justify-content:center} .pageMap ul li a{padding: 5px 10px;font-size: 12px;font-weight: 400;color:#414042;} .pageMap ul li:last-child a{padding:5px 0px 5px 10px!important} .pageMap ul li:last-child i{display: none;} .pageMap ul li a:hover{color:#D9000D;} .pageMap ul li i{color:#414042;font-weight:600;font-size:20px} .hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;} .hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;} .hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;} .hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;} .hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;} .htmlPopupContainer{background-color: rgba(0, 0, 0, 0.5);position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .pageTransitionPageLoad{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,1);z-index:100;animation:pageTransitionPageLoad 750ms 1 ease;animation-fill-mode: forwards; clip-path:circle(100% at 50% 50%);display:flex;align-items:center;justify-content:center;font-size:40px;z-index:9999} @keyframes pageTransitionPageLoad{ 0%{clip-path:circle(100% at 50% 50%)} 100%{clip-path:circle(0% at 50% 50%)} } .pageTransitionPageLoad i.icofont-spinner{animation:pageTransitionSpin 1250ms linear infinite;font-size:80px} @keyframes pageTransitionSpin{ 0%{transform:rotate(360deg)} } .pageTransitionActive{animation:pageTransition 1.1s 1 ease;animation-fill-mode: forwards;} @keyframes pageTransition{ 0%{clip-path:circle(0% at 50% 50%)} 100%{clip-path:circle(100% at 50% 50%)} } /*######################## HEADER ###################################*/ .siteTopFluid{position: relative;border-bottom:2px solid #E52928} .siteTopFluid:before{content:'';background: #E52928 0% 0% no-repeat padding-box;z-index: 2;position: absolute;right:-15px;top:0px;width: 45%;height:40px;} /* .siteTopFluid:before{content:'';background: #E52928 0% 0% no-repeat padding-box;z-index: 2;position: absolute;right:0px;top:0px;width: 40%;height:100%;clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 100%);} .siteTopFluid:after{content:'';box-shadow: 0px 3px 6px #00000029;background: #FFFFFF 0% 0% no-repeat padding-box;z-index: 1;position: absolute;left:0px;top:0px;width: 100%;height:100%;border-bottom:2px solid #E52928} */ .siteTopContainer .row{display: flex;align-items: center;justify-content: center;height: 40px;} .siteTopLeft{float:left;width:60%;position: relative;position: relative;padding-left: 15px;} .siteTopLeft:after{content:'';position: absolute;right:0px;bottom:-9px;width:120px;height:100px;background-color: #fff;z-index: 2001;transform: skew(45deg);} .siteTopLeft button{position: absolute;left:-15px;top:3px;background-color: transparent;} .siteTopLeft button i{color:#E52928} .siteTopLeft input::placeholder{font: normal normal 500 14px/18px Montserrat;color: #BABABA;} .siteTopRight{float:right;width:40%;position: relative;z-index: 100;} .siteTopRight ul{display: flex;align-items: center;justify-content: flex-end;gap:15px} .siteTopRight ul li{font: normal normal 500 14px/18px Montserrat;color: #FFFFFF;} .siteTopRight ul li a{font: normal normal 500 14px/18px Montserrat;color:#fff} .siteTopRight ul li:nth-child(1){border-bottom:1px solid #fff} li.siteTopSocial a{display: inline-block;} li.siteTopSocial a:nth-child(1){margin-right: 5px;} .headerWrap{position: fixed;width: 100%;top:0px;left:0px;z-index: 10;background-color: #fff;height: 155px;transition: 300ms;} .headerWrap.active{height:110px} .headerWrap.active .headerLeft img{width: 100px!important;} .headerWrap.active .headerRight ul.anaMenu li a{font: normal normal 500 12px/14px Montserrat;} .headerFlex{display: flex;align-items: center;justify-content: flex-end;} .headerLeft{width:230px;float:left;padding-top: 15px;} .headerLeft img{transition: 300ms;} .headerRight{width:calc(100% - 230px);float:right;padding-top: 15px;} .headerRight ul.anaMenu{display: flex;align-items: center;justify-content: flex-end;gap: 15px} .headerRight ul.anaMenu li a{font: normal normal 500 16px/19px Montserrat;color: #000000;position: relative;transition: 300ms;} .headerRight ul.anaMenu li:not(.online-shop) a:after{content:'';position: absolute;left:0px;right:0px;margin:auto;width:30px;height:2px;background-color: #E52928;bottom: -3px;transition: 300ms;} .headerRight ul.anaMenu li:not(.online-shop) a:hover:after{width: 100%;} .headerRight ul.anaMenu li.online-shop a{display: block;background: #063D4F 0% 0% no-repeat padding-box;border-radius: 19px;font: normal normal 400 16px/19px Montserrat;color: #FFFFFF;padding:8px 15px} /*######################## HEADER ###################################*/ .sliderFluid{margin-top: 15px;} .sliderSlick .slick-slide{height:600px;background-repeat: no-repeat;background-position: right center;background-size: contain;} .sliderSlick .slick-slide.normal:after{content:'';background-color: #E52928;position: absolute;left:0px;top:0px;width: 70%;height:100%;z-index: -1;clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); background-image: url("../images/sliderBg.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;} .sliderSlick .slick-slide.tamekran{background-position: center center!important;background-size: auto;} .sliderSlick .slick-slide.tamekran .btn{padding:0px;position: absolute;left:0px;top:0px;width:100%;height:100%;} .sliderSlickTextContainer{position: absolute;z-index: 2;margin:auto;left:0px;right:0px;bottom:0px;top:0px;display: flex;align-items: center;} .sliderSlickTextContainer .row{width: 100%;} .sliderSlickTextContainer h3{font: normal normal bold 45px/55px Montserrat;color: #FFFFFF;position: relative;} .sliderSlickTextContainer h3:after{content:'';position: absolute;bottom:-10px;width:20%;height:8px;background-color: #fff;left:0px} .sliderSlickTextContainer a.btn{display: inline-block;background: #063D4F 0% 0% no-repeat padding-box;border-radius: 19px;font: normal normal 400 16px/19px Montserrat;color: #FFFFFF;padding:8px 15px;margin-top: 45px;} /* .sliderFluid{margin-top: 15px;} .sliderSlick .slick-slide{display: flex!important;position: relative;} .sliderLeft{width: 50%;float: left;position: relative;z-index: 1;} .sliderLeft:after{content:'';background-color: #E52928;position: absolute;left:0px;top:0px;width: 135%;height:100%;z-index: -1;clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); background-image: url("../images/sliderBg.svg");background-repeat: no-repeat;background-position: center center;background-size: contain;} .sliderRight{width: 50%;float: right;} .sliderSlickTextContainer{position: absolute;z-index: 2;margin:auto;left:0px;right:0px;bottom:0px;top:0px;display: flex;align-items: center;} .sliderSlickTextContainer .row{width: 100%;} .sliderSlickTextContainer h3{font: normal normal bold 45px/55px Montserrat;color: #FFFFFF;position: relative;} .sliderSlickTextContainer h3:after{content:'';position: absolute;bottom:-10px;width:20%;height:8px;background-color: #fff;left:0px} .sliderSlickTextContainer a.btn{display: inline-block;background: #063D4F 0% 0% no-repeat padding-box;border-radius: 19px;font: normal normal 400 16px/19px Montserrat;color: #FFFFFF;padding:8px 15px;margin-top: 45px;} */ .hizmetlerPage.homeUrunGamiContainer{margin-top: 50px;} .homeUrunGamiContainer{margin-top: 100px;} /*.homeUrunGamiFlex{display: flex;align-items: flex-start;justify-content: center;gap: 15px;}*/ .homeUrunGamiFlex .homeUrunGamiList{position: relative;flex:1} .homeUrunGamiFlex .homeUrunGamiIcon{width: 115px;height:115px;display: flex;align-items: center;justify-content: center;background: #063D4F 0% 0% no-repeat padding-box;border-radius: 100%;position: absolute; left:0px;right:0px;margin:auto;top: -30px;} .homeUrunGamiFlex .homeUrunGamiList h3{width: 100%;color: #FFFFFF;font: normal normal bold 24px/29px Montserrat;border-radius: 0px 0px 45px 45px;background: #E52928 0% 0% no-repeat padding-box;padding:30px 15px;text-align: center;} .homeUrunGamiFlex .homeUrunGamiList .homeUrunGamiText{font: normal normal 300 16px/20px Montserrat;color: #001C43;text-align: center;margin-top: 30px;} .topBigTitleFluid{background: transparent url('../images/hkUst.jpg') 0% 0% no-repeat padding-box;margin-top: 15px;background-position: center center;background-size: cover;} .bigTitleTwoColumn{height: 200px;display: flex;align-items: center;justify-content: center;} .bigTitleTwoColumn h1{font: normal normal bold 45px/55px Montserrat;color: #FFFFFF;position: relative;} .bigTitleTwoColumn h1:after{content:'';position: absolute;left:0px;right:0px;margin: auto;width: 30%;height:5px;background-color: #fff;bottom:-10px} .pageTitle h1{font: normal normal bold 32px/48px Montserrat;color: #063D4F;display: block;text-align: center;} .pageText{font: normal normal normal 18px/25px Montserrat;color: #063D4F;} .kurumsalTitle{margin-top: 50px;} .kurumsalText{margin-top: 15px;} /*######################## ÜRÜNLER ###################################*/ .productPage{margin-top: 50px;} .urunlerTopFlex{background: #063D4F 0% 0% no-repeat padding-box;height: 95px;display: flex;align-items: center;flex-wrap: wrap;} .urunlerTopLeft{width:35%;float:left;padding-left: 30px;} .urunlerTopLeft form{position: relative;width: auto;display: flex;gap: 15px;} .urunlerTopLeft form button{background-color: transparent;color:#fff;font-size: 30px;} .urunlerTopLeft form input.form-control{background-color: transparent;;border-radius: 0px;border: 0px;border-bottom:1px solid #fff;padding: 0px;color:#fff} .urunlerTopLeft form input.form-control::placeholder{color:#fff;font: normal normal 500 16px/19px Montserrat;} .urunlerTopRight{width:65%;float:right;padding-right: 30px;} .urunlerTopRight > ul{display: flex;align-items: center;justify-content: flex-end;gap: 15px;} .urunlerTopRight > ul > li{color: #FFFFFF;font: normal normal medium 16px/19px Montserrat;} .urunlerTopRight > ul > li span{margin-right: 8px;font: normal normal 500 16px/19px Montserrat;} .urunlerTopRight ul li{position: relative;} .urunlerTopRight ul li a{font: normal normal 500 16px/19px Montserrat;color:#fff;cursor: pointer;} .urunlerTopRight ul li ul{position: absolute;background-color: #fff;border:1px solid #ddd;right:0px;top:60px;width: 200px;visibility: hidden;opacity: 0;transition: 500ms;} .urunlerTopRight ul li ul.active{top: 30px;visibility: visible;opacity: 1;z-index: 1;} .urunlerTopRight ul li ul li a{display: block;padding:8px 20px;font: normal normal 500 16px/19px Montserrat;color:#000} .productList{margin-bottom: 30px;} .productCode{color: #063D4F;font: normal normal normal 16px/19px Montserrat;padding: 0px;margin-bottom: 15px;} .productImg{border: 1px solid #707070;background: #FFFFFF 0% 0% no-repeat padding-box;padding: 20px 40px;position: relative;} .productImg a.karsilastirBtn{display: inline-block;position: absolute;right:0px;top:0px;background: #E52928 0% 0% no-repeat padding-box;display: flex;align-items: center;justify-content: center;padding: 15px;} .productTitle{padding:0px} .productTitle h3{font: normal normal bold 16px/19px Montserrat;color: #FFFFFF;background: #063D4F 0% 0% no-repeat padding-box;padding: 20px 20px;} /*######################## ÜRÜNLER ###################################*/ /*######################## ÜRÜN DETAY ###################################*/ .urunBilgiForm{width:800px;display: none;padding:30px 15px} .urunBilgiForm h3.title{font: normal normal bold 36px/44px Montserrat;color: #063D4F;} .urunBilgiForm td{border:0px!important;font: normal normal normal 20px/24px Montserrat;color: #063D4F;padding:12px 0px 0px 0px!important} .urunBilgiForm td ul{display: flex;align-items: flex-end;justify-content: center;margin-left: -8px;margin-right: -8px;} .urunBilgiForm td ul li{padding:0px 8px;position: relative;} .urunBilgiForm td ul li .paketUrunSayisiText{position: relative;height:60px;background: #E5EBED 0% 0% no-repeat padding-box;border-radius: 0px;color:#063D4F;border:0px; padding:10px 0px 0px 15px} .urunBilgiForm td ul li .paketUrunSayisiText h6{font: normal normal normal 14px/18px Montserrat;color: #063D4F;margin:0px} .urunBilgiForm td ul li .paketUrunSayisiText .paketUrunSayisiTextCount{font: normal normal bold 20px/24px Montserrat;color: #063D4F;} .urunBilgiForm td ul li h4{margin-bottom: 5px;} .urunBilgiForm td ul li:nth-child(2){padding-bottom: 10px;} .urunBilgiForm td ul li:nth-child(4){padding-bottom: 10px;} .urunBilgiForm td .btn{background: #E52928 0% 0% no-repeat padding-box;border-radius: 25px;font: normal normal bold 20px/24px Montserrat;color: #FFFFFF;padding:10px 25px} .urunBilgiForm input{height:60px;background: #E5EBED 0% 0% no-repeat padding-box;border-radius: 0px;color:#063D4F;border:0px} .urunBilgiForm textarea{height:60px;background: #E5EBED 0% 0% no-repeat padding-box;border-radius: 0px;color:#063D4F;border:0px;height:200px} .fancybox-skin{background-color: #fff!important;} .productDetailPage{margin-top: 50px;} .productDetailImg{border: 1px solid #707070;padding:45px 20%} .productCodeDetail{font: normal normal normal 24px/29px Montserrat;color: #063D4F;position: absolute;bottom:30px;left:45px;display: inline-block;z-index: 1;} .productDetailTitle {padding: 0px} .productDetailTitle h2{font: normal normal bold 36px/44px Montserrat;color: #063D4F;} .productDetailTable{padding:0px;margin-top: 15px;} .productDetailTable table td{padding:12px 0px!important;border:0px!important} .productDetailTable table tr:nth-child(1n+2) td{border-top:1px solid #000!important} .productDetailTable table tr td:nth-child(1){font: normal normal bold 19px/23px Montserrat;color: #063D4F;} .productDetailTable table tr td:nth-child(2){font: normal normal bold 19px/23px Montserrat;color: #063D4F;} .productDetailTable table tr td:nth-child(3){font: normal normal normal 19px/23px Montserrat;color: #063D4F;padding-left: 30px!important;} .productDetailTable table tr td a{font: normal normal normal 24px/29px Montserrat;color: #063D4F;} .productDetailbtn{padding: 0;} .productDetailbtn ul{display: flex;align-items: flex-start;justify-content: flex-start;gap:15px} .productDetailbtn ul li a{padding:12px 45px;display: flex;align-items: center;justify-content: space-between;gap: 15px;} .productDetailbtn ul li:nth-child(1) a{background: #E52928 0% 0% no-repeat padding-box;border-radius: 29px;font: normal normal 500 16px/19px Montserrat;color: #FFFFFF;} .productDetailbtn ul li:nth-child(2) a{color: #FFFFFF;font: normal normal 500 16px/19px Montserrat;border-radius: 29px;background: #063D4F 0% 0% no-repeat padding-box;} .benzerUrunlerLine{height:2px;background-color: #063D4F;margin-top: 60px;} .benzerUrunlerTitle{margin-top: 50px;text-align: center;} .benzerUrunlerTitle .title{font: normal normal bold 36px/44px Montserrat;color: #001C43;position: relative;display: inline-block;} .benzerUrunlerTitle .title:after{content:'';position: absolute;left:0px;right:0px;margin:auto;bottom:-15px;background: #001C43 0% 0% no-repeat padding-box;height:5px;width: 120px;} .benzerUrunlerContainer{margin-top: 60px;} /*######################## ÜRÜN DETAY ###################################*/ /*######################## VARYANT Kategorileri ###################################*/ .pageVaryantLists .varFilterBtn{display: flex;align-items: center;justify-content: center;gap: 15px;font:normal normal 500 20px/24px Montserrat ;margin-bottom: 15px;background-color: #063D4F;color:#fff;padding:8px 20px} .pageVaryantLists{float:left;width: 330px;padding:0px 30px 30px 30px;} .pageVaryantLists ul li a{display: block;} .pageVaryantListContent > ul > li > a{font: normal normal bold 20px/24px Montserrat;color: #063D4F;border-bottom:4px solid #063D4F;padding:8px 0px 8px 15px;margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;} .pageVaryantListContent > ul > li > a{font: normal normal bold 20px/24px Montserrat;color: #063D4F;border-bottom:4px solid #063D4F;padding:8px 0px 8px 15px;margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;} .pageVaryantListContent > ul > li > ul li a{font: normal normal normal 16px/20px Montserrat;color: #063D4F;padding: 4px 0px;} .pageVaryantListContent > ul > li > ul li input{border:1px solid #ddd} .pageVaryantListContent > form > ul > li > a{font: normal normal bold 20px/24px Montserrat;color: #063D4F;border-bottom:4px solid #063D4F;padding:8px 0px 8px 15px;margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;} .pageVaryantListContent > form > ul > li > a{font: normal normal bold 20px/24px Montserrat;color: #063D4F;border-bottom:4px solid #063D4F;padding:8px 0px 8px 15px;margin-bottom: 8px;display: flex;align-items: center;justify-content: space-between;} .pageVaryantListContent > form > ul > li > ul li a{font: normal normal normal 16px/20px Montserrat;color: #063D4F;padding: 4px 0px;} .pageVaryantListContent > form > ul > li > ul li input{border:1px solid #ddd} .pageVaryantListContent ul li ul{transition: 500ms;opacity: 0;visibility: hidden;overflow: hidden;height:0px} .pageVaryantListContent ul.pageVaryantList:nth-child(1) li:nth-child(1) > ul{visibility: visible;opacity: 1;height:100%} .pageVaryantListContent ul.pageVaryantList li ul.open{height:auto;opacity: 1;visibility: visible;} .pageVaryantList.pageVaryantListRange ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .pageVaryantList.pageVaryantListRange ul li:nth-child(1){width: 49%;margin-right: 0.5%;} .pageVaryantList.pageVaryantListRange ul li input[type=text]{height: 45px;border-radius: 0px;} .pageVaryantList.pageVaryantListRange ul li:nth-child(2){width: 49%;margin-left: 0.5%;} .pageVaryantList.pageVaryantListRange ul li.numberStepRange{width: 100%;margin-top: 8px;padding:0px 0px} .slider.slider-horizontal{width: 100%!important;} /*.colorVaryant{display: flex;align-items: center;justify-content: space-between;}*/ .colorVaryant li:nth-child(1){float:left;width: calc(100% - 25px);} .colorVaryant li.varyantColorCode span{display: inline-block;border-radius: 100%;width: 25px;height:25px;float: right;} .productLists{float:left;width: calc(100% - 330px);} /*######################## VARYANT Kategorileri ###################################*/ /*######################## KARŞILAŞTIRMA ###################################*/ .karsilastirmaClean{margin-bottom: 60px;font: normal normal bold 16px/22px Montserrat;color: #fff;background-color: #E52928;} .karsilastirmaFluid{margin-top: 60px;} .karsilastirmaRow{display: flex;align-items: flex-start;justify-content: center;} .karsilastirmaImgColumn{padding:0px 30px;} .karsilastirmaImgColumnInner{border:1px solid #001C43;padding: 0px;} .karsilastirmaImgColumnInner a{display: block;padding:30px;} .karsilastirmaTitle{font: normal normal bold 20px/30px Montserrat;color: #fff;text-align: center;padding:15px 0px;background-color: #001C43;} .karsilastirmaTeknikFluid{margin-top: 60px;background-color: #F6F6F6;margin-bottom: -100px!important;} .karsilastirmaTeknikOzeliklerRow{margin-bottom: 50px;} .karsilastirmaTeknikOzeliklerRow h4.title{font: normal normal bold 30px/40px Montserrat;color: #001C43;text-align: center;margin-top: 50px;} .karsilastirmaTeknikFluid td:nth-child(1){font: normal normal bold 21px/40px Montserrat;} .karsilastirmaTeknikFluid td{color:#000;font: normal normal normal 18px/40px Montserrat;} @media(max-width:768px){ .karsilastirmaImgColumn{padding:0px 8px} .karsilastirmaImgColumnInner{padding: 0px 0px 30px 0px;} .karsilastirmaTeknikOzeliklerRow h4.title{font: normal normal bold 20px/40px Montserrat;} .karsilastirmaTitle{font: normal normal bold 15px/18px Montserrat;min-height: 36px;} .karsilastirmaTeknikFluid td{font-size: 12px!important;line-height: 18px!important;} } /*######################## KARŞILAŞTIRMA ###################################*/ .homeBottomBannerFluid{margin-top: 100px;} .homeBottomBannerFlex{display: flex;position: relative;height: 530px;} .homeBottomBannerTextContainer{position: absolute;margin:auto;right:15%;left:0px;top:15%} .homeBottomBannerTextContainer .row{display: flex;align-items: center;justify-content: flex-end;width: 100%;} .homeBottomBannerTextContent{position: absolute;right:0px;top:0px;background-color: #E52928;background-image: url("../images/urun-yalpazesi-bg.svg");z-index: 2;padding:45px 160px;text-align: center;width: 650px; border-radius: 30px;background-repeat: no-repeat;background-size: cover;background-position: center center;} .homeBottomBannerTextContent h4{font: normal normal bold 36px/44px Montserrat;color: #FFFFFF;} .homeBottomBannerTextContent a.btn{display: inline-block;background: #fff 0% 0% no-repeat padding-box;border-radius: 19px;font: normal normal bold 20px/24px Montserrat;color: #063D4F;padding:8px 25px;margin-top: 30px;} .homeBottomBannerText{font: normal normal 300 20px/24px Montserrat;color: #FFFFFF;margin-top: 30px;} .homeBottomBannerLeft{width: 60%;float:left;background-position: center center;background-size: cover;background-repeat: no-repeat;} .homeBottomBannerRight{position: relative;float:right;width: 40%;} .homeBottomBannerRight:after{content:'';background: #063D4F 0% 0% no-repeat padding-box;clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);position:absolute;width: 135%;height:100%;right: 0px;} .homeSurecTitleRow{margin-top: 100px;text-align: center;} .homeSurecTitleRow .title{font: normal normal bold 36px/44px Montserrat;color: #001C43;position: relative;display: inline-block;} .homeSurecTitleRow .title:after{content:'';position: absolute;left:0px;right:0px;margin:auto;bottom:-15px;background: #001C43 0% 0% no-repeat padding-box;height:5px;width: 120px;} .homeSurecContainer{margin-top: 60px;} .homeSurecContainer ul{display: flex;align-items: flex-start;justify-content: space-evenly;gap: 30px;} .homeSurecContainer ul li{text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} .homeSurecContainer ul li img{height: 55px;} .homeSurecContainer ul li h6{border-radius: 24px;background: #E52928 0% 0% no-repeat padding-box;color: #FFFFFF;font: normal normal 500 16px/19px Montserrat;padding:8px 45px;margin-top: 30px;} .homeRefContainer{margin-top: 60px;} .homeRefSlick .slick-lists{margin:0px -10px} .homeRefSlick .slick-slide{margin:0px 10px} .iletisimPage{margin-top: 60px;} .iletisimTitle{font: normal normal bold 40px/51px Montserrat;color: #063D4F;position: relative;} .iletisimTitle:after{content:'';position: absolute;left:15px;bottom:-5px;width:33%;height:5px;background-color: #E52928;} .iletisimMessage{font: normal normal normal 20px/25px Montserrat;color: #063D4F;margin-top: 30px;margin-bottom: 30px;} ul.phone{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .iletisimText{font: normal normal normal 18px/25px Montserrat;color: #063D4F;} ul.phone li:nth-child(1){width:80px;font: normal normal bold 18px/25px Montserrat;color: #063D4F;} ul.phone li:nth-child(2){font: normal normal bold 18px/25px Montserrat;color: #063D4F;padding-right: 8px;} ul.phone li:nth-child(3){font: normal normal normal 18px/25px Montserrat;color: #063D4F;} .iletSmallTitle{font: normal normal normal 20px/25px Montserrat;color: #E52928;margin-bottom: 4px;} .iletForm input{border: 1px solid #E52928;border-radius:0px;height:45px;margin-bottom: 4px;} .iletForm textarea{border: 1px solid #E52928;border-radius:0px;height:120px;margin-bottom: 4px;} .iletMessageText{margin-top: 15px;font: normal normal normal 13px/17px Montserrat;color: #063D4F;} .iletBtn{margin-top: 15px;} .iletBtn button{background: #E52928 0% 0% no-repeat padding-box;border-radius: 24px;font: normal normal normal 20px/25px Montserrat;color: #FFFFFF;padding:8px 20px} .footerFluid{margin-top: 100px;background: #FCFCFC 0% 0% no-repeat padding-box;position: relative;} .footerFluid:after{content:'';background: transparent linear-gradient(90deg, #001C43 0%, #165B3A 100%) 0% 0% no-repeat padding-box;position: absolute;left:0px;top:-2px;width: 100%;height:2px;} .footerRow{margin-top: 50px;} .footerRow li {margin-bottom: 15px;color: #001C43;font: normal normal normal 16px/19px Montserrat;} .footerRow li h3{font: normal normal 900 24px/29px Montserrat;color: #001C43;} .footerRow li.footerPhone a{font: normal normal 500 16px/19px Montserrat;color: #fff;display: inline-block;background: #E52928 0% 0% no-repeat padding-box;border-radius: 24px;padding:8px 20px} .footerMenu li a{font: normal normal normal 16px/16px Montserrat;color: #001C43;} .registerContainer{margin-top: 30px;} .registerContainer .col-xs-12{border-top: 1px solid #001C43;padding:15px 0px} .siteTopMobileSearchIcon{visibility: hidden;position: absolute;top: -10px;} @media(max-width:992px){ .siteTopFluid:before{width: 50%;} .siteTopRight{width: 50%;} .siteTopRight ul li{font: normal normal 500 13px/18px Montserrat;} .siteTopRight ul li a{font: normal normal 500 11px/13px Montserrat;} .headerLeft{width: 160px;} .headerRight{width: calc(100% - 160px);} .headerRight ul.anaMenu li a{font: normal normal 500 11px/14px Montserrat;} .headerRight ul.anaMenu li.online-shop a{font: normal normal 400 11px/13px Montserrat;} .sliderSlick .slick-slide{height:360px} .sliderSlickTextContainer h3{font: normal normal bold 25px/30px Montserrat;} .sliderSlickTextContainer a.btn{margin-top: 20px;font: normal normal 400 13px/13px Montserrat;} } @media(max-width:768px){ .iletisimTitle{font: normal normal bold 20px/27px Montserrat;margin-bottom: 15px;} .iletisimMessage{display: none;} .iletisimText{font: normal normal normal 13px/18px Montserrat;} .pageRightColumn {padding:0px;margin-top: 15px;} .iletSmallTitle{font: normal normal normal 13px/19px Montserrat;} ul.phone li:nth-child(1){font: normal normal bold 13px/19px Montserrat;} ul.phone li:nth-child(2){font: normal normal bold 13px/19px Montserrat;padding-right: 8px;} ul.phone li:nth-child(3){font: normal normal normal 13px/19px Montserrat;} .iletForm input{height:30px} .iletBtn button{font: normal normal normal 13px/19px Montserrat;} .varFilterBtn{display: block;} .pageMobileBrand{display: inline-block;position: absolute;right:15px;top:23px;font-size: 28px;color:#063D4F} .headerFlex{justify-content: flex-start;position: relative;} .headerLeft{width: 130px;padding-left: 15px;} .headerRight{visibility: hidden;} .headerRight.active{visibility: visible;} .headerRight ul{display: block!important;padding:15px;position: absolute;left:-100%;top:72px;background-color: #fff;z-index: 10;width: 100%;transition: 300ms;border-top:1px solid #001C43} .headerRight.active ul{left:0%} .headerRight ul.anaMenu li a{padding:10px 15px;display: block;} .headerRight ul.anaMenu li:not(.online-shop) a:after{right: inherit;left:15px} .homeUrunGamiFlex{display: block;padding:0px 15px} .homeUrunGamiList{margin-bottom: 155px;} .homeUrunGamiFlex .homeUrunGamiList h3{font: normal normal bold 16px/20px Montserrat;padding:15px 10px} .homeUrunGamiFlex .homeUrunGamiList .homeUrunGamiText{font: normal normal 300 12px/17px Montserrat;} .siteTopFluid:before{width: 105%;clip-path:inherit} .siteTopLeft{width:40px;z-index: 2;} .siteTopLeft:after{display: none;} .siteTopLeft form{position: absolute;left:15px;top:40px;visibility: hidden;opacity: 0;transition: 500ms;} .siteTopLeft form.active{visibility: visible;opacity: 1;top:30px} .siteTopLeft form{border:1px solid #ddd} .siteTopLeft form input{height:35px} .siteTopLeft form button{position: absolute;left:85%;top:10px;} .siteTopMobileSearchIcon{visibility: visible;color:#fff;font-size: 20px;} .siteTopRight{width: calc(100% - 40px);padding-right: 15px;} .siteTopRight ul li{font: normal normal 500 10px/14px Montserrat;} .siteTopRight ul li a{font: normal normal 500 10px/14px Montserrat;color:#fff} /* .sliderSlick .slick-prev,.sliderSlick .slick-next{width:25px!important;height:25px!important;top:37%!important} .sliderSlickTextContainer h3{font:normal normal bold 13px/17px Montserrat} .sliderSlickTextContainer h3:after{bottom:-4px;height:2px} .sliderSlickTextContainer a.btn{font: normal normal 400 11px/13px Montserrat;padding:5px 9px;margin-top: 14px;} */ .sliderSlick .slick-slide{height: 210px;} .sliderSlickTextContainer h3{font:normal normal bold 13px/17px Montserrat} .sliderSlickTextContainer h3:after{bottom:-4px;height:2px} .sliderSlickTextContainer a.btn{font: normal normal 400 11px/13px Montserrat;padding:5px 9px;margin-top: 14px;} .pageTitle h1{font: normal normal bold 20px/25px Montserrat;} .pageText{font: normal normal normal 12px/18px Montserrat;} .pageMap{margin-bottom: 0px;} .urunlerTopFlex{height: 65px;} .urunlerTopRight ul li a img{width: 20px;} .urunlerTopRight > ul > li span{font: normal normal 500 12px/15px Montserrat;} .urunlerTopLeft form button{font-size: 20px;} .urunlerTopLeft{padding-left: 15px;} .urunlerTopRight{padding-right: 15px;} .urunlerTopLeft form input.form-control::placeholder{font-size: 13px;} /* VARYANT */ .pageVaryantLists{width: 100%;} .pageVaryantListContent{display: none;position: relative;left:0px;width: 100%;z-index: 100;background-color: #fff;} .pageVaryantListContent.active{display: block;padding: 0px 0px;} .pageVaryantLists .varFilterBtn{font: normal normal 500 15px/24px Montserrat;} .pageVaryantListContent > ul > li > a{font: normal normal bold 13px/16px Montserrat;} .pageVaryantListContent > ul > li > ul li a{font: normal normal normal 12px/12px Montserrat;} /* VARYANT */ .productLists{width: 100%;} .productCode{font: normal normal normal 12px/15px Montserrat;} .productTitle h3{font: normal normal bold 12px/14px Montserrat;} .urunDetayPage .urunlerTopLeft{width: 100%;margin-left: 15px;margin-right: 15px;padding-left: 0px;} .productCodeDetail{font: normal normal normal 18px/20px Montserrat;} .productDetailTitle{margin-top: 15px;} .productDetailTitle h2{font: normal normal 600 18px/22px Montserrat;} .productDetailTable table tr td:nth-child(1){font: normal normal bold 13px/16px Montserrat;} .productDetailTable table tr td:nth-child(2){font: normal normal bold 13px/16px Montserrat;} .productDetailTable table tr td:nth-child(3){font: normal normal normal 13px/16px Montserrat;} .productDetailTable table tr td a{font: normal normal normal 13px/16px Montserrat;} .productDetailbtn ul li a{padding: 5px 20px;font: normal normal 500 12px/19px Montserrat!important;justify-content: flex-start;display: inline-flex;} .productDetailbtn ul{display: block;} .productDetailbtn ul li{margin-bottom: 8px;} .benzerUrunlerTitle .title{font: normal normal bold 20px/16px Montserrat;} .productImg a{padding: 8px;} .benzerUrunlerSlick .slick-prev{left:30px!important} .benzerUrunlerSlick .slick-next{right:15px!important} .urunBilgiForm{width: 100%;} .urunBilgiForm h3.title{font: normal normal bold 18px/24px Montserrat;} .urunBilgiForm td{font: normal normal normal 13px/19px Montserrat;} .urunBilgiForm input{height:35px} .urunBilgiForm td ul li h4{font: normal normal normal 11px/14px Montserrat;} .urunBilgiForm td ul{flex-wrap: wrap;} .urunBilgiForm td ul li{width: 100%;} .urunBilgiForm td ul li .paketUrunSayisiText h6{font: normal normal normal 10px/18px Montserrat;} .urunBilgiForm td ul li .paketUrunSayisiText .paketUrunSayisiTextCount{font: normal normal bold 16px/24px Montserrat;} .urunBilgiForm td .btn{padding:8px 15px;font: normal normal bold 14px/16px Montserrat;} .homeBottomBannerTextContainer{right:15px;left:15px;display: flex;align-items: center;justify-content: center;top: 0px;bottom: 0px;} .homeBottomBannerFlex{height:250px} .homeBottomBannerTextContent{width: 100%;padding:30px 15px;position: relative;} .homeBottomBannerTextContent h4{font: normal normal bold 18px/24px Montserrat;} .homeBottomBannerText{font: normal normal 300 13px/18px Montserrat;} .homeBottomBannerTextContent a.btn{font: normal normal bold 13px/18px Montserrat;} .homeSurecTitleRow .title{font: normal normal bold 20px/24px Montserrat;} .homeSurecContainer ul{flex-wrap: wrap;} .homeSurecContainer ul li img{height: 34px;} .homeSurecContainer ul li h6{font: normal normal 500 10px/19px Montserrat;padding:8px 15px;margin-top: 14px;} .homeRefSlick .slick-prev{left:5px!important;} .homeRefSlick .slick-next{right:-5px!important;} .bigTitleTwoColumn{height:120px} .bigTitleTwoColumn h1{font: normal normal bold 18px/25px Montserrat;} .footerLogo{margin-bottom: 30px;} .footerContact{margin-bottom: 30px;} .registerContainer .col-xs-12{padding:15px 15px} } .loader-capsul{position:fixed;width:100%;height:100%;background-color:rgba(247,148,30,0.5); z-index:9999; display:none;top:0px;left:0px} .loader { font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 20% auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff; } 20% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff; } 38% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } } @keyframes load6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff; } 20% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff; } 38% { box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff; } } .slidercaptcha {margin: 0 auto;width: 314px;height: 286px;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);margin-top: 40px;} .slidercaptcha .card-body {padding: 1rem;} .slidercaptcha canvas:first-child {border-radius: 4px;border: 1px solid #e6e8eb;} .slidercaptcha.card .card-header {background-image: none;background-color: rgba(0, 0, 0, 0.03);} .refreshIcon {top: -54px;}