*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;box-sizing: border-box;} h1,h2,h3,h4,h5,h6{margin:0px;padding: 0px;} input.form-control{box-shadow:unset!important;opacity: 1!important;} textarea{outline:none!important;box-shadow:0px!important} body{font-family: 'Jost', sans-serif;position:relative;overflow: hidden;overflow-y: auto;overflow-x: hidden;overscroll-behavior-x: none; background-color: var(--white);} body { overflow-x: hidden; width: 100%; height: 100%; } :root{--one:1;--two:2;--three:3;--blue:#003383;--black:#212121;--red:#D9000D;--white:#fff;--gray:#7B7B7B;--textColor:#6C6C6C} .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);} @media(min-width:1405px){ .container{width:1400px} } .wpContact{bottom:10px;left:10px;position:fixed;z-index:4;color:#1B8755;background-color: #fff;border-radius:100%;padding:12px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2)} .wpContact i{font-size: 36px;} .topHeight{width:100%;margin-top:79px;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} .cookieURLBtn{text-decoration:underline!important} .cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;} .cookieButtonsCol_{margin-top:8px} #acceptCookies,#rejectCookies{background-color:#fff;color:#000;padding:2px 4px;border-radius:4px;display: inline-flex;cursor:pointer} .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%;} .topNotification{background: #EEF9EE 0% 0% no-repeat padding-box;border-radius: 10px;border: 1px solid #7CD070;font: normal normal normal 14px/19px Avenir;color: #000000; position: fixed;right:10px;bottom:10px;top:0px;left:0px;margin:auto;max-height: 80px;z-index: 10;min-width: 230px;max-width: 300px;padding:15px 15px;border-left:12px solid #77D175;transition: 500ms;opacity: 0;visibility: hidden;} .topNotification.active{opacity: 1;visibility: visible;z-index: 100;} .topNotification ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;} .topNotification ul li i{color:#fff;background-color: #77D175;width: 25px;height:25px;border-radius: 100%;font-size:25px;display: flex;align-items: center;justify-content: center;} .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} .pagination{display: flex;align-items: center;justify-content: center;background-color: #fff;padding:30px 15px;border: 1px solid #DEDEDE;border-radius: 5px;gap: 4px;} .pagination a{display: flex;align-items: center;justify-content: center;font: normal normal normal 12px/16px Avenir;color: #666666;letter-spacing: 2.4px;text-align: center;background: #ffffff 0% 0% no-repeat padding-box;border-radius: 40px; width: 30px;height:30px;} .pagination a.active{background: #E94E1B 0% 0% no-repeat padding-box;color:#fff} .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} .pageTopAlertMessage{margin-top: 30px;} .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} .varFilterBtn{display: none;} .ayirac{margin-top:100px;width:100%} .clear{clear:both} .resim-responsive{width:100%!important} .ustMargin{margin-top:140px!important;width: 100%;} .ustMargin2{margin-top:101px;} .pageMargin{padding-top:50px;} .mobileLogo{display:none} .mobileMenu{display:none} .pageMobileBrand{position: relative;width: 23px;height: 23px;display: none;} .pageMobileBrand span{position: absolute;height:3px;background-color: #CFB53B;right: 0px;} .pageMobileBrand span:nth-child(1){top: 0px;width: 100%;} .pageMobileBrand span:nth-child(2){top: 10px;width: 66%;} .pageMobileBrand span:nth-child(3){top: 20px;width: 33%;} .mobileProductBrandClose{display:none} .mobileBrand{display: none} .shoppingBtn.active{background-color: #F47721!important} .pageMap{padding: 15px 15px;margin-top: 0px;margin-bottom: 0px;display: flex;align-items: center;justify-content: space-between;} .pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start} .pageMap ul li{display: flex;align-items: center;justify-content:center} .pageMap ul li a{padding: 5px 2px;font-size: 11px;font-weight: 400;color:#fff;} .pageMap ul:first-child li:last-child a{padding:5px 0px 5px 0px!important} .pageMap ul li:last-child i{display: none;} .pageMap ul li a img{width: 18px;} .pageMap ul li i{color:#fff;font-weight:600;font-size:20px} .pageMap ul.backBtn i{display: inline-block!important;font-size: 11px;} .pageMap ul.backBtn a{padding: 4px 8px!important;} .pageMap ul.backBtn .detayBtn{margin:0px!important} .hataSayfasiKapsul{margin-top: 45px;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;} .htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;} .imageShadow{position: relative;} .imageShadow::after{content:'';position: absolute;right:-8px;bottom:-8px;background-color: #35B6B6;z-index: -1;width: 100%;height: 100%;border-top-left-radius: 82px;} .detayBtn{padding:0px;position: relative;z-index: 1;margin-top: 12px;} .detayBtn .btn{font: normal normal normal 12px/16px Jost;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding:6px 15px;transition: 300ms; position: relative;color:#000000;border-radius: 0px;background: linear-gradient(90deg,#000000 50%,#fff 50%);background-size: 200%;background-position: right;} .detayBtn .btn:hover{background-position: left!important;color:#000!important} .detayBtn.mavi .btn{border:0px solid var(--blue);color:#fff;background: linear-gradient(90deg,var(--red) 50%,var(--blue) 50%) right/202%;border-radius: 0px;} .detayBtn.mavi .btn:hover{color:#fff!important} .detayBtn.beyaz .btn{border:1px solid var(--black);color:var(--black);background: linear-gradient(90deg,var(--black) 50%,#fff 50%) right/210%;} .detayBtn.beyaz .btn:hover {color:var(--white)!important} .detayBtn.gray .btn{border:1px solid var(--gray);color:var(--white);background: linear-gradient(90deg,var(--white) 50%, var(--gray) 50%) right/210%;} .detayBtn.gray .btn:hover{color:var(--gray)!important} .detayBtn.siyah .btn{color:#fff;background: linear-gradient(90deg,#fff 50%,#000 50%) 99%/210%!important;transition:300ms} .detayBtn.siyah .btn:hover{color:#000!important;background-position: left!important;border:1px solid #000} .detayBtn.transparent .btn{border:1px solid #fff;color:#fff!important;background: #0000006E;border-radius: 0px;padding:12px 36px; font: normal normal normal 18px/23px Jost;} .detayBtn.transparent .btn:hover{background: var(--red) ;border-color: var(--red) ;} .detayBtn.kirmizi .btn{border:1px solid var(--red);color:var(--red)!important;border-radius: 10px;padding:4px 15px 4px 15px;background: linear-gradient(90deg,var(--red) 50%,#fff 50%) right/202%;font: normal normal normal 14px/18px Jost;} .detayBtn.kirmizi .btn:hover{color:#fff!important} .detayBtn.kirmizi button.btn:disabled, .detayBtn.kirmizi button.btn[disabled]{color: var(--red)!important;} .detayBtn.bgGreen .btn{border:0px solid var(--black);color:var(--black);background: linear-gradient(90deg,#76B040 50%,#fff 50%) right/210%;} .detayBtn.bgGreen .btn:hover {color:var(--white)!important} .columnReverse{display: flex;flex-wrap: wrap;flex-direction: row-reverse;} .flexRow{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;} .leftTitle{font: normal normal bold 35px/55px Bodoni Moda;color: #000000;position: relative;display: flex;align-items: center;gap:12px;margin-top: 45px;} .leftTitle::after{content:'';background-color: #000000;height: 1px;flex: 1;margin-top: 25px;} .titleWrap{margin-top: 45px;margin-bottom: 45px;} .title{font: normal normal normal 32px/46px Bodoni Moda;;color: var(--black);display: flex;align-items: center;justify-content: flex-start;} .title.textWhite{color:#fff!important} .title.textBlack{color:#000!important} .title.bgRed h3{background-color: var(--blue);display: inline-block;color:#fff;padding:4px 15px} .title.icon{display: flex;align-items: center;justify-content: flex-start;padding: 15px 0px;position: relative;} .title.icon::before{content:'';background-image: url("../images/title-logo.svg");background-repeat: no-repeat;background-size: 100px; position: absolute;width: 100%;height: 60px;z-index: 0;bottom: 20px;} .title span{z-index: 1;position: relative;text-align: center;} .title.icon2::before{background-image: url("../images/icons/logoIconBlue.svg");opacity: 0.39} .title.center{justify-content: center;padding: 0px 0px;} .title.center.line::after{right:0px;margin: auto;} .title.line{padding-left: 0px;position: relative;} .title.line::after{content:'';left:0px;bottom:-10px;height: 3px;width: 60px;background-color: var(--blue);position: absolute;} .titleWrap p{text-align: center} .titleWrap img{margin-bottom: 8px;} .text{font: normal normal normal 16px/22px Jost!important;color: var(--textColor);} .topBigTitleFluid{background: transparent linear-gradient(90deg, #CBCBCB 0%, #CBCBCB 100%) 0% 0% no-repeat padding-box;} .topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;} .topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: flex-end;gap:8px;} .topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px Jost;color: #fff;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap{display: flex;align-items: flex-end;justify-content: flex-start;gap:8px;margin-bottom: 0px;flex-wrap: wrap;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap a{font: normal normal normal 11px/17px Jost;color: #000;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #000;font-size: 15px;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child a{font-weight: 600;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child i{display: none;} .bigTitleLeftCol div{display: block;margin-top: 0px;} .bigTitleRight{display: flex;gap:8px} .navbarTitle{font: normal normal bold 18px/24px Jost;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;} .pageNavbarParent{background: #FFFFFF;padding: 20px 20px;background-color:var(--blue);background-image: url("../images/icons/logo-icon.svg"); min-height: 300px;background-repeat: no-repeat;background-position: bottom right;background-size: 90% auto;} .pageNavbarParent .pageNavbar{overflow: hidden;overflow-y: auto;padding: 0px 0px;} .pageNavbarParent .pageNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: red;} .pageNavbarParent .pageNavbar::-webkit-scrollbar{width: 5px;background-color: black;} .pageNavbarParent .pageNavbar.active{opacity: 1!important;visibility: visible!important;height: auto!important;overflow: auto;} .pageNavbarParent .pageNavbar li a{display: flex;align-items: center;justify-content: flex-start;padding:8px 0px;font: normal normal 400 16px/20px Jost;color: #fff; transition: 300ms;position: relative;} .pageNavbarParent .pageNavbar li a:hover{color:#fff;padding-left: 8px;} .pageNavbarParent .pageNavbar li a.active{color:#fff;font: normal normal 600 16px/20px Jost!important} .pageNavbarParent .pageNavbar li:not(:last-child) a{border-bottom: 1px solid #fff;} .pageNavbarParent .pageNavbar .pageNavbar{padding: 0px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;} .pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 8px;font: normal normal 400 16px/20px Jost} .pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 16px;} .pageNavbarParent .pageNavbar li a.active::before{content:'';position: absolute;right:8px;top:10px;background-color: #CFB53B;border-radius: 100%;width: 15px;height: 15px; display: none;} .mobileCategoryCol_{display: flex;align-items: center;justify-content: center;gap:8px;background-color: var(--blue);color:var(--white);padding: 8px;margin-bottom: 15px;width: 100%;} .pageInnerContainerWrap{margin-top: 45px;} .pageInnerContent{padding:15px} .siteTopWrap{position: relative;top:0;z-index: 22;border-bottom:1px solid #CECECE;background-color: #1616150D;} .siteTopWrap .container{padding: 0px;} .siteTopParent .col-xs-12{display: flex;align-items: center;justify-content: flex-end;padding: 0px 15px} .siteTopMenuParent{display: flex!important;gap:6px;align-items: center} .siteTopMenuParent a{background: #FFFFFF;border-radius: 20px 20px 0px 0px;padding: 6px 12px;height: 40px;display: flex;align-items: center;justify-content: center;} .siteTopMenuParent img{width: 75px;filter: grayscale(1);opacity: 0.7;transition: 300ms;} .siteTopMenuParent a:hover img{opacity: 1;filter: grayscale(0);} .siteTopMenuParent a.selected img{opacity: 1;filter: grayscale(0);} .siteTopMenuParent a.selected{border-bottom:2px solid #F07C00} .phoneCol > a{background: #003383;color:#fff!important} .headerLanguage{display: flex;align-items: center;position:relative;} .headerLanguage > li:not(:last-child) a{border-right:1px solid #CECECE;} .headerLanguage > li:not(:last-child) a img{width: 15px;} .headerLanguage > li a{padding:15px 8px;color:var(--blue)} .headerLanguage > li:last-child {margin-left: 8px;} .headerLanguage > li{color:var(--red);font-size: 13px;margin-bottom: 0px;text-align: center;position: relative;} .headerLanguage > li:last-child a{color:var(--red);border: 1px solid var(--red);border-radius: 19px;} .headerLanguage li a.lang{border: 1px solid var(--red);border-radius: 19px;padding:6px 4px;color:var(--red)} .headerLanguage li a.lang img{width: 14px;} .headerLanguage a{display: flex;align-items: center;justify-content: center;gap:8px} .langList{text-align:center;position:absolute;width:100%;border:1px solid #fff;background-color:#fff;left:0px;top:42px;display:none;z-index:1;border:1px solid var(--red)} .langList li:nth-child(1n+2){border-top:1px solid #008BDA!important} .langList li a{border:0px!important;color:#000!important;border-radius:0px!important;display: flex;align-items: center;justify-content: center;gap:4px} .langList li:hover a{background-color:#008BDA;color:#fff!important} .pageTopImageWrap .row{height: 200px;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;} .pageTopImageWrap .row img{max-width: 100%;} .pageTopWrap{position: relative;top:0;z-index: 21;background-color: var(--black);left:0px;box-shadow: 0px 3px 9px #00000029;border-bottom: 1px solid #3F4549;} .pageTopWrap > .row{position: relative;} .pageTopWrapRow{position: relative;} .pageTopWrap .headerFlex{margin-top: 0px;display: flex;align-items: center;justify-content: center;position: relative;gap:20px;padding:15px 0px} .headerLeft{width: 200px;float:left;display: flex;align-items: center;} .headerLeft a{flex: 1;} .headerLeft a img{transition: 300ms;display: block;} .headerLeft a:hover img{transform: scale(1.1);} .pageTopWrap .social{position: absolute;right: 0px;display: flex;gap:8px} .headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: center;gap:0px;z-index: 2;background-color: var(--black);padding: 15px 0px;} .headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:30px} .headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;} .headerNavbarwrap > .headerNavbar > li::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height:1px;background-color: var(--white); transition: 300ms;right: 0px;margin: auto;} .headerNavbarwrap > .headerNavbar > li:hover::before{width: 100%;} .headerNavbarwrap > .headerNavbar > li > a{display:flex;font: normal normal normal 14px/20px Jost;position: relative;align-items: center;justify-content: center;padding: 4px 0px;color:var(--white);transition: 500ms;} .headerNavbarwrap > .headerNavbar > li > a i{color:var(--white)} .headerNavbarwrap > .headerNavbar > li:last-child i{color:var(--white);font-size:18px} .headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background-color: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);z-index: 12;min-width: 220px;right:0px; top:48px;transition: 300ms;visibility: hidden;opacity: 0;} .headerNavbarwrap > .headerNavbar .headerNavbar li a{display: block;padding:12px 12px;font: normal normal normal 12px/17px Jost;color: var(--black);transition: 300ms;} .headerNavbarwrap > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a{background-color: #fff ;font: normal normal normal 12px/17px Jost;color: var(--black);transition: 300ms;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a i{color:var(--red)} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a:hover{background-color: #F0F0F0;text-decoration: underline!important;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid #D3D3D3;} .topSlogan{font: normal normal normal 26px/36px Michroma;color: #003383;text-align: center;margin-bottom: 45px;position: relative;} .topSlogan span{position: relative;display: inline-block;} .topSlogan span::before{content: '';width: 100%;height: 1px;background-color: var(--red);position: absolute;left:0px;bottom:-5px;} .topSlogan span::after{content: '';width: 100%;height: 1px;background-color: var(--blue);position: absolute;left:0px;bottom:-10px;} .sliderWrap{margin-bottom: 45px;position: relative;animation: scroll-scale linear;animation-timeline: scroll(root block);scale:1 1} @keyframes scroll-scale{ from{scale:1;opacity: 1;} to{scale:0;opacity: 0;} } .slideWrap{margin-top: 0px;display: flex!important;align-items: center;justify-content: flex-end;flex-direction: column;position: relative;background-size: cover;background-image: url("../images/slider-bg.jpg");height:auto;background-size: cover;background-repeat: no-repeat; background-position: center center;} @media(max-width:1366px){ .slideWrap{height: 400px;} } .slideWrap img.slide-img{max-width: 100%;} .slideWrap .container{position: absolute;left: 50%;top:50%;z-index: 3;right:0px;margin:auto;text-align: left;transform: translate(-50%,-50%);} .slideWrap .container h2{font: normal normal bold 48px/56px Jost;color: #FFFFFF;display: inline-block;padding: 4px 0px;position: relative;margin-bottom: 8px;} .slideWrap .container p{font: normal normal normal 22px/29px Jost;color: #FFFFFF;display: block;animation-delay: 300ms!important;margin-top: 0px;padding: 4px 15px 4px 4px;} .slideWrap.video video{width: 100%;position: absolute;margin: auto;} .slideWrap.video::before{content:'';width: 100%;height: 100%;background-image: url("../images/videooverlay1.png");z-index: 10;position: absolute;left:0px;top:0px; background-color: rgba(0, 0, 0, 0.3);} .sliderSlick{opacity: 0;transition: 500ms;margin-bottom: 0px!important;padding: 0px;} .sliderBtnGroup{bottom:15px;position: absolute;left:0px;right:0px;margin: auto;} .sliderSlick .slick-dots{right: 15px;top:50%;transform: translateY(-50%);bottom:inherit;display: inline-flex!important;justify-content: center;gap:0px;flex-direction: column;position: absolute;z-index: 1;margin: inherit!important;width: auto!important;align-items: center;background-color: #fff;border-radius: 31px;} .sliderSlick .slick-dots li{width: 20px;height:20px;} .sliderSlick .slick-dots li button:before{color:#BCBCBC;border:2px solid #fff;border-radius: 100%;width: 20px;height:20px;font-size: 35px;line-height: 15px;} .sliderSlick .slick-dots li.slick-active button:before{color:#000;font-size:35px;line-height: 15px;} .sliderSlick .slick-dots li.slick-active button{background-color: none;border-radius: 100%;width: 20px;height: 20px;} .safari .sliderSlick .slick-dots li button:before{line-height: 20px!important;} .sliderSlick .slick-prev{left: calc(50% - 40px)!important;bottom:-15px!important;} .sliderSlick .slick-next{right:calc(50% - 40px)!important;bottom:-15px!important;} .kitapCol_{display: flex;align-items: center;} .kitapCol_:nth-child(even){flex-direction: row-reverse;} .kitapCol_:not(:last-child){margin-bottom: 45px;} .sizdenGelenSlick .slick-list{margin:0px -10px} .sizdenGelenSlick .slick-slide{margin:0px 10px} .sizdenGelenlerWrap .slick-track{padding:128px 0px 0px 0px} .safari .sizdenGelenlerWrap .slick-track{padding:128px 0px 30px 0px} .sizdenGelenlerWrap::before{content:'';background-color: #f0f0f0;position: absolute;bottom:0px;left:0px;height: 75%;width: 100%;} .sizdenGelenlerWrap {display: flex;gap:15px;margin-top: 45px;position: relative;padding-bottom: 45px;} .gelenlerCol_:nth-child(even){margin-top: 60px;} .gelenlerCol_{background-color: var(--white);box-shadow: 0px 3px 15px #00000029;padding:30px 15px} .gelenlerCol_ img.picture{position: absolute;right:30px;top:-25%;width: 125px;height:125px;transform: translateY(-25%);filter: drop-shadow(-6px 6px 0px #D5D5D5); overflow: hidden;border-radius: 100%;aspect-ratio: 1/1;object-fit: cover;padding: 4px;} .gelenlerCol_ img.tirnak{margin-bottom: 12px;} .gelenlerCol_ .text{margin-bottom: 8px;} .gelenlerCol_ h4{margin-bottom: 4px;} .gelenlerCol_ h5{font: normal normal normal 16px/22px Jost;} .gelenlerCol_ a{color:var(--black)} .elifYaziciWrap{padding: 45px 0px;} .elifYaziciWrap .elif-yazici-logo{width: 200px;margin-bottom: 12px;} .elifYaziciCol_{display: flex;align-items: center;padding: 0px;} .degisimWrap > .row{height: 300px;background-image: url('../images/degisim-bg.jpg');background-position: center right;background-size: cover;display: flex;align-items: center;margin: 0px;} .degisimWrap ul li:nth-child(1){font: normal normal normal 36px/44px Bodoni Moda;color: #FFFFFF;} .degisimWrap .text{color: var(--white);} .bosanmaKilavuzuWrap{margin-bottom: 60px;margin-top: 15px;} .bosanmaKilavuzuWrap > .row{height: 300px;background-image: url('../images/satis-kanallari.jpg');background-position: center center;background-size: cover;display: flex;align-items: center;margin: 0px;} .bosanmaKilavuzuWrap ul {padding: 0px 30px;} .bosanmaKilavuzuWrap ul li:nth-child(1){font: normal normal normal 36px/44px Bodoni Moda;color: #FFFFFF;} .bosanmaKilavuzuWrap .text{color: var(--white);} .blogWrap{padding: 0px;} .textParent{background-color: #F5F5F5;padding:15px} .textParent h3{font: normal normal bold 18px/22px Jost;margin-bottom: 8px;} .textParent .text{font: normal normal bold 16px/22px Jost;} .blogCol_{margin-bottom: 30px;} .footerFluidWrap{margin-top: 0px;position: relative;} .footerFluid .footerParent .footerParentInner{padding:30px 0px} .footerLeft{width: 220px;float:left;} .footerLeft ul{font: normal normal 400 14px/20px Jost;color: #000;margin-top: 15px;} .footerLeft img{max-width: 100%;margin-bottom: 15px;filter: brightness(0);} .footerRight{width: calc(100% - 220px);float:right;display: flex;align-items: flex-end;justify-content: flex-end;flex-direction: column;} .footerTitle{font: normal normal bold 12px/20px Jost;color:var(--blue)} .footerText{font: normal normal normal 14px/23px Jost;color: #868686;} .footerFluid .contact{display: flex;align-items: center;justify-content: flex-start;gap:8px;border-bottom:1px solid #273676;padding: 8px 0px;} .footerFluid .contact span{font: normal normal normal 14px/23px Jost;color: #868686;} .footerFluid .contact i{color:var(--blue)} .footerFluid .social{margin-top: 15px;display: flex;gap:8px} .footerFluid .social img{filter: brightness(0);} .footerMenu{display: flex;gap:8px;} .footerMenu li a{display: block;font: normal normal normal 12px/20px Jost;color: var(--black);position: relative;margin-bottom: 8px;position: relative;} .footerMenu li a::before{content: '';left:0px;bottom:0px;width: 30px;height:1px;background-color: #000;transition: 300ms;position: absolute;} .footerMenu li a:hover::before{width: 100%;} .registerWrap{background-color: var(--black);} .registerWrap ul{display: flex;justify-content: space-between;padding: 15px 0px;font: normal normal normal 16px/22px Jost;color:var(--white); align-items: center;} .registerWrap ul img{width: 120px;} @media(max-width:992px){ .pageTopFluid::before{clip-path: polygon(55% 0%,100% 0%,100% 100%,0% 100%,0% 90%,45% 90%);} .pageMobileBrand{display: inline-block;position: absolute;right:15px;top:21px;z-index: 101;} .pageMobileBrand span{background-color: var(--white);transition: 1000ms;transition-delay: 300ms;} .pageMobileBrand.active span:nth-child(1){top: 10px;transform: rotate(-45deg);} .pageMobileBrand.active span:nth-child(2){opacity: 0;visibility: hidden;} .pageMobileBrand.active span:nth-child(3){top: 10px;transform: rotate(45deg);width: 100%;} .pageMobileBrand.active span{background-color: var(--black);} .headerNavbar .headerNavbar{top: 30px;} .headerNavbar {padding: 0px;} .headerFlex{height: 65px;} .headerLeft{width: 130px;} .headerNavbarwrap{position: fixed;z-index: 100;top:0px;left: 0px;width: 100%;height: 100vh;background-color: #fff;flex-direction: column;justify-content: center; transition: 300ms;visibility: hidden;opacity: 0;overflow: hidden;overflow-y: auto;align-items: flex-start;} .headerNavbarwrap.active{opacity: 1;visibility: visible;top:-55px} .headerNavbarwrap > .headerNavbar > li{justify-content: flex-start;width: 100%;} .headerNavbarwrap > .headerNavbar > li > a{color:#000;opacity: 0;justify-content: flex-start;padding: 8px;font: normal normal normal 16px/20px Jost;} .headerNavbarwrap > .headerNavbar > li:hover > a{color:#000} .headerNavbar.active li a{opacity:1} .headerNavbarwrap > .headerNavbar > li > a::before{bottom:5px;left:auto;right:auto;margin:auto} .headerNavbarwrap > .headerNavbar > li > a::after{display: none;} .headerNavbar{flex-direction: column;} .headerNavbar{gap:0px} .headerCenter a img{width: 120px!important;} .headerNavbar .visible-sm i{color:var(--red)!important} .headerNavbarwrap > .headerNavbar > li::before{top:30px;left:10px} .headerNavbarwrap > .headerNavbar{gap:6px} .headerNavbar{width: 100%;height:auto;position: relative;display: block;padding-left: 15px;} .headerNavbar > li{position: relative;justify-content: flex-start;} .slideWrap .container h2{font: normal normal normal 22px/32px Jost;} .slideWrap .container p{font: normal normal 300 14px/20px Jost;} .leftBarCol_{position: fixed!important;z-index: 101;height:100%;background-color: var(--white)!important;left:-100%;overflow: hidden;overflow-y: scroll;transition: 400ms;transition-timing-function: ease-out;} .leftBarCol_.active{left: 0px;} .leftBarCol_::-webkit-scrollbar-thumb{width: 5px;background-color: var(--blue);} .leftBarCol_::-webkit-scrollbar{width: 5px;background-color: var(--white);} .mobileCategoryCloseButton{font-size: 26px;position: relative;display: flex;justify-content: flex-end;} } @media(max-width:768px){ .title{font: normal normal bold 18px/24px Jost;} .title.line::after{bottom:-5px} .text{font: normal normal normal 13px/19px Jost!important;} .homeUrunlerTitle h3{font: normal normal bold 18px/24px Jost;} .titleWrap h2.title{font: normal normal normal 22px/26px Bodoni Moda;} .pageTopWrapRow::before{height: 7px;} .pageTopImageWrap .row{height: 160px!important;} .pageTopImageWrap .row h1{font: normal normal 800 22px/34px Jost!important;} .siteTopParent .col-xs-12{padding:0px 0px 0px 0px;} .siteTopMenuParent a{padding: 4px 4px;} .siteTopMenuParent img{object-fit: contain;height: 20px;} .siteTopMenuParent{width: calc(100%);margin-bottom: 0px!important;} .siteTopMenuParent .slick-list{margin:0px -2px} .siteTopMenuParent .slick-slide{margin:0px 2px} .headerLanguage{width: 100%;} .headerLanguage > li{font-size: 11px;flex:auto} .headerLanguage > li a{padding: 15px 4px;display: block;} .headerLanguage a{gap:2px} .sliderSlick .slick-dots{bottom:20px} .sliderSlick .slick-dots li.slick-active button:before{font-size: 36px;line-height: 14px!important;} .sliderWrap{margin-bottom: 15px;} .slideWrap{height: auto;justify-content: flex-start;background-position: center center;} .slideWrap video{width: 120%;position: absolute;margin:auto} .slideWrap .container{width: 100%;padding:0px 30px;} .slideWrap .container .row{display: flex;flex-direction: column-reverse;gap:30px} .slideWrap .container h2{font: normal normal 900 23px/29px Jost;} .slideWrap .container p{font: normal normal normal 16px/21px Jost;} .sizdenGelenlerWrap{margin-top: 50px;} .sizdenGelenlerWrap .slick-track{padding: 82px 0px 0px 0px;} .safari .sizdenGelenlerWrap .slick-track{padding: 82px 0px 30px 0px;} .homeHakkimizdaWrap .columnReverse{gap:15px} .homeHakkimizdaWrap .text{margin-top: 15px;} .kitapCol_{flex-direction: column;gap:15px;padding: 0px;} .kitapCol_ :where(.col-xs-12){padding: 0px;} .kitapCol_:nth-child(even){flex-direction: column;} .kitapCol_:not(:last-child){margin-bottom: 15px;} .elifYaziciCol_{flex-direction: column-reverse;gap:15px} .elifYaziciWrap{padding: 15px 0px 45px 0px;} .degisimWrap > .row{height: 185px;} .degisimWrap ul li:nth-child(1){font: normal normal normal 22px/32px Bodoni Moda;} .bosanmaKilavuzuWrap ul li:nth-child(1){font: normal normal normal 21px/32px Bodoni Moda;} .bosanmaKilavuzuWrap > .row{height: 145px;} .bosanmaKilavuzuWrap ul li:nth-child(1){font: normal normal normal 16px/26px Bodoni Moda;} .bosanmaKilavuzuWrap .text{font: normal normal normal 12px/19px Jost!important;} .pageTopWrap .social{right: inherit;left: 0px;gap:4px} .pageTopWrap .social img{height: 15px;} .footerFluid .footerParent .footerParentInner{padding: 0px;} .footerLogo img:nth-child(2){margin-left: 15px;} .footerLogo{padding: 0px;margin-bottom: 8px;} .footerLeft{width: 100%;margin-bottom: 15px;} .footerLeft img{max-width: 50%;} .footerLeftContact{padding: 0px;margin-block: 15px;} .footerRight{width: 100%;justify-content: flex-start;flex-direction: column;gap:0px;align-items: flex-start;} .footerRight ul:first-child{max-width: inherit;padding: 0px;} .footerRight > ul:last-child{margin-bottom: 30px!important;} .register ul{align-items: flex-start;} .footerFluid{margin-top: 30px;} .footerMenu{flex-direction: column;} .footerSocial{margin-top: 15px;} .footerRight > ul:last-child,.footerRight .hizmetMenuWrap{padding-left: 0px;margin-bottom: 0px;} .footerRight > ul:last-child,.footerRight .hizmetMenuWrap{border:0px!important} .footerRight ul:first-child{margin-top: 15px;} .registerWrap ul{font: normal normal normal 12px/22px Jost;} } .loader img{max-width: 100%;animation: loaderAnimation 1.5s infinite;} .loader{position: fixed;left:0px;top:0px;width: 100%;height: 100%;background-color: #fff;z-index: 9999;display: flex;align-items: center;justify-content: center; transition: 500ms;} .loader.gizle {opacity: 0;visibility: hidden;} .lds-ellipsis { display: inline-block; position: relative; width: 200px; height: 200px; z-index: 10; transition: 300ms; } @keyframes loaderAnimation { 0% { transform: scale(0.9); } 50% { transform: scale(1.2); } 100% { transform: scale(0.9); } } .linkHover{transition: color .3s ease-in-out, box-shadow .3s ease-in-out;box-shadow: inset 0 0 0 0 #54b3d6;padding: 8px 4px!important;display: inline-flex;align-items: center;} .linkHover:hover {box-shadow: inset 200px 0 0 0 #54b3d6;} .linkHover.white:hover{color:#fff}