/*

	  ==============================================================

		   DEFAULT CSS START #DEFAULT CSS

	  ==============================================================

*/

header,

section,

content,

.section,

.iq_wrapper,

.chr-wrapper,

.main-contant,

footer{

	float:left;

	width:100%;	

}

section,

footer{

	overflow:hidden;	

}

.section,

section,

footer{

	padding:70px 0px 40px;	

}

.no_padding{

	padding:0px;	

}

a:focus{

	color: #333;

}

.thumb{

	float: left;

	width: 100%;

	position: relative;

}

.overflow-text{

	float: none;

	width: auto;

	overflow: hidden;

}

.shortcodes-title{

	float: left;

	width: 100%;

	padding: 30px 0;

	text-align: center;

	background-color: rgba(0,0,0,0.3);

}

.shortcodes-title .headind-1{

	margin: 0;

}

.slick-arrow{

	opacity: 0;

}

.slick-slider:hover .slick-arrow{

	opacity: 1;

}

.parallax-section{

	background-position: center;

	background-attachment: fixed;

}

/*

	  ==============================================================

		   HEADER DEFAULT CSS START #HEADER

	  ==============================================================

*/

header {

    position: fixed;

    left: 0;

    transition: background .3s ease, margin .4s ease;

    -o-transition: background .3s ease, margin .4s ease;

    -ms-transition: background .3s ease, margin .4s ease;

    -moz-transition: background .3s ease, margin .4s ease;

    -webkit-transition: background .3s ease, margin .4s ease;

    width: 100%;

    z-index: 29;

}

.sticky-header.affix {

    position: fixed;

    margin: -36px 0 0 0;

    box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.05);

    transition:background .3s ease,box-shadow .3s ease,, margin .4s ease;

    -o-transition:background .3s ease,box-shadow .3s ease,, margin .4s ease;

    -ms-transition:background .3s ease,box-shadow .3s ease,, margin .4s ease;

    -moz-transition:background .3s ease,box-shadow .3s ease,, margin .4s ease;

    -webkit-transition:background .3s ease,box-shadow .3s ease,, margin .4s ease;

}

	.sticky-header.affix-top{

		background:transparent;

		box-shadow: none;

	}

	.sticky-header.affix .navigation ul li a{

	    color: #333;

	}

	.sticky-header.affix .navigation-outer{

		padding: 15px 0; 

		transition:padding .4s ease;

		-o-transition:padding .4s ease;

		-ms-transition:padding .4s ease;

		-moz-transition:padding .4s ease;

		-webkit-transition:padding .4s ease;

	}

	.full-header .navigation-outer{

		float: left;

		width: 100%;

	}

	/*Top Bar Css Start*/

	.chr-top-bar{

		float: left;

		width: 100%;

		padding: 12px 0;

	}

		.chr-top-info{

			float: left;

			width: auto;

			margin: 0 15px;

		}

		.chr-top-info:first-child{

			margin-left: 0;

		}

		.chr-top-info:last-child{

			margin-right: 0;

		}

			.chr-top-info svg,

			.chr-top-info i{

				margin: 0 15px 0 0;

			}

	/*Logo Outer Css Start*/

	.navigation-outer{

		float: left;

		width: 100%;

		padding: 27px 0;

		transition:padding .4s ease;

		-o-transition:padding .4s ease;

		-ms-transition:padding .4s ease;

		-moz-transition:padding .4s ease;

		-webkit-transition:padding .4s ease;

	}

	

		/* ===========================Navigation Css Start=================================*/

			.navigation {

			    float: left;

			    width: auto;

			    text-align: center;

			}

				.navigation ul {

				    margin: 0;

				    padding: 0;

				    float: left;

				    width: auto;

				    list-style: none;

				}

					.navigation ul li {

					    float: left;

					    width: auto;

					    margin-right: 30px;

					    position: relative;

					}

					.navigation ul li:last-child {

					    margin: 0;

					}

						.navigation ul li a {

						    float: left;

						    width: 100%;

						    font-size: 14px;

						    font-weight: 600;

						    position: relative;

						    padding: 12px 0px;

						    letter-spacing: 0.5px;

						    text-transform: uppercase;

						    font-family: 'Open Sans',Arial, Helvetica, sans-serif;

						}

							/* .navigation ul li ul, */

							.navigation .sub-menu,

							.navigation .children {

							    left: 0;

							    top: 100%;

							    margin: 0;

							    padding:0;

							    opacity: 0;

							    z-index: 1000;

							    min-width: 220px;

							    position: absolute;

							    text-transform: capitalize;

							    box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.05);

							    -webkit-transform-origin: 0% 0%;

							    -moz-transform-origin: 0% 0%;

							    -ms-transform-origin: 0% 0%;

							    -o-transform-origin: 0% 0%;

							    transform-origin: 0% 0%;

							}

							

							

							

							

							.navigation .sub-menu,

							.navigation .children ul:hover{

											

							    left: 220px !important;

							    top: 0px !important;

							    margin: 0;

							    padding:0;

							    opacity: 0;

							    z-index: 1000;

							    min-width: 220px;

							    position: absolute;

							    max-height: 360px !important;

								overflow-y: auto;

								overflow-x: hidden;

							}

							

							

							.navigation .sub-menu,

							.navigation .children a{

											

							    color:#000 !important;

							}

							

							.navigation .sub-menu,

							.navigation .children ul a :hover{

											

							    color:#fff !important;

							}

							

							

							/* .navigation ul li ul, */

							.navigation ul li .sub-menu,

							.navigation ul li .children {

							    visibility: hidden;

							    -webkit-transform: rotateX(-75deg);

							    -moz-transform: rotateX(-75deg);

							    -ms-transform: rotateX(-75deg);

							    -o-transform: rotateX(-75deg);

							    transform: rotateX(-75deg);

							    -webkit-transform-style: preserve-3d;

							    -moz-transform-style: preserve-3d;

							    -ms-transform-style: preserve-3d;

							    -o-transform-style: preserve-3d;

							    transform-style: preserve-3d;

							}

							/* .navigation ul li:hover > ul, */

							.navigation ul li:hover > .sub-menu,

							.navigation ul li:hover > .children {

							    opacity: 1;

							    visibility: visible;

							    transform: rotateX(0deg);

							    -o-transform: rotateX(0deg);

							    -ms-transform: rotateX(0deg);

							    -moz-transform: rotateX(0deg);

							    -webkit-transform: rotateX(0deg);

							}

							/* Safari Browser Styling Start*/

							.safari .navigation ul li .safari-children{

								display: none;

								left: 0;

							    top: 100%;

							    margin: 0;

							    padding:0;

							    z-index: 1000;

							    min-width: 220px;

							    position: absolute;

							    text-transform: capitalize;

							    box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.05);

							}

							.safari .navigation ul li:hover > .safari-children{

								display: block;

							}

							/* Safari Browser Styling End*/

								.navigation ul li ul ul,

								.navigation ul li .sub-menu .sub-menu,

								.navigation ul li .children .children {

								    top: 0;

								    left: 100%;

								}

								.navigation ul li.last ul,

								.navigation ul li.last .sub-menu,

								.navigation ul li.last .children {

								    right: 0;

								    left: auto;

								}

									.navigation ul li.last ul ul,

									.navigation ul li.last .sub-menu .sub-menu,

									.navigation ul li.last .children .children {

									    left: auto;

									    right: 100%;

									}

										.navigation ul li ul li,

										.navigation ul li .sub-menu li,

										.navigation ul li .children li {

										    margin: 0;

										    float: left;

										    width: 100%;

										}

								.navigation ul li ul a,

								.navigation ul li .sub-menu a,

								.navigation ul li .children a {

								    display: block;

								    text-align: left;

								    padding: 9px 15px;

								    font-weight: normal;

								    line-height: normal;

								    letter-spacing: normal;

								    text-transform: capitalize;

								    transition: background-color 0.3s ease,color 0.6s ease;

								    -o-transition: background-color 0.3s ease,color 0.6s ease;

								    -ms-transition: background-color 0.3s ease,color 0.6s ease;

								    -moz-transition: background-color 0.3s ease,color 0.6s ease;

								    -webkit-transition: background-color 0.3s ease,color 0.6s ease;

								}

								.navigation ul li ul li:hover a,

								.navigation ul li .sub-menu li:hover a,

								.navigation ul li .children li:hover a {

								    color: #fff;

								}

			.dl-menuwrapper {

			    float: left;

			    padding: 10px 0;

			    display: none;

			}

				.dl-menuwrapper ul,

				.dl-menuwrapper .dl-menu {

				    background: #fff;

				    z-index: 2;

				}

					.dl-menuwrapper li.dl-back::after,

					.dl-menuwrapper li > a:not(:only-child)::after {

					    color: currentcolor;

					}

		.logo{

			margin: 0;

			float: left;

			width: auto;

			line-height: 0;

		}

		.chr-flight-search{

			float: right;

			font-size: 34px;

			padding: 26px 0;

			margin: 0 0 0 30px;

		}

/*==== LOGO CENTER HEADER CSS START ====*/

