html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
details,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;}
b {font-weight: 700;}
h1 {font-size: 2em;margin: .67em 0;}
img {border: 0;}
code {font-family: monospace,monospace;font-size: 1em;}
button,input,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button {text-transform: none;}
button,html input[type="button"],input[type="reset"],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="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
textarea {overflow: auto;}
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-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-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 .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 .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;}
.slider {z-index: 2;width: 100%;position: absolute;top: 0;}
.slider iframe {width: 100%;height: 100%;}
.slider .img {text-align: center;width: 100%;position: relative;z-index: 1;}
.slider .img img {display: block;width: 100%;}
.slider .text {position: absolute;z-index: 999;padding: 15px 35px;background: rgba(0,0,0,0.5);top: 50%;margin-top: -50px;left: 0px;color: #fff;font-size: 60px;}
.slider .bx-wrapper {position: relative;padding: 0;*zoom: 1;}
.slider .bx-wrapper img {display: block;}
.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);}
.slider .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
.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;}
.slider .bx-wrapper .bx-pager {display: none;text-align: center;font-size: .85em;font-family: Arial;font-weight: 700;color: #666;padding-top: 20px;}
.slider .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.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;}
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.slider .bx-wrapper .bx-prev {left: 50%;margin-left: -27px;top: 10px;background: url(../images/slider/top.png) no-repeat;}
.slider .bx-wrapper .bx-next {right: 50%;margin-right: -27px;bottom: 10px;background: url(../images/slider/bottom.png) no-repeat;}
.slider .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 55px;height: 21px;text-indent: -9999px;z-index: 9999;display: none;}
.slider .bx-wrapper .bx-controls-auto {text-align: center;}
.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;}
.slider .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.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;}
.slider .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.slider .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80,80,80,0.75);width: 100%;}
.slider .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
.slider .bx-wrapper ul {margin: 0;padding: 0;list-style: none;}.slider .bx-wrapper ul li {margin: 0;padding: 0;}
.slider .bx-slider {padding: 0;margin: 0;list-style: none;}
.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 .close {position: absolute;top: 0;right: 0;cursor: pointer;cursor: pointer;z-index: 999999;opacity: .8;}

.contact {position: relative;}
.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;}
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;}
.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;}

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

@media(max-width:1280px) {
	header nav .nav li {font-size: 14px;}
	header nav .nav li:after {font-size: 35px;}
}

@media(max-width:1024px) {
	body {overflow: auto;padding-top: 82px;}
	.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;}
	.contact .form .form-horizontal .form-group {padding: 0;}
	.btn-send {margin-left: 0;}
}

@media(max-width:768px) {
	.slider .text {font-size: 20px;}
	.contact .form {padding: 0px;}
}


@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.button2{
    float: right;
    margin-top: 41px;
    font-weight: bold;
    margin-right: -24px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 9px 13px;
    color: white;
    animation-duration: 2500ms;
    animation-delay: 200ms;
    animation-name: example;
}


.button2:hover{
	
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.0) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.1) rotate(0deg);
    transition: 0.5s ease;
    cursor: -webkit-grabbing;
    background: #d8a53e;

}

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

.kte_conent {
	font-size: 14px;
    text-align: justify;	
    display: none;
    position: fixed;
    top: 27.5%;
    left: 70.5%;
    height: 66%;
    width: 23%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.90);
	z-index: 2003;
    overflow: hidden;
    animation-duration: 1000ms;
    animation-delay: 0ms;
    animation-name: fadeInRightBig;
	
}


@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) {

.button2 {

    float: right;
    margin-top: -27px;
    margin-right: 192px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


@media (min-width:320px) and (max-width:375px) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 18.5%;
    left: 1.5%;
    height: 73%;
    width: 96%;
    padding: 0px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 2003;
    overflow: hidden;
    animation-duration: 1000ms;
    animation-delay: 0ms;
    animation-name: fadeInRightBig;
	

	}
	
}












@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) {

.button2 {

	float: left;
    margin-top: -27px;
    margin-left: 16px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


@media (min-width:360px) and (max-width:375px) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 16.5%;
    left: 1.5%;
    height: 76%;
    width: 87%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 2003;
    overflow: hidden;

	}
	
}











@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) {

.button2 {

	float: left;
    margin-top: -27px;
    margin-left: 16px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


@media (min-width:375px) and (max-width:414px) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 12.5%;
    left: 1.5%;
    height: 75%;
    width: 88%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 999999999;


	}
	
}








