/* Template: Villa - Bed & Breakfast Landing Page Template

   Author: InovatikThemes

   Version: 1.2

   Created: Sep 2017

   Description: Master CSS file

*/



/**********************************

	TABLE OF CONTENTS



01. Preloader 

02. General Styles

03. Navigation

04. Header

05. Discover

06. Facilities

07. Rooms

08. Tourism

09. Testimonials

10. Contact

11. Footer

12. Copyright

13. Back To Top Button

14. Media Queries

**********************************/





/* Style Switcher */

#toggle-switcher {

	display: block;

	position: absolute;

	top: 35px;

	left: -40px;

	width: 40px;

	height: 41px;

	border: 1px solid #647780;

	border-top-left-radius: 2px;

	border-bottom-left-radius: 2px;

	border-right: none;

	background: #647780;

	text-align: center;

	cursor: pointer;

}



#toggle-switcher img.style-gear {

	width: 47x;

	height: 47px;

	margin-top: -4px;

	margin-left: -4px;

}



#style-switcher {

	position: fixed;

	z-index: 1000;

	top: 80px;

	right: -300px;

	width: 300px;

	padding: 10px 10px 12px 10px;

	border: 1px solid #647780; 

	border-radius: 2px;

	background: #647780;

}



#style-switcher .style-switcher-cell {

	display: inline-block;

	width: 90px;

	margin: 0px 0px 9px 0px;

}



#style-switcher .style-switcher-cell img {

	display: inline-block;

	width: 78px;

	height: 68px;

	margin-top: 0px;

	border-radius: 2px;

}



#style-switcher h1 {

	margin-top: 0px;

	margin-bottom: 0px;

	color: #fff;

	font: 400 20px/1.9em "Raleway", sans-serif;

	text-align: center;

}



#style-switcher .style-switcher-cell a {

	display: block;

	margin-top: 7px;

	color: #fff;

	opacity: 0.8;

	font: 500 12px/1.4em "Raleway", sans-serif;

	text-decoration: none; 	

	text-align: center;

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

}



#style-switcher .style-switcher-cell:hover a {

	opacity: 1;

}



#style-switcher .style-switcher-cell.active a {

	opacity: 1;

}



#style-switcher .style-switcher-buttons {

	margin: 13px auto 8px auto;

	text-align: center;

}



#style-switcher .style-switcher-buttons a {

	display: inline-block;

	margin-right: 3px;

	margin-left: 3px;

	padding: 8px 23px 6px 23px;

	font: 500 11px/1.3em "Raleway", sans-serif;

	text-align: center;

	text-decoration: none;

	transition: all .3s ease;

}



#style-switcher a.style-switcher-back-button {

	border: 1px solid #fff;

	border-radius: 25px;

	color: #fff;

}



#style-switcher a.style-switcher-back-button:hover {

	background-color: #fff;

	color: #647780;

}



#style-switcher a.style-switcher-buy-button {

	border: 1px solid #fff;

	border-radius: 25px;

	background-color: #fff;

	color: #647780;

}



#style-switcher a.style-switcher-buy-button:hover {

	border: 1px solid #fff;

	background-color: transparent;

	color: #fff;

}





/******************************/

/*     01. GENERAL STYLES     */

/******************************/

body {color: #000000 ;font: 400 14px/1.9em "Raleway", sans-serif;}



h1 {

	font: italic 700 50px/1.2em "PT Serif", sans-serif;

}



h2 {

	font: italic 700 34px/1.2em "PT Serif", sans-serif;

}



h3 {

	font: italic 700 28px/1.4em "PT Serif", sans-serif;

}



h4 {font: normal 600 17px/1.2em "railway", sans-serif;}



p {

	font: 400 14px/1.9em "Raleway", sans-serif;

}



p.above-header {

	margin-bottom: 3px;

	color: #21baa3;

	font: 700 15px/1.2em "Raleway", sans-serif;

}



p.highlight, span.highlight {

	color: #21baa3;

	font: 700 15px/1.7em "Raleway", sans-serif;

}



a {

	color: #21baa3;

	font-weight: 500;

}



a:hover {

	color: #ff8e00;

	font-weight: 500;

}



a.inverse {

	color: #fff;

}



a.inverse:hover {

	color: #21baa3;

}



.button.solid {

	display: inline-block;

	max-width: 250px;

	padding: 7px 25px 7px 25px;

	border: 2px solid #204482;

	border-radius: 2px;

	background-color: #204482;

	color: #fff;

	font: 700 13px/1.6em "Raleway", sans-serif;

	transition: all .3s ease;

}



.button.solid:hover {

	background-color: #fff;

	border: 2px solid #21baa3;

	color: #21baa3;

	text-decoration: none;

}



.button.outline {

	display: inline-block;

	max-width: 250px;

	padding: 7px 25px 7px 25px;

	background-color: #fff;

	border: 2px solid #76878f;

	border-radius: 2px;

	color: #647780;

	font: 700 13px/1.6em "Raleway", sans-serif;

	transition: all .3s ease;

}



.button.outline:hover {

	border: 2px solid #76878f;

	background-color: #76878f;

	color: #fff;

	text-decoration: none;

}



/* Form success and error message formatting */

#msgSubmit.h3.text-center.tada.animated.text-success,

#cmsgSubmit.h3.text-center.tada.animated.text-success {

	margin-top: 3px;

	margin-bottom: 8px;

	color:  #647780;

	font: 700 16px/1.5em "Raleway", sans-serif;

}



#msgSubmit.h3.text-center.text-danger,

#cmsgSubmit.h3.text-center.text-danger {

	margin-top: 3px;

	margin-bottom: 8px;

	color:  #ff4a26;

	font: 700 16px/1.5em "Raleway", sans-serif;

}



/* Form success and error message animation from Animate.css */

@-webkit-keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}



	10%, 20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}



	30%, 50%, 70%, 90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}



	40%, 60%, 80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



@keyframes tada {

	from {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}



	10%, 20% {

		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

	}



	30%, 50%, 70%, 90% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

	}



	40%, 60%, 80% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



