*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;} input.form-control{box-shadow:unset!important} textarea{outline:none!important;box-shadow:0px!important} body{position:relative;font-family: 'Euclid Circular A', 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 img{width:50px} .topHeight{width:100%;margin-top:150px} .cookie-popup{max-width: 580px;position: fixed;left:24px;bottom:24px;z-index: 200;} .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;} .topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999} .pageMobileBrandClose{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: 0ms;} .bgOpacity.active{visibility: visible;} .warningUyariKapsul{padding:10px;margin-bottom:0px} .warningUyari{background:#FCF8E3;margin-bottom:0px} .yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;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} .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: 15px;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 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;} .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;} @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;z-index: 9999;} @keyframes pageTransition{ 0%{clip-path:circle(0% at 50% 50%)} 100%{clip-path:circle(100% at 50% 50%)} } .videoPlay{cursor: pointer;} .videoBtn{z-index: 1;position: absolute;left:15px;top:15px;font-size: 32px;color:#fff;cursor: pointer;} .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;} .htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;} #tubular{width:100%!important;height:550px!important;position:relative;overflow:hidden!important;margin-top:120px} #tubular-container{width:100%!important;height:550px!important;position:absolute!important;overflow:hidden!important;} .menuContainer{position: fixed;left:-100%;top:0px;width: calc(100% / 4);height:100%;background: #1B3F72 0% 0% no-repeat padding-box;z-index: 101;transition: 200ms;} .menuContainer.active{left:0px;} .menuContainer .close{position: absolute;right:40px;top:40px;color:#fff;font-size:55px;opacity: 1;z-index: 1;text-shadow: 0 1px 0 #fff;} .menuContainer ul{padding:60px;margin-top: 50px;position: relative;} .menuContainer ul li a{font: normal normal normal 23px/35px Euclid Circular A;display: block;color:#fff;padding:10px 0px;position: relative;} .menuContainer ul li a::after{content:'';bottom:0px;width: 90px;height:3px;background:#B1006A;position: absolute;left:0px;transition: 300ms;} .menuContainer ul li a:hover::after{width: 100%;} .popupVideo{width: 100%;height: 100%;} .videoPopupContainer{width: 800px;height:500px;position: absolute;left:0px;right:0px;margin:auto;bottom:0px;top:0px;} .videoBg{height:100%;width:100%;position: relative;} .loaderWrap{position: absolute;left:0px;top:0px;width: 100%;height:100%;background-color: #1B3F72;} .vidbacking-active-block-back{width: 100%;} .vidbacking-active-body-back{position: fixed;z-index: -100;min-width: 100%;min-height: 100%;top: 50%;left: 50%;background-size: cover;overflow: hidden;opacity: 1;transition: 2s opacity;transform: translateX(-50%) translateY(-50%);} .vidbacking-active-block-back{position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: -100;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);} .vidbacking{display: none;} .vidmask-body-back{background: inherit;opacity: 0.4;min-height: 100%;min-width: 100%;position: fixed;top: 0;left: 0;z-index: -50;display: block;} .vidmask-block-back{background: inherit;opacity: 1;min-height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;height: auto;width: auto;z-index: -50;display: block;} /*######################## İÇ MENÜ ###################################*/ .pageContentLeft ul.subMenu ul{display:none} .pageContentLeft>.subMenu{position:relative;display:block;min-width:initial;width:100%;border: 1px solid #707070;background-color:rgba(255,255,255,0.8)} .pageContentLeft>.subMenu a{display:block;padding:15px 8px 15px 20px;color: #161615;font-size:16px;font-weight:600} .pageContentLeft> .subMenu li{border-top:1px solid #C9C9C9} .pageContentLeft>.subMenu ul.subMenu a{font-weight:400} .pageContentLeft>.subMenu ul.subMenu a i{color:#1B3F72;font-weight:600} .pageContentLeft>.subMenu ul.subMenu a.active{color:#1B3F72} .pageContentLeft .subMenu a:hover{color:#1B3F72} .pageContentLeft .subMenu a{position:relative;} .pageContentLeft .subMenu a:before{content:'';position:absolute;right:0px;top:0px;height:100%;width:0px;background: #1B3F72 0% 0% no-repeat padding-box;transition:300ms;opacity:0} .pageContentLeft .subMenu a:hover:before{opacity:1;width:13px} .pageContentLeft .subMenu a.active{color:#1B3F72!important} .pageContentLeft .subMenu a.active:before{opacity:1;width:13px} /*######################## İÇ MENÜ ###################################*/ .refImg{background-color: #fff;border:1px solid #ddd;} .refImg img{filter: grayscale(1);transition: 300ms;opacity: 0.3;} .refImg:hover img{filter: grayscale(0);opacity: 1;} /*######################## HEADER ###################################*/ .headerKapsul{background: #1B3F72 0% 0% no-repeat padding-box;padding:30px 15px;z-index: 1;height:150px;border-bottom:5px solid #B1006A} .headerFlex{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .headerKapsul .pageMobileBrand{width: 90px;float:left;color:#fff;font-size: 28px;cursor:pointer} .headerKapsul .logo{width: calc(100% - 215px);float:left;display: flex;align-items: center;justify-content: center;} .headerKapsul .language{width: 125px;float:right} .headerLanguage{position:relative} .headerLanguage > ul{display: flex;gap:8px;align-items: center;} .headerLanguage > ul > li:first-child{color:#fff;font-size: 13px;margin-bottom: 0px;text-align: center;} .headerLanguage > ul > li:first-child a{color:#fff;border: 1px solid #FFFFFF;border-radius: 6px;padding:9px 10px;display: block;} .headerLanguage ul li a.lang{border: 1px solid #FFFFFF;border-radius: 6px;padding:6px 10px;color:#fff} .headerLanguage ul li a.lang i{color:#fff} .headerLanguage ul li a.lang i.ok{color:#FFFFFF} .langList{text-align:center;position:absolute;width:100%;border:1px solid #fff;background-color:#fff;left:0px;top:40px;display:none;z-index:1;border:1px solid #1B3F72} .langList li:nth-child(1n+2){border-top:1px solid #1B3F72!important} .langList li a{border:0px!important;color:#1B3F72!important;border-radius:0px!important;display: block;} .langList li:hover a{background-color:#1B3F72;color:#fff!important} /*######################## HEADER ###################################*/ .bgLoad{background-image:url("../images/bg.png");background-position: center center;background-size: cover;background-repeat: no-repeat;} .pageContentFluid{height:calc(100vh - 270px);margin-top: 0px;overflow: hidden;} .slideSlick{padding:0px;margin-bottom: 0px;} .slideSlick .slick-slide{background-position: center center;background-size: cover;background-repeat: no-repeat;height:calc(100vh - 270px)} .slideSLick .slick-dots{display:none!important} .homeCategoryContainer{position: absolute;bottom:80px;left:0px;right:0px;margin:auto;text-align: center;} .homeCategorySlogan{font: normal normal bold 46px/58px Euclid Circular A;color: #FFFFFF;} .homeCategoryContainer ul{display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;gap:10px;margin-top: 30px;} .homeCategoryContainer ul li a{color:#fff;background-color: rgba(255,255,255,0.25);display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding:15px; height:170px;width:170px;transition: 300ms;flex-direction: column;} .homeCategoryContainer ul li a:hover{position: relative;margin-top: -10px!important;} .homeCategoryContainer ul li img{max-width: 50%;} .homeCategoryContainer ul li h5{font: normal normal bold 16px/20px Euclid Circular A;color: #fff;margin:10px 0px 0px 0px} .uretimImg{margin-bottom: 30px;} .afterMarketTitle h3{margin:0px} /*######################## ANASAYFAPOPUP ###################################*/ .anasayfaKapak{overflow: hidden;position: relative;} .anasayfaKapak:after{content:'';position: absolute;left:100%;top:0px;bottom:0px;right:0px;margin:auto;height:80%;width:300%; background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 20%, rgba(229, 172, 142, 0)); transform: translate(-38%, -22%) rotate(310deg);transition: 800ms;} .anasayfaKapak:hover:after{left:100%;animation-name: shine;animation-duration: 500ms;animation-timing-function: ease-in;animation-iteration-count: 1;} @keyframes shine{ 0%{left:-100%} 100%{left:100%} } .anasayfaContainer{position: fixed;z-index: 10;background-color: rgba(255,255,255,0.8);top:0px;left:0px;right:0px;bottom:0px;margin:auto;overflow: hidden;overflow-y: scroll; height:calc(100vh - 400px);-webkit-overflow-scrolling: auto;z-index: 100;} .anasayfaContainer::-webkit-scrollbar-thumb{background-color: #1B3F72;} .anasayfaContainer::-webkit-scrollbar{width: 5px;} .anasayfaPopupRow{padding:30px 15px} .anasayfaPopupClose{float:right;font-size:28px;color:#1B3F72;cursor: pointer;} .anasayfaPopupClose i{font-size:28px;color:#1B3F72;font-weight: 600;margin-top: -15px;display: inline-block;margin-bottom: 15px;} .anasayfaContainer .anasayfaTitle{margin:15px 0px 30px 0px!important} .anasayfaContainer .anasayfaTitle h1{margin:0px;position: relative;font: normal normal bold 28px/48px Euclid Circular A;color: #1B3F72;display: inline-block;} .anasayfaContainer .anasayfaTitle h1::after{content:'';position: absolute;bottom:-8px;left:0px;width:40%;height: 13px;background: #1B3F72 0% 0% no-repeat padding-box;} .anasayfaContainer .anasayfaText{font: normal normal normal 20px/25px Euclid Circular A;color: #1B3F72;} .anasayfaContainer .anasayfaText ul{padding-left: 15px;} .anasayfaContainer .anasayfaText ul li{list-style-type: circle!important;} .anasayfaPopupIleri{display: flex;align-items: center;justify-content: flex-end;gap: 10px;margin-top: 15px;} .anasayfaPopupIleri a{display: flex;align-items: center;justify-content: space-between;gap: 8px;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #1B3F72;font: normal normal normal 14px/18px Euclid Circular A; color: #1B3F72;padding:8px 15px;transition: 300ms;} .anasayfaPopupIleri a:hover{opacity: 0.8;gap: 10px;} .anasayfaPopupIndir{margin-bottom: 40px;display: flex;align-items: center;justify-content: flex-end;} .anasayfaPopupIndir a{display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #fff;border: 1px solid #1B3F72;width: 110px;height:110px;} .anasayfaPopupIndir i{font-size: 40px;} .anasayfaPopupIndir span{font: normal normal bold 12px/15px Euclid Circular A;color: #1B3F72;} /*######################## ANASAYFAPOPUP ###################################*/ /*######################## TARİHÇE ###################################*/ .tarihceKapsul{padding:15px 15px 30px 30px;} .tarihceKapsul .genelTitle{margin:0px} .timeLineContainer{padding:0px;z-index: 10;} .timeLineContainer:after{content:'';position:absolute;width:2px;height:calc(100% - 75px);border: 2px dashed #1B3F72;z-index:1;left:-3px;right:0px;margin:auto;top:60px} .timeLineContainer .timeLineRow{padding:50px 0px;margin-bottom:0px;position:relative;} .timeLineContainer .timeLineRow h5{color: #1B3F72;font-size:24px;font-weight:600;line-height:35px;position:relative;margin:0px} .timeLineText{color: #161615;font-size:14px;font-weight:400;line-height:20px} .timeLineColumnEven{background-color:#ededed;text-align:right} .timeLineContainer .timeLineRow:last-child:after{content:'';position:absolute;left:-2px;right:0px;top:75px;margin:auto;height:calc(100% - 75px);width:5px;z-index:2} .timeLineContainer .timeLineRow .timeLineColumn{position:relative;} .timeLineContainer .timeLineColumnOdd h5:before{content:'';position:absolute;left:-25px;top:10px;width:15px;height:15px;background-color:#1B3F72;border-radius:50%} .timeLineContainer .timeLineColumnEven h5:before{content:'';position:absolute;right:-20px;top:10px;width:15px;height:15px;background-color:#1B3F72;border-radius:50%} /*######################## TARİHÇE ###################################*/ .pageContentContainer{margin-top: 60px;} .pageContentRight{background-color:rgba(255,255,255,0.8);border: 1px solid #707070;padding-top:30px;padding-bottom:30px;overflow:hidden;overflow-y: scroll;height:calc(100vh - 400px);z-index: 10;} .pageContentRight::-webkit-scrollbar-thumb{background-color: #1B3F72;} .pageContentRight::-webkit-scrollbar{width: 5px;} .pageContentRight .kurumsalTitle{margin:0px 0px 30px 0px;} .pageContentRight .kurumsalTitle h1{margin:0px;position: relative;font: normal normal bold 28px/48px Euclid Circular A;color: #1B3F72;display: inline-block;} .pageContentRight .kurumsalTitle h1::after{content:'';position: absolute;bottom:-8px;left:0px;width:40%;height: 13px;background: #1B3F72 0% 0% no-repeat padding-box;} .pageContentRight .kurumsalText{font: normal normal normal 16px/20px Euclid Circular A;color: #1B3F72;margin-top: 30px;margin-bottom: 30px;} .kurumsalList{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;padding:0px} .kurumsalList .kurumsalListText{font: normal normal normal 16px/20px Euclid Circular A;color: #1B3F72;} .pageContentRight .politikaText{font: normal normal normal 16px/20px Euclid Circular A;color: #1B3F72;margin-top: 0px;margin-bottom: 30px;} .kurumsalList{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;} .politikaTitle{border-bottom:1px solid #707070;padding:8px 0px;margin-bottom: 15px;} .politikaTitle h3{font: normal normal bold 16px/20px Euclid Circular A;color: #1B3F72;margin:0px} .politikaBottomText{font: normal normal normal 16px/20px Euclid Circular A;color: #1B3F72;padding:0px} .politikaBottomText ul{padding-left: 15px;} .politikaBottomText ul li{list-style-type: disc;} .sertifikaText{font: normal normal normal 16px/20px Euclid Circular A;color: #1B3F72;margin-top: 0px;margin-bottom: 30px;} .sertifikaList{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;gap:0px;padding:0px} .kalitePolitikasiTextWrap{padding:0px;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .urunlerText{font: normal normal normal 16px/20px Euclid Circular A;color:#1B3F72} .urunlerText img{margin-bottom: 15px;} .pageContentRight .kurumsalTitle{margin-top:15px;} .pageContentRight .kurumsalText{margin-top:15px;margin-bottom:15px;color:#1B3F72;font-size:20px;line-height:28px;font-weight:400;padding-bottom:15px;font:normal normal normal 16px/20px Euclid Circular A} .kurumsalText ul.urunlerList{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #707070;padding:5px 0px} .kurumsalText ul.urunlerList li{padding: 12px 0px;font: normal normal normal 16px/20px Euclid Circular A} .kurumsalText a.urunlerLink{color:#1B3F72} .urunlerDetay ul,.urunlerDetay ol{padding-left: 15px;} .urunlerDetay ul li,.urunlerDetay ol li{list-style-type:disc} .iletLeft{margin-top:35px} .iletisimKapsul .iletTitle{border-bottom: 1px solid #707070;padding:0px;margin-bottom:15px} .iletisimKapsul .iletTitle h2{color: #1B3F72;font-weight:600;font-size:25px} .iletisimKapsul .iletSmallTitle{color: #1B3F72;font-weight:400;font-size:16px;padding:0px;margin-bottom:10px} .iletisimKapsul .iletForm{padding:0px;margin-bottom:10px} .iletisimKapsul .iletForm input{border: 1px solid #707070;border-radius: 5px;height:50px} .iletisimKapsul .iletForm textarea{border: 1px solid #707070;border-radius: 5px;height:140px} .iletisimKapsul .iletMessageText{color: #1B3F72;font-size:14px;font-weight:400;padding:0px} .iletisimKapsul .iletBtn{padding:0px} .iletisimKapsul button.btn{margin-top:30px;font-size:20px;color:#1B3F72;font-weight:600;letter-spacing: 0px;border-radius: 32px;border: 3px solid #1B3F72;padding:10px 50px 10px 30px; position:relative;transition:300ms;background-color:#fff} .iletisimKapsul button.btn i{position:absolute;right:10px;top:15px} .iletisimKapsul button.btn:hover{background-color:#1B3F72;color:#fff;padding-right:80px} .iletRightRow{margin-top:30px;} .iletRightRow h3{color: #1B3F72;font-weight:600;font-size:25px;border-bottom:1px solid #707070;padding-bottom:15px} .iletRightContact{margin-top:15px;padding:0px} .iletRightContact ul li{padding:10px 0px;color: #1B3F72;font-weight:400;font-size:15px;display:flex;align-items:flex-start;justify-content:flex-start} .iletRightContact ul li a{color: #1B3F72;font-weight:400;font-size:15px;} .iletRightContact ul li:nth-child(1n+2){border-top:1px solid #707070;} .iletRightContact ul li i{margin-right:8px} .showOnMap a.btn{margin-top:30px;font-size:16px;color:#1B3F72;font-weight:600;letter-spacing: 0px;border-radius: 32px;border: 3px solid #1B3F72;padding:10px 20px 10px 20px; position:relative;transition:300ms;background-color:#fff} .showOnMap a.btn i{position:absolute;right:5px;top:15px} .showOnMap a.btn:hover{background-color:#1B3F72;color:#fff;padding-right:60px} .footerFluid{background: #1B3F72 0% 0% no-repeat padding-box;padding:30px 30px;position: fixed;bottom:0px;left:0px;width: 100%;color:#fff;height:120px} .footerFluid .footerLeft{width: 260px;font: normal normal bold 14px/18px Euclid Circular A;float: left;} .footerFluid .footerLeft a{margin-top:8px;margin-right: 8px;display: inline-block;color:#fff} .footerFluid .footerRight{width: calc(100% - 260px);font: normal normal normal 14px/18px Euclid Circular A;float: right;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;} .footerFluid .footerRight a{color:#fff} @media (max-height:768px),(max-width:992px){ .headerKapsul{height:130px} .headerKapsul .logo img{width:120px} .pageContentFluid{height:auto} .pageContentFluid.anasayfaFluid{height:calc(100vh - 100px)} .pageContentContainer{padding-bottom: 15px;margin-top: 15px;} .pageContentRight{height:auto} .footerFluid {position: relative;} .anasayfaContainer{height:calc(100% - 245px);top:170px;bottom: inherit;background-color: #fff;} .homeCategorySlogan{font: normal normal bold 36px/46px Euclid Circular A;} .homeCategoryContainer{bottom: 160px;} .slideSlick .slick-slide{height:calc(100vh - 100px)} } @media(max-width:992px){ .homeCategoryContainer ul li img{width: 40%;} .pageContentLeft{display: none!important;} .pageContentRight{width: auto!important;} .homeCategorySlogan{font: normal normal bold 36px/46px Euclid Circular A;} .homeCategoryContainer .slick-list{margin:0px -10px} .homeCategoryContainer .slick-slide{margin:0px 10px} .homeCategoryContainer{bottom: 130px;} .homeCategoryContainer .slick-dots{bottom:-40px;display: flex;align-items: center;justify-content: center;gap:5px;} .homeCategoryContainer .slick-dots li button:before{color:#fff} .homeCategoryContainer .slick-dots li.slick-active button:before{color:#fff} .homeCategoryContainer .slick-dots li.slick-active button:after{content:'';position: absolute;left:0px;top:-0.5px;width: 100%;height:100%;border: 1px solid #fff;border-radius: 100%;} .homeCategoryContainer ul li a{width: inherit;} .slideSlick .slick-slide{height:calc(100vh - 100px)} } @media(max-width:768px){ .slideSlick .slick-next,.slideSlick .slick-prev{display: none!important;} .homeCategoryContainer{bottom: 30px;} .headerLanguage ul li a.lang{padding: 6px 9px;} .headerLanguage > ul > li:first-child{margin-bottom: 10px;} .pageContentRight{width: auto;float:none;margin:0px 15px;} .menuContainer{width: 100%;} .pageContentFluid{position: relative;} .headerKapsul .language{width: 74px;} .headerLanguage > ul{display: block;} .headerKapsul .logo{width: calc(100% - 164px);} .kurumsalText ul.urunlerList{align-items: flex-start;} .kurumsalText ul.urunlerList li{font: normal normal normal 13px/17px Euclid Circular A;} .kurumsalText ul.urunlerList .kurumsalListText{margin-top: 15px;} .iletisimKapsul button.btn{font-size: 16px;padding:5px 40px 5px 30px} .iletisimKapsul button.btn i{top:10px} .timeLineContainer .timeLineRow h5{text-align:left} .timeLineContainer:after{right:auto} .timeLineContainer .timeLineColumnEven h5:before{left:-25px} .timeLineText{text-align:left} .timeLineContainer .timeLineRow:last-child:after{display:none} .anasayfaContainer{height:100%;background-color: rgba(255,255,255,0.99);top: 0px;position: absolute;} .anasayfaContainer .anasayfaTitle h1{font:normal normal bold 18px/25px Euclid Circular A} .anasayfaContainer .anasayfaTitle h1::after{height:7px} .anasayfaPopupIndir{justify-content: flex-start;margin-top: 15px;} .anasayfaContainer .anasayfaText{font:normal normal normal 14px/19px Euclid Circular A} .sertifikaListImg{margin-bottom: 30px;} .footerFluid{height: auto;} .footerFluid .footerLeft{width: 100%;margin-bottom: 30px;} .footerFluid .footerRight{width: 100%;} } .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;}