*{outline: none!important;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{font-family: 'Poppins', sans-serif;position:relative;background-color: #fff;overflow: hidden;overflow-y: auto;overflow-x: hidden;animation: goster 800ms ease-in} @keyframes goster{ 0%{opacity: 0.1;} 100%{opacity: 1;} } :root{--one:1;--two:2;--three:3;--blue:#003383;--black:#2F2F2F;--red:#E7332A;--white:#fff;--gray:#dedede;--yellow:#FFB100;--textColor:#000;--imgRightPx:10px;--orange:#EDA32E; --green:#55C38C;} input{color: var(--white)!important;} .gjs-row{padding: 4px!important;} .gjs-cell{height: auto!important;} .historyActive{overflow:hidden!important} ul{padding:0px;margin:0px;} .fixedToggleWrap{position: fixed;bottom:15px;right:15px;background: #B28C3A;border-radius: 35px 0px 0px 35px;display: flex;align-items: center;justify-content: center;gap:10px;padding: 0px 0px 0px 12px;z-index: 31;cursor: pointer;} .fixedToggleText{color:#fff;font: normal normal bold 14px/22px Poppins;display: flex;align-items: center;gap:8px;} .fixedToggleText img{width: 25px;filter: brightness(0) invert(100%);} .fixedToggleBtn{color:#CBCBCB;background-color: #fff;font-size: 20px;padding: 12px;} .fixedToggleWrap ul{position: absolute;bottom:34px;right:0px;background: transparent linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);padding: 10px 20px; opacity: 0;visibility: hidden;transition: 300ms;} .fixedToggleWrap.active ul{opacity: 1;visibility: visible;bottom: 44px;} .fixedToggleWrap ul li:not(:last-child){margin-bottom: 4px;} .fixedToggleWrap ul li:not(:last-child) a{border-bottom:1px solid #B28C3A} .fixedToggleWrap ul li a{display: flex;align-items: center;justify-content: flex-start;font: normal normal normal 11px/15px Poppins;color: #000000;padding: 4px 0px;transition: 200ms;} .fixedToggleWrap ul li:hover a{opacity: 0.5;} .sayfaUyari{margin-top:0px} .slick-slider{direction: ltr!important} .fancybox-skin,.padding-no{padding:0px!important} .imgScale{overflow: hidden;} .imgScale img{transition: 800ms;} .imgScale:hover img{transform: scale(1.06);} .wpContact{bottom:10px;left:10px;position:fixed;z-index:4} .wpContact i{color:#0DC143;font-size: 50px;} .arama_sonuc a{display: flex;align-items:center;justify-content: flex-start;gap:8px;border:1px solid var(--gray);border-radius: 20px;overflow: hidden;padding:12px!important} .arama_sonuc a:hover,.arama_sonuc a:hover span,.ui-widget-content .ui-state-active{background-color: var(--red)!important;border:none!important} .arama_sonuc a img{width: 120px;min-height: 100px;object-fit: contain;max-height: 150px;} .ui-autocomplete{height: 400px;overflow: hidden;overflow-y: auto;max-width: 500px;border-radius: 20px;padding:15px!important;position: fixed!important;top:83px!important} .ui-autocomplete li:not(:last-child){margin-bottom: 4px;} .switchRadio{display: flex;align-items: center;gap:8px} .switchRadio input{appearance: none;width: 30px;height:30px;outline: none;border-radius: 0px;position: relative;box-shadow: 0px 0px 1px #fff;} .switchRadio input:checked{box-shadow: 0px 0px 1px #3ed046;} .switchRadio input::before{content: '';position: absolute;left:7px;top: 7px;width: 15px;height: 15px;border-radius: 100%;background-image: linear-gradient(#eee,#ccc);transition: 300ms; transition-timing-function: ease-out;opacity: 0.2;} .switchRadio input:checked::before{background-image: linear-gradient(#b6ef9f,#3ed046);opacity: 1;} .switchRadio label a{color:var(--white);} .gradient-cursor-container{ opacity: .74;width: 450px;height: 450px;position: absolute;pointer-events: none;z-index: 9999;border-radius: 100%;filter: blur(215px);background-color: rgba(210, 174, 106, 0.6);} .safari .gradient-cursor-container{display: none!important;} .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} @media(max-width:768px){ .cookie-popup{max-width: 100%;padding: 0px 8px;z-index: 31;left: 0;bottom: 10px;} } .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 Space Grotesk;color: #000000; position: fixed;right:10px;top:83px;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;} .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 Space Grotesk;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: #dd1a1e 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 0px;margin-top: 10px;margin-bottom: 0px;display: none;} .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 2px;font-size: 11px;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 a img{width: 18px;} .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;} .htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;} .imageShadow{position: relative;} .imageShadow img{z-index: 1;position: relative;} .imageShadow::after{content:'';position: absolute;left:-12px;top:-12px;background: transparent linear-gradient(44deg, #EB36C0 0%, #332380 100%);z-index: 0;width: 100%;height: 100%;border-radius: 100%;} .detayBtn{padding:0px;position: relative;z-index: 1;margin-top: 12px;} .detayBtn .btn{font: normal normal normal 12px/16px Poppins;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;flex-direction: row;} .detayBtn .btn:hover{background-position: left!important;color:#000!important} .detayBtn .btn img{transition: 300ms;margin: 0px;} .detayBtn .btn i{font-size: 22px;z-index: 1;position: relative;} .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:var(--black);background: linear-gradient(90deg,var(--black) 50%,var(--white) 50%) 95%/200%!important;transition:300ms;border:1px solid var(--black)} .detayBtn.siyah .btn:hover{color:var(--white)!important;background-position: left!important;} .detayBtn.transparent .btn{border:1px solid var(--white);color:var(--white);border-radius:27px;padding:12px 18px 12px 18px;font: normal normal normal 13px/18px Poppins;background: transparent!important;overflow: hidden;} .detayBtn.transparent .btn::before{content:'';background: transparent linear-gradient(90deg, #B28C3A 0%, #F1C873 100%);position: absolute;left: 0;top: 0;width: 0%;height: 100%;transition: 300ms;} .detayBtn.transparent .btn:hover::before{width: 100%;} .detayBtn.transparent img{z-index: 1;} .detayBtn.transparent .btn i{color: var(--white);} .detayBtn.transparent .btn:hover i{opacity: 1;} .detayBtn.transparent .btn span{z-index: 1;position: relative;} .detayBtn.transparent .btn:hover span{color:var(--white)} .detayBtn.yesil .btn{border:1px solid var(--white);color:var(--white);border-radius:27px;padding:12px 18px 12px 18px;font: normal normal normal 13px/18px Poppins;background: transparent!important;overflow: hidden;} .detayBtn.yesil .btn::before{content:'';position: absolute;left: 0;top: 0;width: 0%;height: 100%;transition: 300ms;} .detayBtn.yesil .btn:hover::before{width: 100%;} .detayBtn.yesil img{width: 20px;height: 20px;z-index: 1;position: relative;right:5px;transition: 300ms;} .detayBtn.yesil .btn::after{content:'';position: absolute;left: 0;top: 0;height: 45px;width: 45px;background-color: #3AB243;border-radius: 27px;transition: 300ms;} .detayBtn.yesil .btn:hover::after{width: 100%;} .detayBtn.yesil .btn:hover i{opacity: 1;} .detayBtn.yesil .btn span{z-index: 1;position: relative;} .detayBtn.yesil .btn:hover span{color:var(--white)} .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 Poppins;} .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 Poppins;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{color: var(--red);display: flex;align-items: center;justify-content: flex-start;} .title *{font: normal normal 400 20px/26px Poppins;} .title.textWhite{color:#fff!important} .title.textBlack{color:#000!important} .title.textRed{color:var(--red)!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: 40px;background-color: var(--red);position: absolute;} .titleWrap p{text-align: center} .titleWrap img{margin-bottom: 8px;} .text{font: normal normal normal 18px/25px Space Grotesk;color: var(--white);} @media(min-width:1440px){ .container{width: 1400px;} } .topBigTitleFluid{background: transparent linear-gradient(90deg, #848484 0%, #848484 100%) 0% 0% no-repeat padding-box;} .topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;} .topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: space-between;gap:8px;} .topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px Poppins;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 Poppins;color: #fff;} .topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #fff;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} .innerPageTopWrap{min-height: 275px;background-position: center center;background-size: cover;position: relative;margin-top: -10px;display: flex;align-items: flex-end;background-repeat: no-repeat; border-radius: 0px 0px 15px 15px;} .innerPageTopWrap::before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(255,255,255,0.8);z-index: 0;} .innerPageTopWrap ul{z-index: 1;position: relative;margin-bottom: 30px;} .innerPageTopWrap ul li:first-child *{font: normal normal 600 18px/20px Space Grotesk;color: #3C3C3B;letter-spacing: 0.8px;} .innerPageTopWrap ul li:last-child *{font: normal normal bold 34px/48px Space Grotesk;color: #E40D1F;} .navbarTitle{font: normal normal bold 18px/24px Space Grotesk;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;} .pageNavbarParent{background: transparent linear-gradient(128deg, #332380 0%, #1B0C36 100%);padding: 12px;background-color: #454545;border-radius: 20px;box-shadow: 0px 3px 30px #00000029;} .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;overflow: auto;} .pageNavbarParent .pageNavbar li a{display: flex;align-items: center;justify-content: space-between;padding:12px 8px;font: normal normal 400 14px/18px Space Grotesk;color: var(--white); transition: 300ms;position: relative;border-bottom:1px solid #F1C873} .pageNavbarParent .pageNavbar li a:hover{color: var(--red);} .pageNavbarParent .pageNavbar li a.active{color: var(--red);} .pageNavbarParent .pageNavbar .pageNavbar{height: 0px;opacity: 0;visibility: hidden;overflow: hidden;} .pageNavbarParent .pageNavbar .pageNavbar.active{opacity: 1;display: block!important;height: auto;} .pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 0px;font: normal normal 400 12px/16px Space Grotesk} .pageNavbarParent .pageNavbar .pageNavbar.active li > a{text-indent: 12px;} .pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 0px;} .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(--black);color:var(--white);padding: 8px;margin-bottom: 15px;width: 100%;} .pageInnerContainerWrap{margin-top: 30px;margin-bottom: 30px;} .pageInnerContainerWrap > .row{margin-inline: -15px;} .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%;} .multiply{background: transparent linear-gradient(180deg, #000000 0%, #80808000 100%);mix-blend-mode: multiply;background-repeat: no-repeat;position: absolute;z-index: 1;top: 0;left: 0px;height: 350px;width: 100%;} .multiply-bg{background: url("../images/headerMask.jpg");position: relative;top: 0;width: 100%;left: 0;height: 90%;background-size: cover;} .multiply-bg::before{content:'';left:0px;width: 100%;height: 15px;background: transparent linear-gradient(90deg, #B28C3A 0%, #F1C873 100%);position: absolute;top: calc(100% - 98px);} .pageTopWrap.gizle{top: -150px;} .pageTopWrap{position: fixed;top:0px;z-index: 2;width: 100%;background-color: rgba(0,0,0,0.5);backdrop-filter: blur(10px);transition: 500ms;} .pageTopWrap > .row{position: relative;} .pageTopWrapRow{position: relative;} .pageTopWrap .headerFlex{margin-top: 0px;display: flex;align-items: center;justify-content: space-between;position: relative;gap:20px;padding:15px 0px} .headerLeft{width: 230px;float:left;display: flex;align-items: left;z-index: 1;} .headerLeft a{flex: 1;} .headerLeft a img{transition: 300ms;display: block;} .headerLeft a:hover img{transform: scale(1);} .headerCenter{width: 170px;} .headerCenter .logo{display: flex;align-items: center;justify-content: center;min-width: 40%} .headerRight{width: auto;display: flex;align-items: center;justify-content: flex-end;gap:15px;z-index: 0;} .headerRight .language a:hover{background-color: var(--red);color: var(--white);} .headerRight .language a{border:1px solid var(--black);padding:0px;display: inline-flex;color:var(--black);width: 25px;height: 20px;;align-items: center;justify-content: center;border-radius: 6px; font-size: 12px;transition: 300ms;} .headerRight ul{display: flex;gap:10px} .headerRight ul li img{height: 18px;} .headerRight ul li a{display: flex;align-items: center;justify-content: center;flex-direction: column;font: normal normal normal 12px/16px Poppins;color: var(--white);position: relative;gap: 5px;} .headerRight ul li a div.count{position: absolute;top:-7px;right:0px;background-color: var(--black);width: 13px;height: 13px;border-radius: 100%;text-align: center;font-size: 10px;line-height: 14px;} .headerRight .detayBtn i{font-size: 18px;} .headerRight .detayBtn.portal img{filter: brightness(0) invert(100%);} .navbarWrap{background-color: var(--black);} .headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: space-between;gap:0px;z-index: 2;padding: 0px 0px;} .headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:20px;padding: 8px 0px;} .headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;} .headerNavbarwrap > .headerNavbar > li a span::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height:1px;background-color: var(--red);transition: 300ms;display: none;} .headerNavbarwrap > .headerNavbar > li:hover a span::before{width: 100%;} .headerNavbarwrap > .headerNavbar > li > a{display:flex;font: normal normal normal 14px/20px Poppins;position: relative;align-items: center;justify-content: center;padding: 4px 0px;color:var(--white);transition: 500ms;gap:4px} .headerNavbarwrap > .headerNavbar > li a::before{content:'';position: absolute;bottom:-3px;left: 0;width: 20px;height: 3px;background: transparent linear-gradient(90deg, #B28C3A 0%, #F1C873 100%);transition: 300ms;} .headerNavbarwrap > .headerNavbar > li a:hover::before{width: 100%;} .headerNavbarwrap > .headerNavbar > li > a i{color:var(--white);transition: 300ms;} .headerNavbarwrap > .headerNavbar > li > a img{transition: 300ms;width: 20px;} .headerNavbarwrap > .headerNavbar > li > a span{position: relative;} .headerNavbarwrap > .headerNavbar > li > a.active i, .headerNavbarwrap > .headerNavbar > li > a:hover i{transform: rotate(-90deg);} .headerNavbarwrap > .headerNavbar > li:last-child i{color:var(--white);font-size:18px} .headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background: transparent linear-gradient(108deg, #332380 0%, #1B0C36 100%);-index: 12;min-width: 280px;left:0px;top:-30px;transition: 300ms;visibility: hidden;opacity: 0; border-radius: 10px;overflow: hidden;padding: 15px 15px;box-shadow: 0px 3px 6px #00000029!important} .headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: var(--red);} .headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar{width: 5px;background-color: var(--black);} .headerNavbarwrap > .headerNavbar .headerNavbar li a{display: block;padding:8px 12px;font: normal normal normal 12px/17px Poppins;color: var(--white);transition: 300ms;position: relative;} .headerNavbarwrap > .headerNavbar .headerNavbar li a::before{bottom:0px;left: 10px;} .headerNavbarwrap > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;top: 38px;z-index: 1;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a{font: normal normal normal 12px/17px Poppins;color: var(--white);transition: 300ms;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a i{color:var(--red)} .headerNavbarwrap > .headerNavbar .headerNavbar.active li a:hover{text-decoration: underline!important;} .headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 0px solid var(--red);} .headerNavbarwrap > .headerNavbar .headerNavbar i{display: none!important} .headerNavbarwrap > .headerNavbar .headerNavbar .headerNavbar{display: none!important;} .oneCikanEgitimler{padding-top: 20px;position: relative;} .oneCikanEgitimlerSwiper{border-radius: 27px;padding:80px 0px 25px 0px!important;overflow: hidden;} .oneCikanEgitimlerSwiper .swiper-wrapper{border-radius: 27px;padding-bottom: 30px;background-repeat: no-repeat;} .parallaxWrap{width: 100%;overflow: hidden;border-radius: 27px;position: absolute;top: 80px;width: 100%;height: calc(100% - 105px);} .parallax-bg {position: absolute;left: 0;top: 0px;width: 101%;height: calc(100%);-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;} .oneCikanParent{display: flex!important;align-items: center;justify-content: space-between;padding: 0px;} .oneCikanKapak img.gorsel{border-radius: 100%;width: 100%;object-fit: cover;object-position: top;} .oneCikanKapak{padding:45px 45px;position: relative;} .oneCikanEgitimiVeren{margin-top: -30px;position: relative;z-index: 1;} .oneCikanKapak h2{background-color: var(--white);border: 3px solid #EBC16D;border-radius: 42px;font: normal normal bold 21px/27px Space Grotesk;color: #1B0C36;text-align: center;padding: 8px 12px;} .oneCikanKapak p{font: normal normal bold 16px/21px Space Grotesk;color: var(--white);text-align: center;margin-top: 8px;} .oneCikanEgitimlerSwiper .kapakGorseli{border-radius: 27px;overflow: hidden;padding: 0px;} .oneCikanEgitimlerSwiper .kapakGorseli img{mask: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 90%, transparent 100%);} .oneCikanLeft{padding-left: 60px;} .oneCikanLeft ul{display: flex;gap:10px;margin-top: 30px} .oneCikanLeft ul a img{width: 20px;} .oneCikanLeft div.egitimBilgisi{font: normal normal bold 26px/36px Space Grotesk;color: var(--white);position: relative;display: inline-flex;flex-direction: column;} .oneCikanLeft div.egitimBilgisi::before{content:'';background: transparent linear-gradient(270deg, #B28C3A 0%, #F1C873 100%);position: absolute;width: 100%;height: 5px;left: 0;bottom: -15px;} .oneCikanLeft div.egitimBilgisi big{font-family: Poppins!important;font-weight: 400!important;font-size: 22px;} .oneCikanLeft div.egitimBilgisi small{font-family: Poppins!important;font-weight: 400!important;font-size: 20px;color: var(--white);line-height: 30px;} .oneCikanUst{text-align: center;margin-top: 0px;} .oneCikanEgitimIcon{margin-top: -10px;max-width: 110px;position: absolute;left: 0;right: 0;margin: auto;top: -60px;} .oneCikanEgitimlerSwiper .slideWrap:not(.swiper-slide-active) .oneCikanUst{display: none;} .oneCikanUst h2.egitim_adi{background: transparent linear-gradient(90deg, #B28C3A 0%, #F1C873 100%);border-radius: 53px;padding: 12px 30px;text-align: center;display: inline-flex;flex-direction: column;} .oneCikanUst h2.egitim_adi span{font: normal normal bold 26px/31px Space Grotesk;color: var(--white);display: inline-flex;} .oneCikanUst h2.egitim_adi p{display: flex;width: 100%;text-align: center;font: normal normal normal 18px/22px Space Grotesk;color: var(--white);justify-content: center;} .oneCikanUst ul{display: flex;gap:10px;justify-content: center;margin-top: -10px;} .oneCikanUst ul li a{border-radius: 53px;font: normal normal bold 12px/16px Space Grotesk;text-align: center;color: var(--white);padding: 8px 14px;display: flex;gap:6px;align-items: center;justify-content: center;} .oneCikanUst ul li.kontenjan a{background-color: #C90000;} .oneCikanUst ul li.kontenjan a img, .oneCikanUst ul li.online-egitim a img{height:15px} .oneCikanUst ul li.online-egitim a{background-color: #0093C9;} .oneCikanEgitimlerSwiper .swiperNav{display: flex;gap:30px;justify-content: flex-start;margin-top: 0px;position: absolute;left: 45px;bottom: 0px;} .oneCikanEgitimlerSwiper .swiper-button-prev,.oneCikanEgitimlerSwiper .swiper-button-next{position: relative!important;width: 50px!important;height: 50px!important;} .oneCikanEgitimlerSwiper .swiper-button-prev a,.oneCikanEgitimlerSwiper .swiper-button-next a{background: var(--white);border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .oneCikanEgitimlerSwiper .swiper-button-next{transform: rotate(180deg);} .oneCikanEgitimlerSwiper .swiper-button-prev::after,.oneCikanEgitimlerSwiper .swiper-button-next::after{display: none!important;} .oneCikanEgitimlerSwiper .swiperNav img{width: 12px;} .bg-lacivert{background-color: #1B0C36;margin-top: -83px;position: relative;padding-bottom: 45px;} .ucluBannerWrap{margin-top: 160px;display: grid;grid-template-columns: repeat(6,1fr);gap:15px} .ucluBannerWrap::before,.ucluBannerWrap::after{display: none;} .egitmenSwiperTitle{margin-top: 45px;} .egitmenSwiper{margin-top: 25px;position: relative;} .egitmenSwiper .swiper-wrapper{margin: 0px -15px;} .egitmenSwiper .swiper-slide{background: transparent linear-gradient(63deg, #EB36C0 0%, #332380 100%);border: 0px solid #00000000;border-radius: 19px;margin:0px 15px;overflow: hidden;} .egitmenSwiper .swiper-slide img{transition: 300ms;} .egitmenSwiper .swiper-slide:hover img{transform: scale(1.1);} .egitmenSwiper .swiper-slide h3{padding:15px 8px;font: normal normal normal 15px/21px Space Grotesk;color: var(--white);text-align: center;transition: 300ms;} .egitmenSwiper .swiper-slide:hover h3{background: transparent linear-gradient(63deg, #332380 0%, #EB36C0 100%);} .egitmenIn_{position: relative;overflow: hidden;} .egitmenIn_::before{content:'';background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);position: absolute;bottom:0px;left: 0px;width: 100%;height: 100%;z-index: 1;} .egitmenIn_ img{border-radius: 14px;filter: grayscale(1);transition: 300ms;} .egitmenIn_:hover img{filter: grayscale(0);} .yellowLine{width: 100%;padding:0px;height:8px;background: transparent linear-gradient(270deg, #B28C3A 0%, #F1C873 100%);margin-top: 75px;} .firstFreeTextParent{text-align: center;margin-top: 60px;} .firstFreeText{display: inline-flex;align-items: center;justify-content: center;padding:10px 15px;font: normal normal bold 21px/27px Space Grotesk;color: #1B0C36;text-align: center;border: 2px solid #EBC16D;border-radius: 336px;background-color: var(--white);} .firstFreeTextParent ul{display: flex;align-items: center;justify-content: center;gap:8px;margin-top: 12px;} .firstFreeTextParent ul img{width: 20px;} .homeCenterBg{background-color: #1B0C36;background-image: url("../images/center-bg.png");background-position: center top;background-size: cover;background-repeat: no-repeat;padding-top: 100px;padding-bottom: 100px;} .contentDetailLeft img{background: transparent url('img/Rectangle 32.png');border-radius: 336px;} .contentDetailRight .caption{font: normal normal bold 26px/36px Space Grotesk;color: var(--white);position: relative;display: inline-flex;margin-bottom: 30px;} .contentDetailRight .caption::before{content:'';position: absolute;bottom:-8px;left:0px;width: 100%;height: 4px;background: transparent linear-gradient(270deg, #B28C3A 0%, #F1C873 100%)} .contentDetailRight ul:not(:last-child){margin-bottom: 8px;} .contentDetailRight ul:nth-child(odd){justify-content: end;} .contentDetailRight ul{display: flex;align-items: center;gap:12px} .contentDetailRight ul li{position: relative;} .contentDetailRight ul li:first-child{display: flex;align-self: flex-start;} .contentDetailRight ul li:first-child img{max-width: 100px;z-index: 2;position: relative;padding: 6px;} .contentDetailRight ul li:first-child::before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent linear-gradient(270deg, #B28C3A 0%, #F1C873 100%);border-radius: 100%;} .contentDetailRight ul li:last-child {max-width: 220px;} .contentDetailRight ul li:last-child img{width: 40px;} .contentDetailRight ul li:last-child p{font: normal normal 500 18px/25px Space Grotesk;color: var(--white);} .homeCenterBg2{background-image: url("/picture/center-bg-2.jpg");background-position: center top;;background-size: cover;min-height: 300px;} .isabetWrap{padding:30px 0px} .isabetWrap .row{display: flex;justify-content: space-between;align-items: center;} .homeCenterBg2 .isabetParent{display: flex;flex-direction: column;gap:15px} /*.isabetParent li:nth-child(1) img{width: 120px;}*/ .isabetParent li:nth-child(1) {font: normal normal bold 30px/36px Space Grotesk;color: var(--white);} .isabetParent li:nth-child(2) {font: normal normal normal 21px/28px Space Grotesk;color: var(--white);} .isabetParent li:nth-child(3) img{width: 20px;} .egitimTurleriListParent{display: flex;gap:15px;} .egitimTuru{background-image: url("../images/egitim-turu-bg.png");background-position: center center;background-size: cover;padding: 0px;border-radius: 15px;} .egitimTuru h3{background-color: var(--white);border-radius: 15px;padding: 15px 15px;position: relative;background-image: url("../images/maskot-1.png"); background-position: 97% center;background-repeat: no-repeat;background-size: 50px;} .egitimTuru h3 span{font: normal normal bold 24px/31px Space Grotesk;color: #332380;position: relative;display: inline-flex;align-items: center;} .egitimTuru h3 span::before{content:'';position: absolute;left: 0;bottom:-5px;height: 3px;width: 100%;background: transparent linear-gradient(270deg, #B28C3A 0%, #F1C873 100%)} .egitimTuru p{color: var(--white);font: normal normal normal 17px/22px Space Grotesk;padding: 30px;} .egitimTurleriListBottomContent{margin-top: 160px;} .egitimTurleriListBottomContent > div{flex-direction: row-reverse;display: flex;} .aboneWrap{border-radius: 15px;background-image: url("../images/abone-ol-bg.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;margin-top: 0px;padding:60px 45px} .aboneText{font: normal normal normal 24px/31px Space Grotesk;color: var(--white);} .aboneForm ul{display: flex;flex-direction: column;text-align: center;padding: 0px 75px;} .aboneForm ul input{border-radius: 12px;border: 1px solid #707070;height: 50px;} .aboneForm ul button{border: 1px solid #FFFFFF;border-radius: 27px;font: normal normal normal 14px/20px Poppins;text-align: center;color: var(--white);background-color: transparent;margin-top: 12px;padding: 8px 15px;} .aboneForm ul input[type=checkbox]{border-radius: 0px;height: 30px;} .aboneForm ul input[type=checkbox]::before{width:30px;height: 30px;border-radius: 0px;left: 0;top: 0;} .aboneForm ul label{text-align: left;margin-top: 8px;font-weight: 400;font-size: 13px;} .sariTitle{margin-top: 60px;margin-bottom: 30px;} .sariTitle ul{display: flex;align-items: center;justify-content: space-between;} .sariTitle.center ul{justify-content: center;} .sariTitle ul h4{font: normal normal bold 36px/46px Space Grotesk;color: #B28C3A;} .sariTitle ul a img{width: 25px;} .egitimlerInformation ul {padding: 15px 0px;} .egitimlerInformation ul:not(:last-child){border-bottom:1px solid #A347DD} .egitimlerInformation ul li img{height: 15px;} .egitimlerInformation ul li {font: normal normal normal 16px/21px Space Grotesk;} .egitimlerInformation ul li:nth-child(1) {color:#A347DD} .egitimlerInformation ul li:nth-child(2) {color:var(--white)} .egitimlerInformation ul.egitimButtons{display: flex;gap:12px} .egitimlerKapak .swiper-slide img{border-radius: 60px;} .row30{margin-inline: -30px;} .referanslarWrap .swiper-slide{border-radius: 10px;border:1px solid var(--white);padding:0px} .referanslarWrap .swiperNav{display: flex;gap:30px;justify-content: space-between;margin-top: 0px;position: absolute;left: 0;top: 50%;right: 0;width: 100%;} .referanslarWrap .swiper-button-prev,.referanslarWrap .swiper-button-next{position: relative!important;width: 30px!important;height: 30px!important;} .referanslarWrap .swiper-button-prev a,.referanslarWrap .swiper-button-next a{background: var(--white);border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .referanslarWrap .swiper-button-prev{left: -30px} .referanslarWrap .swiper-button-next{transform: rotate(180deg);right: -30px} .referanslarWrap .swiper-button-prev::after,.referanslarWrap .swiper-button-next::after{display: none!important;} .referanslarWrap .swiperNav img{width: 10px;} .referanslarWrap{overflow: visible;position: relative;} .footerFluidWrap{margin-top: 0px;position: relative;background-color: #10081F} .footerFluid{border-bottom:2px solid #493081} .footerFluid .footerParent .footerParentInner{padding:30px 0px} .footerLeft{width: 250px;float:left;} .footerLeft ul{font: normal normal 400 14px/20px Space Grotesk;color: #000;margin-top: 15px;} .footerLeft img{max-width: 100%;margin-bottom: 15px;} .footerRight{width: calc(100% - 250px);float:right;display: flex;align-items: flex-start;justify-content: flex-end;gap:60px;} .footerRight ul:first-child{max-width: 200px;} .contactData_{background: transparent linear-gradient(90deg, #EB36C0 0%, #332380 100%) left/101%;border-radius: 41px;border: 1px solid #00000000;padding: 8px 25px;overflow: hidden;} .contactData_ li a{display: flex;gap:10px;align-items: center;padding: 8px 0px;} .contactData_ li:first-child a{border-bottom:1px solid var(--white)} .contactData_ li:first-child a{font: normal normal bold 17px/22px Space Grotesk;color: var(--white);} .contactData_ li:last-child a{font: normal normal normal 11px/14px Space Grotesk;color: var(--white);} .contactData_ li a img{width: 18px;margin-bottom: 0px;} .footerTitle{font: normal normal bold 12px/20px Space Grotesk;color:var(--white);border-bottom:1px solid var(--white);padding-bottom: 4px;margin-bottom: 4px;} .footerText{font: normal normal normal 14px/16px Space Grotesk;color: var(--white);} .footerFluid .contact{display: flex;align-items: center;justify-content: flex-start;gap:8px;border-bottom:1px solid var(--white);padding: 8px 0px;} .footerFluid .contact span{font: normal normal normal 14px/23px Jost;color: var(--white);} .footerFluid .contact i{color:var(--white)} .footerFluid .social{margin-top: 15px;} .footerMenu h3{color: #493081;font: normal normal bold 16px/21px Space Grotesk;margin-bottom: 8px;} .footerMenu li a{display: block;font: normal normal normal 12px/20px Space Grotesk;color: var(--white);position: relative;margin-bottom: 8px;} .footerMenu li a::before{content: '';left:0px;bottom:0px;width: 30px;height:1px;background-color: #000;transition: 300ms;position: absolute;display: none;} .footerMenu li a:hover::before{width: 100%;} .registerWrap{border-top:0px solid #4E4E4E;background-color: #10081F;} .registerWrap ul{display: flex;justify-content: space-between;padding: 15px 0px;color: var(--white);font: normal normal bold 13px/19px Space Grotesk;} .registerWrap ul li{color: var(--white);} .registerWrap ul li a{font: normal normal bold 13px/19px Space Grotesk;color: var(--white);} .registerWrap ul li a img{width: 35px;} .registerWrap ul ul{justify-content: flex-start;gap:8px} @media(max-width:1400px){ .egitmenlerWrap .egitmen_ h3{font: normal normal normal 11px/16px Space Grotesk!important;padding: 15px 4px!important;} } @media(max-width:992px){ .gradient-cursor-container{display: none;} .pageTopWrap{position: fixed;top: 0;background-color: rgba(0,0,0,0.5);backdrop-filter: blur(10px);} .pageTopWrap .headerFlex{padding: 45px 0px;} .pageTopFluid::before{clip-path: polygon(55% 0%,100% 0%,100% 100%,0% 100%,0% 90%,45% 90%);} .pageMobileBrand{display: inline-block;position: fixed;right:15px;top:30px;z-index: 101;} .pageMobileBrand span{background-color: #EB36C0;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);} .headerRight .language{margin-right: 15px;} .headerNavbarwrap > .headerNavbar .headerNavbar{top: 30px;padding: 0px;left:8px} .headerNavbarwrap > .headerNavbar {padding: 0px!important;width: calc(100% - 45px);margin:0px 15px} .headerNavbarwrap > .headerNavbar > li::before{margin: inherit;} .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:0} .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 Space Grotesk;} .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: 160px!important;margin-top: 0px;} .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;} .headerNavbarwrap > .headerNavbar .headerNavbar{top: 40px;} .headerRight a span{display: none;} .headerRight .detayBtn .btn{padding: 5px;} .headerRight .detayBtn.yesil .btn img{left: 0px;margin: auto;} .detayBtn.yesil .btn::after{left: -4px;top:-3px;} .headerRight ul{position: relative;right: 30px} .headerRight .detayBtn{margin-top: 0px;} .egitimListesiWrap{padding: 15px!important;} .pageNavbarParent .pageNavbar li a{color: var(--black);} .pageNavbarParent .pageNavbar li a.active{color: var(--black);} .pageNavbarParent{padding: 0px;} .pageNavbarParent .pageNavbar{position: fixed!important;z-index: 101;height:100%!important;background-color: var(--white)!important;left:-100%;overflow: hidden;overflow-y: scroll;transition: 400ms;transition-timing-function: ease-out; top: 0;} .pageNavbarParent .pageNavbar.active{left: 0px;top: 0px;width: 100%;} .pageNavbarParent .pageNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: var(--blue);} .pageNavbarParent .pageNavbar::-webkit-scrollbar{width: 5px;background-color: var(--white);} .mobileCategoryCloseButton{font-size: 26px;position: relative;display: flex;justify-content: flex-end;} .ucluBannerWrap{grid-template-columns: repeat(3,1fr);} } @media(max-width:768px){ .fixedToggleWrap{gap:10px} .text{font: normal normal normal 14px/20px Space Grotesk;color: var(--white);} .oneCikanEgitimler{padding-top: 0px;} .oneCikanUst h2.egitim_adi span{font: normal normal bold 13px/18px Space Grotesk;} .oneCikanUst h2.egitim_adi p{font: normal normal normal 11px/14px Space Grotesk;} .oneCikanKapak{display: none;} .oneCikanLeft div.egitimBilgisi{font: normal normal bold 15px/20px Space Grotesk;} .oneCikanLeft div.egitimBilgisi big{font: normal normal 400 12px/20px Space Grotesk;} .oneCikanLeft{padding-left: 15px;margin-top: 12px;} .oneCikanUst ul li a{font: normal normal bold 9px/14px Space Grotesk;} .oneCikanUst{margin-top: 10px;} .ucluBannerWrap{grid-template-columns: repeat(2,1fr);} .detayBtn.transparent .btn{padding: 6px;font: normal normal normal 11px/18px Poppins;} .oneCikanEgitimlerSwiper .swiperNav img{width: 8px;} .oneCikanEgitimlerSwiper .swiper-button-prev, .oneCikanEgitimlerSwiper .swiper-button-next{width: 35px!important;height: 35px!important;} .oneCikanEgitimlerSwiper .swiperNav{left: 15px;bottom:30px} .oneCikanEgitimlerSwiper{padding: 90px 0px 50px 0px!important; } .egitmenSwiper{margin-top: 120px;} .faydaliBilgilerParent{display: flex;flex-direction: column;gap:15px} .egitmenSwiper .swiper-slide{margin: inherit;} .egitmenSwiper .swiper-slide h3,.egitmenlerWrap .egitmenIn_ h3{font: normal normal normal 10px/16px Space Grotesk!important;} .firstFreeText{font: normal normal bold 16px/22px Space Grotesk;} .firstFreeTextParent ul img{width: 15px;} .contentDetailRight .caption{font: normal normal bold 24px/36px Space Grotesk;} .contentDetailRight ul li:last-child p{font: normal normal 500 15px/23px Space Grotesk;} .contentDetailRight ul{justify-content: flex-start!important;} .contentDetailRight ul li:first-child img{width: 90px!important;} .contentDetailRight ul li:last-child img{width: 30px!important;} .homeCenterBg2 .isabetParent{padding: 0px 30px;} .isabetParent li:nth-child(1){font: normal normal bold 24px/34px Space Grotesk;} .isabetParent li:nth-child(2){font: normal normal normal 16px/24px Space Grotesk;} .isabetWrap .row{flex-direction: column-reverse;} .egitimTurleriListParent{flex-wrap: wrap;} .egitimTurleriListBottomContent > div{flex-direction: column;} .egitimTuru h3 span{font: normal normal bold 18px/26px Space Grotesk;} .egitimTurleriListBottomContent .contentDetailLeft{padding: 0px;} .aboneWrap{display: flex;flex-direction: column;padding: 30px 15px;gap:15px} .aboneText{font: normal normal normal 16px/24px Space Grotesk;} .aboneForm ul{padding: 0px;} .sariTitle ul h4{font: normal normal bold 21px/28px Space Grotesk;} .referanslarWrap .swiper-slide{padding: 30px;} .referanslarWrap .swiper-button-prev{left: -5px;} .referanslarWrap .swiper-button-next{right: -5px;} .referanslarListesi{padding:0px 15px!important} .footerLeft,.footerRight{width: 100%;} .footerRight{flex-direction: column;margin-top: 30px;gap:15px} } .loader-capsul{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 9999;display: none;} .loader { width: 60px; aspect-ratio: 2; --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100%/3) 50%; animation: l3 1s infinite linear; position: fixed;left: 50%;transform: translateX(-50%);top: 50%;transform: translateY(-50%); } @keyframes l3 { 20%{background-position:0% 0%, 50% 50%,100% 50%} 40%{background-position:0% 100%, 50% 0%,100% 50%} 60%{background-position:0% 50%, 50% 100%,100% 0%} 80%{background-position:0% 50%, 50% 50%,100% 100%} }