@charset "utf-8";

/*======================================

 [ -Main Stylesheet-

  Theme: Diamant

  Version: 1.0

  Last change: 10/08/2023 ]

  ++fonts++

  ++general++ 

  ++header++ 

  ++footer++ 

  ++menu++ 

  ++content++   

  ++blog++ 

  ++responsive++ 

*/

/*-------------Import fonts ---------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

/*-------------General Style---------------------------------------*/

:root {

	--main-color: #c4a676;

	--main-font: 'Playfair', serif;

	--secondary-font: 'Jost', sans-serif;

}

html{

	overflow-x:hidden !important;

	height:100%;

}

body{

	margin: 0;

	padding: 0;

	font-family: var(--main-font);

	font-weight: 400;

	font-size: 12px;

 	background: #272535;

	height:100%;

	text-align:center;

	color:#1e1e1e;

} 

@-o-viewport {width: device-width;}

@-ms-viewport {width: device-width;}

@viewport {width: device-width;}

/*--------------Typography--------------------------------------*/

p {

	text-align: left;

    font-size: 14px;

    line-height: 24px;

    padding-bottom: 10px;

    font-weight: 400;

 	color: #5e646a;

	font-family: var(--secondary-font);

}

.has-drop-cap:first-letter {

	font-size: 70px;

	float: left;

	padding: 20px 20px 10px 0;

 	font-family: var(--main-font);

	color:var(--main-color);

}

blockquote {

 

	padding: 10px 20px 0;

	margin: 0 0 20px;

	border-left: 10px solid #eee;

	position:relative;

	text-decoration: underline;

 

}

blockquote p {

	font-style:italic;

  	font-family: var(--main-font);

	color: #333;

    line-height: 20px;

	font-size: 1.3em;

}

/* ---------Page preload--------------------------------------*/

.loader-wrap {

	position: fixed;

	top:0;

	bottom:0;

	left:0;

	right:0;

	overflow:hidden;

	z-index:100;

}

.loader {

	position: absolute;

	top:50%;

	left:50%;

	width:40px;

	height:40px;

	line-height: 40px;

	margin:-20px 0 0 -20px;

	z-index:20;

    transform: scale(1.0);

}

.loader i{

	color:var(--main-color);

	font-size: 3.9em;

	animation:k3d 3.5s infinite linear;

	-webkit-box-reflect: below 10px -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));

	-webkit-box-reflect: below 10px -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));

	-webkit-box-reflect: below 10px linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));

}

@keyframes k3d {

0% {

  transform: rotateY(0deg);

  }

  50% {

    transform: rotateY(360deg);

	opacity:0.3;

  }

  100%{

     transform: rotateY(0deg);

  }	

}

.cd-tabs-layer  , .cd-reserv-overlay-layer {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	height: 100%;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	overflow: hidden;

}

.cd-loader-layer {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	height: 100%;

	width: 100%;

	opacity: 1;

	visibility: visible;

	overflow: hidden;

}

.cd-loader-layer .loader-layer  {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translateY(-50%) translateX(-98%);

	height: 100%;

	width: 2500%;

	background: url(../images/ink2.png) no-repeat 0 0;

	background-size: 100% 100%;

}

 .cd-loader-layer.visible   {

	opacity: 1;

	visibility: visible;

}

.cd-loader-layer.opening .loader-layer  {

	animation: cd-sequence 0.8s steps(24);

	animation-fill-mode: forwards;

}

.cd-loader-layer.closing .loader-layer{

	animation: cd-sequence-reverse 0.8s steps(24);

	animation-fill-mode: forwards;

} 

@keyframes cd-sequence {

  0% {

    transform: translateY(-50%) translateX(-2%);

  }

  100% {

    transform: translateY(-50%) translateX(-98%);

  }

}

@keyframes cd-sequence-reverse {

  0% {

    transform: translateY(-50%) translateX(-98%);

  }

  100% {

    transform: translateY(-50%) translateX(-2%);

  }

} 

/* ---------Content Styles--------------------------------------*/

#main{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:2;

	opacity:0;

}

#wrapper{

	vertical-align:top;

	position: absolute;

	left:0;

	top:0;

	right:0;

	bottom: 0;

	z-index:2;

}

.content {

	position: relative;

	z-index: 3;

	background: #fff;

    box-shadow: 0px 10px 74px 0px rgba(0,0,0,.8);

}

.content-dec {

	position: absolute;

	bottom: -20px;

	left: 50%;

	width: 36px;

	z-index: 10;

	margin-left: -18px;

}

.content-dec:before {

	content: '';

	position: absolute;

	top: -20px;

	left: 50%;

	width: 6px;

	height: 6px;

	background: var(--main-color);

	border-radius: 50%;

	margin-left: -3px;

	z-index: 10;

}

.content-dec:after {

	content: '';

	position: absolute;

	top: -90px;

	left: 50%;

	width: 1px;

	height: 25px;

	background: #ddd;

	z-index: 10;

}

.content-dec span {

	position: absolute;

	bottom: 4px;

	left: 0;

	width: 36px;

	height: 36px;

	background: #f9f9f9;

	z-index: 1;

	transform: rotate(45deg);

	box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2);

}

.content-dec2 {

	z-index: -2;

	background: #f9f9f9;

}

.content-dec2:before {

	content: '';

	position: absolute;

	top: 20px;

	left: 20px;

	right: 20px;

	bottom: 20px;

	border: 1px solid #eee;

	border-radius: 10px;

	background: #fff;

}

.container{

	width: min(100% - 25px, 1600px);

	margin-inline:auto;

	position: relative;

	z-index:5;

}

.container.small-container {

	width: min(100% - 40px, 1100px);

	z-index:6;

}

.mid-padding {

	padding: 50px 40px;

} 

.fl-wrap {

	float:left;

	width:100%;

	position:relative;

}

.no-bg {

	background:none !important;

}

.full-height {

	height:100%;

}

.bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size: cover;

	background-attachment: scroll  ;

	background-position: center  ;

	background-repeat:repeat;

	background-origin: content-box;

} 

.respimg , .single-slider img {

	width:100%;

	height:auto;

}

.overlay    {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:#272535;

 	opacity:.4;

	z-index: 2

}

.overlay-bold {

	opacity: .6

}

.fs-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

} 

.no-padding {

	padding:0 !important;

}

.dec-corner {

	position:absolute;

	width:70px;

	height:70px;

	z-index:10;

}

.dc_lb{

	left: 30px;

	bottom:30px;

 	border-bottom: 1px dashed;

	border-left:1px dashed;

 	border-radius: 0 0 0 20px  

}

.dc_rb{

	right: 30px;

	bottom:30px;

 	border-bottom: 1px dashed;

	border-right:1px dashed;

 	border-radius:  0 0 20px 0

}

.dc_rt {

	right: 30px;

	top:30px;

 	border-top: 1px dashed;

	border-right:1px dashed;

 	border-radius:0 20px 0 0	

}

.dc_lt {

	left: 30px;

	top:30px;

 	border-top: 1px dashed;

	border-left:1px dashed;

 	border-radius: 20px 0 0 0	

}

.dec-corner  {

	border-color:rgba(255,255,255,.4);

}

/*------   Header  -----------*/

.main-header {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	z-index: 10;

}

.header-top {

	height:100px;

}

.header-social {

	float: left;

}

.header-social li {

	float: left;

	margin-right: 20px;

}

.header-social li a {

    color: var(--main-color);

 	font-size: 1.3em;

	line-height: 100px;

    transition: all .2s ease-in-out;

}

.header-social li a:hover {

	color:#fff;

}

.logo-holder {

	float: left;

	border-right: 1px solid #eee;

	padding: 0 20px;

	height: 80px;

	overflow: hidden;

	position: relative;

}

.logo-holder img {

	width: auto;

	height: 40px;

	float: left;

	position: relative;

	top: 50%;

	margin-top: -20px;

}

.header-top_contacts {

	float: left;

	margin-right: 40px;

 	position: relative;

    height: 100px;

    line-height: 100px;

	padding:0 20px 0 40px;

}

.header-top_contacts:before , .header-top_contacts:after , .lang-wrap:before {

	content: '';

	position: absolute;

	top: 30px;

	left: 0;

	width: 1px;

	bottom: 30px;

	background: rgba(255,255,255,.2);

}

.header-top_contacts:after  , .lang-wrap:before {

	left: auto;

	right: 0;

}

.header-top_contacts a {

    float: left;

    color: #fff;

    margin-right: 20px;

    text-transform: uppercase;

  	font-family: var(--secondary-font);

    transition: all .2s ease-in-out;

}

.header-top_contacts a span {

    padding-right: 10px;

    color: var(--main-color);

}

.lang-wrap {

	float: right;

	margin-right: 30px;

	height: 100px;

	line-height: 100px;

	color:#fff;

	font-size: 1.4em;

	padding-right: 40px;

	position: relative;

}

.lang-wrap a {

	color:#fff;

	margin: 0 4px;

}

.lang-wrap a:hover , .lang-wrap a.act-lang {

    color: var(--main-color);	

}

.nav-holder-wrap {

	position: relative;

	height: 80px;

	background: #fff;

	box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);

	border :1px solid #eee;

	border-top: none;

}

.nav-holder {

	float:left;

	position:relative;

	opacity:1;

	margin: 24px 0 0 30px;

	visibility:visible;

	z-index:20;

}

.nav-holder nav {

	position:relative;

	float: right;

}

.nav-holder nav li{

	float:left;

	position:relative;

	margin-right:6px;

	height:50px;

}

.nav-holder nav li ul {

	margin: 30px 0 0 0;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	min-width:200px;

	top: 62px;

	left: 0;

	z-index: 1;

	padding:20px ;

	background:#fff;

	border:1px solid #eee;

	transition: all .2s ease-in-out;

	border-radius: 10px;

}

.nav-holder nav li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

}

.nav-holder nav li ul li ul {

	top: -10px  ;

	left: 100%;

	margin-left:25px;

	margin-top:0;

	max-width:200px;

}

.nav-holder nav li ul li:hover  > ul  {

	opacity: 1;

	visibility: visible;

	margin-right:0px;

}

.nav-holder nav li ul li {

	width:100%;

	float:left;

	height:auto;

	position:relative;

	margin: 0;

}

.nav-holder nav li a {

	float: left;

	padding: 5px 8px;

    color: #222;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 25px;

    transition: all .1s linear;

	position:relative;

	font-family: var(--secondary-font);

}

.nav-holder nav li a i {

	padding-left:12px;

    transition: all .2s linear;

	color:var(--main-color);

}

.nav-holder nav li a:hover i {

    transform: rotateX(180deg);

}

.nav-holder nav li a.act-link , .nav-holder nav li a:hover , .nav-holder nav li a.actscr-link {

	color:var(--main-color);	

}

.nav-holder nav li ul a {

	float:left;

	width:100%;

	text-align:left;

	padding:0 15px;

    line-height: 30px;

	font-size: 12px;

}

.dark-header .nav-holder nav li ul a{

	color:#000;

}

nav li ul a:before , nav li ul a:after {

	display:none;

}

.serach-header-btn {

	float: right;

	position: relative;

	height: 60px;

	line-height: 60px;

	top: 10px;

	color:var(--main-color);

	text-transform: uppercase;

	background: #272535;

	padding: 0 40px 0 30px;

 	font-family: var(--secondary-font);

	border-radius: 4px;

    transition: all .2s linear;

    font-weight: 500;

}

.serach-header-btn:hover {

	background:var(--main-color);

	color:#272535;

}

.serach-header-btn i {

	margin-right: 12px;

}

.serach-header-btn_wrap {

	float: right;

	height: 80px;

	padding: 0  10px;

}

.show-cart , .show-share-btn  {

	float:right;

	font-size:1.8em;

	color:#666;

	cursor:pointer;

	position:relative;

	width:80px;

	height:80px;

	line-height:80px;

	margin-left:24px;

	border-left:1px solid #eee;

	text-align:center;

	box-sizing:border-box;

}

.show-cart  {

	margin-left:0;

 	font-size:1.6em;

	border-right:1px solid #eee;

} 

.show-cart:hover  , .show-share-btn:hover {

	color:var(--main-color);

	background: #f9f9f9;

}

.header-tooltip {

	position:absolute;

	top:100%;

	right:0;

	width:180px;

	height:60px;

	line-height:60px;

	color:var(--main-color);

	background: #211F2C;

	font-weight:600;

	transition: all .3s ease-in-out;

	font-size:15px;

	opacity:0;

	visibility:hidden;

	border-top:none;

}

.htact:hover .header-tooltip {

	opacity:1;

	visibility:visible;

}

.show-cart_count {

	position:absolute;

	bottom:16px;

	width:20px;

	height:20px;

	line-height:20px;

	border-radius:100%;

	color:#fff;

	right:16px;

	z-index:10;

	font-size:11px;

	background: var(--main-color);

	font-family: var(--secondary-font);

}

.show-cart i , .show-cart_count  , .header-cart_wrap{

	transition: all .3s ease-in-out;

}

.show-cart:before {

    content: "";

    display: block;

    width: 1px;

    height: 16.8px;

    position: absolute;

    top: 50%;

    left: -20px;

	background:rgba(255,255,255,0.51);

    margin-top: -8.4px;

    transform: rotate(45deg);

} 

.booking-reviews , .br-counter {

	float: right;

	position: relative;

}

.br-counter {

	float: right;

}

.ribbon {

	 width: 80px;

	 height: 56px;

	 background:var(--main-color);

	 position: relative;

     transition: all .2s linear;

}

.ribbon:before {

	content: "";

    position: absolute;

    z-index: 2;

    left: 0;

    bottom: -20px;

    border-left: 40px solid var(--main-color);

    border-right: 40px solid var(--main-color);

    border-bottom: 20px solid transparent;

    transition: all .2s linear;

}

.br-counter span {

	color:#fff;

	font-family: var(--secondary-font);

	position: absolute;

	top: 14px;

	right: 24px;

	font-size: 2.0em;

	z-index: 10;

    transition: all .2s linear;

}

.booking-reviews:hover .ribbon {

	background: #fff;

}

.booking-reviews:hover .ribbon:before  {

	border-right-color: #fff;

	border-left-color: #fff;	

}

.br_link {

	float: left;

	margin:26px 20px 0 0;

}

.star-rating i {

	margin:0 2px;

	color:var(--main-color);

	font-size: 1.1em;

}

.br_link .star-rating {

	text-align: right

}

.br_link p {

	text-align: right;

	color:#fff;

}

.booking-reviews:hover .br-counter span {

	color:var(--main-color);

}

.wish-list-wrap {

	position: absolute;

	top: 100%;

	margin-top: 10px;

	background: #fff;

	right: 10px;

	width: 450px;

	height: 500px;

	overflow: hidden;

	border-radius: 10px;

    box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);

	opacity: 0;

    visibility: visible;

    display: none;

	transition: all .3s ease-in-out;

}

.vis-cart {

    opacity: 1;

    visibility: visible;

    right: 0;

}

.header-overlay {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #272535;

	opacity: .4;

	z-index: 9;

	display: none;

}

.wish-list-container {

	position: absolute;

	top: 90px;

	left: 0;

	right: 0;

	bottom: 90px;

	overflow: auto;

	padding: 10px 30px;

}