.header-1{

	text-align: center;

}

	.header-1 .chr-top-bar{

		padding: 0 100px;

		border-bottom: 1px solid;

		background-color: rgba(0, 0, 0, 0.2)

	}

		

		.header-1 .chr-top-info{

			margin: 0;

			float: left;

			border:none;

			padding: 5px 15px;

		}

		.header-1 .chr-top-info:first-child{

			padding-left:0 !important; 

		}

		.header-1 .chr-top-info:last-child{

			padding-right:0; 

			border-width: 0;

		}

		.header-1 .chr-social{

			float: left;

		}

			.header-1 .chr-social li{

				float: left;

				margin: 0 ;

			}

				.header-1 .chr-social li a{

					border:none;

				}

	.header-1 .navigation-outer {

		float: left;

		width: 100%;

	}

		.header-1 .logo{

			float: none;

			margin:0 auto;

			max-width: 174px; 

			display: inline-block;

		}

			.header-1 .navigation > ul > li > a::after,

			.header-1 .navigation > ul > li > a::before{

				top: 0;

				right: 0;

				width: 0;

				left:auto;

				height: 1px;

				content: "";

				bottom: auto;

				position: absolute;

				background-color: #000; 

			}

			.header-1 .navigation > ul > li > a::after{

				left: 0;

				bottom: 0;

				top: auto;

				right: auto;

			}

			.header-1 .navigation > ul > li.active > a::after,

			.header-1 .navigation > ul > li.active > a::before,

			.header-1 .navigation > ul > li:hover > a::after,

			.header-1 .navigation > ul > li:hover > a::before{

				width: 100%;

			}

			/*HOTEL HEADER COLOR*/

			.header-1 .navigation > ul > li > a,

			.header-1 .chr-top-bar .chr-social li a,

			.header-1 .chr-top-bar .chr-top-info{

				color: #fff;

			}

			.header-1,

			.header-1 .chr-top-bar .chr-social li a,

			.header-1 .chr-top-bar .chr-top-info,

			.header-1 .chr-top-bar{

				border-color: rgba(255, 255, 255, 0.2);

			}

/*Full Width Header Css Start*/

.full-header .navigation-outer,

.full-header .chr-top-bar{

	padding-left: 30px !important;

	padding-right: 30px !important;

}

/*

	  ============================================================

		  Main Banner Css Start

	  ============================================================

*/

.chr_banner {

    float: left;

    width: 100%;

    position: relative;

}	

	.chr_banner .slick-slider {

	    overflow: hidden;

	    background-color: #000;

	}

	.chr_banner .slick-dots {

	    width: 100%;

	    bottom: 80px;

	    height: auto;

	    position: absolute;

	    text-align: center;

	}

	.chr_banner ul {

	    float: left;

	    width: 100%;

	    margin: 0;

	}

		.chr_banner ul li {

		    float: left;

		    width: 100%;

		    position: relative;

		}

			.chr_banner ul li img {

			    width: 100%;

			    float: left;

			    height: auto;

			    opacity: 0.3;

			}

		.chr-caption-wrapper {

		    left: 0;

		    right: 0;

		    width: 100%;

		    bottom: 42.7%;

		    margin: 0px auto 0;

		    position: absolute;

		    transform: translateY(50%);

		    -o-transform: translateY(50%);

		    -ms-transform: translateY(50%);

		    -moz-transform: translateY(50%);

		    -webkit-transform: translateY(50%);

		}

			/*Hotel Banner Start*/

			.banner-hotel .chr-caption{

				max-width: 720px;

			}

			.chr-caption-title {

			    color: #fff;

			    font-size: 40px;

			    position: relative;

			    margin: 0px 0px 13px;

			    padding: 0px 0px 11px;

			}

				.chr-caption-title::before {

				    left: 0px;

				    height: 1px;

				    content: "";

				    bottom: 0px;

				    width: 120px;

				    position: absolute;

				    background-color: #d3d3d3;

				}

				.text-center .chr-caption-title::before {

				    margin: 0 auto;

				    right: 0;

				}

				.text-right .chr-caption-title::before {

				    left: auto;

				    right: 0;

				}

			.chr-caption-text {

			    color: #ffffff;

			    font-size: 50px;

			    margin-bottom: 6px;

			}

			.chr-caption-contant {

			    color: #fff;

			    font-size: 16px;

			    margin: 0px 0px 19px;

			    font-weight: normal;

			}

			.chr-caption-wrapper .chr-btn {

			    color: #fff;

			    margin: 0 15px 0 0px;

			}

			.chr-caption-wrapper .chr-btn:last-child {

			    margin-right: 0;

			}

/*Booking Widget Start*/

.chr_banner .widget-booking {

    right: 7%;

    top: 55.8%;

    left: auto;

    width: 370px;

    position: absolute;

    transform: translateY(-50%);

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

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

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

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

}

.banner-hotel .slick-slider{background-color:#000;}

.banner-hotel .chr-caption-wrapper .container{

	float: left;

	width: 100%;

}

	.banner-hotel ul li img{

		opacity: .75;

	}

	.banner-hotel .chr-caption-wrapper{

		right: auto;

		width: 800px;

		padding-left:7%; 

	}

		.banner-hotel .chr-caption-title{

			font-size: 25px/*1.3vw*/;

		}

		.banner-hotel .chr-caption-text{

			font-size: 52px/*3.1vw*/;

		}

		.banner-hotel .chr-caption-contant{

			font-size: 18px/*0.95vw*/;

		}

		.banner-hotel .chr-caption-wrapper .chr-btn{

			font-size: 18px/*0.95vw*/;

			border:1px solid;

		}

/*

	  ==============================================================

		EVENT SECTION CSS START #EVENT SECTION

	  ==============================================================

*/

.chr-event-thumb{

	float: left;

	width: 100%;

	position: relative;

	text-align: center;

	margin: 0 0 30px;

}

	.chr-event-thumb figure{

		background:#000; 

	}

		.chr-event-thumb figure img{

			/*opacity: 0.35;**/

		}

	.chr-event-thumb .text{

		padding: 0 30px;

	}

		.chr-event-thumb h3{

			font-size: 32px; 

			margin: 0 0 7px;

		}

		.chr-event-thumb p{

			color: #fff;

			margin: 0 0 9px;

			font-size: 16px; 

		}

		.chr-event-thumb p:last-child{

			margin: 0;

		}

	.event-arrived .p-middel{

		top: 36%;

		transform: translateY(-36%);

		-o-transform: translateY(-36%);

		-ms-transform: translateY(-36%);

		-moz-transform: translateY(-36%);

		-webkit-transform: translateY(-36%);

	}

		.event-arrived h3{

			font-size: 22px;

			color: #fff;

			margin: 0 0 14px;

		}

		.event-arrived h3:last-child{

			margin: 0;

		}

		.event-arrived p{

			margin: 0 0 14px;

			font-weight: normal;

			text-transform: capitalize;

		}

	.event-ticket-link {

	    left: 0;

	    right: 0;

	    bottom: 0;

	    color: #fff;

	    width: 150px;

	    height: 75px;

	    margin: 0 auto;

	    position: absolute;

	    text-align: center;

	    padding: 10px 0 0 0;

	    border-radius: 150px 150px 0px 0;

	}

		.event-ticket-link  em{

			float: left;

			width: 100%;

			font-size: 14px;

			margin: 0 0 5px;

			font-style: normal;

			line-height: normal; 

		}

		.event-ticket-link span{

			width: 100%; 

			float: left;

			font-size: 24px;

		}



/*

	  ==============================================================

		STAFF SECTION CSS START #STAFF SECTION

	  ==============================================================

*/

.chr-staff-thumb{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	text-align: center;

}

.chr-staff-thumb:hover{

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.03);

}

	.chr-staff-thumb figure{

		z-index: 1;

	}

		.chr-staff-thumb figure::before{

			left: 0;

			right: 0;

			bottom: 0;

			top: 25px;

			opacity: 0;

			content: "";

			position: absolute;

		}

		.chr-staff-thumb:hover figure::after{

			opacity: 0;

		}

		.chr-staff-thumb:hover figure::before{

			opacity: 0.9;

		}

		.chr-staff-thumb figure img{

			float: none;

			width: auto;

			display: inline-block;

		}

	.chr-staff-thumb .p-middel{

		left: 0;

		right: 0;

		opacity: 0;

		width: 80%;

		margin: 20px auto 0;

		transition: all 0.3s ease-in-out;

		-o-transition: all 0.3s ease-in-out;

		-ms-transition: all 0.3s ease-in-out;

		-moz-transition: all 0.3s ease-in-out;

		-webkit-transition: all 0.3s ease-in-out;

	}

	.chr-staff-thumb:hover .p-middel{

		opacity: 1;

		margin-top: 0;

	}

		.chr-staff-thumb .p-middel p{

			margin: 0 0 13px;

		}

		.chr-staff-thumb .p-middel p,

		.chr-staff-thumb .p-middel .chr-social li a{

			color: #fff;

		}

	.chr-staff-thumb figure .chr-social li a{

		border-color: #fff;	

	}

	.chr-staff-thumb figure .chr-social li a:hover{

		background:#fff;

		border-color: #fff; 

	}

	.chr-staff-thumb  .text{

		padding: 11px 15px 8px;

	}

		.chr-staff-thumb .title{

			margin: 0 0 3px;

		}

		.designation{

			float: left;

			width: 100%;

		}

/*

	  ==============================================================

		MASONRY GALLERY SECTION CSS START #MASONRY SECTION

	  ==============================================================

*/

.masonry.row{

	float: none;

	width: inherit;

}

.masonry{

	margin: 0;

	padding: 0;

	list-style: none;

}

.padding5{

	margin: 0 0 25px;

}

.padding5 [class*="col-md"]{

	padding: 0 5px;

}

