$main_color: #1A2B48;
$grey: #5E6D77;
$light-grey: #E1E5EA;
$orange: #FA5636;
$blue: #3484F5;
$black: #000000;
$color_main : #5E6D77;
$line :  #D7DCE3;
$white : #FFFFFF;
$tablet-width : 768px;
$fontfamily : "Poppins", sans-serif;
$link: #5191FA;
$info-lpc: "screen and (max-width : 1091px)";
$info-lphone: "screen and (max-width : 844px)";
$info-mpc: "screen and (max-width: 1090px)";
$animation-duration: 1.8s;
.full-page-absolute{display: none;}
.container .wpb_content_element{margin-bottom: 0px;}
[class*="col-"]{
	background-color: transparent !important;
	border: none !important;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.st-single-hotel-modern-page{
	background-color: #FFFFFF;
}
.page-template a{font-family: $fontfamily; color: $main_color;}
.page-template a:hover{color: $blue;}
label{
	font-family: $fontfamily
}
.thumbnail{margin-bottom: 30px; }
button{
	font-family: $fontfamily
}
strong{
	font-weight: 500;
}
*:focus {
	outline: none;
}
h1,h2,h3,h4,h5{
	padding:0px;
	margin: 0px;
}
a:hover, a:focus{
    text-decoration: none;
}

ul,li{padding:0;margin: 0px;list-style: none;}
.col-4{width: 33.33%;padding-left: 15px;padding-right: 15px;float: left;position: relative;min-height: 1px;}
#morefloatingBarsG{
   position: relative;
   &:after{
   	content: '';
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
   }
}
/* Load */
.ngothoai-spinner {
  color: $blue;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.ngothoai-spinner div {
  transform-origin: 32px 32px;
  animation: ngothoai-spinner 1.2s linear infinite;
}
.ngothoai-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 15px;
    left: 30px;
    width: 3px;
    height: 10px;
    border-radius: 20%;
    background: $blue;
}
.ngothoai-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.ngothoai-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.ngothoai-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.ngothoai-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.ngothoai-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.ngothoai-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.ngothoai-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.ngothoai-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.ngothoai-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.ngothoai-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.ngothoai-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.ngothoai-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes ngothoai-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