.wish-list-wrap-btns , .wish-list-title {

	position: absolute;

	bottom: 0;

	height: 70px;

	left: 0;

	right: 0;

	padding: 0 10px;

}

.wish-list-title {

	bottom: auto;

	top: 0;

	line-height: 70px;

	font-size: 1.7em;

	color: var(--main-color);

	border-bottom: 1px solid #eee;

	background: #f9f9f9;

	text-align: left;

	padding: 0 70px 0 30px;

}

.wl_btn {

	float: left;

	width: 100%;

	height: 60px;

	line-height: 60px;

	color: var(--main-color);

	font-family: var(--secondary-font);

	text-transform: uppercase;

	border-radius: 10px;

	background: #272535;

	font-weight: 600;

}

.wish-list-close {

	position: absolute;

	top: 0;

	right: 0;

	width: 70px;

	height: 70px;

	line-height: 70px;

	z-index: 10;

	cursor: pointer;

	font-size: 1.6em;

}

.wish-list-item {

	background: #fff;

	padding:  15px;

	border: 1px solid #eee;

	margin-bottom: 10px;

	border-radius: 10px;

}

.wish-list-item:before {

	content: '';

	position: absolute;

	left: calc(35% + 20px);

	width: 1px;

	background: #eee;

	height: 100%;

	top: 0;

} 

.wish-list-img {

	float:left;

	width:35%;

	position:relative;

	border-radius:10px;

	overflow: hidden;

	box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);

}

.wish-list-descr {

	float:left;

	width:65%;

	padding:0 10px 0 40px;

}

.wish-list-img img {

	width:100%;

	height:auto;

}

.wish-list-descr h4 {

	text-align:left;

	font-weight:600;

 	color:#666;

	padding-bottom:2px;

	font-family: var(--secondary-font);

	text-transform: uppercase;

}

.wish-list-price{

	margin :4px 0 10px;

	text-align:left;

	color:var(--main-color);

 	font-size: 1.3em;

 	font-weight: 500;

}

.wish-list-price span {

	margin-right:6px;

} 

.clear-wishlist {

	position:absolute;

	right:-1px;

	bottom:-1px;

	background: #fff;

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 10px 0 0 0;

	border: 1px solid #eee;

	border-right-color:#f9f9f9;

	border-bottom-color:#f9f9f9;

	cursor:pointer;

	font-size:1.4em;

	color:var(--main-color);

}

.wshil_link {

	display: table;

	padding: 6px 15px;

	border: 1px solid #eee;

	background: #f9f9f9;

	text-transform: uppercase;

	font-size:.9em;

	font-family: var(--secondary-font);

}

.clear-wishlist:hover {

	color:#000;

}

/*------ share------------------------------------------------*/

.share-wrapper {

	position:absolute;

	left:0;

	right:0;

	top:100%;

	padding:0 20px;

     transition: all .2s ease-in-out;

    background: #211F2C;

	overflow:hidden;

	height:0;

	line-height:80px;

}

.visshare {

	height: 80px;

} 

.share-container {

	z-index:2;

}

.share-container  a{

	display:inline-block;

	position:relative;

	opacity:0;

	top:-20px;

	margin:0 20px;

	font-size:1.3em;

	font-weight:600;

	color: var(--main-color);

    transition: all .2s ease-in-out;

}

.share-container  a.vissharea {

	opacity: 1;

	top: 0;

}

.share-container  a:hover {

	color:#fff;

}  

.share-icon-foursquare:before  {

    content: "foursquare";

} 

.share-icon-facebook:before  {

    content: "Facebook";

}

.share-icon-twitter:before {

    content: "X-Twitter";

}

.share-icon-tumblr:before {

   content: "Tumblr";

}

.share-icon-linkedin:before {

   content: "Linkedin";

}

.share-icon-pinterest:before {

    content: "Pinterest";

}

.height-emulator {

    z-index: 1;

	position: relative;

}

.main-footer {

	background: #272535;

	position: fixed;

	z-index: 2;

	bottom: 0;

	left: 0;

	right: 0;

}

.footer-inner {

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.footer-widget-wrap {

	padding:90px 0 90px;

	position: relative;

	z-index: 10;

}

.footer-widget-title {

	text-align:left;

 	color: var(--main-color);

	font-size:2.3em;

	padding-bottom:36px;

}

.subcribe-form  , #subscribe {

	position: relative

}

.subcribe-form input.enteremail{

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-right: none;

	background: rgba(255, 255, 255, 0.05);

	padding: 0 20px;

	height:60px;

	line-height:60px;

	box-sizing:border-box;

	border-radius:4px  0 0 4px;

	position: relative;

	z-index: 1;

	color: #fff;

	width:70%;

	outline:none;

	float:left;

 	font-family: var(--main-font);

} 

.enteremail::-webkit-input-placeholder {

	color:#fff;

}

.subcribe-form .subscribe-button {

	float:right;

	width: 30%;

	z-index: 2;

	height:60px;

	line-height:60px;

 	position: relative;

	outline:none;

	border: none;

	font-weight: 500;

	cursor: pointer;

    text-transform: uppercase;

    font-family: var(--secondary-font);

	border-radius: 0 4px 4px 0;

	background: var(--main-color); 

    transition: all .2s linear;

}

.subcribe-form .subscribe-button:hover {

	background:#fff;

} 

.subscribe-message {

	position:absolute;

	bottom:-90px;

	left:0;

	width:100%;

	text-align:left;

	font-weight:500;

	font-size: 1.2em;

	color: var(--main-color); 

}

.footer-widget-content p {

	text-align:left;

	margin-bottom:15px;

	color: rgba(255,255,255,0.7);

}

.footer-widget-content-link {

 	color: var(--main-color);

	font-size:14px;

	margin-top:6px;

	position:relative;

  	font-family: var(--secondary-font);

    transition: all .2s linear;

	text-align: left;

	display: block;

}

.footer-widget-content-link span {

	border-bottom:1px dotted  rgba(255,255,255,0.3);

	padding-bottom:4px;

}

.footer-widget-content-link:hover {

	color:#fff;

}

.footer-contacts {

	margin-bottom:26px;

	padding-top:4px;

} 

.footer-contacts li{

  	font-family: var(--secondary-font);

	text-align:left;

	margin-bottom:10px;

	color:#fff;

	font-size: 1.2em

}

.footer-contacts li:last-child {

	margin-bottom:0;

}

.footer-contacts li span {

	margin-right:20px;

	width:80px;

	float:left;

}

.footer-contacts li a  , .footer-contacts li span{

	color:#fff;

    transition: all .2s linear;

}

.footer-list li {

	display: block;

	margin-bottom: 10px;

	text-align: left;

	position: relative;

	padding-left: 20px;

	font-weight: 500;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

}

.footer-contacts li a:hover , .footer-list li a:hover {

	color:var(--main-color);	

}

.footer-list li:before {

    font-family: "Font Awesome 6 Pro";

    content: "\f0da";

    position: absolute;

    left: 0;

    top: 3px;

    font-size: 11px;

	font-weight: 900;

    transition: all .2s linear;

	color:var(--main-color);

}

.footer-list li:hover:before {

	left: 4px;

}

.footer-list li a {

	color:#fff;

}

.footer-title-dec {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-50%)  translateX(-50%);

	z-index: 1;

	font-size: 7.0vw;

	color: rgba(255,255,255,.05)

}

.footer-social {

	position: relative;

	height: 80px;

	line-height: 80px;

    background: #211F2C;	

}

.footer-social li {

	display: inline-block;

	margin: 0 10px;

}

.footer-social li a {

	color: var(--main-color);

	font-size: 1.3em;

    transition: all .2s ease-in-out;

}

.footer-social li a:hover {

	color:#fff;

}

.footer-bottom {

	position: relative;

	height: 80px;

	line-height: 80px;

    background: #211F2C;

	overflow: hidden;

	border-top: 1px solid rgba(255,255,255,.1);

}

.footer-logo {

	float: left;

	height: 40px;

	position: relative;

}

.footer-logo img {

	height: 100%;

	width: auto;

}

.copyright {

	display: inline-block;

	color:#fff;

	font-size: 1.1em;

 	font-family: var(--secondary-font);

	text-transform: uppercase;

}

.to-top {

	float: right;

	cursor: pointer;

	color: var(--main-color);

	font-size: 1.1em;

 	font-family: var(--secondary-font);

	text-transform: uppercase;

}

.to-top i {

	margin-left: 20px;

	color:#fff;

	position: relative;

	top: 0;

	transition: all .3s ease-in-out;

}

.to-top:hover i {

	top: -5px;

}

.footer-separator-wrap {

	margin: 0 auto  90px;

	max-width: 800px;

	position: relative;

}

.footer-separator-wrap:before , .footer-separator-wrap:after {

	content: '';

	position: absolute;

	width: 200px;

	height: 1px;

	background: rgba(255,255,255,.1);

	top: 50%;

}

.footer-separator-wrap:before {

	left: 50%;

	margin-left:  80px;

}

.footer-separator-wrap:after {

	right: 50%;

	margin-right:  80px;

}

.footer-separator {

	position: relative;

	display: inline-table;

	width: 100px;

}

.footer-separator:before , .footer-separator:after {

	content: '';

	position: absolute;

	width: 8px;

	height: 8px;

	background: #fff;

	border-radius: 50%;

	top: 50%;

	margin-top: -4px;

}

.footer-separator:before{

	left: 0;

}

.footer-separator:after {

	right: 0;

}

.footer-separator span , .dc_dec-item_left span , .dc_dec-item_right span {

	position: relative;

	width: 10px;

	height: 10px;

	background: var(--main-color);

	transform: rotate(45deg);

	display: inline-block;

}

.footer-separator span:before , .dc_dec-item_left span:before , .dc_dec-item_right span:before {

	content: '';

	position: absolute;	

	border: 1px dotted var(--main-color);

	top: -12px;

	right: -12px;

	bottom: -12px;

	left: -12px;

	border-radius: 50%;

}

/*------ section----*/

.content-section {

	position: relative;

	padding: 100px 0;

	background: #fff;

	z-index: 5;

}

.content-section.hidden-section , .hidden-content {

	overflow: hidden;

}

.content-section.parallax-section {

	padding: 120px 0;

	z-index: 4;

}

.big-padding {

	padding: 140px 0;

}

.content-section.parallax-section.hero-section {

	padding:310px 0 180px;

}

.content-section.parallax-section.hero-section .overlay {

	opacity:.5;

}

.small-top-padding {

	padding-top:40px;

}

.par-elem {

	position: absolute;

	top: 15px;

	bottom: 15px;

	left: 0;

	right: 15px;

	overflow: hidden;

	border-radius: 10px;

	border: 1px solid rgba(255,255,255,.1)

}

.content-section.parallax-section .bg  , .par-elem .bg  {

	height: 140%;

	top: -20%;

}

.par-elem .overlay {

	opacity:.5;

}

.hero-section:before , .bg-parallax-wrap-gradien:before , .htc_single_item_dec:before   {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 50%;

    background: linear-gradient(to bottom, rgba(39, 37, 53, 0) 0%, rgba(39, 37, 53, 0.99) 100%);

    z-index: 1;

} 

.htc_single_item_dec:before {

	z-index: 3

}

.hero-call-wrap {

	position: absolute;

	top: 50%;

	left: -60px;

	height: 50px;

	line-height: 50px;

	border: 1px solid  var(--main-color);

	z-index: 10;

	transform: translateY(-50%) rotate(-90deg);

	padding:   0 30px;

	overflow: hidden;

	border-radius: 4px;

	background: rgba(255,255,255,.1);

}

.hero-call-wrap i {

	margin: 14px 20px 0 0;

	font-size: 1.7em;

	color: var(--main-color); 

	float: left;

}

.hero-call-wrap a {

 	float: left;

	color: #fff;

	font-size: 1.3em;

 	font-family: var(--secondary-font);

	letter-spacing: 1px;

}

.slide-progress_container {

	position: absolute;

	top: 50%;

	height: 150px;

	margin-top: -75px;

	right: 40px;

	z-index: 10;

}

.slide-progress_container:before , .slide-progress_container:after {

	content: '';

	position: absolute;

	left: 50%;

	width: 6px;

	height: 6px;

	background:var(--main-color); 

	border-radius: 50%;

	margin-left: -3px;

	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2)

}

.slide-progress_container:before {

	top:-20px;

}

.slide-progress_container:after {

	bottom:-20px;

}

.slide-progress-wrap {

	position: absolute;

	top: 0;

	left: 0;

	width: 1px;

	bottom: 0;

	overflow: hidden;

	background: rgba(255,255,255,.2);

}

.slide-progress {

	position: absolute;

	top: 0;

	left: 0;

	width: 1px;

	height: 100%;

	background: var(--main-color); 

}

.section-dec{

	position: absolute;

    left: 50%;

    top: 40px;

    width: 460px;

    height: 340px;

    margin-left: -230px;

    z-index: -1;

    background: url(../images/map_bg.png) no-repeat center;

    opacity: .7;

} 

.map-dec2 {

	position: absolute;

    left: 50%;

    top: 50%;

    width: 324px;

    height: 360px;

    margin : -180px 0 0 -162px;

    z-index: -1;

    background: url(../images/map_bg2.png) no-repeat center;

    opacity: .1;

	transform: scale(.8)

}

.sc-dec  {

	position: absolute;

	z-index: -1;

	width: 359px;

	height: 207px;

    background: url(../images/map_bg3.png) no-repeat center;

    opacity: .4;

	transform: scale(.7);

}

 .sc-dec2 {

	position: absolute;

	z-index: -1;

	width: 253px;

	height: 349px;

    background: url(../images/map_bg4.png) no-repeat center;

    opacity: .4;

	transform: scale(.8);

}

 .sc-dec3 {

	position: absolute;

	z-index: -1;

	width: 359px;

	height: 207px;

    background: url(../images/map_bg5.png) no-repeat center;

    opacity: .4;

	transform: scale(.8);

}

.section-title {

	position:relative;

	z-index:5;

}

.section-title.text-align_left {

	text-align:left;

}

.section-title h4 {

	color: var(--main-color); 

	font-style:italic;

	font-size:18px;

	font-weight:500;

	padding-bottom:10px;

	position: relative;

}

.section-title h4:before , .wide_section-title h5:before , .rooms-carousel-item_container h3:before {

	content: '';

	position: absolute;

	top: -20px;

	left: 50%;

	width: 40px;

	height: 1px;

	margin-left: -20px;

	background: var(--main-color); 

}

.section-title h2 {

	font-size:3.5em;

	color: #323246;

}

.section-title.text-align_left h4:before , .rooms-carousel-item_container h3:before {

	margin: 0;

	left: 0;

}

.content-section.parallax-section.hero-section .section-title h2 , .dark-bg .section-title h2 {

	color:#fff;

	font-size:4.5em;

	font-weight:400;

}

.hero-section-scroll {

	position:absolute;

	width:20px;

	height:30px;

	z-index:20;

	bottom:70px;

	left:50%;

	margin-left:-10px;

}

.hsc2 {

	bottom: 100px

}

.hero-section-scroll:before {

	content: '';

	position: absolute;

	bottom: -70px;

	height: 40px;

	width: 1px;

	left: 50%;

	background: rgba(255,255,255,.2)

}