.tada {

	-webkit-animation-name: tada;

	animation-name: tada;

}



.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

/* end of form success and error message animation from Animate.css */





/*************************/

/*     02. PRELOADER     */

/*************************/

.spinner-wrapper {

	position: fixed;

	z-index: 999999;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

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

}



.spinner {

	position: absolute;

	left: 50%; /* centers the loading animation horizontally one the screen */

	top: 50%; /* centers the loading animation vertically one the screen */

	width: 60px;

	height: 20px;

	margin: -10px 0 0 -30px; /* is width and height divided by two */ 

	text-align: center;

}



.spinner > div {

	display: inline-block;

	width: 16px;

	height: 16px;

	border-radius: 100%;

	background-color: #21baa3;

	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

	animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinner .bounce1 {

	-webkit-animation-delay: -0.32s;

	animation-delay: -0.32s;

}



.spinner .bounce2 {

	-webkit-animation-delay: -0.16s;

	animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {

	0%, 80%, 100% { -webkit-transform: scale(0); }

	40% { -webkit-transform: scale(1.0); }

}



@keyframes sk-bouncedelay {

	0%, 80%, 100% { 

		-webkit-transform: scale(0);

		transform: scale(0);

	} 40% { 

		-webkit-transform: scale(1.0);

		transform: scale(1.0);

	}

}





/**************************/

/*     03. NAVIGATION     */

/**************************/

.navbar {

	background-color: #fff;

}


@media screen and (min-width: 768px) {
.navbar .nav.navbar-nav,

.navbar .nav.navbar-nav.navbar-right {

	margin-top: -18px;

	margin-bottom: 0px;

}
}


/* Logo */

.navbar .navbar-brand {margin-top: 8px;margin-bottom: 25px;padding-top: 0px;}



.navbar .navbar-brand img {width: 200px;height: 50px;}



/* Menu links */

.navbar .nav.navbar-nav li a {
	color: #000000;
	font-size: 13px;
    font-weight: 800;
	
	}



.navbar .nav.navbar-nav li a:hover,

.navbar .nav.navbar-nav li.active a {

	background-color: #e8e8e8;

	color: #2c9ab7;

}



/* Mobile menu toggle button - pressed */

.navbar .navbar-toggle,

.navbar .navbar-toggle:hover,

.navbar .navbar-toggle:active,

.navbar .navbar-toggle.collapsed:active {

	margin-top: 16px;

	border: 1px solid #647780;

	background-color: #647780;

}



.navbar .navbar-toggle .icon-bar,

.navbar .navbar-toggle:hover .icon-bar,

.navbar .navbar-toggle:active .icon-bar,

.navbar .navbar-toggle.collapsed:active .icon-bar {

	background-color: #f5f5f5;

} 

/* end of mobile menu toggle button - pressed */



/* Mobile menu toggle button */

.navbar .navbar-toggle.collapsed {

	border: 1px solid #647780;

	background-color: transparent;

}



.navbar .navbar-toggle.collapsed .icon-bar {

	background-color: #647780;

}

/* end of mobile menu toggle button */





/**********************/

/*     04. HEADER     */

/**********************/

header {overflow: hidden;position: relative;min-height: auto;width: 100%;/*min-height: 100%;*/}



header .header-content {

	position: relative;

	z-index: 1;

	display: flex;

	flex-direction: column;

	justify-content: center;

	min-height: 2vh; 

	text-align: center;

}



header .flex-container-wrapper {

	/* IE fix for vertical alignment in flex box */

	display: flex;

	flex-direction: column;

/*	height: 100%; */

}



header .header-content .swiper-container-header {position: absolute;z-index: 2;width: 100%;height: 500px;background: #f0f9fc;}

  

header .swiper-container-header .swiper-slide.first .slider-background {

	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../images/s2.jpg") center no-repeat;

	background-size: cover;

}



header .swiper-container-header .swiper-slide.second .slider-background {

	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../images/s2.jpg") center no-repeat;

	background-size: cover;

}



header .swiper-container-header .swiper-slide.third .slider-background {

	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../images/s1.jpg") center no-repeat;

	background-size: cover;

}



header .swiper-container-header .swiper-slide .slider-background {

	min-height: auto;

	width: 100%;

	background-color: #f0f9fc;

	min-height: 100%;

	height: 100vh; 

}



header .header-content .content-overlay {

	position: relative;

	z-index: 3;

	display: flex;

	flex-direction: column;

	justify-content: center;

/*	min-height: 100vh; */

	padding: 125px 0px 0px 0px;	

}



header .header-content h1 {margin-top: 70px;color: #ed1d08;}



header .header-content p {margin-top: 20px;font: 600 19px/1.6em "Raleway", sans-serif;color: #fff;}



header .header-content .fa-angle-down {

	margin-top: 0px;

	color: #21baa3;

	transition: all .2s ease;

}



header .header-content .fa-angle-down:hover {

	-webkit-transform: translate(0px, 7px);

	-ms-transform: translate(0px, 7px);

	transform: translate(0px, 7px);

}



header .form-container {position: relative;width: 100%;margin-top: 0px;margin-left: auto;margin-right: auto;padding-top: 10px;}



header .form-container form {padding: 5px 0px 5px 0px;/* border-top-left-radius: 5px; *//* border-top-right-radius: 5px; */background-color: #61605ff5;}



header .form-container form input {z-index: 9999;height: 44px;margin-top: 20px;padding-bottom: 6px;border-radius: 2px;border: 2px solid #e1e1e1;color: #283135;font: 400 15px/1.6em "Raleway", sans-serif;/* -webkit-appearance: none; */ /* removes inner shadow on form inputs on ios safari */}



header .form-container form button {

	display: block;

	width: 100%;

	margin-top: 20px;

	margin-bottom: 22px;

	padding: 8px 53px 8px 53px;

	border: 2px solid #21baa3;

	border-radius: 2px;

	background-color: #21baa3;

	color: #fff;

	font: 700 15px/1.6em "Raleway", sans-serif;

	transition: all .3s ease;

}



header .form-container form button:hover {

	background-color: #fff;

	color: #21baa3;

}



header .form-container form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color: #283135;

	opacity: 0.9;

}



header .form-container form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color: #283135;

   opacity: 0.9;

}



header .form-container form input::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: #283135;

   opacity: 0.9;

}

header .form-container form input:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color: #283135;

   opacity: 0.9;

}





/*************************/

/*     05. DISCOVER      */

/*************************/

#discover {

	padding-top: 77px;

	padding-bottom: 80px;

	background-color: #f4f4f4;

}



#discover h2 {

	margin-top: 0px;

	margin-bottom: 20px;
	

}



.swiper-container {

	width: 100%;

	height: 100%;

	margin-top: 30px;

}



.swiper-slide {

	background: #fff;

	font-size: 18px;
	height: 450px !important;

	text-align: center;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

	

.swiper-container img {

	width: 100%;

}



#discover .swiper-button-next {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2321baa3'%2F%3E%3C%2Fsvg%3E");

}



#discover .swiper-button-prev {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2321baa3'%2F%3E%3C%2Fsvg%3E");

}