.padding5 .mix{

	margin: 0 0 10px;

}

.port-filter{

	padding: 0;

	float: left;

	width: 100%;

	margin: 0 0 45px;

}

.port-filter li{

	width: auto;

	float: none;

	list-style: none;

	display: inline-block;

}

.port-filter li a{

	float: left;

	width: 100%;

	font-size: 16px;

	line-height: 14px;

	font-weight: bold;

	position: relative;

	letter-spacing: 0.5px;

	text-transform: uppercase;

	font-family: 'Open Sans',Arial, Helvetica, sans-serif;

}

.port-filter li a::before{

	width: 5px;

	float: left;

	color: #000;

	content: "-";

	margin: 0 8px;

	transform: translateY(-10%);

	-o-transform: translateY(-10%);

	-ms-transform: translateY(-10%);

	-moz-transform: translateY(-10%);

	-webkit-transform: translateY(-10%);

}

.port-filter li:first-child a::before{

	display: none;

}

.gallary-thumb{

	float: left;

	width: 100%;

	margin: 0 0 30px;

}

.masonry li .gallary-thumb{

	margin: 0;

}

.gallary-thumb .zoom-icon{

	opacity: 0;

}

.gallary-thumb:hover .zoom-icon{

	opacity: 1;

}

.gallary-thumb .zoom-icon a{

	color: #fff;

	border-color: #fff;

}

.gallary-thumb figure::before{

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	opacity: 0;

	content: "";

	position: absolute;

}

.gallary-thumb:hover figure::before{

	left: 10px;

	right: 10px;

	top: 10px;

	bottom: 10px;

	opacity: 0.8 !important;

}

.port-grid3 .gallary-thumb{

	margin: 0 0 30px;

}

/*

	  ==============================================================

		MASONRY GALLERY SECTION CSS END

	  ==============================================================

*/

/*

	  ==============================================================

		   About Us Section Css Start #ABOUT US SECTION

	  ==============================================================

*/

.chr-about-wrap{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	position: relative;

}

.chr-about-wrap figure{

	outline: 1px solid ;

	outline-offset: -20px;

}

.chr-about-wrap figure::before,

.chr-about-wrap  figure::after{

	top: 20px;

	right: 20px;

}

.chr-about-wrap figure::after{

	left: 20px;

	bottom: 20px;

	top: auto;

}

.chr-about-wrap .title{

	margin: 0px 0 18px 0;

}

.chr-about-wrap p{

	float: left;

	width: 100%;

	margin: 0 0 16px 0;

}

.chr-about-wrap .chr-sr-list{

	margin: 0 0 16px;

}

.chr-about-wrap .chr-sr-list li{

	width: 50%;

}

/*

	  ==============================================================

		   About Us Section Css End

	  ==============================================================

*/

/*

	  ==============================================================

		   Services Tab Section Css Start #SERVICES SECTION

	  ==============================================================

*/

.services-bg{

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-image: url(../images/services-wrap.jpg); 

}

.services-bg::before{

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	content: "";

	opacity: 0.6;

	position: absolute;

	background-color: #000;

}

.services-bg .chr-about-wrap{

	padding: 30px;

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

}

.services-bg .chr-about-wrap .text{

	padding:8px 0px 0;

}

.main-services-tab{

    float: left;

    width: 100%;

    margin:0 0 33px;

    overflow: hidden;

    text-align: center;

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

}

.main-services-tab li{

    float: none;

    width: auto;

    margin:0 -2.2px -6px;

    display: inline-block;

}

.main-services-tab li a{

    float: left;

    width: 100%;

    font-size: 14px;

    font-weight: 600;

    position:relative;

    margin-bottom: 8px;

    padding: 18px 31px 16px;

    text-transform: uppercase;

}

.main-services-tab li a::before{

    left:0;

    right: 0;

    opacity: 0;

    width: 16px;

    height: 8px;

    content: "";

    bottom: -12px;

    margin: 0 auto;

    position: absolute;

    border-top: 8px solid;

    border-right: 8px solid transparent !important;

    border-left: 8px solid transparent !important;

    border-bottom: 4px solid transparent !important;

}

.main-services-tab li.active a::before{

    opacity: 1;

}

.main-services-tab li.active a:hover,

.main-services-tab li:hover a,

.main-services-tab li.active a{

    color: #fff;

}

.aminities-list{

	margin: 0 0 0 -2%;

	float: none;

	width: auto;

}

.aminities-list li{

	float: left;

	width: 23%;

	list-style: none;

	margin: 0 0 30px 2%;

}

.aminities-thumb{

	float: left;

	width: 100%;

    position: relative;

	text-align: center;

	padding: 50px 30px 45px;

	outline: 1px solid #eaeaea;

}

.aminities-thumb:hover{

	outline-offset: -10px;

	outline-color: #fff;

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.03);

}

.aminities-thumb [class*="chricon"],

.aminities-thumb i{

	width: 35px;

	height: 35px;

	font-size: 35px;

	margin: 0 0 24px;

	display: inline-block;

}

.aminities-thumb h6{

	font-size: 18px;

	font-style: italic;

	text-transform: capitalize;

}

.aminities-thumb:hover h6{

	color: #fff;

}

.aminities-list.flex-text{

	float: left;

	width: 100%;

	margin: 0;

	-webkit-flex-flow: row wrap;

  	justify-content: space-around;

}

.aminities-list.flex-text li{

	margin: 0 0 30px;

	max-width: 23%;

	min-width: 23%;

}

/*

	  ==============================================================

		   Services Tab Section Css End

	  ==============================================================

*/

/*

	  ==============================================================

		   Hotel Testimonial Section Css Start #TESTIMONIAL SECTION

	  ==============================================================

*/

.hotel-testimonial-bg {

	position: relative;

	background-size: cover;

	background-position: center;

	/*background-attachment: fixed;*/

	background-repeat: no-repeat;

	background-image:url(../images/testimonial-bg.jpg);  

}

.hotel-testimonial-bg::before{

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	content: "";

	opacity: 0.75;

	position: absolute;

	background-color: #000;

}

.hotel-testimonial-thumb{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	position: relative;

}

.hotel-testimonial-thumb .text{

	margin:0 0 30px;

	padding:22px 30px 23px;

	border-width:1px;

	border-style: solid;

	background-color: rgba(255,255,255,0.09);

}

.hotel-testimonial-thumb .text::before{

    left: auto;

    right: 25px;

    width: 16px;

    height: 8px;

    content: "";

    bottom: -12px;

    position: absolute;

    border-width: 8px 8px 4px;

    border-style:solid;

    border-bottom-color:transparent !important;	

    border-right-color:transparent !important;	

    border-left-color:transparent !important;	

}

.hotel-testimonial-thumb .text p{

	margin: 0 0 12px;

}

.hotel-testimonial-thumb figure{

	float: right;

	width: 70px;

	height: 70px; 

	margin: 0 0 0 20px;

	border-radius: 100%;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

}

.hotel-testimonial-thumb figure img{

	border-radius: 100%;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

}

.hotel-testimonial-thumb .user-th{

	width: auto;

	float: right;

	padding: 0 0px;

	text-align: right;

}

.hotel-testimonial-thumb .user-th .overflow-text{

	float: left;

	padding: 18px 0 14px;

	display: inline-block;

}

.rating-thumb{

	float: left;

	width: 100%;

}

.rating-thumb label{

	float: none;

	width:auto;

	font-size: 16px;

	line-height: 13px;

	margin: 0 10px 0 0;

	display: inline-block;

	text-transform: capitalize;

}

.hotel-testimonial-thumb  .rating_down{

	margin-top: 3px; 

}

.hotel-testimonial-thumb label,

.hotel-testimonial-thumb .title a,

.hotel-testimonial-thumb .sub-title,

.hotel-testimonial-thumb p{

	color: #fff;

}

.hotel-testimonial .slick-prev {

    left: -61px;

}

.hotel-testimonial .slick-next {

    right: -61px;

}

/*

	  ==============================================================

		   Hotel Testimonial Section Css End

	  ==============================================================

*/



/*

	  ==============================================================

		   Brand Slider Section Css Start #BRAND SECTION

	  ==============================================================

*/

.brnd-slider-wrap{

    float: left;

    width: 100%;

}

.brnd-slider-wrap .slick-list{

    padding: 0 !important;

}

.brnd-slider .slick-slide{

    padding: 0 15PX;

}

.brnd-slider .thumb{

    opacity: 0.7;

    margin: 30px 0;

    text-align: center;

    border:1px solid #ececec;

    transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.brnd-slider .thumb:hover,

.brnd-slider .slick-center .thumb{

    opacity: 1;

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.050); 

}

.brnd-slider .thumb{

	float: left;

	width: 100%;

	text-align: center;

}