.mousey {

	float: left;

	width: 20px;

	height: 30px;

	border-radius: 6px;

	padding: 0 6px;

	border: 1px solid rgba(255,255,255,.7);

	box-sizing: border-box;

	position:relative;

	z-index:10;

}

.scroller {

	position: relative;

	left: 50%;

	top: 6px;

	margin-left: -2px;

	width: 4px;

	height: 4px;

	background:var(--main-color); 

	border-radius: 4px;

	animation-name: scroll;

	animation-duration: 2.2s;

	animation-timing-function: cubic-bezier(.15, .41, .69, .94);

	animation-iteration-count: infinite;

}

@keyframes scroll {

	0% {

		opacity: 0;

	}

	10% {

		transform: translateY(0);

		opacity: 1;

	}

	100% {

		transform: translateY(10px);

		opacity: 0;

	}

}

.hero-wrap {

	position: relative;

	z-index: 4;

}

.fs-slider-item {

	position: relative;

}

.hero-title-container {

	position: relative;

	z-index: 10;

	top: 50%;

	transform: translateY(-50%);

}

.htc_single {

	top: 0;

	transform: translateY(0);	

}

.htc_single2 {

	margin-top: 110px;

}

.content-section.parallax-section.hero-section .htc_single .section-title h2 {

	font-size: 6.0em;

}

.hero-title-container .section-title h2 , .hero-title-container .section-title h2 a  {

	color:#fff;

}

.hero-title-container .section-title h2 {

	font-size: 6.7em;

	line-height: 75px;

	text-transform: uppercase;

	padding: 30px 0 20px;

}

.hs_btn {

	position: absolute;

	top: 50%;

	z-index: 120;

	width: 60px;

	height: 60px;

	margin-top: -30px;

	cursor: pointer;

}

.hs_btn i {

	width: 60px;

	height: 60px;

	line-height: 60px;

	border-radius: 50%;

	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);

	transition: all .2s ease-in-out;

	font-size: 1.3em;

	font-weight: bold; 

	background: #272535;

	color:var(--main-color);	

}

.hs_btn:hover i {

	background: var(--main-color);

	color: #272535;

	box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 0.2);

}

.hs_btn:before {

	content: '';

	position: absolute;

	top: 50%;

	left: -90px;

	width: 0;

	height: 1px;

	background: rgba(255,255,255,.2);

	z-index: -3;

	transition: all .5s ease-in-out;

}

.hs_btn:hover:before {

	width: 70px;

	transition-delay: .3s

}

.hs_btn_wrap_preview {

	position: absolute;

	top: 50%;

	width: 100px;

	height: 100px;

	overflow: hidden;

	border-radius: 50%;

	margin-top: -50px;

	transition: all .3s ease-in-out;

	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);

	opacity: 0;

	transform: scale(0);

}

.hs_btn:hover .hs_btn_wrap_preview {

	opacity: 1;

	transform: scale(1);

	transition-delay: .2s

}

.hs_btn_prev {

	left: 20px;

}

.hs_btn_next {

	right: 20px;

}

.hs_btn_prev:before {

	left: auto;

	right: -90px;

} 

.hs_btn_next .hs_btn_wrap_preview{

	right: 120px;

}

.hs_btn_prev .hs_btn_wrap_preview{

	left: 120px;

}

.hs_btn-dec {

	position: absolute;

	top: 50%;

	height: 150px;

	width: 46px;

	background: #fff;

	z-index: -1;

	margin-top: -75px;

}

.hs_btn-dec:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	height: 1px;

	background: #ccc;

}

.hs_btn_prev  .hs_btn-dec{

	left: -20px;

	border-radius: 0 20px 20px 0;

}

.hs_btn_next  .hs_btn-dec{

	right: -20px;

	border-radius:   20px  0 0 20px;	

}

.tcs-pagination_wrap{

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	background: #fff;

	z-index: 4;

	height: 46px;

	padding: 0 80px;

	border-radius: 20px 20px 0 0;

}

.hero-slider-pag {

	margin-top: 15px

}

.section-separator {

	position: relative;

	margin-top: 20px;

}

.section-separator:before , .section-separator:after {

	content: '';

	position: absolute;

	top: 50%;

	width: 70px;

	height: 1px;

	background: #eee;

}

.section-separator:before {

	left: 50%;

	margin-left: 70px;

}

.section-separator:after {

	right: 50%;

	margin-right:70px;

}

.parallax-section .section-separator:before  , .parallax-section .section-separator:after , .fix-bar-init .section-separator:before , .fix-bar-init .section-separator:after , .sect_se_transparent:after , .sect_se_transparent:before {

	background: rgba(255,255,255,.3)

}

.section-separator i {

	font-size: 1.7em;

	color:var(--main-color); 

}

.breadcrumbs-wrap {

	position: relative;

	height: 80px;

	line-height: 80px;

	border-bottom: 1px solid #eee;

	overflow: hidden;

    box-shadow: 0px 10px 54px 0px rgba(0,0,0,.05);

	z-index: 20;

	background: #fff;

}

.breadcrumbs-wrap a , .breadcrumbs-wrap span {

	display: inline-block;

	margin : 0  20px;

	font-weight:600;

 	font-family: var(--secondary-font);

	position: relative;

	text-transform: uppercase;

	color:#222;

}

.breadcrumbs-wrap span  {

	color:#999;

} 

.breadcrumbs-wrap a:before  {

    font-family: "Font Awesome 6 Pro";

    content: '\f0da';

    position: absolute;

    right: -23px;

    top: 50%;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    margin-top: -10px;

    font-weight: 900;

	color:var(--main-color); 

    transition: all .3s ease-in-out;

}

.fw-search-wrap {

	position: relative;

	padding: 30px;

	background: #272535;

	border-radius: 10px;

	z-index: 12;

	margin-bottom: 50px;

    box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2);

}

.fw-search-wrap_hero {

	position: relative;

	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);

	border-radius: 10px;

	margin-top: 50px;

}

.content-section.parallax-section.hero-section.htc_single_item {

	z-index: 7;

	padding-bottom: 90px

}

.fw-search-wrap:before , .st-gallery:before , .about-img-hotifer:before , .content-front:before , .content-back:before , .column-section-wrap:before {

	content: '';

	position: absolute;

	top: 15px;

	left: 15px;

	bottom: 15px;

	right: 15px;

	border: 1px solid rgba(255,255,255,.1);

	border-radius: 10px;

	z-index: 1;

} 

.column-section-wrap:before {

	background: rgba(255,255,255,.02);

}

.content-front:before{

	border: 1px solid rgba(255,255,255,.3);	

}

.fw-search-wrap:after , .st-gallery:after , .about-img-hotifer:after , .column-section-wrap:after {

    content: '\25CF\25CF\25CF\25CF\25CF\25CF';

	position: absolute;

	top: 12px;

    font-size: 5px;

	height: 4px;

	background: #272535;

	width: 100px;

	margin-left: -50px;

	z-index: 2;

    letter-spacing: 8px;

	color: var(--main-color);

	left: 50%;

	text-align: center;

}

.about-img-hotifer:after {

    content: '\25CF\25CF\25CF';

	width: 60px;

	margin-left: -30px;

}

.custom-form {

	position: relative;

	z-index: 3;

}

.custom-form  textarea , .custom-form input[type="text"] , .custom-form  input[type=email] , .custom-form  input[type=password] , .custom-form  input[type=button]{

    border: 1px solid rgba(255,255,255,.1);

    background: rgba(255,255,255,.05);

    width: 100%;

    padding: 0 20px 0 60px;

	height: 60px;

 	border-radius: 4px;

	color: #fff;

	font-size:13px;

	-webkit-appearance: none;

	text-align: right;

 	font-family: var(--secondary-font);

}

.custom-form .nice-select input {

	padding-left:20px;

}

.custom-form  input::-webkit-input-placeholder  , .custom-form  textarea::-webkit-input-placeholder{

	color: #fff;

	font-weight:500;

	font-size:13px;

 	font-family: var(--secondary-font);

}

.custom-form  input:-moz-placeholder , .custom-form  textarea:-moz-placeholder  {

	color: #fff;

	font-weight:600;

	font-size:13px

}

.custom-form  textarea{

	height: 200px;

    resize: none;

    padding: 25px 20px;

	-webkit-appearance: none;

}

.daterangepicker {

    width: 506px !important;

	overflow: hidden;

	border-radius: 10px;

}

.fw-search-wrap-title {

	position: relative;

	margin : 10px 0 0;

	color:#fff;

	font-size: 1.9em;

}

.fix-bar-init .section-separator , .fw-search-wrap_hero_box .section-separator {

	margin: 15px 0 30px;

}

.input-wrap , .fix-bar-init  {

	position: relative;

}

.fix-bar-init .input-wrap , .fw-search-wrap_hero_box .input-wrap {

	margin-bottom: 20px;

}

.shop-header {

	padding: 0  20px 40px;

	margin-bottom:20px;

	border-bottom:1px solid #eee;

	position: relative;

} 

.shop-header_opt {

	position: absolute;

	top: -10px;

	right: 0;

	width:250px;

}

.nice-select {

    height: 60px;

    line-height: 60px;

    border-radius: 4px;

    border: 1px solid #eee;

    background: #fff;

	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.04);

}

.nice-select:after {

    border-bottom: 2px solid var(--main-color);

    border-right: 2px solid var(--main-color);

}

.shop-header  h4 {

	text-align: left;

 	top: 10px;

	font-size:1.9em;

	font-weight:500;

	position:relative;

}

.input-wrap label {

	position: absolute;

	top: 18px;

	left: 20px;

 	color: #fff;

	z-index: 10;

	font-size: 1.3em;

 	font-family: var(--secondary-font);

} 

.quantity {

	width: 100%;

    border: 1px solid rgba(255,255,255,.1);

    background: rgba(255,255,255,.05);

	overflow: hidden;

	padding : 0 20px;

	height: 60px;

 	font-family: var(--secondary-font);	

	border-radius: 4px;

}

quantity , .quantity_title {

	float: left;

	position: relative;

}

.quantity_title {

	font-size: 1.3em;

	top: 18px;

	color:#fff;

}

.quantity input.minus , .quantity input.plus ,.quantity input.qty {

	width:30px;

	height:50px;

	border-radius:0;

	text-align:center;

	border: none;

	padding:0;

	cursor:pointer;

	position: relative;

	-webkit-appearance: none;

	background: none;

	top: 5px;

	font-size: 1.3em;

	color:var(--main-color);

}

.quantity-item{

	float:right;

 	position: relative;

}

.quantity input.qty {

 	color:#fff;

	border-right:none;

	border-left:none;

	cursor:default;

	-webkit-appearance: none;

}

.daterangepicker td.active, .daterangepicker td.active:hover , .daterangepicker .drp-buttons .btn.btn-primary , .searchform-submit  {

	background: var(--main-color);

}

.daterangepicker .calendar-table table , .daterangepicker .drp-buttons .btn.btn-primary {

  	font-family: var(--secondary-font);

}

.daterangepicker .drp-buttons .btn {

	border: none;

	border-radius: 4px;

	margin-top: 0;

	padding: 12px 22px !important;

}

.daterangepicker .drp-buttons .btn:before {

	display: none

}

.daterangepicker .drp-buttons {

    padding: 12px 30px;

}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {

    font-size: 13px;

 	font-weight:600;

}

.searchform-submit {

	display: block;

	height: 60px;

	cursor: pointer;

	width: 100%;

	border: none;

	-webkit-appearance: none;

	border-radius: 4px;

	position: relative;

	font-weight: 500;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

    transition: all .2s ease-in-out;

}

.searchform-submit:hover {

	background: #fff;

	color: var(--main-color);

}

.bs_btn:before , .bs_btn:after {

	content: '';

	position: absolute;

	top: 50%;

	height: 1px;

	width: 30px;

	background: #666;

    transition: all .3s ease-in-out;

}

.bs_btn:before {

	left: 20px;

}

.bs_btn:after {

	right: 20px;

}

.bs_btn:hover:before , .bs_btn:hover:after {

	width: 50px;

}

/*------gallery------------------------------------------------*/

.grid-item-holder {

 

	height: auto;

	position: relative;

	overflow: hidden;

	z-index: 1;

}

.spad .gallery-item {

	padding: 6px;

}

.min-pad .gallery-item {

	padding: 2px;

}

.hid-port-info .grid-item-holder {

	overflow: hidden;

}

.grid-big-pad .gallery-item {

	padding: 12px;

}

.gallery-item,

.grid-sizer {

	width: 33.333333%;

	position: relative;

	float: left;

	overflow: hidden;

}

.grid-item-holder:before , .post-item_media a:before {

	content:'';

	position:absolute;

	top:0;

	right:0;

	left:0;

	bottom:0;

	background: #272535;

	z-index:2;

	opacity:0;

  	transition: all .2s cubic-bezier(.19,1,.22,1) 0ms;

}

.grid-item-holder:hover:before , .post-item_media a:hover:before {

	opacity:.7;

}

.gallery-item-second,

.grid-sizer-second {

	width: 66.6%;

}

.four-column .gallery-item {

	width: 25%;

}

.four-column .gallery-item.gallery-item-second   , .two-column .gallery-item , .fw-gi .gallery-item .grid-item-holder , .fw-gi .gallery-item .grid-item-details{

	width: 50%;

}

.fw-gi .gallery-item {

	width: 100%;

}

.gallery-item img,

.grid-sizer img , .post-item_media a img {

	width: 100%;

	height: auto;

	float: left;

	position: relative;

	z-index: 1;

	background: #272535;

    transform: translateZ(0);

    transition: all .3s ease-in-out;

}

.gallery-item:hover img , .post-item_media a:hover img {

	transform: scale(1.15);

}

.grid-item-holder {

	overflow: hidden;

	position: relative;

 	border-radius:  10px 10px  0 0;

}

.list-single-gallery .grid-item-holder {

	border-radius:  10px  ;	

}

.grid-item-details {

	padding:30px;

	border: 1px solid #eee;

 	background: #fff;

	border-top: none;

 	position: relative;

	box-sizing:border-box;

 	border-radius: 0 0 10px 10px;

}

.grid-item-details:after {

    content: '';

    position: absolute;

    left: 20px;

    right: 20px;

    bottom: 0;

    z-index: -1;

    height: 50px;

    border-radius: 50%;

    box-shadow: 0 10px 14px 0 rgba(37,44,65,0.12);

    transition: all .3s ease;

}

.gallery-item:hover .grid-item-details:after {

    bottom: 6px;	

}

.grid-item-details h3{

	display:block;

	text-align:left;

	padding-bottom:12px;

	color: #333;

    font-size: 2.3em;

    position: relative;

}

.grid-item-details h3 a{

	color:#333;

}

.grid-item-details h3 span {

	position:absolute;

	right:0;

	top:6px;

 

	font-size:12px;

	font-style:italic;

}

.grid-item-details p {

	text-align:left;

	font-size: 1.2em;

}

.grid-item_price span{

	font-size:1.8em;

    position: relative;

	float:left;

	color:var(--main-color);

}

.grid-item_price {

 	overflow: hidden;

	position:relative;

	margin-top: 20px;

}

.fw-gi .gallery-item .grid-item-holder , .fw-gi .gallery-item .grid-item-details , .fw-gi2-column .grid-item-holder , .fw-gi2-column .gallery-item .grid-item-details {

	float: left;

	overflow: hidden;

}