@-webkit-keyframes fadeIn {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



@keyframes fadeIn {

	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



.fadeIn {

	-webkit-animation: fadeIn 0.6s;

	animation: fadeIn 0.6s;

}





/**************************/

/*     06. FACILITIES     */

/**************************/

#facilities {

	padding-top: 77px;

	padding-bottom: 80px;

	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/facilities-background.jpg") center no-repeat;

	background-size: cover;

}



#facilities h2,

#facilities p.above-header {

	text-align: center;

}



#facilities h2 {

	margin-top: 0px;

	color: #fff;

}



#facilities .nav-tabs-container {

	margin-top: 30px;

	padding-top: 20px;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

	border-bottom: 1px solid #fff;

	background: #fff;

}



#facilities .nav-tabs-container li a {

	font: 400 14px/1.9em "Raleway", sans-serif;

}



#facilities .tab-panes-container {

	padding: 20px;

	border-top: 1px solid #fff;

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

	background: #fff;

}



#facilities .nav-tabs {

	max-width: 300px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#facilities .nav-tabs li {

	display: table-cell;

	width: 10%;

	margin-left: auto;

	margin-right: auto;

	padding-left: 0.1%;

	padding-right: 0.1%;

}



#facilities .nav-tabs li a {

	margin-bottom: 0px;

	border: 1px solid #fff;

	color: #21baa3;

	transition: all .3s ease;

}



#facilities .nav-tabs li a:hover,

#facilities .nav-tabs li.active a {

	background-color: #21baa3;

	color: #fff;

}



#facilities .tab-content .text-side h3 {

	margin-top: 20px;

}



#facilities .tab-content .text-side p.highlight {

	margin-bottom: 0px;

}





/*********************/

/*     07. ROOMS     */

/*********************/

#rooms {

	padding-top: 0px;

	padding-bottom: 30px;

}



#rooms h2 {

	margin-top: 0px;

	margin-bottom: 20px;

}



#rooms li i.fa {

	margin-right: 6px;

	color: #21baa3;

}



#rooms li {

	margin-top: 4px;

}



#rooms p:nth-of-type(2) {

	margin-bottom: 0px;

}



#rooms .rooms-container {

	width: 98%;

	margin-top: 60px;

	margin-left: auto;

	margin-right: auto;

}



#rooms .rooms-container.first {

	margin-top: 25px;

}



#rooms .rooms-container.middle {

	margin-top: 60px;

	margin-bottom: 50px;

}



#rooms .rooms-container .image-container img {

	margin-top: 25px;

}



#rooms .rooms-container h4 {

	margin-top: 21px;

}



#rooms .rooms-container .button {

	margin-top: 8px;

	margin-left: 4px;

	margin-right: 4px;

}



/* Magnific Popup Rooms Details Content */

.room-details-container {

	position: relative;

	max-width: 1000px;

	margin: 40px auto;

	padding: 25px;

	background: #fff;

	text-align: left;

}



.room-details-container h3 {

	margin-top: 20px;

	margin-bottom: 7px;

}



.room-details-container hr   {

	height: 1px;

	width: 40px;

	margin-top: 0px;

	margin-bottom: 8px;

	margin-left: 0;

	border: 0;

	background-color: #76878f;

	text-align: left;

}



.room-details-container h4 {

	margin-bottom: 17px;

}



.room-details-container ul {

	margin-top: 10px;

}



.room-details-container li {

	margin-top: 4px;

}



.room-details-container li:nth-last-of-type(1) {

	margin-bottom: 20px;

}



.room-details-container li .fa {

	margin-right: 6px;

	color: #21baa3;

}



.room-details-container button.mfp-close.x-button {

	position: absolute;

	top: 0px;

	right: -8px;

	width: 44px;

	height: 44px;

}



.room-details-container a.mfp-close.as-button {

	position: relative;

	width: auto;

	height: auto;

	opacity: 1;

}



/* Fade-move animation for rooms details popup */

/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {

	opacity: 0;

	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}



/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

	opacity: 1;

	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

}



/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

}



/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {

	opacity: 0;

	transition: opacity 0.3s ease-out;

}



/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {

	opacity: 0.8;

}



/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {

	opacity: 0;

}



.room-details-container .owl-stage-outer {

	position: relative;

	height: 491px;

}



.room-details-container .owl-nav {

	position: absolute;

	top: 46%;

	width: 100%;

}



.room-details-container .owl-prev {

	position: absolute;

	left: 15px;

	width: 10px;

	height: 15px;

}



.room-details-container .owl-next {

	position: absolute;

	right: 40px;

	width: 10px;

	height: 15px;

}



.room-details-container .owl-nav .fa {

	font-size: 40px;

	font-weight: normal;

	color: #21baa3;

}





/************************/

/*     08. TOURISM     */