.brnd-slider .thumb img{

    float: none;

    width: auto;

    max-height: 60px;

    display: inline-block;

    transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

/*

	  ==============================================================

		   Brand Slider Section Css End

	  ==============================================================

*/



/*

	  ============================================================

		  Sub Banner Css Start

	  ============================================================

*/

.chr-sub-banner {

	float: left;

	width: 100%;

    position: relative;

    padding: 229px 0 93px;

    background-size: cover;

    background-image: url(../images/sub-banner.jpg);

	

}

	.chr-sub-banner * {

	    z-index: 1;

	    position: relative;

	}

	.chr-sub-banner::before {

	    top: 0;

	    left: 0;

	    right: 0;

	    bottom: 0;

	    content: "";

	    opacity: 0.65;

	    background-color: #000;

	    position: absolute;

	}

		.chr-sub-banner h5 {

		    color: #fff;

		    font-size: 30px;

		    margin: 0 0 6px;

		}

		.breadcrumb {

		    margin: 0;

		    padding: 0;

		    width: 100%;

		    background: transparent;

		}

			.breadcrumb > li + li::before,

			.breadcrumb > li a,

			.breadcrumb > li {

			    color: #fff;

			    line-height: 14px;

			    width: auto;

			}

/*

      ============================================================

         About Us Page Start #ABOUT US PAGE

      ============================================================

*/

.aboutus-2{

	float: left;

	width: 100%;

	margin: 0 0 30px;

}

.aboutus-2 .headind-1{

	margin-bottom: 33px; 

}

.aboutus-2 figure{

	padding: 0 0 135px 30px;

}

.aboutus-2 figure .p-middel{

	left: 0;

	top:auto;

	bottom: 0;

	width: auto;

	transform: translateY(0);

	-o-transform: translateY(0);

	-ms-transform: translateY(0);

	-moz-transform: translateY(0);

	-webkit-transform: translateY(0);

}

.aboutus-2 .text p{

	width: 100%;

	float: left;

	margin: 0 0 16px;

}

.aboutus-2 .text .chr-btn{

	margin: 0 0 22px;

}

.aboutus-2 .text .chr-btn:last-child{

	margin: 0;

}

.aboutus-2 .text p:last-of-type{

	margin-bottom: 23px;

}

/*Weather Widget Css Start*/

.weather{

	float: left;

	width: 100%;

}

.weather-inner{

	float: left;

	width: auto;

}

.weather *{

	float: left;

	width: auto;

	height: 30px;

	line-height: 26px;

}

.weather-inner{

	color: #666;

	font-size: 30px;

	margin: 0 40px 0 0;

}

.weather-inner span{

	color: #333;

	font-size: 16px;

	margin: 0 40px 0 0;

	text-transform: capitalize;

}

.weather-inner i {

    height: 30px;

    font-size: 40px;

    margin: -3px 10px 0 0;

}

.time{

	font-size: 18px;

}

.time i{

	margin: 0px 10px 0 0;

}

/*Weather Widget Css End*/

.about-video-bg{

	position:relative;

}





.about-video{

	width: 1000px;

    position: absolute;

    bottom: 80px;

    left: 175px;

	}



/*

      ============================================================

         About Us Page End #About Us Page

      ============================================================

*/



/*

      ============================================================

         Mebership Page Start #Mebership 

      ============================================================

*/

   .membership-2{

	float: left;

	width: 100%;

	margin: 0 0 30px;

}

.membership-2 .headind-1{

	margin-bottom: 33px; 

}



/*

      ============================================================

         Mebership Page End #Mebership 

      ============================================================

*/





/*

      ============================================================

          Room List Page Start #Room List Page

      ============================================================

*/

.room-list-view{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	padding: 30px 0 30px 30px;

}

.room-list-view:hover{

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.09);

}

.room-list-view figure{

	width: 270px;

}

.room-list-view:hover figure img{

	opacity: 0.5;

	transform: scale(1.1) rotate(5deg);

	-o-transform: scale(1.1) rotate(5deg);

	-ms-transform: scale(1.1) rotate(5deg);

	-moz-transform: scale(1.1) rotate(5deg);

	-webkit-transform: scale(1.1) rotate(5deg);

}

.room-list-view .overflow-text{

	padding: 23px 0 23px 25px;

	text-emphasis:dot;

}

.room-list-view .text {

    width: auto;

    float: left;

    width: 76%;

    padding: 0 25px 0 0;

}

.room-list-view .title{

	margin: 0 0 9px;

}

.room-list-view p{

	margin: 0;

}

.chr-rating{

	float: left;

	width: 100%;

	margin: 0 0 5px;

}

.chr-rating span{

	float: left;

	margin: 0 10px 0 0px;

}

.chr-price-thumb{

	float: right;

	width: 24%;

	text-align: center;

	padding:18px 0px 21px;

	border-left: 1px solid #d5d5d5;

}

.chr-price-thumb h6{

	float: left;

	width: 100%;

	font-size: 25px;

	margin: 0 0 26px;

}

.chr-price-thumb h6 span{

	float: left;

	width: 100%;

	font-size: 16px;

}

/*

      ============================================================

          Room List Page End #Room List Page

      ============================================================

*/

/*

      ============================================================

          Room Detail Page Start #Room Detail Page

      ============================================================

*/

.room-detail-slider{

	float: left;

	width: 100%;

	margin: 0 0 35px;

	position: relative;

}

.room-detail-slider .slider-for .slick-list{

	margin: 0;

}

.room-detail-slider .slider-for{

	margin: 0 0 10px;

}

.room-detail-slider .slider-nav .slick-list{

	margin: 0 -3px;

	padding: 0 !important;

}

.room-detail-slider .slider-nav .slick-slide{

	padding: 0 5px;

}

.room-detail-slider .slider-nav figure::before{

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	content: "";

	border-width:0px;

	border-style: solid;

}

.room-detail-slider .slider-nav .slick-current figure::before{

	border-width: 4px;

}

.room-detail-caption{

	float: left;

	width: 100%;

	margin: 0 0 11px;

}

.room-detail-caption .heading-title{

	margin: 0 0 17px;

}

.room-detail-caption p{

	margin: 0 0 17px;

}

.room-facilities{

	float: left;

	width: 100%;

	margin: 0 0 9px;

}

.room-facilities .heading-title{

	margin: 0 0 24px;

}

.room-related{

	float: left;

	width: 100%;

}

.room-related .heading-title{

	float: left;

	width: 100%;

	margin: 0 0 24px;

}

/*

      ============================================================

          Room Detail Page End #Room Detail Page

      ============================================================

*/

/*

      ============================================================

          Services Thumb Page Start #Services Thumb Page

      ============================================================

*/

.chr-services{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	text-align:center; 

}

.chr-services .text{

	border-width: 1px;

	position: relative;

	border-style: solid;

	padding: 10px 0 8px;

	border-color: #e3e3e3;

}

.chr-services .title{

	font-size: 18px;

	font-weight: 500;

	margin:  0 0 4px;

}

.chr-services .text p{

	margin: 0;

}

/*

      ============================================================

          Services Thumb Page End #Services Thumb Page

      ============================================================

*/

/*

	  ==============================================================

		   Blog Small Page Css Start #BLOG SMALL PAGE

	  ==============================================================

*/

.chr-blog-small{

	float: left;

	width: 100%;

	margin: 0 0 30px;

}

.gray-bg .chr-blog-small{

	background-color:#fff; 

}

.chr-blog-small figure::before{

	position: absolute;

	top: 0px;

	right: 0;

	left: 0;

	bottom: 0;

	content: "";

	opacity: 0;

}

.chr-blog-small:hover figure::before{

	left: 10px;

	right: 10px;

	top: 10px;

	bottom: 10px;

	opacity: 0.9;

}

.chr-blog-small figure .s-date-box{

	bottom: 0;

	left: 30px;

	position: absolute;

}

.chr-blog-small:hover{

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15);

}

.chr-blog-small:hover .s-date-box{

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);

}

.chr-blog-small .text{

	padding: 27px 20px 21px;

	/*min-height: 325px;

    max-height: 325px;*/

}

.chr-blog-small .title{

	margin: 0 0 14px;

}

.chr-blog-small .blog-meta{

	margin: 0 0 11px;

	width: 100%;

}

.chr-blog-small .blog-meta li{

	margin: 0 5px;

}

.chr-blog-small p{

	margin:  0 0 11px;

}

/*

	  ==============================================================

		   Blog Small Page Css End

	  ==============================================================

*/

/*

      ============================================================

          Blog Detail Page Start #Blog Detail Page

      ============================================================

*/

.chr-blog-detail{

	float: left;

	width: 100%;

	margin: 0 0 34px;

	border: none !important;

	background-color: transparent;

}

.chr-blog-detail > figure{

	margin: 0 0 24px;

}

.blog-detail-thumb{

	float: left;

	width: 100%;

	margin: 6px 0 23px;

}

.blog-detail-thumb figure::before{

	display: none;

}

.chr-blog-detail:hover{

	box-shadow: none;

}

.chr-blog-detail .title{

	font-size: 24px;

	margin: 0 0 12px;

}

.chr-blog-detail .text{

	padding: 0;

}

.chr-blog-detail .text p{

	margin:0px 0 17px;

}

.chr-blog-detail .text p:last-of-type{

	margin: 0 0 24px;

}

.chr-blog-detail .blog-meta{

	margin: 0 0 21px;

}

blockquote{

	float: left;

	width: 100%;

	border:none; 

	margin:6px 0 24px;

	padding: 59px 115px;

	position: relative;

	/* background-color: #f5f5f5; */

}

blockquote::after,

blockquote::before{

	top: 30px;

	left: 30px;

	width: 30px;

	height: 30px;

	color: #d8d8d8;

	font-size: 30px;

	content: "\f10d";

	line-height: 30px;

	position: absolute;

	text-align: center;

	font-family: 'fontawesome';

}

blockquote::before{

	top: auto;

	left: auto;

	right: 30px;

	bottom: 30px;

	content: "\f10e";

}

blockquote p{

	font-size: 16px;

	margin: 0 !important;

	text-transform: capitalize;

}