.fw-gi .gallery-item .grid-item-holder , .fw-gi2-column .grid-item-holder {

	border-radius: 10px 0 0 10px;

}

.fw-gi2-column .gallery-item .grid-item-details  ,   .fw-gi .gallery-item .grid-item-details  {

	width: 55%;

}

.fw-gi2-column .grid-item-holder , .fw-gi .gallery-item .grid-item-holder  {

	width: 45%;

}

.fw-gi .gallery-item .grid-item-details , .fw-gi2-column .gallery-item .grid-item-details {

	border: 1px solid #eee;

	border-left: none;

	border-radius:   0 10px 10px 0;

	padding: 22px 30px;

}

.fw-gi2-column .gallery-item .grid-item-details {

	padding: 20px 30px 33px;

	background: #f9f9f9;

}

.fw-gi2-column .gallery-item .grid-item-details .gid_link  {

	background: #fff

}

.fw-gi2-column .gallery-item .grid-item-details h3 {

    font-size: 1.8em;

}

.grid-item-details h3:hover a , .post-item_content h3 a:hover {

	color:var(--main-color);

}

.lg-actions .lg-next, .lg-actions .lg-prev {

	border-radius:50%;

	box-shadow: 0 0 0 4px rgba(255,255,255,.2);

}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{

	color:#fff;

}

.room-card-details {

	overflow: hidden;

 	margin: 10px 0;

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

	padding: 20px 0;

}

.rcd-single {

 	margin: 20px 0;	

	padding:  0  0 40px;

	border-top:none;

}

.room-card-details li {

	float: left;

	margin-right: 20px;

	font-size: 1.3em;

	color:#666;

}

.rcd-single li {

	font-size: 1.5em;	

}

.room-card-details li i {

	margin-right: 10px;

	color:var(--main-color);

}

.like-btn {

	position: absolute;

	bottom: 30px;

	left: 30px;	

	cursor: pointer; 

	width: 40px;

	height: 40px;

	line-height: 44px;

	background: #fff;

	border-radius: 50%;

	z-index: 10;

	color:var(--main-color);

	box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2); 	

	font-size: 1.3em; 

}

.like-btn i , .like-btn , .like-btn span {

    transition: all .2s ease-in-out; 

}

.like-btn span {

	position: absolute;

	left: 100%;

	margin:-24px 0 0 20px ;

	top: 50%;

	height: 40px;

	line-height: 40px;

	z-index: 20px;

	background: #fff;

	width: 150px;

	font-size: 11px;

	border-radius: 4px;

	box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2); 

	opacity: 0;

	visibility: hidden;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

	font-weight: 600;

}

.like-btn:hover  span {

	opacity: 1;

	visibility: visible;

	margin:-20px 0 0 20px;

}

.like-btn:hover i   {

	font-weight: bold

}

.like-btn:hover , .box-media-zoom:hover , .pagination a.current-page, .pagination a:hover  {

	background: #272535;

}

.gid_link {

	position: absolute;

	bottom: 20px;

	right: 30px;

	border: 1px solid #eee;

    padding: 10px 20px;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

	font-weight: 600;

	color:#666;

	font-size: .9em;

}

.gid_link:hover {

	background: #f9f9f9

}

.gid_link i {

	margin-left: 10px;

 	color:var(--main-color);

}

.pagination {

	margin-top:50px;

	overflow: hidden;

}

.pagination  a {

	display:inline-block;

	width:54px;

	height:54px;

	line-height:54px;

 	border:1px solid #eee;

	box-sizing:border-box;

	position:relative;

	font-size:1.2em;

	margin: 0 2px;

	color:#888DA0;

 	font-family: var(--secondary-font);

	background:#f9f9f9;

	border-radius: 4px;

}

.pagination a.current-page, .pagination a:hover , .pagination  a i {

 	color:var(--main-color);

}

.pagination  a i {

	font-size:14px;

}

.svg-corner {

	position: absolute;

	width: 40px;

	height: 40px;

}

.box-media-zoom {

	position: absolute;

	top: 30px;

	right: -50px;

	width: 50px;

	height: 50px;

	opacity: 0;

	line-height: 50px;

	font-size: 1.3em;

 	color:var(--main-color);

	background: #fff;

	border-radius: 50%;

	z-index: 15;

    transition: all .2s ease-in-out; 

	font-weight: bold;

	box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2);

}

.hov_zoom:hover .box-media-zoom  {

	right: 30px;

	opacity: 1;

}

.text-block-title {

 	position: relative;

}

.tb-sin {

	margin-top: 30px;

	padding-right: 50px;

}

.text-block-title h4 , .tbc_subtitle {

	text-align: left;

 	font-weight: 500;

 	position: relative;

    color: #333;

    font-size: 2.8em;

}

.text-block {

	position: relative;

	z-index: 4;

}

.tbc_subtitle {

    font-size: 2.0em;

	margin: 30px 0;

}

.tbc_subtitle2 {

	margin: 15px 0;

} 

.tbc_subtitle:before , .contacts-card-item span:before {

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

	width: 40px;

	height: 1px;

	background: var(--main-color);

}

.contacts-card-item span:before {

	right: 10px;

}

.sr-opt {

	position: absolute;

	top: 0;

	right: 0;

	padding: 20px 40px;

	background: #fff;

	border: 1px solid #eee;

	border-radius: 10px;

	box-shadow: 0px 10px 24px 0px rgba(0,0,0,.04);

}

.sa-price {

	font-size: 2.4em;

    position: relative;

    text-align: left;

    color: var(--main-color);	

}

.sa_towishlist {

	margin-top: 10px;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

	font-weight: 500;

	color:#666;

	font-size: .9em;

	cursor: pointer;

}

.content-section.notp {

	padding-top: 0;

}

.st-gallery {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	z-index: 20;

	width: 25%;

}

.st-gallery .section-title {

	transform: translateY(-50%);

	top: 50%;

	z-index: 5;

}

.st-gallery .section-title h2 , .column-text .section-title h2 {

	color:#fff;

}

.fs_sin {

	position: absolute;

	bottom: 50px;

	left: 50%;

	transform: translateX(-50%);

}

.single-carousle-container  {

	padding: 20px;

	margin-bottom: 30px;

}

.single-carousle-container2 {

	padding: 15px 15px 15px 0;

}

.single-carousel-wrap {

	border: 1px solid #eee;

	overflow: hidden;

	border-radius: 10px 10px 0 0;

	padding: 20px;

	background: #fff;

}

.single-carousel-wrap , .single-carousle-container , .single-carousle-container2 , .single-carousel-wrap2 {

	position: relative;

	overflow: hidden;

}

.single-carousel   {

	height: 650px;

}

.single-carousel , .single-carousel2 {

	height: 50vh;

}

.single-carousel .swiper-container , .single-carousel2 .swiper-container , .rooms-carousel .swiper-container  {

    width: 100%;

    height: 100%;

    margin: 0 auto;

} 

.single-carousel .swiper-slide , .single-carousel2  .swiper-slide   {

 	width: auto!important;

	height:100% !important;

	display:inherit !important;

	overflow: hidden;

	border-radius: 10px;

}

.single-carousel  .swiper-slide img , .single-carousel2  .swiper-slide  img    {

	width: auto!important;

	height:100% !important;

	position:relative;

	z-index:1;

}

.slider-button  {

    position: absolute;

    top: 50%;

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin-top: -25px;

    border-radius: 50%;

    transition: all .3s ease;

	background: #272535;

    z-index: 50;

    cursor: pointer;

    color: var(--main-color);

	box-shadow: 0px 0px 0px 6px rgba(255,255,255, .4);

}

.slider-button:before {

	content: '';

	position: absolute;

	top: 50%;

	width: 70px;

	height: 1px;

	background: rgba(255,255,255, .3);

    transition: all .3s ease;

}

.fw-carousel-button-prev {

	left:  40px;

}

.fw-carousel-button-prev:before {

	left: 100%;

	margin-left: 20px;

}

.fw-carousel-button-next {

	right:  40px;

}

.fw-carousel-button-next:before {

	right:  100%;

	margin-right: 20px;

}

.slider-button:hover:before , .slider-button:hover:after {

	width: 0;

}

.slider-button:hover {

	box-shadow: 0px 0px 0px 0px rgba(255,255,255, .4);	

}

.sc-controls .swiper-pagination-bullet   {

	background:none;

	position:relative;

	margin :0  10px;

	height: 6px;

	opacity:1;

}

.ss-slider-pagination .swiper-pagination-bullet:before  {

	content:'';

	position:absolute;

	left:50%;

	top:0;

	height:100%;

	width:6px;

	border-radius:100%;

	background:#fff;

	margin-left:-3px;

    transition: all 0.5s ease;

}

.ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

	background: var(--main-color);

} 

.ss-slider-pagination .swiper-pagination-bullet:after  {

	content:'';

	position:absolute;

	left:50%;

	top:50%;

	width:22px;

	height:22px;

	margin:-11px 0 0 -11px;

	box-sizing:border-box;

	border:1px solid  rgba(255,255,255,.5);

	border-radius:100%;

    transition: all .3s ease;

    transform :scale(0.0);

}

 

.ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after   {

    transform :scale(1.0);

}

.sc-controls {

	position: absolute;

	bottom: 30px;

	left: 50%;

	transform: translateX(-50%);

	z-index: 10;

	background: rgba(39, 37, 53, .7);

	padding: 15px 20px;

	border-radius:  20px;

	box-shadow: 0px 0px 0px 6px rgba(255,255,255, .1);

}

.fwc_pag2 {

	left: auto;

	transform: translateX(0);

	right: 40px;

	bottom: 40px;

} 

.meg_aminites_item {

	position: relative;

	padding: 20px 30px  ;

	background: #f9f9f9;

	border-radius: 10px;

	text-transform: uppercase;

 	font-family: var(--secondary-font);

	font-weight: 500;

	text-align: left;

 

	border: 1px solid #eee;

	margin: 5px 0;

}

.meg_aminites_item span {

	position: relative;

	top: -2px;

}

.meg_aminites_item i {

	color:var(--main-color);

	font-size: 20px;

	margin-right: 20px;

}

.tbc-separator {

	background: #eee;

	height: 1px;

	margin-top: 30px;

}

.text-block_list li{

	position: relative;

	text-align: left;

	padding-left: 20px;

	margin-bottom: 20px;

	font-family: var(--secondary-font);

	font-size: 1.3em;

}

.text-block_list li:before {

    font-family: "Font Awesome 6 Pro";

    content: "\f0da";

    position: absolute;

    left: 0;

    top: 5px;

    font-size: 11px;

    font-weight: 900;

    transition: all .2s linear;

    color: var(--main-color);

}

.video-box {

	position: relative;

	overflow: hidden;

	border-radius: 10px;

}

.text-block_list  , .video-box {

	margin-top: 40px;

}

.video-box-btn {

	position:absolute;

	width:60px;

	height:60px;

	line-height:60px;

	margin:-30px 0 0 -30px;

    color: #fff;

	z-index:20;

	left:50%;

	top:50%;

	background: var(--main-color);

	box-shadow: 0px 0px 0px 17px rgba(255,255,255,0.2);

	border-radius:50%;

    transition: all .3s linear;

	cursor: pointer;

}

.video-box-btn:hover , .promo-link:hover   {

	box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.4);

}

.promo-video {

	position: absolute;

	top: 50%;

	left: 10px;

	right: 10px;

	transform: translateY(-50%);

	z-index: 10;

}

.promo-video .video-box-btn {

	position: relative;

	display: inline-block;

	margin: 0 0 30px 0;

	left: 0;

	top: 0;

}

.promo-video h4 {

	color:#fff;

	font-size: 1.8em;

	position: relative;

	text-transform: uppercase;

}

.promo-video h4:before {

	content: '';

	position: absolute;

	bottom: -20px;

	height: 1px;

	left: 50%;

	width: 50px;

	background: var(--main-color);

	margin-left: -25px;

}

.post-related{

 

	margin-top: 50px;

}

.post-related_title {

	margin-bottom: 30px;

}

.post-related_title h6 {

	font-size: 2.0em;

}

.item-related_img {

	display: block;

	overflow: hidden;

	border-radius: 10px;

	margin-bottom:20px;	

	position: relative;

	box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2);

}

.item-related_img span , .item-related_img .overlay , .item-related_img  {

    transition: all .2s linear;	

}

.item-related_img span  {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

	z-index: 10;

	color:var(--main-color);

	font-family: var(--secondary-font);

	text-transform: uppercase;

	font-weight: 600;

	padding: 15px 30px;

	background: #272535;

	margin-top: 10px;

	opacity: 0;

	border-radius: 10px;

	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.4);

}

.item-related .overlay {

	opacity: 0;

}

.item-related:hover .overlay {

	opacity: .5;

}

.item-related:hover .item-related_img {

	box-shadow: 0px 0 0px 0px rgba(0,0,0,.2);	

} 

.item-related_img:hover span {

	opacity: 1;

	margin-top: 0;

}

.item-related h3 {

    padding-bottom: 12px;

    color: #666;

    font-size: 1.8em;

    position: relative;

}

.item-related h3 a {

	color:#444;

}

.item-related .post-date {

	font-style:italic;

	color:var(--main-color);

 	font-size: 1.4em;

	display: block;

}

.item-related .room-card-details li {

	float: none;

	display: inline-block;

	margin: 0 10px;

} 

.blog-media {

	position: relative;

	overflow: hidden;

	border-radius: 10px;

	margin-bottom: 30px;

}

/*------ Video -------------*/

.media-container {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 1;

}

