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;}
button,input,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}input[type="radio"] {box-sizing: border-box;padding: 0;}
textarea {overflow: auto;}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-4,.col-6,.col-8,.col-12,.col-xs-2,.col-xs-10,.col-sm-3 {float: left;position: relative;min-height: 1px;}
.col-12 {width: 100%;}
.col-xs-10 {width: 81.33333333%;}
.col-8 {width: 66.66666667%;}
.col-6 {width: 50%;}
.col-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.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;}

.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;}

.contact {position: relative;}
.contact .addresses {padding: 0 50px;margin-top: 60px;}
.contact .addresses .address {display: table;width: 100%;margin-bottom: 16px;}
.contact .addresses .address .content {text-align: center;display: table-cell;vertical-align: middle;height: 400px;background: #f5f5f5;padding: 0 20px;}
.contact .addresses .address .content .logo {}
.contact .addresses .address .content .text {color: #333;font-size: 18px;font-weight: 600;}
.contact .addresses .address .content .text span {color: #9b8642;}
.contact .contact-title {color: #edba51;font-size: 48px;text-align: center;}
.contact .form {padding: 0 50px;margin-top: 50px;}
.contact .form .form-horizontal {margin-top: 15px;}
.contact .form .form-horizontal .form-group {margin-bottom: 15px;padding: 0 10px;}
label {max-width: 100%;}
input[type="text"].form-control, input[type="email"].form-control, textarea.form-control {-webkit-appearance: none;
    padding: 10px;
    max-width: 100%;
    margin: 1px 0;
    color: #ffffff;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.42857143;
	text-shadow: 1px 1px 1px black;
    color: #c5c5c5;
    background-color: rgba(70, 70, 70, 0);
    resize: none;
    border-radius: 2px;
    border: 0;}
select.form-control {    padding: 10px;
    max-width: 100%;
    margin: 1px 0;
    color: #595959;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
	text-shadow: 1px 1px 1px black;
    line-height: 1.42857143;
    color: #333;
    background-color: rgba(255, 255, 255, 0);
    resize: none;
    border-radius: 2px;
    border: 0;
    color: #595959;
    font-weight: 600;}
.form-horizontal .radio, .form-horizontal .radio-inline {margin-top: 0;margin-bottom: 0;padding-top: 7px;display: inline-block;padding-left: 20px;vertical-align: middle;font-weight: normal;cursor: pointer;font-size: 18px;color: #595959;line-height: 22px;}
.radio input[type="radio"], .radio-inline input[type="radio"] {position: absolute;margin-left: -20px;}
input[type="radio"] {margin: 4px 0 0;line-height: normal;box-sizing: border-box;padding: 0;}
.form-actions {padding-top: 20px;padding-right: 0 !important;}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 20px 30px;font-size: 14px;line-height: 1.42857143;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: 0;}
.btn-send {background-color: #edba51;color: #fff;width: 100%;border-radius: 5px;font-size: 16px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.btn-send:hover {background-color: #c69b43;}
::-webkit-input-placeholder {color: #595959;font-weight: 600;}
::-moz-placeholder {color: #595959;font-weight: 600;}

.legal{color: #595959;font-weight: 600;margin-top: 6px;}
.legal span{color: #edba51;cursor: pointer;}

.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;}

.alert{width: 100%;position: relative;box-sizing: border-box;padding: 0 10px;}
.alert .alert-content{padding: 30px;position: relative;color:#fff;font-size:18px;}
.alert .alert-content .close{position: absolute;right: 0;top:0;padding: 2px 10px;display: block;background: #fff;color:#ed1c24;cursor:pointer;font-size: 22px;}
.alert .alert-content h4{margin-top: 0;color:#fff;margin-bottom: 10px;}
.alert.alert-success .alert-content{background: #edba51}
.alert.alert-danger .alert-content{background: #edba51}

.legal-message{width: 100%;height: 100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.5);z-index: 999999;display: none;}
.legal-message .message-content{width: 650px;padding: 30px;position: absolute;left: 50%;top:50%;margin-left: -325px;margin-top:-130px;color:#fff; background: #505050;font-size:18px;text-align: center;}
.legal-message .message-content .close{position: absolute;right: 0;top:0;padding: 2px 10px;display: block;background: #fff;color:#505050;cursor:pointer;font-size: 22px;}
.legal-message .message-content h4{margin-top: 0;color:#fff;margin-bottom: 10px;}
.legal-message .message-content .btn-donot{background: #ada9a9;font-weight: 600;}
.legal-message .message-content .btn-agree{background: #c69b43;font-weight: 600;}

@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;}
	.contact .addresses {margin-top: 26px;}
	.contact .addresses .address .content {height: 240px;}
	.contact .form {margin-top: 12px;}
	.contact .form .form-horizontal .form-group {margin-bottom: 15px;}
	input[type="text"].form-control, input[type="email"].form-control, textarea.form-control {padding: 10px;}
	.btn {padding: 10px 10px;}
	.btn-send {margin-left: -10px;}
	.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;}
	.col-4,.col-6,.col-8,.col-12 {float: none;clear: both;position: relative;min-height: 1px;width: 100%;}
	.col-sm-3 {width: 50%;}
	.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;}
	.contact .form .form-horizontal .form-group {padding: 0;}
	.btn-send {margin-left: 0;}
}

@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%;}
	.contact .addresses {padding: 0px;}
	.contact .addresses .address .content .logo {width: 100%;}
	.contact .addresses .address .content .logo img {height: 80px;}
	.contact .form {padding: 0px;}
	.floor .modal .detail {margin: 68px auto 0 auto;}
	.floor .modal .close {width: 50px;}
	.floor .modal .close img {width: 100%;}

	.legal-message .message-content{width: 70%;padding: 30px;margin-left: auto;left:10%;margin-top:-130px;}
}

@media(max-width:480px) {
	.contact .addresses .address .content .text {font-size: 16px;}
}

.button {
	float: right;
    margin-top: 223px;
    margin-right: -110px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    padding: 10px 42px;
    color: white;
    font-weight: bold;
    font-size: 27px;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
	animation-iteration-count: 3;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
	
}


.button:hover{
	
    transition: 1s ease;
    background: #333436;
    margin-right: -109px;
	
}

.gonder {
    background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 127%;
    border-radius: 5px;
    margin-left: -24px;
    margin-bottom: -17px;
    margin-top: -10px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}


@media (min-width:320px) and (max-width:375px) {

header .logo img {
	
	width: 100%;
	margin-left:86px;
	}


}


@media (min-width:320px) and (max-width:375px) {

.button {

    float: right;
    position: relative;
    top: 425px;
	right: 27%;
    margin-top: -21px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    padding: 4px 88px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
    z-index: 999;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

	}
	
}

@media (min-width:320px) and (max-width:375px) {
 
.gonder {
    background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -68px;
    margin-bottom: 5px;
    margin-top: -19px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    padding: 5px 0px;
	}

 }












@media (min-width:360px) and (max-width:375px) {

header .logo img {
	
	width: 100%;
	margin-left:106px;
	}


}


@media (min-width:360px) and (max-width:375px) {

.button {

    float: right;
    position: relative;
    top: 470px;
    right: 24%;
    margin-top: -40px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    padding: 4px 108px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
    z-index: 999;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

	}
	
}

@media (min-width:360px) and (max-width:375px) {
 
.gonder {
	background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -77px;
    margin-bottom: 16px;
    margin-top: 4px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    padding: 5px 0px;
	}

 }











@media (min-width:375px) and (max-width:414px) {

header .logo img {
	
	width: 100%;
    margin-left: 113px;
	}


}


@media (min-width:375px) and (max-width:414px) {

.button {

    float: right;
    font-size: 22px;
    position: relative;
    top: 478px;
    right: 24%;
    margin-top: -37px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    padding: 5px 126px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
    z-index: 999;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

	}
	
}

@media (min-width:375px) and (max-width:414px) {
 
.gonder {
	background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -83px;
    margin-bottom: 9px;
    margin-top: -27px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    padding: 5px 0px;
	}

 }








@media (min-width:414px) and (max-width:768px) {

header .logo img {
	
	width: 100%;
    margin-left: 134px;
	}


}


@media (min-width:414px) and (max-width:768px) {

.button {

    float: right;
    position: relative;
    top: 600px;
    right: 24%;
    margin-top: -50px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    padding: 4px 136px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
    z-index: 999;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

	}
	
}

 @media (min-width:414px) and (max-width:768px) {
 
.gonder {
    background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -86px;
    margin-bottom: 18px;
    margin-top: 0px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}

 }
 
 
 
 
 
 
 
 
 
 @media (min-width:768px) and (max-width:960px) {

header .logo img {
	
	width: 100%;
    margin-left: 313px;
	}


}


 @media (min-width:768px) and (max-width:960px) {

.button {

    float: right;
    margin-top: 200px;
    margin-bottom: -220px;
    margin-right: -95px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
	transform: scale(1.1) rotate(-90deg);
    padding: 5px 32px;
    font-size: 32px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
    top: 0px;
    right: 0px;


	}
	
}

 @media (min-width:768px) and (max-width:960px) {
 
.gonder {
	background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -171px;
    margin-bottom: 25px;
    margin-top: 6px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}

 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 @media (min-width:1024px) and (max-width:1200px) {

header .logo img {
	
    width: 100%;
    margin-left: 0px
	}


}


 @media (min-width:1024px) and (max-width:1200px) {

.button {

    float: right;
    margin-top: 200px;
    margin-bottom: -220px;
    margin-right: -95px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 5px 32px;
    font-size: 32px;
    color: white;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-name: flash;
	}
	
}

 @media (min-width:1024px) and (max-width:1200px) {
 
.gonder {
    background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -233px;
    margin-bottom: 25px;
    margin-top: 6px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}

 }
 
 
 @media (min-width:1920px) and (max-width:2200px) {

.button {

    float: right;
    margin-top: 338px;
    margin-bottom: -220px;
    margin-right: -120px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 5px 32px;
    font-size: 32px;
    color: white;


	}
	
}

 @media (min-width:1920px) and (max-width:2200px) {

.button:hover {
    transition: 1s ease;
    background: #333436;
    margin-right: -117px;
}

 }

 @media (min-width:1920px) and (max-width:2200px) {
 
.gonder {
    background-color: #edba51;
    text-align: center;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    margin-left: -233px;
    margin-bottom: 25px;
    margin-top: 6px;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}

 }




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;}



 @keyframes flash {
            0%, 50%, 100% {
               opacity: 1;
            }
            25%, 75% {
               opacity: 0;
            }
         }

/* Standard syntax */


@media (max-width: 1200px) and (min-width: 1025px) {

header .logo img {
    width: 90%;
    margin-left: 0;
}


}


/* Branch performance and responsive refinements */
html{scroll-behavior:smooth}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input: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}@media(max-width:700px){.container-fluid{padding-inline:18px}.partners .tab-content{padding:22px;font-size:16px!important}.contact input,.contact textarea{max-width:100%;box-sizing:border-box;font-size:16px}.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}}@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}