.chr-social-wrap{

	float: left;

	width: 100%;

	padding: 15px 15px 10px;

	border:1px solid #e9e9e9;

}

.chr-social-wrap .chr-social li a{

	border-radius: 0;

}

.page-navigation{

	float: right;

	width: auto;

	padding: 7px 0;

}

.page-navigation a{

	float: left;

	width: auto;

	font-size: 16px;

	line-height: normal;

	margin: 0 0 0 40px;

}

.page-navigation a:first-child{

	margin: 0;

}

.page-navigation a:first-child i{

	margin-right: 15px;

}

.page-navigation a:last-child i{

	margin-left: 15px;

}

/*Comment Start*/

.chr-comment-wrap{

	float: left;

	width: 100%;

	margin: 0 0 34px;

}

.chr-comment-wrap .heading-title{

	margin: 0 0 24px;

}

.comment .children,

.comment{

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

	list-style: none;

}

.comment .children{

	padding: 0 0 0 50px;

}

.comment .children > li,

.comment > li{

	float: left;

	width: 100%;

	margin:30px 0 0; 

}

.comment > li:first-child{

	margin: 0;

}

.comment-thumb{

	float: left;

	width: 100%;

	border:1px solid #ececec;

}

.comment-thumb figure{

	width: 140px;

}

.comment-thumb .text{

	float: none;

	width: auto;

	overflow: hidden;

	padding: 13px 30px;

}

.comment-thumb .title{

	font-size: 18px;

	margin: 0 0 9px;

}

.comment-thumb .title span{

	float: right;

	font-size: 14px;

	line-height: 18px;

	font-weight: normal;

}

.comment-thumb p{

	margin: 0 0 9px;

}

.comment-reply-link{

	font-size: 14px;

	line-height: 14px;

	position: relative;

	text-transform: capitalize;

}

.comment-reply-link::before{

	content: "\f112";

	line-height: 14px;

	margin: 0 10px 0 0;

	font-family: 'fontawesome';

}

/*Comment Form*/

.comment-form{

	float: left;

	width: 100%;

}

.comment-form .heading-title{

	margin: 0 0 24px;

}

.comment-form .input-field{

	margin: 0 0 30px;

}

.blog-slider{

	float: left;

	width: 100%;

	margin: 0;

}

.blog-slider .slick-list{

	margin: 0;

}

.blog-slider figure::before{

	display: none;

}

/*

      ============================================================

          Blog Detail Page End #Blog Detail Page

      ============================================================

*/

/*

      ============================================================

          Event Detail Page Start #Event Detail Page

      ============================================================

*/

.event-detail-info{

	float: left;

	width: 100%;

	margin: 0 0 34px;

}

.widget-event-info{

	float: left;

	width: 100%;

	padding: 5px 25px;

	border:1px solid #e9e9e9;

}

.event-detail-info .heading-title{

	margin: 0 0 24px;

}

.widget-event-info .text{

	float: left;

	width: 100%;

	padding: 16px 0 14px;

	border-bottom:1px solid #e9e9e9; 

}

.widget-event-info .text:last-child{

	border:none;

}

.widget-event-info .title{

	font-size: 18px;

	margin: 0 0 4px;

}

.widget-event-info .title i{

	margin: 0 10px 0 0;

}

.widget-event-info .text p{

	margin: 0 0 3px;

}

.widget-event-info .text p:last-child{

	margin: 0;

}

.event-detail-info .room-detail-caption{

	margin: 0;

}

.event-detail-info .room-detail-caption p:last-child{

	margin: 0;

}

/*

      ============================================================

          Event Detail Page End #Event Detail Page

      ============================================================

*/

/*

      ============================================================

          Event Small Page Start #Event Small Page

      ============================================================

*/

.event-small .blog-meta:last-child{

	margin: 0;

}

.event-small .blog-meta li{

	margin: 0;

	padding: 0 10px;

}

.event-small .blog-meta li:first-child{

	padding-left:0; 

}

.event-small .blog-meta li:last-child{

	padding-right:0; 

}

.event-small .blog-meta li::before{

	float: left;

	content: "|";

	margin: 0 0 0px;

	position: absolute;

	left: -5px;

}

.event-small .blog-meta li:first-child::before{

	display: none;

}

.event-small .blog-meta li a{

	font-size:12px; 

}

.event-small .blog-meta li a i{

	margin: 0 10px 0 0;

}

.col-md-8 .col-md-6 .event-small .blog-meta li{

	font-size: 14px;

}

/*

      ============================================================

          Event Small Page End #Event Small Page

      ============================================================

*/

/*

      ============================================================

          Event List Page Start #Event List Page

      ============================================================

*/

.event-list figure{

	width: 217px;

	margin: 0 0px 0 0; 

}

.event-list .text{

	float: none;

	overflow: hidden;

	width: auto;

	padding:32px 20px 26px;

}

.event-list .title{

	font-size: 20px;

}

.event-list .text .blog-meta:last-child{

	margin: 0;

}

/*

      ============================================================

          Login Page Start #Login Page

      ============================================================

*/

.chr-login{

	float: left;

	width: 100%;

	margin: 0 0 30px;

	padding: 30px 30px;

	text-align: center;

	border:1px solid #e6e6e6;

	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.08);

}

.chr-login .input-field label{

	margin: -3px 0 12px;

	text-transform: capitalize;

}

.chr-login .input-field{

	margin: 0 0 30px;

}

.chr-login .input-field input{

	text-align: center;

}

.chr-login .readmore-btn::before{

	display: none;

}

.chr-login .headind-1 .title{

	font-size:28px; 

}

/*

      ============================================================

          Login Page End #Login Page

      ============================================================

*/

/*

      ============================================================

          Contact Us Page Start #Contact Us Page

      ============================================================

*/

.chr-contact-wrap{

	border-bottom: 1px solid #f7f7f7;

}

.chr-contact-thumb{

	float: left;

	width: 100%;

	text-align:center;

	margin: 0 0 30px;

	padding: 30px 0 24px;

}

.chr-contact-thumb i{

	float: none;

	width: 65px;

	color: #333;

	height: 65px;

	font-size: 20px;

	border:1px solid;

	margin: 0 0 15px;

	line-height: 65px;

	text-align: center;

	border-radius: 100%;

	display: inline-block;

}

.chr-contact-thumb .title{

	margin: 0 0 8px;

}

.chr-contact-thumb p:last-child{

	margin: 0;

}

.chr-contact-thumb:hover *{

	color: #fff;

	border-color: #fff;

}

.contact-form .input-field{

	margin: 0 0 30px;

}

.contact-form .input-field textarea{

	min-height: 200px;

	color:#ffb018;

}

.contact-form .input-field textarea:focus{

	border-color: #ffb018;

}

.chr-map{

	float: left;

	width: 100%;

}

.chr-map #map-canvas,

.chr-map #map{

	width: 100%;

	float: left;

	min-height: 550px;

}

/*

      ============================================================

          Contact Us Page End #Contact Us Page

      ============================================================

*/

/*

      ============================================================

          Coming Soon Page Start #Coming Soon Page

      ============================================================

*/

.comingsoon-page{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    position: fixed;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url('extra-images/comingsoon.jpg');

}

.comingsoon-page::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    opacity: 0.55;

    position: absolute;

    background-color: #000;

}

.comingsoon-page > .container{

    right:0;

    left: 0;

    top: 50%;

    text-align: center;

    position: absolute;

    transform:translateY(-50%);

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

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

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

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

}

.comingsoon-page form{

	width: 400px;

	display: block;

	margin: 0 auto;

}

.comingsoon-page p{

	font-size: 24px;

	margin: 0 0 20px;

}

.comingsoon-page h4{

	font-size: 36px;

	margin: 0 0 26px; 

}

.comingsoon-page .input-field input[type="text"]::-moz-placeholder{

	color: #fff;

}

.comingsoon-page .input-field input[type="text"]::-webkit-input-placeholder{

	color: #fff;

}

.comingsoon-page .input-field input[type="email"]::-moz-placeholder{

	color: #fff;

}

.comingsoon-page .input-field input[type="email"]::-webkit-input-placeholder{

	color: #fff;

}

.comingsoon-page .input-field .search_icon input[type="submit"]{

	font-size: 16px;

	padding: 0;

	line-height: 14px;

}

.comingsoon-page .input-field .search_icon{

	top: 50%;

	height: auto;

	bottom: auto;

	transform: translateY(-50%);

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

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

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

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

}

.comingsoon-page .input-field .search_icon::before{

	display: none;

}

.comingsoon-page h4,

.comingsoon-page p

{

    color: #fff;

    line-height: normal;

}

.comingsoon-page .countdown{

	padding:50px 0 0;

}

/*Coming Soon 2 Css Start*/

.comingsoon-page-2{

	background-size: 50% 100%;

	background-position: left center;

	background-image:url(extra-images/404.jpg); 

}

.comingsoon-page-2::before{

	width: 50%;

}

.comingsoon-page-2 .container{

	width: 50%;

}

.comingsoon-page-2 .container:first-child{

	left: 0;

	right: auto;

}

.comingsoon-page-2 .container:last-child{

	left: auto;

	right: 0;

}

.comingsoon-page-2 .countdown{

	padding: 0;

}

/*

      ============================================================

          Coming Soon Page End #Coming Soon Page

      ============================================================

*/



/*

      ============================================================

          404 Page Start #404 Page

      ============================================================

*/