.video-mask {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.mob-bg {

	display: none;

}

.hero-wrap .overlay {

	opacity: .6

}

.video-holder {

	position: absolute;

	width: 100%;

	height: 100% !important;

	display: block;

	overflow: hidden !important;

	top: 0;

	left: 0;

	padding: 0 !important;

}

.video-container {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	line-height: 0;

	z-index: -1;

}

.video-container video {

	width: 100%;

}

.resp-video {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

.resp-video iframe,

.resp-video object,

.resp-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.blog-media video {

	width: 100%;

	height: auto;

}

.mob-bg {

	display:none;

}

.post-item {

	width: 50%;

	position: relative;

	padding: 0 20px 20px 0;

}

.post-items {

	z-index: 1

}

.post-item_media a {

	display: block;

	position: relative;

	overflow: hidden;

	border-radius: 10px 10px 0 0;

}

.post-item_media img {

	width: 100%;

	height: auto;

}

.post-item_content {

	padding: 30px  ;

	border-radius: 0 0 10px 10px;

	border: 1px solid #eee;

	border-top: none;

	background: #fff;

}

.post-item_content h3 {

    font-size: 1.9em;

    margin-bottom: 15px;

	text-align: left;

	position: relative;

}

.post-item_content h3 a {

	display: block;

}

.main-sidebar-widget h3 {

 	text-align: left;

    padding: 25px 30px;

    font-size: 1.7em;

 	background: #fff;

    position: relative;

 	border-bottom: 1px solid #eee;

    color:#666;

}

.main-sidebar-widget h3:before , .comments-header:before {

    font-family: "Font Awesome 6 Pro";

    content: "\f0dd";

    position: absolute;

    right: 40px;

    top: 50%;

    color:var(--main-color);

    height: 20px;

	font-size: 13px;

    line-height: 20px;

    margin-top: -10px;

	font-weight: 900;

}

.search-widget {

	padding:15px 20px;

	overflow: hidden;

	background: #f9f9f9;

}

.search-widget input.search-inpt-item{

 	font-family: var(--secondary-font);

	background: #fff;

    text-transform: uppercase;

 	font-size: .9em;

    height: 60px;

    padding: 0 20px;

    width: 70%;

 	float:left;

    border: 1px solid #eee;

	border-radius:  10px 0 0 10px;

}

.search-submit {

	border:none;

	float:left;

    height: 60px;

	line-height:60px;

	width:30%;

 	font-size: 1.2em;

	border-radius: 0 10px 10px 0;

	background: var(--main-color);

}

.recent-post-widget {

	overflow: hidden;

	position:relative;

	padding: 30px;

}

.recent-post-widget ul {

	list-style:none;

}

.recent-post-widget ul li {

	float:left;

	width:100%;

	margin-bottom:15px;

	position:relative;

	border: 1px solid #eee;

	background: #fff;

	overflow: hidden;

	border-radius: 10px;

}

.recent-post-img {

	float:left;

	width:140px;

	padding: 10px;

	border-right: 1px solid #eee;

}

.recent-post-img img {

	width:100%;

	height:auto;

	border-radius: 10px;

	box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);

}

.recent-post-content {

 	float: left;

	padding: 20px 0 0 30px;

}

.recent-post-content h4 {

  	font-family: var(--secondary-font);

	padding-bottom:6px;

	text-align:left;

	font-size: 1.3em;

	font-weight: 600;

}

.recent-post-content h4 a:hover {

	color: var(--main-color);

}

.recent-post-opt   span.post-date {

	float:left;

	padding-right:10px;

   	font-family: var(--secondary-font);

}

.category-widget .cat-item {

	float:left;

	width:100%;

	list-style:none;

}

.category-widget .cat-item li {

	float:left;

	text-align:left;

	width:100%;

	margin-bottom:20px;

	color:#7c7c7c;

	font-weight:500;

	position:relative;

}

.category-widget .cat-item li a {

	float:left;

	position:relative;

 	font-family: var(--secondary-font);

	text-transform: uppercase;

	z-index:2;

	padding:0 40px 0 0;

	top:4px;

}

.category-widget .cat-item li:before {

	content:'';

	position:absolute;

	bottom:0;

	left:0;

	right:50px;

	border-top:1px dotted #ccc;

	z-index:2;

}

.category-widget .cat-item li span {

	float:right;

	width:30px;

	height:30px;

	line-height:30px;

	color:#fff;

	text-align:center;

	font-size:.9em;

	border-radius:50%;

	background: var(--main-color);



} 

.category-widget .cat-item li a:hover {

	text-decoration:underline;

}

.social-widget li {

 	float: left;

	margin:0 4px 0 0;

}

.social-widget li a {

	float: left;

	width:50px;

	height:50px;

	color: var(--main-color);

 	border-radius: 50%;

    background: #272535;

	line-height:50px;

}

.tags-widget , .category-widget , .social-widget {

	padding: 30px;

	 overflow: hidden;

}

.tagcloud {

	overflow: hidden;

}

.tagcloud a {

 	float: left;

    padding: 12px 15px;

	color: var(--main-color);

    background: #272535;

    margin: 0 4px 4px 0;

	border-radius: 4px;

	font-family: var(--secondary-font);

	text-transform: uppercase;

	font-weight: 600;

	font-size: .9em;

	transition: all .3s ease-in-out;

}

.tagcloud a:hover {

	color: #272535 ;

    background: var(--main-color);	

}

.main-sidebar-widget {

	margin-bottom:30px;

	position: relative;

	border: 1px solid #eee;

	border-radius: 10px;

	overflow: hidden;

	background: #f9f9f9;

}

.tc_single {

	margin-top: 30px;

}

.tc_single_title {

	float: left;

	position: relative;

	font-family: var(--secondary-font);

	text-transform: uppercase;

	margin-right: 20px;

	top: 12px;

}

.post-img-row {

    display: grid;

    grid-template-columns: 50% 50%;

    padding: 20px 0 30px;

    grid-gap: 10px;

}

.post-img-row img {

	border-radius: 10px;

}

.content-nav-fixed {

	position:relative;

	padding:0 30px;

	height: 100px;

	background: #272535;

	margin : 30px 0;

	border-radius: 10px;

}

.content-nav-fixed:after {

    content: '';

    position: absolute;

    top: 10px;

    left: 10px;

    right: 10px;

    bottom: 10px;

    border-radius: 10px;

    z-index: 1;

    border: 1px dashed rgba(255,255,255,.2);

}

.content-nav-fixed:before {

	content:'';

	position:absolute;

	left:50%;

	width:1px;

	height:20px;

	top:50%;

	margin-top:-10px;

	background:rgba(255,255,255,0.21);

	z-index:100;

}

.content-nav-fixed ul {

	display: grid;

	grid-template-columns: 50% 50%;

	position: relative;

	z-index: 10;

}

.content-nav-fixed li {

	width:100%;

	display:block;

	position:relative;

}

.content-nav-fixed li:first-child {

	border:none;

}

.content-nav-fixed li a.ln , .content-nav-fixed li a.rn {

	color:var(--main-color);

	text-transform: uppercase;

	position:relative;

	width:100%;

	height: 100px;

	line-height: 100px;

}

.content-nav-fixed li a.ln  {

	text-align:left;

	float:left;

	padding-left: 120px;

}

.content-nav-fixed li a.rn  {

	text-align:right;

	float:right;

	padding-right: 120px;

}

.content-nav-fixed li a:hover:before {

	top:0;

}

.content-nav-fixed li a.ln i , .content-nav-fixed li a.rn i  {

	position:relative;

	z-index:50;

    transform: translateX(0);

	transition: all .3s linear;

	color:#fff;

}

.content-nav-fixed li a.ln:hover i   {

    transform: translateX(-85px);

	transition-delay: .35s;

}

 .content-nav-fixed li a.rn:hover i  {

    transform: translateX(85px);

	transition-delay: .35s;

}

.content-nav-fixed li a span {

	font-size:12px;

	text-transform:uppercase;

	letter-spacing:2px;

	font-weight:700;

	position:relative;

	z-index:10;

}

.content-nav-fixed li a.ln span {

	padding-left:15px;

}

.content-nav-fixed li a.rn span  {

	padding-right:15px;

}

.content-nav_mediatooltip {

	position:absolute;

	bottom:50%;

	margin-bottom:-30px;

	overflow:hidden;

	width:60px;

	height:60px;

	border-radius:50%;

}

.content-nav-fixed li .overlay {

	opacity: 0;

	transition: all .3s linear;

}

.content-nav-fixed li:hover    .overlay {

	opacity: .7;

	transition-delay: .3s

}

.content-nav_mediatooltip.cnmd_leftside {

	left:0;

}

.content-nav_mediatooltip.cnmd_rightside {

	right:0;

}

.comments-item {

	position: relative;

	padding-left: 100px;

}

.comments-avatar {

	position: absolute;

	top: 0;

	left: 0;

	width: 70px;

	height: 70px;

	border-radius: 50%;

	overflow: hidden;

    box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);

}

.comments-avatar img {

	width: 100%;

	height: 100%;

}

.comments-item-text {

	position: relative;

	overflow: hidden;

	border: 1px solid #eee;

	background: #f9f9f9;

	border-radius: 10px;

}

.comments-wrap  {

	margin-top: 30px;

}

.comments-item {

	margin-bottom: 30px;

}

.comments-wrap .comments-item:last-child {

	margin-bottom: 0;

}

.comments-header {

	padding: 20px 40px;

	text-align: left;

	border-bottom: 1px solid #eee;

	font-size: 1.4em;

	background: #fff;

	position: relative;

}

.comments-item-footer {

	position: relative;

	overflow: hidden;

	padding: 20px 40px;	

	border-top: 1px solid #eee;

	font-family: var(--secondary-font);

}



.comments-item-text-wrap {

	padding: 20px 40px ;

}

.comments-item-text-wrap p {

 	text-align: left;

}

.comments-item-date {

	float: left;

	font-size: 1.1em;

}

.comments-item-date i {

	margin-right: 10px;

	color:var(--main-color);

}

.reply-item {

	float: right;

	background: #fff;

	padding: 8px 20px;

	border: 1px solid #eee;

    box-shadow: 0 10px 14px 0px rgba(0,0,0, .05);

}

#message {

	text-align:left;

	font-size: 1.3em;

}

#message div {

	padding-top: 20px;	

}

.comment-form input , .comment-form textarea {

    border: 1px solid #eee;

    background: #f9f9f9;

    width: 100%;

    padding: 0 30px  ;

    height: 60px;

    border-radius: 4px;

    color: #000;

    font-size: 13px;

    -webkit-appearance: none;

    text-align: left;

	margin-top: 20px;

 	font-family: var(--secondary-font);

}

.comment-form textarea {

    min-height: 150px;

    resize: vertical;

    padding: 25px 30px;

	margin-bottom: 20px;

}

.comment-form input::-webkit-input-placeholder  ,  .comment-form textarea::-webkit-input-placeholder{

	font-weight:500;

	font-size:13px;

 	font-family: var(--secondary-font);

}

.commentssubmit {

	display: table;

	height: 60px;

    cursor: pointer;

 	padding: 0 50px;

    border: none;

    -webkit-appearance: none;

    border-radius: 4px;

    position: relative;

	color:  var(--main-color);

    text-transform: uppercase;

    background:#272535;

	font-weight: 500;

    font-family: var(--secondary-font);

	transition: all .2s linear;

}

.commentssubmit:hover {

    background: var(--main-color);

	color: #272535;

}

.contacts-cards-wrap {

	margin-bottom: 30px;

}

.contacts-card-item {

	position: relative;

	padding: 30px 30px 30px 90px;

	overflow: hidden;

	border: 1px solid #eee;

	border-radius: 10px;

    background: #f9f9f9	;

 	transition: all .3s ease-in-out;

}

.contacts-card-item:hover {

	background: #fff;

	box-shadow: 0px 10px 14px 0px rgba(0,0,0,.05);

}  

.contacts-card-item i {

	position: absolute;

	top: 50%;

	left: 30px;

	font-size: 2.8em;

	color:var(--main-color);

	transform: translateY(-50%);

}

.contacts-card-item span  {

	display: block;

	text-align: left;

	font-size: 2.0em;

	margin-bottom: 15px;

	font-weight: 600;

	position: relative;

}

.contacts-card-item a {

	float: left;

    text-transform: uppercase;

    font-family: var(--secondary-font);

	margin: 10px 15px 0 0;

	font-size: 1.1em;

	font-weight: 500;

	color:var(--main-color);

	transition: all .2s ease-in-out;

}

.contacts-card-item a:hover {

	color:#666;

}

.map-container{

	height:544px;

	position:relative;

	overflow:hidden;

	border-radius: 10px;

}

.mapzoom-in  , .mapzoom-out , .scrollContorl{

	position: absolute;

	z-index:100;

	cursor:pointer;

	width:46px;

	height:46px;

	line-height:46px;

	border-radius:6px;

	right:22px;

	color:var(--main-color);

	bottom:70px;

	transform: translate3d(0,0,0);

	background: #272535;

	box-shadow: 0px 0px 0px  5px rgba(255,255,255,.09);

}

.mapzoom-out {

	bottom:20px; 

}

.scrollContorl {

	bottom:150px;

}

.mapzoom-in:before, .mapzoom-out:before  , .scrollContorl:before{

    font-family: "Font Awesome 6 Pro";

    content: "\f068";

    font-size: 10px;

    font-weight: 600;

}

.mapzoom-in:before {

    content: "\f067";

}

.scrollContorl:before {

    content: "\f09c";

}

.scrollContorl.enabledsroll:before {

	content:'\f3c1';

}

.mapzoom-in:hover  , .mapzoom-out:hover , .scrollContorl:hover {

	color:#fff;

}

.gm-style .gm-style-iw {

	border-radius:0!important;

	padding: 12px 20px 2px!important; 

}

.tabs-container {

	overflow: hidden;

	border: 1px dashed #ddd;

}

.tab-content   {

    display: none;

}

.tab{

    position: relative;

}

.first-tab {

	display: block;

}

.hero-menu_header {

	position: relative;

	margin: 30px 0 50px;

	display: inline-table;

  	border : 1px solid #eee;		

 	background: #fff;

	padding: 0 50px;

	border-radius: 10px;

 	box-shadow: 0px 10px 24px 0px rgba(0,0,0,.04);

}

.hero-menu_header:before, .hero-menu_header:after {

    content: '';

    position: absolute;

    top: 50%;

    width: 120px;

    height: 1px;

    border-top: 1px solid #eee;

}

.hero-menu_header:before {

    left: -150px;

}

.hero-menu_header:after {

    right: -150px;

}

.hero-menu-det {

	margin-top: 40px;

	padding-top: 20px;

 	border-top: 1px solid #ddd;	

}

.hero-menu_header li {

	text-align: left;

	display: inline-block;

	margin: 0 30px;

	font-size: 1.5em;

	position: relative;

	padding: 25px 0;

}

.hero-menu_header li:after {

	content: '';

	position: absolute;

	top: 50%;

	right: -34px;

	width: 6px;

	height: 6px;

	margin-top: -3px;

	border-radius: 50%;

	background: var(--main-color);

} 

.hero-menu_header li:last-child:after {

	display: none

} 

.hero-menu_header li:before {

    font-family: "Font Awesome 6 Pro";

    content: "\f0d8";

    position: absolute;

    bottom: -6px;

    font-size: 15px;

    right: 50%;

 	opacity: 0;

    font-weight: 800;

} 

.hero-menu_header li a {

	color:#666;

    transition: all .3s ease-in-out;

} 

.hero-menu_header li.current a , .hero-menu_header li.current:before , .hero-menu_header li  a:hover , .hero-menu_title h4 , .signature_title_item h6 {

	color: var(--main-color);

}

.hero-menu_header li.current:before {

	opacity: 1

}

.dec-container {

	position: relative;

	background: #f9f9f9;

	border: 1px solid #eee;

	border-radius: 10px;

	padding: 60px ;

}

 .signature-opt {

	overflow: hidden;

}

.signature-opt {

	padding: 15px 0 0;

}

.signature_title , .signature_title_item , .signature_title img {

	float: left;

}

.signature_title img {

	width: 70px;

	height: 70px;

	border-radius: 50%;

}

.signature_title_item {

	margin-left: 20px;

	text-align: left;

	padding-top: 10px;

}

.signature_title_item h5 {

	font-size: 1.9em;

}

.signature_title_item h6 {

 	font-weight: 500;

    font-family: var(--secondary-font);

	text-transform: uppercase;

}

.signature_item {

	float: right;

	width: 100px;

	margin-top: 15px;

}

.dc_dec-item_left , .dc_dec-item_right {

	position: absolute;

	top: 50%;

	z-index: 5;

}

.dc_dec-item_left {

	left: -60px;

}

.dc_dec-item_right {

	right: -60px;

}

.dc_dec-item_right:before , .dc_dec-item_left:before {

	content: '';

	position: absolute;

	top: 50%;

	height: 1px;

	width: 100px;

	background: #eee;

} 