/************************/

#tourism  {

	padding-top: 77px;

	padding-bottom: 64px;

	background: #f4f4f4;

}



#tourism p.above-header {

	text-align: center;

}



#tourism h2 {

	margin-top: 0px;

	margin-bottom: 5px;

	text-align: center;

}



/* Tourism attractions images hover animation */

#tourism .image-container {

	display: flex;

	flex-direction: column;

	position: relative;

	margin-top: 35px;

	margin-bottom: 15px;

}



#tourism .image-container img {

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: relative;

	width: 100%;

	height: 100%;

}



#tourism .image-container .hover-overlay {

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: absolute;

	z-index: 2;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(33, 186, 163, 0.0);

	color: #fff;

	opacity: 0;

	text-align: center;

	transition: background .3s ease-in-out, opacity .2s ease-in-out;

}



#tourism .image-container:hover .hover-overlay {	

	background: rgba(33, 186, 163, 0.8);

	opacity: 1;

}



#tourism .image-container .hover-overlay a, 

#tourism .image-container .hover-overlay a h4,

#tourism .image-container .hover-overlay a h4:hover {

	color: #fff;	

}

/* end of tourism attractions images hover animation */





/****************************/

/*     09. TESTIMONIALS     */

/****************************/

#testimonials {

	padding-top: 38px;

	padding-bottom: 62px;

	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/testimonials-background.jpg") center no-repeat;

	background-size: cover;

}



#testimonials p, #testimonials footer {

	color: #fff;

}



#testimonials p {

	font: 400 16px/1.9em "Raleway", sans-serif;

}



#testimonials .carousel-inner {

	margin-bottom: 50px;

}



#testimonials .carousel-inner .mb-0 {

	margin-top: 35px;

	margin-bottom: 5px;

	font-style: italic;

}



#testimonials .carousel-inner .rating-stars {

	color: #21baa3;

}



#testimonials .carousel-indicators {

	margin-bottom: -50px;

}



#testimonials .carousel-indicators li {

	margin-left: 2px;

	margin-right: 2px;

	background-color: #fff;

}



#testimonials .carousel-indicators li.active {

	border: 1px solid #21baa3;

	background-color: #21baa3;

}





/***********************/

/*     10. CONTACT     */

/***********************/

#contact {

	padding-top: 77px;

	padding-bottom: 63px;

	background-color: #ddd;

}



#contact h2 {

	margin-top: 0px;

	margin-bottom: 20px;

}



#contact p:nth-of-type(2) {

	margin-bottom: 0px;

}



#contact li i.fa {

	margin-right: 6px;

	color: #21baa3;

}



#contact li {

	margin-top: 4px;

	margin-right: 3px;

	margin-left: 3px;

}



#contact .fa-phone {

	margin-right: 0px;

	margin-bottom: 2px;

	vertical-align: middle;

	font-size: 16px;

}



#contact a.phone-number {

	color: #647780;

	font-weight: 400;

	text-decoration: none;

	cursor: default;

}



#contact .map-responsive {

	overflow: hidden;

	position: relative;

	height: 0;

	margin-top: 30px; 

	padding-bottom: 56.25%;

	border-radius: 4px;

}



#contact .map-responsive iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none; 

}



#contact form {

	margin-top: 30px;

}



#contact form .form-group {

	margin-bottom: 17px;

}



#contact form input {

	height: 44px;

	margin-top: 20px;

	padding-bottom: 6px;

	font: 400 15px/1.6em "Raleway", sans-serif;

	color: #283135;

	border: 2px solid #d6d6d6; 

	border-radius: 2px;

	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */

}



#contact form textarea {

	margin-top: 21px;

	color: #283135;

	font: 400 15px/1.6em "Raleway", sans-serif;

	border: 2px solid #d6d6d6; 

	border-radius: 2px;

}



#contact form button {

	display: block;

	width: 100%;

	margin-top: 21px;

	padding: 8px 53px 8px 53px;

	border: 2px solid #21baa3;

	border-radius: 2px;

	background-color: #21baa3;

	color: #fff;

	font: 700 15px/1.6em "Raleway", sans-serif;

	transition: all .3s ease;

}



#contact form button:hover {

	background-color: #fff;

	color: #21baa3;

}



#contact form input::-webkit-input-placeholder,

#contact form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color: #283135;

	opacity: 0.9;

}



#contact form input:-moz-placeholder,

#contact form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color: #283135;

   opacity: 0.9;

}



#contact form input::-moz-placeholder,

#contact form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: #283135;

   opacity: 0.9;

}

#contact form input:-ms-input-placeholder,

#contact form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color: #283135;

   opacity: 0.9;

}





/**********************/

/*     11. FOOTER     */

/**********************/

#footer {

	padding-top: 37px;

	padding-bottom: 80px;

	background-color: #647780;

	color: #fff;

}



#footer h3 {

	margin: 35px auto 10px auto;

	font: italic 700 26px/1.4em "PT Serif", sans-serif;

}



#footer p {

	margin-left: auto;

	margin-right: auto;

	font: 400 14px/1.9em "Raleway", sans-serif;

}



#footer .social-icons-container {

	margin-left: auto;

	margin-right: auto;

}



#footer .fa {

    width: 45px;

    height: 45px;

    padding: 15px;

	margin-top: 6px;

	margin-right: 4px;

	border-radius: 50%;

    background: #fff;

    color: #647780;

	text-align: center;

    line-height: 15px;

    vertical-align: baseline;

    transition: all .3s ease;

}



#footer .fa:hover {

	background-color: #21baa3;

	color: #fff;

}





/*************************/

/*     12. COPYRIGHT     */

/*************************/

#copyright {

	padding-top: 22px;

	padding-bottom: 8px;

	background-color: #596e78;

}



#copyright p {

	color: #fff;

	font: 400 14px/1.7em "Raleway", sans-serif;

	text-align: center;

	opacity: 0.7;

}





/**********************************/

/*     13. BACK TO TOP BUTTON     */