.error-page{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    position: fixed;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url('extra-images/404.jpg');

}

.error-page::before{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    content: "";

    opacity: 0.55;

    position: absolute;

    background-color: #000;

}

.error-page > .container{

    right:0;

    left: 0;

    top: 50%;

    text-align: center;

    position: absolute;

    transform:translateY(-50%);

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

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

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

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

}

.error-page-inner{

    float: left;

    width: 100%;

}

.error-page h5{

	margin: 0 0 5px;

}

.error-page .form-title,

.error-page h6{

    font-size: 24px;

}

.error-page p{

    color: #fff;

    font-size: 24px;

    margin: 0 0 34px;

    line-height: normal;

}

.error-page .form-title,

.error-page h6,

.error-page h5,

.error-page .or,

.error-page h4{

    line-height: normal;

}

.error-page h4{

    margin: 0 0 29px;

}

.error-page h5{

    font-size: 185px;

    line-height: 185px;

    text-shadow:3px 3px 8px rgba(0,0,0,0.75);

}

.error-page form{

	width: 500px;

	display: block;

	margin: 0 auto;

}

.form-title{

	float: left;

	width: 100%;

	margin: 0 0 6px;

}

.error-page .input-field input[type="email"],

.error-page .input-field input[type="text"]{

	border-width:0 0 1px;

}

.error-page .input-field input[type="text"]::-moz-placeholder{

	color: #fff;

}

.error-page .input-field input[type="text"]::-webkit-input-placeholder{

	color: #fff;

}

.error-page .input-field input[type="email"]::-moz-placeholder{

	color: #fff;

}

.error-page .input-field input[type="email"]::-webkit-input-placeholder{

	color: #fff;

}

.error-page .input-field .search_icon input[type="submit"]{

	font-size: 16px;

	padding: 0;

	line-height: 14px;

}

.error-page .input-field .search_icon{

	top: 50%;

	height: auto;

	bottom: auto;

	transform: translateY(-50%);

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

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

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

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

}

.error-page .input-field .search_icon::before{

	display: none;

}

.error-page .chr-btn{

	margin: 0 10px 35px;

}

.error-page .chr-btn:hover{

	color: #fff;

}

.error-page .form-title,

.error-page .chr-btn,

.error-page h6,

.error-page h5,

.error-page .or,

.error-page .input-field input[type="text"],

.error-page .input-field .search_icon input[type="submit"],

.error-page h4{

    color: #fff;

}

/*

      ============================================================

          404 Page End #404 Page

      ============================================================

*/

/*

      ============================================================

          Side Bar Widget Style Start #Side Bar

      ============================================================

*/

.widget-title{

	float: left;

	width: 100%;

	margin: -3px 0 30px;

	position: relative;

}

.widget-title span{

	float: left;

	width: auto;

	position: relative;

	padding: 0 0 23px;

}

.widget-title span::before,

.widget-title span::after{

	position: absolute;

	top: auto;

	right: auto;

	left: 0;

	height: 1px;

	bottom: 0;

	content: "";

	width: 80px;

}

.widget-title span::before{

	bottom: 6px;

	width: 90px;

}

/*Booking Widget Start*/

.booking-form{

	float: left;

	width: 100%;

}

.booking-form .title{

	font-size: 24px;

	text-align: center; 

	padding: 16px 15px 15px;

	border-width:0 0 1px;

	border-style: solid;

}

.booking-form form{

	float: left;

	width: 100%;

	padding: 30px; 

}

.booking-form .input-field{

	margin: 0 0 30px;

}

.booking-form form > .input-field:last-child{

	margin: 0;

}

.booking-form .input-field .chr-btn{

	color: #fff;

	width: 100%;

	border: none;

}

/*Booking Widget End*/

.chr-sidebar .booking-form{

	border-width: 1px;

	border-style: solid;

}

/*Info Widget Start*/

.about-widget .widget-title{

	margin: 0 0 22px;

}

.widget-info{

	float: left;

	width: 100%;

	padding: 26px 30px 27px;

	border:1px solid #ececec;

}

.widget-info p{

	margin: 0 0 13px;

}

.info-list{

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

	list-style: none;

}

.info-list li{

	float: left;

	width: 100%;

	margin: 0 0 12px 0;

}

.info-list li:last-child{

	margin: 0;

}

.info-list li i{

	color: #fff;

	margin: 0 20px 0 0;

}

.widget-info *{

	font-size: 15px;

	line-height: normal;

	text-transform: capitalize;

}

.widget-info.th-bg *{

	color: #fff;

}

/*Info Widget End*/

/*Widget Special Room Start*/

.special-room{

	float: left;

	width: 100%;

	text-align: center; 

	border:6px solid #e6e6e6;

	padding: 19px 25px 21px;

}

.special-room .title{

	font-size: 20px;

	margin: 0 0 20px;

}

.special-room-slider{

	float: left;

	width: 100%;

	margin: 0 0 22px;

}

.special-room-slider.slick-dotted{

	margin: 0 0 22px;

}

.special-room-slider .slick-dots{

	padding: 36px 0 0;

}

.chr-price{

	float: left;

	width: 100%;

	color: #333;

	font-size: 24px;

}

/*Widget Special Room End*/

/*Widget Search Start*/

.widget-search .input-field input[type="text"]{

	padding-right: 80px;

}

.widget-search .input-field .search_icon::after{

	top: 50%;

	left: 0;

	width: 1px;

	right: auto;

	content: "";

	height: 25px;

	position: absolute;

	background-color: #dbdbdb;

	transform: translateY(-50%);

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

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

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

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

}

.widget-search .input-field .search_icon::before{

	content: "\f002";

}

/*Widget Search End*/

/*Widget Event Start*/

.widget-event-thumb .title{

	font-size: 16px;

	margin: 0 0 10px;

}

.widget-event-thumb{

	float: left;

	width: 100%;

	padding: 15px 0;

	border-bottom:1px solid #dbdbdb;

}

.widget-event-thumb:last-child{

	border:none;

}

.widget-event-thumb figure{

	max-width: 102px;

	min-width: 102px;

	margin: 0 20px 0 0;

}

.widget-event-thumb p{

	margin: 0 0 12px;

}

.widget-event-thumb .blog-meta li{

	margin: 0;

	font-size: 12px;

	padding: 0 10px;

}

.widget-event-thumb .blog-meta li:first-child{

	padding-left:0; 

}

.widget-event-thumb .blog-meta li:last-child{

	padding-right:0; 

}

.widget-event-thumb .blog-meta li::before{

	left: -5px;

	float: left;

	content: "|";

	margin: 0 0 0px;

	position: absolute;

}

.widget-event-thumb .blog-meta li:first-child::before{

	display: none;

}

.widget-event-thumb .blog-meta li a i{

	margin: 0 10px 0 0;

}

/*Widget Event End*/

.widget_archive,

.widget-recent-post,

.widget-event{

	margin: 0 0 15px;

}

.widget-recent-post p{

	margin: 0;

}

/*Widget Tags Css Start*/

.tagcloud{

	margin: 0 0 0 -8px;

}

.tagcloud a {

    float: left;

    width: auto;

    color: #333;

    padding: 5px 13.5px;

    margin: 0 0 8px 8px;

    border:1px solid #333;

    text-transform: capitalize;

    font-size: 14px !important;

    background-color: transparent;

}

.tagcloud a:hover{

	color: #fff;

	background-color: #333;

}

/*Widget Tags Css End*/

/*Widget About*/

.about-text{

	float: left;

	width: 100%;

	margin: 0 0 18px;

}

.about-text:last-child{

	margin: 0 0 0px;

}

.about-text span{

	float: left;

	width: 42px;

	height: 42px;

	color: #fff;

	line-height: 42px;

	text-align: center;

	margin: 0 30px 0 0;

}

.about-text .overflow-text{

	padding: 2px 0 0;

}

.about-text address,

.about-text a{

	display: block;

	width: 100%;

	color: #333;

	margin: 0 0 7px;

	line-height: 1.1;

	font-style: normal;

}

.about-text address{

	line-height: 20px;

}

.about-text address:last-child,

.about-text a:last-child{

	margin: 0;

}

.about-widget .text > p{

	margin: 0 0 18px;

}

/* #FLICKR FEEDS WIDGET **/

ul#flickr-feeds {

	margin:0 0 0 -15px;

	padding:0;

}

ul#flickr-feeds li {

  float: left;

  width: auto;

  margin: 0 0 15px 15px;

  display: inline-block;

} 

ul#flickr-sfeeds li img {

	height: 75px;

	width: 75px;

}

/* #TWITTER TWEETS WIDGET **/

.tweet_list{

	float: left;

	width: 100%;

	margin: 0;

	padding: 0;

	position: relative;

}

.tweet_list li{

	margin: 0 0 20px;

	float: left;

	width: 100%;

	list-style: none;

	padding: 0 0 0 30px;

	position: relative;

	line-height: normal;

	text-transform: capitalize;

}

.tweet_list li i{

	float: left;

	min-width: 20px;

	max-width: 20px;

	height: 20px;

	color: #fff;

	line-height: 20px;

	text-align: center;

	margin: 0 0px 0 0;

	position: absolute;

	left: 0;

	top: 0;

}

.tweet_list li a{

	margin: 0 5px;

	border-bottom:1px solid;

}

/*

      ============================================================

          Side Bar Widget Style End

      ============================================================

*/

/*

      ============================================================

          FOOTER SECTION START #FOOTER SECTION

      ============================================================

*/

