html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
header,main,menu,nav,section {display: block;}
[hidden] {display: none;}
a {background-color: transparent;outline: 0;text-decoration: none;}
a:active,a:hover {outline: 0;}
img {border: 0;}table {border-collapse: collapse;border-spacing: 0;}
body {font-family: Arial,Helvetica,sans-serif;background: #fff;overflow: auto;}
html {height: 100%;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;clear: both;}
.container-fluid {padding-right: 50px;padding-left: 20px;margin-right: auto;margin-left: auto;position: relative;}
.col-xs-2,.col-xs-10 {float: left;position: relative;min-height: 1px;}
.col-xs-10 {width: 81.33333333%;}
.col-xs-2 {width: 13.66666667%;}
.pull-right {float: right!important;}
.mobilevisible {display: none;}
header {width: 100%;padding: 10px 0;background: url(../images/header.png);position:relative;z-index: 99;-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);}
header .logo {width: 110px;position: relative;z-index: 999;}
header .logo img {width: 100%; }
header nav {margin: 30px 120px 0 0;}
header nav .payment-options {display: none;}
header nav .navbar-header {display: none;}
header nav .nav {margin: 0;padding: 0;list-style: none;}
header nav .nav li {float: left;font-size: 17px;padding-bottom: 3px;position: relative;}
header nav .nav li a {color: #edba51;text-decoration: none;display: block;padding: 6px 20px;}
header nav .nav li.active a, header nav .nav li a:hover {-webkit-transform: skew(37deg);-moz-transform: skew(37deg);-o-transform: skew(37deg);background: #edba51;color: #fff;}
header nav .nav li.active a span, header nav .nav li a:hover span {display: inline-block;-webkit-transform: skew(-37deg);-moz-transform: skew(-37deg);-o-transform: skew(-37deg);}
header nav .nav li:after {content: "\005C";position: absolute;top: -8px;right: -14px;font-size: 41px;color: #edba51;}
header nav .nav li.last {padding-right: 0;}header nav .nav li.last:after {content: "";padding-left: 0;}
header .contact-menu {position: fixed;right: 0;top: 0;}
header .contact-menu a {display: block;background: #edba51;color: #fff;padding: 19px 50px;text-align: center;}
header .contact-menu a .text {margin-top: 10px;}header .contact-menu a:hover, header .contact-menu a.active {background: #c69b43;}
section {position: relative;z-index: 10;}
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.gallery-slider {}
.gallery-slider .img {text-align: center;width: 100%;position: relative;z-index: 1;}
.gallery-slider .img img {display: block;width: 100%;}
.gallery-slider .text {position: absolute;z-index: 999;padding: 10px 20px;background: rgba(255,255,255,0.5);bottom: 0px;right: 0px;color: #000;font-size: 30px;}
.gallery-slider .bx-wrapper {position: relative;padding: 0;*zoom: 1;background-color: #333436;}
.gallery-slider .bx-wrapper img {display: block;}
.gallery-slider .bx-wrapper .bx-viewport {background: url(../images/bg/slider.png) repeat-x;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.gallery-slider .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
.gallery-slider .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.gallery-slider .bx-wrapper .bx-pager {display: none;text-align: center;font-size: .85em;font-family: Arial;font-weight: 700;color: #666;padding-top: 20px;}
.gallery-slider .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.gallery-slider .bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.gallery-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.gallery-slider .bx-wrapper .bx-prev {left: 0px;background: url(../images/slider/left.png) no-repeat;}
.gallery-slider .bx-wrapper .bx-next {right: 0px;background: url(../images/slider/right.png) no-repeat;}
.gallery-slider .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -25px;outline: 0;width: 50px;height: 50px;text-indent: -9999px;z-index: 9999;}
.gallery-slider .bx-wrapper .bx-controls-direction a.disabled {display: none;}
.gallery-slider .bx-wrapper .bx-controls-auto {text-align: center;}
.gallery-slider .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../images/slider/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.gallery-slider .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.gallery-slider .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../images/slider/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.gallery-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.gallery-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.gallery-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.gallery-slider .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80,80,80,0.75);width: 100%;}
.gallery-slider .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
.gallery-slider .bx-wrapper ul {margin: 0;padding: 0;list-style: none;}
.gallery-slider .bx-wrapper ul li {margin: 0;padding: 0;}
.gallery-slider .bx-slider {padding: 0;margin: 0;list-style: none;}
.gallery .close {position: absolute;top: 0;right: 0;cursor: pointer;cursor: pointer;z-index: 999999;opacity: .8;}
.bg {width: 100%;height: 100%;position: fixed;z-index: 1;background: url(../assets/optimized/82dc68ae890d81fd.webp) center center;background-size: cover;opacity: .5;}
.partners {}
.partners ul.tabs {margin: 0px;padding: 0px;list-style: none;padding-top: 50px;}
.partners ul.tabs li {color: #222;display: inline-block;cursor: pointer;text-align: center;width: calc(100% - 27px);margin-left: 30px;}
.partners ul.tabs li.first {margin-left: 0;}
.partners ul.tabs li .logo {padding: 10px 0;background: #fff;}
.partners ul.tabs li .title {padding: 10px 0;background: #fff;font-size: 30px;color: #434343;margin-top: 6px;}
.partners ul.tabs li.current {border-bottom: 10px solid #edba51;}
.partners .tab-content {display: none;background: #fff;padding: 40px;margin-top: 10px;}
.partners .tab-content.current {display: inherit;color: #231f20;font-size: 24px;}
::-webkit-input-placeholder {color: #595959;font-weight: 600;}
::-moz-placeholder {color: #595959;font-weight: 600;}
.floor {}
.floor [class*="col-"] {padding: 10px 10px 0;box-sizing: border-box;}
.floor .floor-box {position: relative;width: 100%;display: table;text-align: center;cursor: pointer;height: 50%;}
.floor .floor-box .bg {position: absolute;width: 100%;height: 100%;background: #ddd;z-index: 1;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.floor .floor-box .text {display: table-cell;vertical-align: middle;position: relative;height: 455px;z-index: 2;}
.floor .floor-box .text .name {font-size: 35px; background: rgba(0,0,0,0.5); font-weight: bold; color: #fff;display: inline-block;}
.floor .floor-box .text .type {font-size: 35px;color: #fff; background: rgba(0,0,0,0.5); display: inline-block;}
.floor .floor-box.garden {background: url(../assets/optimized/18d8d8c311d78fb9.webp) center center;background-size: cover;}
.floor .floor-box.garden1 {background: url(../assets/optimized/f1b4b915cd7524a4.webp) center center;background-size: cover;}
.floor .floor-box.garden {background: url(../assets/optimized/18d8d8c311d78fb9.webp) center center;background-size: cover;}
.floor .floor-box.harita {background: url(../assets/optimized/4ba3a79900fdaeaf.webp) center center;background-size: cover;}
.floor .floor-box.katalog {background: url(../assets/optimized/c9cdaef436f6ba15.webp) center center;background-size: cover;}
.floor .floor-box.basin {background: url(../assets/optimized/d6009315d9f06867.webp) center center;background-size: cover;}
.floor .floor-box.imalat {background: url(../assets/optimized/3148b6c939a0d88a.webp) center center;background-size: cover;}
.floor .floor-box.logolar {background: url(../assets/optimized/5ae5ee832d00624e.webp) center center;background-size: cover;}
.floor .floor-box.bos {background:#edba51 center center;background-size: cover;}
.floor .floor-box.standart {background: url(../assets/optimized/a36c404aa9fd0f67.webp) center center;background-size: cover;}
.floor .floor-box.roof {background: url(../assets/optimized/f1b4b915cd7524a4.webp) center center;background-size: cover;margin-bottom: 0;}
.floor .floor-box.roof2 {background: url(../assets/optimized/da03b1802149404a.webp) center center;background-size: cover;margin-bottom: 0;}
.floor .floor-box:hover .bg {background: transparent;}
.floor .floor-box:hover .bg2 {background: rgba(237,186,81,.8);}
.floor .floor-box:hover .bg3 {background: rgba(214, 214, 214, 0.65);}
.floor .floor-box:hover .name {color: #fff;}
.floor .floor-box:hover .type {color: #fff;}
.floor360 {}
.floor360 .floor-box {position: relative;width: 100%;display: table;text-align: center;margin-bottom: 20px;cursor: pointer;}
.floor360 .floor-box .bg {position: absolute;width: 100%;height: 100%;background: #ddd;z-index: 1;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.floor360 .floor-box .text {display: table-cell;vertical-align: middle;position: relative;height: 455px;z-index: 2;}
.floor360 .floor-box .text .name {font-size: 35px; background: rgba(0,0,0,0.5); font-weight: bold; color: #fff;display: inline-block;}
.floor360 .floor-box .text .type {font-size: 35px;color: #fff; background: rgba(0,0,0,0.5); display: inline-block;}
.floor360 .floor-box.garden {background: url(../assets/optimized/6913cd0aa4eb2344.webp) center center;background-size: cover;}
.floor360 .floor-box.standart {background: url(../assets/optimized/6cd0d5533038740c.webp) center center;background-size: cover;}
.floor360 .floor-box.roof {background: url(../assets/optimized/ee6c0d201de7fb04.webp) center center;background-size: cover;margin-bottom: 0;}
.floor360 .floor-box:hover .bg {background: transparent;}
.floor360 .floor-box:hover .name {color: #fff;}
.floor360 .floor-box:hover .type {color: #fff;}
.floor .modal {position: absolute;z-index: 98;width: 100%;height: 100%;top: 0;left: 0;background: #fff;display: none;}
.floor .modal .close {position: absolute;top: 0;right: 0;cursor: pointer;cursor: pointer;z-index: 999;}
.floor .modal .detail {margin: 200px auto 0 auto;width: 400px;}
.floor .modal .detail td {font-size: 18px;color: #cbae46;padding: 10px 0;font-weight: 600;}
.floor .modal .img {width: 100%;text-align: center;margin-top: 100px;}
.floor .modal .img img {width: 100%;}
.floor .modal.active {display: block;}
.floor .modal .gallery-link {width: 100%;text-align: center;margin-top: 30px;}
.floor .modal .gallery-link a {background: #edba51;color: #fff;font-weight: 600;padding: 10px 30px;}
@media(max-width:1366px) {
.container-fluid {padding-right: 50px;padding-left: 50px;margin-right: auto;margin-left: auto;position: relative;}
header {padding: 11px 0;}
header .logo {width: 91px;}
header .contact-menu a {padding: 13px 20px;}
header nav {margin: 20px 100px 0 0;}
header nav .nav li {font-size: 16px;}
header nav .nav li:after {right: -12px;font-size: 37px;}
.floor360 .floor-box .text .name {font-size: 64px;}
.floor360 .floor-box .text .type {font-size: 44px;}
.gallery-slider .text {bottom: 0px;}
.partners ul.tabs {padding-top: 28px;}
.partners ul.tabs li .logo {padding: 8px 0;}
.partners ul.tabs li .logo img {width: 230px;}
.partners ul.tabs li .title {font-size: 24px;}
.partners ul.tabs li.current {border-bottom: 5px solid #edba51;}
.partners .tab-content {padding: 60px;}
.partners .tab-content.current {font-size: 20px;}
.floor .modal .close {width: 70px;}
.floor .modal .close img {width: 100%;}
.floor .modal .detail {margin: 30px auto 0 auto;}
.floor .modal .img {margin-top: 0;}
.floor .modal .img img {max-height: 100%;}
}
@media(max-width:1280px) {
header nav .nav li {font-size: 14px;}
header nav .nav li:after {font-size: 35px;}
.partners ul.tabs li .title {font-size: 22px;}
}
@media(max-width:1024px) {
body {overflow: auto;padding-top: 82px;}
.mobilevisible {display: block;}
.container-fluid {width: calc(100% - 50px);padding-right: 25px;padding-left: 25px;}
header {position: fixed;top: 0;left: 0;padding: 5px 0;}
header .logo {width: 90px;}
header nav {margin-top: 0px;position: fixed;width: 100%;z-index: 2;left: 0;}
header nav .navbar-header {display: block;cursor: pointer;margin-right: 20px;float: right;margin-top: 20px;}
header nav .nav {display: none;position: absolute;width: 100%;left: 0;background: #fff;z-index: 2;top: 77px;padding: 10px 0;background: url(../images/header.png);}
header nav .nav li {float: none;margin-right: 0px;text-align: right;border-right: 0px;font-size: 16px;}
header nav .nav li:after {content: "";}
header nav .nav li a {display: block;padding: 5px 20px;}
header nav .nav li.active a, header nav .nav li a:hover {-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);}
header nav .nav li.active a span, header nav .nav li a:hover span {-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);}
header .contact-menu {display: none;}
.partners ul.tabs li {}
.partners ul.tabs li .logo img {width: 100%;}
.partners ul.tabs li .title {font-size: 18px;}
}
@media(max-width:768px) {
.partners ul.tabs li {width: 100%;margin-left: 0;border-bottom: 5px solid transparent;}
.partners ul.tabs li .logo {float: left;width: 90px;}
.partners ul.tabs li .title {float: left;font-size: 14px;padding: 20px 0;width: calc(100% - 90px);margin-top: 0;}
.partners .tab-content {padding: 20px;}
.floor .modal .detail {width: calc(100% - 40px);padding: 0 20px;}
.floor .modal .img {width: calc(100% - 40px);padding: 0 20px;}
.floor .modal .img img {width: 100%;}
.floor .modal .detail {margin: 68px auto 0 auto;}
.floor .modal .close {width: 50px;}
.floor .modal .close img {width: 100%;}
}
@media (min-width:320px) and (max-width:375px) {
header .logo img {
width: 100%;
margin-left:86px;
}
}
@media (min-width:360px) and (max-width:375px) {
header .logo img {
width: 100%;
margin-left:106px;
}
}
@media (min-width:375px) and (max-width:414px) {
header .logo img {
width: 100%;
margin-left: 113px;
}
}
@media (min-width:414px) and (max-width:768px) {
header .logo img {
width: 100%;
margin-left: 134px;
}
}
@media (min-width:768px) and (max-width:960px) {
header .logo img {
width: 100%;
margin-left: 313px;
}
}
@media (min-width:1024px) and (max-width:1200px) {
header .logo img {
width: 100%;
margin-left: 0px
}
}
ul li ul{
width: 90px;
position: absolute;
background: rgba(255, 255, 255, 0);
left: -17px;
z-index: 1;
display: none;
list-style: none;
padding: 1px 41px;
}
ul li ul a{
width: 70px;
height: 28px;
padding: 0 0 0 16px;
background: rgba(193, 193, 193, 0.57);
}
ul li ul li {
height:30px;
line-height:30px;
}
li:hover > ul{
display: block;
}
ul li ul li:hover span{
display: inline-block;
-webkit-transform: skew(-37deg);
-moz-transform: skew(-37deg);
-o-transform: skew(-37deg);
}
.floor .floor-box.hakkimizda {background: url(../images/yorpalas-hakkimizda.png) center center;background-size: cover;}
.floor .floor-box.basin1 {background: url(../assets/optimized/480fe6843cb83995.webp) center center;background-size: cover;}
/* Standard syntax */
@media (max-width: 1200px) and (min-width: 1025px) {
header .logo img {
width: 90%;
margin-left: 0;
}
}
.pes2 {
position: relative;
display: inline-grid;
text-align: center;
}
/* Branch performance and responsive refinements */
html{scroll-behavior:smooth}img{max-width:100%;height:auto}a:focus-visible{outline:3px solid #e8c56e;outline-offset:3px}.partners{height:auto!important;min-height:70vh}.partners .tab-content{line-height:1.7}.gallery-slider .img{background-size:contain!important;background-color:#17231f!important}.gallery-slider .bx-viewport{background:#17231f!important}.gallery-slider .bx-loading{background:#17231f!important}.milliyet-haberler{max-width:100%;height:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.milliyet-haberler img{max-width:100%;height:auto}@media(max-width:700px){.container-fluid{padding-inline:18px}.partners .tab-content{padding:22px;font-size:16px!important}.floor .floor-box .text{height:auto!important;min-height:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.milliyet-haberler{width:100%!important;max-width:100%!important;padding-inline:0!important;box-sizing:border-box}.milliyet-haberler a{max-width:100%}@media(max-width:700px){.partners .tab-content{overflow-wrap:anywhere}}
@media(max-width:1024px){header nav .nav.is-open{display:block!important;position:absolute;z-index:1001;left:0;right:0;top:100%;max-height:75vh;overflow-y:auto;background:#24272a;padding:14px 20px;box-sizing:border-box}header nav .nav.is-open li{float:none;display:block}header nav .nav.is-open a{min-height:44px;display:block;padding:10px 14px}}.navbar-header[role=button]:focus-visible{outline:3px solid #e8c56e;outline-offset:3px}
@media(max-width:700px){.bg{background-image:url(../assets/optimized/background-mobile.webp)}}