@font-face {
  font-family: GT-Walsheim Regular;
  src: url(../../assets/font/GT-Walsheim-Pro-Regular.ttf);
}
@font-face {
  font-family: GT-Walsheim Medium;
  src: url(../../assets/font/GT-Walsheim-Pro-Medium.ttf);
}
@font-face {
  font-family: GT-Walsheim Light;
  src: url(../../assets/font/GT-Walsheim-Pro-Light.ttf);
}
@font-face {
  font-family: GT-Walsheim Bold;
  src: url(../../assets/font/GT-Walsheim-Pro-Bold.ttf);
}
 

body {
  background: none;
  font-family: "GT-Walsheim Regular", "sans-serif";
  line-height: 28px;
	  background: #fff;
  color: #000;
	padding: 25px 20px;
 
 
  /* overflow-x: hidden; */
	font-size: 19px;
}
.p-main {padding: 32px; margin: 0!important;}
h1 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 4em!important;   margin: 0px 0 0 0px; color: #f9b871; line-height: 1.2em; display: block!important; }
h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 4em!important;   margin: 0px 0 0 0px; color: #f9b871; line-height: 1.2em; display: block!important; }
h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.3em!important; font-weight: 600!important; margin: 0 0 0 0px; color: #f9b871;  line-height: 1.3em!important;display: inline}
h4 { font-family: "GT-Walsheim Medium", "sans-serif"; font-size: 1.55em!important; font-weight: 300!important; margin: 0 0 0 0px; color: #f9b871;  line-height: 1.3em!important;display: inline;}


.overlap-margin {margin-top: -50px!important;}
.overlap-right {margin-right: -15%; padding: 3rem 7rem 3rem 3rem!important;}

.p-5-custom {padding: 3rem!important;}
	.row .custom-row {padding-left: calc(var(--bs-gutter-x) * .5)!important;}

.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 1rem;}

.row.custom-grid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: auto!important;
    margin-left: auto!important;
}

 

.pb-5-custom {    padding-bottom: 3rem !important;}
.mt-3-custom {    margin-top: 0rem !important;}
.text-right-custom{    text-align: right!important;}

@media (max-width: 575px) { 
	body 	{font-size: 17px!important;   line-height: 24px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 2.6em!important;   } 
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.1em!important;}
	.p-5 {    padding: 1.5rem !important;}
	.p-5-custom {padding: 0rem!important;}
	.pb-5-custom {    padding-bottom: 0rem !important;}
	.mt-3-custom {    margin-top: 2rem !important;}
	.row .custom-row {padding-left: 0!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 0rem!important;}
	.overlap-margin {margin-top: 0px!important;}
	.overlap-right {margin-right: 0!important; padding: 1.5rem 1.5rem 1.5rem 1.5rem!important;}
 .text-right-custom{    text-align: left!important;}

}

@media (min-width: 576px) { 
	body 	{font-size: 17px!important;   line-height: 24px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 2.6em!important;  } 
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.2em!important;}
	.p-5 {    padding: 1.5rem !important;}
	.p-5-custom {padding: 0rem!important;}
	.pb-5-custom {    padding-bottom: 0rem !important;}
		.mt-3-custom {    margin-top: 2rem !important;}
	.row .custom-row {padding-left: 0!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 0rem!important;}
	.overlap-margin {margin-top: 0px!important;}
	.overlap-right {margin-right: 0!important;  padding: 1.5rem 1.5rem 1.5rem 1.5rem!important;}
	.text-right-custom{    text-align: left!important;}
 
}

@media (min-width: 768px) { 
			body 	{font-size: 17px!important;   line-height: 24px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 2.8em!important;   }
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.2em!important;}
	.p-5 {    padding: 2rem !important;}
	.p-5-custom {padding: 0rem!important;}
	.pb-5-custom {    padding-bottom: 0rem !important;}
		.mt-3-custom {    margin-top: 2rem !important;}
	.row .custom-row {padding-left: 0!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 0rem!important;}
	 .overlap-margin {margin-top: 0px!important;}
	.overlap-right {margin-right: 0%!important; padding: 3rem 5rem 3rem 3rem!important;}
		 
.text-right-left{    text-align: right!important;}
}