.hotel-footer{

	float: left;

	width: 100%;

	background-color: transparent;

    background-image: linear-gradient(145deg,#3232e8 47%,#d4cbb0 100%);

}

}

.hotel-footer .about-text address,

.hotel-footer .about-text a,

.hotel-footer *{

	color: #fff;

}

.osr-copyright{

    float: left;

    width: 100%;

    text-align: center;

    padding: 25px 0 23px;

}

.osr-copyright p{

    margin: 0;

    float: left;

    width: 100%;

    font-size: 14px;

    text-align: center;

    line-height: normal;

}

.osr-copyright p a,

.osr-copyright.th-bg p{

	color: #fff;

}

.osr-copyright p a{

}

/*

      ============================================================

          FOOTER SECTION END #FOOTER SECTION

      ============================================================

*/

/*

      ============================================================

          WIDGET CSS START #WIDGET CSS

      ============================================================

*/



.widget {

    float: left;

    width: 100%;

    margin: 0 0 30px;

}

.widget > .title {

    font-size: 20px;

}

.widget_categories {

    margin: 0 0 15px;

}

.widget_tag_cloud > .title,

.widget-event > .title,

.widget_archive > .title,

.widget-recent-post > .title,

.widget_categories > .title {

    margin: -6px 0 10px;

}

.widget_tag_cloud > .title {

    margin-bottom: 30px;

}

.widget_rss,

.widget_meta,

.widget_pages,

.widget_archive,

.widget_nav_menu,

.widget_categories,

.widget_recent_comments,

.widget_recent_entries {

    float: left;

    width: 100%;

}

.widget_rss ul,

.widget_meta ul,

.widget_pages ul,

.widget_archive ul,

.widget_nav_menu ul,

.widget_categories ul,

.widget_recent_comments ul,

.widget_recent_entries ul {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

    list-style: none;

}

.widget_rss ul li,

.widget_meta ul li,

.widget_pages ul li,

.widget_archive ul li,

.widget_nav_menu ul li,

.widget_categories ul li,

.widget_recent_comments ul li,

.widget_recent_entries ul li {

    float: left;

    width: 100%;

    text-align: right;

    padding: 11px 0 0px;

    border-width: 1px 0 0px;

    border-style: solid;

    border-color: #e6e6e6;

}

.widget_rss > ul > li:first-child,

.widget_meta > ul > li:first-child,

.widget_pages > ul > li:first-child,

.widget_archive > ul > li:first-child,

.widget_nav_menu > ul > li:first-child,

.widget_categories > ul > li:first-child,

.widget_recent_comments > ul > li:first-child,

.widget_recent_entries > ul > li:first-child {

    border-width: 0;

}

.widget_rss ul li a,

.widget_meta ul li a,

.widget_pages ul li a,

.widget_archive ul li a,

.widget_nav_menu ul li a,

.widget_categories ul li a,

.widget_recent_comments ul li a,

.widget_recent_entries ul li a {

    float: left;

    width: auto;

    font-size: 14px;

    margin: 0 0 11px;

    text-align: left;

    position: relative;

    font-weight: normal;

    line-height: normal;

    text-transform: capitalize;

}

.widget_rss ul li,

.widget_meta ul li,

.widget_pages ul li,

.widget_archive ul li,

.widget_nav_menu ul li,

.widget_categories ul li,

.widget_recent_comments ul li,

.widget_recent_entries ul li,

.widget_rss ul li a,

.widget_meta ul li a,

.widget_pages ul li a,

.widget_archive ul li a,

.widget_nav_menu ul li a,

.widget_categories ul li a,

.widget_recent_comments ul li a,

.widget_recent_entries ul li a {

    color: #333;

}

.widget_categories ul li a::before {

    content: "\f101";

    margin-right: 10px;

    color: currentColor;

    display: inline-block;

    font-family: "FontAwesome";

}

.widget_rss ul .children,

.widget_meta ul .children,

.widget_pages ul .children,

.widget_archive ul .children,

.widget_nav_menu ul .children,

.widget_categories ul .children,

.widget_recent_comments ul .children,

.widget_recent_entries ul .children {

    padding-left: 15px;

    margin: 5px 0 0

}

.widget_archive li:hover,

.widget_categories li:hover {

    padding-left: 5px;

    padding-right: 5px;

}

.widget_archive li:hover,

.widget_archive li:hover a,

.widget_categories li:hover,

.widget_categories li:hover a {

    color: #fff;

}

.booking-form {

    float: left;

    width: 100%;

}

/*

      ============================================================

          WIDGET CSS End #WIDGET CSS

      ============================================================

*/

#loader-overflow{display:none;}

/* #PRELOADER  ============================================== */

/* This only works with JavaScript, 

if it's not present, don't show loader */

#loader-overflow{

  display:block;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  /* background: #fefefe; */

  z-index: 99999;	

}

.loader-cont{

  position: absolute;

  top: 50%;

  left: 50%;

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

}

#loader3 {

  will-change: transform;

  width: 40px;

  height: 40px;

  margin: -20px 0 0 -20px;

  background-color: #b6b6b7;

  border-radius: 50%;  

  -webkit-animation: scaleout 1.1s infinite ease-in-out;

  animation: scaleout 1.1s infinite ease-in-out;

  text-indent: -99999px;

  z-index: 999991;

}

@-webkit-keyframes scaleout {

  0% { 

    transform: scale(0);

    -webkit-transform: scale(0);

  }

  100% {

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

    opacity: 0;

  }

}

@keyframes scaleout {

  0% { 

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }

  40% {

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(1.0);

    -moz-transform: scale(1.0);

    -ms-transform: scale(1.0);

    -o-transform: scale(1.0);

    transform: scale(1.0);

    opacity: 0;

  }

}

#notification_container{

    position: fixed;

    top: 50%;

    left: 0;

    right: 0;

    width: 320px;

    text-align: center;

    margin: 0 auto;

    z-index: 99;

}

#intro-video .modal-content{

    background: transparent;

    box-shadow: none;

    border: none;

}

#intro-video .close{

	right: 0;

	top: -3px;

	opacity: 1;

	color: #fff;

	z-index: 10;

	position:absolute;

}





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



						   policy start





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



.policy{

	}

.policy p{

	font-size:14px;

	color:#333;

	line-height:25px;

	font-family:Georgia, "Times New Roman", Times, serif;

	}	

	

.policy-heading{

	}

.policy-heading h2{

	font-size:20px;

	text-transform:capitalize;

	color:#000;

	padding-bottom:20px;

	font-family:Georgia, "Times New Roman", Times, serif;

	}

.policy-link{

	}

.policy-link ul{

	list-style-type:none;

	}

.policy-link ul li{

	display:list-item;

	line-height:30px;

	}

.policy-link ul li a{

	font-size:16px;

	color:#fff;

	text-transform:capitalize;

	font-family:Georgia, "Times New Roman", Times, serif;

	}

.contact-address-size{

	width:100%;

	height:205px;

	padding:20px 20px;

	}								



.destination-section-content{

	}

.destination-section-content p{

	font-size:24px;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-top: 320px;

	}	

.our-services-space{

	}

.our-services-space img{

	width:100%;

	height:357px;

	}

.testimonial-box-size{

	min-height:150px;

	max-height:150px;

	}

.zoom-destination-section{

	margin:5px 0px;

	}	

.zoom-destination{

	position: relative;

    overflow: hidden;

    margin: 0px 0px;

	}	

.news-link{

	float:right;

	}

.news-link a{

	font-size: 26px;

    color: #000;

    text-transform: inherit;

    background-color: #f0bf0d;

    padding: 15px 100px;

    font-family: serif;

    text-transform: capitalize;

    letter-spacing: 1px;

    border-radius: 50px;

	}

.news-link a:hover{

    background-color: #39e20e;

	color:#fff;

	}

.zero{

	padding:0px;

	}

.zero1{

	padding:5px;

	}

	