/**********************************/

a.back-to-top {

	display: none;

	position: fixed;

	z-index: 999;

	right: 12px;

	bottom: 12px;

	width: 42px;

	height: 42px;

	border-radius: 30px;

	background: #40545e url("../images/up-arrow.png") no-repeat center 47%;

	background-size: 18px 18px; 

	text-indent: -9999px;

}



a:hover.back-to-top {

	background-color: #000; 

}





/*****************************/

/*     14. MEDIA QUERIES     */

/*****************************/

/* Min-width width 768px */

@media (min-width: 768px) {

	h2 {

		font: italic 700 27px/1.2em "PT Serif", sans-serif;

	}

	

	.button.solid {

		width: auto;

	}

	

	.navbar {padding: 0px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.39);background: rgb(255, 255, 255);transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;-webkit-backface-visibility: hidden;position: relative;margin-bottom: 0px;}



    .navbar.top-nav-collapse {

       	padding: 0;

		border-bottom: 1px solid #f4f4f4;

		background-color: #fff;

		-webkit-box-shadow: 0px -4px 8px #000000;

		-moz-box-shadow: 0px -4px 8px #000000;

		box-shadow: 0px -4px 8px #000000;

		-webkit-backface-visibility: hidden;

	}

	

	.navbar .navbar-brand {

		margin-left: 0px;

		margin-right: 16px;

	}

	

	.navbar .nav.navbar-nav li a,

	.navbar .nav.navbar-nav.navbar-right li a	{

		margin: 24px 17px 13px 14px;

		padding: 15px 3px 5px 3px;

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

	}

	

	.navbar .nav.navbar-nav li.active a,

	.navbar .nav.navbar-nav li a:hover	{

		border-bottom: 1px solid #2c9ab7;

		background-color: transparent;

		color: #2c9ab7;

	}

	

	/* Navbar language and phone */

	.navbar .nav.navbar-nav.navbar-right {

		margin-right: -13px;

	}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle {margin-top: 24px;margin-bottom: 0px;margin-right: 0px;border-bottom: 1px solid rgba(0, 0, 0, 0);font: 700 13px/1em "Raleway", sans-serif;text-transform: uppercase;}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:hover {

		border-bottom: 1px solid #21baa3;

	}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:focus {

		background-color: transparent;

	}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-menu {

		top: 51px;

		min-width: 10px;

		width: 32px;

		padding-top: 0px;

		padding-bottom: 4px;

		border-top: none;

		border: none;

		background: transparent;

		text-align: center;

		box-shadow: none;

	}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a {

		margin: 4px 9px 4px 7px;

		padding: 4px 0px 4px 0px;

		border-bottom: 1px solid rgba(0, 0, 0, 0);		

		font: 500 12px/1em "Raleway", sans-serif;

	}

	

	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a:hover {

		border-bottom: 1px solid #21baa3;

	}



	.navbar.top-nav-collapse .nav.navbar-nav.navbar-right .dropdown-menu {

		background: #fff;

	}

	

	.navbar .nav.navbar-nav.navbar-right li .phone-number {margin-top: 30px;margin-bottom: 0px;padding: 6px 0px 5px 2px;border: 1px solid #ffac00;border-radius: 2px;font: 500 16px/1em "Raleway", sans-serif;background: orange;}

	

	.navbar .nav.navbar-nav.navbar-right li:hover .phone-number {

		color: #647780;

		cursor: default;

	}



	.navbar .nav.navbar-nav.navbar-right li .phone-number .fa-phone {

		margin-right: 1px;

		font-size: 14px;

		vertical-align: middle;

	}

	/* end of navbar language and phone */

	

	header .header-content .content-overlay {

		padding: 0px 0px 100px 0px;	

	}

	

	header .header-content h1 {

		font: italic 700 64px/1.2em "PT Serif", sans-serif;

	}

	

	header .header-content p {margin-top: 12px;}

	

	header .header-content .fa-angle-down {

		margin-top: 10px;

	}

	

	header .form-container {position: relative;right: 0;bottom: 0px;top: 30px;left: 0;width: 93%;max-width: 700px;padding-bottom: 0px;}

	

	header .form-container form {display: inline-block;margin-top: -20px;padding-top: 15px;padding-bottom: 14px;border-bottom: 1px solid #efefef;}

		

	header .form-container .form-group {

		display: inline-block;

		margin-right: 4px;

		margin-bottom: 4px;

		margin-left: 4px;

	}

	

	header .form-container form input,

	header .form-container form button	{display: inline-block;width: 296px;margin-top: 0px;}

	

	header .form-container form button {

		margin-top: 3px;

		margin-bottom: 7px;

	}

	

	#discover {

		padding-top: 30px;

		padding-bottom: 30px;

	}

	

	#facilities {

		padding-top: 87px;

		padding-bottom: 90px;

	}

	

	#facilities .nav-tabs-container {

		width: 540px;

		padding-top: 5px;

		margin-right: auto;

		margin-left: auto;

	}

	

	#facilities .tab-panes-container {

		border-radius: 4px;

	}

	

	#facilities .nav-tabs {

		max-width: 500px;

	}

	

	#facilities .nav-tabs li .fa {

		display: block;

		margin-top: 10px;

		margin-bottom: 15px;

		font-size: 2em;

	}

	

	#facilities .nav-tabs li a {

		border: none;

		color: #647780;

	}

	

	#facilities .nav-tabs li a:hover,

	#facilities .nav-tabs li.active a {

		background-color: transparent;

		color: #21baa3;

	}

	

	#rooms {

		padding-top: 87px;

		padding-bottom: 0px;

	}

	

	#rooms .rooms-container {

		margin-top: 20px;

	}

	

	#rooms .rooms-container.middle,

	#rooms .rooms-container.first	{

		margin-top: 20px;

		margin-bottom: 0px;

	}

	

	.room-details-container button.mfp-close.x-button {

		top: 5px;

		right: -2px;

	}

	

	.room-details-container {

		padding: 35px;

	}

	

	#tourism {

		padding-top: 87px;

		padding-bottom: 74px;

	}

	

	#testimonials {

		padding-top: 20px;

		padding-bottom: 20px;

	}

	

	#contact {

		padding-top: 20px;

		padding-bottom: 20px;

	}

	

	#footer {

		padding-top: 00px;

		padding-bottom: 90px;

	}

	

	#footer p.copyright {

		margin-top: 30px;

	}

	

	a.back-to-top {

		right: 20px;

		bottom: 20px;

	}

}