@media (min-width: 992px) {
		body 	{font-size: 19px!important;   line-height: 28px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 3em!important;   } 
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.2em!important;}
	.p-5 {    padding: 2.5rem !important;}
	.p-5-custom {padding: 3rem!important;}
	.pb-5-custom {    padding-bottom: 3rem !important;}
		.mt-3-custom {    margin-top: 0rem !important;}
	.row .custom-row {padding-left: calc(var(--bs-gutter-x) * .5)!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 0rem!important;}
.overlap-margin {margin-top: 20px!important;}
	.overlap-right {margin-right: -15%!important; padding: 3rem 5rem 3rem 3rem!important;}
	.text-right-custom{    text-align: right!important;}
		 
}

@media (min-width: 1200px) { 
			body 	{font-size: 19px!important;   line-height: 28px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 3.4em!important;  }
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.2em!important;}
	.p-5 {    padding: 3rem !important;}
	.p-5-custom {padding: 3rem!important;}
	.pb-5-custom {    padding-bottom: 3rem !important;}
		.mt-3-custom {    margin-top: 0rem !important;}
	.row .custom-row {padding-left: calc(var(--bs-gutter-x) * .5)!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 1rem!important;}
	.overlap-margin {margin-top: -50px!important;}
	.overlap-right {margin-right: -15%!important; padding: 3rem 7rem 3rem 3rem!important;}
	.text-right-custom{    text-align: right!important;}
 
}


@media (min-width: 1400px) { 
			body 	{font-size: 19px!important;   line-height: 28px;}
	h2 { font-family: "GT-Walsheim Bold", "sans-serif"; font-size: 4em!important;  }
	h3 { font-family: "GT-Walsheim Regular", "sans-serif"; font-size: 1.3em!important;}
	.p-5 {    padding: 3rem !important;}
	.p-5-custom {padding: 3rem!important;}
	.pb-5-custom {    padding-bottom: 3rem !important;}
		.mt-3-custom {    margin-top: 0rem !important;}
	.row .custom-row {padding-left: calc(var(--bs-gutter-x) * .5)!important;}
	.card-body.custom-card {    flex: 1 1 auto;    padding: 1rem 1rem!important;}
	.overlap-margin {margin-top: -50px!important;}
	.overlap-right {margin-right: -15%!important; padding: 3rem 7rem 3rem 3rem!important;}
 .text-right-custom{    text-align: right!important;}
}



*,
*::before,
*::after {
  box-sizing: border-box;
}