body{
	.load-ajax-icon{
		.loader-wrapper{
			position: relative;
			top: -50px;
			.st-loader {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 50px;
				height: 6px;
				background: #5191FA;
				border-radius: 5px;
				margin-left: -25px;
				-webkit-animation: load 1.8s ease-in-out infinite;
				animation: load 1.8s ease-in-out infinite;
				&::before{
					top: -20px;
					left: 10px;
					width: 40px;
					background: #FA5636;
					margin-left: -20px;
					position: absolute;
					display: block;
					content: "";
					-webkit-animation: load 1.8s ease-in-out infinite;
					animation: load 1.8s ease-in-out infinite;
					height: 6px;
					border-radius: 5px;
				}
				&::after {
					bottom: -20px;
					width: 35px;
					background: #ffab53;
					margin-left: -17px;
					position: absolute;
					display: block;
					content: "";
					-webkit-animation: load 1.8s ease-in-out infinite;
					animation: load 1.8s ease-in-out infinite;
					height: 6px;
					border-radius: 5px;
					content: '';
				    position: absolute;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    z-index: 9;
				}
			}
		}
		
	}
	
	a{
		color:$main_color;
	}
	*:focus {
	    outline: 0;
	}
	*:active {
	    outline: 0;
	}
	.mc4wp-error{
		p{
			color: #cc0000;
			font-size: 13px;
		}
	}
	.mc4wp-success{
		p{
			color: #12bb4e;
			font-size: 13px;
		}
	}
	.st.bg-holder.bg-full-button{
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	}
	color: #1A2B48;
	.st-single{
		.blog-item{
			margin-bottom: 30px;
		}
	}
	.page-template {
		.st-button--main{
			&:hover{
		    	border: none;
		    	color: #FFFFFF;
		    	&:after{
		    		transform: scaleY(1);
		    	}
		    }
		}
	}
	.loadmore-ccv{
		margin-top: 30px;
	}
	.st-button--main{
		position: relative;
		z-index: 1;
	    overflow: hidden;
	    border-radius: 0px;
	    border: 1px solid #3484F5;
	    background-color: transparent;
	    color: #3484F5;
	    font-size: 14px;
	    padding: 10px 24px;
	    line-height: 50px;
	    transition: background-color 0.3s;
	    &:hover{
	    	border: none;
	    	color: #FFFFFF;
	    	&:after{
	    		transform: scaleY(1);
	    		-webkit-transform: scaleY(1);
	    		-moz-transform: scaleY(1);
	    		-o-transform: scaleY(1);
	    	}
	    }
	    &:after{
	    	content: "";
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    transform: scaleY(0);
		    transform-origin: bottom center;
		    background: #3484F5;
		    z-index: -1;
		    transition: transform 0.3s;
	    }
	}
	color: #1A2B48;
	.title-insta{
		img{margin-right: 10px;}
	}
	.title-insta{
		display: flex;
    	align-items: center;
		.st-img-icon{
			display: inline-block;
			
			img{
				margin-right:10px;
			}
		}
		p{
			margin: 0px;
			&.text{
				font-family: 'Poppins';
				color: $main_color;
				letter-spacing: 0;
			}
		}
	}
	.text-insta{
		display: inline-block;
		float: right;
		position: relative;
	}
	.list-group.st-gallery-grid.poup-galler-st.poup-video-st{
		.thumbnail{
			margin-bottom: 0px !important;
		}
	}
	.list-group.st-gallery-grid.poup-galler-st{
		.thumbnail{
			margin-bottom: 0px !important;
		}
	}
	.dropdown-language{
		a{
			color: #FFFFFF;
		    font-family: "Poppins", serif;
		    font-size: 14px;
		    &:hover{
		    	color: #FFFFFF;
		    }
		}
		.dropdown-menu{
	    	li{
	    		a{
		    		color: #5E6D77;
		    	}
		    	&:hover{
		    		a{
		    			color: $blue;
		    			background-color: #FFFFFF;
		    			&:hover{}
		    		}
			    	
			    	
		    	}
	    	}
	    	
	    }
	}
	.menu-item-has-children{
		.caret{
			display: inline-block;
		    font: normal normal normal 14px/1 FontAwesome;
		    font-size: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    margin-left: 0px;
		    vertical-align: inherit;
		    border: transparent;
		    &:after{
		    	content: "\f107";
		    	display: inline-block;
		    font: normal normal normal 14px/1 FontAwesome;
		    font-size: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    margin-left: 0px;
		    vertical-align: inherit;
		    border: transparent
		    }
		}
	}
	.vc_sep_holder span.vc_sep_line{
		background-color: $line;
		border-color: $line;
		border-top: $line !important;
	}
	.blog-st-single{
		.blog-item{
			margin-bottom: 60px;
		}
	}
	.blog-item{
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			.date-post{
					font-family: 'Poppins';
					font-size: 14px;
					color: #768092;
					letter-spacing: 0;
					text-transform: uppercase;
				}
			&:hover{
				.header-thumb{
					img{
						transform: scale(1.1);
					}
					
				}
				
			}
			.header-thumb{
				width: 100%;
				overflow: hidden;
				img{
					width: 100%;
					transition: all 0.5s;
					height: 370px;
					object-fit: cover;
				}
			}
			.caption-post{
				width: 100%;
				transition: all 0.5s;
				.title{
					margin-bottom: 15px;
					margin-top: 15px;
					a{
						font-family:'Playfair Display';
						font-size: 24px;
						color: $main_color;
						letter-spacing: 0;
						line-height: 34px;
						font-weight: 600;
					}
				}
				.category{
					padding: 20px 0px 0px 0px;
					a{
						text-transform: uppercase;
						font-size: 1.6rem;
						color: $main_color;
					}
				}
				.date{
					span{
						font-family: 'Poppins';
						font-size: 14px;
						color: #768092;
						letter-spacing: 0;
					}
				}
			}
		}
	.blog-st-single{
		.row{
			&[class*=col-]{
				padding-bottom: 30px;
			}
		}
		.tabbable-panel{
			.nav-tabs{
				display: flex;
    			justify-content: center;
    			margin-bottom: 60px;
    			border-bottom: none;
    			&:before{
    				display:none;
    			}
    			li{
				    text-align: center;
				    border-left: 1px solid #1A2B48;
				    border-top: 1px solid #1A2B48;
				    border-bottom: 1px solid #1A2B48;
				    a{
				    	color: $color_main;
				    	font-size: 16px;
				    	font-family: "Poppins";
				    	padding:24px 40px;
				    	background-color: #FFF;
    					margin-right: 0;
    					border: none;
				    }
				    &.active{
				    	a{
				    		color: $blue;
				    	}
				    }
				    &:last-child{
				    	border-right: 1px solid #1A2B48;
				    }
				    &:after{
	    				display:none;
	    			}
    			}
			}
		}
	}
	.list-group{margin:0px;}
	.post-navigation{
		h2{display: none;}
	}
	.sticky .header-content{
		.option-item.st-check-lang::after {
			bottom:12px !important;
		}
	}
	.bg-full-button{
	    background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	&.page-template-template-hotel-activity{
		background-color: #ffffff;
	}

		.poup-galler-sticon-gallery{
			cursor: pointer;
			position: absolute;
			top: 50%;
			left: 50%;
		    -webkit-transform: translate(-50%, -50%);
		    transform: translate(-50%, -50%);
			img{
				width: 26px;
				margin-bottom: 4px;
			}
			svg{
				opacity: 0.4;
				
    			transition: opacity .3s;
			}
			.circle{
				transform: rotate(90deg) scaleY(-1);
			}
			
		}
		.st-gallery-grid.poup-galler-st{
				svg {
				  width: 128px;
				  height: 128px;
				  background: transparent;
				  }
				  #gallery_shape {
				    fill: none;
				    stroke: #FFFFFF;
				    stroke-width: 3;
				    transition: all 4s ease-in-out;
				    transform: rotate(-90deg);
				  	transform-origin: center center;
				  }
			&:hover{
				svg{
					opacity: 1;
				}
			}
		}
	.st-gallery-grid.poup-video-st{
		svg {
		  width: 128px;
		  height: 128px;
		  background: transparent;
		  }
		#video_shape {
		    /* fill: none;
		    stroke: #FFFFFF;
		    stroke-width: 3;
		    transition: all 4s ease-in-out;
		    transform: rotate(-90deg);
		  	transform-origin: center center; */
		  }
		&:hover{
			svg{
				opacity: 1;
			}
		}
		.video-st-popup{
			img{
				margin-left: 4px;
			}
		}
	}
	.st-single-hotel-modern-page{
		.nav-links{
			.nav-previous{
				float: left;
				a{
					font-family: 'Poppins';
					font-weight: 600;
					font-size: 14px;
					color: #1A2B48;
					letter-spacing: 0;
					span{
						display: block;
					}
				}
				
			}
			.nav-next{
				float: right;
				a{

					font-family: 'Poppins';
					font-weight: 600;
					font-size: 14px;
					color: #1A2B48;
					letter-spacing: 0;
					span{
						display: block;
					}
				}
				
			}
		}
	}
	.st-feature-image{
		margin-top: 60px;
		img{
			width: 100%;
		}
	}
	.check_availability{
		margin-bottom: 60px;
	}
	.st-content-post{
		margin:0 auto;
		font-family: 'Poppins';
	    color: #5E6D77;
	    letter-spacing: 0;
	    font-size: 18px;
	    padding-top:60px;
	    padding-bottom: 100px;
	    max-width: 870px;
	    p{
	    	font-family: 'Poppins';
		    color: #5E6D77;
		    letter-spacing: 0;
	    }
	    .author-info{
	    	margin-top: 60px;
	    	margin-bottom: 60px;
		    padding: 30px;
		    border: 1px solid #D7DCE3;
			border-radius: 3px;
			.media{
				display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -ms-flex-align: center;
			    align-items: center;
			    .media-heading{
			    	font-family: 'Poppins';
					font-size: 16px;
					color: #1A2B48;
					letter-spacing: 0;
					margin-bottom: 0px;
			    }
			    .title-body{
			    	display: flex;
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
				    -webkit-box-align: center;
				    -ms-flex-align: center;
				    align-items: center;
				    margin-bottom: 10px;
				    .st-social{
				    	a{
				    		margin-left: 20px;
				    	}
				    }
			    }
			    .desc{
			    	font-family: 'Poppins';
			    	font-weight: 400;
					font-size: 14px;
					color: #5E6D77;
					letter-spacing: 0;
			    }
			}
	    	.avatar{
	    		border-radius: 100px;
	    		width: 100px;
	    	}
	    }
	    #comment-wrapper{
	    	h2{
	    		font-family: 'Poppins';
	    		font-weight: 500;
				font-size: 18px;
				color: #5E6D77;
				letter-spacing: 0;
				padding-bottom: 15px;
			    border-bottom: 1px solid #D7DCE3;
			    font-size: 18px;
			    color: #5E6D77;
	    	}
	    	ol{
	    		list-style: none;
			    padding-left: 0;
			    margin: 0;
			    li{
			    	padding-top: 30px;
    				padding-bottom: 30px;
    				.comment{
    					margin-bottom: 0;
    					.media{
    						display: -webkit-box;
						    display: -ms-flexbox;
						    display: flex;
						    -webkit-box-align: center;
						    -ms-flex-align: center;
						    align-items: center;
						    .media-left{
						    	padding-right: 20px;
						    	.avatar{
						    		border-radius: 50%;
						    	}
						    }
						    .media-heading{
						    	font-weight: 500;
							    color: #1A2B48;
							    font-size: 14px;
						    }
						    .date{
						    	font-size: 14px;
    							color: #ADB5C3;
    							font-family: 'Poppins';
    							letter-spacing: 0;
						    }
    					}
    					.comment-item-body{
    						.comment-content{
    							margin-top: 30px;
							    font-size: 14px;
							    color: #5E6D77;
    						}
    						.comment-reply{
    							a{
    								margin-top: 10px;
								    font-size: 14px;
								    color: #5191FA;
								    text-transform: uppercase;
								    font-weight: 500;
    							}
    						}
    					}
    				}
			    }
	    	}
	    }
	    #respond{
	    	margin-top: 30px;
		    padding: 30px;
		    border: 1px solid #D7DCE3;
		    letter-spacing: 0;
		    font-family: 'Poppins';
		    .comment-reply-title{
		    	margin: 0;
			    font-family: 'Poppins';
			    font-weight: 500;
				font-size: 14px;
				color: #1A2B48;
				letter-spacing: 0;
			    text-transform: uppercase;
		    }
		    .comment-notes {
			    font-size: 14px;
			    color: #5E6D77;
			    margin-top: 10px;
			}
			.form-control {
			    height: 40px;
			    margin-top: 15px;
			    -webkit-box-shadow: none;
			    box-shadow: none;
			    border: 1px solid #DAE1E7;
			}
			textarea {
			    min-height: 140px;
			    width: 100%;
			    display: block;
			    resize: none;
			}
			.submit {
			    border-radius: 5px;
			    color: #FFF;
			    margin-top: 35px;
			    border: none;
			    -webkit-box-shadow: none;
			    box-shadow: none;
			    font-size: 14px;
			    background: #5191FA;
			    padding: 10px 20px;
			    text-transform: uppercase;
			    font-weight: 500;
			}
	    }
	}
	.single-category-blog{
		text-align: center;
		text-transform: uppercase;
		margin-bottom:15px;
	}
	.st-title-single{
		text-align: center;
		margin: 0 auto;
		max-width: 713px;
		.blog-header-title{
			font-family: 'Playfair Display';
			font-weight: 600;
		    color: $main_color;
		    letter-spacing: 0;
		    text-align: center;
		    line-height: 52px;
		    font-size: 36px;
		}
	}
	.st-item-team{
		.st-img-team{
			overflow: hidden;
			position: relative;
			img{
				width: 100%;
			}
		}
		.st-content-team{
			margin-top: 30px;
			display: flex;
    		justify-content: space-between;
			.team-left{
				.name{
					font-family: 'Poppins';
				    color: $main_color;
				    letter-spacing: 0;
				    text-align: left;
				    font-size: 16px;
				    font-weight: 600;
				}
				.work{
					font-family: Poppins;
				    font-size: 14px;
				    color: $main_color;
				    letter-spacing: 0;
				    text-align: left;
				    font-style: italic;
				}
			}
			.team-right{
				ul{
					position: relative;
					li{
						float: left;
						position: relative;
						margin-left: 24px;
						a{
							i{
								color: $main_color;
   			 					font-size: 18px;
							}
						}
					}
				}
			}
		}
	}
	.st-single-slider{
		.slider-st{
			img{
				height: 590px;
				width: 100%;
				object-fit: cover;
			}
			.owl-dots{
				margin-top: 50px;
    			text-align: center;
    			&>button{
    				width: 10px;
				    height: 10px;
				    border-radius: 50%;
				    border: 2px solid transparent;
				    margin-right: 10px;
				    margin-left: 10px;
				    background: #d8d8d8;
				    &.active{
				    	background: $blue;
				    }
    			}
			}
		}
	}
	p{
		    margin-bottom: 0px;
	}
	.col-6{
		width: 50%;
		float: left;
		position: relative;
	}
	.st-timeline {
		position: relative;
		.title-timeline{
			h3{
				font-family: 'Playfair Display';
			    letter-spacing: 0;
			    text-align: center;
			    font-weight: 600;
			    font-size: 36px;
			    margin-bottom: 50px;
			}
			.icon-time-line{
			    border: 1px solid $blue;
			    -webkit-box-sizing: content-box;
			    box-sizing: content-box;
			    position: relative;
			    background: transparent;
			    width: 8px;
			    height: 8px;
			    border-radius: 50%;
			    display: inline-block;
			    border-radius: 50%;
			    padding: 7px;
			    margin-bottom: 50px;
			}
		}
		.st-content-time-line{
		    position: relative;
		    display: inline-block;
		    width: 100%;
			&.center{
				.item-option-center{
					min-height: 50px;
					background-image: linear-gradient(to bottom, #A9B8CB 9px, rgba(254, 255, 255, 0) 0%);
				    background-position: right;
				    background-size: 2px 14px;
				    background-repeat: repeat-y;
				    margin-bottom: 50px;
				}
				.st-option-text{
					.height-equal{
						max-width: 833px;
						margin: 0 auto;
						.st-string{
					    	font-family: 'Poppins';
						    color: #5E6D77;
						    letter-spacing: 0;
						    font-size: 18px;
						    font-weight: 400;
						    text-align: center;
					    }
					}
				}
			}
			&.left{
				float: left;
				.item-option{
					.height-equal{
				    	left: 112px;
				    }
				}
				.item-option:nth-child(1){
					background-image: linear-gradient(to bottom, #A9B8CB 10px, rgba(254, 255, 255, 0) 0%);
				    background-position: right;
				    background-size: 1.5px 15px;
				    background-repeat: repeat-y;
				    padding: 50px 85px 50px 0px;
				   
				}
			}
			&.right{
				.item-option{
					float: right;
					.height-equal{
				    	right: 112px;
				    	text-align: right;
				    }
				}
				.item-option:nth-child(1){
					background-image: linear-gradient(to bottom, #A9B8CB 10px, rgba(254, 255, 255, 0) 0%);
				    background-position: left;
				    background-size: 1.5px 15px;
				    background-repeat: repeat-y;
				    padding: 50px 0px 50px 85px;
				    
				}
			}
			.item-option{
				width: 50%;
			    display:inline-block;
			    float: left;
			    position: relative;
			    z-index: 1;
			   	
			   	min-height: 500px;
			   	img{
			   		max-width: 100%;
			   	}
				.height-equal{
					position: absolute;
				    background: transparent;
				    border: none;
				    top: 50%;
				    -webkit-transform: translateY(-50%);
				    transform: translateY(-50%);
				    
				    .st-string{
				    	font-family: 'Poppins';
					    color: #5E6D77;
					    letter-spacing: 0;
					    font-size: 18px;
					    font-weight: 400;
				    }
				}
			}
		}
	}
	.st-about{
		p{
			font-family: 'Poppins';
		    color: $grey;
		    letter-spacing: 0;
		    line-height: 24px;
		}
	}
	form{
		input.name-st{
			border: 1px solid #DAE1E7;
		    border-radius: 3px;
		    width: 470px;
		    padding: 5px;
		    margin-bottom: 20px;
		}
		input.email-st{
			border: 1px solid #DAE1E7;
		    border-radius: 3px;
		    width: 470px;
		    padding: 5px;
		    margin-bottom: 20px;
		}
		textarea.message-st{
			width: 470px;
		    border: 1px solid #DAE1E7;
		    height: 210px;
		    margin-bottom: 38px;
		}
		.st-send-button{
			font-family: 'Poppins';
		    color: #FFFFFF;
		    letter-spacing: 0;
		    text-transform: uppercase;
		    background-color: $blue;
		    border: 1px solid $blue;
		    padding:6px;
		    font-weight: 600;
		}
	}
	#st_single_map{
		height: 500px;
		width: 100%;
	}
	.vc_btn3-container.st-contact-button{
		&>a{
			background: $main_color;
    		border-radius: 0px;
    		font-family: 'Poppins';
    		font-weight: 600;
			font-size: 14px;
			color: $white;
			letter-spacing: 0;
			text-align: left
		}
	}
	.st-contact{
		font-family: "Poppins";
	    font-size: 24px;
	    color: $main_color;
	    letter-spacing: 0;
	}
	.icon-images-scroll{
		position: absolute;
	    bottom: 121px;
	    right: 86px;
	    z-index: 9;
	    background-color: transparent;
	    border: none;
		}
	.st-testimonial-slider{
		&>h3{
			font-family: 'Playfair Display';
		    letter-spacing: 0;
		    text-align: center;
		    font-weight: 600;
		    font-size: 36px;
		}
		.st-testimonial-slider-single{
			.icon-test{
				width: 30px;
				height: auto;
    			margin: 0 auto;
    			padding-top: 50px;
    			padding-bottom: 50px;
			}
			p{
				max-width: 868px;
				font-family: 'Poppins';
				font-size: 24px;
				color: $main_color;
				letter-spacing: 0;
				text-align: center;
				line-height: 40px;
				margin: 0 auto;
			    padding-left: 30px;
				padding-right: 30px;
			}
			.info-author{
				.author{
					width: 100%;
				    text-align: center;
				    position: relative;
				    margin-top: 40px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
					img{
					    border-radius: 50%;
					    float: none;
					    box-shadow: 0 0 black;
					    max-width: 60px;
					    display: inline-block;
					}
					.author-meta{
						margin-left: 24px;
						display: inline-block;
						h4{
							font-family: Poppins;
						    font-size: 16px;
						    color: $main_color;
						    letter-spacing: 0;
						    text-align: left;
						}
						.job{
							font-family: Poppins;
						    font-size: 14px;
						    color: $grey;
						    letter-spacing: 0;
						    text-align: left;
						}
					}
				}
			}
			
		}
		&>button{
			z-index: 10;
			background: transparent;
			border: transparent;
			&.carousel--prev{
				position: absolute;
			    background: transparent;
			    border: none;
			    color: #333;
			    top: 50%;
			    -webkit-transform: translateY(-50%);
			    transform: translateY(-50%);
			    left: 0px;
			}
			&.carousel--next{
				position: absolute;
			    background: transparent;
			    border: none;
			    color: #333;
			    top: 50%;
			    -webkit-transform: translateY(-50%);
			    transform: translateY(-50%);
			    right: 0px;
			}
		}
		.owl-dots{
			margin-top: 60px;
    		text-align: center;
    		.owl-dot{
			    background: transparent;
			    width: 10px;
			    height: 10px;
			    background: #D8d8d8;
			    border-radius: 50%;
			    border: 2px solid transparent;
			    margin-right: 10px;
			    margin-left: 10px;
			    &.active{
			    	background: $blue
			    }
    		}
		}
	}
	.bg-button{
		.vc_btn3-container{
			a.vc_general{
				border: transparent;
    			border-radius: 0px;
    			font-family: 'Poppins';
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
				text-align: center;
				text-transform: uppercase;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				&:hover{
					background-color:$blue;
					color: $white
				}
			}
		}
		h4{
			color: #fffffff;
			font-family: 'Poppins';
			font-weight: 400;
			font-size: 18px;
			color: #FFFFFF;
			letter-spacing: 0;
			text-align: center;
		}
	}
	.menutab{
		.tabbable-panel{
			.nav-tabs{
				border-bottom: transparent;
			    margin: 0 auto;
				text-align: center;
				margin-bottom: 80px;
				li{
					border: transparent;
					font-family: 'Poppins';
				    font-size: 16px;
				    color: #5191FA;
				    letter-spacing: 0;
				    text-align: center;
				    margin-right:61px;
				    float: none;
   					display: inline-block;
					&.active{
					    border-bottom: 2px solid #5191FA;
					    a{
					    	color: #5191FA;
					    }
					}
					a{
						background: transparent;
						color: #1A2B48;
						font-family: Poppins;
					    font-size: 16px;
					    letter-spacing: 0;
					    text-align: center;
					    font-weight: 600;
					    border: transparent;
					    text-transform: uppercase;
					    padding: 5px 0px;
					}
				}
			}
		}
		.st-item-menu-box{
			position: relative;
			margin-bottom: 60px;
			.image{
				float: left;position: relative;
				img{
					vertical-align: middle;
				    border-style: none;
				    width: 100px;
				    height: 100px;
				    object-fit: cover;
				    border-radius: 50%;
				}
			}
			.caption{
				position: relative;
			    margin-left: 100px;
			    padding: 19px 90px 19px 15px;
			    min-height: 100px;
			    h4{
			    	font-family: Poppins;
				    font-size: 14px;
				    color: $grey;
				    letter-spacing: 0;
				    font-weight: 600;
				    margin-bottom: 5px;
			    }
			    span{
			    	font-family: Poppins;
				    font-size: 14px;
				    color: $grey;
				    letter-spacing: 0;
			    }
			    .price{
			    	position: absolute;
				    right: 15px;
				    top: 18px;
				    font-size: 14px;
				    color: $main_color;
				    letter-spacing: 0;
				    text-align: right;
				    font-weight: 600;
			    }
			}
		}
	}
	.list-group.st-gallery-masonry{
		.grid{
	    	&.popup{
	    		position: relative;
	    		/* .circle {
	    			    position: absolute;
					    top: 50%;
					    left: 50%;
					    transform: translate(-50%, -50%);
						height: 124px;
						width: 124px;
					.background {
						fill: transparent;
						stroke: #FFFFFF;
						transition: all 200ms ease;
						opacity: 0.6;
					}
					  .foreground {
					    fill: transparent;
					    stroke-dasharray: 377;
					    stroke-dashoffset: 377;
					    stroke: #FFFFFF;
					    transform-origin: 50% 50%;
					    transform: rotate(-270deg);
					    transition: all 800ms ease;
					  }
				  
					.line {
						stroke-width: 4;
						stroke: #1abc9c;
						transform-origin: 50% 50%;
						transition: all 500ms ease;
					}
				  
					.line2 {
						transform: rotate(-90deg);
					}
				  
					&:hover {
					    cursor: pointer;
					    
					    .background {
					      stroke: transparent;
					    }
					    
					    .foreground {
					      stroke-dashoffset: 0;
					      transform: rotate(-90deg);
					    }
					    
					    .line {
					      stroke: #EE3769;
					    }
					    
					    .line {
					      transform: rotate(180deg);
					    }
					    
					    .line2 {
					      transform: rotate(0);
					    }
					}

				} */
				.spin {
					  width: 5em;
					  height: 5em;
					  padding: 0;
					  
					  &:hover {
					    color: $blue;
					  }

					  &::before,
					  &::after {
					    top: 0;
					    left: 0;
					  }

					  &::before {
					    border: 2px solid transparent;
					  }

					  &:hover::before {
					    border-top-color: $blue; 
					    border-right-color: $blue;
					    border-bottom-color: $blue;

					    transition:
					      border-top-color 0.15s linear,
					      border-right-color 0.15s linear 0.10s,
					      border-bottom-color 0.15s linear 0.20s;
					  }

					  &::after {
					    border: 0 solid transparent; 
					  }

					  &:hover::after {
					    border-top: 2px solid $blue; 
					    border-left-width: 2px;
					    border-right-width: 2px; 
					    transform: rotate(270deg); 
					    transition:
					      transform 0.4s linear 0s,
					      border-left-width 0s linear 0.35s;
					  }
					}

					.circle {
					  border-radius: 100%;
					  box-shadow: none;
					    position: absolute;
					    top: 50%;
					    left: 50%;
					    transform: translate(-50%, -50%);
					  &::before,
					  &::after {
					    border-radius: 100%;
					  }
					}
	    		.grid-item{
	    			&:hover{
						position: relative;
						img{
							transform: scale(1);
							-moz-transform: scale(1);
							-o-transform: scale(1);
						}
						&::before{
							-webkit-animation: shine .75s;
							animation: shine .75s;
						}
						.image-masony{

						}
						
					}
					.galleryItem{
						display: block;
   	 					position: relative;
					}
					.image-masony{
						position: relative;
						.icon-x{
						    width: auto;
						    
						    position: absolute;
						    top: 50%;  /* position the top  edge of the element at the middle of the parent */
						    left: 50%; /* position the left edge of the element at the middle of the parent */
						    transform: translate(-50%, -50%);
						    cursor: pointer;
							.video-thumb__circle{
							opacity: .6;
						    transform: rotate(90deg) scaleY(-1);
						    -webkit-transform: rotate(90deg) scaleY(-1);
						    transition: opacity .3s;
					    	}
					    	img{
							}
						}
					}
	    		}
	    	}
		}
		.grid:after{
			content: '';
			display: block;
			clear: both;
			.grid-item {
			 float: left;
			}
		}
		.grid-item {
			padding-bottom: 30px;
			.image-masony{
				position: relative;
				overflow: hidden;
				&::before{
		    	   /*  position: absolute;
				    top: 0;
				    left: -75%;
				    z-index: 2;
				    display: block;
				    content: '';
				    width: 50%;
				    height: 100%;
				    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
				    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
				    -webkit-transform: skewX(-25deg);
				    transform: skewX(-25deg); */
		    	}

				img {
					display: block;
					max-width: 100%;
					webkit-transition: all 0.2s ease-in-out;
				    -o-transition: all 0.2s ease-in-out;
				    -moz-transition: all 0.2s ease-in-out;
				    transition: all 0.2s ease-in-out;
				}
				.video-thumb__circle{
					img{
						height: auto;
					}
				}
				&:hover{
					position: relative;
					img{
						transform: scale(1.1);
						-moz-transform: scale(1.1);
						-o-transform: scale(1.1);
					}
					&::before{
						-webkit-animation: shine .75s;
						animation: shine .75s;
					}
				}
			}
			
		}
	}
	.list-group-slider{
		.flickity-page-dots{
			bottom: -54px;
			li.dot{
				background: $main_color;
				&.is-selected{
					background: $main_color;
				}
			}
		}
		.st-arrow{
			position: absolute;
		    background: transparent;
		    border: none;
		    color: #333;
		    top: 50%;
	    	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 73px;
			height: 73px;
	    	img{
			   	
			    border-radius: 50%;
			   
	    	}
		}
		 .carousel--prev{
	    	left: 50px;
	    }
	    .carousel--next{
	    	right: 50px;
	    }
		
		.carousel{
			.flickity-slider{
				.carousel-cell{
					margin-right: 10px;
					background: #8C8;
					border-radius: 5px;
					counter-increment: carousel-cell;
					img{
						width: 590px;
						height: 650px;
						object-fit: cover;
					}
				}
			}
		}
		
	}
	.list-group{
		.item{
			.thumbnail{
				padding: 0px;
			    border: transparent;
			    border-radius: 0;
			    overflow: hidden;
			    position: relative;
				img{
					height: 370px;width: 100%;object-fit: cover;
					webkit-transition: all 0.2s ease-in-out;
				    -o-transition: all 0.2s ease-in-out;
				    -moz-transition: all 0.2s ease-in-out;
				    transition: all 0.2s ease-in-out;
				}
				/* &::before{
		    	    position: absolute;
				    top: 0;
				    left: -75%;
				    z-index: 2;
				    display: block;
				    content: '';
				    width: 50%;
				    height: 100%;
				    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
				    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
				    -webkit-transform: skewX(-25deg);
				    transform: skewX(-25deg);
		    	} */
			}

			
			.thumbnail{
				&:hover{
					position: relative;
					img{
						transform: scale(1.1);
						-moz-transform: scale(1.1);
						-o-transform: scale(1.1);
					}
					&::before{
						-webkit-animation: shine .75s;
						animation: shine .75s;
					}
				}
			}
		}
	}
	.st-height-570{
		img{
			height: 570px;
			width: 570px;
			object-fit: cover;
		}
	}
	.st-service-item{
		ul{
			li{
				border-right: 1px solid #d8d8d8 !important;
				&:last-child{
					border-right: transparent !important;
				}
				.padd-on{
					.icon{
						margin-bottom: 16px;
						img{
							width: 42px;
							height: 42px;
							object-fit: cover;
						}
					}
					.content-text{
						h2{
							font-family: 'Poppins';
						    color: $main_color;
						    letter-spacing: 0;
						    text-align: center;
						    font-size: 14px;
						    font-weight: 300;
						}
					}
				}
			}
		}
	}
	.st-service{
		p{
			font-family: 'Poppins';
		    font-size: 24px;
		    color: $main_color;
		    letter-spacing: 0;
		    text-align: center;
		    line-height: 36px;
		}
	}
	.st-full-width{
		.container{
			width: 100%;
		}
	}
	.vc_row-o-equal-height{
		.vc_column-inner{
			max-height: 750px;
		}
	}
	font-family: $fontfamily;
	position: relative;
	.header-mobile{
			display: none;
	}
	header{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 99;
		width: 100%;
		background-color: transparent;
		-webkit-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		transition: all 0.4s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
		.header-content{
			min-height: 100px;
			position: relative;
			top: 0;
			width: 100%;
			display: -webkit-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    align-items: center;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
			.control-left{
				float: left;
				width: 70%;
				height: 100%;
				.option-item{
					float: left;
					height: 100%;
					.logo{
						padding: 25px 60px 25px 60px;
						a{
							img{
								height: 46px;
							    width: 149px;
							    object-fit: cover;
							}
						}
						
					}
				}
				.menu-left{
					float: left;
					height: 100%;
					width: auto;
					display: block;
					div{
						float: left;
					    height: 100%;
					    width: auto;
					    display: block;
						.navbar-nav{
							background: transparent;
							padding:0px;
							li{
								&>a{
									color: #FFFFFF !important;
									padding:39px 26px;
									&:hover{
										color: #FFFFFF;
									}
									&:active{
										color: #FFFFFF;
									}
									background-color:transparent;
								}
								ul{
									a{
										background-color:#FFFFFF;
										font-family: 'Poppins', serif;
										font-size: 14px;
										font-weight: 500;
										letter-spacing: 0;
										text-align: left;
										color: #1A2B48 !important;
										&:active{
											color: $grey;
										}
										&:hover{
											color: $grey;
										}
									}
								}
								.dropdown-menu{
									background: #FFF;
									border: none;
									list-style: none;
								    position: absolute;
								    left: 0;
								    top: 120%;
								    padding-left: 0;
								    margin-bottom: 0;
								    min-width: 200px;
								    padding-top: 5px;
								    padding-bottom: 5px;
								    background: #FFF;
								    -webkit-box-shadow: 0 1px 1px #dbdbdb;
								    box-shadow: 0 1px 1px #dbdbdb;
								    z-index: 999;
								    opacity: 0;
								    visibility: hidden;
								    -webkit-transition: all .2s ease-in-out;
								    transition: all .2s ease-in-out;
								}

							}
						}
					}
				}
			}
			.control-right{
				display: flex;
    			align-items: center;
    			justify-content: flex-end;
				.option-item.st-check-lang::after {
				    content: "";
				    position: absolute;
				    background: #d1cccc;
				    width: 1px;
				    height: 19px;
				    left: 0px;
				    bottom: 30px;
				    transform: translate(-50%, -50%);
				}
				float: left;
				width: 40%;
				padding-right: 60px;
				height: 100%;
				.option-item{
					&.padding-0{}
					&:last-child{padding:0px;}
					padding: 39px 30px;
					float: right;
					height: 100%;
					display: table;
					position: relative;
					.option-mid{
						&.book-your-tay{
							background: #FFFFFF;
							border: none;
							a{
								font-family: 'Poppins', serif;
								font-weight: 500;
								font-size: 14px;
								color: $main_color;
								letter-spacing: 0;
								text-align: left;
								border: none;
								border-radius: 0px;
							}
						}
						.dropdown{
							button{
								background: transparent;
								border: none;
								padding: 0px;
								color: #fff;
								&:active{
									background: transparent;
									border: none;
								}
							}
						}
						.location-phone{
							a{
								font-family: 'Poppins', serif;
								font-size: 14px;
								font-weight: 500;
								color: #FFFFFF;
								letter-spacing: 0;
								text-align: left;
								padding-left: 10px;
							}
						}
					}
				}
			}
		}
	}
	.main-slider{
		
		.carousel-inner > .item {
		 	.search-form-text{
				text-align: center;
				position: absolute;
				top: 37%;
				transform: translate(0, -50%);
				left: 0;
				right: 0;
				z-index: 9;
				.container{
					.st-heading{
						line-height: 85px;
						font-weight: 500;
						font-family: 'Playfair Display', serif;
						font-size: 64px;
						color: #FFFFFF;
						letter-spacing: 0;
						text-align: center;

					}
					.sub-heading{
						font-family: 'Poppins', serif;
						font-size: 16px;
						color: #FFFFFF;
						letter-spacing: 0;
						text-align: center;
						line-height: 38px;
						margin-bottom: 35px
					}
					a{
						border: 1px solid #FFFFFF;
						background-color: transparent;
						border-radius: 0;
						-webkit-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;	
						&:hover{
							background-color:$blue;
							border: 1px solid $blue;
						}
					}
				}
			}
			.promotion__overlay{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 0.2;
				transform: rotate(-180deg);
				background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
			}
		}

		.carousel-inner > .item > img {
		 	height: 780px;
		 	width: 100%;
		 	object-fit: cover;
		}

		.carousel-control.left,
		.carousel-control.right {
		  background-image: none;
		}

		position: relative;
		/* .search-form-wrapper{
				position: relative;
				top: 0;
			.fotorama{
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				.fotorama__wrap{
					.fotorama__stage{
						.fotorama__stage__shaft{
							.fotorama__stage__frame{
								.fotorama__html{
									div{
										.search-form-text{
											text-align: center;
											position: absolute;
											top: 37%;
											transform: translate(0, -50%);
											left: 0;
											right: 0;
											z-index: 9;
											.container{
												.st-heading{
													line-height: 85px;
													font-weight: 500;
													font-family: 'Playfair Display', serif;
													font-size: 64px;
													color: #FFFFFF;
													letter-spacing: 0;
													text-align: center;

												}
												.sub-heading{
													font-family: 'Poppins', serif;
													font-size: 16px;
													color: #FFFFFF;
													letter-spacing: 0;
													text-align: center;
													line-height: 38px;
													margin-bottom: 35px
												}
												a{
													border: 1px solid #FFFFFF;
													background-color: transparent;
													border-radius: 0;
												}
											}
										}
										.promotion__overlay{
											position: absolute;
											left: 0;
											top: 0;
											width: 100%;
											height: 100%;
											opacity: 0.2;
											transform: rotate(-180deg);
											background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
										}
									}
								}
								
							}
						}
					}
					.fotorama__nav-wrap{
						position: relative;
						.fotorama__nav{
							width: 100px !important;
							position: absolute;
							z-index: 100;
							bottom: 0px;
							left: 0px;
							.fotorama__nav__shaft{
								float: left;
								padding-bottom: 136px;
								.fotorama__nav__frame{
									clear: both;
									float: left;
									width: 8px;
									height: auto;
									margin-top:25px;
									.fotorama__dot{
										width: 8px;
										height: 8px;
										left: 50px;
										position: absolute;
										z-index: 100;

									}
								}
							}
						}
					}
				}
			}
			
		} */
		
	}
	.list-group.st-gallery-grid  .thumbnail{
		margin-bottom: 0px;
	}
	.list-group.st-gallery-grid{
		.item{
			.thumbnail{
				margin-bottom: 30px;
			}
		}
		
	}
	.st-filter{
		.filter-search{
			position: relative;
		}
			bottom: 200px;
		    position: relative;
			form{
				&.template-hotel-activity_submit{
					display: inline-block;
					height: 100%;
					width: 850px;
				    margin: 0 auto;
				    transform: translate(-50%, -50%);
				    position: absolute;
				    left: 50%;
				    display: inline-block;
				    height: 100%;
				    margin: 0 auto;
				    padding: 0px;
				    bottom: 80px;
					.row-5{
						background-color: #FFFFFF;
						float: left;
						width: 100%;
						margin-left: 0px;
						.col5{
							-moz-user-select: none;
						    -ms-user-select: none;
						    -khtml-user-select: none;
						    -webkit-user-select: none;
						    -webkit-touch-callout: none;
							width: 20%;
							float: left;
							position: relative;
							padding: 30px;
							.choose-date{
								label{
									color: #000000;
									font-size: 1.6rem;
									text-transform: uppercase;
									font-weight: normal;
									display: block;
									letter-spacing: 1px;
									font-weight: 400;
									text-align: center;
								}
								.item-search-content{
									position: relative;
									.options{
										.day{
											cursor: pointer;
											text-align: center;
											color: $blue;
											span{
												font-size: 3.6rem;
												
											}
										}
										.month-year{
											text-align: center;
											span{
												font-size: 1.6rem;
											}
										}
									}
									.st-number{
										.adult{
											color: $blue;
											font-size: 1.6rem;
											position: relative;
											text-align: center;
											display: flex;
											align-items: center;
    										justify-content: center;
											strong.num{
												min-width: 28px;
												font-size: 3.6rem;
												text-align: center;
												font-weight: 400;
												margin-left: 2px;
												margin-right: 2px;
											}
											span{
												cursor: pointer;
												height: 16px;
												&.minus{
													/* margin-bottom:13px; */
												}
											}
										}
										.type-person{
											text-align: center;
											span{
												font-size: 1.6rem;
											}
										}
									}
									.helios-input{
										bottom: 0;
										height: 19px;
										left: 0;
										opacity: 0;
										position: absolute;
										width: 100%;
									}
									.wpbooking-check-in-out{
										bottom: 0;
										height: 19px;
										left: 0;
										opacity: 0;
										position: absolute;
										width: 100%;
									}
								}
							}
							.control{
								float: left;
								height: 100%;
								width: 100%;
								.btn{
									border: none;
									border-radius: 0;
									font-size: 14px;
									font-weight: bold;
									height: 100%;
									letter-spacing: 2px;
									width: 100%;
									line-height: 25px;
									padding: 56px 10px;
									background-color: $blue;
									margin: auto;
									&:active{
										background-color: $blue;
									}
								}
							}
							&:last-child{
								height: 100%;
								padding: 0px;
							}
						}
					}
				}
			}
		}
	#main-content{
		.container{		
			.box__separator_line{
				margin: 0 auto;
				height: 1px;
				width: 100%;
				opacity: 0.2;
				background: $main_color;
				border: none;
			}
			.row{
				margin-bottom:0px;
				&.st-no-padding-row{
					padding-top: 0px;
					padding-bottom: 0px;
				}
				&.padding-top-30{
					padding-top:30px;
				}

				div{
					.st-form-send-mail{
						display: flex;
						position: relative;
						float: right;
						
						.st-form-newleter{
							margin-left: 40px;
							width: 400px;
							position: relative;
							form{
								position: relative;
								.st-gr-input{
									border-bottom: 2px solid;
									position: absolute;
									width: 100%;
									bottom: -43px;
									input{
										border: none;
										width: 94%;
										padding-bottom: 15px;
										&::-webkit-input-placeholder {
											opacity: 0.7;
											font-family: 'Poppins';
											font-size: 14px;
											color: $main_color;
											letter-spacing: 0;
										}
										&::-moz-input-placeholder {
											opacity: 0.7;
											font-family: 'Poppins';
											font-size: 14px;
											color: $main_color;
											letter-spacing: 0;
										}
										&::-ms-input-placeholder {
											opacity: 0.7;
											font-family: 'Poppins';
											font-size: 14px;
											color: $main_color;
											letter-spacing: 0;
										}
										&::placeholder{
											opacity: 0.7;
											font-family: 'Poppins';
											font-size: 14px;
											color: $main_color;
											letter-spacing: 0;
										}
									}
									button{
										border: none;
										padding: 0;
										background: transparent;
									}
								}
								
							}
						}	
					}
					
					.item-table{
						padding-left: 0px;
						padding-right: 0px;
						display: block;
						position: relative;
						overflow: hidden;
						.owl-carousel{
							display: block;
							margin: 0;
							padding: 0;
							.owl-stage-outer{
								    overflow: visible;
								.owl-stage{
									.owl-item{
										padding:0px;
										visibility: visible;
										animation-delay: 0s;
										animation-name: fadeInUp;
										-webkit-transition: all 0.2s ease-in-out;
										-o-transition: all 0.2s ease-in-out;
										-moz-transition: all 0.2s ease-in-out;
										transition: all 0.2s ease-in-out;
										
									    
										&:hover{
											-webkit-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
											-moz-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
										    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
										    overflow: visible;
											.item-tb{
												.st-item{
													.button-color{
														a{
															
														}
													}
													
												}
											}
										}
										.item-tb{
											.st-item{
												border: 1px solid $light-grey;
												padding:72px;
												.padd-on{
													img{
														width: 83px;
														height:64px;
														margin: 0 auto;
														margin-bottom: 30px;
													}
													.content-text{
														h2{
															font-family: 'Playfair Display';
															font-size: 24px;
															color: $main_color;
															letter-spacing: 0;
															text-align: center;
														}
													}
												}
											}
										}
									}
								}
							}
							.disabled{display: none;}
							.owl-dots{
								margin-top: 54px;
								text-align: center;
								height: 35px;
    							padding: 9px;
								button{
									width: 10px;
								    height: 10px;
								    border-radius: 50%;
								    border: 2px solid transparent;
								    margin-right: 10px;
								    margin-left: 10px;
								    background: #d8d8d8;
								}
								.active{
									background: $blue;
								}
							}
						}
					}
					.item-room{
						&:hover{
							.img-thumnail{
								img{
									transform: scale(1.1);
								}
							}
							
						}
						.img-thumnail{
							width: 100%;
							overflow: hidden;
							img{
								-webkit-transition: all 0.2s ease-in-out;
								-o-transition: all 0.2s ease-in-out;
								-moz-transition: all 0.2s ease-in-out;
								transition: all 0.2s ease-in-out;
								height: 370px;
								object-fit: cover;
							}
						}
						
					}
					
					.instagrame{

					}
				}

			}
		}
		.full-width{
			display: inline-block;
			width: 100%;
			position: relative;
			clear: both;
			.thm-instagram{
				width: 20%;
				float: left;
				position: relative;
				.item_insta{
					position: relative;
					overflow: hidden;
					
					img{
						height: 288px;
						width: 100%;
						object-fit: cover;
						webkit-transition: all 0.2s ease-in-out;
					    -o-transition: all 0.2s ease-in-out;
					    -moz-transition: all 0.2s ease-in-out;
					    transition: all 0.2s ease-in-out;
					}
					&:hover{
						img{
							transform: scale(1.1);
						    -moz-transform: scale(1.1);
						    -o-transform: scale(1.1);
						}
						
					}
				}
				
			}
		}
	}
	.content-text{
		height: 100%;
		display: block;
		position: relative;
		&.style-2{
			h2{
				text-align: left;
			}
			p.text-center{
				text-align: left;
			}
			.button-color.text-center{
				text-align: left;
				a{
					position: relative;
				    z-index: 1;
				    overflow: hidden;
				    border-radius: 0px;
				    border: 1px solid #3484F5;
				    background-color: transparent;
				    color: #3484F5;
				    font-size: 14px;
				    padding: 10px 24px;
				    line-height: 50px;
				    transition: background-color 0.3s;
				    &:hover{
				    	color:#FFF;
				    	border: none;
				    }
				}
			}
		}
		.st-text-center{
			&.style-2{
				
			}
			.process-bg{
				position: absolute;
			    top: 48px;
			    right: 6px;
			    -webkit-transition: all 0.5s ease-in-out;
			    -moz-transition: all 0.5s ease-in-out;
			    -ms-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    img{
			    	margin: 0 auto;
				    filter: gray;
				    -webkit-filter: grayscale(1);
				    -ms-filter: grayscale(1);
				    -webkit-transition: all 0.3s ease-in-out;
				    -moz-transition: all 0.3s ease-in-out;
				    -ms-transition: all 0.3s ease-in-out;
				    -o-transition: all 0.3s ease-in-out;
				    transition: all 0.3s ease-in-out;
				    width: 60px;
				    height: auto;
				    object-fit: cover;
			    }
			}
		}
		&.padding-0{
			.st-text-center{
				padding: 0px;
			}
		}
		h2.st_default{
			font-family: 'Playfair Display';
			font-size: 36px;
			color: $main_color;
			letter-spacing: 0;
			text-align: left;
			font-weight: 600;
			margin-bottom: 30px;
		}
		.text-center{
			font-family: 'Poppins', sans-serif;
			font-size: 16px;
			color: $grey;
			letter-spacing: 0;
			text-align: center;
			margin-bottom: 30px;
		}
		.st_default{
			font-family: Poppins;
		    font-size: 16px;
		    color: $grey;
		    letter-spacing: 0;
		    margin-bottom: 30px;
		    text-align: left;
		    &.style-5-content{
		    	position: relative;
		    	z-index: 2;
		    }
		}
		h2{
			&.text-center{
				font-family: 'Playfair Display', serif;
				font-size: 36px;
				color: $main_color;
				letter-spacing: 0;
				padding-bottom: 0px;
				margin-bottom: 25px;
				font-weight: 600;
			}
			&.style-3{
				font-family: 'Poppins';
				font-size: 32px;
				color: $main_color;
				letter-spacing: 0;
				text-align: center;
				font-weight: 500;
			}
		}
		.style-3-content{
			font-family: 'Poppins';
			font-size: 16px;
			color: $main_color;
			letter-spacing: 0;
			text-align: center;
			font-weight: 400;
			line-height: 35px;
			h3{
				font-size: 18px;
			    color: $main_color;
			    letter-spacing: 0;
			    text-align: center;
			    font-weight: 500;
			    line-height: 35px;
			}
		}
		.text-center.style-4-content{
			font-family: 'Poppins';
			font-weight: 400;
			font-size: 18px;
			color: $main_color;
			letter-spacing: 0;
			text-align: left;
		}
		h2.style-4{
			font-family: 'Playfair Display';
			font-size: 18px;
			color: $main_color;
			letter-spacing: 0;
			text-align: left;
			font-weight: 600;
		}
		.box__separator{
			margin: 0 auto;
			height: 2px;
			width: 80px;
			background: $main_color;
			border: none;
			margin-bottom:25px;
			&.st_default{
				margin: 0px;
				margin-bottom:30px;
			}
		}
		.box__separator_style-4{
			margin-left: 0px;
		}

		

		.button-color{
			a{
				position: relative;
				overflow: hidden;
				border-radius: 0px;
				border: 1px solid $blue;
				background-color: transparent;
				color: $blue;
				font-size: 14px;
				padding: 10px 24px;
				line-height: 50px;
				transition: background-color .3s;
				&:hover{
					border: none;
					color: $white;
					&::after {
					    transform: scaleY(1);
					}
				}
				&:after {
				    content: "";
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    transform: scaleY(0);
				    transform-origin: bottom center;
				    background: $blue;
				    z-index: -1;
				    transition: transform 0.3s;
				}
			}
		}
	}
}
#st-footer-hotel-activity{
	margin-top: 80px;
}
footer{
	.wpb_text_column{
		img{
			max-width: 100%;
			height: auto;
		}
	}
	.st-center-flex p{
		float: right;
		img{
			width: 84px;
			height: 84px;
			object-fit: cover;
		}
	}

	.mc4wp-response{
		display: inline-block;
	    float: right;
	    position: absolute;
	    right: 15px;
	    bottom: -30px;
	}
	.st-text-newletter{
		display: inline-block;
		float: left;
		margin-left: 65px;
	.st-title-newlet{
		p{
			font-family: Playfair Display;
		    font-size: 22px;
		    color: $main_color;
		    letter-spacing: 0;
		    font-weight: bold;
		}
	}
	.st-title-des{
		font-size: 14px;
		color: $main_color;
		letter-spacing: 0;
	}
}
	.st-gr-input{
		position: relative;
		display: inline-block;
		float: right;
		margin-left: 40px;
		margin-top: 5px;
		input{
			border: none;
		    width: 400px;
		    padding-bottom: 15px;
		    border-bottom: 2px solid;
		    background: transparent;
			&::-webkit-input-placeholder {
				opacity: 0.7;
				font-family: 'Poppins';
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
			}
			&::-moz-input-placeholder {
				opacity: 0.7;
				font-family: 'Poppins';
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
			}
			&::-ms-input-placeholder {
				opacity: 0.7;
				font-family: 'Poppins';
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
			}
			&::placeholder{
				opacity: 0.7;
				font-family: 'Poppins';
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
			}
		}
		input#st-submit{
			width: 20px;
			position: absolute;
		    right: 0px;
		    bottom: 5px;
		    background: transparent;
		    border: none;
		    z-index: 2;
		    &.btn.active.focus{
		    	background: transparent;
		    	border: none;
		    } 
		    &.btn.focus{
		    	background: transparent;
		    	border: none;
		    }
		    &.btn:active.focus{
		    	background: transparent;
		    	border: none;
		    } 
		    &.btn:active:focus{
		    	background: transparent;
		    	border: none;
		    } 
		    &.btn:focus{
		    	background: transparent;
		    	border: none;
		    }
		    &:hover{
		    	background: transparent;
		    	border: none;
		    }
		}
		span#icon-new-letter{
		    position: absolute;
		    right: 8px;
		    bottom: 16px;
		    font-size: 16px;
		    cursor: pointer;
		}
	}

	.st-item-box{
		padding:0px;
		&:last-child{
			.st-box{
				border-right: 1px solid #D7DCE3;
			}
		}
		.st-box{
			padding:34px 29px;
			min-height: 160px;
			border-top: 1px solid #D7DCE3;
			border-left: 1px solid #D7DCE3;
			border-bottom: 1px solid #D7DCE3;
			.st-titlt-box{
				margin-bottom: 20px;
				h3{
						font-family: Poppins;
						font-size: 14px;
						color: $main_color;
						letter-spacing: 0;
						font-weight: 600;
						text-align: center;
				}
			}
			.st-c0ontent-box{
					display: inline-block;
					width: 100%;
					text-align: center;
				span{
					font-family: 'Poppins';
					color: $grey;
					letter-spacing: 0;
					text-align: center;
					font-size: 16px;
				}
				.st-social{
					display: inline-block;
					position: relative;
					li{
						float: left;
						padding-left: 20px;
						padding-right: 20px;
						a{
							color: $black;
							font-size: 18px;
							i{
								color: $black;
								font-size: 18px;
							}
						}
					}
				}
			}
		}
	}


	.menu-footer-new{
		li {
			display: inline-block;
			float: left;
			margin-right: 60px;
			a{
				font-family: Poppins;
				font-size: 14px;
				color: $main_color;
				letter-spacing: 0;
				text-align: left;
			}
		}
	}

	.st-end-footer{
		padding-bottom: 40px;
		display: block;
		.st-flex-footer{
			display: flex;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			.left-footer{
				.st-menu-footer{
						position: relative;
						display: inline-block;
						margin-bottom: 40px;
					.menu-footer-new-container{
						.menu-footer-new{
							li {
								display: inline-block;
								float: left;
								margin-right: 60px;
								a{
									font-family: Poppins;
									font-size: 14px;
									color: $main_color;
									letter-spacing: 0;
									text-align: left;
								}
							}
						}
					}
				}
				.st-copy-right{
					font-family: Poppins;
					font-size: 14px;
					color: $grey;
					letter-spacing: 0;
				}
			}
			.right-footer{
				.img-list-logo{
					display: inline-block;
					position: relative;
					.st-list-image{
						position: relative;
						display: inline-block;
						li{
							display: inline-block;
							float: left;
							margin-left: 29px;
						}
					}
				}
			}
		}
	}
		
}
.item-room{
	margin-bottom: 30px;
	.info-item{
		position: relative;
		.info{
			    position: absolute;
			    bottom: 0px;
			    left: 0px;
			    color: #ffffff;
			    padding: 40px;
			.price{
				font-family: 'Poppins';
				color: #FFFFFF;
				letter-spacing: 0;
				text-align: left;
				font-size: 16px;
				color: #FFFFFF;
				letter-spacing: 0;
				text-align: left;
			}
			h4{
				font-family: 'Playfair Display';
				letter-spacing: 0;
				text-align: left;
				margin: 0px;
				color: #FFFFFF;
			    margin-top: 5px;
			    font-size: 22px;
			}
		}
	}
}