/* Min-width width 992px */

@media (min-width: 992px) {

	header .header-content h1 {font: italic 700 36px/1.3em "PT Serif", sans-serif;}

	

	header .form-container {width: 49%;max-width: 360px;float: right;}

	

	#discover p {

		width: 70%;

		margin-left: auto;

		margin-right: auto;

	}

	

	#facilities .nav-tabs-container {

		margin-top: 40px;

	}

	

	#facilities .tab-content .tab-pane img {

		padding-right: 20px;

	}

	

	#facilities .tab-content .tab-pane .text-side {

		padding-left: 0px;

	}

	

	#facilities .tab-content .text-side h3 {

		margin-top: 45px;

		margin-bottom: 13px;

	}

	

	#facilities .tab-content .text-side p.highlight {

		margin-top: 13px;

	}

	

	#rooms p.above-list, #rooms ul {

		width: 950px;

		margin-left: auto;

		margin-right: auto;

	}

	

	#rooms img {

		margin-top: 40px;

	}

	

	.room-details-container button.mfp-close.x-button {

		top: 5px;

		right: 5px;

	}

	

	.room-details-container img {

		padding-right: 10px;

	}

	

	.room-details-container h3 {

		margin-top: 30px;

	}

		

	#tourism .left-attraction {

		padding-right: 25px;

	}



	#tourism .right-attraction {

		padding-left: 25px;

	}

	

	#contact ul {

		margin-bottom: 10px;

	}

	

	#contact .map-responsive {

		height: 356px;

	}

	

	#contact form input {

		margin-top: 0px;

	}

	

	#contact form textarea {

		margin-top: 0px;

	}

	

	#contact form button {

		margin-top: 17px;

	}

	

	#footer {

		padding-bottom: 20px;

	}

	

	#footer h3 {

		width: 90%;

	}



	#footer p {

		width: 90%;

	}



	#footer .social-icons-container {

		width: 90%;

	}

}





/* Min-width width 1200px */

@media (min-width: 1200px) {

	header .header-content .content-overlay {

		padding: 0px 0px 23px 0px;	

	}

	

	/* Image gallery hover animation */

	#discover .swiper-container .image-container {

		overflow: hidden;

		width: 367px;

		height: 231px;

	}

	

	#discover .swiper-container .image-container img {

		margin: 0px;

		transition: all 0.3s;

	}



	#discover .swiper-container .image-container img:hover {

		-webkit-transform: scale(1.15);

		-ms-transform: scale(1.15);

		transform: scale(1.15);

	}

	/* end of image gallery hover animation */

	

	#facilities .tab-content .tab-pane img {

		padding-right: 30px;

	}

	

	#facilities .tab-content .tab-pane .text-side {

		padding-right: 30px;

	}

	

	#facilities .tab-content .text-side h3 {

		margin-top: 80px;

	}

	

	/* Rooms images hover animation */

	#rooms .rooms-container .image-container {

		overflow: hidden;

		width: 353px;

		height: 199px;

		margin-top: 30px;

	}

	

	#rooms .rooms-container .image-container img {

		margin: 0px;

		transition: all 0.3s;

	}



	#rooms .rooms-container .image-container img:hover {

		-webkit-transform: scale(1.15);

		-ms-transform: scale(1.15);

		transform: scale(1.15);

	} 

	/* end of rooms images hover animation */

	

	#contact .map-responsive {

		margin-right: 7px;

	}

	

	#contact form {

		margin-left: 7px;

	}

}
h4.text-center {
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0px 0px 20px;
    background: #ce8f64;
    color: #fff;
    position: relative;
    padding: 15px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: serif;
}
input[type="radio"] {
    height: 100% !important;
    width: 100% !important;
    margin-left: -35px !important;
    margin-top: 0px !important;
}

select#duration {
    width: 296px;
    height: 40px;
    border-radius: 0px;
}







@media only screen and (max-width: 768px) {
	p#paragrasss {
    text-align: left;
}
p.above-headerss {
    font-weight: 600;
}
/*h3#amazingsss {
    display: none;
}
h2#amazingss1 {
    display: none;
}
h1#amazingss {
    display: none;
}*/
h4.text-center {
    margin: 0px 0px 0px;
    padding: 11px 0px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}	
	
header .form-container form input{
	margin-top:0px;
}	
    
#discover {

	padding-top: 15px;
	padding-bottom: 30px;
}

#rooms {
    padding-top: 0px;
	padding-bottom: 0px;
}
h3{
    margin-top: 0px;
    margin-bottom: 0px;
}

#rooms .rooms-container .image-container img {
    margin-top: 25px;
}

#rooms .rooms-container {
    margin-top: 0px;
}

#rooms .rooms-container.middle {
    margin-top: 0px;
    margin-bottom: 0px;
}

#testimonials {
    padding-top: 0px;
    padding-bottom: 15px;
}

#contact {
    padding-top: 0px;
    padding-bottom: 10px;
}

#footer {
    padding-top: 0px;
    padding-bottom: 20px;
}

p.above-header{
	margin-top:20px;
}

header .form-container form {
    padding: 18px 15px 1px 15px;
}
/*.form-group {
    margin-bottom: 4px ;
}*/
select#duration {
    width: 315px;
    height: 40px;
    border-radius: 0px;
}
	
}

.inclussion11 {
    position: relative;
    bottom: 43px;
}
.inclussion {
    text-align: left;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px;
    font-weight: 600;
    font-family: initial;
}

