/**
 * Home 3 */

.thim-rectangle-overlay{
	&::before{
		width: 350px;
		height: 480px;
		border: 12px solid;
		border-color: #fff;
		opacity: 0.15;
		margin-left: -175px;
		position: absolute;
		left: 50%;
		pointer-events: none;
		top: 72px;
		z-index: 2;
	}
}

#home-introduce {
	
	.introduce-heading {
		padding: 45px 100px 0px 0px;
		position: relative;
		left: 100px;
		z-index: 2;
	}
	.introduce-banner {
		position: relative;
		right: 100px;
		z-index: 1;
	}
}
.thim-home-introduce{
	padding-top: 185px;
	padding-bottom: 95px;
	@media(max-width:767px){
		padding-top: 40px;
		padding-bottom: 50px;
	}
	&.vc_row-fluid{
		background-position: left center !important;
	}
	.introduce-banner{
		.wpb_single_image{
			@media(max-width:767px){
				text-align: center !important;
			}
			&:hover{
				.vc_single_image-wrapper{
					img{
						transform: scale(1);
					}
				}
			}
		}
	}
	.home3-introduce-heading{
		max-width: 600px;
		margin-left: 90px;
		@media(max-width:1439px){
			margin-left: 0;
		}
		.thim-sc-heading{
			.article_heading {
				.heading-des{
					color: #000000;
					font-size: 18px;
				}
				.heading-button {
					margin-top: 35px;
					a{
						line-height: 1.5;
						font-size: 24px;
						display: inline-flex;
						flex-direction: row-reverse;
						justify-content: flex-end;
						color: var(--thim-body-primary-color2);
						border-bottom: 1px solid var(--thim-body-primary-color2);
						transition: all 0.1s ease;
						@media(max-width:1199px){
							font-size: 20px;
						}
						i{
							font-size: 24px;
							margin-left: 10px;
							margin-right: 0;
							&::before{
								content: '\f062';
								font-weight: 800;
								font-family: 'Line Awesome Free';
								color: var(--thim-body-primary-color2);
							}
							
						}
					}
				}
				.heading_secondary{
					@media(max-width: 1199px){
						font-size: 40px !important;
					}
					@media(max-width: 767px){
						font-size: 36px !important;
					}
				}
			}
		}
	}
}
//Select
.select2-container--default {
	.select2-dropdown {
		border: none !important;
		background: #f6f6f6;
		min-width: 100px;
		left: 0px !important;
		&:before {
			content: '';
			border-color: transparent transparent #f6f6f6 transparent;
			border-style: solid;
			border-width: 0px 8px 8px 8px;
			height: 0;
			left: 50%;
			margin-left: -4px;
			margin-top: -6px;
			position: absolute;
			top: -2px;
			width: 0;
		}
		&.select2-dropdown--above {
			&:before {
				content: '';
				border-color: #f6f6f6 transparent transparent transparent;
				border-style: solid;
				border-width: 8px 8px 0px 8px;
				height: 0;
				left: 50%;
				margin-left: -4px;
				margin-top: 0px;
				position: absolute;
				top: auto;
				bottom: -9px;
				width: 0;
			}
		}
	}
	.select2-results__option {
		padding: 0px 10px;
		line-height: 34px;
		font-size: 13px;
		text-align: center;
	}
	.select2-results__option[aria-selected=true], .select2-results__option--highlighted[aria-selected] {
		background: none !important;
	}
	.select2-results>.select2-results__options {
		padding: 10px 0px;
	}
}

//Slider
.thim-link-slider2 {
	a {
		padding: 0px 40px;
		line-height: 48px;
		font-size: 15px;
		text-transform: uppercase;
		color: #ffffff;
		display: inline-block;
		&:hover {
			color: #ffffff;
		}
	}
}

//Search
.home3-search {
	overflow: visible !important;
}
.thim-home3-search{
	position: absolute;
    z-index: 1;
    width: 100%;
	top: 100%;
	left: 0;
	padding: 0 15px;
	transform: translateY(-50px);
	@media(max-width:667px){
		position: relative;
		bottom: 0;
		padding:  25px 0 0 0;
		transform: none;
		
	}
	.thim-sc-hb-rooms-search{
		.hotel-booking-search{
			&.layout-special{
				.hb-submit{
					@media(max-width: 1024px){
						padding: 36px 20px;
					}
					@media(max-width: 767px){
						padding: 20px;
					}
				}
			}
		} 
	}
}

//Video
.home3-video {
	&.thim-home3-video{
		.thim-sc-video{
			.background-video{
				padding: 200px 0px 450px;
				@media(max-width:1199px){
					padding: 180px 0px 420px;
				}
				@media(max-width:991px){
					padding: 180px 0px 380px;
				}
				@media(max-width:600px){
					padding: 150px 0px 330px;
				}
				.icons{
					&::after{
						display: none;
					}
				}
			}
		}
		.thim-sc-list-icon-box{
			margin-bottom: 100px;
			@media(max-width: 1199px){
				margin-bottom: 70px;
			}
			@media(max-width:600px){
				margin-bottom: 50px;
			}
			.list-icon-box{
				.box-item{
					h5{
						line-height: 1.2;
						margin-top: 10px;
						padding-top: 0;
					}
				}
			}
		}
		.icon-img{
			position: absolute;
			position: absolute;
			z-index: 3;
			left: 50%;
			transform: translateX(-50%);
			top: 100px;
			@media(max-width: 1199px){
				top: 80px;
			}
			@media(max-width: 600px){
				top: 50px;
			}
		}
	}
	&.thim-rectangle-overlay {
		&:before {
			z-index: 2;
			height: 408px;
			width: 330px;
			margin-left: -165px;
		}
	}
	.thim-sc-video {
		.background-video {
			.icons {
				&:after {
					content: '';
					width: 2px;
					height: 110px;
					background: rgba(255,255,255,0.15);
					left: 50%;
					margin-left: -1px;
					bottom: -130px;
					display: inline-block;
					z-index: 2;
					position: absolute;
				}
			}
		}
	}
	.thim-sc-list-icon-box {
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
	}
}
// testimonial
.home3-testimonials{
	padding-top: 150px;
	@media(max-width:1199px){
		padding-top: 90px;
	}
	@media(max-width: 767px){
		padding-top: 50px;
	}
	.thim-sc-heading{
		.article_heading{
			.heading_primary{
				font-size: 40px;
				
			}
		}
	}
}

//Save up
.home3-save-up {
	padding: 160px 0;
	@media(max-width:1023px){
		padding: 100px 0;
	}
	@media(max-width:767px){
		padding: 70px 0;
	}
	.thim-sc-heading2 .thim-sc-heading{
		position: relative;
		.article_heading {
			.heading-des {
				color: rgba(255,255,255,0.8);
				margin-top: 20px;
			}
		}
	}
}

.thim-home-3 {
	.select2-container--default .select2-dropdown {
		left: 0 !important;
	}
	ul.product-grid li.product .wrapper .stats .box-price .price {
		font-size: 14px;
	}
	div#hotel-booking-results .hb-search-results>.hb-room .hb-room-content .room-info .hb-room-meta .meta-item label {
		text-transform: capitalize;
		font-size: 14px;
	}
}