.dc_dec-item_right:before {

	left: 30px;

} 

.dc_dec-item_left:before  {

	right: 30px;

}

.dec-container:before {

	content: '';

	position: absolute;

	top: 30px;

	left:30px;

	bottom: 30px;

	right: 30px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #eee;

	z-index: 1;

}

.hero-menu-item {

	position: relative;

	border-bottom: 1px dashed #ddd;

	z-index: 10; 

	opacity:0;

	left: -30px;

	float: left;

	width: 50%;

 	overflow: hidden;

}

.hero-menu-wrap .hero-menu-item:nth-child(even) {

    padding: 30px 0 30px 150px;

}

.hero-menu-wrap .hero-menu-item:nth-child(odd) {

    padding: 30px 20px 30px 150px;

} 

 .hero-menu-item.uvis-hmi  {

	opacity: 1;

	left: 0;	

}

.uvis-hmi {

	transition-delay: .2s;

	transition: all .2s ease-in-out;

}

.hero-menu-item-img {

    width: 80px;

    height: 80px;

    position: absolute;

    left: 40px;

    top: 50%; 

	margin-top: -40px;

}

.hero-menu-item-img:before {

	content: '';

	position: absolute;

	top: -10px;

	left: -10px;

	right: -10px;

	bottom: -10px;

	border-radius: 50%;

	border: 1px dashed #ccc;

	z-index: 2;

}

.hero-menu-item-img img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);

	position: relative;

	z-index: 1;

}

.hero-menu-item-img:after  {

	font-family:"Font Awesome 6 Pro";

	content: "\f002";

	position: absolute;

	left:0;

 	top: 0;

	background:rgba(0,0,0,0.6);

	border-radius: 50%;

    width: 80px;

    height: 80px;

	line-height: 80px;

	z-index:3;

	opacity:0;

	font-size:15px;

	transition: all .2s ease-in-out;

	color: var(--main-color);

}

 .hero-menu-item-img:hover:after{

	opacity:1;

}

.hero-menu-item-title h6 {

	text-align: left;

	padding-bottom: 4px;

  	color:#444;

    font-size:1.7em;

    font-weight: 500;

    position: relative;

}

.hot-desc {

	color: var(--main-color);

	margin-left: 10px;

}

.hero-menu-item-price {

    font-weight: 500;

    font-size:2.2em;

    position: absolute;

	right: 0;

    top: 50%;

	transform: translateY(-50%);

	color: var(--main-color);

}

.hero-menu-item-details {

	padding-right: 50px;

}

.dwonload_btn , .btn {

	height: 54px;

	line-height: 54px;

	padding: 0 54px;

 	position: relative;

	display: inline-block;

	margin-top: 50px;

    font-family: var(--secondary-font);

	text-transform: uppercase;

	font-weight: 600;

	border-radius: 4px;

	color:var(--main-color);

	background: #272535;

    transition: all .3s ease-in-out;

}

.btn:before , .dwonload_btn:before {

	content: '';

	position: absolute;

	top: -10px;

	left: -10px;

	right: -10px;

	bottom: -10px;

	border-radius: 4px;

	border: 1px dotted #ddd;

    transition: all .3s ease-in-out;

}

.btn:hover:before , .dwonload_btn:hover:before , .stg_link:hover:before  {

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;	

}

.btn {

	margin-top: 30px;

}

.fl-btn{

	float: left

}

.dwonload_btn:after {

    content: '';

    position: absolute;

    top: -40px;

    left: 50%;

    width: 1px;

    height: 25px;

    background: #eee;

    z-index: 10;

}

.dwonload_btn:hover , .btn:hover {

	background: var(--main-color);

	color:#222;

}

.fw-aminit-wrap {

	position: relative;

	height: 60vh;

	overflow: hidden;

}

.fw-aminit-item {

	position: relative;

	float: left;

	width: 33.3333333%;

	border-right: 1px solid rgba(255,255,255,.2);

	cursor: pointer;

	z-index: 20;

}

.fw-aminit-item:before {

	content: '';

	position: absolute;

	top: 30px;

	bottom: 30px;

	right: 30px;

	left: 30px;

	border: 1px solid rgba(255,255,255,.2);

	border-radius: 10px;

	background: rgba(39, 37, 53, .3);

    transition: all .3s ease-in-out;

}

.fw-aminit-item:after {

	content: '';

	position: absolute;

	top: 50px;

	left: 50%;

	height: 0;

	width: 1px;

	background:  rgba(255,255,255,.2);

    transition: all .3s ease-in-out;

}

.fw-aminit-item.act-index:after {

	height: 100px;

}

.fw-aminit-item.act-index:before {

	-webkit-backdrop-filter: blur(4px);

    backdrop-filter: blur(4px);

	background: rgba(39, 37, 53, .8);

}

.fw-aminit-wrap .fw-aminit-item:last-child {

	border:none;

}

.fw-aminit-item-container{

	position: relative;

	padding: 0 50px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 5;

}

.fw-aminit-item-container i {

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%) scale(0);

	color:var(--main-color);

	opacity: .3;

	z-index: -1;

	font-size: 10.4em;

    transition: all .3s ease-in-out;

}

.fw-aminit-item.act-index .fw-aminit-item-container i {

	transform: translateX(-50%) scale(1.0);	

}

.fw-aminit-item-container h3 {

	color:#fff;

	font-size: 3.2em;

	position: relative;

}

.fw-aminit-item-container h3:before {

	content: '';

	position: absolute;

	bottom: -14px;

	left: 50%;

	width: 50px;

	height: 1px;

	margin-left: -25px;

	background: var(--main-color);

}

.fw-aminit-item-container h5 {

	font-size: 1.7em;

    font-style: italic;

	font-weight: 500;

	color:var(--main-color);

}

.fw-aminit-item-container h6 {

	margin-top: 30px;

}

.aminit-work-time {

	position: absolute;

	left: 50%;

	bottom: 90px;

	transform: translateX(-50%);

	padding: 15px 40px;

	border-radius: 10px;

	border: 1px dotted var(--main-color);

	z-index: 10;

	background: rgba(255,255,255,.07);

	box-shadow: 0px 0px 0px  7px rgba(255,255,255,.07);

	opacity: 0;

	margin-bottom: 10px;

    transition: all .3s ease-in-out;

}

.fw-aminit-item.act-index .aminit-work-time  {

	opacity: 1;

	margin-bottom: 0;	

}

.aminit-work-time span , .aminit-work-time strong , .fw-aminit-item-container h6 {

	color:#fff;

    font-family: var(--secondary-font);

	text-transform: uppercase;

}

.aminit-work-time span {

	display: block;

	margin-bottom: 10px;

}

.dark-bg {

	background: #272535

}

.gray-bg {

	background: #f9f9f9;

} 

.bg-ser .bg {

	opacity: 0;

	will-change: opacity, transform;

	transform: scale(1);

	transition: all 1.2s linear;

}

.bg-ser .bg.active {

	opacity: 1;

	left: 0;

	transform: scale(1.05);

}

/*------ testimonilas------------------------------------------------*/

.testimonilas-carousel-wrap:before {

	content:'';

	position:absolute;

	top:50%;

	left:0;

	right:0;

	height:1px;

	background: #eee;

}

.testimonilas-carousel-wrap {

	position: relative;

	margin-top: 50px;

	padding: 0 50px;

	z-index: 10;

}

.testi-item {

    transition: all .3s ease-in-out;

    transform :scale(0.9);

}

.testi-item:after , .event-carousel-item:before{

    position: absolute;

	content: '\25CF\25CF\25CF\25CF\25CF';

    width: 50px;

    left: 50%;

    bottom: 50px;

    margin-left: -25px;

    font-size: 6px;

    letter-spacing: 8px; 

	color: var(--main-color);

}

.event-carousel-item:before {

	content: '\25CF\25CF\25CF';

    bottom: 0;

}

.testimonilas-text-item {

	position: relative;

	z-index: 2;

}

.testi-item-dec:before {

	content: '';

	position: absolute;

	top: 15px;

	left: 15px;

	right: 15px;

	bottom: 15px;

	border-radius: 10px;

	border: 1px solid #eee;

	background: #f9f9f9;

    transition: all .3s ease-in-out;

}

.testimonilas-text {

	padding: 85px 50px 75px;

    overflow: hidden;

    background: #fff;

	border:1px solid #eee;

	border-radius: 10px;

    transition: all .3s ease-in-out;

}

.testimonilas-text .star-rating {

	margin-bottom: 20px;

}

.testimonilas-text:before, .testimonilas-text:after {

    font-family: "Font Awesome 6 Pro";

    position: absolute;

    font-size: 2.2em;

    transition: all .4s linear;

	font-weight: bold;

	color: var(--main-color);

	z-index: 10;

}

.testimonilas-text:after {

    content: "\f10e";

    bottom: 30px;

    right: 35px;

}

.testimonilas-text:before {

    content: "\f10e";

    top: 30px;

    left: 35px;

}

.testimonilas-text  h3 {

	font-weight: 600;

	font-size:1.8em;

	padding-bottom:20px;  

}

.testimonilas-carousel .swiper-slide{

	padding:30px 0;

}

.testi-avatar {

	position:absolute;

	left:50%;

	top:-30px;

	width:90px;

	height:90px;

	margin-left:-45px;

	z-index:20;

}

.testi-avatar:before {

    content: '';

    position: absolute;

    border-radius: 100%;

    left: -8px;

    bottom: -8px;

    right: -8px;

    top: -8px;

    border: 1px solid #eee;

    z-index: 1;

    background: #fff;

    box-shadow: 0px 10px 24px 0px rgba(0,0,0,.09);

} 

.testi-avatar img {

	width:90px;

	height:90px;

	float:left;

	border-radius:100%;

	position:relative;

	z-index:2;

}

.testimonilas-text p{

    color: #878C9F;

 	font-size: 1.3em;

 	font-family: var(--main-font);

    font-style: italic;

 	text-align: center;

    padding-bottom: 0;

    font-weight: 500;

}

.swiper-slide-active .testimonilas-text   {

    background: #f9f9f9;

}

.swiper-slide-active .testimonilas-text .testi-item-dec:before {

	background: #fff

}

.swiper-slide-active .testi-item {

	opacity:1;

    transform :scale(1.0);

	background:#fff;

    box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);

	transition-delay: .7s;

}

.testi-link {

	position: relative;

	display: inline-block;

 	color:var(--main-color);

	text-transform: uppercase;

	margin-top: 20px;

	font-size: 1.3em;

	font-weight: 600;

}

.testi-link:hover {

	color:#666;

}

.testi-number {

	position:absolute;

	bottom:35px;

	left:35px;

	font-size:1.8em;

	color:#999;

	z-index: 10;

}

.tc-button   {

	position:absolute;

	top:50%;

	width: 50px;

    height: 50px;

    line-height: 50px;

    margin-top: -25px;

    border-radius: 50%;

    background: #272535;

 	color:var(--main-color);

	z-index:50;

	cursor:pointer;

}

.tc-button-next {

	right:25px;

}

.tc-button-prev   {

	left:25px;

}

.tcs-pagination_init {

	margin-top:10px;

 	overflow: hidden;

} 

.tcs-pagination_init {

	position:absolute;

	bottom:-20px;

	left:0;

	width:100%;

}

.tcs-pagination   .swiper-pagination-bullet   {

	opacity:1;

	background:#ccc;

	margin:0 10px;

	display:inline-block;

	width:6px;

	height:6px;

	position:relative;

	border-radius:100%;

    transition: all 300ms ease-out;

}

.tcs-pagination   .swiper-pagination-bullet:before  {

	content:'';

	position:absolute;

	left:-5px;

	top:-5px;

	right:-5px;

	bottom:-5px;

	border-radius:100%;

	box-sizing:border-box;

	border:1px solid #ccc;

    transition: all 300ms ease-out;

	transform:scale(0);

}

.tcs-pagination   .swiper-pagination-bullet.swiper-pagination-bullet-active:before  {

	transform:scale(1.0);

}

.tcs-pagination   .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background:  var(--main-color);

}

/*------facts------------------------------------------------*/

.inline-facts-wrap {

	position: relative;

}

.inline-facts {

	float:left;

	width:25%;

	position:relative;

}

.inline-facts:before {

	content: '';

	position: absolute;

	right: 0;

	width: 1px;

	height: 50px;

	background: rgba(255,255,255,.3);

	top: 50%;

	margin-top: -25px;

}

.inline-facts-wrap .inline-facts:last-child:before {

	display: none

}

.inline-facts .num {

	color:var(--main-color);

	font-size:6.3em;

	font-weight:600;

}

.inline-facts h6 {

	margin-top:20px;

	font-weight:600;

	position:relative;

	color:#fff;

    font-family: var(--secondary-font);

	text-transform: uppercase;

	font-size: 1.1em;

	display: inline-block;

	padding: 10px 30px;

	border: 1px solid rgba(255,255,255,.2);

	background: rgba(255,255,255,.07);

	border-radius: 4px;

}

.inline-facts h6:after {

    position: absolute;

    content: '\25CF\25CF\25CF';

    width: 50px;

    left: 50%;

    bottom: -40px;

    margin-left: -25px;

    font-size: 6px;

    letter-spacing: 4px;

	color:var(--main-color);

}

.team-container {

	margin-top: 30px;

} 

.team-box {

	overflow: hidden;

	margin-bottom: 20px;

}

.team-photo {

	overflow:hidden;

	position:relative;

	border-radius: 10px;

	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .1);

	z-index: 10;

}

.team-info {

	margin-top: 10px;

	padding:25px 30px 40px;

	border:1px dotted #ddd;

	background:#fff;

	border-radius: 6px;

}

.team-photo .overlay {

	opacity:0;

	transition: all .2s ease-in-out;

}

.team-photo:hover .overlay {

	opacity:0.5;

}

.team-info h3  {

	display:block;

	padding-bottom:10px;

	font-weight:500;

	font-size:2.2em;

	color:var(--main-color);

	text-align: center;

}

.team-info h4 {

	font-size:.9em;

	font-weight: 500;

    font-family: var(--secondary-font);

	text-transform: uppercase;

}

.team-info p{

	margin-top:20px;

	text-align: center;

}

.team-social {

	position:absolute;

	top:50%;

	height:40px;

	left:20px;

	right:20px;

	opacity:0;

	line-height:40px;

	margin-top:-20px;

	z-index:5;

 	transition: all .3s ease-in-out;

	padding:0 10px;

}

.ts_title {

	position:absolute;

	top:-40px;

	left:0;

	right:0;

	font-size:1.1em;

	color:#fff;

	font-weight: 500;

    font-family: var(--secondary-font);

	text-transform: uppercase;

}

.team-photo:hover .team-social{

	opacity:1;

}

.team-info:after {

    position: absolute;

    content: '\25CF\25CF\25CF\25CF\25CF';

    width: 50px;

    left: 50%;

    bottom: 15px;

    margin-left: -25px;

    font-size: 6px;

    letter-spacing: 8px;

	color:var(--main-color);

} 

.team-social li {

	display:inline-block;

	margin: 0 10px;

}

.team-social li a {

	color:var(--main-color);

	font-size: 1.7em;

}

.team-dec {

	position:absolute;

	top:20px;

	right:30px;

	font-size:26px;

	color: #ADC7DD;

} 