.color-white {color: #fff!important;}
.color-yellow {color: #f9b871!important;}
.color-green {color: #004d4d!important;}
.color-green-light {color: #1a5f5f!important;}
.bg-yellow {background: #f9b871;}
.bg-light-green {background: #1a5f5f!important;}
.bg-green {background: #004d4d!important;}


.bg-none {background: none!important;}

.bg-sign-dy {background:  url("../img/kh_sign_dark_yellow.svg") no-repeat fixed!important; background-size: 300px!important; background-color: none!important; }
.bg-sign-lg {background: #004d4d url("../img/kh_sign_light_green.svg") no-repeat fixed left 30% top 10%; background-size: contain!important; background-color: none!important; }
.bg-sign-dg {background: #004d4d url("../img/kh_sign_darker_green.svg") no-repeat fixed left 50% top 10%; background-size: 200%!important; background-color: none!important; }

.border-rad {border-radius: 0!important;}

.c-main {
  height: auto;
  display: block;
  width: 80%;
  position: relative;
	margin: 0px; auto
  z-index: 1;   font-family: "GT-Walsheim Light", "sans-serif";
}

.logo-container {position: relative; left: 0px; bottom: 0px; width: 200px; height: 250px; margin: -100px 0 0 0px; z-index: 2000; overflow: hidden;}



.c-logo {
  position: relative;
	margin: 0px auto;
/*   top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
 */
  z-index: 2;
}

.c-logo:before {
	content: "Kratz Hospitality";
	position: absolute; left: 10px; bottom: -240px;
	font-size: 1.2em; font-family: "GT-Walsheim Medium", "sans-serif"; font-weight: 600!important; color: #f9b871; width: 300px;
	
}
.c-logo__svg {
  width: 200px;
  display: block;
  max-width: 100%;
  margin: 0px 0 0 0px;
  position: relative;
  height: 200px;transform: scale(0.9);
}
.c-logo__svg-item {
  fill: #f9b871;
  transition: all 0.3s ease-in-out 0s;
}
.c-logo__svg-item--out {
  transition: all 0.2s ease-in-out 0.2s;
  opacity: 1;
  visibility: visible;
}
.is-small .c-logo__svg-item--out {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0s;
  /* CSS
  .is-small .c-logo__svg-item--out{ 
  		opacity: 0; 
  		visibility: hidden;
  		transition-delay: 0s;
  	}
  */
}
.c-logo__svg-item--move {
  transition: all 0.55s ease-in-out 0s;
}
.is-small .c-logo__svg-item--move {
  transform: translateX(100px);
  transition-delay: 0s;
}
	
	
 

.background {
 
	background: #9e7c57; color: #fff; padding: 40px;} 
img.gradient {
 
	color: #f9b871;
	background-color: #f9b871;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: redred 1000ms 0ms infinite linear;
	 
}
@-webkit-keyframes hue {
  from {
    -webkit-filter:  hue-rotate(0deg);
  }
  to {
    -webkit-filter:  hue-rotate(-360deg);
  }
}

/*
img .gradient2 {
 
	color: #f9b871;
	background-image: -webkit-linear-gradient(92deg, #f9b871, #f9b871, #f9b871);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter:  hue-rotate(0deg);
  }
  to {
    -webkit-filter:  hue-rotate(-360deg);
  }
}
*/


/*Swiper*/

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	height: 100vh;
 
 
}
.carousel-inner .item {
    position: relative;
    width: 100%;
    overflow: hidden;
	height: 100vh;
	background-position:  center;
 
 
}
 .carousel-fade  
	.carousel-item {
		display: block;
		position: absolute;
		opacity: 0;
		transition: opacity .75s ease-in-out;

		&.active {
			opacity: 1;
		}
	 
}


 /*
#wowslider-container1 {position: relative!important; width: 100%!important; max-width: 100%!important;max-height: auto!important; height: auto!important;}  
#wowslider-container1 .ws_images {height: auto!important; width: 100%!important; max-width: 100%!important;max-height: 100vh!important;}
 

#wowslider-container1 .ws_images > div > img .headerimg {object-fit: contain!important; height: 700px; max-height: 700px!important;}
#wowslider-container1 .ws_images > div > img {    max-height: 700px!important;
}


#wowslider-container1 .ws_playpause {
 
	display: none;
}*/
 .ws_next,   .ws_prev  {display: none;}

#wowslider-container1 {position: relative!important; width: 100%!important; max-width: 100%!important;max-height: auto!important; height: auto!important; margin: -5px 0 0 0px!important; padding: 0px!important;} 
#wowslider-container1 .ws_images {height: auto!important; width: 100%!important; max-width: 100%!important;max-height: 100vh!important;}
#wowslider-container1 .ws_images > div > img {   max-height: 70vh!important;}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

 
#wowslider-container1 .ws-title{
	position: absolute;
	background: none; 
	margin-right: -30px!important;
	color: #004d4d!important;
 font-family: "GT-Walsheim Medium", "sans-serif"!important;
	right: -2px!important; left: unset!important; bottom: unset!important;
	top: 3em!important;
	opacity: 1;
	padding: 0!important;
	text-align: right;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	z-index: 50;
 
}
#wowslider-container1 .ws-title div{
    margin-top: 0.5em;
	font-size: 1.3em;
}
#wowslider-container1 .ws-title span{
	font-size: 30px!important; padding: 12px 32px 6px 32px!important;
	line-height: 1em!important;
	background: #f9b871!important;
	
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 9.6s infinite;
	-moz-animation: wsBasic 9.6s infinite;
	-webkit-animation: wsBasic 9.6s infinite;
}

#wowslider-container1 .ws_bullets {
    bottom: 0px;
    left: unset!important;
	right: -10px!important;
}

#wowslider-container1 .ws_bullets a.ws_selbull {
	background: #f9b871!important;
	padding: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#wowslider-container1 .ws_bullets a {
    width: 16px;
    height: 16px;
    border-radius: 0%!important;
    background: #004d4d!important;
    float: left;
    text-indent: -4000px;
    position: relative;
    margin-left: 14px!important;
    color: transparent;
}
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #f9b871;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 4px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 50px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: #f9b871;
    display: inline-block;
    position: absolute;
    border-radius: 0%;
    border: 0px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
 
 .overlay-img {max-width:100%; float: right;}

.overlay-text {
 
  float:right;
  width:55%; /*important*/
  bottom:10vw; /*important*/
  padding: 25px;
 
  position:relative;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 1.25rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #004d4d!important;
    background-color: #f9b871!important;
    background-clip: padding-box;
    border: 3px solid #004d4d;
    border-radius: 0rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	box-shadow: none!important;
}

.form-control:focus {
  color: #f9b871!important;
  background-color: #004d4d!important;
  border-color: #004d4d;
  outline: 0;
  box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: #f9b871;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #004d4d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #004d4d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #004d4d;
  opacity: 1;
}

.form-control::placeholder {
  color: #004d4d;
  opacity: 1;
}


.custom-link {
	
	  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; color: #f9b871;
	text-decoration: none;
	padding: 0px 5px;  color: #f9b871!important; margin: -4px 0 0 0!important;
}
.custom-link:before {
	
	  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a5f5f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 
}
.custom-link:hover, .custom-link:focus, .custom-link:active {
  color: #f9b871!important;
}
.custom-link:hover:before, .custom-link:focus:before, .custom-link:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




.custom-link-footer {
	
	  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; color: #f9b871;
	text-decoration: none;
	padding: 3px 10px;  color: #f9b871!important; margin: -3px 0;
}
.custom-link-footer:before {
	
	  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004d4d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 
}
.custom-link-footer:hover, .custom-link-footer:focus, .custom-link-footer:active {
  color: #f9b871!important;
}
.custom-link-footer:hover:before, .custom-link-footer:focus:before, .custom-link-footer:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




.custom-button { font-family: "GT-Walsheim Medium", "sans-serif"; width: 300px; font-size: 1em; padding: 15px 0; color: #f9b871; text-align: center; text-decoration: none;}


 input[type=button], input[type=submit], input[type=submit] {
  background-color: #004d4d;
  border: none;
  color: #f9b871;
  padding: 5px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;border: 4px solid #004d4d; width: auto; font-size: 1em; 
}


input:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004d4d!important;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	border: 4px solid #efefef!important;
	margin: -4px -4px;
}





input:hover, input:focus, input:active {
  color: #f9b871!important;
	background: #004d4d!important; 
}
input:hover:before, input:focus:before, input:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
	 
	
	
}






.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border: 4px solid #f9b871;
}


 
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a5f5f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	border: 4px solid #1a5f5f;
	margin: -4px -4px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #f9b871;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}








.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;border: 3px solid #f9b871;
}

 




.hvr-sweep-to-left:before {
 
	
 	 content:"";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a5f5f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	border: 4px solid #1a5f5f;
	margin: -4px -4px;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: #f9b871;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}









.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a5f5f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.mfp-bottom-bar {

	display: none!important;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #004d4d!important;
    opacity: 0.8;
}
.mfp-arrow-left::before {
    margin-left: 25px;
    border: none!important;content: url("../../assets/img/kh_arrow_gallery_left.svg")!important; width: 40px; height: 40px; transform: scale(0.3);
}
.mfp-arrow-right::before {
    margin-left: 25px;
    border: none!important;content: url("../../assets/img/kh_arrow_gallery_right.svg")!important; width: 40px; height: 40px; transform: scale(0.3); opacity: 1!important;
}
.mfp-arrow-left::after { 
border: none!important;

}
.mfp-arrow-right::after { 
border: none!important;
}
.mfp-arrow::before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 1!important;
}
.mfp-arrow {
    position: absolute;
    opacity:1!important;
    margin: 0;
        margin-top: 0px;
        margin-right: 0px;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
    margin-right: 20px!important;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1!important;
    padding: 0 0 18px 10px;
    color: #f9b871!important;
    font-style: normal;
    font-size: 36px!important;
    font-family: Arial, Baskerville, monospace;
}
.mfp-figure::after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.6)!important;
    background: #444;
}