/* RIGHT TO LEFT */
@media ( min-width: $tablet-width){
	body.rtl{
		.content-text.padding-0{
			&.st-default{
				 .st-text-center{
				 	float: none;
				 	text-align: center;
				 }
			}
			 .st-text-center {
			 	float: right;
			    position: relative;
			    text-align: right;
			    .style-4 {
				    text-align: right;
				}
				.style-4-content{
				    text-align: right;
				}
				.box__separator_style-4 {
				    margin-right: 0px;
				}
			 }
		}
		.title-insta{
			.st-img-icon{
				 img{
				 	margin-right: 0px;
				 	margin-left: 10px;
				 }
			}
		}
		.sts-vinhome-slider{
			.vinhome-slider-pag{
				right: 50px;
				left: auto;
			}
		}
		.content-text{
			 h2.st_default{
			 	text-align: right;
			 }
			 .st_default{
			 	text-align: right;
			 }
		}
		.st-service-item{
			ul{
			 	li:first-child{
					border-right: transparent !important;
				}
				li:last-child{
					border-right: 1px solid #d8d8d8 !important;
				}
			}
		}
		footer{
			.st-item-box{
			 	.st-box{
			 	 	.st-c0ontent-box{
			 	 	 	.st-social{
			 	 	 	 	float: none;
			 	 	 	 }
			 	 	 }
			 	 }
			 }
		}
		.vc_align_left{
			float: right;
		}
		.icon-images-scroll{
			left: 86px;
			right: auto;
		}
		footer{
			ul{
				float: right;
				li{
					&:last-child{
						margin-right: 0px;
					}  
				}
			}
			 .st-gr-input{
			 	 input#st-submit{
			 	 	right: auto;
			 	 	left: 0px;
			 	 }
			 	 #icon-new-letter{
			 	 	left: 8px;
			 	 	right: auto;
			 	 }
			 }
			.st-item-box:last-child{
				.st-box {
				    border-right: none;
				}
			}
			.st-item-box:first-child{
				.st-box {
				     border-right: 1px solid #D7DCE3;
				}
			}
		}
		.item-room{
			 .info-item{
			 	 .info{
			 	 	 .price{
			 	 	 	text-align: right;
			 	 	 }
			 	 	 h4{
			 	 	 	text-align: right;
			 	 	 }
			 	 }
			 }
		}
		#carousel-example-generic{
			.carousel-indicators{
				right: 0px;
				left: auto;
    			margin-right: 50px;
    			margin-left: 0 auto;
			}
		}
		h2{
			direction: rtl;
    		unicode-bidi: embed;
		}
		.st-text-center>div{
			direction: rtl;
    		unicode-bidi: embed;
		}
		header{
			.header-content{
				.control-right{
					padding-right: 0px;
					padding-left: 60px;
					 .option-item:first-child::after{
					 	left:0px;
					 	right: auto;
					 }
				}
			}
			.nav.et_disable_top_tier{
				li{
					text-align: right;
				}
				li.menu-item-has-children{
					&> a:after{
					 	margin-left: 0px;
					 	margin-right: 3px;
					}
					.sub-menu:after{
						left: auto;
						right:20%;
					}
				}
			}
		}
	}
}