.popup {

    position: relative;

    display: inline-block;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/* The actual popup */

.popup .popuptext {

    visibility: hidden;

    width: 500px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 8px 40px;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -287px;



}







/* Popup arrow */

.popup .popuptext::after {

    content: "";

    position: relative;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

	z-index:10000;

}



/* Toggle this class - hide and show the popup */

.popup .show {

    visibility: visible;

    -webkit-animation: fadeIn 1s;

    animation: fadeIn 1s;

}



.contact-pop{

	z-index:10000;

	}



.contact-pop-section{

	}

.contact-pop-section input[type="text"]{

	width:100%;

	padding:7px 5px;



	font-size:14px;

	margin:10px 0px;

	}	



/* Add animation (fade in the popup) */

@-webkit-keyframes fadeIn {

    from {opacity: 0;} 

    to {opacity: 1;}

}



@keyframes fadeIn {

    from {opacity: 0;}

    to {opacity:1 ;}

}	



.wrap-sec{

	position:relative;

	padding-top:0px;

	}

	



	

/*---------------------------------------

  04. Choose Area

----------------------------------------*/

.title__line {

    color: #252525;

   	margin-bottom: 19px;

    text-transform: uppercase;

}

.section__title {

  padding-bottom: 43px;

  position: relative;

}

.section__title::before {

  background: rgba(0, 0, 0, 0) url("images/shape/1.png") no-repeat scroll center center;

  bottom: 0;

  content: "";

  height: 29px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  width: 100%;

  z-index: 99;

}

.choose__icon [class^="flaticon-"]::before,

.choose__icon [class*=" flaticon-"]::before,

.choose__icon [class^="flaticon-"]::after,

.choose__icon [class*=" flaticon-"]::after {

  font-size: 29px;

}



.choose{

	min-height: 350px;

    max-height: 300px;

    padding: 10px 10px;

    box-shadow: 0px 20px 40px -15px;

	}

.choose-color1{

	background-color:#6d79b9;

	border-bottom: solid 5px #10eaea;

	}	

.choose-color2{

	background-color:#cb6666;

	border-bottom: solid 5px #ea1546;

	}

.choose-color3{

	background-color:#9b5fa6;

	border-bottom: solid 5px #6f0af6;

	}

.choose-color4{

	background-color:#e24da0;

	border-bottom: solid 5px #eec80b;

	}				

.choose__icon {

    background: #f1f1f1 none repeat scroll 0 0;

    border-radius: 100%;

    display: inline-block;

    height: 90px;

    line-height: 90px;

    margin-bottom: 18px;

    position: relative;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 90px;

    z-index: 2;

}

.choose__icon  img{

	width:50px;

	}

.choose__icon .icon {

    color: #606060;

    transition: all 0.3s ease 0s;

}



.choose__inner a{

    color: #fff !important;

    font-size: 16px;

    margin-bottom: 20px;

    text-transform: capitalize;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

}

.choose__inner p{

    color: #fff !important;

    font-size: 15px;

    margin-bottom: 20px;

    text-transform: capitalize;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-top:10px;

}

.choose__icon::before {

    background: #ffb300 none repeat scroll 0 0;

    border-radius: 100%;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: scaleX(0);

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: -1;

}

.choose__icon:hover::before {

    opacity: 1;

    transform: scaleX(1);

}

.choose__icon:hover .icon {

    color: #fff;

}

	

/*---------------------------------------

  04. welcome section start

----------------------------------------*/	





.welcome-section{

	padding: 5px 0px 5px 0px;

	}

.welcome-section-pic{

	}

.welcome-section-pic img{

	width:100%;

	height:450px;

	}

.welcome-section-right{

	background-color:#d8dce0;

	overflow:hidden;

	padding:62px 20px 177px 20px;

	}

.welcome-section-heading{

	}

.welcome-section-heading h1{

	font-size:24px;

	color:#000;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-bottom:20px;

	font-weight:bold;

	letter-spacing:1px;

	}

.welcome-section-heading h4{

	font-size:24px;

	color:#00042f;

	font-weight:bold;

	letter-spacing:1px;

	}	

.welcome-section-heading span{

	font-size:24px;

	color:#ffb300;

	font-weight:bold;

	letter-spacing:1px;

	}	

.welcome-section-content{

	}	

.welcome-section-content p{

	font-size:16px;

	color:#5e5757;

	font-family:Georgia, "Times New Roman", Times, serif;

	line-height:25px;

	}

	

/*---------------------------------------

  04. trip section start

----------------------------------------*/



.trip-section{

	

	}

.trip-section-pic{

	

	}

.trip-section-pic img{

	width:100%;

	height:700px;

	}





/*---------------------------------------

/*---------------------------------------

  04. app section start

----------------------------------------*/



.app-section{

	

	}

.app-section-pic{

	

	}

.app-section-pic img{

	width:100%;

	height:600px;

	}





/*---------------------------------------

        map start

----------------------------------------*/



.map-section{

	padding:0px 0px;

	}

.map{

	}

	

.special-staf{

	border:solid 2px #ccc1e2;

	overflow:hidden;

	box-shadow: 0px 20px 40px -15px;

	}

	

/*.about-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/about-section.jpg);

	background-repeat:no-repeat;

	padding:250px 0px;

	

}

.blog-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/blog-section.jpg);

	background-repeat:no-repeat;

	padding:300px 0px;

	

}	

.contact-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/contact-section.jpg);

	background-repeat:no-repeat;

	padding:300px 0px;

	

}*/



.about-section-banner{

	}

	

.about-section-banner img{

	width:100%;

	}

	.membership-section-banner{

	}

	

.membership-section-banner img{

	width:100%;

	}

.blog-section-banner{

	

	}

.blog-section-banner img{

	width:100%;

	

	}

.contact-section-banner{

	}

.contact-section-banner img{

	width:100%;

	}					



.privacy-section-banner{

	}

.privacy-section-banner img{

	width:100%;

	}

.refund-section-banner{

	}

.refund-section-banner img{

	width:100%;

	}

.term-section-banner{

	}

.term-section-banner img{

	width:100%;

	}			





	

/*.privacy-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/contact-section.jpg);

	background-repeat:no-repeat;

	padding:300px 0px;

	

}

.refund-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/contact-section.jpg);

	background-repeat:no-repeat;

	padding:300px 0px;

	

}

.term-section-banner {

	width: 100%;

    position: relative;

    background-size: cover;

    background-image: url(../images/contact-section.jpg);

	background-repeat:no-repeat;

	padding:300px 0px;

	

}	*/



.about-pic{

	margin-bottom:0px;

	}

.about-pic img{

	width:100%;

	height:500px;

	}

.input-bg{

	background-color:#fff;

	}	



.our-partner{

	/*background-color:#8e664a;

	border-top:solid 1px #999;*/

	}

.our-partner-heading{

	text-align:center;

	padding:20px 0px;

	}

.our-partner-heading h1{	

	font-size:30px;

	text-transform:capitalize;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#fff;

	margin:0px;

	}

.our-partner-heading i{

	padding-left:20px;

	padding-top:20px;

	

	}		



.our-partner-list{

	

	}

.our-partner-list ul{

	list-style-type:none;

	display:none;

	}

.our-partner-list ul li{

	display:inline-block;

	padding:20px 20px;

	}

.our-partner-list ul li a{

	}	

/************ testimonial section img ***************/

.test-pic{

float:right;

padding-left:20px;

}

.test-pic img{

width:70px;

height:70px;

border-radius:15%;

}	

/************ testimonial section img ***************/	





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



			our package price list sec





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



			

.our-packages-pricelist-main-sec {

    margin: 50px 0px;

    padding: 20px 0px;

}



.pricingTable10 {

    text-align: center;

    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;

}

.pricingTable10 .pricingTable-header {

    padding: 40px 0px 100px 0px;

    background: #09b2c6;

    position: relative;

    transition: all 0.3s ease 0s;

}

.pricingTable10:hover .pricingTable-header {

    background: #4d4d4d;

}

.pricingTable10 .pricingTable-header:after,

.pricingTable10 .pricingTable-header:before {

    content: "";

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 1px solid #d9d9d8;

    position: absolute;

    bottom: 12px;

}

.pricingTable10 .pricingTable-header:before {

    left: 40px;

}

.pricingTable10 .pricingTable-header:after {

    right: 40px;

}

.pricingTable10 .heading {

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-top: 0;

    font-weight: bold;

}

.pricingTable10 .price-value {

    display: inline-block;

    position: relative;

    font-size: 55px;

    font-weight: 700;

    color: #09b1c5;

    transition: all 0.3s ease 0s;

}

.pricingTable10:hover .price-value {

    color: #fff;

}

.pricingTable10 .currency {

    font-size: 26px;

    font-weight: 700;

    position: absolute;

    top: 6px;

    left: -65px;

	color:#fff;

}

.pricingTable10 .month {

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 15px;

    right: -30px;

    text-transform: uppercase;

}

.pricingTable10 .pricing-content {

    padding-top: 50px;

    background: #fff;

    position: relative;

}

.pricingTable10 .pricing-content:after,

.pricingTable10 .pricing-content:before {

    content: "";

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 1px solid #7c7c7c;

    position: absolute;

    top: 12px;

}

.pricingTable10 .pricing-content:before {

    left: 40px;

}

.pricingTable10 .pricing-content:after {

    right: 40px;

}

.pricingTable10 .pricing-content ul {

    padding: 0 20px;

    margin: 0;

    list-style: none;

    height: 188px;

}

.pricingTable10 .pricing-content ul:after,

.pricingTable10 .pricing-content ul:before {

    content: "";

    width: 8px;

    height: 46px;

    border-radius: 3px;

    background: linear-gradient(to bottom, #818282 50%, #727373 50%);

    position: absolute;

    top: -22px;

    z-index: 1;

    box-shadow: 0 0 5px #707070;

    transition: all 0.3s ease 0s;

}

.pricingTable10:hover .pricing-content ul:after,

.pricingTable10:hover .pricing-content ul:before {

    background: linear-gradient(to bottom, #40c4db 50%, #34bacc 50%);

}

.pricingTable10 .pricing-content ul:before {

    left: 44px;

}

.pricingTable10 .pricing-content ul:after {

    right: 44px;

}

.pricingTable10 .pricing-content ul li {

    font-size: 13px;

    font-weight: 700;

    color: #777473;

    padding: 10px 0;

    border-bottom: 1px solid #d9d9d8;

    line-height: 20px;

}

.pricingTable10 .pricing-content ul li:last-child {

    border-bottom: none;

}

.pricingTable10 .read {

    display: inline-block;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    background: #4d4d4d;

    padding: 8px 25px;

    margin: 30px 0;

    transition: all 0.3s ease 0s;

}

.pricingTable10 .read:hover {

    text-decoration: none;

}

.pricingTable10:hover .read {

    background: #09b1c5;

}

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

    .pricingTable10 {

        margin-bottom: 25px;

    }

}