/* NEW CSSS     */
section#top_bar {
    background-color: #204482;
    color: #fff;
	/*height: 35px;*/
}
.welcometo {
    padding-top: 5px;
    font-family: initial;
}
p.righter {
    padding-top: 5px;
    font-family: initial;
}
a.hvr-sweep-to-bottom {
    color: #fff;
    font-size: 20px;
}
i.fa.fa-facebook-square {
   /* padding-top: 9px;*/
}
a.navbar-brand.page-scroll {
    width: 220px;
}
.navbar.navbar-default.navbar-fixed-top {
     
}
a.navbar-brand.page-scroll {
    margin-top: 0px;
}
i.fa.fa-bus {
    text-align: center !important;
    font-size: 45px;
}
.home-collab {
    text-align: center;
}
h4.wmg-curated-text {
    text-align: center;
	color:#fff;
}
#moreinfo p {
    color: #535353:;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    font-weight: 500;
    text-align: center;
}
.home-finalize {
    text-align: center;
}
.home-checklist {
    text-align: center;
}
.home-inbox {
    text-align: center;
}
.tittle h1 {
    font-family: -webkit-body;
    font-size: 29px;
    font-weight: 800;
    color: #333;
    margin-top: 10px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.moreinfo {padding: 20px 0px;
background-image: url('../images/honeymoon/honeymoon.jpg');
				background-size:cover;
				background-position:center center;
				background-repeat:no-repeat;
				background-attachment:fixed;
				}


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

header .header-content .content-overlay {
    padding: 10px 0px 0px 0px;
}
header .header-content h1 {
    color: #ed1d08;
    font-size: 20px;
}
}
.only-this{width: 483px;
    height: 383px;
	margin-bottom: 45px;
	margin-left: 80px;}
	
.this-one{margin-top: 50px;
	color: #fff;
}

.Goa-heading{margin-bottom: 40px;
    margin-left: 168px;
	}
	
.best-deals{background-image: url('../images/honeymoon/honeymoon.jpg');
				background-size:cover;
				background-position: center center;
				background-repeat:no-repeat;
	
	}

.background-img{background-image: url('../images/goa-beach1.jpg');
				background-size:cover;
				background-position:center;
				background-repeat:no-repeat;
				background-attachment: fixed
	}

#new-bg{background-image: url('../images/global-map.jpg');
				background-size:cover;
				background-position:center center;
				background-repeat:no-repeat;}
	
.slider{padding-right: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 768px) {
  .only-this {
    margin-left:0px ;
  }
}

/*footer*/
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