.image-collge-wrap {

	position: relative

} 

.images-collage-item {

	overflow:hidden;

	height: auto;

	position:absolute;

	z-index:1;

}

.main-iamge {

	position: relative;

	overflow: hidden;

	border-radius: 10px;

	z-index: 4;

}

.image-collge-wrap:before , .hero-image-collge-wrap:before {

	content:'';

	position:absolute;

	left:150px;

	bottom:-50px;

	right:-50px;

	height:250px;

	background:#f9f9f9;

	border:1px solid #eee;

	z-index: 1;

	border-radius: 10px;

}

.about-img-hotifer {

	position: absolute;

	right: -40px;

	bottom: 20px;

	width: 380px;

	padding:  40px;

	z-index: 11;

	color: #fff;

	text-align: left; 

	box-shadow: 0 5px 25px rgba(0,0,0,0.2);

	border-radius: 10px;

}

.about-img-hotifer-wrap {

	position: relative;

	z-index: 4;

}

.about-img-hotifer-wrap:before {

    font-family: "Font Awesome 6 Pro";

    content: "\f10e";

    bottom: -10px;

    right: 10px;

    position: absolute;

    font-size: 1.6em;

	font-weight: bold;

	color: var(--main-color);

}

.about-img-hotifer h4 {

	padding-bottom: 6px;

	font-size: 1.4em;

	color: var(--main-color);

}

.about-img-hotifer h5 {

	font-size: 1.2em;

}

.about-img-hotifer p {

	color: #fff;

	font-size: 1.2em;

	margin-bottom: 10px;

	text-align: left;

}

.video_link {

	position:absolute;

	left:60px;

	bottom:40px;

	z-index:10;

	cursor: pointer;

}

.video_link i {

	width:60px;

	height:60px;

	line-height:60px;

	background: #272535;

    box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.2);

	margin-right:20px;

	font-size:1.2em;

	color: var(--main-color);

	border-radius:50%;

	box-sizing:border-box;

}

.video_link:hover i {

	background:var(--main-color);

	color:#272535;

}

.video_link span {

	font-weight: 500;

    font-family: var(--secondary-font);

	text-transform: uppercase;

	color:#fff;

}

.cards-wrap {

	margin :50px 0 0;

	z-index:2;

	position: relative;

}

.content-inner {

	width:100%;

	color: #fff;

	position: relative;

	transform-style: preserve-3d;

	perspective: 1000px;

	backface-visibility: hidden;

	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.content-inner > * {

	backface-visibility: hidden;

	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.content-inner:hover .content-front {

	transform: rotateY(-180deg);

}

.content-inner:hover .content-back {

	transform: rotateY(0deg);

}

.content-inner .content-front,

.content-inner .content-back {

	position: relative;

	transform-style: preserve-3d;

	perspective: 1000px;

	backface-visibility: hidden;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	box-shadow: 0px 10px 34px 0px rgba(0,0,0,.2);

}

.content-front {

	background: #272535;

	position:relative;

	cursor:pointer;

	border-radius: 10px;

}

.content-inner .content-back {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

	transform: rotateY(180deg);

	background: #272535;

	border-radius: 10px;

}

.content-inner .cf-inner {

	transform-style: preserve-3d;

	backface-visibility: hidden;

	width:100%;

	padding:130px 40px;

	border-radius: 10px;

}

.content-inner .cf-inner .fs-wrapper {

	border-radius: 10px;

}

.content-inner .cf-inner .inner {

	align-items: stretch;

	transform-style: preserve-3d;

	perspective: 1000px;

	backface-visibility: hidden;

	transform: translateZ(95px) scale(0.81);

	text-align: center;

	position:relative;

	z-index:2;

} 

.content-back i {

	font-size:54px;

	position:relative;

	color: var(--main-color);

}

.dec-icon {

	position:relative;

	display:inline-table;

	width:80px;

	height:80px;

}

.dec-icon:before , .dec-icon:after {

	content:'';

	position:absolute;

	width:80px;

	height:20px;

	border-radius:20px;

	background:rgba(255,255,255,0.1);

}

.dec-icon:before {

	left:-15px;

	top:12px;

}

.dec-icon:after  {

	right:-15px;

	bottom:12px;

}

.dec-icon i {

	z-index:3;

}

.content-back .dec-icon {

	top:-20px;

}

.content-inner .cf-inner .inner p {

	color:#fff;

	text-align: center;

}

.content-back:after  {

	position:absolute;

    content: '\25CF\25CF\25CF';

	width:50px;

	left:50%;

	bottom:30px;

	margin-left:-25px;

    font-size: 9px;

    letter-spacing: 4px;

	color: var(--main-color);	

}

.serv-num {

	position:absolute;

	bottom:40px;

	left:50%;

	color:#fff;

 	color: var(--main-color);	

	z-index:3;

	transform: translateX(-50%);

	font-size:1.8em;

}

.content-inner .cf-inner .inner h2  {

	position:relative;

	font-size:2.6em;

	font-weight:500;

	padding-bottom:10px;

}

.content-inner .cf-inner .inner h2:after {

	content:'';

	position:absolute;

	top:-20px;

	margin-left:-25px;

	left:50%;

	width:50px;

	height:1px;

	background:  var(--main-color);

}

.content-inner .content-front h4{

	display:inline-block;

	color:#fff;

	text-transform:uppercase;

 	font-weight: 500;

	margin:0 4px;

    font-family: var(--secondary-font);

}

.content-inner .cf-inner .inner h2:before {

	content:'';

	position:absolute;

	left:50%;

	bottom:10px;

	width:20px;

	height:2px;

	margin-left:-10px;

}

.single-slider-wrap img{

	width:100%;

	height:auto;

}

.content-inner .content-front .section-separator:before, .content-inner .content-front .section-separator:after {

	background:rgba(255,255,255, .3);

}

.wide-section {

	z-index: 4

}

.wide-section:before {

	content: '';

	position: absolute;

	top: 30%;

	left: 0;

	right: 0;

	background: #f9f9f9;

	bottom: 0;

	z-index: 3;

}

.wide-section:after {

	content: '';

	position: absolute;

	top: calc(30% + 20px);

	left: 20px;

	bottom: 20px;

	right: 20px;

	border-radius: 10px;

	border: 1px solid #eee;

	background: #fff;

	z-index: 4;

}

.wide_section-title {

	margin:40px 0 90px;

}

.wide_section-title h3 {

	font-size: 3.5em;

 	text-transform: uppercase;

	color: #fff;

}

.wide_section-title h5{

	text-align: center;

	color:var(--main-color);

	font-size: 1.3em;

	text-transform: uppercase;

	padding-bottom: 20px;

	position: relative;

}

.boxed-container {

	position: relative;

	background: #fff;

	box-shadow: 0px 10px 64px 0px rgba(0,0,0,.1);

	z-index: 20;

	overflow: hidden;

	border-radius: 20px;

	margin : 50px 0;

}

.boxed-container-title_item {

	position: relative;

	z-index: 10;

	padding: 15px 15px 0 ;

}

.boxed-container-title {

	float: left;

	width: 50%;

	position: relative;

	overflow: hidden;

	background: #fff;

}

.boxed-container-title h2 {

    text-align: left;

    font-size: 2.2em;

    color: #666;

    padding-bottom: 20px;

    position: relative;

}

.boxed-container-title p {

	color: #292929;

	text-align: justify;

}

.boxed-container-title h4 {

	text-align: left;

	font-weight: 600;

	font-size: 1.2em;

	text-transform: uppercase;

	padding-bottom: 10px;

	color:var(--main-color);

}

.clients-carousel-wrap {

	position: relative;

	overflow: hidden;

	padding: 0 20px;

	top: 30px;

}

.client-item img {

	width: 100%;

	aspect-ratio:4/2;

	object-fit:contain;

	opacity: .7;

	transform: scale(1.3);

    transition: all .3s ease-in-out;

}

.client-item img:hover {

	opacity: 1;

}

.bic_dec {

	position: absolute;

	right: 30px;

	bottom: -10px;

	color: rgba(255,255,255,0.4);

	font-size: 90px;

}

.boxed-container-wrap {

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	overflow: hidden;

	width: 50%;

}

/*.boxed-container-wrap:before , .column-wrap-bg:before {

	content: '';

	position: absolute;

	bottom: 30px;

	left: 30px;

	right: 30px;

	top: 30px;

 	border: 1px dashed rgba(255,255,255,.4);

 	background: rgba(39, 37, 53,.5);

	z-index: 10;

	border-radius: 10px; 

}*/

.column-wrap-bg:before {

	left: 15px;

}

.cc-btn {

	position: absolute;

	z-index: 20px;

	top: 50%;

	transform: translateY(-50%);

	font-size: 1.2em;

	cursor: pointer;

	color:var(--main-color);

}

.cc-next {

	right: 0;

}

.cc-prev {

	left: 0;

}

.aminites-cards-wrap {

	margin-top: 30px;

	position: relative;

}

.aminites-card-item {

	position: relative;

	padding: 40px 30px 30px;

	border: 1px solid #eee;

	border-radius: 10px;

	margin: 15px 0;

    transition: all .3s ease-in-out;

	background: #fff;

}

.aminites-card-item:hover {

	box-shadow: 0px 10px 14px 0px rgba(0,0,0,.05);

}

.aminites-card-item i  {

	text-align: left;

	display: block;

	color:var(--main-color);

	font-size: 3.0em;

	margin-bottom: 40px;

}

.aminites-card-item .tbc-separator {

    margin-top: 10px;

}

.aminites-card-item h4  {

	font-size:1.9em;

	text-align: left;

	text-transform: uppercase;

	margin-bottom: 10px;

	color:#666;

	font-weight: 500;	

}

.aci_num {

	position: absolute;

	right:0;

	top: 0;

	font-size: 1.4em;

	color:var(--main-color);

	width: 60px;

	height: 60px;

	line-height: 60px;

	background: #f9f9f9;

	border-left: 1px solid #eee;

	border-bottom: 1px solid #eee;

	border-radius: 0 0 0 10px;

}

.column-wrap-bg {

	position:absolute;

	top:0;

	width:50%;

	height:100%;

	overflow:hidden;

}

.column-wrap-bg-text {

	position:absolute;

	top:40%;

	left:0;

	right:0;

	padding:0 30px;

	z-index:10;

}

.column-wrap-bg-text h3 {

	font-size:3.5em;

	color:var(--main-color);

 	font-weight: 600;

	text-transform: uppercase;

	position:relative;

}

.column-wrap-bg-text h3:after {

    position: absolute;

    content: '\25CF\25CF\25CF\25CF\25CF';

    width: 50px;

    left: 50%;

    top: -20px;

    margin-left: -25px;

    font-size:6px;

    letter-spacing: 8px;

	color:#fff;

}

.column-wrap-bg-text h4 {

	font-size:1.8em;

	font-style:italic;

	letter-spacing:1px;

	padding:10px 20px;

	color:#fff;

}

.hero-rsto-link {

	display: inline-block;

	color:#fff;

	position: relative;

    font-family: var(--secondary-font);

    text-transform: uppercase;

    font-weight: 600;

	margin-top: 40px;

    transition: all .3s ease-in-out;

}

.hero-rsto-link:hover {

	color: var(--main-color);

}

.hero-rsto-link:hover:before {

	width: 20px;

	margin-left: -10px; 

}

.hero-rsto-link:before {

    content: '';

    position: absolute;

    top: -20px;

    left: 50%;

    width: 40px;

    height: 1px;

    margin-left: -20px;

    transition: all .3s ease-in-out;

    background: var(--main-color);

}

.column-wrap-bg.left-wrap {

	left:0;

}

.column-wrap-bg.right-wrap {

	right:0;

}

.column-section-wrap {

	float:right;

	width:50%;

	position:relative;

	padding:120px 50px;

}

.column-section-wrap.left-column-section{

	float:left;

}

.column-text {

	max-width:650px;

	margin:0 auto;

	position:relative;

	z-index:3;

}

.rooms-carousel-item , .rooms-carousel-wrap  , .rooms-carousel {

	position: relative;

	z-index: 1;

	overflow: hidden;

}

.rooms-carousel-item {

	border-radius: 10px;

}

.rooms-carousel-wrap {

	height: 55vh;

	padding: 15px   15px 15px 0;

}

.bg-parallax-wrap-gradien:before , .rooms-carousel-item_container {

	opacity: 0;

	transition: all .3s ease-in-out;

}

.rooms-carousel-wrap .swiper-slide-active .bg-parallax-wrap-gradien:before , .rooms-carousel-wrap .swiper-slide-next .bg-parallax-wrap-gradien:before {

	opacity: .9;

	transition-delay: .3s	

}

.rooms-carousel-wrap .swiper-slide-next .bg-parallax-wrap-gradien:before {

	transition-delay: .4s		

}

.rooms-carousel-item_container {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 10;

	padding: 0 30px 40px;

	margin-bottom: 20px;

}

.rooms-carousel-wrap .swiper-slide-active .rooms-carousel-item_container , .rooms-carousel-wrap .swiper-slide-next .rooms-carousel-item_container {

	margin-bottom: 0;

	opacity: 1;

	transition-delay: .3s	

}

.rooms-carousel-item_container h3 a {

	color:#fff;

}

.rooms-carousel-item_container h3 {

	text-align: left;

	font-size: 2.9em;

	position: relative;

	padding-bottom: 10px;

}

.rooms-carousel-item_container p {

	color:rgba(255,255,255,.7);

}

.rooms-carousel-item_container .room-card-details {

	border-bottom: none;

	border-color:rgba(255,255,255,.1);

	padding: 20px 0 0;

	margin: 10px 0 0;

	position: relative;

}

.rooms-carousel-item_container .room-card-details li {

	color:#fff;

}

.rooms-carousel-item_container .room-card-details .grid-item_price {

	position: absolute;

	top:15px;

	right: 0;

	margin: 0;

}

.stg_link {

	position: relative;

	display: inline-block;

	margin-top: 40px;

	border: 1px solid  	 var(--main-color);

	padding: 15px 40px;

	border-radius: 4px;

    font-family: var(--secondary-font);

    text-transform: uppercase;

    font-weight: 600;

	color:var(--main-color);

	background: rgba(255,255,255,.05);

	transition: all .3s ease-in-out;

}

.stg_link:hover {

	background: var(--main-color);

	color:#272535;

}

.stg_link:before {

	content: '';

	position: absolute;

	top: -10px;

	left: -10px;

	bottom: -10px;

	right: -10px;

	border-radius: 4px;

	border: 1px dotted rgba(255,255,255,.2);

	transition: all .3s ease-in-out;

}

.rooms-carousel-item .like-btn {

	bottom: auto;

	top: 30px;

	opacity: 0;

	visibility: hidden;

	transform: scale(0);

	transition: all .3s ease-in-out;

} 

.rooms-carousel-wrap .swiper-slide-active .rooms-carousel-item .like-btn  , .rooms-carousel-wrap .swiper-slide-next .rooms-carousel-item .like-btn {

	opacity: 1;

	visibility: visible;

	transform: scale(1.0);

	transition-delay: .3s

}

.rc-controls-wrap {

	position: absolute;

	top: 50%;

	right: 40px;

	z-index: 10;

}

.rc-button {

	float: left;

	width: 50px;

    height: 50px;

    line-height: 50px;

    margin-top: -25px;

    border-radius: 50%;

    transition: all .3s ease;

    background: #272535;

    z-index: 50;

    cursor: pointer;

    color: var(--main-color);

    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, .4);

	margin-left: 20px;

}

.events-carousel-wrap {

	position: relative;

	margin-top: 50px;

}

.event-carousel-item {

	position: relative;

	padding-bottom: 20px;

}

.event-carousel-item p{

	text-align: center;

	color:#fff;

}

.event-date {

	color:#fff;

    font-family: var(--secondary-font);

	text-transform: uppercase;

	padding-bottom: 10px;

	display: block;

}

.event-carousel-item h4 {

	font-size: 1.7em;

	padding-bottom: 10px;

}

.event-carousel-item h4 a {

    color: var(--main-color);	

}

.ec-button {

    position: absolute;

    top: 50%;

    margin-top: -10px;

    width: 20px;

    height: 20px;

    line-height: 20px;

    z-index: 20;

    cursor: pointer;

    font-size:1.3em;

 	color: var(--main-color);

}

.ec-button-prev {

	left: -40px

}

.ec-button-next {

	right: -40px;

}

.single-dec_img   {

	overflow: hidden;

	border-radius: 10px;

	box-shadow: 0px 30px 64px 0px rgba(0,0,0,.4);

	position: relative;

	z-index: 10;

}

.hero-image-collge-wrap {

	position: relative;

	padding-left: 50px;

}

.hero_images-collage-item {

    position: absolute;

    height: auto;

    border-radius: 10px;

}

.hero_images-collage-item:before {

	content: '';

	position: absolute;

	left: -10px;

	right: -10px;

	top: -10px;

	bottom: -10px;

	border-radius: 10px;

	border: 1px dotted #ccc;

	z-index: 1;

}

.hero_images-collage-item img {

	position: relative;

	z-index: 2;

    border-radius: 10px;

 	box-shadow: 0px 30px 64px 0px rgba(0,0,0,.4);	

}

/*------ responsive----*/

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

.content-dec2:before {

    display: none

} 

.rooms-carousel-item_container .room-card-details .grid-item_price {

    position: relative;

    top: 0;

    margin: 25px 0 0 0;

}

.recent-post-img {

    padding:0;

    border-right:none;

}

.recent-post-content {

    padding: 20px 0  20px 20px;

}

.content-dec2 , .dec-container , .content-dec span {

    background: #fff;

}

.fw-gi2-column .gallery-item .grid-item-details, .fw-gi .gallery-item .grid-item-details , .recent-post-img  ,  .rooms-carousel-item_container .room-card-details .grid-item_price , .recent-post-content , .fw-gi2-column .grid-item-holder, .fw-gi .gallery-item .grid-item-holder {

    width: 100%;

} 

.fw-gi .gallery-item .grid-item-holder, .fw-gi2-column .grid-item-holder {

    border-radius: 10px   10px 0 0;

}

.fw-gi .gallery-item .grid-item-details, .fw-gi2-column .gallery-item .grid-item-details {

    border-left:1px solid #eee;

    border-radius: 0  0 10px 10px  ;

}	

}

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

