html{width:100%; height: 100%;position: relative;}
body{width:100%;margin:0;overflow-x: hidden; background: #cecece;}
a, a img{text-decoration:none;outline:none;border:none;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.clr{ clear:both; height:0;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;color: #181818; font-family: 'Montserrat', sans-serif;}
a:focus {outline: 0;}
header{position: absolute;left: 20px;top: 7px; z-index: 99;transition: 0.5s ease 0s;margin-left:0px;z-index: 99;}
header.active{ position: fixed;}
.fixed header{ position: fixed;}
.fixed:before{ content:''; position: fixed; left: 0px; top: 0px; width: 100%; height: 60px; z-index: 9; background: rgba(255,255,255,0.7) }



.mask { background: radial-gradient(circle 80px at var(--x,0) var(--y,0), transparent 100%,black 100%) fixed; background-clip: text; -webkit-background-clip: text; color:transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.7px; -webkit-text-stroke-color: #000; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; display: block; float: left; color: #fff; clear: both; font-family: 'Graphik Web'; font-weight: 900; margin-top: 0; line-height: 1.2; }
.mask:hover{ cursor:none;}

.nav-right{position: fixed;right:0;top:0;height: 100%;width:50px;background-color: #ec1d24;z-index: 999;}
.nav-right.red{ background-color: #e40a12; }
.menu-icon{position:relative;float:left;min-width: initial;height: 40px;margin-left: 0;padding: 0;cursor:pointer;width: 100%;text-align: center;padding-top: 30px;}
.menu-icon a{position:relative;width:100%;height: 40px;display: inline-block;text-align: center;}
.menu-icon a::before,.menu-icon a i,.menu-icon a::after{content:"";display:block;position:absolute;left: 50%;top:0;width: 24px;height:1px;background:#ffffff;transition: all 0.3s ease-in-out;margin-left: -12px;}
.menu-icon a::before{top:0;}
.menu-icon a i{width: 24px;top: 16px;overflow:hidden;/* display: none; */}
.menu-icon a::after{top: 8px;}
.menu-icon.active::before{ display:none;}
.menu-icon.active a:before {-webkit-transform: translateY(3px) rotate(130deg);-moz-transform: translateY(3px) rotate(130deg);-o-transform: translateY(3px) rotate(130deg);-ms-transform: translateY(3px) rotate(130deg);transform: translateY(3px) rotate(130deg); display:block;}
.menu-icon.active a:after {-webkit-transform:  translateY(-5px) rotate(-130deg);-moz-transform:  translateY(-5px) rotate(-130deg);-o-transform:  translateY(-5px) rotate(-130deg);-ms-transform:  translateY(-5px) rotate(-130deg);transform: translateY(-5px) rotate(-130deg);}
.menu-icon.active i{ width:0;}
.line {display: block;white-space: nowrap;overflow: hidden;}
.text-area{position: absolute;left:50%;transform: translate(-50%,-50%);z-index: 3;top: 50%;padding-left: 39px;/* overflow:hidden; */}
.text-area .border{ position: absolute; left:0; top:0; width:13px; height: 86px; background:#ec1d24; }
.text-area small{font-size: 17px;font-weight: 500;color: #181819;float: left;width: 100%;}
.text-area div{font-family: 'Roboto Slab', serif;font-size: 50px;font-weight: bold;}
.text-area p{font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #181818;margin-top: 20px;margin-left: -37px;width: 95%;}

header .logo{background:url(../img/logo.svg) no-repeat;width: 300px;display: block;height: 63px;background-size:cover;}
header.active .logo{background:url(../img/logo.svg) no-repeat;background-size: 100% !important;}
.head-right.active *{color:#fff;}
.bayi-btn{ width: fit-content; background: #000; font-size: 15px!important; padding: 10px 25px; margin-top: 40px; }
.bayi-btn2{ display: none!important; }
.sessiz{ display: none!important; }
.detail .text-area .border{height: 60px; }

.head-right{position: absolute; right:124px; top:0; z-index: 99; margin-top:20px}
.fixed .head-right{ position: fixed; }
.head-right .lang{position: relative; float:left;}
.head-right .search{ float:left; }
.head-right .lang{margin-right: 28px;margin-top: 3px;}
.head-right .lang a{font-size:16px;font-weight: 600;margin-right: 16px;}
.head-right .lang .langbtn{ float: right; font-size:14px;font-weight: 600;margin-right: 16px;}
.head-right .lang .size{font-size:12px;font-weight: 600;margin-right: 16px;}
.head-right .lang a:hover{ color: #ec1d25; }
.head-right .lang .langbtn:hover{ color: #ec1d25; }
.head-right .lang a img{ position: relative; top: 2px;height: 18px; }
.head-right .lang a::after{position: absolute;right: -7px;top: 8px;width: 16px;height: 9px;content:'';background: url(../img/arrow1.png);background-size: cover;}
.head-right .lang .langbtn::after{position: absolute;right: -7px;top: 8px;width: 16px;height: 9px;content:'';background: url(../img/arrow1.png);background-size: cover;}
.head-right.active .lang a::after{background: url(../img/arrow2.png);background-size: cover;}
.head-right.active .lang .langbtn::after{background: url(../img/arrow2.png);background-size: cover;}
.drop-lang{ display: none; }
.langbtn{ cursor: pointer; }
.langbtn:hover .drop-lang{ display: block; position: relative; left: 22px; }
.drop-lang li a{ float: left; margin-bottom: 3px!important; }
.langbtn:hover .drop-lang a::after{ display: none; }
.head-right .search{margin-top: 6px;position: relative;}
.head-right .search::after{position: absolute;right: -26px;top: 0px;width: 16px;height: 16px;content:'';background: url(../img/search.png);background-size: 100%;}
.head-right.active .search::after{background: url(../img/search2.png); background-size: cover; }

.social-right{ position: absolute; bottom: 0; left:0; bottom:30px; width:100%;}
.social-right a{ width:100%; margin: 5px 0px; float: left; }
.social-right a img{ display: block; margin:0 auto; }

.home-slides{position:relative;float:left;width:100%;background: #cecece;z-index: 3;}
.home-slides.half{ height: 75vh; }
.home-arrow {position: absolute; left:50%;transform: translate(-50%,0%);bottom: 18%;z-index: 3; cursor: pointer;}
.home-arrow .img1{ display: block; margin:0 auto; position: relative; z-index:2;  }
.home-arrow .img2{display: block; height:32px; margin:0 auto; margin-top: -10px; }
.home-slides.top-banner{ background: #fff; padding-top: 80px; margin-bottom: -10px; }
.home-slides.top-banner .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px!important; position: absolute!important; bottom: 10px!important; left: 50%!important; margin-left: -35px!important; }
.home-slides.top-banner{ width: calc(100% - 50px); }

.home-slides.top-banner .owl-nav{ display:block!important; }
.home-slides.top-banner .owl-nav .owl-prev {
    margin-right: 10px !important;
    font-size: 0 !important;
    background: url(../img/back.svg) no-repeat !important;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 30px;
    top: 38%;
}
.home-slides.top-banner .owl-nav .owl-next {
    margin-right: 10px !important;
    font-size: 0 !important;
    background: url(../img/back.svg) no-repeat !important;
    width: 24px;
    height: 24px;
    position: absolute;
    transform: rotate(-180deg);
    right: 30px;
    top: 38%;
}
.home-slides.top-banner .owl-theme .owl-nav.disabled+.owl-dots{ display:none; }


.home-teaser{float:left;width:100%;background: #cecece;padding-bottom: 25px;padding-top:100px;/* margin-bottom: 40px;border-bottom: 1px solid #d9d9d9; */position: relative;z-index: 3;}
.home-teaser h2{ text-align: center; width:100%; color: #181818; font-size:38px;font-family: 'Roboto Slab', serif; font-weight: bold; }
.home-teaser h3{ text-align: center; width:100%;margin-top:20px; color: #181818; font-size:22px;font-family: 'Roboto Slab', serif; font-weight: bold; }
.home-teaser p{ text-align: center; width:100%; color: #181818; font-size:17px; font-weight: 300; margin-top:20px;; }
.home-teaser h2 span{ color: #ec1d24;}

.teaser-items{width: 1120px;margin:0 auto;margin-top: 90px;display:flex;flex-wrap:wrap;grid-gap:20px;}
.teaser-items a{width: calc(25% - 15px);float:left;display: inline-block;top:0;position: relative;transition: 0.4s ease-in 0s;}
.teaser-items a:hover{ top:-20px;}

.teaser-items a:hover.first::after{ position:absolute; left:0; top:-15px; width:132px; height:15px; content: '';  background:#ec1d24; transition: 0.4s ease-in 0s; }
.teaser-items a:hover.first::before{ position:absolute; left:-15px; top:-15px; width:15px; height:220px; content: '';  background:#ec1d24; transition: 0.4s ease-in 0s; }

.teaser-items a img{margin-bottom: 0;width: 100%;}
.teaser-items a:last-child{ margin-right: 0;}
.teaser-items a p{ font-size: 19px;font-weight: bold;font-stretch: normal;font-style: normal;line-height:27px; min-height: 60px; letter-spacing: normal;text-align: center;color: #181818;}
.teaser-items a span{ width:100%; position: absolute; left:0; opacity: 0; bottom:-27px; height:4px; transform: scale(0); background: #ec1d24; display: block; transition: 0.4s ease-in 0s;}
.teaser-items a:hover span{ transform: scale(1); opacity: 1; }

.home-energy{float:left;width:100%;position: relative;z-index: 3;background: #b1b1b1;}
.home-energy:before{content: '';position: absolute;top: 0px;left: 0px;background: linear-gradient(rgb(206 206 206) 15%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.5) 75%, rgb(206 206 206) 85%);width: 100%;height: 100%;z-index: 1;} 
.home-energy img{width:100%;border-bottom: 1px solid #cecece;}
.home-energy .centerArea{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); z-index: 2; }
.home-energy .centerArea span{font-family: 'Roboto Slab', serif; font-weight: bold; color: #fff; font-size:50px; display:block; text-align: center; }
.home-energy .centerArea small{font-family: 'Roboto Slab', serif; font-weight: 300; color: #fff; font-size:36px; display:block; text-align: center; }
.home-energy .centerArea p{ font-size: 17px;font-weight: 500; margin-top:15px; margin-bottom: 15px; font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #fff;}
.home-energy .centerArea .border-top{width:224px;height:115px;position: absolute;left:50%;top:-125px;border-top:10px solid #fff;margin-left: -112px;}
.home-energy .centerArea .border-top::after{ width:10px; height:115px; right:0; top:0; content: ''; background: #fff; position: absolute; }
.home-energy .centerArea .border-top::before{ width:10px; height:115px; left:0; top:0; content: ''; background: #fff; position: absolute; }

.home-energy .centerArea .border-bottom{width:224px;height:44px;position: absolute;left:50%;bottom:-55px;border-bottom:10px solid #fff;margin-left: -112px;}
.home-energy .centerArea .border-bottom::after{ width:10px; height:44px; right:0; top:0; content: ''; background: #fff; position: absolute; }
.home-energy .centerArea .border-bottom::before{ width:10px; height:44px; left:0; top:0; content: ''; background: #fff; position: absolute; }

.calculate{position: absolute;bottom:-40px;left:50%;transform: translate(-50%,0);background:#ec1d24;width:224px;height:46px;line-height: 40px;text-align: center;color:#fff;bottom: -170px;}
.calculate span{border-bottom: 2px solid #fff;font-size:17px !important;font-weight: normal !important;display: inline!important;padding-bottom: 0;}
.calculate:hover{ background:#fff; color: #ec1d24;}
.calculate:hover span{ color:#ec1d24;border-bottom: 2px solid #ec1d24;}

.hover-home-content{float:left;width:100%;margin-top:130px;height: 2850px;position: relative;z-index: 1;}
.hover-home-content .in{position: fixed;left: 0;top: 50%;width: 100%;transform:  translate(0%, -50%);transition: 0.4s ease-in 0s;}
.hover-home-content .in.hide{ transform: translate(0%, -180%); opacity: 0; }
.hover-home-content .title-top-area{float:left;width:100%;position: relative;opacity: 0;top:-150px;transition: 0.4s ease-in 0s;}
.hover-home-content .title-top-area.active{ top:100px; opacity: 1; z-index: 9; }
.hover-home-content h3{font-size: 38px;font-weight: bold; font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #181818;}
.hover-home-content p{ font-size: 17px;font-weight: 500; margin-top:20px; margin-bottom: 80px; font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #616161;}
.hover-home-content .centerArea{width:820px;margin:0 auto;position: relative;}
.hover-home-content .centerArea .left{width:50%;float:left;position:relative;left: 30px;transition: 0.2s ease-in 0s;opacity: 0;left:0;}
.hover-home-content .centerArea .left.active{ left:40px; opacity: 1; min-height: 630px;}
.hover-home-content .centerArea .left.active img{ width: 87%; top: 60px; position: relative; }
.hover-home-content .centerArea .left::after{width:420px;position: absolute;left: -124%;top: 120px;height:420px;content: '';background: url(../img/dot.png) no-repeat;}
.hover-home-content .centerArea .left span{position: absolute;border-radius: 100%;text-align: center;background: #000;color: #fff;width:44px;height:44px;line-height: 44px;transition: 0.4s ease-in 0s;cursor: pointer;}
.hover-home-content .centerArea .left span.num1{ top: 170px; right: 165px; }
.hover-home-content .centerArea .left span.num2{ top: 255px; right: 196px; }
.hover-home-content .centerArea .left span.num3{ top: 53px; right: 50px; }
.hover-home-content .centerArea .left span.num4{ top: 225px; right: 254px; }
.hover-home-content .centerArea .left span.num5{ top: 400px; right: 375px; }
.hover-home-content .centerArea .left span.active{background: #ec1d24; }
.hover-home-content .centerArea .right{width:50%;float:left;margin-top: 140px;transition: 0.4s ease-in 0.4s;padding-left: 80px;position: relative;left: auto; opacity:0; right:-150px;}
.hover-home-content .centerArea .right.active{ right:0; opacity: 1;}
.hover-home-content .centerArea .right .item-row{float:left;cursor: pointer;width:100%;margin-bottom: 20px;position: relative;}
.hover-home-content .centerArea .right .item-row.active span{ background:#ec1d24;}
.hover-home-content .centerArea .right .item-row span{ transition: 0.4s ease-in 0s; display: inline-block; margin-right:15px; border-radius: 100%; background: #000; width:44px; height:44px; line-height: 44px;  font-size: 18px; text-align: center; color: #fff; }
.hover-home-content .centerArea .right .item-row small{font-size: 20px; transition: 0.4s ease-in 0s; font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.42;letter-spacing: normal;color: #7a7a7a;}
.hover-home-content .centerArea .right .item-row:hover span{background: #ec1d24; }
.hover-home-content .centerArea .right .item-row:hover small{color: #ec1d24; }


.shapes{position:absolute;left: 55%;z-index: 2;top: 70px;transform: translate(-50%, 14.8%);transition: 0.4s ease-in-out 0s;}
.shapes.active{left: 36.6%;}
.shapes.hide{ opacity: 0; transition: 0s ease-in-out 0s; visibility: hidden; pointer-events: none;}
.shapes img{height: 630px;position: absolute;left:0;top:0;opacity: 0;transition: 0.2s ease-in-out 0s;}
.shapes img.img1{opacity: 1;}
.shapes img.img2{opacity: 1;}
.shapes img.img3{opacity: 1;}
.shapes .shape1{ position: relative;}

.big-right-text{position: absolute;right: -20%;top: 207px;font-size: 118px;font-weight: bold;font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #d9d9d9;opacity: 0.47;}
.row-fullwidth{ width: 100%; display: block; float: left; }
.home-bottom-slide{float:left;width:100%;padding-bottom: 30px; position: relative;z-index: 4;/* overflow: hidden; */}
.home-bottom-slide .owl-home-bottom-slide{width:1170px;margin: 0 auto;margin-top: 0; display: block;}
.home-bottom-slide .text-area{position: absolute;background:#fff;width:466px;height:347px;padding: 45px 46px 96px 46px;right: 0;left: auto;transform: translate(0%, -50%);}
.home-bottom-slide .text-area img{ width:auto !important;}
.home-bottom-slide .text-area .title-top{font-size: 21px; margin-top:24px; font-family: 'Roboto Slab', serif; margin-bottom: 15px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818;}
.home-bottom-slide .text-area p{font-size: 17px;font-weight: 400;font-stretch: normal;font-family: Montserrat;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;margin-left: 0;margin-top: 0;width: 100%;}
.home-bottom-slide .owl-nav{position: absolute;right: 430px; bottom: 26%;z-index: 8;}
.home-bottom-slide .owl-nav .owl-prev{ margin-right:10px !important; font-size:0 !important; background: url(../img/back.svg) no-repeat !important; width:24px; height:24px; }
.home-bottom-slide .owl-nav .owl-next{ margin-right:10px !important; font-size:0 !important; background: url(../img/back.svg) no-repeat !important; transform: rotate(-180deg); width:24px; height:24px; }

.accordion-home-content{width:100%;float:left;padding-bottom: 120px; position: relative;z-index: 4; padding-top: 30px;}
.accordion-home-content h3{ font-size: 38px;font-family: 'Roboto Slab', serif;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #181818;}
.accordion-home-content p{ font-size: 15px; font-weight: 400; margin-bottom: 30px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #363636; line-height: 26px; margin-top: 20px; }
.accordion-area{margin:0 auto; width:970px; }
.accordion-area .accor-title{float:left;font-family: 'Roboto Slab', serif;width:100%;height:75px;line-height: 75px;border: solid 1px #b2b0b0;font-size: 17px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818; padding: 25px 35px; margin-top: 20px;cursor: pointer; position: relative;}
.accordion-area .accor-title::after{position: absolute;right: 30px;top:50%;transform: translate(-50%,-50%);content: '';width:24px;height:24px;background: url(../img/plus.svg) no-repeat;transition: 0.4s ease-in 0s;}
.accordion-area .accor-content{border-top: 0;float:left;width:100%;display:none;font-size: 17px;border:1px solid #b2b0b0;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;border-top: 0 !important;padding: 50px;padding-top: 20px;padding-bottom: 30px;margin-bottom: 20px;}
.accordion-area .accor-title.active{border-bottom: 0;margin-bottom: 0;}
.accordion-area .accor-title.active::after{transform: translate(-50%,-50%) rotate(225deg);}
.sub-image{ width: fit-content; padding: 10px 30px; border-radius: 30px; background: #E4E4E4; margin: auto; z-index: 999; }
.sub-image a{ width: fit-content; padding: 10px 30px; border-radius: 30px; background: #E4E4E4; margin: auto; z-index: 999; }
.sub-image img{ width: auto!important; }
.imgs{ position: relative; min-height: 400px; }
#kesit2s{ position: absolute; }
.text-center{ text-align: center!important; }


@-webkit-keyframes scroll {
0% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
25% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
35% {
-webkit-transform:translate(0,
200%);
transform:translate(0,
200%)
}
35.001% {
-webkit-transform:translate(0,
0%);
transform:translate(0,
0%)
}
100% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
}
@keyframes scroll {
0% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
25% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
35% {
-webkit-transform:translate(0,
200%);
transform:translate(0,
200%)
}
35.001% {
-webkit-transform:translate(0,
0%);
transform:translate(0,
0%)
}
100% {
-webkit-transform:translate(0,
100%);
transform:translate(0,
100%)
}
}

@-webkit-keyframes scrollOne {
0% {
-webkit-transform:translate(0,
0%);
transform:translate(0,
0%)
}
100% {-webkit-transform:translate(0,100%);transform:translate(0,100%)}}
@keyframes scrollOne {
0% {-webkit-transform:translate(0,0%);transform:translate(0,0%)}
100% {-webkit-transform:translate(0,100%);
transform:translate(0,100%)}}
.line {display: block;white-space:nowrap;overflow:hidden;}
.line_space {display:inline}
.letter {display:inline-block}
.letter_space {display:inline}
[data-split-letters] {opacity:0;overflow:hidden;margin-left:-2px}
[data-split-letters] .letter {opacity:1; -webkit-transform:translate3d(0px, 50px, 1px); transform:translate3d(0px,50px,1px);}
[data-split-letters].show {opacity:1}
[data-split-letters].show .letter {opacity:1;-webkit-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px);}
[data-split-letters-big] {opacity:0;overflow:hidden}
[data-split-letters-big] .letter {opacity:1; -webkit-transform:translate3d(0px,400px,1px);
transform:translate3d(0px,200px,1px)}
[data-split-letters-big].show {opacity:1}
[data-split-letters-big].show .letter {opacity:1;-webkit-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px)}

.splitting .char {
animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
animation-delay: calc(60ms * var(--char-index));
}

@keyframes slide-in {
from {transform: translateY(2em) scale(0.5);opacity: 0;}
}


footer{float:left;width:100%;background: #cecece;position: relative;z-index: 3;}
footer .footer-top{ float:left; width:100%; height:240px; position: relative;}
footer .footer-top .left{ float:left; width:50%; height: 100%; background: #383838; position: absolute; left:0; top:0;  }
footer .footer-top .right{ float:left; width:50%; height:100%; background: #4e4e4e; position: absolute; right:0; top:0; }

footer .center{width: 1255px;margin:0 auto;position: relative;z-index: 2;}
footer .center .item{float:left;width: 420px;height:240px;text-align: center;padding: 0 2%;transition: 0.2s ease-in 0s;}
footer .center .item.item2{background:#403f3f;width: 410px;}
footer .center .item .title{font-size: 21px;font-family: 'Roboto Slab', serif;margin-top: 70px;margin-bottom: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #ffffff;}
footer .center a:last-child .item .title{ margin-top: 50px; }
footer .center .item p{font-size: 16px;transition: 0.2s ease-in 0s;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;text-align: center;color: #aaa;}
footer .center .item:hover{background:#ec1d24; }
footer .center .item:hover p{ color:#fff; }

.footerLinksWrapper{ background: #282727; float:left; width:100%; padding:64px 0; padding-bottom: 20px; }
.footer-links{width:1140px;margin:0 auto;position: relative;height: 100%;}
.footer-links .item{ float:left; width:35%; margin-bottom: 60px; min-height: 240px; }
.footer-links .item a{ font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.89; letter-spacing: -0.11px; color: #7a7a7a; display: block; }
.footer-links .item a b{ color: #808080; } 
.footer-links .item a:hover{ color: #ec1d25; }
.footer-links .item:nth-child(1){ width:25%; }
.footer-links .item:nth-child(2){ width:25%; }
.footer-links .item:nth-child(3){ width:25%; }

.footer-links .item:nth-child(4){ width:25%; }
.footer-links .item:nth-child(5){ width:35%; }
.footer-links .item:nth-child(6){ width:30%; }


.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}


.social{float:left; width:100%; margin-left: 0%; margin-top: -40px; }
.social a{margin-right: 10px;}
.social a:hover{ opacity: 0.4;}
.ebulten{width: 373px;position: absolute;right: 58px;bottom: 15px;height:60px;border: solid 2px #7a7a7a;}
.ebulten input{width:300px;border:0;height:60px;padding: 0 0 0 32px;background: none;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #7a7a7a;float: left;}
.ebulten button{height:60px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;background:#ec1d24;color:#fff;line-height: 1;width: 74px;border:0;cursor: pointer;float:left;position: absolute;right: -2px;top: -2px;font-size: 35px;font-family: cursive;}
.ebulten button:hover{ background: #000;}

.footer-bottom{ float:left; width:100%; background-color: #cecece; height:60px;}
.footer-bottom .center{ width:1140px; margin:0 auto; }
.footer-bottom .center .left{ float:left; padding-top: 20px;  font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.89; letter-spacing: normal; color: #7a7a7a;}
.footer-bottom .center .left a{font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.89; letter-spacing: normal; color: #7a7a7a;}
.footer-bottom .center .right{float:right;padding-top: 6px;padding-right: 50px;}


.detail-tab-area{float:left;width:100%; background: #fff; padding:60px 0;  }
.detail-tab-area .colmd50{ float: left; width: 50%; font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161; }
.detail-tab-area .colmd120{margin-top:60px; float: left; width: 100%; font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161; }

.detail-tab-area .colmd50 .title{  font-size: 21px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818; font-family: 'Roboto Slab', serif; margin-bottom: 16px;}
.detail-tab-area .colmd120 .title{  font-size: 21px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818; font-family: 'Roboto Slab', serif; margin-bottom: 16px;}
.detail-tab-area .colmd50 p{ font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}
.detail-tab-area .colmd120 p{ font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}
.detail-tab-area .colmd50 ul{ margin: 0px 30px; }
.detail-tab-area .colmd120 ul{ margin: 0px 30px; }

.detail-tab-area .colmd50 li{ list-style:disc; margin-bottom: 8px; font-size: 15px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.37;letter-spacing: normal;color: #616161;}
.detail-tab-area .colmd120 li{ list-style:disc; margin-bottom: 8px; font-size: 15px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.37;letter-spacing: normal;color: #616161;}

.detail-tab-area .center{width: 1132px;margin:0 auto;}
.detail-tab-area .center .left{float:left;width: 48%;padding-right: 30px; position: relative; overflow: hidden; min-height: 500px; }
.detail-tab-area .center .left img{ width:100% !important;}
.detail-tab-area .center .left video{ position: relative; width: 135%; left: -75px; }
.detail-tab-area .center .right{float: right;width: 52%;margin-top:130px;}
.detail-tab-area .center .right .btn-area{ float:left; width:100%; }
.detail-tab-area .center .right .btn-area a{width:172px;height:46px;line-height: 46px;display: inline-block;text-align: center;margin-right: 18px;border-radius: 23px;border: solid 2px #e4e4e4;background-color: #ffffff;}
.detail-tab-area .center .right .btn-area a:last-child{ margin-right:0; }
.detail-tab-area .center .right .btn-area a.active,.detail-tab-area .center .right .btn-area a:hover{  background:#ec1d24; color:#fff; }
.detail-tab-area .center .right .content-tab-area{ float:left; width:100%; margin-top:32px;}
.detail-tab-area .center .right .content-tab-area .title{  font-size: 21px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818; font-family: 'Roboto Slab', serif; margin-bottom: 16px;}
.detail-tab-area .center .right .content-tab-area p{ font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}

.detail-icon-wrapper{ width:100%; float:left; background: #cecece; padding:128px 0;  }
.detail-icon-wrapper .center{ width:1250px; margin:0 auto; }
.detail-icon-wrapper .center .colm{ width:25%; float:left; padding-right: 25px; }
.detail-icon-wrapper .center .colm.three{ width:33%; }
.detail-icon-wrapper .center .colm .title-sub{ margin:20px 0;font-weight: bold; font-size:21px;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818; float:left; width:100%; font-family: 'Roboto Slab', serif;}
.detail-icon-wrapper .center .colm p{font-size: 14px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 25px; letter-spacing: normal;color: #616161;}
.detail-icon-wrapper .center .colm .img-div{ min-height: 50px; }

.energy-content{float:left;width:100%;padding-bottom: 100px;}
.energy-content .center{ width:1250px; margin:0 auto; }
.energy-content h3{ float:left; width:100%; text-align: center;font-size: 48px; margin-bottom:14px; font-weight: bold;font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #ec1d24; }
.energy-content h3 span{font-family: 'Roboto Slab', serif; color:#181818; font-size: 48px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.energy-content p{font-size: 15px;font-weight: 400;margin-bottom: 98px;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #616161; padding: 0px 150px; line-height: 25px; }
.energy-content .energy-btn{ font-size: 20px; font-weight: 500; background: #ec1d24; color: #fff; padding: 15px 20px; margin: auto; display: table; }
.energy-content .energy-btn:hover{ background: #282727; }
.tasarruf-img{ margin:0 auto; width:971px; position:relative; }
.tasarruf-img .numbers{position: absolute;left:0;top: 0;width:100%;height:68px;line-height: 68px;}
.tasarruf-img .numbers span{font-size: 21px;width: 11.5%;display: inline-block;text-align: center;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #ffffff;font-family: 'Roboto Slab', serif;padding-left: 28px;}
.energy-content .top-text{  width:970px; margin:0 auto;}
.energy-content .top-text .title-left{ float:left; margin-bottom: 32px; font-family: 'Roboto Slab', serif; margin-right:92px; font-size: 21px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818;}
.energy-content .top-text .colm{float:left;width:auto;margin-top: -14px; margin-right:255px;}
.energy-content .top-text .colm:last-child{ margin-right: 0;}
.energy-content .top-text .colm span{font-size: 16px; display: block; font-weight: normal;font-stretch: normal;font-family: 'Roboto Slab', serif; font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #181818;}
.energy-content .top-text .colm small{  font-size: 13px;color: #616161;font-family: 'Roboto Slab', serif; }

.energy-content .bottom-text{  width:970px; margin:0 auto; margin-top:20px;}
.energy-content .bottom-text .title-right{float:left;margin-bottom: 32px;font-family: 'Roboto Slab', serif;margin-left:430px;margin-right: 135px;font-size: 21px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818;}
.energy-content .bottom-text .colm{float:right;width:auto;margin-top: -9px;margin-right: 0;margin-left: 30px;}
.energy-content .bottom-text .colm:last-child{margin-right: 0;margin-left: 0;}
.energy-content .bottom-text .colm span{font-size: 16px; display: block; font-weight: normal;font-stretch: normal;font-family: 'Roboto Slab', serif; font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #181818;}
.energy-content .bottom-text .colm small{font-size: 13px;color: #616161;font-family: 'Roboto Slab', serif; }
.energy-content .bottom-text .right-area{float:right;margin-right: 52px;}


.detail-bottom-tab-area{float:left;width:100%;background:#fff;padding:44px 0;padding-bottom: 70px; min-height: 634px; z-index: 5; position: relative; }
.detail-bottom-tab-area .center{ width:1212px; margin:0 auto; position: relative; }

.tab-content-area{ float:left; width:100%; position:relative; min-height: 520px; }
.tab-content-area img.detailImg{float:left;width:auto;position: relative;left: -40px;}
#changewindowarea{ float: left; width: 520px; padding: 35px 0px; text-align: center; position: relative; }
#changewindowarea img{ width: 80%; margin: auto; float: none; }
#changecolorarea{ float: right; width: 190px; text-align: center; position: relative; }
#changecolorarea img{ float: right; width: 80%; padding: 35px 0px; }
.tab-content-area .text{float:left;width:500px;margin-top:180px;margin-left: -40px;position: relative;z-index: 2;}
.tab-content-area .text .title-sub{font-size: 36px; line-height: 36px; margin-bottom:20px; font-weight: bold;font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal; letter-spacing: normal;color: #181818;}
.tab-content-area .text p{font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}
.renkBigImg{position: absolute;right:0;top: 0px;}

.detail-bottom-tab-area .center .links{position: absolute;bottom: -94px;text-align: center;left:50%;transform: translate(-50%,0%);width: 1230px;}
.detail-bottom-tab-area .center .links a{margin-right:30px;display: inline-block;border: 2px solid #fff;position: relative;}
.detail-bottom-tab-area .center .links a:last-child{ margin-right:0;}
.detail-bottom-tab-area .center .links a img{display:block;}
.detail-bottom-tab-area .center .links a::after{border:4px solid #ec1d24;width: 51px;height: 46px;position: absolute;left: -4px;top: -4px;content:'';opacity:0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.detail-bottom-tab-area .center .links a.active::after, .detail-bottom-tab-area .center .links a:hover:after{ opacity:1;}

.detail-coursel{ float:left; width:100%; background:#cecece; padding:128px 62px; }
.detail-coursel h3{ float:left; width:100%; text-align: center;font-size: 48px; margin-bottom:24px; font-weight: bold;font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #ec1d24; }
.detail-coursel h3 span{font-family: 'Roboto Slab', serif; color:#181818; font-size: 48px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;}
.detail-coursel p.text{font-size: 17px;font-weight: 500;margin-bottom: 58px;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #616161;}
.detail-coursel .owl-carousel{ padding:0 20px;}
.detail-coursel .owl-carousel .owl-stage {zoom: 0.66;margin-left: 9%;}

.detail-coursel .owl-carousel .item{position: relative;/* overflow: hidden; */ margin: 20px; }
.detail-coursel .owl-carousel .item::after{position:absolute;left:30px;top: 4px;width:132px;height:15px;content: '';background:#ec1d24;opacity: 0;transition: 0.2s ease-in 0s;transform: scale(1.8);}
.detail-coursel .owl-carousel .item:hover::after{opacity:1;left:0;top:4px;transform: scale(1);}
.detail-coursel .owl-carousel .item::before{position:absolute;left:-15px;transition: 0.2s ease-in 0s;top: 4px;width:15px;height:220px;content: '';background:#ec1d24;z-index: 2;opacity: 0;transform: scale(1.8);left: -15px;top: 4px;}
.detail-coursel .owl-carousel .item:hover::before{opacity:1;left:-15px;top:4px;transform: scale(1);}
.detail-coursel .owl-carousel .owl-item img{ padding-top: 20px;}
.detail-coursel .owl-carousel .owl-item.active{ opacity: 1;}
.detail-coursel .owl-carousel .owl-item{ opacity: 0.3; transition: 0.2s ease-in 0s;}

.detail-accordion .accordion-area{ width:1170px; }
.detail-accordion .accordion-area .accor-title{background: #000;color: #fff;}
.accordion-area .accor-title::after{background: url(../img/plus2.svg) no-repeat;background-size: contain;}
.detail-accordion .accordion-area .accor-title.active{ background: #fff; color: #000;}
.detail-accordion .accordion-area .accor-content{background: #fff;padding:0;padding-bottom: 36px;padding-top: 20px;text-align: center;}
.detail-accordion .accordion-area .accor-content img{height: 270px;margin-top: 10px;display: inline-block;text-align: center;}
.detail-accordion .accordion-area .accor-title.active::before{width: 94%;position:absolute;left:50%;transform: translate(-50%,0%);content: '';height:2px;background:#e5e5e5;bottom: 10px;top: auto;}

.menu-wrapper{ position:fixed; left: auto; right:0; top:0; width:100%; height:100%; background:#ec1d24; z-index:99; display: none;}
.menu-wrapper .center{ position: absolute; left: 50%; top: 26px; width: 1172px;z-index: 99; transition: 0.5s ease 0s; padding-top: 75px; margin-left: -586px; z-index: 99;}
.menu-wrapper .center .img-link{ float:left; width:100%; }
.menu-wrapper .center .img-link a{display: inline-block; margin-right: 35px; width: 185px; }
.menu-wrapper .center .img-link a:last-child{ margin-right:0}
.menu-wrapper .center .img-link a p{font-size: 18px;margin-top:8px;font-weight: 600;font-stretch: normal;color: #ffffff;font-style: normal;line-height: 1.33;letter-spacing: -0.41px;color: #ffffff;float: left;}



.menu-links{ float:left; width:100%; margin-top:40px;}
.menu-links .colm{ width:25%; display:block; float:left; min-height: 240px; padding-right: 7px; }
.menu-links .colm:nth-child(2){ width:25%;}
.menu-links .colm:nth-child(3){ width:25%;}
.menu-links .colm:nth-child(3){ width:25%;}
.menu-links .colm a{ display:block; color: #fff; font-size:15px; margin-bottom: 8px; }
.menu-links .colm a b{ color: #ffffff; }
.menu-links .colm a:hover{ opacity: 0.6;}
.menu-wrapper .center .img-link a{ position: relative; top:0;}
.menu-wrapper .center .img-link a:hover{ top:-15px;}


/*home*/
.home-white-content{ float:left; width:100%; background:#fff; padding:128px 0; } 
.home-white-content .center{ width:1170px; margin:0 auto;}
.home-white-content .center p{  font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #616161;}

.our-main-goal{background-color: #cecece; float:left; width:100%; padding: 50px 0; }
.our-main-goal .center{ width:1170px; margin:0 auto;}
.our-main-goal .title-area{ text-align:center; margin-bottom: 48px;}
.our-main-goal .title-area h2{  font-size: 48px; margin-bottom:20px; font-weight: bold;font-family: 'Roboto Slab', serif;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #181818;}

.our-main-goal .row-area{ float:left; width:100%; margin-bottom: 58px;}
.our-main-goal .row-area .text{float:left; width:50%; padding-top: 90px; padding-right: 27px;}
.our-main-goal .row-area .text h3{font-size: 21px; margin-bottom: 18px; font-weight: bold;font-stretch: normal;font-family: 'Roboto Slab', serif;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818;}
.our-main-goal .row-area .text p{ font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}
.our-main-goal .row-area:nth-child(2n+0) .text{ float:right; padding-left: 27px; padding-right: 0;}


.our-main-goal .row-area .img{float:left; width:50%;}
.our-main-goal .row-area .img img{ display: block; width:100%;}

.categories-wrapper .categories-row:nth-child(2n+0){background:#fff;}
.categories-row{ float:left; width:100%; height:100vh; position: relative; }
.categories-row .home-arrow{bottom:4%}
.categories-row .center{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 1270px;}
.categories-row .center .img{ float:left; width:46%;}
.categories-row .center .img img{display:block;margin:0 auto;width: 60%;}
.categories-row .center .text{ float:left; width:50%; padding-top:120px;}
.categories-row .center .text .product-detail-btn{ background: #ec1d25; color: #fff; padding: 10px 15px; float: left; margin: 15px 0px; font-weight: 500; font-size: 15px; }
.categories-row .center .text h3{font-size: 60px; margin-bottom: 24px; position: relative; padding-left: 55px; font-weight: bold;font-stretch: normal;font-style: normal;font-family: 'Roboto Slab', serif;line-height: 1;letter-spacing: normal;text-align: left;color: #181818; }
.categories-row .center .text h3::before{ position: absolute; left:0; top:0; width:13px; height:60px; content: '';  background-color: #ec1d24; }
.categories-row .center .text p{ font-size: 17px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #181818;}


.contact-head{ float:left; width:100%;}
.contact-head.white-bg { padding: 75px 0px; background: #fff; }
.contact-head img.banner{ display:block; width:100%;}
.contact-head .center{ width:1170px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.contact-head .center .left{width:50%; float:left;}
.contact-head .center .left h4{font-size: 50px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: left;font-family: 'Roboto Slab', serif;color: #181818;padding-left: 50px;margin-bottom: 48px;}
.contact-head .center .left h4::after{position: absolute;content:'';width:13px;height:60px;background:#ec1d24;left: 0;top: 0;}
.contact-head .center .left .address{ float:left; width:100%;}
.contact-head .center .left .address .row-area{float:left; width:100%; margin-bottom: 5px;}
.contact-head .center .left .address .row-area .colm{display: inline-block;width: 120px;vertical-align: top;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;}
.contact-head .center .left .address .row-area .colm:last-child{ width:auto}
.contact-head .center .right{width:50%; float:left;}
.contact-head .center .right .form{ float:left; width:100%;}
.contact-head .center .right .form .row-form{margin-bottom: 20px; float:left; width:100%;}
.contact-head .center .right .form .colm-form{float:left;width:48%;margin-right: 4%;}
.contact-head .center .right .form .colm-form:nth-child(2n+0){ margin-right: 0;}
.contact-head .center .right .form .colm-form input{font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;background: none;height:50px;border: solid 2px #181818;padding-left: 17px;width: 100%;}
.contact-head .center .right .form textarea::placeholder, .contact-head .center .right .form .colm-form input::placeholder{color: #181818; }
.contact-head .center .right .form .colm-form select{ width:100%; font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818; background: none; height:50px; border: solid 2px #181818; padding-left: 17px; }
.contact-head .center .right .form textarea{padding-top: 20px;width:100%;height:115px;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;background: none;border: solid 2px #181818;padding-left: 17px;resize: none;outline: none;}
.row-form button{ float:right; width:45%; margin-top:14px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #ffffff; height:60px; background:#ec1d24; border:1px solid #ec1d24;color: #fff; cursor: pointer; }
.row-form button:hover{ background:#fff; color: #ec1d24;}

.merak-btn{ float: none; padding: 15px 30px; position: relative; top: 35px; width: 45%; margin-top:14px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #ffffff; height:78px; background:#ec1d24; border:1px solid #ec1d24;color: #fff; cursor: pointer; }
.merak-btn:hover{ background:#fff; color: #ec1d24;}
       
#YMapsID{ width:100%; height:600px; float:right; overflow:hidden;}
#map-control-panel{ background:#000;}
#mapcontent img.attachment-thumbnail{ position:relative; left:-40px;}

.timeline-banner{width:100%; float:left; position: relative; }
.timeline-banner .text-area2{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; }
.timeline-banner .text-area2 span{width:173px;height:194px;font-size: 84px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 0.88;letter-spacing: normal;text-align: center;color: #ffffff;background:#ec1d24;margin:0 auto;text-align: center;display: block;font-family: 'Roboto Slab', serif;padding-top: 20px;}
.timeline-banner .text-area2 p{ margin-top:20px; font-size: 17px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;text-align: center;color: #181818;}


.timeline-1-content{float:left;width:100%;position: relative;padding-bottom: 220px;}
.timeline-1-content::after{ content: ''; width:10px; position: absolute; top:140px; left:50%; height: 100%; transform: translate(-50%,0); background:#bfbfbf; }
.timeline-1-content::before{content: '';width: 34px;position: absolute;top: 100px;left:50%;height: 496px;transform: translate(-50%,0);background:url(../img/line.png) no-repeat center;z-index: 2;}
.timeline-1-content .row-time-line{ width:100%; float:left; margin-bottom: 190px; }
.timeline-1-content .center{ width:1170px; margin: 0 auto}
.timeline-1-content .row-time-line span{width:100%;float:left;font-size: 60px;font-weight: bold;font-stretch: normal;font-family: 'Roboto Slab', serif;font-style: normal;line-height: 1.23;letter-spacing: normal;text-align: center;color: #ec1d24;position: relative;z-index: 2;}
.timeline-1-content .row-time-line .row-area{ float:left; width:100%; margin-top: 60px;}
.timeline-1-content .row-time-line .row-area .text{ float:left; width:50%; padding-right: 30px;font-size: 17px; padding-top: 110px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #616161;}
.timeline-1-content .row-time-line img{ float:right; width:48%; margin-left: 2%;}
.timeline-1-content .row-time-line:nth-child(1) img{position: relative;left: -20px;z-index: 2;}

.timeline-2-content{float:left;width:100%;position: relative;padding-bottom: 220px;}
.timeline-2-content .row-time-line{width:100%;float:left;margin-bottom: 50px;position: relative;}
.timeline-2-content .center{ width:1170px; margin: 0 auto}
.timeline-2-content .row-time-line span{width: auto;float:left;font-size: 84px;font-weight: bold;font-stretch: normal;font-family: 'Roboto Slab', serif;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #fff;position:absolute;left: 0;z-index: 2;background: #ec1d24;width: 230px;height: 194px;padding-top: 10px;text-align: right;padding-right: 50px;top: 22%;}
.timeline-2-content .row-time-line .row-area{float:left;width:100%;margin-top: 60px;position: relative;}
.timeline-2-content .row-time-line .row-area .text{float:left;width:50%;padding-right: 30px;font-size: 17px;padding-top: 110px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.47;letter-spacing: normal;color: #181818;position: absolute;left: 0;top: 37%;font-weight: 500;line-height: 1.5;}
.timeline-2-content .row-time-line img{ float:right; width:100%;}


.showroom-search-area{width: 772px;margin:0 auto;margin-top: 32px;background: #fff;padding:58px 100px;position: relative;margin-bottom: 110px;}
.showroom-search-area::after{width:1170px;position: absolute;bottom:-30px;height:210px;content: '';background:#ec1d24;left: -210px;z-index: -1;}
.showroom-search-area .title{font-size: 24px;font-weight: bold; margin-bottom: 32px; font-stretch: normal;font-style: normal;line-height: 1.42;letter-spacing: normal;color: #181818;}
.showroom-search-area .select{ width:100%; float:left; }
.showroom-search-area .select select{ width:48%; float:left;border: solid 2px #181818;   font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;height:50px; padding-left: 12px; }
.showroom-search-area .select select:last-child{float:right; }
.showroom-search-area button{ width:100%; height:76px; cursor: pointer; background-color: #ec1d24; text-align: center; margin-top:20px; border:0; color:#fff; font-size:17px}


.result-showroom{width:1170px;margin:auto;margin-bottom: 150px;overflow: hidden;}
.result-showroom .item{padding: 32px 41px 32px 32px;margin-bottom: 32px;border: solid 2px #616161;float:left;width: 49%;margin-right:2%;height: 170px;}
.result-showroom .item .title{ font-size: 21px;font-weight: bold; margin-bottom: 15px; font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #181818;}
.result-showroom .item:nth-child(2n+0){ margin-right:0;}
.result-showroom .item p{line-height: 1.4;}
.sales-page-form{position: relative;margin-bottom: 80px;}
.sales-page-form.contact-head .center{ position: relative;}

.gray{ background: #cecece; }
.filterdiv{ position: relative; margin: 0px 15px; }
.filterdiv:before{ content:''; position: absolute; left: 0px; bottom: -50px; width: 100%; height: 110px; background: #ec1d25; }
.filter-bg{ background: #fff; width: 60%; padding: 30px 20px; margin: auto; text-align: center;float: none; display: block; min-height: 260px; position: relative; z-index: 9; }
.filter-bg h3{ text-align:left; margin-bottom: 30px; }
.filter-bg input { font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.59; letter-spacing: normal; color: #181818; background: none; height: 50px; border: solid 2px #181818; padding-left: 17px; width: 100%; margin-bottom: 30px; }
.filter-bg select { width: 100%; font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.59; letter-spacing: normal; color: #181818; background: none; height: 50px; border: solid 2px #181818; padding-left: 17px;  margin-bottom: 30px;}
.filter-bg .colm{ width: 100%; padding: 0px 15px; float: left; }
.filter-bg .colm5{ width: 50%; padding: 0px 15px; float: left; }
.filter-bg button { float: right; width: 45%; margin-top: 14px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #ffffff; height: 60px; background: #ec1d24; border: 1px solid #ec1d24; color: #fff; cursor: pointer; }
.filter{ margin:40px 0px; margin-top: 100px; float: left; width: 100%; }
.filter .colm{ width: 100%; padding: 15px 15px; float: left; font-size: 15px; color:#565656; text-align: center; }
.filter .firmlist{ height: auto; min-height: 305px; background: #fff; text-align: left; padding: 15px 25px; padding-bottom: 0px; line-height: 27px; float: left; border: 2px solid #181818; width: 47%; margin: 15px; margin-bottom: 20px;margin-top: 10px; font-weight: 400; font-size: 16px; color: #464646; }
.filter .firmlist.col3{ width: 30%!important; margin: 15px; }
.filter .firmlist .col-half{ width: 48%!important; float: left; margin: 15px 0px; }
.filter .firmlist .col-half .btn{ background: #ec1d25; color: #fff; padding: 10px 15px; float: left; width: 95%; margin: 15px 0px; font-weight: 500; font-size: 15px; position: relative; top: 20px; }
.filter .firmlist .col-half .btn2{ background: #ec1d25; color: #fff; padding: 10px 15px; float: right; width: 95%; margin: 15px 0px; font-weight: 500; font-size: 15px; position: relative; top: 20px; }
.filter .firmlist b{ font-size: 18px; font-weight: 600; color: #181818; line-height: 40px; }

.popup-container-teaser{width:772px;position:fixed;padding: 58px 100px;left:50%;top:50%;transform: translate(-50%,-50%);transition: 0.5s ease 0s;background:#fff;opacity: 0;visibility: hidden;pointer-events: none;z-index: 999;}
.popup-container-teaser .close{ position: absolute; top:0; right:0; cursor: pointer;  }
.popup-container-teaser .title{ margin-bottom: 30px; font-size: 24px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.42;letter-spacing: normal;color: #181818;}
.popup-container-teaser  .row-form{margin-bottom: 20px; float:left; width:100%;}
.popup-container-teaser  .row-form button{width:100%;margin: 0;}
.popup-container-teaser  .colm-form{float:left;width:48%;margin-right: 4%;}
.popup-container-teaser  .colm-form:nth-child(2n+0){ margin-right: 0;}
.popup-container-teaser  .colm-form input{font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;background: none;height:50px;border: solid 2px #181818;padding-left: 17px;width: 100%;}
.popup-container-teaser  .colm-form select{font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.59;letter-spacing: normal;color: #181818;background: none;height:50px;border: solid 2px #181818;padding-left: 17px;width: 100%;}
.bg{position: fixed;display: none;z-index: 99;left: 0;top: 0;width: 100%;height: 100%;backdrop-filter: blur(0px);opacity: 1;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}

/*search*/
.search-popup-area{position: fixed;display: none;top:0;left:0;background:#fff;width: 100%;padding: 100px 0;z-index: 9999;}
.search-popup-area .vlt-search-form{ width:770px; margin:0 auto; position:relative; }
.search-popup-area .vlt-search-form input{width:100%;border:0;border-bottom: 1px solid #000;padding: 5px;font-size: 23px;}
.search-popup-area .vlt-search-form button{border:0;}
.search-popup-area .vlt-search-form button svg{height:20px;position:absolute;right:0;top: 3px;}
.search-popup-area .close{position: absolute;right: 30px;top: 30px;height: 30px;cursor: pointer;}
/*search*/


.home-bottom-slide .owl-carousel{ padding: 80px; }
.scroll-to-top{ position: fixed; bottom: 25px; right: 75px; background: #fff; padding: 10px; border-radius: 50%; z-index: 99999; }
.scroll-to-top img{ width: 18px; }
.subimage{ float: left; width: fit-content; margin-left: -66px; left: 50%; border-radius: 30px; background: #E4E4E4; z-index: 99; position: relative; overflow: hidden; }
.subimage li{ float:left; list-style: none; padding: 0px; margin: 0px; }
.subimage li:first-child a{ z-index: 999; margin: 0px; padding: 8px 15px; padding-left: 23px; padding-top: 10px; min-height: 45px; float: left; } 
.subimage li:last-child a{ z-index: 999; margin: 0px; padding: 8px 15px; padding-right: 23px; padding-top: 10px; min-height: 45px; float: left; } 
.subimage li a.active{ background: #282727; }
.subimage li a.active img{ filter: brightness(0) invert(1); }
.subimage img{ width: auto!important; display: block; margin: auto; }
.kesit2{ width: 150px!important; margin:auto; display: block; }
.imgdiv{ min-height: 360px; }
.kesit2.hide{ display: none!important; }
.kesit2cat.hide{ display: none!important; }
.kesit1cat.hide{ display: none!important; }

@media screen and (min-width: 1800px){
.hover-home-content{float:left;width:100%;margin-top:130px;height: 2500px;position: relative;z-index: 1;}
}

@media screen and (max-width: 1600px){
.hover-home-content{float:left;width:100%;margin-top:70px;height: 2500px;position: relative;z-index: 1;}
}

@media screen and (max-width: 1400px){
.hover-home-content{float:left;width:100%;margin-top:70px;height: 2400px;position: relative;z-index: 1;}
}

@media screen and (max-width: 1400px){

.home-slides.half .home-arrow{ bottom: 6%; }
.home-bottom-slide{ padding-right: 70px; }
footer .center{ width:1185px;}
footer .center .item{ width:386px;}
footer .center .item p{ font-size:14px;}
.hover-home-content .centerArea .left{ margin-top:-40px;}
.hover-home-content .centerArea {zoom: 0.8;}
}
.our-main-goal .mudurlukler{ float:left; width:100%; margin-bottom: 58px;}
.our-main-goal .mudurlukler .item{ width: calc(50% - 40px); margin: 20px 20px; float: left; background: #FFFFFF; padding: 20px 15px; margin-top: 30px; min-height: 235px !important; overflow: hidden; }
.our-main-goal .mudurlukler .item .text{ min-height: 200px; }
.our-main-goal .mudurlukler .item h3{ margin-bottom: 10px; }
.our-main-goal .mudurlukler .item p{ margin-bottom: 12px; }
.our-main-goal .mudurlukler .item .yol-tarif{ width: 100%; height: 40px; line-height: 40px; font-weight: 500; cursor: pointer; background-color: #ec1d24; text-align: center; margin-top: 20px; border: 0; color: #fff; font-size: 17px; display: block; }
.our-main-goal .mudurlukler .item .yol-tarif:hover{ background: #282726; }
.performans{ padding: 40px 0px; float: left; width: 100%; }
.performans .pcolumn{ width:calc(33% - 30px); margin:0px 15px; float:left; background: none; padding-bottom: 0px; }
.performans p{ font-size: 16px!important; font-weight: 400!important; }
.performans p strong{ margin: 7px 0px; margin-bottom: 3px; float: left; width: 100%; }
.sessiz-icon{ top: 4px!important; }
@media screen and (max-width: 1025px){


.bayi-btn2{ background: #c3181e; display: block!important; float: left; padding: 10px 20px; margin: 6px 0px; font-size: 13px!important; }
.sessiz{ background: #c3181e; display: block!important; float: left; padding: 4px 6px; padding-bottom: 8px; margin: 4px 0px; margin-top: 25px; font-size: 13px!important; }

.head-right{right: 19%;}
.contact-head{ position: relative;}
.contact-head .home-arrow{ display: none;}
#YMapsID{ width:100%; height:400px;}
.row-form button{ width:33%;}
.contact-head .center{width: 90%;position: relative;padding:0;}
.categories-row{height:auto;padding: 30px 30px;}
.categories-row:nth-child(1){padding-top:130px; padding-bottom: 120px;}
.categories-row .center{position: relative; width:100%; }
.menu-links .colm a{font-size: 14px;}
.menu-wrapper .center .img-link a{width: 13.5%;}
.menu-wrapper .center .img-link a img{ width:100%;}
.menu-wrapper .center .img-link a p{ font-size:12px;}
.menu-wrapper .center {width: 1000px;margin-left: -500px;}
.menu-wrapper .center{width:100%;padding-left: 4%;padding-right: 4%;}
.mask{ -webkit-text-fill-color: black;}
.tab-content-area .text{ width:42%;}
.renkBigImg{ height:420px;}
.detail-coursel{padding: 80px 0;}
.menu-icon.active a:after{top: 15px;}
.menu-icon.active a:before{top: 7px !important;}
.accordion-home-content{ padding: 0 70px;}
.tab-content-area .text .title-sub{ line-height: 1.1;}
.energy-content h3, .energy-content h3 span{ font-size:32px}
.detail-bottom-tab-area .center .links, .detail-accordion .accordion-area, .detail-bottom-tab-area .center, .detail-icon-wrapper .center, .detail-tab-area .center{ width:100%;}
header{ width:100%; margin-left: 0; left:0; padding-left:30px;}
.text-area div{ font-size:38px;}
.energy-content p{ margin-bottom: 50px;}
.energy-content{ padding-bottom: 20px;}
.detail-icon-wrapper{padding:80px 6%;}
.tab-content-area img.detailImg{ width:40%;}
.detail-tab-area .center .right .content-tab-area{ padding-right: 80px;}
.detail-tab-area .center .right .btn-area a {width: 142px;height: 36px;line-height: 36px;margin-right: 7px;border-radius: 23px;font-size: 14px;}
.nav-right{ position:fixed; height:80px;  float:right;  }
.nav-right .social-right{ display: none;}
.detail-icon-wrapper .center .colm .title-sub{line-height: 1.4;height: 50px;}
.footer-bottom .center, .footer-links, .teaser-items, footer .center, .home-bottom-slide .owl-home-bottom-slide{ width:100%; }
.teaser-items{ padding:0 6%}
.detail-bottom-tab-area .center .links a{margin-right:22px;}
.home-energy .centerArea span{text-align: center;font-size:42px;margin-top: -33px;}
.home-energy .centerArea small{ text-align: center; font-size:32px;}
.home-energy .centerArea .border-top{ top:-145px;}
.home-energy .centerArea .border-top::before, .home-energy .centerArea .border-top::after{height:95px;}
.calculate{ bottom:-140px;}
.hover-home-content{ margin-top:30px;}
.hover-home-content .centerArea .left::after {width: 420px;position: absolute;left: -114%;top: 120px;height: 420px;content: '';background: url(../img/dot.png) no-repeat right;background-size: 65%;}
.big-right-text{ right: -9%; top: 87px; font-size: 98px;}
.home-bottom-slide {padding-right: 0;margin-bottom: 0;padding-bottom: 50px;}
.home-bottom-slide .text-area p{ margin-left: 0;}
.home-bottom-slide .owl-nav{bottom:19%;}
.accordion-area{ width:100%;    }
.social{margin-left:0;}
footer .center .item {width: 33.33% !important; padding:0 !important}
.footer-bottom .center .left{ padding-top:30px; padding-left: 20px;}
.footer-bottom .center .right{ padding-top:25px;}
.footer-bottom{ height:90px;}
.our-main-goal .center, .home-white-content .center{width:100%;}
.home-white-content {padding: 40px 30px;}
.our-main-goal .center{padding: 0 20px;}
.our-main-goal{ padding:50px 0;}
.our-main-goal .row-area .text{padding-top:40px;}
}


@media only screen and (min-width: 700px) and (max-width: 1025px) {
	header{ width:50%; }
}
#video{ opacity: 0.9; }
.menu-wrapper { position: fixed; left: auto; right: 0; top: 0; width: 64%; height: 100%; background: #ec1d24; z-index: 99; display: none; }
.menu-wrapper .center { position: relative; left: auto; float: right; right: 0px; top: 26px; width: calc(100% - 90px); z-index: 99; transition: 0.5s ease 0s; padding-top: 75px; margin-left: auto; z-index: 99; }

@media screen and (max-width: 1600px){
.menu-wrapper { position: fixed; left: auto; right: 0; top: 0; width: 71%; }
.menu-wrapper .center { position: relative; left: auto; float: right; right: 0px; top: 26px; width: calc(100% - 40px); }
}
@media screen and (max-width: 1400px){
.hover-home-content .title-top-area.active {
    top: 40px;
    opacity: 1;
}
.menu-wrapper { position: fixed; left: auto; right: 0; top: 0; width: 72%; }
.menu-wrapper .center { position: relative; left: auto; float: right; right: 0px; top: 26px; width: calc(100% - 40px); }
}


.quickmenumbl{ display: none; }
@media screen and (max-width: 1024px){
header.active .logo{background:url(../img/logo4.png) no-repeat;background-size: 100% !important;}
.no-left-right{ padding-left:0px; padding-right: 0px; }
.filterdiv { margin: 40px 15px; }
.filter-bg { width: 100%; min-height: 400px; }
.filter-bg .colm5 { width: 100%; padding: 0px 15px; float: left; }
.filterdiv:before{ display: none; }
.filter { margin: 40px 0px; margin-top: 0px; float: left; width: 100%; }
.filter .firmlist { width: 100%; margin: 15px 0px; }
.filter .firmlist.col3 { width: 100%!important; margin: 15px 0px; }
.detail-icon-wrapper .center .colm.three { width: 100%; }
.detail-tab-area .colmd50 { width: 100%; padding: 0px 15px; }
.home-teaser{ margin-top: 30px; }
.scroll-to-top { position: fixed; bottom: 55px; right: 25px; }
.menu-wrapper { position: fixed; left: auto; right: 0; top: 0; width: 100%; }
.tasarruf-img img{ width:100%;}
.contact-head .center .right .form { margin-top: 20px; }
.contact-head .center .right, .contact-head .center .left{ width:100%; }
.categories-row .center .text h3{ padding-left: 0;}
.categories-row .center .text {float: left;width: 100%;padding-top: 40px;text-align: center;padding-bottom: 15px;}
.categories-row .center .text h3{ text-align: center;}
.categories-row .center .text h3::before{position: relative;display: inline-block;margin-right: 8px;top: 7px;}
.categories-row .center .img{width:100%;}
.categories-row .center img{width:50%;}
.our-main-goal .title-area h2{font-size:28px;}
.our-main-goal .row-area:nth-child(2n+0) .text{padding-left: 0; margin-bottom: 20px;}
.our-main-goal .row-area .text{padding-left: 0; margin-bottom: 20px;}
.our-main-goal .row-area .text{width:100%;}
.our-main-goal .row-area .img{width:100%;}
.detail .text-area{width:590px;}
.hover-home-content .title-top-area.active{top: 110px;}
.shapes{width:100%;transform: translate(-46%, 30%); top: 115px;}
.hover-home-content .centerArea .left { transform: scale(0.5) !important; margin-top: -110px!important; left: 0; }
.shapes img{width: 90%;height:auto;left: 5%;}
.shapes.active{ left:50%;}
.menu-wrapper .center .img-link a {width: 13.5%;margin-right: 3%;}
.menu-wrapper .center {width: 100%;padding-left: 4%;padding-right: 4%;margin-left: 0;left: 0;padding-top: 70px;}
.detail-icon-wrapper .center .colm{ width:50%; margin-bottom: 40px;}
.detail .owl-carousel .owl-item img {height: 670px;object-fit: cover;}
.detail-tab-area .center .right .btn-area a {width: 112px;height: 36px;line-height: 33px;margin-right: 6px;border-radius: 23px;font-size: 11px;}
.detail-tab-area .center .right{ margin-top:10px;}
.detail-icon-wrapper .center .colm .title-sub{height:auto;margin-bottom: 2px;}
.tab-content-area img.detailImg {width: 40%;margin-top: 50px;padding-left: 32px;}
.detail-bottom-tab-area .center .links a img{ width:100%;}
.tab-content-area .text{ margin-top:30px;}
.big-right-text {right: 8%;top: 117px;font-size: 68px;}
.energy-content .bottom-text .title-right{ margin-left: 0;}
.hover-home-content .centerArea .right {width: 50%;float: left;margin-top: 140px;padding-left: 10px;position: relative;left: 0;}
.hover-home-content .centerArea .left{ left: 80px;}
.hover-home-content{ overflow: hidden; height: 2300px; }
.tasarruf-img .numbers span{ font-size: 17px;}
.energy-content{padding:0 4%;margin-bottom: 40px;}
.tasarruf-img .numbers{ line-height: 48px; height:48px;}
.energy-content .bottom-text, .energy-content .top-text, .tasarruf-img{ width: 100%;}
.detail-bottom-tab-area .center .links a::after {border: 4px solid #ec1d24;width: 121%;height: 121%;}
.home-bottom-slide .text-area {position: absolute;background: #fff;width: 386px;height: 257px;padding: 36px 46px 46px 36px;right: 0;left: auto;transform: translate(0%, -50%);}
.home-bottom-slide .owl-nav { right: 4%; background: #fff; bottom: 38%; display: block!important; }
.detail-bottom-tab-area .center .links a{ width:38px;}
.detail-bottom-tab-area .center .links a {margin-right: 10px; margin-bottom: 5px; }
.accordion-home-content{padding:0 7%;padding-bottom: 50px;}
.footer-links .item a{ font-size:16px;}
.social{margin-top:-30px;}
.ebulten{ bottom:-11px;}
footer .center .item .title{ margin-top:38px;}
footer .footer-top, footer .center .item{ height:170px !important}
.footerLinksWrapper{ padding:34px 3%;}
.footer-bottom{ height:auto;}
.footer-bottom .center .left, .footer-bottom .center .left a{ font-size:13px;}
.footer-bottom .center .right img{height: 17px;padding-right: 0px;}
.text-area div {font-size: 27px;}
.home-teaser h2 span, .home-teaser h2{ font-size:32px;}
.teaser-items a p{ font-size:18px; line-height: 1.3;}
.teaser-items a{ margin-right: 2%;}
.teaser-items a.first::before{ height: 150px;}
.home-energy{ margin-top: 150px;  margin-bottom: 75px; }
.home-energy .centerArea .border-top::before, .home-energy .centerArea .border-top::after {height: 75px;}
.home-energy .centerArea span{margin-top: -60px;}
.home-energy .centerArea span{ font-size:38px;}
.home-energy .centerArea small{ font-size:25px;}
.home-bottom-slide .owl-carousel { padding: 15px; }
.hover-home-content h3{ font-size:32px;}
.hover-home-content .centerArea .right .item-row small{ font-size:20px;}
.hover-home-content .centerArea .left{left:30px;}
.accordion-home-content h3{ font-size:32px;}
.hover-home-content .centerArea{ width:100%;}
.renkBigImg {height: 340px;}
.tab-content-area .text .title-sub{font-size:26px;}
.detail-coursel .owl-carousel .item { position: relative; margin: 0px 7px; }
.categories-row .center .text .product-detail-btn{ background: #ec1d25; color: #fff; padding: 10px 15px; float: none; margin: 15px 0px; font-weight: 500; font-size: 15px; position: relative; top: 20px; }
.detail-tab-area .center .left video { position: absolute; width: 125%; left: -35px; }
.head-right .lang .size{ display: none; }
.imgdiv { min-height: 320px; }
.subimage { margin-left: -50px; left: 50%; }
.kesit2 { width: 135px!important; margin: auto; display: block; }
.quickmenumbl{ display: block; position: fixed; bottom: 0px; width: 100%; background: rgb(162 162 162); z-index: 99; }
.quickitem{ width:33%; position: relative; float: left; text-align: center; padding: 10px 0px; padding-bottom: 3px; overflow: hidden; }
.quickitem span{ position: relative; color:#fff;  font-size: 12px; font-weight: 300; line-height: 25px; text-align: center; margin: auto; display: inline-block; }
.quickitem span b{ float: left; color: #ffff; font-weight: 500; padding: 0px 10px; line-height: 14px; }
.quickitem img{ position: relative; float: none; display: block; margin: auto; top: -1px; width: 18px; height: 22px; right: -3px; }
.quickitem .img.bg1{ background: url(../img/speech-bubble.svg) no-repeat; background-size: 100%; background-position: 100%;  }
.quickitem .img.bg2{ background: url(../img/adres.svg) no-repeat; background-size: 100%; background-position: 100%; }
.quickitem .img.bg3{ background: url(../img/telephone.svg) no-repeat; background-size: 100%; background-position: 100%; }
.quickitem a{ display: block; }
.quickitem:before{ content:''; display: block; position: absolute; height: 66px; background: #8e8e8e; width: 1px; left: 0px; bottom: 0px; }
.energy-content .center { width: 100%; }
.detail-coursel .owl-carousel .owl-stage { margin-left: 0%; zoom: 1; }
}


@media screen and (max-width: 676px){

.contact-head .center .left .address .row-area .colm:last-child {width: 75% !important;}
.contact-head .center .left .address .row-area .colm{ width:23% !important}
.hover-home-content .centerArea .right .item-row{ margin-bottom:10px;}
header.active .logo {background: url(../img/logo4.png) no-repeat;background-size: 100% !important;}
.menu-links{ margin-top:0;}
.menu-links .colm{width:50% !important;margin-bottom: 20px;min-height: 255px;}
.menu-wrapper{ overflow-y: scroll;}
.menu-wrapper .center .img-link a {
  width: 46%;
  margin-right: 4%;
  margin-bottom: 30px;
}
.contact-head .center .left h4::after{width:11px; height:40px;}
.contact-head .center .left h4{ font-size:40px; padding-left: 30px;}
.row-form button {
  width: 100%; height:60px;
}
.menu-wrapper .center .img-link a:nth-child(2n+0){ margin-right: 0;}

header .logo {background: url(../img/logo.svg) no-repeat;width: 200px;display: block;height: 30px;background-size: 100% !important;}

.banner-home .owl-carousel .owl-item img {display: block;width: 100%;height: 490px;object-fit: cover;}
.banner-home .text-area{width: 100%;padding-left: 52px;padding-right: 20px;}
.text-area div {font-size: 21px;}
.text-area .border{width:9px;left: 20px;top: 7px;}
.teaser-items a{ width:100%; margin-right: 0; margin-bottom: 30px;}
.teaser-items {padding: 0 12%;}
.teaser-items a p{ margin-top:3px}
.home-energy .centerArea span{font-size: 28px;}
.home-energy .centerArea small{font-size: 19px;}
.home-energy img {height: 520px;object-fit: cover;}
.home-energy .centerArea .border-top{ width:280px; margin-left: -140px; }
.home-energy .centerArea .border-bottom{ width:280px; margin-left: -140px; bottom: -40px; }
.home-energy .centerArea .border-top { top: -100px; }
.hover-home-content h3 {font-size: 24px;}
.hover-home-content p{font-size: 11px;line-height: 1.4;margin-bottom: 70px;margin-top: 8px; }
.hover-home-content .centerArea .left{ width:100%;}
.hover-home-content .centerArea .left img{ width:100%;}
.hover-home-content .centerArea .left {transform: scale(0.5) !important;margin-top: -180px;left: 0;}
.hover-home-content .centerArea .left.active { left: 135px; opacity: 1; min-height: 630px; }
.hover-home-content .centerArea .right{width:100%;padding-left: 9%;}
.hover-home-content .centerArea .right { margin-top: -285px!important; padding-left: 3%; }
.hover-home-content .centerArea .right{margin-top: -170px;}
.home-energy .centerArea p{ font-size: 15px; line-height: 20px; }
.home-energy .centerArea span { font-size: 25px; }
.big-right-text{display: block;font-size: 32px;top: 260px;right: 4%;}
.hover-home-content .centerArea .right .item-row small{font-size: 19px;}
.hover-home-content .centerArea .right .item-row span{height:30px;width:30px;line-height:30px;font-size:12px;margin-right: 7px;}
.home-bottom-slide .owl-home-bottom-slide{ margin-top:40px;}
.owl-home-bottom-slide.owl-carousel .owl-item img {display: block;width: 100%;height: 300px;object-fit: cover;margin-bottom: 197px;}
.owl-home-bottom-slide.owl-carousel .owl-item .text-area img{height:auto !important;object-fit: none !important;margin-bottom: 0;}
.home-bottom-slide .text-area {position: absolute;background: #fff;width: 100%;height: auto;padding: 20px;right: 0;left: auto;transform: translate(0%, 0%);bottom: 0;top: auto;}
.home-bottom-slide .owl-nav{ display: none;}
.accordion-home-content p{margin-bottom: 35px;}
.accordion-area .accor-title{height:auto;padding: 20px;font-size: 16px;padding-right: 80px;line-height: 1.4;}
.accordion-area .accor-title::after{ right:8px}
.accordion-area .accor-content{ padding:20px; padding-top:0; font-size:14px;}
.accordion-home-content{padding-bottom: 50px;}
footer .center .item{width:100% !important; height:auto !important;}
footer .footer-top, footer .center .item{ height:auto !important;}
footer .center .item:nth-child(1){ background:#383838 !important;}
footer .center .item:nth-child(2){ background:#403f3f !important;}
footer .center .item:nth-child(3){ background:#4e4e4e !important;}
footer .center .item .title{ margin:0 0 10px 0;}
footer .center .item{ padding:15px 15px!important; border-bottom: 2px solid #cecece; }
.footer-links .item{ width:100% !important}
.footer-links .item{ min-height: auto; margin-bottom: 50px!important;}
.social{ margin: 15px 15px; margin-top: -45px; }
.ebulten {bottom: 0;position: relative;float: left;right: 0; width: 100%; margin-top: 20px; }
.ebulten input{ width:280px; padding-left: 15px; font-size:14px}
.footer-bottom .center .left{ padding:15px;}
.footer-bottom .center .right{padding: 20px;float: left;padding-top: 0;}
header{padding-left: 14px;top: 20px;}
header .logo img{ height:20px;}
.head-right { display:none;right: 120px; zoom: 0.8; top: 8px; z-index: 999; }
.nav-right{z-index: 999;height: 60px !important;width: 59px;}
.menu-icon{padding-top: 22px !important;}
.menu-icon.active a:after{ margin-top:4px;}
.menu-icon.active a:before{ margin-top:4px;}
.head-right .search {margin-top: 6px;}

.home-teaser h2 span, .home-teaser h2 {font-size: 28px;}
.accordion-home-content h3{ font-size:28px;}
.detail .text-area p{width:100%;margin-left: 0;margin-top: 10px;font-size: 13px; }
.home-arrow{ bottom:10%;}
.detail-tab-area .center .left{ width:100%; min-height: 220px;}
.detail-tab-area .center .right{width:100%;padding: 0;}
.detail-tab-area .center .right .btn-area{ padding:0 2%;}
.detail-tab-area .center .right .content-tab-area{ padding:0 5%;}
.detail-tab-area .center .right .btn-area a{ font-size:13px;}
.detail-tab-area .center .right .content-tab-area p{ font-size:14px;}
.detail-icon-wrapper .center .colm{ width:100%;}
#changewindowarea { float: left; width: 100%; padding: 15px 0px; text-align: center; position: relative; }
#changewindowarea img { width: 100%; margin: auto; float: none; left: 0px; }
#changecolorarea { min-height: 190px; float: left; width: 100%; text-align: center; position: relative; margin-left: -40px; }
.detail-bottom-tab-area { padding-bottom: 120px; min-height: auto; }
.tab-content-area img.detailImg{ width:100%;}
.tab-content-area .text{width:100%;margin-left: 0;padding:0 4%;text-align: center;}
.renkBigImg {height: 160px;}
.energy-content .top-text .colm{ margin-right:185px;}
.tasarruf-img .numbers span{font-size: 11px;margin-right:4px;padding-left: 0;width: 10%;}
.tasarruf-img .numbers{ line-height:25px;}
.energy-content .bottom-text .title-right{font-size: 15px;margin-right: 0;}
.energy-content .bottom-text .right-area{margin-right:0;}
.detail-icon-wrapper{ text-align:center; }
.detail-coursel { padding: 30px 0; }
.detail-coursel .owl-carousel .owl-stage {margin-left: 2%; width: 100%!important; }
.detail-bottom-tab-area .center .links{padding:0 4%;}
.our-main-goal .title-area{ margin-bottom: 18px;}
.categories-row:nth-child(1) {padding-top: 100px;padding-bottom: 120px;}
.categories-row .center .text h3{font-size:38px;}
.categories-row .center .text h3::before{height:40px;}
footer .center a:last-child .item .title { margin-top: 5px; }
}
.incefikirler{ height: 20px; margin-top: 15px; }

@media only screen and (min-width: 1023px) and (max-width: 1100px) {
	 footer .footer-top, footer .center .item.last{ margin-top: -30px; }
	.hover-home-content .in { position: fixed; left: 0; top: 30%; width: 100%; }
	.shapes img { width: 57%; height: auto; left: 15%; }
	.hover-home-content { overflow: hidden; height: 2400px; }
	.hover-home-content .centerArea .left{ transform: scale(0.85) !important; margin-top: 25px!important; }
	.hover-home-content .centerArea .left.active { left: 40px; width: 60%; }
	.hover-home-content .centerArea .left.active img { float: right; width: 55%; top: 60px; position: relative; left: -100px; }
	.hover-home-content .centerArea .right { width: 40%; margin-top: 200px; }
	.hover-home-content .centerArea .left span.num3 { top: 57px; right: 75px; }
	.hover-home-content .centerArea .left span.num1 { top: 170px; right: 240px; }
	.hover-home-content .centerArea .left span.num4 { top: 225px; right: 339px; }
	.hover-home-content .centerArea .left span.num2 { top: 315px; right: 295px; }
	.hover-home-content .centerArea .left span.num5 { top: 450px; right: 490px; }
	.home-bottom-slide .text-area { width: 386px; height: 320px; }
	.home-bottom-slide .owl-nav { right: 3%; bottom: auto; top: 50px; }
	.hover-home-content .title-top-area.active { top: 150px; }
	.teaser-items a { margin-right: 4%; }
	.detail-icon-wrapper .center .colm { min-height: 400px; }
	.tab-content-area .text { margin-left: 30px; }
	.detail-coursel .owl-carousel .owl-stage { zoom: 0.90; margin-left: 4%; }
}


@media only screen and (min-width: 520px) and (max-width: 765px) {
.hover-home-content .in {
    position: fixed;
    left: 0;
    top: 30%;
    width: 100%;
    transform: translate(0%, -20%);
    transition: 0.4s ease-in 0s;
}
.shapes {
    width: 44%;
    transform: translate(-46%, 30%);
    top: 120px;
}
.hover-home-content .centerArea .left.active {
    left: 50px;
    opacity: 1;
    min-height: 630px;
}
.hover-home-content .title-top-area.active {
    top: 70px;
}
.hover-home-content .centerArea .left.active {
    left: 50px;
    opacity: 1;
    min-height: 630px;
    margin-top: -350px!important;
}
.hover-home-content .centerArea .left {
    transform: scale(0.24) !important;
}
.hover-home-content .centerArea .right {
    margin-top: -560px!important;
    padding-left: 3%;
}
.hover-home-content .centerArea .left span {
    position: absolute;
    border-radius: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    transition: 0.4s ease-in 0s;
    cursor: pointer;
    transform: scale(3);
}
.hover-home-content .centerArea .left span.num1 {
    top: 220px;
    right: 280px;
}
.hover-home-content .centerArea .left span.num4 {
    top: 325px;
    right: 440px;
}
.hover-home-content .centerArea .left span.num2 {
    top: 400px;
    right: 330px;
}
.hover-home-content .centerArea .left span.num5 {
    top: 400px;
    right: 650px;
}
}
.telno{ color: #ffffff; font-size: 20px; font-weight: 500; padding-top: 15px; float: left; text-align: center; width: 100%; }


#popup1.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: all 1s ease-in-out; visibility: hidden; opacity: 0; z-index: 9999; }
#popup1.overlay.active { visibility: visible; opacity: 1; transition: all 1s ease-in-out; }

#popup1 .popup { margin: 100px auto; padding: 10px; background: #fff; border-radius: 5px; width: 60%; position: relative; z-index: 99999; transition: all 1s ease-in-out; }
#popup1 .popup .close { position: absolute; top: 10px; right: 20px; transition: all 200ms; font-size: 28px; font-weight: 500; text-decoration: none; color: #333; }
#popup1 .popup .close:hover { color: #ec1d24; }
#popup1 .popup .content { max-height: 30%; overflow: auto; }
#popup1 .popup .content img{ max-width: 100%; width: 100%; }

@media screen and (min-width: 1620px){
#popup1 .popup { width: 40%; }
}
@media screen and (max-width: 1500px){
#popup1 .popup { width: 40%; }
}
@media screen and (max-width: 820px){
.wizard-teaser.home-teaser {justify-content: center;display: flex;border: none;padding: 0px;margin-top: 120px;}
.wizard-teaser .wizard-box-text p {text-align: center !important;}
.wizard-teaser .wizard-btn {
   display: flex;
   justify-content: center;
}
.wizard-area .w50-w-48{
    margin-top:160px !important;
}
.wizard-gap .w-gap-list{
    display: grid !important;
}
.color-wizard-list .wzrd-clr{
    display: grid !important;
}
.all-c-wizard .all-c-center{
    text-align: center;
}
.wizard-contact-form{
    padding:60px 20px !important;
}
.wizard-head-con{
    height: 600px !important;
}
.wizard-head-con .center{
    top:20% !important;

}

#popup1 .popup { width: 85%; }
.home-slides.top-banner { width: 100%; }
.banner-home .owl-carousel .owl-item img { width: 100%; height:auto; object-fit: cover; }


.home-teaser.wizard-teaser.home-teaser {
    justify-content: center;
    display: flex;
    padding-bottom: 0px !important;
    background: none;
}
.home-teaser.wizard-teaser .wizard-main-box {
    padding: 20px 20px;
    background: #081338;
    width: 60%;
    display: grid;
    justify-content: space-between;
}
.home-teaser.wizard-teaser .wizard-box-title h3 {
    color: #ffff;
    font-size: 20px;
    margin-top: 0px;
    text-align: center;
}
.home-teaser.wizard-teaser .wizard-box-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}
.home-teaser.wizard-teaser .wizard-btn a {
    background: #fff;
    color: #ec1d25;
    padding: 10px 35px;
    align-items: center;
    font-weight: 500;
    height: 35px;
    font-size: 14px;
    display: flex;
}
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
	 footer .footer-top, footer .center .item.last{ margin-top: -43px; }
	.hover-home-content .in { position: fixed; left: 0; top: 30%; width: 100%; }
	.shapes img { width: 70%; height: auto; left: 3%; }
	.hover-home-content { overflow: hidden; height: 2400px; }
	.hover-home-content .centerArea .left{ transform: scale(0.85) !important; margin-top: 25px!important; }
	.hover-home-content .centerArea .left.active { left: 40px; width: 60%; }
	.hover-home-content .centerArea .left.active img { width: 85%; top: 60px; position: relative; }
	.hover-home-content .centerArea .right { width: 40%; margin-top: 200px; }
	.hover-home-content .centerArea .left span.num3 { top: 57px; right: 75px; }
	.hover-home-content .centerArea .left span.num1 { top: 170px; right: 240px; }
	.hover-home-content .centerArea .left span.num4 { top: 225px; right: 370px; }
	.hover-home-content .centerArea .left span.num2 { top: 285px; right: 280px; }
	.hover-home-content .centerArea .left span.num5 { top: 450px; right: 540px; }
	.home-bottom-slide .text-area { width: 386px; height: 320px; }
	.home-bottom-slide .owl-nav { right: 3%; bottom: auto; top: 50px; }
	.hover-home-content .title-top-area.active { top: 150px; }
	.teaser-items a { margin-right: 4%; }
	.detail-icon-wrapper .center .colm { min-height: 400px; }
	.tab-content-area .text { margin-left: 30px; }
	.detail-coursel .owl-carousel .owl-stage { zoom: 0.90; margin-left: 4%; }
}
@media screen and (max-width: 370px){
header .logo {width: 180px;height: 30px;}
}
@media screen and (max-width: 375px){
.head-right .lang{ margin-right: 20px;}
.head-right { right: 110px;}
}

.successmessage{padding: 20px;margin-bottom: 10px;background: #238e58;color: white;}
.success{padding: 20px;margin-bottom: 10px;background: #238e58;color: white; }
.danger{padding: 20px;margin-bottom: 10px;background: red;color: white; }
.home-teaser.home-teaser-2{padding-top: 0px !important;}
.home-teaser.home-teaser-3{padding-top: 0px !important; padding-bottom: 120px;}


/* Wizard */
.arrow-section {float:left;width:100%;background:#fff;position:relative;box-shadow:0 0 5px 0px #333;}
.arrow-wrap {position:absolute;z-index:1;left:50%;top:16em;margin-left:-5em;
background:#ec1d24;width:10em;height:10em;padding:4em 2em;border-radius:50%;font-size:0.5em;display:block;box-shadow:0px 0px 5px 0px #333;cursor: pointer;}
.arrow {float:left;position:relative;width: 0px;height: 0px;border-style: solid;border-width: 3em 3em 0 3em;border-color: #ffffff transparent transparent transparent;-webkit-transform:rotate(360deg)}
.arrow:after {content:'';position:absolute;top:-3.2em;left:-3em;width: 0px;height: 0px;border-style: solid;border-width: 3em 3em 0 3em;border-color: #ec1d24 transparent transparent transparent;-webkit-transform:rotate(360deg)}
.hint {position:absolute;top:0.6em;width:100%;left:0;font-size:2em;font-style:italic;text-align:center;color:#fff;opacity:0;}
.arrow-wrap:hover .hint {opacity:1;}
@-webkit-keyframes arrows {
0% { top:0; }
10% { top:12%; }
20% { top:0; }
30% { top:12%; }
40% { top:-12%; }
50% { top:12%; }
60% { top:0; }
70% { top:12%; }
80% { top:-12%; }
90% { top:12%; }
100% { top:0; }
}
.arrow-wrap .arrow {-webkit-animation: arrows 2.8s 0.4s;-webkit-animation-delay: 3s;}
.radio-image {width: 100%;padding: 10px 10px;background-color: white;-webkit-box-shadow: 0px 15px 30px 0px rgba(16,146,147,0.12);-moz-box-shadow: 0px 15px 30px 0px rgba(16,146,147,0.12);box-shadow: 0px 15px 30px 0px rgba(16,146,147,0.12);border-radius: 5px;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s;cursor: pointer;opacity: 0.6;transform: scale(0.9);}
.radio-hidden:checked ~ .radio-image {opacity: 1;transform: scale(1);}
.radio-hidden {position: absolute;visibility: hidden;}
.radio-container {margin: 10px;}
.radio-image:hover {transform: scale(0.95);}
.wizard-right {height: 100%;margin: 0px auto !important;display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;min-height: 500px;gap: 30px;}
.wizard-right h1{font-size: 48px;}
.wizard-number {width: 30px;height: 30px;border: 1px solid #da4242;background: #ffa3a6;color: #FFF;padding: 10px;}

.wizard-title h2{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #181818;
}
.wizard-text p{
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #616161;
  word-spacing: 4px;
}
.wizard-teaser.home-teaser{
    justify-content: center;
    display: flex;
    padding-bottom:0px !important;
}
.wizard-teaser .wizard-main-box{
    padding: 40px 40px;
    background: #081338;
    /* background: #a30905d9 */
    width: 60%;
    display: flex;
    justify-content: space-between;
}
.wizard-teaser .wizard-box-title h3{
    color: #ffff;
    font-size: 32px;
    margin-top: 0px;
    text-align: start;
}
.wizard-teaser .wizard-box-text p{
    text-align: start;
    color: #fff;
    font-size: 22px;
}
.wizard-teaser .wizard-btn{
    justify-content: center;
    display: flex;
    align-items: center;
}
.wizard-teaser .wizard-btn a {
    background: #fff;
    color: #ec1d25;
    padding: 10px 45px;
    align-items: center;
    font-weight: 500;
    height: 45px;
    font-size: 18px;
    display: flex;
}
.wizard-teaser .wizard-btn a:hover {
    background: #ec1d25;
    color: #fff;
}
.imgdiv.img-wizard-box img {
    width: 75% !important;
    height: 400px;
    object-fit: cover;
}
.imgdiv.img-wizard-box {
    display: flex;
    justify-content: center;
}
.arrow-wrap.arrow-wizard-page{
    
    top: 4em;
    
}
.wizard-area .w50-w{
    width:52%;
}
.wizard-area .w50-w-48{
    width:48%;
    margin-top:0px;
}