@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) {

.button2 {

    float: left;
    margin-top: -26px;
    margin-left: 21px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


@media (min-width:414px) and (max-width:768px) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 14.5%;
    left: 2.5%;
    height: 69%;
    width: 87%;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 2003;
    overflow: hidden;

	}
	
}
 
 
 
 
 
 
 
 
 
 @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) {

.button2 {

    float: left;
    margin-top: -14px;
    margin-left: 21px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


 @media (min-width:768px) and (max-width:960px) {
	
	.kte_conent {
	font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 16.5%;
    left: 2.5%;
    height: 70%;
    width: 91%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
	background-color: rgba(0, 0, 0, 0.95);
	z-index: 2003;
    overflow: hidden;

	}
	
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 @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) {

.button2 {

	float: left;
    margin-top: 1px;
    margin-left: 22px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 3.5px 5px;
    color: white;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRightBig;

	}
	
}


 @media (min-width:1024px) and (max-width:1200px) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 17.5%;
    left: 2.5%;
    height: 77%;
    width: 91%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 2003;
    overflow: hidden;

	}
	
}
 
 
 
 
 
 
 
 @media (min-width:1920px) and (max-width:2200px) {
 .button2 {
    float: right;
    margin-top: 70px;
    margin-right: 8px;
    background: #edba51;
    border: 1px solid rgba(0, 0, 0, 0.37);
    border-radius: 4px 4px;
    padding: 9px 13px;
    color: white;
    animation-duration: 1700ms;
    animation-delay: 200ms;
    animation-name: fadeInRightBig;
	 
	 
 }
 }
 
 
 @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) {
	
	.kte_conent {
    font-size: 14px;
    text-align: justify;
    display: none;
    position: fixed;
    top: 23.5%;
    left: 64.5%;
    height: 58%;
    width: 32%;
    padding: 16px;
    border: 1px solid rgba(14, 14, 14, 0.68);
    background-color: rgba(0, 0, 0, 0.83);
    z-index: 2003;
    overflow: hidden;

	}
	
}




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

}



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

.icKutuOrta {
    width: 498px;
    overflow: hidden;
    background-color: #fff;
    max-width: 80%;
    height: 215px;
    margin-top: 50px;
    float: right;
    position: relative;
}


}


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

.icKutuOrta {
	width: 498px;
    overflow: hidden;
    background-color: #fff;
    max-width: 81%;
    margin-right: 6%;
	margin-top:-9px;
}


}





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

.icKutuOrta {
    width: 498px;
    overflow: hidden;
    background-color: #fff;
    max-width: 76%;
    margin-right: 2%;
    margin-top: 10px;
    height: 284px;
}


}




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

.icKutuOrta {
    width: 498px;
    overflow: hidden;
    background-color: #fff;
    max-width: 82%;
    margin-left: 13%
}

}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}



 @keyframes flash {
            0%, 50%, 100% {
               opacity: 1;
            }
            25%, 75% {
               opacity: 0;
            }
         }
         
         .flash {
            animation-name: flash;
         }
		 
		 
		 
@-webkit-keyframes example {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color: #f9a800;}
    25%  {background-color: ecbd5b;}
    50%  {background-color: #bf8c22;}
    100% {background-color: #ecbd5b;}
		 
		 
}


		 
@media (min-width:320px) and (max-width:360px) {
	 
.kapatt{
	
	position: relative;
    bottom: 360px;
    left: 44%;
	
	
}
		 
		 
}
		 
@media (min-width:360px) and (max-width:375px) {
	 
.kapatt{
	
    position: relative;
    bottom: 406px;
    left: 49%;
	
	
}
		 
		 
}


@media (min-width:375px) and (max-width:414px) {
	 
.kapatt{
	
    position: relative;
    bottom: 429px;
    left: 48%;
	
	
}
		 
		 
}


@media (min-width:414px) and (max-width:480px) {
	 
.kapatt{
	
    position: relative;
    bottom: 445px;
    left: 48%;
	
	
}
		 
		 
}


@media (max-width:414px) {

.icKutuUst img {
    border: 0;
    float: right;
    margin: 6px 240px 0px 0px;
    position: relative;
    right: 3%;
}

}


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

.disKutu {
    max-width: 120%;
    width: 500px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -230px;
    display: none;
    top: 4%;
}

}


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

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


}



#website{
	
display:none;	

}


/* 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}iframe{max-width:100%;border:0}.slider .bx-loading{background:#17231f!important}@media(max-width:700px){.container-fluid{padding-inline:18px}.contact input,.contact textarea{max-width:100%;box-sizing:border-box;font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

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