*,::before,::after{box-sizing:border-box;outline:unset} html,body{min-height:100%;height:100%;font-family:'Montserrat',sans-serif} a{text-decoration:none;color:unset} .container{max-width:1201px;width:100%;display:block;margin:0 auto;} .containerfluid{width:100%;display:block;margin:0 auto;} /*Header*/ #header{width: 100%;height: 109px;z-index: 3;position: relative;} #header::after{content: '';position: absolute;left: 0;width: 32%;/* right: 0; */top: 49px;background: #fff;bottom: -4px;z-index: -1;} #header::before{content: '';position: absolute;/* left: 0; */right: 0;width: 100%;top: 49px;bottom: -4px; /* background: rgb(255 0 0 / 68%); */ z-index: -1; border-top: 2px solid rgb(107 107 107 / 40%); background: linear-gradient(19deg, rgb(206 15 27 / 0.7) 0, #ce0f1b); } #header .container{height: 100%;display: flex;flex-wrap: wrap;} #header .container .logo{width: 86%;height: 100%;flex: 0.75;display: flex;align-items: flex-end;background: #fff;position: relative;} #header .container .logo:after{content: "";position: absolute;height: 20px;left: -1000%;right: 0;bottom: -20px;background: #fff;border-bottom: 2px solid rgb(107 107 107);} #header .container .logo:before{content: '';position: absolute;right: -78px;top: 49px;border-bottom: 80px solid transparent;border-top: 0px solid transparent;border-left: 80px solid #ffffff;/* z-index: 99999; */} #header .container .logo img{} #header .container .logo .bottomRightBorder{position: absolute;right: -18px;bottom: -13px;width: 22px;height: 2.3px;background: #6b6b6b;transform: rotate(-46deg);} #header .container .headerMenu{ width: 100%; display: flex; flex: 2; flex-direction: column;} #header .container .headerMenu .menuTop{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;} #header .container .headerMenu .menuTop .single{padding: 14px 20px;display: flex;align-items: center;border-right: 1px solid #ddd;font-size: 12px;} #header .container .headerMenu .menuTop .single img{margin-right: 10px;border-radius: 4px;width: 17px;filter: grayscale(1);transition: all .3s;} #header .container .headerMenu .menuTop .single i{margin-right: 10px;border-radius: 4px;width: 17px;filter: grayscale(1);transition: all .3s;} #header .container .headerMenu .menuTop .single a:hover img{filter: grayscale(0);transition: all .3s;} #header .container .headerMenu .menuTop .menuMobil{width: 70px;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;} #header .container .headerMenu .menuBottom{width: 100%;display: flex;justify-content: flex-end; /* background: rgb(206 15 27); */ /* background: linear-gradient(19deg,rgb(206 15 27 / 0%) 0,#ce0f1b); */ border-top: 2px solid rgb(107 107 107 / 40%);} #header .container .headerMenu .menuBottom .menu{/* border-top: 2px solid hsl(0deg 0% 42% / 40%); *//* width: 82%; */} #header .container .headerMenu .menuBottom .menu ul{display:flex;height:100%;align-items:center;flex-direction:row;list-style:none;padding:0;margin:0;width: 100%;justify-content: space-between;} #header .container .headerMenu .menuBottom .menu ul li{position: relative;height: 100%;display: flex;align-items: center;background: unset;/* width: 100%; */justify-content: space-between;} #header .container .headerMenu .menuBottom .menu ul li a{font-weight: 500;font-size: 13px;transition:all .5s;border-radius:0;padding: 0px 15px;width: 100%;color: #ffffff;display: flex;align-items: center;/* background: #fff; */height: 100%;position: relative;min-height:62px;} #header .container .headerMenu .menuBottom .menu ul li a::after {position: absolute;content: '';height: 3px;right: 0;bottom: 0;left: 0;background-color: rgb(255 255 255);transform: scale(0);transform-origin: center;transition: all ease .5s;} #header .container .headerMenu .menuBottom .menu ul li:hover a::after {transform: scale(1);} #header .container .headerMenu .menuBottom .menu ul li a i{color: #ffffff;} #header .container .headerMenu .menuBottom .menu ul li:hover a i{color: #fff;} #header .container .headerMenu .menuBottom .menu .mobileMenu{width: unset; align-items: center;height: 100%;justify-content: center;background: #94dbe9!important;cursor: pointer;color: #fff!important;font-size: 22px;padding: 0px 20px 0px 0;} #header .container .headerMenu .menuBottom .menu ul .altMenu{display:none;position:absolute;top: 120px;left: 0;width: 260px;background: #ffffff;z-index: -111;font-size: 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 1px 8px 6px 0px rgba(0, 0, 0, 0.2);transition: all .4s;opacity: 0;} #header .container .headerMenu .menuBottom .menu ul .altMenu ul{flex-direction: column!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu li{display:block!important;border-radius: 0;} #header .container .headerMenu .menuBottom .menu ul .altMenu li {/* padding: 10px; */width: 100%;} #header .container .headerMenu .menuBottom .menu ul .altMenu li:after{display: none;} #header .container .headerMenu .menuBottom .menu ul .altMenu li a:after{display: none!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu li a{padding: 10px!important;background: unset!important;color: #000000!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu li:hover a{/* background: #ff0000!important; */} #header .container .headerMenu .menuBottom .menu ul .altMenu li:hover{border-radius: 0!important;background: #ce0f1b!important;transition: all .3s;} #header .container .headerMenu .menuBottom .menu ul .altMenu li:hover a{border-radius: 0!important;/* background: #fff!important; */transition: all .3s;color: #ffffff!important;} #header .container .headerMenu .menuBottom .menu ul li:hover .altMenu{top: 60px;left: 0;transition: all .4s;opacity: 1;z-index: 9999;display: block;} #header .container .headerMenu .menuBottom .menu ul .altMenu li:hover ul.subMenu {visibility: visible;opacity: 1;left: -100%;transition: all .3s;} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu li{min-width:190px;color:#f2f2f2;/* border-bottom: 1px solid rgba(173, 173, 173, 0.46); */height: auto!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu li:last-child{border-bottom: unset;} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu li:hover a{background-color: #6f6f6f!important;background: #ce0f1b!important;color: #fff!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu li a{padding: 10px;line-height: 16px;font-size: 12px;background: #fff!important;color: #000000!important;} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu li:last-child a{/* line-height: 30px!important; */} #header .container .headerMenu .menuBottom .menu ul .altMenu .subMenu{position:absolute;left: -150%;top:0;visibility: hidden;opacity: 0;z-index: 99999;/* background-color: #5bb246; */transition: all .3s;height: 100%;bottom: 0;} #header .container .headerMenu .menuBottom .lang{width: 71px;height: 64px;/* border-radius: 5px; */display: flex;background: #29303d;margin-top: -2px;} #header .container .headerMenu .menuBottom .lang .langLeft{/* width: 25px; */height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;} #header .container .headerMenu .menuBottom .lang .langLeft span{font-family: 'Raleway', sans-serif;font-size: 15px;font-weight: 400;color: #fff;} #header .container .headerMenu .menuBottom .lang .langRight{/* width: 30px; *//* height: 100%; */position: relative;display: flex;align-items: center;justify-content: flex-end;} #header .container .headerMenu .menuBottom .lang .global{width: 35px;height: 100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;} #header .container .headerMenu .menuBottom .lang i{color: #e4e3dd;font-size: 12px;} #header .container .headerMenu .menuBottom .lang .global i{color: #fbfbfb;padding-left: 8px;font-size: 20px;} #header .container .headerMenu .menuBottom .lang .dropbtn {background-color: #ffffff;color: white;border: none;cursor: pointer;outline: none;width: 100%;display: contents;} #header .container .headerMenu .menuBottom .lang .dropbtn:hover, .dropbtn:focus {background-color: #ffffff;} #header .container .headerMenu .menuBottom .lang .dropdown {position: relative;display: inline-block;width: 100%;display: flex;} #header .container .headerMenu .menuBottom .lang .dropdown-content {display: none;top: 64px;left: 0;position: absolute;background-color: #29303d;width: 71px;overflow: auto;z-index: 99999;} #header .container .headerMenu .menuBottom .lang .dropdown-content a {color: #fbfbfb;width: 100%;height: 40px;text-decoration: none;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #fff;font-weight: 700;font-size: 10px;} #header .container .headerMenu .menuBottom .lang .dropdown-content a img{margin-left: 6px;width: 21px;height: 14px;} #header .container .headerMenu .menuBottom .lang .dropdown-content a:last-child {border-bottom: unset} #header .container .headerMenu .menuBottom .lang .dropdown a:hover {background-color: #8e8e8e;color: #e5e5e5;} #header .container .headerMenu .menuBottom .lang .show {display: block;} #header .container .headerMenu .menuBottom .lang .langue{width: 100%;display: flex;flex-direction: column;align-items: center;flex-direction: column;} body.k #header .container .headerMenu .menuBottom{background: rgb(206 15 27);} body.k #header::before{background: rgb(206 15 27);} /*Mobil Menu*/ #mFull {height: 100%;width: 0;position: fixed;z-index: 999999;top: 0;left: 0;background-color: rgb(255, 255, 255);overflow-x: hidden;transition: 0.5s;} #mFull .container {width: 80%;height: 100%;padding: 0;display: grid;grid-template-rows: 10vh 1fr 189px;} #mFull .container .header {display: flex;justify-content: space-between;align-items: center;padding: 11px 0;border-bottom: 1px solid rgb(206 15 27);} #mFull .container .header img {max-height: 65px;padding: 11px 0;} #mFull .container .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: flex-start;flex-direction: column;border-bottom: 1px solid rgb(206 15 27);padding-bottom: 5px;} #mFull .container .info {/* position:relative; */display: flex;flex-direction: row;text-align: center;align-items: center;justify-content: center;padding: 1px 0;} #mFull .container .info > div {margin-bottom: 20px;padding: 15px 12px;margin: 17px;} #mFull .container .info::after {content:'';position:absolute;right:0;left: 0;top: 0;height: 1px;background: #d2d2d2;} #mFull .container .info i {font-size: 32px;color: #000000;display: block;margin-bottom: 15px;} #mFull .container .info a {font-size: 17px;display: block;line-height: 0.5;padding: 15px 0 0 0;color: #000000;} #mFull .container .info .phone {position: relative;} #mFull .container .info .phone a {font-size: 17px;} #mFull .container .info > div::before {content: '';position: absolute;top: 57px;left: 50%;width: 25px;height: 2px;background: #bbbbbb;transform: translateX(-50%);} #mFull .container .info .mail { position: relative; } #mFull .closebtn {font-size: 38px;color: rgb(206 15 27);;text-align: right;width: 100%;max-width: 100px;} #mFull .container .content ul{flex: 1;list-style-type:none;margin: 0;padding: 0;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;} #mFull .container .content ul li{position:relative;padding: 12px 0;text-align: left;} #mFull .container .content ul li.nopadding{padding: 0;} #mFull .container .content ul li::before{position:absolute;content:'';width: 45px;height: 2px;bottom:0;left: 0;background-color: #ce0f1b;transition: .4s all;/* transform: translateX(-50%); */} #mFull .container .content ul li a{text-decoration:none;/* text-transform: uppercase; font-family: 'Raleway', sans-serif;*/font-size: 14px;font-weight: 600;color: #000000;} #mFull .container .content ul li a:hover{color: #6f6f6f;} #mFull .container .content ul li:hover::before{width: 90px;} #mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content: flex-end;padding: 20px 0;/* border-top: 1px solid rgb(206 15 27); */} #mFull .footerNav-social{display:flex} #mFull .footerNav-social span{color: #0a0a0a;font-weight: 500;font-size: 10px;} #mFull .flags img{width: 42px;height: 22px;object-fit: cover;margin: 0 5px;opacity: 0.7;} #mFull .flags img:hover{opacity: 1; filter: brightness(150%);} #mFull .flags img.aktif {opacity: 1;filter: brightness(150%);} #mFull .footerNav-social a{margin-left:5px} #mFull .footerNav-social a:first-child{margin-left:0} #mFull .footerNav-social img{width: 62px;height: 16px;} #mFull .footerNav-inviva{display:flex} #mFull .footerNav-inviva img{width:62px;height:16px} #mFull .dropdownMenu {position: relative;display: none;} #mFull .dropdownMenu .levelTwo{padding: 10px 15px;border-top: 1px solid #f5f5f5;font-weight: 500;} #mFull .dropdownMenu .levelThree{padding: 10px 0px; border-top: 1px solid #f5f5f5} #mFull .dropdownMenu .levelFour{padding: 10px 0px; border-top: 1px solid #f5f5f5} #mFull .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important} #mFull .dropdownMenu a{padding: 5px 0;font-size: 11px;display: flex;align-items: center;} #mFull .dropdownMenu a img{margin-left: 5px;} #mFull .container .content ul li ul a{padding: 12px 0px;text-align: left;font-size: 13px;} #mFull .container .content ul li ul {padding: 0px 15px;} #mFull .social{display:flex;flex-direction: column;height:auto;border-bottom: 1px solid rgb(206 15 27);padding: 15px 0;} #mFull .social h1{font-size: 15px;margin: 0;padding: 0;color: #145583;} #mFull .social .single{display: flex;padding: 10px 10px 0px;color: #6c6c6c;} #mFull .social .single i{/* color: #6c6c6c; */font-size: 15px;} #mFull .social .single p{/* color: #000; */font-size: 14px;padding: 0;margin: 0;margin-left: 5px;} #mFull .face{color:#395b9f;font-size: 40px;margin-right: 5px;} #mFull .twitter{color:#2ca7df;font-size: 40px;margin-right: 5px;} #mFull .insta{width: 35px;height: 35px;background: #527ea2;display: flex;align-items: center;justify-content: center;border-radius: 4px;} #mFull .insta i{font-size: 20px;color:#fff;} /*Ana Sayfa Slider*/ #slider{width:100%;height: 77vh;/* z-index: -2; */position:relative;margin-top: -60px;} #slider .swiper-container{position:relative;width:100%;height:100%;box-shadow:0 6px 6px -1px rgba(171,171,171,0.52)} #slider .swiper-container .swiper-slide{position:relative;width:100%!important;height:100%} #slider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height: 100%;background: rgb(0 0 0 / 0.28);z-index:2;} #slider .swiper-button-prev{background: url(../img/leftArrow.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 55px;left: 3%;} #slider .swiper-button-next{background: url(../img/rightArrow.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 55px;right: 3%;} #slider .swiper-container img{width:100%;height:100%;object-fit:cover} #slider .mainSliderText{position:absolute;bottom: 0;left:50%;transform: translateX(-50%);max-width: 1200px;width:100%;/* text-align:center; */z-index:999;/* height: 100%; */display: flex;flex-direction: column;/* align-items: center; *//* justify-content: center; */} #slider .mainSliderText img{width: 90px;height: 90px;} #slider .mainSliderText h1{font-size: 44px;color: #ffffff;text-shadow:1px 1px #000;margin: 00px 0 -8px 0;/* width: 550px; */font-weight: 400;} #slider .mainSliderText p{font-size: 85px;color: #ffffff;text-shadow:1px 1px #000;margin: 0 0 20px 0;font-weight: 700;} #slider .mainSliderText a{width: max-content;/* height: 60px; *//* display: flex; *//* align-items: center; *//* justify-content: center; *//* border-radius: 100%; *//* border:2px solid #fff; *//* position: absolute; *//* bottom: 0; */padding: 15px;background: #00c7d4;color: #fff;transition: all .3s;} #slider .mainSliderText a:hover{opacity: 0.7;transition: all .3s;} #slider .mainSliderText a i{color:#fff;font-size: 25px;} #slider .swiper-pagination{text-align:right;bottom: 15px;/* transform: translateX(-50%); */right: 12%;background:none;z-index: 9999;display:flex;/* flex-direction:column; */align-items: center;} #slider .swiper-pagination-bullet{width: 8px;height: 8px;background: #b2b2b194;margin-left: 3px;border-radius: 100%;z-index: 99999;opacity: 1;} #slider .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid #0000;background: #fff!important;width: 10px!important;height: 10px!important;} #slider .swiper-button-prev{background: url(../img/leftArrow.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 55px;left: 3%;} #slider .swiper-button-next{background: url(../img/rightArrow.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 55px;right: 3%;} @media (max-width: 768px) { #slider .mainSliderText{width:90%} #slider .mainSliderText h1{margin-bottom:5px} } /* 4'lu grup */ #groupFour{width: 100%;padding: 30px 0;} #groupFour .container{display: flex;flex-wrap: wrap;} #groupFour .container .single{position: relative;margin-left:5px;margin-right:5px;margin-bottom:10px;flex: 1 0 25%;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} #groupFour .container .single::after{content: '';position: absolute;right: 0;bottom: 0;border-bottom: 0px solid transparent;border-top: 20px solid transparent;border-right: 20px solid #ffffff;/* z-index: 99999; */} #groupFour .container .single img{/* width: 100%; *//* height: 100%; *//* object-fit: contain; */} #groupFour .container .single .text{position: absolute;bottom: 30px;left: 10px;color: #fff;} #groupFour .container .single .text h1{margin: 0;padding: 0;font-size: 30px;} #groupFour .container .single .text h1:nth-child(1){font-size: 20px;font-weight: 400;margin-bottom: 9px;} #groupFour .container .single:hover{opacity: .8;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} /* Ana Sayfa Urun Tanitim */ #homeProductPromotion{width: 100%;position: relative;height: 100%;max-height: 600px;} #homeProductPromotion .swiper-container{height: 100%;} #homeProductPromotion img{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;max-height: 600px;height: 100%;} #homeProductPromotion .container{display: flex;flex-direction: column;height: 100%;} #homeProductPromotion .container .title{width: auto;max-width: 494px;background: rgb(192 11 26 / 0.75);color: #fff;position: relative;} #homeProductPromotion .container .title::after{content: '';position: absolute;left: 100%;bottom: 0;border-bottom: 88px solid transparent;border-top: 0px solid transparent;border-left: 72px solid rgb(192 11 26 / 0.75);/* z-index: 99999; */} #homeProductPromotion .container .title::before{content: "";position: absolute;left: -1000%;top: 0;bottom: 0;right: 100%;background: rgb(192 11 26 / 0.75);} #homeProductPromotion .container .title h1{font-size: 20px;font-weight: 600;margin: 30px 0 25px 0;} #homeProductPromotion .container .title .icons{position: absolute;top: 0;right: -92px;background: rgb(192 11 26 / 0.75);height: 100%;width: 60px;transform: skewX(-39deg);box-shadow: inset 10px 2px 16px 0px rgb(0 0 0 / 43%);display: flex;align-items: flex-end;/* display: none; */} #homeProductPromotion .container .title .icons .icon{/* transform: skewX(39deg); */height: 50%;width: 100%;display: flex;align-items: center;justify-content: center;/* background: #ff9fa7; */z-index: -1;opacity: 1;/* box-shadow: inset 10px 2px 16px 0px rgb(0 0 0 / 37%); */} #homeProductPromotion .container .title .icons .icon i{transform: skewX(39deg);color: #ffffff;} #homeProductPromotion .container .content{display: flex;flex-wrap: wrap;height: 100%;} #homeProductPromotion .container .content .image{flex: 2;display: flex;align-items: center;justify-content: center;} #homeProductPromotion .container .content .image img{position: unset;width: 85%;height: auto;} #homeProductPromotion .container .content .text{flex: 1;display: flex;flex-direction: column;align-items: flex-end;max-width: 319px;width: 100%;justify-content: center;color: #fff;} #homeProductPromotion .container .content .text strong{} #homeProductPromotion .container .content .text p{padding: 17px 0 0 0;margin: 0;text-align: end;color: #b1b1b1;} #homeProductPromotion .container .content .text .button{display: flex;margin-top: 50px;align-items: center;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} #homeProductPromotion .container .content .text .button .texte{width: 100px;background: #c00b1a;padding: 15px;font-size: 14px;} #homeProductPromotion .container .content .text .button .icon {padding: 15px;background: rgb(0 0 0 / 40%);height: 100%;display: flex;align-items: center;justify-content: center;} #homeProductPromotion .container .content .text .button .icon i{color: rgb(255 255 255 / 78%);} #homeProductPromotion .container .content .text .button:hover{opacity: .8;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} #homeProductPromotion .swiperButonContainer i{position:absolute;top:50%;left:50%;transform:translate(-35%,-47%);font-size: 18px;color: #8a8a8a;} #homeProductPromotion .swiperButonContainer {position:absolute;top: 60px;/* max-width: 1201px; */width: 100%;display: block;right: 18%;} #homeProductPromotion .swiperButonContainer .swiper-button-prev{right: 33px;width: 8px;height: 15px;left: unset;outline:unset;background-image: unset;} /* #homeProductPromotion .swiperButonContainer .swiper-button-prev i{position:absolute;top:50%;left:50%;transform:translate(-59%,-48%);font-size: 15px;color: #8a8a8a;} */ #homeProductPromotion .swiperButonContainer .swiper-button-next{width: 8px;height: 15px;right: 0;outline:unset;background-image: unset;} /* Ana Sayfa hakkimizda */ #homeCorporate{width: 100%;padding: 40px 0 70px 0;background: #f1f1f0;border-bottom: 5px solid #e0e0df;} #homeCorporate .container{display: flex;flex-direction: column;/* height: 100%; */} #homeCorporate .container .content{display: flex;flex-wrap: wrap;height: 100%;} #homeCorporate .container .content .image{flex: 1;display: flex;align-items: center;justify-content: flex-end;} #homeCorporate .container .content .image img{width: 100%;/*max-width: 364px;*/padding:10px;} #homeCorporate .container .content .text{flex: 1;display: flex;flex-direction: column;align-items: flex-start;width: 100%;justify-content: center;/* padding: 0 0 0 61px; */} #homeCorporate .container .content .text .title{width: auto;color: #000;position: relative;letter-spacing: -0.5px;} #homeCorporate .container .content .text .title h1{font-size: 27px;margin: 00px 0 45px 0;} #homeCorporate .container .content .text strong{color: #525252;} #homeCorporate .container .content .text p{font-weight: 500;padding: 17px 0 0 0;margin: 0;text-align: left;color: #525252;} #homeCorporate .container .content .text .button{display: flex;margin-top: 50px;align-items: center;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} #homeCorporate .container .content .text .button .texte{width: 100px;background: #474d58;padding: 15px;font-size: 14px;color: #fff;font-weight: 500;} #homeCorporate .container .content .text .button .icon {padding: 15px;background: #e52431;height: 100%;display: flex;align-items: center;justify-content: center;} #homeCorporate .container .content .text .button .icon i{color: rgb(255 255 255 / 78%);} #homeCorporate .container .content .text .button:hover{opacity: .8;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} /* Ana Sayfa Urun Groplari */ #productGroups{width: 100%;padding: 40px 0 25px 0;background: #fff;/* border-bottom: 5px solid #e0e0df; */} #productGroups .container{display: flex;flex-direction: column;height: auto;} #productGroups .container .title{width: auto;color: #003f0e;position: relative;letter-spacing: -0.5px;} #productGroups .container .title h1{font-size: 27px;margin: 00px 0 45px 0;} #productGroups .container .content{display: flex;flex-wrap: wrap;height: 100%;align-items: center;/* justify-content: center; */} #productGroups .container .content .single{flex: 0 0 22%;position: relative;/* border-radius: 20px; */height: 200px;background: #ededee;margin: 0 35px 70px 0;/* transform: skewX(-17deg); */padding: 15px 30px;transition: all .3s;} #productGroups .container .content .single:after{content: '';position: absolute;right: 0;top: 0;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 42px solid rgb(255 255 255);/* z-index: 99999; */} #productGroups .container .content .single:before{content: '';position: absolute;right: 0;top: 42px;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 48px solid #9797981c;/* box-shadow: inset 17px -20px 12px 0px rgb(0 0 0); */} #productGroups .container .content .single .icon{position: absolute;right: 20px;width: 50px;height: 42px;background: #9d9d9e;top: 0;transform: skewX(45deg);display: flex;align-items: center;justify-content: center;box-shadow: inset 9px 0px 12px 0px rgb(0 0 0 / 14%);z-index: 9998999;/* border-radius: 10px; */transition: all .3s;} #productGroups .container .content .single .icon i{color: #ffffff;transform: skewX(-43deg);font-size: 18px;transition: all .3s;} #productGroups .container .content .single .icon .hover{opacity: 0;display: none;} #productGroups .container .content .single h1{width: 71%;/* transform: skewX(17deg); */color: #2c2c2c;font-weight: 700;font-size: 14px;margin: 0;padding: 0;transition: all .3s;} #productGroups .container .content .single img{position: absolute;bottom: -37px;right: 5px;/* width: 100%; */object-fit: contain;align-items: center;justify-content: center;display: flex;/* transform: skewX(17deg); */max-height: 159px;z-index: 9999;transition: all .3s;} #productGroups .container .content .single:hover img{transform: skewX(-0deg);transition: all .3s;bottom: 0;} #productGroups .container .content .single:first-child img{width: 86%;} #productGroups .container .content .single:hover h1{transform: skewX(0deg);transition: all .3s;color: #007f1e;} #productGroups .container .content .single:hover .icon{background: #007f1e;transition: all .3s;} #productGroups .container .content .single:hover .icon .hover{opacity: 1;display: block;} #productGroups .container .content .single:hover .icon .top{opacity: 0;display: none;} #productGroups .container .content .single:hover .icon i{color:#fff;transition: all .3s;} /* Artilar */ #pluses{width: 100%;position: relative;height: 100%;max-height: 530px;} #pluses img{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;/* max-height: 600px; */height: 100%;object-fit: cover;} #pluses .container{display: flex;flex-direction: column;height: 100%;} #pluses .container .title{width: auto;max-width: 494px;background: rgb(27 170 61 / 0.53);color: #fff;position: relative;} #pluses .container .title::after{content: '';position: absolute;left: 100%;bottom: 0;border-bottom: 88px solid transparent;border-top: 0px solid transparent;border-left: 72px solid rgb(27 170 61 / 0.53);/* z-index: 99999; */} #pluses .container .title::before{content: "";position: absolute;left: -1000%;top: 0;bottom: 0;right: 100%;background: rgb(27 170 61 / 0.53);} #pluses .container .title .icons{position: absolute;top: 0;right: -95px;background: rgb(27 170 61 / 0.53);height: 100%;width: 60px;transform: skewX(-39deg);box-shadow: inset 10px 2px 16px 0px rgb(0 0 0 / 43%);display: flex;align-items: flex-end;} #pluses .container .title .icons .icon{/* transform: skewX(39deg); */height: 50%;width: 100%;display: flex;align-items: center;justify-content: center;/* background: #97e1a5; */z-index: -1;opacity: 1;/* box-shadow: inset 10px 2px 16px 0px rgb(0 0 0 / 37%); */} #pluses .container .title .icons .icon i{transform: skewX(39deg);color: #ffffff;} #pluses .container .title h1{font-size: 27px;font-weight: 600;margin: 30px 0 25px 0;} #pluses .container .content{display: flex;flex-wrap: wrap;height: 77%;display: flex;align-items: center;justify-content: center;} #pluses .container .content .text{flex: 1.2;display: flex;align-items: center;justify-content: center;padding-right: 50px;} #pluses .container .content .text p {margin: 0;padding: 0;font-size: 17px;color: rgb(255 255 255 / 71%);} #pluses .container .content .text strong {margin: 0;padding: 0;color: #fff;font-size: 22px;} #pluses .container .content .icons{flex: 2;display: flex;flex-direction: row;flex-wrap: wrap;height: 100%;align-items: flex-end;justify-content: flex-start;margin-top: -60px;} #pluses .container .content .icons .single{flex: 1 0 33%;flex-direction: column;justify-content: center;align-items: center;border-left: 1px solid #00000029;box-shadow: -1px 0px 0px 0px rgb(255 255 255 / 14%);min-height: 300px;/* height: 100%; */display: flex;min-height: 100%;} #pluses .container .content .icons .single:nth-child(1){min-height: 80%;} #pluses .container .content .icons .single .icon{display: flex;align-items: center;justify-content: center;flex-direction: column;} #pluses .container .content .icons .single .icon:nth-child(2){margin-top: 26%;} #pluses .container .content .icons .single .icon img{position: unset;left: unset;right: unset;top: unset;bottom: unset;width: 75px;height: 85px;object-fit: contain;max-height: 100px;} #pluses .container .content .icons .single .icon h1{margin: 0;padding: 0;color: rgb(255 255 255 / 85%);text-align: center;font-size: 23px;font-weight: 500;width: 95%;} /* Ikili Gruop */ #groupTwo{position: relative;} #groupTwo .bottomLine{position: absolute;left: 0;right: 0;bottom: 0;background: rgb(6 6 6 / 47%);height: 3px;} #groupTwo::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #b70d1d;z-index: -1;} #groupTwo::before{content: "";position: absolute;left: 50%;right: 0;top: 0;bottom: 0;background: #29303d;} #groupTwo .container{display: flex;flex-wrap: wrap;} #groupTwo .container .left{flex: 1;background: #b70d1d;position: relative;padding: 40px 0 40px 0;} #groupTwo .container .left img{width: 100%;padding: 0 50px 0 25px;object-fit: contain;max-height: 210px;} #groupTwo .container .left h1{color: #fff;font-size: 27px;} #groupTwo .container .right{flex: 1;background: #29303d;position: relative;padding:0px;} #groupTwo .container .right img{width: 100%;padding: 0 50px 0 25px;object-fit: contain;max-height: 210px;} #groupTwo .container .right h1{color: #fff;font-size: 27px;text-align: right;} #groupTwo .containerfluid{display: flex;flex-wrap: wrap;} #groupTwo .containerfluid .left{flex: 1;background: #b70d1d;position: relative;padding: 40px;} #groupTwo .containerfluid .left h1{color: #ffffff;font-size: 27px;} #groupTwo .containerfluid .left p{color: #efefef;font-size: 15px;} #groupTwo .containerfluid .right{flex: 1;background: #29303d;position: relative;padding:0px;} #groupTwo .containerfluid .right img{width: 100%;object-fit: contain;} #groupTwo .containerfluid .right h1{color: #fff;font-size: 27px;text-align: right;} @media (max-width: 768px) { #groupTwo .containerfluid .right{display:none} } /* Urun Sayisi */ #productNumber{width: 100%;position: relative;height: 100%;max-height: 420px;z-index: -1;background: #f1f1f0;padding: 70px 0;} #productNumber img{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;/* max-height: 600px; */height: 100%;object-fit: cover;} #productNumber .container{display: flex;flex-wrap: wrap;height: 100%;} #productNumber .container .leftNumber{flex: 0.9;display: flex;align-items: center;color: #29303d;} #productNumber .container .leftNumber p{font-size: 40px;margin: 0;padding: 0;} #productNumber .container .leftNumber h1{font-size: 250px;margin: 0;padding: 0;padding-right: 11px;} #productNumber .container .rightNumber{display: flex;flex:2;flex-wrap: wrap;} #productNumber .container .rightNumber .single{flex: 1 0 21%;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;transition: all .4s;} #productNumber .container .rightNumber .single:not(:nth-child(2)){opacity: 0.8;filter: grayscale();transform: scale(0.8);transition: all .4s;} #productNumber .container .rightNumber .single:nth-child(2){border-left:1px dashed #abaeb2;border-right:1px dashed #abaeb2;opacity: 0.8;filter: grayscale();transform: scale(0.8);} #productNumber .container .rightNumber .single:hover{opacity: 1;filter: unset;transform: scale(1);} #productNumber .container .rightNumber .single img{position: unset;width: 100%;height: 90px;object-fit: contain;margin-top: 25px;} #productNumber .container .rightNumber .single .texte{display: flex;flex-direction: column;align-items: center;width: 100%;/* padding: 25px 25px 0px; */justify-content: center;} #productNumber .container .rightNumber .single .texte h1{margin: 0;padding: 0;font-size: 20px;width: 49%;text-align: center;padding-right: 0;margin-right: 0;} #productNumber .container .rightNumber .single .texte .count{padding: 5px 15px;font-size: 68px;/* background: #ddd; */width: 100%;text-align: center;margin: 0;color: #000;font-weight: 700;padding: 0;} #productNumber .container .rightNumber .single .texte .count p{font-size: 40px;} #productNumber .container .rightNumber .single .texte p{padding: 0;margin: 0;font-size: 25px;font-weight: 500;} /*Footer*/ /* #footer{width: 100%;} #footer .top{width: 100%;height: 70px;background: #9b9b9c;} #footer .top .container{width: 100%;height: 100%;display: flex;align-items: center;} #footer .top .container h1{margin: 0;padding: 0;font-size: 13px;color:#fff;font-weight: 400;} #footer .middle{width: 100%;background: #f1f1f0;padding: 40px 0;} #footer .middle .container{display: flex;flex-direction: row;justify-content: space-between;} #footer .middle .container .cLeft{display: flex;flex-direction: row;width: 50%;} #footer .middle .container .cMiddle{display: flex;flex-direction: column;} #footer .middle .container .cMiddle .single{margin-left: 30px;} #footer .middle .container .cRight{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;min-height: 230px;width: 50%;margin-left: 50px;max-height: 260px;} #footer .middle .container .cRight .logo{width: 100%;height: 50px;text-align: left;} #footer .middle .container .cRight .logo img{/* width: 100%; *//*height: 100%;object-fit: contain;} #footer .middle .container .cRight .info{display: flex;flex-direction: column;align-items: flex-start;width: 100%;} #footer .middle .container .cRight .info a{color: rgb(41 48 61 / 58%);font-size: 14px;width: 100%;display: flex;justify-content: flex-start;margin-bottom: 0px;font-weight: 700;align-items: center;} #footer .middle .container .cRight .info a img{margin-right: 5px;} #footer .middle .container .cRight .info a span{align-items: flex-start;} #footer .middle .container .cRight .info a strong{color: #fff;} #footer .middle .container .cRight .copyRight{width: 100%;} #footer .middle .container .cRight .copyRight h1{color: rgb(41 48 61 / 58%);margin: 0;padding: 0;font-size: 12px;text-align: start;font-weight: 400;margin-top: 5px;} #footer .middle .container .single:first-child{margin-left: 0;} #footer .middle .container .single{display: flex;flex-direction: column;width: 100%;margin-left: 30px;} #footer .middle .container .single .title{width: 100%;height: 25px;position: relative;display: flex;align-items: center;width: 100%;margin-bottom: 15px;} #footer .middle .container .single .title h1{margin: 0;padding: 0;font-size: 17px;color: #29303d;text-transform: uppercase;} #footer .middle .container .single .title:after {position: absolute;content: "";width: 47%;height: 2px;background: #29303d;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;} #footer .middle .container .single .content ul{display:flex;height:100%;align-items: start;flex-direction:column;list-style:none;padding:0;margin:0;justify-content:center;} #footer .middle .container .single .content ul li{margin-bottom: 6px;} #footer .middle .container .single .content ul li a{font-weight:500;font-size: 14px;transition:all .5s;color: rgb(41 48 61 / 58%);} #footer .middle .container .single .content ul li a:hover{/* background:#274185; *//*color: #29303d;border-radius:5px;transition:all .5s;} #footer .bottom{width: 100%;height: 70px;background: #fff;display: flex;align-items: center;justify-content: flex-end;} #footer .bottom .container{width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;} #footer .bottom .container a{transition: all .3s;} #footer .bottom .container a:hover{opacity: 0.5;transition: all .3s;} */ #footer{width: 100%;padding: 20px 0;background:#f1f1f0;z-index: 99999;} #footer .container{flex-wrap: wrap;display: flex;justify-content: space-between;} #footer .container .fLeft{display: flex;flex: 1;flex-direction: column;justify-content: flex-start;max-width: 400px;width: 100%;} #footer .container .fLeft .logo{} #footer .container .fLeft .logo img{max-width: 200px;width: 100%;} #footer .container .fLeft .copyright{padding-left: 0px;padding-top: 20px;margin-bottom:30px;color: #989898;} #footer .container .fLeft .copyright strong{color: #989898;font-size: 14px;} #footer .container .fLeft .copyright p{font-size: 14px; font-weight: 500; } #footer .container .fRight{display: flex;flex-direction: column;flex: 1;width: 100%;max-width: 450px;} #footer .container .fRight .fSocialMedia{padding: 0 0 7px 0;border-bottom: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: flex-end;position: relative;} #footer .container .fRight .fSocialMedia::after{content: "";position: absolute;width: 20px;height: 3px;left: 0;bottom: -3px;background: #a6a6a6;} #footer .container .fRight .fSocialMedia .mail{padding: 10px 15px 15px 0px;border-right: 1px solid #d9d9d9;font-size: 14px;} #footer .container .fRight .fSocialMedia .social{padding: 10px 7px;} #footer .container .fRight .fSocialMedia .social img{border-radius: 3px;} #footer .container .fRight .fSocialMedia .social:nth-child(2){padding-left: 15px;} #footer .container .fRight .fContact{padding-top: 17px;} #footer .container .fRight .fContact .fphone{display: flex;align-items: center;font-weight: 700;font-size: 14px;justify-content: flex-end;} #footer .container .fRight .fContact .fphone img{margin-right: 8px;} #footer .container .fRight .fContact .text{padding-top: 13px;padding-left: 28px;font-size: 14px;color: #989898;text-align: end;} #footer .container .fRight .fContact .text a{display: flex;align-items: center;justify-content: flex-end;margin: 15px 0 0;font-size: 12px;} #inviva{padding: 10px 0;border-top: 1px solid #d9d9d9;} #inviva .container{display: flex;justify-content: flex-end;} /*pageTitle*/ .pageImage{width: 100%;height: 300px;position: relative;z-index: -1;} .pageImage img{width: 100%;height: 100%;object-fit: cover;} .pageImage::after{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.36);} .pageImage .container{position: relative;} .pageImage .container h1{padding: 0;margin: 0;color: #ffffff;font-size: 50px;position: absolute;left: 0;bottom: 25px;z-index: 9999;} .pageTitle{width: 100%;/* padding: 30px 0; *//* background: #ffffff; */display: flex;align-items: center;position: relative;} .pageTitle .container{display: flex;flex-direction: row;position: relative;} .pageTitle::before{content: '';position: absolute;/* left: 0; */right: 0;width: 50%;top: 0;bottom: 0;/* background: rgb(225 225 225); */z-index: -1;/* border-top: 2px solid rgb(107 107 107 / 40%); */} .pageTitle .leftTitle{flex:1;padding: 30px 0;position: absolute;right: 0;/* z-index: 3; */} .pageTitle .leftTitle h1{padding: 0;margin: 0;color: #353968;font-size: 20px;} .pageTitle .rightTitle{/* background: #e1e1e1; */flex:1;position: relative;} .pageTitle .rightTitle:before{content: '';position: absolute;left: -73px;bottom: 0;border-bottom: 0px solid transparent;border-top: 84px solid transparent;/* border-right: 73px solid rgb(225 225 225); */} .pageTitleList{width: 100%;/* padding: 30px 0; *//* background: #29303d; */display: flex;align-items: center;position: relative;z-index: -1;} .pageTitleList .container{display: flex;flex-direction: row;height: 105px;} .pageTitleList::before{content: '';position: absolute;left: 0;/* right: 0; */width: 50%;top: 0;bottom: 0;/* background: rgb(255 255 255); *//* z-index: -1; *//* border-top: 2px solid rgb(107 107 107 / 40%); */border-bottom: 1px solid #ddd;} .pageTitleList .leftTitle{flex:1;height: 100%;display: flex;align-items: flex-end;padding: 0 0 29px 0;border-bottom: 1px solid #ddd;} .pageTitleList .leftTitle h1{padding: 0;margin: 0;color: #29303d;font-size: 20px;} .pageTitleList .rightTitle{/* background: #e1e1e1; */flex:1;position: relative;} .pageTitleList .rightTitle:before{content: '';position: absolute;left: -23px;top: 51px;/* border-bottom: 0px solid transparent; *//* border-top: 103px solid transparent; *//* border-right: 74px solid rgb(255 0 0); */width: 149px;height: 1px;background: #ddd;transform: rotate(-45deg);} .pageInfo{width: 100%;height: 80px;background: #29303d;} .pageInfo .container{display: flex;flex-direction: row;justify-content: flex-end;height: 100%;} .pageInfo .container .nextPrev{display: flex;color: #fff;align-items: center;justify-content: flex-start;height: 100%;/* padding-bottom: 11px; */width: 24%;} .pageInfo .container .nextPrev a{color:#fff;text-decoration: none;font-size: 12px;margin: 0 20px;} .pageInfo .container .nextPrev i{font-size: 11px;margin: 5px;} .pageInfo .container .nextPrev a:first-child{margin-left: 0;} .pageInfo .container .nextPrev a p{margin: 0;padding: 0;} .pageInfo .container .productNavigation{display: flex;color: #fff;align-items: center;justify-content: flex-end;height: 100%;width: 40%;} .pageInfo .container .productNavigation a{color:#fff;text-decoration: none;font-size: 11px;padding: 0 2px;} /*Sayfa*/ .pageContent{padding: 70px 0; flex: 3;} .pageContent h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} .pageContent h2::after{position: absolute;content: "";left: 0;bottom: -6px;width: 50px;height: 5px;background: #274185;border-top-right-radius: 5px;} .pageContent p{margin: 0;padding: 10px 0 0 0;color: #000d;line-height: 1.7;/* font-weight: 100; */} #pageDetailContent{} #pageDetailContent .container{display: flex;flex-wrap: wrap;} #pageDetailContent .container .detailMenu{display:flex;/* height:100%; */align-items:center;flex-direction:column;list-style:none;padding:0;margin:0;padding: 30px 0;background: #f2f2f2;flex: 1.2;margin-right: 5%;} #pageDetailContent .container .detailMenu li{position: relative;display: flex;align-items: center;background: unset;width: 100%;justify-content: space-between;padding: 0 30px;} #pageDetailContent .container .detailMenu li a{font-weight: 500;font-size: 15px;transition:all .5s;border-radius:0;padding: 12px 0px;width: 100%;color: #7a7a7a;display: flex;align-items: center;width: 100%;display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;} #pageDetailContent .container .detailMenu li:first-child{font-weight: 700;color:#000;font-size: 15px;transition:all .5s;border-radius:0;padding: 12px 30px;width: 100%;display: flex;align-items: center;width: 100%;display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;} #pageDetailContent .container .detailMenu li:first-child i{color:#a9a9a9;display: block;} #pageDetailContent .container .detailMenu li:first-child:hover{background: unset;} #pageDetailContent .container .detailMenu li:first-child:hover{color: #000;font-size: 15px;font-weight: 700;border-bottom: 1px solid #d9d9d9;} #pageDetailContent .container .detailMenu li:first-child:hover i{color:#a9a9a9;display: block;} #pageDetailContent .container .detailMenu li:hover {background: #ce0f1b;} #pageDetailContent .container .detailMenu li:hover a{color: #fff;/* font-size: 14px; *//* font-weight: 400; *//* border-bottom: unset; */} #pageDetailContent .container .detailMenu li a i{display: none;} #pageDetailContent .container .detailMenu li:hover a i{display: block;} .producPage{padding-bottom: 70px;} .proGallery{margin-top: 70px;} .proGallery .fotorama{/* max-width:800px; */width:100%;margin:0 auto;border: 1px solid #dee1e6;/* border-bottom: 5px solid #dee1e6; */padding-bottom: 10px;padding: 10px;margin-top: 10px;} .proGallery .fotorama__nav{border-top: 1px solid #dee1e6;padding-top: 8px;width: 90%!important;margin-top: 10px;} .proGallery .fotorama__thumb-border{border-color: #d41722!important;background-image: linear-gradient(to bottom right,rgb(41 48 61 / 51%),rgba(236, 103, 7, 0.13))!important;} .pageList{display: flex;flex-wrap: wrap;padding: 50px 0;} .pageList .singleK{flex: 1 0 31%;display: flex;align-items: center;justify-content: center;position: relative;background: #29303d;padding: 80px 0;margin-right: 20px;transition: all .3s;} .pageList .singleK:last-child{margin-right: 0;} .pageList .singleK::after {content: '';position: absolute;right: 0;bottom: 0;border-bottom: 0px solid transparent;border-top: 20px solid transparent;border-right: 20px solid #ffffff;/* z-index: 99999; */} .pageList .singleK h1{margin: 0;padding: 0;font-size: 20px;color: #fff;} .pageList .singleK:hover{opacity: 0.8;transition: all .3s;} /*Urun List*/ #productsList .container .list {display: flex;align-items: center;padding: 15px 0;flex-wrap: wrap;} #productsList .container .list .box {display: flex;flex: 1;padding: 20px;flex-direction: column;flex:0 0 32%;transition: all .3s;} #productsList .container .list .box:hover{transform: scale(1.1);transition: all .3s;} #productsList .container .list .box .image {width: 100%;height: 199px;/* z-index: -2; */background: #ededee;position: relative;} #productsList .container .list .box .image:after{content: '';position: absolute;right: 0;top: 0;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 42px solid rgb(255 255 255);/* z-index: 99999; */} #productsList .container .list .box .image:before{content: '';position: absolute;right: 0;top: 42px;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 48px solid #9797981c;/* box-shadow: inset 17px -20px 12px 0px rgb(0 0 0); */} #productsList .container .list .box .image .icon{position: absolute;right: 20px;width: 50px;height: 42px;background: #9d9d9e;top: 0;transform: skewX(45deg);display: flex;align-items: center;justify-content: center;box-shadow: inset 9px 0px 12px 0px rgb(0 0 0 / 14%);z-index: 0;/* border-radius: 10px; */transition: all .3s;} #productsList .container .list .box .image .icon i{color: #ffffff;transform: skewX(-43deg);font-size: 18px;transition: all .3s;} #productsList .container .list .box .image .icon .hover{opacity: 0;display: none;} #productsList .container .list .box .image img {width: 100%;height: 100%;object-fit: contain;z-index: -2;padding: 19px;} #productsList .container .list .box .title {position: relative;/* height: 80px; */background: #ededee;padding: 13px;transition: all .2s;color: #fff;} #productsList .container .list .box .title::before {content: '';position: absolute;top: -5px;/* background: #29303d; */left: 0px;right: 1px;transform: skewy(3deg);height: 37px;overflow: hidden;transition: all .2s;/* z-index: -1; */} #productsList .container .list .box:hover .title {/* background: #d2232a; */} #productsList .container .list .box:hover .title::before {/* background: #d2232a; *//* transform: skewy(-3deg); *//* height: 40px; */} #productsList .container .list .box:hover .title h2 {color: #007e1d;} #productsList .container .list .box:hover .image .icon{background: #007f1e;transition: all .3s;} #productsList .container .list .box:hover .image .icon .hover{opacity: 1;display: block;} #productsList .container .list .box:hover .image .icon .top{opacity: 0;display: none;} #productsList .container .list .box:hover .image .icon i{color:#fff;transition: all .3s;} #productsList .container .list .box .title h2 {/* text-transform: uppercase; */font-size: 16px;font-weight: 600;margin: 0;padding: 10px 0;/* z-index: 99999; */position: inherit;/* background: #29303d; */color: #3b3b3b;} #productsList .container .list .box:nth-child(2n) .title {position: relative;/* height: 80px; *//* background: #9d9d9e; */padding: 13px;transition: all .2s;color: #fff;} #productsList .container .list .box:nth-child(2n) .title::before {content: '';position: absolute;top: -5px;/* background: #9d9d9e; */left: 0px;right: 0px;transform: skewy(3deg);height: 40px;overflow: hidden;transition: all .2s;/* z-index: -1; */} #productsList .container .list .box:nth-child(2n):hover .title {/* background: #d2232a; */} #productsList .container .list .box:nth-child(2n):hover .title::before {/* background: #d2232a; *//* transform: skewy(-3deg); *//* height: 40px; */} /*Urun Detay*/ #productContent {} #productContent .container{padding: 0;/* background: #e1e1e1; */display: flex!important;flex-direction: column;position: relative;padding: 0 0 15px 0;/* margin-top: -21px; */} #productContent .left{float: none!important;width: 100%!important;/* background: #e1e1e1; */position: relative;} #productContent .left:before{content: '';position: absolute;/* left: 0; */right: 0;width: 50%;top: 0;bottom: 0;/* background: rgb(225 225 225); */z-index: -1;/* border-top: 2px solid rgb(107 107 107 / 40%); */} #productContent .left .image{width: 100%;overflow: hidden;} #productContent .left img{width: 100%;height: 100%;/* overflow: hidden; */object-fit: contain;position: relative; /* padding: 14% 8% 8%; */ } /* .pluses {max-height: 15px;overflow: hidden;background-color: #665847;border-left:8px #3D362D solid;width: 220px;padding: 4px;color: #FFFFFF;-webkit-transition: max-height 1s ease;-moz-transition: max-height 1s ease;-o-transition: max-height 1s ease;transition: max-height 1s ease;font:12px Tahoma;} .pluses:hover {max-height: 200px;} span{color:#FF9900; display:block; margin-bottom:5px;} #productContent .left .container{position: relative;} */ /* p.a1{position: absolute;right: 3%;top: 7%;} p.a2{position: absolute;left: 41%;top: 4%;} .aciklama{position: relative;display: inline-block;border: 1px solid #000;border-radius: 100%;width: 25px;display: flex;align-items: center;justify-content: center;} .aciklama::after{content: attr(data-title);position: absolute;top: 100%;left: -50%;padding: 15px;background: #eee;color: #333;opacity: 0;word-wrap: break-word;height: auto;width: auto;-moz-box-shadow: 0 0 4px #222;-webkit-box-shadow: 0 0 4px #222;box-shadow: 0 0 4px #222;pointer-events: none;z-index: 9999;} .aciklama:hover::after{opacity: 1;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;pointer-events: auto;min-width: 253px;} */ #productContent .left .container{position: relative;} #productContent .acilir{position: absolute;background: #007f1e;font-size: 12px;color: #fff;border-radius: 7px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 12px 5px rgb(0 0 0 / 30%);-webkit-animation: flash linear 2s infinite;animation: flash linear 2s infinite;} @-webkit-keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } #productContent .acilir label{cursor: pointer;position: relative;} #productContent #acilirmenu2{display: none; cursor: pointer;position: absolute;} #productContent label i{color: #fff;background: #29303d;border-radius: 100%;font-size: 22px;z-index: 999;} #productContent #menum2 { display:none; } #productContent #acilirmenu2:checked + #menum2 {display:block;position: absolute;left: 22px;top: 0} #productContent #acilirmenu2:checked {background: #ddd;} /*Urunler*/ #menum2 {background: rgb(0 0 0 / 67%);padding: 14px;/* z-index: 1; */box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 38%);border-radius: 3px;color: #d0d0d0;font-weight: 500;font-size: 15px;} #productContent .p101{right: 12%;top: 35%;} #productContent .p102{right: 92%;top: 59%;} #productContent #p102:checked + #menum2 {display:block;position: absolute;left: -100px;top: 25px;width: 213px} #productContent #p102{display: none; cursor: pointer;position: absolute;} #productContent .p103{left: 27%;top: 41%;} #productContent #p103:checked + #menum2 {display:block;position: absolute;left: 31px;top: -16px;width: 213px;} #productContent #p103{display: none; cursor: pointer;position: absolute;} #productContent .p104{right: 12%;top: 62%;} #productContent #p104:checked + #menum2 {display:block;position: absolute;left: 24px;top: -10px;width: 176px;} #productContent #p104{display: none; cursor: pointer;position: absolute;} #productContent .p105{left: 49%;top: 27%;} #productContent #p105:checked + #menum2 {display:block;position: absolute;left: 27px;top: -10px;width: 182px;} #productContent #p105{display: none; cursor: pointer;position: absolute;} /* STC 3300 ES -- */ #productContent .stc33001{right: 49%;top: 39%;} #productContent #stc33001{display: none; cursor: pointer;position: absolute;} #productContent .stc33002{right: 25%;top: 47%;} #productContent #stc33002{display: none; cursor: pointer;position: absolute;} #productContent .stc33003{right: 77%;top: 36%;} #productContent #stc33003{display: none; cursor: pointer;position: absolute;} #productContent .stc33004{right: 84%;top: 59%;} #productContent #stc33004{display: none; cursor: pointer;position: absolute;} #productContent .stc33005{right: 28%;top: 64%;} #productContent #stc33005{display: none; cursor: pointer;position: absolute;} /* STC 2850 */ #productContent .stc28501{right: 81%;top: 65%;} #productContent #stc28501{display: none; cursor: pointer;position: absolute;} #productContent .stc28502{right: 27%;top: 60%;} #productContent #stc28502{display: none; cursor: pointer;position: absolute;} #productContent .stc28503{right: 82%;top: 43%;} #productContent #stc28503{display: none; cursor: pointer;position: absolute;} #productContent .stc28504{right: 13%;top: 46%;} #productContent #stc28504{display: none; cursor: pointer;position: absolute;} #productContent .stc28505{right: 64%;top: 49%;} #productContent #stc28505{display: none; cursor: pointer;position: absolute;} #productContent .stc28506{right: 44%;top: 48%;} #productContent #stc28506{display: none; cursor: pointer;position: absolute;} /* */ #productContent .dscb1{right: 6%;top: 54%;} #productContent #dscb1{display: none; cursor: pointer;position: absolute;} #productContent .dscb2{right: 91%;top: 57%;} #productContent #dscb2{display: none; cursor: pointer;position: absolute;} #productContent .dscb3{right: 21%;top: 45%;} #productContent #dscb3{display: none; cursor: pointer;position: absolute;} #productContent .dscb4{right: 28%;top: 58%;} #productContent #dscb4{display: none; cursor: pointer;position: absolute;} #productContent .dscb5{right: 61%;top: 62%;} #productContent #dscb5{display: none; cursor: pointer;position: absolute;} #productContent .dscb6{right: 61%;top: 38%;} #productContent #dscb6{display: none; cursor: pointer;position: absolute;} /* /*/ #productContent .dcb1{right: 89%;top: 44%;} #productContent #dcb1{display: none; cursor: pointer;position: absolute;} #productContent .dcb2{right: 41%;top: 59%;} #productContent #dcb2{display: none; cursor: pointer;position: absolute;} #productContent .dcb3{right: 33%;top: 70%;} #productContent #dcb3{display: none; cursor: pointer;position: absolute;} #productContent .dcb4{right: 65%;top: 43%;} #productContent #dcb4{display: none; cursor: pointer;position: absolute;} #productContent .dcb5{right: 75%;top: 36%;} #productContent #dcb5{display: none; cursor: pointer;position: absolute;} /* Ass Tip Diskli /*/ #productContent .dcb11{right: 19%;top: 44%;} #productContent #dcb11{display: none; cursor: pointer;position: absolute;} #productContent .dcb12{right: 65%;top: 51%;} #productContent #dcb12{display: none; cursor: pointer;position: absolute;} #productContent .dcb13{right: 55%;top: 64%;} #productContent #dcb13{display: none; cursor: pointer;position: absolute;} #productContent .dcb14{right: 39%;top: 35%;} #productContent #dcb14{display: none; cursor: pointer;position: absolute;} #productContent .dcb15{right: 32%;top: 26%;} #productContent #dcb15{display: none; cursor: pointer;position: absolute;} /* Tamburlu */ #productContent .tcb1{right: 23%;top: 75%;} #productContent #tcb1{display: none; cursor: pointer;position: absolute;} #productContent .tcb2{right: 57%;top: 38%;} #productContent #tcb2{display: none; cursor: pointer;position: absolute;} #productContent .tcb3{right: 72%;top: 49%;} #productContent #tcb3{display: none; cursor: pointer;position: absolute;} #productContent .tcb4{right: 75%;top: 62%;} #productContent #tcb4{display: none; cursor: pointer;position: absolute;} #productContent .tcb5{right: 29%;top: 50%;} #productContent #tcb5{display: none; cursor: pointer;position: absolute;} #productContent .tcb6{right: 39%;top: 78%;} #productContent #tcb6{display: none; cursor: pointer;position: absolute;} #productContent .tcb7{right: 55%;top: 67%;} #productContent #tcb7{display: none; cursor: pointer;position: absolute;} /* Tamburlu */ #productContent .tcbTwo1{right: 52%;top: 45%;} #productContent #tcbTwo1{display: none; cursor: pointer;position: absolute;} #productContent .tcbTwo2{right: 74%;top: 64%;} #productContent #tcbTwo2{display: none; cursor: pointer;position: absolute;} #productContent .tcbTwo3{right: 40%;top: 78%;} #productContent #tcbTwo3{display: none; cursor: pointer;position: absolute;} #productContent .tcbTwo4{right: 61%;top: 36%;} #productContent #tcbTwo4{display: none; cursor: pointer;position: absolute;} #productContent .tcbTwo5{right: 76%;top: 50%;} #productContent #tcbTwo5{display: none; cursor: pointer;position: absolute;} /* */ #productContent .btb1{right: 38%;top: 40%;} #productContent #btb1{display: none; cursor: pointer;position: absolute;} #productContent .btb2{right: 68%;top: 46%;} #productContent #btb2{display: none; cursor: pointer;position: absolute;} #productContent .btb3{right: 49%;top: 24%;} #productContent #btb3{display: none; cursor: pointer;position: absolute;} #productContent .btb4{right: 36%;top: 79%;} #productContent #btb4{display: none; cursor: pointer;position: absolute;} /* Rotorlu Toplama */ #productContent .rot1{right: 57%;top: 25%;} #productContent #rot1{display: none; cursor: pointer;position: absolute;} #productContent .rot2{right: 49%;top: 43%;} #productContent #rot2{display: none; cursor: pointer;position: absolute;} #productContent .rot3{right: 34%;top: 55%;} #productContent #rot3{display: none; cursor: pointer;position: absolute;} #productContent .rot4{right: 46%;top: 54%;} #productContent #rot4{display: none; cursor: pointer;position: absolute;} #productContent .rot5{right: 58%;top: 36%;} #productContent #rot5{display: none; cursor: pointer;position: absolute;} /* STR11 */ #productContent .rott1{left: 33%;top: 53%;} #productContent #rott1{display: none; cursor: pointer;position: absolute;} #productContent .rott2{right: 34%;top: 40%;} #productContent #rott2{display: none; cursor: pointer;position: absolute;} #productContent .rott3{right: 53%;top: 28%;} #productContent #rott3{display: none; cursor: pointer;position: absolute;} #productContent .rott4{right: 48%;top: 43%;} #productContent #rott4{display: none; cursor: pointer;position: absolute;} #productContent .rott5{right: 42%;top: 36%;} #productContent #rott5{display: none; cursor: pointer;position: absolute;} #productContent .rott6{right: 44%;top: 56%;} #productContent #rott6{display: none; cursor: pointer;position: absolute;} /* STR22 */ #productContent .rottt1{right: 46%;top: 56%;} #productContent #rottt1{display: none; cursor: pointer;position: absolute;} #productContent .rottt2{right: 41%;top: 27%;} #productContent #rottt2{display: none; cursor: pointer;position: absolute;} #productContent .rottt3{right: 63%;top: 34%;} #productContent #rottt3{display: none; cursor: pointer;position: absolute;} #productContent .rottt4{right: 54%;top: 32%;} #productContent #rottt4{display: none; cursor: pointer;position: absolute;} #productContent .rottt5{right: 44%;top: 41%;} #productContent #rottt5{display: none; cursor: pointer;position: absolute;} #productContent .rottt6{right: 29%;top: 68%;} #productContent #rottt6{display: none; cursor: pointer;position: absolute;} /* STR9 */ #productContent .rotttt1{right: 48%;top: 41%;} #productContent #rotttt1{display: none; cursor: pointer;position: absolute;} #productContent .rotttt2{right: 41%;top: 35%;} #productContent #rotttt2{display: none; cursor: pointer;position: absolute;} #productContent .rotttt3{right: 62%;top: 54%;} #productContent #rotttt3{display: none; cursor: pointer;position: absolute;} #productContent .rotttt4{right: 35%;top: 42%;} #productContent #rotttt4{display: none; cursor: pointer;position: absolute;} #productContent .rotttt5{right: 55%;top: 26%;} #productContent #rotttt5{display: none; cursor: pointer;position: absolute;} /* Hidrolikli Tip Toplama */ #productContent .hctt1{right: 47%;top: 34%;} #productContent #hctt1{display: none; cursor: pointer;position: absolute;} #productContent .hctt2{right: 49%;top: 27%;} #productContent #hctt2{display: none; cursor: pointer;position: absolute;} #productContent .hctt3{right: 34%;top: 45%;} #productContent #hctt3{display: none; cursor: pointer;position: absolute;} #productContent .hctt4{right: 49%;top: 41%;} #productContent #hctt4{display: none; cursor: pointer;position: absolute;} #productContent .hctt5{right: 59%;top: 57%;} #productContent #hctt5{display: none; cursor: pointer;position: absolute;} /* Hidrolikli Tip Toplama */ #productContent .htcb961{right: 20%;top: 45%;} #productContent #htcb961{display: none; cursor: pointer;position: absolute;} #productContent .htcb962{right: 82%;top: 44%;} #productContent #htcb962{display: none; cursor: pointer;position: absolute;} #productContent .htcb963{right: 54%;top: 33%;} #productContent #htcb963{display: none; cursor: pointer;position: absolute;} #productContent .htcb964{right: 13%;top: 73%;} #productContent #htcb964{display: none; cursor: pointer;position: absolute;} #productContent .htcb965{right: 37%;top: 75%;} #productContent #htcb965{display: none; cursor: pointer;position: absolute;} /* Akrobat Tip Toplama */ #productContent .att1{right: 63%;top: 32%;} #productContent #att1{display: none; cursor: pointer;position: absolute;} #productContent .att2{right: 46%;top: 53%;} #productContent #att2{display: none; cursor: pointer;position: absolute;} /* Akrobat Tip Toplama 8'li */ #productContent .att81{right: 76%;top: 36%;} #productContent #att81{display: none; cursor: pointer;position: absolute;} #productContent .att82{right: 46%;top: 41%;} #productContent #att82{display: none; cursor: pointer;position: absolute;} #productContent .att83{right: 38%;top: 45%;} #productContent #att83{display: none; cursor: pointer;position: absolute;} /* Cekilir Tip Ot Toplama Tirmiklari STC 10 Çekilir Tip Tek */ #productContent .ctotstc101{right: 49%;top: 29%;} #productContent #ctotstc101{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc102{right: 19%;top: 56%;} #productContent #ctotstc102{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc103{right: 74%;top: 30%;} #productContent #ctotstc103{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc104{right: 64%;top: 59%;} #productContent #ctotstc104{display: none; cursor: pointer;position: absolute;} /* Cekilir Tip Ot Toplama Tirmiklari STC 14 */ #productContent .ctotstc14101{right: 31%;top: 25%;} #productContent #ctotstc14101{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc14102{right: 65%;top: 32%;} #productContent #ctotstc14102{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc14103{right: 47%;top: 55%;} #productContent #ctotstc14103{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc14104{right: 50%;top: 31%;} #productContent #ctotstc14104{display: none; cursor: pointer;position: absolute;} #productContent .ctotstc14105{right: 30%;top: 36%;} #productContent #ctotstc14105{display: none; cursor: pointer;position: absolute;} #productContentt {} #productContentt .container{display: grid;-ms-grid-columns: 49% 49% 30%;grid-template-columns: 27% 69%;grid-gap: 0 25px;/* padding: 50px 0 80px; */} #productContentt .container .productContentMenu{/* box-shadow: inset -18px -1px 5px 20px rgb(242 242 242 / 31%); */background: linear-gradient(-90deg, rgb(0 0 0 / 4%), transparent 6%) bottom;} #productContentt .container .productContentMenu .detailMenu{display:flex;/* height:100%; */align-items:center;flex-direction:column;list-style:none;padding:0;margin:0;padding: 30px 0;/* background: #f2f2f2; */flex: 1.2;margin-right: 5%;} #productContentt .container .productContentMenu .detailMenu li{position: relative;display: flex;align-items: center;background: unset;width: 100%;justify-content: space-between;padding: 0 10px;} #productContentt .container .productContentMenu .detailMenu li a{font-weight: 500;font-size: 15px;transition:all .5s;border-radius:0;padding: 12px 0px;width: 100%;color: #7a7a7a;display: flex;align-items: center;width: 100%;display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;} #productContentt .container .productContentMenu .detailMenu li:first-child{font-weight: 700;color:#000;font-size: 15px;transition:all .5s;border-radius:0;padding: 12px ;width: 100%;display: flex;align-items: center;width: 100%;display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;} #productContentt .container .productContentMenu .detailMenu li:first-child i{color:#a9a9a9;display: block;} #productContentt .container .productContentMenu .detailMenu li:first-child:hover{background: unset;} #productContentt .container .productContentMenu .detailMenu li:first-child:hover{color: #000;font-size: 15px;font-weight: 700;border-bottom: 1px solid #d9d9d9;} #productContentt .container .productContentMenu .detailMenu li:first-child:hover i{color:#a9a9a9;display: block;} #productContentt .container .productContentMenu .detailMenu li:hover {background: #ce0f1b;} #productContentt .container .productContentMenu .detailMenu li:hover a{color: #fff;/* font-size: 14px; *//* font-weight: 400; *//* border-bottom: unset; */} #productContentt .container .productContentMenu .detailMenu li a i{display: none;} #productContentt .container .productContentMenu .detailMenu li:hover a i{display: block;} #productContentt .container .productContentMenu .productLinks{height: 100%;display: flex;flex-direction: column;align-items: center;margin-right: 5%;padding: 0 45px 30px;} #productContentt .container .productContentMenu .productLinks .single{position: relative;background: #ce0f1b;display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;margin-top: 6px;transition: all .3s;width: 100%;} #productContentt .container .productContentMenu .productLinks .single:hover{opacity: 0.8;transition: all .3s;} #productContentt .container .productContentMenu .productLinks .single:before{content: "";position: absolute;right: 17%;top: 29px;width: 62px;height: 2.3px;background: #ffffff;transform: rotate(-71deg);z-index: 99;} #productContentt .container .productContentMenu .productLinks .single:nth-child(2){background: #29303d;} #productContentt .container .productContentMenu .productLinks .single:nth-child(3){background: #007f1e;} #productContentt .container .productContentMenu .productLinks .single .text{ color: #fff;} #productContentt .container .productContentMenu .productLinks .single .text h1{margin: 0;padding: 0;font-size: 16px;} #productContentt .container .productContentMenu .productLinks .single .text p{margin: 0;padding: 0;font-size: 10px;} #productContentt .container .productContentMenu .productLinks .single img{width: 38px;} #productContent .container .right{width: 100%;padding: 0 1%1%;display: flex;border-right: unset;flex-direction: column;justify-content: center;/* background: rgb(255, 255, 255); */z-index: 2;color: #000000;/* margin-top: 15px; */} #productContent .container .right h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #productContent .container .right h2::after{position: absolute;content: "";left: 0;bottom: -6px;width: 50px;height: 5px;background: #274185;border-top-right-radius: 5px;} #productContent .container .right strong{margin: 0;padding: 10px 0;font-size: 17px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #productContent .container .right strong::after{position: absolute;content: "";left: 0;bottom: 3px;width: 50px;height: 3px;background: #274185;border-top-right-radius: 5px;} #productContent .container .right p{margin: 2px 0px;padding: 5px 0;font-size: 16px;color: #232323dd;line-height: 1.7;} #productContent .container .fotorama__thumb-border{border-color: #d41722!important;background-image: linear-gradient(to bottom right,rgb(41 48 61 / 51%),rgba(236, 103, 7, 0.13))!important;} #productContent .tabs {width: 100%;} #productContent .tabs-nav{padding: 0;margin: 0;/* background: #e1e1e1; */} #productContent .tabs-nav .container{display: flex!important;justify-content: center;align-items: center;flex-direction: row;/* position: unset; */padding: 0;} #productContent .tabs-nav li {display: flex;flex-direction: row;align-items: center;justify-content: center;font-family: Roboto;/* margin-right: 10px; */width: 100%;position: relative;} #productContent .tabs-nav a {background: #e5e5e5;color: #000000;padding: 19px;min-height: 40px;font-size: 17px;/* border-radius: 4px; */text-align: center;width: 100%;font-weight: 700;} #productContent .tabs-nav li .triangle{position: absolute;content: "";left: 50%;bottom: -10px;border-top: 15px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;} #productContent .tabs-nav li.tab-active .triangle{border-top: 10px solid #29303d;} #productContent .tab-active a {background: #29303d;border-bottom-color: #ff000000;color: #ffffff;cursor: default;position: relative;font-weight: 700;} #productContent .genelbilgi a::after {content: '';position: absolute;left: 100%;bottom: 0;border-bottom: 58px solid transparent;border-top: 0px solid transparent;border-left: 19px solid rgb(229 229 229);} #productContent .genelbilgi.tab-active a::after {border-left: 19px solid rgb(41 48 61);} #productContent .teknik a::after {content: '';position: absolute;left: -19px;bottom: 0;border-bottom: 0px solid transparent;border-top: 58px solid transparent;border-right: 19px solid rgb(229 229 229);} #productContent .teknik.tab-active a::after {border-right: 19px solid rgb(41 48 61);} #productContent .teknik a::before {content: '';position: absolute;left: 100%;bottom: 0;border-bottom: 0px solid transparent;border-top: 58px solid transparent;border-left: 19px solid rgb(229 229 229);} #productContent .teknik.tab-active a::before {border-left: 19px solid rgb(41 48 61);} #productContent .video-resim a::after {content: '';position: absolute;left: -19px;bottom: 0;border-bottom: 58px solid transparent;border-top: 0px solid transparent;border-right: 19px solid rgb(229 229 229);} #productContent .video-resim.tab-active a::after {border-right: 19px solid rgb(41 48 61);} #productContent .tabs-stage {padding: 15px 2% 50px 2%;/* background: #fff; */} #productContent .tabs-stage .text p{padding: 0;margin: 0;font-size: 15px;line-height: 1.8;} #productContent .tabs-stage .text ol{border-top: 2px solid #ddd;padding-top: 15px;} #productContent .tabs-stage .text ol li{/* background: #fff; */font-size: 15px;line-height: 1.6;position: relative;margin-top: 9px;padding-left: 12px;} #productContent .tabs-stage .text ol li::marker{color: #ffffff;font-size: 12px;} #productContent .tabs-stage .text ol li:before{position: absolute;content: "";left: -19px;top: 2px;bottom: 0;width: 20px;height: 20px;background: #007f1e;z-index: -1;border-radius: 7px;/* -webkit-animation: flash linear 2s infinite;animation: flash linear 2s infinite; */box-shadow: 0px 0px 12px 5px rgb(0 0 0 / 30%);} #productContent .tabs-stage .text ol li:after{content: '';position: absolute;left: -32px;bottom: 2px;/* border-bottom: 0px solid transparent;border-top: 25px solid transparent;border-right: 10px solid #007f1e; */} #productContent .tabs-stage .genelImage{display: flex;width: 100%;flex-wrap: wrap;margin-top: 4%;/* background: #e1e1e1; *//* padding: 0 20px; */} #productContent .tabs-stage .genelImage a{/* height: 250px; */width: 100%;flex: 1 0 15%;padding: 9px;/* transform: skewX(10deg); */position: relative;border-radius: 15px;box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 16%);margin: 0 10px;} #productContent .tabs-stage .genelImage a img{width: 100%;height: 100%;object-fit: contain;transform: skewX(0deg);/* border: 1px dashed #7272725c; *//* border-radius: 15px; */} #productContent .tabs .table{width: 100%;overflow: hidden;overflow-x: auto;} #productContent .tabs .table table{width: 100%;overflow-x: auto;margin-top: 10px;border: 1px solid #ddd;} #productContent .tabs .table tr{border-bottom: 1px solid #ddd;padding: 10px;display: flex;font-size: 16px;} #productContent .tabs .table tr:nth-child(2n){background: #e7e7e7;} #productContent .tabs .table tr td{font-weight: 500;flex: 1;color: #6d6d6d;} #productContent .tabs .table tr td:nth-child(2n){font-weight: 700;color: #000;} #productContent .productsVideoAndGalery h1{margin: 0;padding: 10px 0;font-size: 21px;color: #29303d;position: relative;} #productContent .productsVideoAndGalery h1:before{content: ""; position: absolute;left: 0;bottom: 0;width: 25px;height: 3px;background: #ddd;} #productContent .productsVideoAndGalery .fotorama{/* max-width:800px; */width:100%;margin:0 auto;border: 1px solid #dee1e6;/* border-bottom: 5px solid #dee1e6; */padding-bottom: 10px;padding: 10px;margin-top: 10px;} #productContent .productsVideoAndGalery .fotorama__nav{border-top: 1px solid #dee1e6;padding-top: 8px;width: 90%!important;margin-top: 10px;} /*ekip List*/ #teamList .container .list {width: 100%;margin: 0;padding: 20px 0;list-style: none;display: flex;flex-wrap: wrap;} #teamList .container .list li {flex-basis: 31%;width: 100%;height: 250px;margin: 0 15px 15px 0;position: relative;overflow: hidden;transition: all .4s;border: 1px solid #e8e9ed;} #teamList .container .list li:hover .katImage{transform: scale(1.2);transition: all .4s;} #teamList .container .list li .katImage {width: 100%;height: 100%;transition: all .4s;} #teamList .container .list li .katImage img {width: 100%;height: 100%;object-fit: contain;display: block;} #teamList .container .list li .katTitle {width: 100%;position: absolute;bottom: 0;z-index: 100;background: #ffffff;padding: 11px 0 15px 15px;transition: all .4s;} #teamList .container .list li:hover .katTitle{transition: all .8s;letter-spacing: 1px;padding: 15px 0 15px 20px;} #teamList .container .list li .katTitle h2 {font-size: 14px;margin: 0;padding: 0;color: #49568c;} #teamList .container .list li::after{width:100%;height:5px;background: #e8e9ed;position: absolute;content:"";bottom: 0;left: 0;right: 0;z-index: 998;} #teamList .container .list li::before{position:absolute;content:"";left:0;bottom: 0;height:5px;width:20%;background: #519fd7;z-index: 999;} /*Ekibimiz Detay*/ #teamContent{padding: 27px 0;background: #ffffff;} #teamContent .container{display: flex;flex-direction: row;position: relative;flex-wrap: wrap;} #teamContent .container .left{float: none!important;width: 30%!important;flex: 1 0 27%;} #teamContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */margin-bottom: 15px;background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */flex: 1 0 40%;} #teamContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.7;} #teamContent .container .left .fotorama__thumb-border{border-color: #4db848;background-color:rgba(0, 0, 0, 0.5);} #teamContent .container .right h1{margin: 10px 0;padding: 5px 0px;font-size: 20px;color: #009bdf;position: relative;} #teamContent .container .right h1:after{position: absolute;content: "";left: 0;bottom: -3px;width: 50px;height: 5px;background: #a1a8b8;} #teamContent .container .right h2{font-size: 15px;color: #102a60;margin: 0 0 2px 0;padding: 0;} #teamContent .container .right h2 span{font-weight: 500;font-size: 15px;color: #102a60;} #teamContent .container .right h3{margin: 0 0 2px 0;padding: 0;font-size: 16px;color: #102a60;} #teamContent .container .right p{margin: 0 0 10px 0;padding: 0;} #teamContent .container .right span{font-size: 10px;color:#000;} #teamContent .container .content .text{flex: 1;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;margin-left: 5%;} #teamContent .fotorama{max-width:800px;width:100%;margin:0 auto;border: 1px solid #dee1e6;border-bottom: 5px solid #dee1e6;padding-bottom: 10px;} #teamContent .fotorama__nav{border-top: 1px solid #dee1e6;padding-top: 10px;width: 90%!important;} /*Haber Categori*/ #newsList .container{display: flex;flex-wrap: wrap;padding: 0 0 17px 0;} #newsList .single {flex: 1 0 48%;padding: 10px;} #newsList .single .catSingle{width: 100%;height: 240px;margin: 20px 0 0;transition: all 1s ease 8ms;border: 1px solid #e6e6e6;box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 0.6196078431372549);display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 30px;} #newsList .single .catSingle .top{position: relative;height: 45px;width: 100%;} #newsList .single .catSingle .top:after{position: absolute;content: "";width: 100%;height: 2px;background: #ddd;right: 0;top:50%;transform: translateY(-50%);z-index: -1;} #newsList .single .catSingle .midle h1{color: #102a60;font-size: 23px;font-weight: 500;text-align: center;} #newsList .single .catSingle .bottom{width: 50px;height: 50px;font-size: 18px;border-radius: 100%;border:1px solid #ddd;display: flex;align-items: center;justify-content: center;transition: all.3s;color: #bc4f19;} #newsList .single:hover .catSingle .bottom{transform: rotate(360deg);} /*Haberler List*/ #news-list{background: #fff;} #news-list .container .list{display: flex;flex-direction: row;flex-wrap: wrap;padding: 15px;} #news-list .container .list .inner-container {width: 100%;height: auto;position:relative;margin: 15px;box-shadow: 0px 0px 15px rgba(0,0,0,0.06);flex-basis: 30%;} #news-list .container .list .inner-container .date {position: absolute;top: 0px;left: 0px;width: 80px;height: auto;background-color: #d64b18;z-index: 2;padding: 18px 19px 10px 19px;} #news-list .container .list .inner-container .date:before {position: absolute;content: '';left: 0px;bottom: -13px;border-top: 15px solid #d64b18;border-right: 80px solid transparent;z-index: -1;} #news-list .container .list .inner-container .date h3 {font-size: 36px!important;font-weight: 300;margin-top: 10px!important;margin-bottom: 4px;} #news-list .container .list .inner-container .date h3 span {position: relative;color: #fff;} #news-list .container .list .inner-container .date h3 span:before {position: absolute;content: "";width: 100%;height: 1px;background-color: #fff3db;left: 0px;bottom: 3px;} #news-list .container .list .inner-container .date h5 {margin: 0px;padding: 0px;color: #fff;letter-spacing: 0px;font-size: 14px;line-height: 14px;font-weight: 400;text-transform: uppercase;} #news-list .container .list .inner-container .date h5:first-child {padding: 10px 0 0 0;} #news-list .container .list .inner-container .image img {width: 100%;height: 250px;object-fit: cover;filter: grayscale(1);transition: 1s linear;} #news-list .container .list .inner-container:hover .image img{filter: unset;transition: 1s linear;} #news-list .container .list .inner-container .desc {width: 100%;height: auto;padding: 0 30px 30px 30px;} #news-list .container .list .inner-container .desc .title h3 {font-size: 21px;line-height: 1;font-weight: 400;color: #14141c;margin-bottom: 10px;text-transform: capitalize;} #news-list .container .list .inner-container .desc .title h3 a {text-decoration: none;color: #181a2f;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} #news-list .container .list .inner-container .desc .title h3 a:hover {color: #274185;} #news-list .container .list .inner-container .desc .info {width: 100%;margin-bottom: 24px;border-bottom: 1px solid #ccc;padding-bottom: 4px;} #news-list .container .list .inner-container .desc .info span {position: relative;color: #666666;font-size: 11px;padding-right: 22px;font-style: italic;} #news-list .container .list .inner-container .desc .info span:last-child {position:unset} #news-list .container .list .inner-container .desc .info a{text-decoration: none;color: #666;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} #news-list .container .list .inner-container .desc .info a:hover{color: #274185;} #news-list .container .list .inner-container .desc .explanation {margin-bottom: 17px;} #news-list .container .list .inner-container .desc .explanation p {font-size: 15px;color: #3b3b3b;line-height: 1.6;} #news-list .container .list .inner-container .desc .readmore {width: 100%} #news-list .container .list .inner-container .desc .readmore a {text-decoration: none;background-color: #d64b18;color: #fff;line-height: 1.6;font-weight: 600;padding: 10px 20px;border-radius: 3px;display: inline-block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} #news-list .container .list .inner-container .desc .readmore a:hover {opacity: 0.7;} /*Haber Detay*/ #Newscontent {width: 100%;padding: 20px 0;background: #fff;} #Newscontent .newsDetail {position: relative;display:grid;grid-template-columns:350px 1fr;grid-template-rows: 260px auto auto;grid-gap:0 20px;padding-top:40px;padding-bottom:40px;} #Newscontent .newsDetail .gallery-thumbs {height: 20%;margin: 20px 10px 0 10px;cursor: pointer;} #Newscontent .newsDetail .gallery-thumbs .swiper-slide {width: 20%;height: 100%;max-height:100px;opacity: 0.45;} #Newscontent .newsDetail .gallery-thumbs .swiper-slide-active { opacity: 1;} #Newscontent img {max-width: 100%;grid-column:1 / 2;grid-row:1 / 2;width:100%;height:100%;object-fit: contain;} #Newscontent .newsText{grid-column:-1 / -2;grid-row:1 / -1;line-height: 1.6;} #Newscontent .newsText h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #Newscontent .newsText h2::after{position: absolute;content: "";left: 0;bottom: -6px;width: 50px;height: 5px;background: #274185;border-top-right-radius: 5px;} #Newscontent .page-news-detail-footer{position:relative;display:flex;flex-direction:column;justify-content: center;margin:20px 0;padding:10px 0;text-align:center;border-top: 1px solid #d8d8d7;border-bottom: 1px solid #d8d8d7;} #Newscontent .page-news-detail-footer:before{position:absolute;content:'';width:100px;height:2px;top:-1px;left:0;background-color: #d64b18;} #Newscontent .page-news-detail-footer:after{position:absolute;content:'';width:100px;height:2px;bottom:-1px;right:0;background-color: #519fd7;} #Newscontent .newsDetail-footer-share-items a {width: 70px;height: 40px;position: relative;display: inline-block;color: #fff;} #Newscontent .newsDetail-footer-share-items a:hover {opacity: .8;} #Newscontent .newsDetail-footer-share-items i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} /*Video List*/ #videoList .container .list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} #videoList a{display: flex;flex: 0 0 28%;width: 100%;height: 190px;margin: 10px;position: relative;transition: all .4s;} #videoList a img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(1);} #videoList a p{position: absolute;bottom: 0;left: 0;width: 100%;background: #3b3b3b7a;color: #fff;padding: 11px;margin: 0;font-size: 13px;} #videoList a:hover{opacity: 0.7;} #videoList a:hover img{filter: unset;} /*Iletisim*/ .form {flex: 1 0 45%;z-index: -1;} .page-contact{padding: 70px 0;} .page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;padding:0 50px 0 0} .page-contact .boxe{display: flex;flex-direction: column;} .page-contact .boxe h1{margin: 0;padding: 17px 0;font-size: 16px;color: #519fd7;border-bottom: 1px solid #ddd;} .page-contact .box{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #d1287917;padding: 15px 0;} .page-contact .box .icon{text-align:center;height:100%;min-width:70px;display:flex;align-items:center} .page-contact .box .icon i{font-size:29px;color: #ce0f1b;} .page-contact .box .tel{font-size: 18px!important;} .page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%} .page-contact .box:first-child .ctitle{justify-content:center} .page-contact .box .ctitle a{font-weight:400;letter-spacing:1px;color:#8c8c8c} .page-contact .box .ctitle p{color:#8c8c8c;margin:0;font-size:14px;line-height:1} .page-contact .contact-top{display:flex;flex:1;margin: 20px 0;} /*Cerezler*/ .cookie-banner {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;padding: 5px 14px;display: flex;align-items: center;justify-content: space-between;background-color: #1b2650;color: #fff;border-radius: 0;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);z-index: 99999;flex-direction: column;} .cookie-banner p{margin:0; padding: 10px;} .cookie-banner a:hover{text-decoration: underline;} .cookie-close {background-color: #bc4f19;border: none;color: white;border-radius: 2px;cursor: pointer;padding: 10px;font-size:14px;} /*Sayfalama*/ ul.pagination{display: flex;flex-direction: row;width: 100%;list-style: none;margin: 0;flex-wrap: wrap;padding: 10px 0;margin:10px 0;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;} ul.pagination li:first-child{border-left: unset;} ul.pagination li{display: flex;align-items: center;justify-content: center;list-style: unset;width: 100%;flex: 1;border-left: 1px solid #ddd;} ul.pagination li a{width: 100%;display: flex;align-items: center;justify-content: center;} li.active{ color: #d75322;} .whatsapFixed{position: fixed;right: 10px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: #25d266;z-index: 999999;display: flex;align-items: center;justify-content: center;border-radius: 100%;box-shadow: 0px 0px 5px 1px #00000040;} .whatsapFixed i{font-size: 29px;color: #fff;} .fixedPhone{width: 50px;height: 50px;/* border-radius: 5px; */display: flex;background: #7d8188;margin-top: -2px;position: fixed;left: 10px;top: 50%;z-index: 999;box-shadow: 0px 0px 5px 1px #00000040;} .fixedPhone .langLeft{/* width: 25px; */height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .fixedPhone .langLeft span{font-family: 'Raleway', sans-serif;font-size: 15px;font-weight: 400;color: #fff;} .fixedPhone .langRight{/* width: 30px; *//* height: 100%; */position: relative;display: flex;align-items: center;justify-content: flex-end;} .fixedPhone .global{width: 35px;height: 100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;} .fixedPhone i{color: #e4e3dd;font-size: 17px;} .fixedPhone .global i{color: #fbfbfb;padding-left: 8px;font-size: 20px;} .fixedPhone .dropbtn {background-color: #ffffff;color: white;border: none;cursor: pointer;outline: none;width: 100%;display: contents;} .fixedPhone .dropbtn:hover, .dropbtn:focus {background-color: #ffffff;} .fixedPhone .dropdown {position: relative;display: inline-block;width: 100%;display: flex;} .fixedPhone .dropdown-content {display: none;top: 0;left: 50px;position: absolute;background-color: #7d8188;width: 162px;overflow: auto;z-index: 99999;} .fixedPhone .dropdown-content a {color: #fbfbfb;width: 100%;height: 40px;text-decoration: none;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #fff;font-weight: 700;font-size: 10px;} .fixedPhone .dropdown-content a img{margin-left: 6px;width: 21px;height: 14px;} .fixedPhone .dropdown-content a:last-child {border-bottom: unset} .fixedPhone .dropdown a:hover {background-color: #8e8e8e;color: #e5e5e5;} .fixedPhone .show {display: block;} .fixedPhone .langue{width: 100%;display: flex;flex-direction: column;align-items: center;flex-direction: column;} .gallerySingle{padding: 30px 0;} .wrapper {align-items: center;display: flex;height: 90%;justify-content: center;margin: 5%;width: 90%;} .aspect {padding-bottom: 70%;position: relative;width: 100%;} .aspect-inner {bottom: 0;left: 0;position: absolute;right: 0;top: 0;} .flipbook {height: 100%;transition: margin-left 0.25s ease-out;width: 100%;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .flipbook .page {height: 100%;width: 100%;} .flipbook .page img {max-width: 100%;height: 100%;} embed{height: 750px;} .ramazanErcan{font-family: 'Yellowtail', cursive;display: flex;align-items: center;justify-content: flex-end;margin-top: 50px;font-size: 22px;/* font-weight: 700; */text-align: center;} /*Galery Photo*/ .galeryPhotoList{width: 100%;} .galeryPhotoList .container{display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;} .galeryPhotoList .container .single{position: relative;width: 100%;display: flex;/* padding: 20px; */flex-direction: column;flex: 0 0 21%;transition: all .3s;/* border: 1px solid #29303d; */margin: 15px;} .galeryPhotoList .container .single img{width: 100%;height: 225px;object-fit: cover;} .galeryPhotoList .container .single:before{content: '';position: absolute;right: 0;bottom: 0;border-bottom: 0px solid transparent;border-top: 60px solid transparent;border-right: 60px solid #ffffff;} .galeryPhotoList .container .single .plus{position: absolute;right: 10px;bottom: 9px;color: #29303d;transition: all .3s;} .galeryPhotoList .container .single:hover{transform: scale(1.1);transition: all .3s;} .galeryPhotoList .container .single:hover .plus{color: #007f1e;transition: all .3s;} .galeryPhotoList .container-fluid{display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;width:calc(100% - 30px)} .galeryPhotoList .container-fluid .single{position: relative;width: 100%;display: flex;/* padding: 20px; */flex-direction: column;flex: 0 0 23.4%;transition: all .3s;/* border: 1px solid #29303d; */margin: 15px;} .galeryPhotoList .container-fluid .single img{width: 100%;height: 225px;object-fit: cover;} .galeryPhotoList .container-fluid .single:before{content: '';position: absolute;right: 0;bottom: 0;border-bottom: 0px solid transparent;border-top: 60px solid transparent;border-right: 60px solid #ffffff;} .galeryPhotoList .container-fluid .single .plus{position: absolute;right: 10px;bottom: 9px;color: #29303d;transition: all .3s;} .galeryPhotoList .container-fluid .single:hover{transform: scale(1.1);transition: all .3s;} .galeryPhotoList .container-fluid .single:hover .plus{color: #007f1e;transition: all .3s;} #videoList{width: 100%;} #videoList .container{display: flex;flex-wrap: wrap;padding: 30px 0;align-items: center;justify-content: center;} #videoList .container iframe{height: 350px;flex: 0 0 30%;margin: 10px;} #cboxOverlay{background: #000!important;} #cboxClose{bottom: unset!important;top:0!important} #cboxNext{left: unset!important;right: 0!important;} #cboxCurrent{display: none!important} #topScroll {display: inline-block;background-color: #c00b1a;width: 40px;height: 40px;text-align: center;border-radius: 4px;margin: 30px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s;z-index: 1000;} #topScroll:hover {cursor: pointer;background-color: #333;} #topScroll:active {background-color: #555;} #topScroll::after {content: "\2191";font-size: 2em;line-height: 40px;color: #fff;} #galleryList .container .list {display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;} #galleryList .container .list .box {display: flex;flex: 1;margin: 4px 13px;flex-direction: column;flex: 1 0 23%;transition: all .3s;position: relative;} #galleryList .container .list .box:hover{transform: scale(1.1);transition: all .3s;} #galleryList .container .list .box .image {width: 100%;height: 199px;/* z-index: -2; */background: #2a2a2a;/* position: relative; */} #galleryList .container .list .box .image .lightImg{opacity: 0;transition: all .3s;} #galleryList .container .list .box .image .darkImg{opacity: 1;transition: all .3s;} #galleryList .container .list .box .image:after{display: none; content: '';position: absolute;right: 0;top: 0;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 42px solid rgb(255 255 255);/* z-index: 99999; */} #galleryList .container .list .box .image:before{display: none; content: '';position: absolute;right: 0;top: 42px;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 48px solid #9797981c;/* box-shadow: inset 17px -20px 12px 0px rgb(0 0 0); */} #galleryList .container .list .box .image .icon{position: absolute;right: 20px;width: 50px;height: 42px;background: #9d9d9e;top: 0;transform: skewX(45deg);display: flex;align-items: center;justify-content: center;box-shadow: inset 9px 0px 12px 0px rgb(0 0 0 / 14%);z-index: 0;/* border-radius: 10px; */transition: all .3s;} #galleryList .container .list .box .image .icon i{color: #ffffff;transform: skewX(-43deg);font-size: 18px;transition: all .3s;} #galleryList .container .list .box .image .icon .hover{opacity: 0;display: none;} #galleryList .container .list .box .image img {width: 100%;height: 100%;object-fit: contain;z-index: -2;padding: 31px;} #galleryList .container .list .box .title {position: absolute;/* background: #ededee; */padding: 13px;transition: all .2s;color: #fff;bottom: 33px;left: 50%;width: 100%;transform: translateX(-15%);} #galleryList .container .list .box:hover .title h2 {color: #fff;} #galleryList .container .list .box:hover .image .lightImg{opacity: 1;transition: all .3s;/* position: absolute; */top: 0;left: 0;width: 100%;} #galleryList .container .list .box:hover .image .darkImg{opacity: 0;transition: all .3s;display: none;} #galleryList .container .list .box .title h2 {/* text-transform: uppercase; */font-size: 16px;font-weight: 600;margin: 0;padding: 10px 0;/* z-index: 99999; */position: inherit;/* background: #29303d; */color: #a6a6a6;} #gallerydokumanList .container .list {display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;} #gallerydokumanList .container .list .box {display: flex;flex: 1;margin: 4px 13px;flex-direction: column;flex: 1 0 23%;transition: all .3s;position: relative;} #gallerydokumanList .container .list .box:hover{transform: scale(1.1);transition: all .3s;} #gallerydokumanList .container .list .box .image {width: 100%;/* height: 199px; *//* z-index: -2; *//* background: #2a2a2a; *//* position: relative; */} #gallerydokumanList .container .list .box .image .lightImg{opacity: 0;transition: all .3s;} #gallerydokumanList .container .list .box .image .darkImg{opacity: 1;transition: all .3s;} #gallerydokumanList .container .list .box .image:after{display: none; content: '';position: absolute;right: 0;top: 0;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 42px solid rgb(255 255 255);/* z-index: 99999; */} #gallerydokumanList .container .list .box .image:before{display: none; content: '';position: absolute;right: 0;top: 42px;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 48px solid #9797981c;/* box-shadow: inset 17px -20px 12px 0px rgb(0 0 0); */} #gallerydokumanList .container .list .box .image .icon{position: absolute;right: 20px;width: 50px;height: 42px;background: #9d9d9e;top: 0;transform: skewX(45deg);display: flex;align-items: center;justify-content: center;box-shadow: inset 9px 0px 12px 0px rgb(0 0 0 / 14%);z-index: 0;/* border-radius: 10px; */transition: all .3s;} #gallerydokumanList .container .list .box .image .icon i{color: #ffffff;transform: skewX(-43deg);font-size: 18px;transition: all .3s;} #gallerydokumanList .container .list .box .image .icon .hover{opacity: 0;display: none;} #gallerydokumanList .container .list .box .image img {width: 100%;/* height: 100%; */object-fit: contain;z-index: -2;padding: 0;} #gallerydokumanList .container .list .box .title {/* position: absolute; */background: #ededee;padding: 13px;transition: all .2s;color: #fff;bottom: 33px;left: 71%;/* width: 100%; *//* transform: translateX(-15%); */text-align: center;margin-top: -5px;} #gallerydokumanList .container .list .box:hover .title h2 {color: #ce0f1b;} #gallerydokumanList .container .list .box:hover .image .lightImg{opacity: 1;transition: all .3s;/* position: absolute; */top: 0;left: 0;width: 100%;} #gallerydokumanList .container .list .box:hover .image .darkImg{opacity: 0;transition: all .3s;display: none;} #gallerydokumanList .container .list .box .title h2 {/* text-transform: uppercase; */font-size: 16px;font-weight: 600;margin: 0;padding: 10px 0;/* z-index: 99999; */position: inherit;/* background: #29303d; */color: #2a2a2a;} #gallerydokumanList .container .list2 { display: flex; flex-wrap: wrap; /* Elemanlar taşınca alta geçsin */ justify-content: flex-start; /* Aralıkları düzgün dağıt */ padding:0px; } #gallerydokumanList .container .list2 .box { flex: 0 1 calc(33.333% - 26px); /* 3 sütun: 100% / 3 - margin payı */ margin: 4px 13px; flex-direction: column; transition: all .3s; position: relative; box-sizing: border-box; } @media (max-width: 768px) { #gallerydokumanList .container .list2 .box { flex: 1 1 calc(100% - 16px); } } #gallerydokumanList .container .list2 .box:hover{transform: scale(1.1);transition: all .3s;z-index:99999;} #gallerydokumanList .container .list2 .box .image {width: 100%;/* height: 199px; *//* z-index: -2; *//* background: #2a2a2a; *//* position: relative; */} #gallerydokumanList .container .list2 .box .image .lightImg{opacity: 0;transition: all .3s;} #gallerydokumanList .container .list2 .box .image .darkImg{opacity: 1;transition: all .3s;} #gallerydokumanList .container .list2 .box .image:after{display: none; content: '';position: absolute;right: 0;top: 0;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 42px solid rgb(255 255 255);/* z-index: 99999; */} #gallerydokumanList .container .list2 .box .image:before{display: none; content: '';position: absolute;right: 0;top: 42px;border-bottom: 42px solid transparent;border-top: 0px solid transparent;border-right: 48px solid #9797981c;/* box-shadow: inset 17px -20px 12px 0px rgb(0 0 0); */} #gallerydokumanList .container .list2 .box .image .icon{position: absolute;right: 20px;width: 50px;height: 42px;background: #9d9d9e;top: 0;transform: skewX(45deg);display: flex;align-items: center;justify-content: center;box-shadow: inset 9px 0px 12px 0px rgb(0 0 0 / 14%);z-index: 0;/* border-radius: 10px; */transition: all .3s;} #gallerydokumanList .container .list2 .box .image .icon i{color: #ffffff;transform: skewX(-43deg);font-size: 18px;transition: all .3s;} #gallerydokumanList .container .list2 .box .image .icon .hover{opacity: 0;display: none;} #gallerydokumanList .container .list2 .box .image img {width: 100%;/* height: 100%; */object-fit: contain;z-index: -2;padding: 0;} #gallerydokumanList .container .list2 .box .title {/* position: absolute; */background: #ededee;padding: 13px;transition: all .2s;color: #fff;bottom: 33px;left: 71%;/* width: 100%; *//* transform: translateX(-15%); */text-align: center;margin-top: -5px;} #gallerydokumanList .container .list2 .box:hover .title h2 {color: #ce0f1b;} #gallerydokumanList .container .list2 .box:hover .image .lightImg{opacity: 1;transition: all .3s;/* position: absolute; */top: 0;left: 0;width: 100%;} #gallerydokumanList .container .list2 .box:hover .image .darkImg{opacity: 0;transition: all .3s;display: none;} #gallerydokumanList .container .list2 .box .title h2 {/* text-transform: uppercase; */font-size: 16px;font-weight: 600;margin: 0;padding: 10px 0;/* z-index: 99999; */position: inherit;/* background: #29303d; */color: #2a2a2a;} /* BorsurList */ .brosurList{width: 100%;padding: 20px 0 40px;} .brosurList .container{width: 100%;display: flex;flex-wrap: wrap;} .brosurList .container .brosurs{display: flex;flex-direction: column;margin: 10px;flex: 1 0 48%;} .brosurList .container .brosurs h1{border-bottom: 1px solid #ddd;margin: 10px 0 0;padding: 10px 0 12px;font-size: 15px;color: #29303d;} .brosurList .container .brosurs:first-child h1{border-top:unset;} .brosurList .container .brosurs .single{display: flex;justify-content: space-between;padding: 7px;border-bottom: 1px solid #ddd;margin: 0 20px;align-items: center;transition: all.3s;} .brosurList .container .brosurs .single:first-child{border-top: unset;} .brosurList .container .brosurs .single .left{font-size: 13px;} .brosurList .container .brosurs .single:hover{color:#007f1e;transition: all.3s;} .brosurList .container .brosurs .single .left i{padding-right: 9px;} .brosurList .container .brosurs .single .right i{color: #007f1e;font-size: 23px;} /*Belge Photo*/ .docsList{width: 100%;} .docsList .container{display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;} .docsList .container .single{position: relative;width: 100%;display: flex;/* padding: 20px; */flex-direction: column;flex: 0 0 29%;transition: all .3s;/* border: 1px solid #29303d; */margin: 15px;} .docsList .container .single img{width: 100%;height: 225px;object-fit: contain;} .docsList .container .single:before{content: '';position: absolute;right: 0;bottom: 18px;border-bottom: 0px solid transparent;border-top: 60px solid transparent;border-right: 60px solid #007f1e;} .docsList .container .single .plus{position: absolute;right: 10px;bottom: 9px;color: #ffffff;transition: all .3s;} .docsList .container .single:hover{transform: scale(1.1);transition: all .3s;} .docsList .container .single:hover .plus{color: #29303d;transition: all .3s;} .docsList .container .single .title{width: 100%;text-align: center;color: #ffffff;font-weight: 500;background: #007f1e;/* margin-top: 4px; */padding: 7px;font-size: 12px;transition: all .3s;} .docsList .container .single:hover .title{color: #29303d;transition: all .3s;}