.wmg-curated-p{color:#fff;}

.package-img{margin-top: 15px;
			margin-bottom: 13px;
	} 
	
.price{    background: #204482!important;}	


@media screen and (max-width: 768px) {
  .carousel-inner{
    margin-top:35px;
  }
}

/*.form-sec{width:340px; background:#ccc; padding:15px;width: 330px;
    background: #f8f9fa;padding: 15px;box-shadow: 0 0 4px #ccc; height: 390px; margin-left: 105px; float: right; margin-top: -42px; border-radius: 15px;}
*/

/*.form-section{margin-top:30px;}*/	



@media screen and (min-width: 768px) {
/*.Text-form{position: absolute;
    top: 140px;
}*/
}

@media screen and (min-width: 768px) {
.heading-text{color:#fff; margin-top: 70px;font-size: 30px;}
}
.label-text{color:black; }


@media screen and (max-width: 768px) {
/*  .form-sec{
    margin-left: 0px;
	width: 380px;
	 margin-top: 30px
  }*/
}

@media screen and (max-width: 768px) {
  .form-section{
        margin-top: -111px;
		margin-bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .Text-form{
       
   /* top: 0px;*/
		
  }
}
.lines .line-1{width:50px;}
.lines .line-2{width:200px;}
.lines .line-1, .lines .line-2 {
    height: 1px;
    background-color: #deaa86;
    margin: 3px auto;
}

.section-para{text-align:center;
			line-height:1.8;
			margin-bottom:40px;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle-hover {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.hover-1:hover .image {
  opacity: 0.3;
}

.hover-1:hover .middle-hover {
  opacity: 1;
}

.hover-2:hover .image {
  opacity: 0.3;
}

.hover-2:hover .middle-hover {
  opacity: 1;
}

.hover-3:hover .image {
  opacity: 0.3;
}

.hover-3:hover .middle-hover {
  opacity: 1;
}

.hover-4:hover .image {
  opacity: 0.3;
}

.hover-4:hover .middle-hover {
  opacity: 1;
}


.text {
  background-color: #204482;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.last-2-img{margin-top: 30px;}

@media screen and (max-width: 768px) {
  .second-img{
        margin-top: 30px;
  }
}

.famous-goa-packages{background-color: #f4f4f4;
					padding-bottom:35px;
}
@media screen and (max-width: 768px) {
  .logo-img{
            margin-top: 11px; margin-left: -15px;
  }
}
.logo-img{width:200px;
		margin-bottom: 7px;
		margin-top:8px;
}



.color-heading{color:#deaa86;    font-family: Playfair Display,serif;}

.book-goa{text-align:center; Color:#204482;}

.img-top{width:300px; Height:100px; border-radius: 8px;}

.Testimonials-heading{text-align:center;}
.testimonials{background-image:url('../images/img-2-(1).jpg');
				background-size:cover;
				background-position:center;
				background-repeat:no-repeat;
				background-attachment: fixed;


}


.Testimonials-heading{color:white;}






#testimonial4{
  overflow: hidden;
  min-height: 375px;
  position: relative;
 
}
#testimonial4 .carousel-inner{
  width: 75%;
  margin: auto;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  margin: 2px 3px;
  background-color: #000;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
}

.testimonial4_slide p {
  color: #ffffff;
  font-size: 16px;
  margin: 40px 0 20px 0;
}

.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}


@media only screen and (max-width: 480px){
  .testimonial4_control_button .carousel-control{
    display: none;
  }
  .testimonial4_header{
    width: 95%;
  }
  .testimonial4_header h4{
    font-size: 20px;
  }
  .testimonial4_slide{
    width: 98%;
    padding: 5px;
  }
}

@media (min-width: 481px) and (max-width: 767px){
  .testimonial4_control_button .carousel-control.left{
    left: 2%;
  }
  .testimonial4_control_button .carousel-control.right{
    right: 2%;
  }
  .testimonial4_header{
    width: 95%;
  }
  .testimonial4_slide{
    width: 98%;
    padding: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .testimonial4_control_button .carousel-control.left{
    left: 5%;
  }
  .testimonial4_control_button .carousel-control.right{
    right: 5%;
  }
}

@-webkit-keyframes psBoxShadowEffect_2{
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes psBoxShadowEffect_2{
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}






.hovereffect-only {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect-only .overlay-only {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect-only img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect-only:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect-only h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect-only a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect-only a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect-only a.info, .hovereffect-only h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect-only:hover a.info, .hovereffect-only:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.new-effect{
	margin-top:50px;
	margin-bottom:50px;
}

.check-hover2{margin-top:25px;}

.menu {
	margin-bottom: 5px;
}
.contact-us{    
	background-color: #000000;
    opacity: 0.7;
    padding: 40px 35px;
    text-align: center;
	color:white;
}
.last-section{
		margin-top: 30px;
		margin-bottom: 30px;
}	
@media screen and (max-width: 768px) {
	.menu {
        margin-bottom: -25px;
	}
	.mail-no span {float:none;


}	
}

a.btn_1.outline, .btn_1.outiline, input .btn_1.outiline {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 47%;
    text-align: center;
    font-weight: normal;
    background: #ff8e00;
    border: 2px solid #FF8E01;
    padding: 3px 5px;
}	

.copyright-section{ background-color: #2f2d30;

}

.himachaltrippackage{ margin-top: 20px;
					  color: white;
	
	
}
/*.mail-no span{  float: right;
				font-size: 18px;
				margin-left: 15px;
				color: #204482;
				margin-top: 10px;
				font-family: sans-serif;
	
}*/
.mail-no span {
    float: right;
    font-size: 13px;
    margin-left: 15px;
    color: #204482;
    margin-top: 13px;
    font-family: sans-serif;
}
.font-icon a{	float:right;				margin-right: 10px;				margin-top: 2px;
}@media screen and (max-width: 768px) {.font-icon a{margin-top:10px;}}

@media screen and (max-width: 768px) {
.mail-no span {float:none;

}
}
@media screen and (min-width: 768px) {
.banner_text {
    position: absolute;
    bottom: 205px;
}
.form-sec {
	position: absolute;
    /*bottom: 35px;*/
	bottom:3px;
	padding: 15px;
    background: #f8f9fa;
    padding: 15px;
    box-shadow: 0 0 4px #ccc;
    border-radius: 5px;
	    width: 90%;
}	
}
@media screen and (max-width: 768px) {
.banner_text {
    position: relative;
    bottom: 140px;
}
.form-sec {
        position: relative;
    bottom: 50px;
    background-color: #9e9e9e2b;
    padding: 15px;
    border-radius: 5px;
	margin: -30px 0 -36px 0;
}
h2.text-center.heading-text {
    color: #fff;
}
.welcometo{
	text-align:center;
}
.mail-no span{
	font-size:12px;
	    margin-left: 0px;
}
}

.slct_value{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    /* font-size: 14px; */
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 15px;
	margin-left: -15px;
}

#myModal {
    background: rgba(0, 0, 0, 0.7) url(../images/newsletter-bg.png) repeat top left;
}
.newsletter-popup .modal-content {
    background: inherit;
    /*padding: 20px;*/
	padding:0px;
    text-align: center;
    position: initial;
    border: none;
}
.newsletter-popup .close {
    cursor: pointer;
    line-height: 27px;
    min-width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    text-align: center;
    text-transform: uppercase;
    top: -31px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    opacity: 1;
    text-shadow: none;
}
.newsletter-popup h2.modal-title {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
#newsletter-form .content-subscribe {
    overflow: hidden;
}


.form-subscribe-header label {
    color: #eee;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    margin: 8px 0 14px;
    max-width: 95%;
}
.contact_bar {
    margin-bottom: 10px;
    /*padding: 6px;*/
	padding: 4px;
    width: 100%;
    font-size: 15px;
    border-radius: 2px;
    border: 1px solid #98d0f1;
	color: #000;
}
textarea {
    padding: 6px;
    font-size: 15px;
    border-radius: 2px;
    border: 1px solid #98d0f1;
    margin-top: 10px;
    height: 80px;
    width: 100%;
	color:#000;
}
#newsletter-form .actions .button-subscribe {
    background-color: #000;
    border: medium none;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    padding: 4px 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    border-radius: 0px;
}
button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    line-height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    font-weight: bold;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #00c5ad;
    /* box-shadow: 0px 3px 0px 0px #00ab94; */
    cursor: pointer;
}
button {
    background: #2bc1f2;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 22px;
    font-weight: bolder;
    padding: 8px 0 8px 0;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 25px;
}
.subscribe-bottom {
    color: #eee;
    display: block;
    margin-top: 15px;
    overflow: hidden;
}
.subscribe-bottom input[type=checkbox] {
    vertical-align: sub;
}


.modal-dialog.newsletter-popup {
    margin-top: 8%;
    color: #fff;
    padding: 0px;
    text-align: left;
    width: 80% text-align: center;
    background: #359cae;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
    overflow: hidden;
    opacity: 1;
    box-shadow: none;
    border: 4px #359cae solid;
}
.newsletter-popup h4.modal-title {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font: italic 700 27px/1.2em "PT Serif", sans-serif;
}
#slider {
    width: 500px;
    top: 50px;
    position: fixed;
    z-index: 9999;
}
#sidebar222 {
    position: absolute;
    top: 200px;
    left: 99px;
    box-shadow: 0 0 8px grey;
}