.dc_dec-item_left, .dc_dec-item_right {

	display: none;

} 

.two-column .gallery-item {

    width: 100%;		

} 	

}

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

.main-header .container {

	float: left;

	width: 100%;

 	--bs-gutter-x: 0;	

}

.header-top {

    height: 80px;

	background: #fff;

	border-bottom: 1px solid #eee;

}

.header-social  {

    padding-left: 20px;

}	

.header-top_contacts:after {

	background: #eee;

	top: 15px;

} 	

.lang-wrap a , .lang-wrap span , .header-social li a:hover , .header-top_contacts a {

	color:#272535;	

}

.nav-holder-wrap {

    border-right: none;

    border-left: none;

}

.header-top_contacts  {

    font-weight: 600;

}

.lang-wrap , .header-top_contacts , .header-social li a   {

    line-height: 80px;

}	

.nav-button-wrap {

	float:right;

	height:80px;

	width:80px;

	cursor:pointer;

	position:relative;

	display: block;

	border-left:1px solid #eee;

	left:24px;

}

.nav-button  {

	position:absolute;

	top:50%;

	left:50%;

	width:22px;

	height:20px;

	margin-left:-11px;

	margin-top:-6px;

}

.nav-button span{

	float:left;

	width:100%;

	height:2px;

	background: #272535;

	margin-bottom:4px;

	border-radius:4px;

    transition: all 200ms linear;

}

.nav-button span:first-child {

    width: 50%;

}

.main-menu nav ul {

	display:none;

}

.main-menu{

	position: absolute;

	top:80px;

	right:-20px;

	width:300px;

	z-index:50;

 	padding:15px 10px ;

	background: #272535;

	visibility:hidden;

	opacity:0;

	border-radius: 0 0 10px 10px;

	transition: all .4s  ease-in-out;

}

.vismobmenu {

	opacity:1;

	right:0;

	visibility:visible;

}

.menusb {

	display:block;

	float:left;

	position:relative;

	width:100%;

	overflow:hidden;

}

.main-menu .menusb ul  {

	display:block;

	float:left;

	position:relative;

	width:100%;

}

.menusb li {

	margin: 0;

	float: left;

	width:100%;

	position:relative;

	overflow:hidden;

	padding:0 20px;

}

.menusb   li i {

	position:absolute;

	right:18px;

	top:12px;

}

.menusb   li i:before {

	content:"\f0da"

}

.menusb  a {

	float:left;

	width:100%;

	padding:8px 5px;

	position:relative;

	font-weight: 600;

	text-transform:uppercase;

    font-family: var(--secondary-font);

	color: #fff;

	line-height:20px;

	text-align:left;

}

.menusb a.back{

	padding-left:24px;

}

.menusb a.back:before{

    font-family: "Font Awesome 6 Pro";

	content: "\f177";

	font-size:14px;

}

.menusb a.act-link , .menusb a.back:before , .menusb   li i {

 	color: var(--main-color);		

}	

.column-wrap-bg  , .column-wrap-bg-text{

	width:100%;

	position:relative;

	float:left;

	padding:90px 0;

} 

.height-emulator , .booking-reviews , .hs_btn_wrap_preview  , .hs_btn-dec , .hs_btn-dec:before , .hero_images-collage-item , .image-collge-wrap:before, .hero-image-collge-wrap:before , .section-dec ,.st-gallery .footer-separator , .fwc_pag2 , .dec-container:before , .hero-call-wrap , .slide-progress_container  , .hero-menu-item-img:before , .header-tooltip , .sc-dec , .sc-dec2 , .sc-dec3 , .sc-dec4 {

    display: none

}	

.main-footer {

    position: relative;

}	

.footer-widget-wrap {

    padding: 40px 0 40px;

 

}	

.footer-separator-wrap {

    margin: 30px auto 30px;

}

.footer-widget-title {

    padding-bottom: 16px;

}	

.footer-widget {

	margin-bottom: 30px;		

}

.lang-wrap {

    margin-right:0;

	padding-right: 10px; 

}

.hero-wrap {

    height: calc(100% - 160px);

	margin-top: 160px;

}

.hs_btn {

    top: 100%;

    margin-top: -70px;

}

.hs_btn , .hs_btn i	 {

 	width: 50px;

	height: 50px;

	line-height: 50px;

}	

.text-block {

    overflow: hidden;

}

.hero-image-collge-wrap {

 	margin-top: 30px;

    padding-left: 0;

}

.content-section {

    padding: 70px 0;

}

.st-gallery {

    position:relative;

 

    width: 100%;

	padding: 70px 0;

}

.st-gallery .section-title {

    transform: translateY(0);

    top: 0;

}

.rooms-carousel-wrap {

    height: 70vh;

    padding: 15px  15px 70px ;

	overflow: inherit;

}	

.rooms-carousel-item_container {

    padding: 0 20px 10px;

}	

.content-inner {

    margin-bottom: 20px;

}

.boxed-container {

    margin: 0 0 50px;

}

.boxed-container-title , .column-section-wrap {

    width: 100%;

}

.boxed-container-wrap {

	float: left;

    position: relative;

 	padding: 70px 0;

    width: 100%;

}

.boxed-container-wrap .promo-video {

	position: relative;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-0);

}

.dec-container {

    padding: 10px;

}

.client-item img {

    aspect-ratio: 4 / 2;

    transform: scale(1.0);

}

.wide-section:after {

    left: 15px;

    bottom: 15px;

    right: 15px;

}

.wide_section-title {

    margin: 40px 0 20px;

}

.dark-bg .section-title h2 , .column-wrap-bg-text h3     {

    font-size: 3.0em;

}

.content-section.parallax-section.hero-section .htc_single .section-title h2 {

    font-size: 4.0em;

    padding: 20px 0 10px;

	line-height: 56px;

}	

.hero-title-container .section-title h2 {

    font-size: 4.7em;

}	

.fw-search-wrap_hero .input-wrap , .fw-search-wrap_hero  .quantity  , .fw-search-wrap .input-wrap , .fw-search-wrap   .quantity  {

	margin-bottom: 10px;

}

.rc-controls-wrap {

    position: relative;

    top: 0;

    right: 0;

    margin : 25px 0;

}

.rc-button {

	display: inline-block;

	float: none;

	width: 40px;

	height: 40px;

	line-height: 40px;

}

.content-section.parallax-section.hero-section.htc_single_item {

    padding: 220px 0 70px;

}

.image-collge-wrap {

    margin-top: 20px;

}

.about-img-hotifer {

    position:relative;

    right: 0;

    bottom: 0;

    width: 100%;

	margin-top: 20px;

}

.inline-facts {

    width: 50%;

}

.post-item {

    width: 100%;

    padding: 0 0 30px  0 ;

}

.pagination {

    margin : 20px 0;

}

.blog-media {

    margin-bottom: 0;

}

.map-container {

    margin-top: 20px;

}

.hero-menu-wrap .hero-menu-item:nth-child(odd) , .hero-menu-wrap .hero-menu-item:nth-child(even){

    width: 100%;

    padding: 20px 0 20px 80px; 

}	

.hero-menu-wrap	.hero-menu-item:last-child {

    border-bottom: none;

}

.hero-menu-item-img {

    left: 10px;

    margin-top: 0;

	top: 20px;

}

.hero-menu-item-img img , .hero-menu-item-img {

	width: 60px;

    height: 60px;

}	

.hero-menu-item-price {

    right: auto;

	left: 20px;

 	top:90px ;

    transform: translateY(0);

}

.hero-menu-item-details {

    padding-right: 10px;

}

.gallery-item, .grid-sizer , .two-column .gallery-item {

    width: 50%;

}

.logo-holder {

    padding: 0 10px;

}

.single-carousle-container {

    padding: 0;

    margin-bottom: 10px;

}

#main{

	overflow-x:hidden!important;

 

}

.tb-sin {

    padding-right: 0;

}

}

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

.serach-header-btn span , .slider-button:before {

 	display: none;

}

.serach-header-btn  {

 	padding: 0;

	width: 60px;

	background: #fff;

}

.serach-header-btn:hover , .show-cart:hover, .show-share-btn:hover {

    background: none;

}	

.serach-header-btn i  {

 	margin: 0;

	font-size: 1.2em;

    color: #666;

	font-weight: 500;

}

.fw-aminit-wrap {

    height: auto;

} 

.fw-aminit-item {

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

	padding: 90px 0;

}

.fw-aminit-item-container {

     top: 0; 

     transform: translateY(0); 

}

.aminit-work-time {

    position: relative;

    left: 0;

    bottom: 0;

    transform: translateX(0);

    opacity: 1;

    margin:30px 0 0;

	display: inline-block;

}

}

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

.footer-logo , .header-top_contacts , .comments-avatar , .hero-menu_header li:after , .hero-menu_header li:before {

    display: none		

}

.copyright {

    float: left;

    font-size: 1.0em;

}

.show-cart, .show-share-btn , .serach-header-btn_wrap ,  .nav-button-wrap {

    width: 40px;

	border: none;

	margin: 0 4px;

	color:#272535

}

.serach-header-btn_wrap {

    padding: 0  ;

}

.nav-button-wrap {

   margin: 0 22px 0 0;

}

.show-share-btn i {

    position: relative;

	top: 4px;

}

.tcs-pagination_wrap {

    padding: 0 20px;

}

.stg_link {

    margin-top: 20px;

}

.testimonilas-carousel-wrap {

    padding: 0;

}

.tc-button {

    top: 100%;

    margin-top: -15px;

}

.daterangepicker {

    width: 286px !important;

}

.inline-facts {

	width: 100%;

} 

.single-carousel, .single-carousel2 {

    height: 250px;

}

.fw-carousel-button-prev {

    left: 10px;

}

.fw-carousel-button-next {

    right: 10px;

}

.slider-button {

    width: 30px;

    height: 30px;

    line-height: 30px;

    margin-top: -15px;

    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .4);

}

.sc-controls {

    bottom: 10px;

}

.single-carousle-container2 {

    padding: 0 0   15px 0;

}

.content-nav-fixed li a.rn {

    padding-right: 60px;

}

.content-nav-fixed li a.ln {

   padding-left: 60px;

} 

.comments-item {

    padding-left: 0;

}	

.hero-menu_header li {

    text-align: center;

    display: block;

 	padding: 10px 0;

}

.hero-menu_header {

 	width: 100%;

    padding: 15px 0  ;

	margin-bottom: 10px;

}	

.dec-container.anim_tabs {

    padding: 10px;

}

.gallery-item, .grid-sizer , .two-column .gallery-item {

    width: 100%;

}

.shop-header {

    padding: 0 0 10px;

    margin-bottom: 10px;

}	

.shop-header_opt {

    position: relative;

    top: 0;

    width: 100%;

	margin-top: 20px;

}

.fw-search-wrap {

    margin-bottom: 20px;

}

.gid_link {

    position: relative;

    bottom: 0;

    right: 0;

	display: block;

	margin-top:20px;

}

.container {

    width: min(100% - 10px, 1600px);

}

.sr-opt {

    position: relative;

 	border: none;

	text-align: left;

    padding: 10px  0;

 	box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, .0);

}

.rcd-single {

    margin: 10px 0;

    padding: 0 0 10px;

}

.sa_towishlist {

    margin-top: 10px;

	display: table;

    border: 1px solid #eee;

    padding: 10px 20px;

	background: #f9f9f9;

}	

}

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

.hero-title-container .section-title h2 , .content-section.parallax-section.hero-section .section-title h2 {

    font-size: 3.7em;

	padding: 10px 0 ;

	line-height: 46px;

}

.contacts-card-item {

    padding: 30px  ;

}

.contacts-card-item i {

    display: none;

}

.room-card-details li {

    margin :0  20px 10px 0;

}

.text-block-title h4  {

    font-size: 2.4em;

}

.wish-list-wrap {

    width: 350px;

    height: 400px;

}

.wish-list-container {

    padding: 10px  ;

}	

}		

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

.show-cart, .show-share-btn, .serach-header-btn_wrap, .nav-button-wrap , .serach-header-btn {

	width: 30px;

}	

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.bg {

	background-attachment: scroll !important;

	-webkit-background-size:cover;

	background-position:center;

}

}