/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

@font-face {

    /*font-family: 'Rancho-Regular';

    src:url(../fonts/Rancho-Regular.ttf) format('truetype');
    */
}

@font-face {
    /*
    font-family: 'OpenSans-Regular';

    src:url(../fonts/OpenSans-Regular.ttf) format('truetype');
    */
}

body a{

    transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

input[type="button"]{

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}



h1,h2,h3,h4,h5,h6{

	padding:0 0;

	margin:0 0;

}

p{

	padding:0 0;

	margin:0 0;

}

ul{

	padding:0 0;

	margin:0 0;	

}

body{

	padding:0 0;

	margin:0 0; 

	/*font-family: 'OpenSans-Regular' */

}

.header-top {

    margin-top: 1em;

}

.navbar-brand {

    float: left;

	margin-left: 0.8em;

}

.navbar {

    border-radius: 0px;

}

.navbar-nav {

    float: right;

    margin: 0;

}

.navbar-default {

    background: none!important;

    border: none!important;

}

.top-menu ul li {

    display: inline-block;

    margin: 0.8em 1em;

}

.navbar-brand h1 a, .navbar-brand a {

    text-decoration: none;

	color:#fff;

	font-size: 1.0em;

    font-family: 'Rancho-Regular';

    text-transform: capitalize;

    letter-spacing: 2px;

	line-height: .5em;



}

.navbar-default .navbar-nav > li > a {

    color: #fff;

	font-family: 'Rancho-Regular';

    font-size: 1.7em;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #fff;

    /**background-color: rgba(249, 255, 247, 0.43); **/

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #fff;

    /**background-color: rgba(249, 255, 247, 0.43); **/

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    color: #fff;

    text-decoration: none;

    background-color: #5ab645

}

.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 0;

    border: 1px solid transparent;

}

.navbar-brand {

    float: left;

    height: 0px;

    padding: 0px 15px;

    font-size: 18px;

    line-height: 20px;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: #fff;

    background-color: rgba(249, 255, 247, 0.43);

}

.dropdown-menu > li > a {

    display: block;

    padding: 10px 20px;

	color: #000;

	font-family: 'Rancho-Regular';

	font-size: 1.2em;

}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    margin-left: 0px;

}

.dropdown-menu {

    min-width: 150px;

    padding: 0px 0;

    border: 1px solid #fff;

}

.navbar-default {

    	padding: 1.2em 0;

}

.navbar-collapse {

    max-height: 340px;

    padding-right: 0px;

     padding-left: 0px; 

}

.header{

	background:url(../../../media/images/banner/banner.jpg) no-repeat 0px 0px;

	background-size:100%;

   -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

	min-height:764px;

	padding-bottom: 4em;

}

.slider {

	position: relative;

	text-align: center;

	width: 100%;

    margin: 20em 0 0;

}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }

.rslides h3{

    color: #fff;

    font-size: 4em;

    text-transform: capitalize;

	font-family: 'Rancho-Regular';

	

}

.rslides h3 span {

    color: #fff;

    background-color: rgba(249, 255, 247, 0.42);

    padding: .5em;

}

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

}

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

.callbacks_tabs a:after {

	content: "\f111";

	font-size: 0;

	font-family: FontAwesome;

	visibility: visible;

	display: block;

	height: 8px;

	width: 8px;

	display: inline-block;

	border: 2px solid #fff;

	border-radius:50%;

	background:#fff;

}

.callbacks_here a:after{

	border: 2px solid #FFF;

	background:transparent;

}

.callbacks_tabs a{

	visibility:hidden;

}

.callbacks_tabs li{

	display:inline-block;

}

ul.callbacks_tabs.callbacks1_tabs {

	position: absolute;

	bottom: 29px;

	z-index: 999;

	left: 46%;

	display: none;

}

.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 73%;

	left: 15%;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  margin-top: -45px;

  }

.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 15%;

 }

.Welcome-section {

    padding: 4em 0;

    text-align: center;

}

.Welcome-section h2 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.Welcome-grids {

    margin-top: 3em;

}

.welcome-grid h4 {

    font-size: 1.5em;

    text-transform: capitalize;

    padding: 0.5em 0 0.4em;

    color: #222;

}

.welcome-grid1 {

    border: 7px solid#fff;

}

.welcome-grid1:hover {

    border: 7px solid#5ab645

}

.welcome-grid p {

    font-size: 1em;

    line-height: 1.8em;

    color: #777;

}

.features {

    text-align: center;

    padding: 4em 0;

	background:#184d33;

}

.feature {

    background: #fff;

    border: 1px solid #E9E9E9;

}

.feature img{

    max-width:100%;

    height:160px;

}

.feature h4{

    font-size: 1.1em !important;

}

.features h3 {

   font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #fff;

}

.feature2 p {

    font-size: 1em;

    line-height: 1.8em;

    color: #777;

    border-top: 5px solid #F2F2F2;

    padding: 1.5em;

}

.feature1 h4 {

    font-size: 1.5em;

    color: #222;

    padding: 1em 0 0.5em;

	text-transform: capitalize;

}

span.glyphicon.glyphicon-user,span.glyphicon.glyphicon-camera,span.glyphicon.glyphicon-calendar,span.glyphicon.glyphicon-gift {

    border-radius: 4em;

    font-size: 2em;

    -webkit-border-radius: 4em;

    -moz-border-radius: 4em;

    -o-border-radius: 4em;

    border: 5px solid #FFF;

    box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

    -webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

    -moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

    -o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);

    display: inline-block;

    padding: 32px;

    background: #5ab645;

    background: -moz-linear-gradient(top, #03bcfd 0%, #019bd1 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab645), color-stop(100%,#5ab645));

    background: -webkit-linear-gradient(top, #5ab645 0%,#5ab645 100%);

    background: -o-linear-gradient(top, #03bcfd 0%,#019bd1 100%);

    background: -ms-linear-gradient(top, #03bcfd 0%,#019bd1 100%);

    background: linear-gradient(to bottom, #5ab645 0%,#5ab645 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03bcfd', endColorstr='#019bd1',GradientType=0 );

    cursor: pointer;

    transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    color: #fff;

}

span.glyphicon.glyphicon-user:hover {

    background-color: #222;

    background-image: -moz-linear-gradient(top,#222,#222);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

    background-image: -webkit-linear-gradient(top,#222,#222);

    background-image: -o-linear-gradient(top,#222,#222);

    background-image: linear-gradient(to bottom,#222,#222);

    background-repeat: repeat-x;

	

}

span.glyphicon.glyphicon-camera:hover{

 background-color: #222;

    background-image: -moz-linear-gradient(top,#222,#222);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

    background-image: -webkit-linear-gradient(top,#222,#222);

    background-image: -o-linear-gradient(top,#222,#222);

    background-image: linear-gradient(to bottom,#222,#222);

    background-repeat: repeat-x;

}

span.glyphicon.glyphicon-calendar:hover{

 background-color: #222;

    background-image: -moz-linear-gradient(top,#222,#222);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

    background-image: -webkit-linear-gradient(top,#222,#222);

    background-image: -o-linear-gradient(top,#222,#222);

    background-image: linear-gradient(to bottom,#222,#222);

    background-repeat: repeat-x;

}

span.glyphicon.glyphicon-gift:hover{

 background-color: #222;

    background-image: -moz-linear-gradient(top,#222,#222);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));

    background-image: -webkit-linear-gradient(top,#222,#222);

    background-image: -o-linear-gradient(top,#222,#222);

    background-image: linear-gradient(to bottom,#222,#222);

    background-repeat: repeat-x;

}

.features-grids {

    margin-top: 3em;

}

.feature1 {

    padding: 1.5em;

}

/*-- slider --*/

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

	display: none;

}

.nbs-flexisel-container {

	position: relative;

	max-width: 100%;

}

.nbs-flexisel-ul {

	position: relative;

	width: 9999px;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: center;

}

.nbs-flexisel-inner {

    overflow: hidden;

    margin-top: 0;

}

.nbs-flexisel-item {

	float: left;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	position: relative;

}

ul#flexiselDemo1 li a{

	text-decoration:none;

	display:block;

}

ul#flexiselDemo1 li a h4{

	text-align: left;

    padding-left: 14px;

	color:#478D06;

	font-family: 'Rancho-Regular';

	font-size:1.2em;

	margin-top:0.5em;

}

ul#flexiselDemo1 li a h4:hover{

	color: #DBC585;

}

.nbs-flexisel-item > a img {	

	cursor: auto;

    position: relative;

    width: 100%;

    margin: 0;

}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

	width: 45px;

	height: 45px;

	position: absolute;

	cursor: pointer;

	z-index: 100;

	margin-top:0em;

}

.nbs-flexisel-nav-left {

    left: 0;

    background: url(../images/img-sprite-left-right.png) no-repeat 0px 0px;

}

.nbs-flexisel-nav-right {

	right: 0px;

	background: url(../images/img-sprite-left-right.png) no-repeat -54px 0px;

}

.most-popular {

    padding: 4em 0;

    background: #f1f1f1;

}

.popular-grid h3,.popular-grid1 h3, .h2gt  {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.popular-grid ul li a {

    font-size: 0.95em;

    line-height: 2em;

    color: #777;

	text-decoration: none;

	  margin-top: 2em;

	padding: 6px 24px;

    background: url(../images/list-arrow.png) no-repeat 0px 10px;

}

.popular-grid ul {

    margin-top: 2em;

	list-style: none;

}

.popular-grid1 p {

    font-size: 1em;

    line-height: 1.8em;

    color: #777;

    margin: 2em 0;

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

	padding-left: 3em;

}

.popular-grid1 h4 a {

    font-size: 0.9em;

    text-decoration: none;

    color: #222;

    text-transform: uppercase;

	padding-left: 3em;

}

.popular-grid ul li a:hover {

    color: #5ab645

}

.touch-section {

    padding: 4em 0;

    text-align: center;

    background-color: #184d33;

}

.touch-grids {

    margin-top: 3em;

}

.touch-grid h4 {

    font-size: 1.5em;

    color: #fff;

    text-transform: capitalize;

}

.touch-section h3 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #fff;

}

.touch-grid h5 {

    font-size: 1.1em;

    padding: 1em 0;

    color: #fff;

}

.touch-grid p {

    font-size: 1em;

    line-height: 1.8em;

    color: #fff;

}

.touch-grid p a {

    text-decoration: none;

    color: #fff;

}

.footer-section{

	padding:2em 0;

	text-align:center;

	background: #5ab645

}

.footer-top p {

	font-size: 0.9em;

	color: #fff;

	font-weight: 400;

}

.footer-top  a {

	font-size: 1em;

	color:#fff;

	font-weight: 400;

	text-transform: capitalize;

}

.footer-top a:hover {

	color: #fff;

}

.footer-top a {

	margin: 0 0.3em

}

/**about**/

.head-top {

    min-height: 115px !important;

}

.about-section{

padding:4em 0;

text-align:center;

}

.about-section h2 {

	    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

    margin-bottom: 0.5em;

}

.about-section img {

   width: 100%;

}

.about-section h5 {

    font-size: 1.2em;

    text-transform: capitalize;

    color: #222;

    margin: 0.8em 0;

    font-weight: 600;

}

.about-section p {

  font-size: 1em;

  line-height: 2em;

  color: #777;

}

.why-choose {

    padding: 4em 0 ;

    text-align: center;

	background-color: #222;

}

.why-choose h3 {

  font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #fff;

}

.choose-grid h4{

  font-size: 1.5em;

  color: #fff;

  text-transform: capitalize;

}

.choose-grid p{

	font-size:1em;

	line-height:1.8em;

	color:#eee;

	margin:1em 0 0

}

.choose-grids {

  margin-top: 3em;

}

.ourteam {

  padding:4em 0;

  text-align: center;

}

.ourteam h3 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.team-grid h4{

  font-size: 1.5em;

  color: #222;

  text-transform: capitalize;

  margin: 0.5em 0 0.3em;

}

.team-grid p {

  font-size: 1em;

  color: #777;

   line-height: 2em;

 }

.team-grids {

  margin-top: 3em;

}

.whatweoffer {

    padding: 4em 0;

	background:#222;

}

.whatweoffer h3 {

 font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #fff;

	text-align:center;

}

.offer-grids {

    margin-top: 3em;

}

.offer-grid h4 {

    font-size: 1.5em;

    color: #fff;

	line-height:1.5em

}

.offer-grid1 h4 {

    font-size: 1.5em;

	margin-bottom: .5em;

    color: #fff;

	line-height:1.5em

}

.offer-grid p{

	font-size:1em;

	line-height:1.8em;

	color:#777;

	padding-top: 1em;

}

.progress-bar-success {

    background-color: #5ab645

}

.progress-bar-info {

    background-color: #5ab645

}

.progress-bar-warning {

    background-color: #5ab645

}

.progress-bar-danger {

    background-color:#5ab645

}

.progress {

   background-color: #fff;

}

/**about**/

/*--services start here--*/

.services {

  padding: 4em 0em;

}

.services-main h2, .services-main h1 {

 font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

	text-align:center;

}

.services1 {

    margin: 3em 0;

}

.serv-text h4,.serv-text h4 a {

  color: #5ab645;

    text-transform: capitalize;

    font-weight: 600;

	font-size:1.1em;

}

.serv-text p {

    font-size: 1em;

    color: #777;

    line-height: 1.8em;

	    padding: .5em 0 0;

}

.packages-section h3 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.packages-section {

    text-align: center;

    padding: 4em 0;

}

.packages-grid h4 {

    font-size: 1.5em;

    color: #222;

    padding: 0.5em 0;

    text-transform: capitalize;

}

.packages-grid p {

    font-size: 1em;

    color: #777;

}

.packages-grid1:hover {

    border: 7px solid#5ab645;

}

.packages-grid1 {

    border: 7px solid#fff;

}

.packages-grids {

    margin-top: 3em;

}

.gallery h2 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.gallery {

    text-align: center;

    padding: 4em 0;

}

/*-- gallery --*/

.gallery-top {

    padding: 4em 0;

	text-align:center;

}

.gallery-grid{

    height:250px;

}

.gallery-grids-top {

    margin-top: 3em ;

}

.gallery-info h2 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.gallery-info p {

  color: #B2B2B2;

  font-size: .9em;

  margin: 1em auto 0;

  line-height: 1.8em;

  width: 70%;

}

.gallery-grid a {

    display: block;

}

.gallery-grid img {

  width: 100%;

  height:220px;

}

.gallery-grid:hover img {

  -webkit-filter: grayscale(100%);

  opacity: 8;

  transition: all 300ms!important;

  -webkit-transition: all 300ms!important;

  -moz-transition: all 300ms!important;

}

.gallery-grids-middle{

	margin:2em 0;

}

.room-section {

  padding: 4em 0;

}

.room-grids {

    margin-top: 3em;

}

.room-grids>div{

    margin: 0px 0px 20px 0px !important;

}

.room-section h2, .room-section h1 {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

    text-align: center;

}

.room2 {

  margin: 2em 0;

}

.room4 {

  margin-top: 2em ;

}

.room-grid1 h4 {

  font-size: 1.5em;

  color: #5ab645;

    font-weight: 600;

  text-transform: capitalize;

}

.room-grid img {

    width: 100%;

}

.room-grid1 p {

  font-size: 1em;

  color: #777;

  line-height:2em;

    margin: 1em 0 0em;

}

a.mask {

  text-decoration: none;

  overflow: hidden;

  display: block;

}

img.zoom-img {

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

  -webkit-transition-timing-function: ease-out;

  -webkit-transition-duration: 250ms;

  -moz-transform: scale(1, 1);

  -moz-transition-timing-function: ease-out;

  -moz-transition-duration: 250ms;

}

img.zoom-img:hover {

  -webkit-transform: scale(1.1);

  -webkit-transition-timing-function: ease-out;

  -webkit-transition-duration: 750ms;

  -moz-transform: scale(1.1);

  -moz-transition-timing-function: ease-out;

  -moz-transition-duration: 750ms;

  overflow: hidden;

}

/*-- typography --*/

.typography-info {

    text-align: center;

    margin-bottom: 3em;

}

h2.type {

    font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

}

.typography {

    padding: 4em 0;

}

.show-grid [class^=col-] {

	background: #fff;

	text-align: center;

	margin-bottom: 10px;

	line-height: 2em;

	border: 10px solid #f0f0f0;

}

.show-grid [class*="col-"]:hover {

  background: #e0e0e0;

}

.grid_3{

	margin-bottom:2em;

}

.xs h3, h3.m_1{

	color:#000;

	font-size:1.7em;

	font-weight:300;

	margin-bottom: 1em;

}

.grid_3 p{

  color: #999;

  font-size: 0.85em;

  margin-bottom: 1em;

  font-weight: 300;

}

.grid_4{

	background:none;

	margin-top:50px;

}

.label {

  font-weight: 300 !important;

  border-radius:4px;

  -webkit-border-radius:4px;

	-moz-border-radius:4px;

}  

.grid_5{

	background:none;

	padding:2em 0;

}

.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg {

    margin-bottom: 1em;

    color: #222;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

  border-top: none !important;

}

.tab-content > .active {

  display: block;

  visibility: visible;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

  z-index: 0;

}

.badge-primary {

  background-color: #03a9f4;

}

.badge-success {

  background-color: #8bc34a;

}

.badge-warning {

  background-color: #ffc107;

}

.badge-danger {

  background-color: #e51c23;

}

.grid_3 p{

  line-height: 2em;

  color: #888;

  font-size: 0.9em;

  margin-bottom: 1em;

  font-weight: 300;

}

.bs-docs-example {

  margin: 1em 0;

}

section#tables  p {

 margin-top: 1em;

}

.tab-container .tab-content {

  border-radius: 0 2px 2px 2px;

  border: 1px solid #e0e0e0;

  padding: 16px;

  background-color: #ffffff;

}

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  padding: 15px!important;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

  font-size: 0.9em;

  color: #999;

  border-top: none !important;

}

.tab-content > .active {

  display: block;

  visibility: visible;

}

.label {

  font-weight: 300 !important;

}

.label {

  padding: 4px 6px;

  border: none;

  text-shadow: none;

}

.nav-tabs {

  margin-bottom: 1em;

}

.alert {

  font-size: 0.85em;

}

h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {

	line-height:1.8em;

  margin-top:0.5em;

  margin-bottom: 0.5em;

}

li.list-group-item1 {

  line-height: 2.5em;

}

.input-group {

  margin-bottom: 20px;

  }

.in-gp-tl{

	padding:0;

}

.in-gp-tb{

	padding-right:0;

}

.list-group {

  margin-bottom: 48px;

}

ol {

  margin-bottom: 44px;

}

h2.typoh2{

    margin: 0 0 10px;

}

@media (max-width:768px){

	.grid_5 {

		padding: 0 0 1em;

	}

	.grid_3 {

		margin-bottom: 0em;

	}

}

@media (max-width:640px){

	h1, .h1, h2, .h2, h3, .h3 {

		margin-top: 0px;

		margin-bottom: 0px;

	}

	.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

		margin-bottom: .5em;

	}

	.progress {

		height: 10px;

		margin-bottom: 10px;

	}

	ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {

		font-size: 14px;

	}

	.breadcrumb {

		margin-bottom: 10px;

	}

	.well {

		font-size: 14px;

		margin-bottom: 10px;

	}

	h2.typoh2 {

		font-size: 1.5em;

	}

}

@media (max-width:480px){

	.table h1 {

		font-size: 26px;

	}

	.table h2 {

		font-size: 23px;

	}

	.table h3 {

		font-size: 20px;

	}

	.label {

		font-size: 53%;

	}

	.alert,p {

		font-size: 14px;

	}

	.pagination {

		margin: 20px 0 0px;

	}

}

@media (max-width: 320px){

	.grid_4 {

		margin-top: 18px;

	}

	h3.title {

		font-size: 1.6em;

	}

	.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {

		font-size: 13px;

	}

	.alert {

		padding: 10px;

		margin-bottom: 10px;

	}

	ul.pagination li a {

		font-size: 14px;

		padding: 5px 11px;

	}

	.list-group {

		margin-bottom: 10px;

	}

	.well {

		padding: 10px;

	}

	.nav > li > a {

		font-size: 14px;

	}

	table.table.table-striped,.table-bordered,.bs-docs-example {

		display: none;

	}

}

/*-- //typography --*/

/***contact page ***/

.contact{

	padding: 4em 0;

}

.contact h2 {

	font-size: 3.5em;

    text-transform: capitalize;

    font-family: 'Rancho-Regular';

    color: #222;

	text-align:center;

}

.google-map iframe {

	width: 100%;

	min-height: 400px;

	border: none;

	margin-bottom: 2em;

}

.google-map {

  margin-top: 3em;

}

.contact-left p {

	color: #777;

	font-size: 1em;

	line-height: 1.8em;

}

.contact-left p a {

    text-decoration: none;

    color: #777;

}

address {

   margin: 1em 0 0;

 }

.contact-right h5{

	font-size:1em;

	text-transform: uppercase;

	font-weight: 400;

	padding: 10px 0;

	color: #222;

	

}

.contact-right input[type="text"] {

	width: 100%;

	padding: 10px 10px;

	font-size: 1em;

	outline: none;

	border: 1px solid #dcdee0;

}

.contact-right textarea {

	width: 100%;

	padding: 10px 10px;

	font-size: 1em;

	height: 10em;

	resize: none;

	outline: none;

	border: 1px solid #dcdee0;

}

.contact-right input[type="submit"] {

	width: 20%;

	font-size: 1em;

	text-transform: uppercase;

	background: #222;

	border: none;

	outline: none;

	margin-top: 0.5em;

	color: #fff;

	font-weight: 500;

	padding: 10px 0;

}

.contact-right input[type="submit"]:hover {

	background: #5ab645;

}

/***End contact page ***/



			/**responsive**/

@media (max-width:1440px){

.slider {

    margin: 18em 0 0;

}

.header {

    min-height: 679px;

}

}

@media (max-width:1366px){

.header {

    min-height: 652px;

}

.slider {

    margin: 16em 0 0;

}

}

@media (max-width:1280px){

.header {

    min-height: 602px;

}

.slider {

    margin: 14em 0 0;

}

}

@media (max-width:1080px){

.header {

    min-height: 486px;

}

.slider {

    margin: 12em 0 0;

}

.rslides h3 {

    font-size: 3.5em;

}

.Welcome-section h2,.about-section h2,.services-main h2,.room-section h2 ,.gallery-info h2,h2.type,.contact h2{

    font-size: 3em;

}

.welcome-grid h4,.feature1 h4,.touch-grid h4 ,.choose-grid h4,.team-grid h4,.offer-grid h4,.offer-grid1 h4,.serv-text h4,.packages-grid h4,.room-grid1 h4{

    font-size: 1.4em;

}

.welcome-grid p,.feature2 p,.popular-grid1 p,.touch-grid p,.about-section p,.choose-grid p,.team-grid p,.offer-grid p,.serv-text p,.packages-grid p,.room-grid1 p,.contact-left p {

    font-size: 0.965em;

}

.features h3,.popular-grid h3, .popular-grid1 h3,.touch-section h3,.why-choose h3,.ourteam h3,.whatweoffer h3,.packages-section h3 {

    font-size: 3em;

}

.about-section h5 {

    font-size: 1.1em;

}

.contact-right h5 {

    font-size: 0.96em;

}

.google-map iframe {

    min-height: 350px;

}

}

@media (max-width:991px){

.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 10px;

}

.navbar-brand h1 a {

    font-size: 1.4em;

}

.navbar-default .navbar-nav > li > a {

    font-size: 1.3em;

}

.header {

    min-height: 363px;

}

.slider {

    margin: 8em 0 0;

}

.rslides h3 {

    font-size: 3em;

}

.Welcome-section,.features,.touch-section,.about-section,.ourteam,.whatweoffer ,.services,.packages-section,.room-section,.gallery-top,.typography,.contact,.why-choose,.most-popular{

    padding: 3em 0;

}

.welcome-grid {

    float: left;

    width: 33.3%;

}

.welcome-grid h4, .feature1 h4, .touch-grid h4, .choose-grid h4, .team-grid h4, .offer-grid h4, .offer-grid1 h4, .serv-text h4, .packages-grid h4, .room-grid1 h4 {

    font-size: 1.3em;

}

.welcome-grid p, .feature2 p, .popular-grid1 p, .touch-grid p, .about-section p, .choose-grid p, .team-grid p, .offer-grid p, .serv-text p, .packages-grid p, .room-grid1 p, .contact-left p {

    font-size: 0.95em;

}

.Welcome-section h2, .about-section h2, .services-main h2, .room-section h2, .gallery-info h2, h2.type, .contact h2 {

    font-size: 2.7em;

}

.features h3, .popular-grid h3, .popular-grid1 h3, .touch-section h3, .why-choose h3, .ourteam h3, .whatweoffer h3,.packages-section h3 {

    font-size: 2.7em;

}

.popular-grid ul li a {

    font-size: 0.85em;

}

.feature-grid {

    float: left;

    width: 50%;

}

.feature-grid:nth-child(3) {

    margin-top: 1em;

}

.feature-grid:nth-child(4) {

    margin-top: 1em;

}

span.glyphicon.glyphicon-user, span.glyphicon.glyphicon-camera, span.glyphicon.glyphicon-calendar, span.glyphicon.glyphicon-gift {

   padding: 25px;

}



.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

    margin-top: 1.5em;

}

.popular-grid {

    float: left;

    width: 41%

}

.popular-grid1 {

    float: left;

    width: 59%;

}

.popular-grid1 h4 a {

    font-size: 0.85em;

}

.touch-grid {

    float: left;

    width: 33.3%;

}

.touch-grid h5 {

    font-size: 1em;

}

.about-section h5 {

    font-size: 1em;

}

.choose-grid {

    float: left;

    width: 33.3%;

}

.team-grid {

    float: left;

    width: 25%;

}

.offer-grid {

    float: left;

    width: 60%;

}

.offer-grid1 {

    float: left;

    width: 40%;

}

.serv-img {

    float: left;

    width: 40%;

}

.serv-text {

    float: left;

    width: 60%;

}

.services-grid {

    margin: 0em 0em 1.5em 0em;

}

.room-grid {

    float: left;

    width: 40%;

}

.room-grid1 {

    float: left;

    width: 60%;

}

.gallery-grid {

    float: left;

    width: 25%;

}

.contact-left {

    float: left;

    width: 50%;

}

.contact-right {

    float: left;

    width: 50%;

}

.contact-right input[type="text"],.contact-right textarea {

    padding: 6px 10px;

}

.contact-right input[type="submit"] {

    font-size: 0.95em;

}

.google-map iframe {

    min-height: 310px;

}

}

@media (max-width:640px){

.navbar-nav {

    float: none;

    margin: 0;

    width: 100%;

    text-align: center;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #652840;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #5ab645;

}

.navbar-default .navbar-toggle {

    border-color: #5ab645;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #fff;

    background-color: transparent;

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #fff;

}

.navbar-toggle {

     background-color: #5ab645;

}

.header-top {

    padding: 1em 0;

}

.navbar-brand {

    padding: 0px 0px;

}

.navbar-default {

    padding: .5em 0;

}

.slider {

    margin: 4.5em 0 0 0;

 }

.navbar-brand h1 a {

    font-size: 1.3em;

}

.rslides h3 {

    font-size: 2.7em;

}

.header {

    min-height: 301px;

}

.navbar-collapse {

    max-height: 387px;

}

.header-top {

    padding: .5em 0;

}

.Welcome-section h2, .about-section h2, .services-main h2, .room-section h2, .gallery-info h2, h2.type, .contact h2 {

    font-size: 2.5em;

}

.welcome-grid h4, .feature1 h4, .touch-grid h4, .choose-grid h4, .team-grid h4, .offer-grid h4, .offer-grid1 h4, .serv-text h4, .packages-grid h4, .room-grid1 h4 {

    font-size: 1.2em;

}

.features h3, .popular-grid h3, .popular-grid1 h3, .touch-section h3, .why-choose h3, .ourteam h3, .whatweoffer h3, .packages-section h3 {

    font-size: 2.5em;

}

.head-top {

    padding-bottom: 0em;

}

.welcome-grid1:hover {

    border: 3px solid#5ab645;

}

.welcome-grid1 {

    border: 3px solid#fff;

}

.Welcome-grids,.features-grids,.touch-grids ,.choose-grids,.team-grids,.offer-grids,.packages-grids,.gallery-grids-top,.google-map,.room-grids{

    margin-top: 2em;

}

.touch-grid {

    width: 100%;

    text-align: left;

}

.touch-grid:nth-child(2) {

    margin: 1em 0;

}

.touch-grid h5 {

    font-size: 0.95em;

}

.about-section h5 {

    font-size: 0.95em;

}

.team-grid {

    float: left;

    width: 50%;

}

.team-grid:nth-child(3) {

    margin-top: 1em;

}

.team-grid:nth-child(4) {

    margin-top: 1em;

}

.offer-grid {

    width: 100%;

	margin-bottom: 1em;

}

.offer-grid1 {

    width: 100%;

}

.services1 {

    margin: 2em 0;

}

.packages-grid {

    float: left;

    width: 50%;

}

.packages-grid1:hover {

    border: 3px solid#5ab645;

}

.packages-grid1 {

    border: 3px solid#fff;

}

.packages-grid:nth-child(3) {

    margin-top: 1em;

}

.packages-grid:nth-child(4) {

    margin-top: 1em;

}

.gallery-grid {

    float: left;

    width: 50%;

    margin-bottom: 2em;

}

.contact-right input[type="submit"] {

    font-size: 0.92em;

    width: 25%;

}

.google-map iframe {

    min-height: 280px;

}

}

@media (max-width:480px){

.header {

    background: url(../../../media/images/banner/banner.jpg) no-repeat -130px 0px;

    background-size: cover;

}

.navbar-brand h1 a {

    font-size: 1.1em;

}

.rslides h3 {

    font-size: 2.5em;

}

.Welcome-section, .features, .touch-section, .about-section, .ourteam, .whatweoffer, .services, .packages-section, .room-section, .gallery-top, .typography, .contact, .why-choose, .most-popular {

    padding: 2em 0;

}

.welcome-grid p, .feature2 p, .popular-grid1 p, .touch-grid p, .about-section p, .choose-grid p, .team-grid p, .offer-grid p, .serv-text p, .packages-grid p, .room-grid1 p, .contact-left p {

    font-size: 0.92em;

}

.Welcome-section h2, .about-section h2, .services-main h2, .room-section h2, .gallery-info h2, h2.type, .contact h2 {

    font-size: 2.2em;

}

.features h3, .popular-grid h3, .popular-grid1 h3, .touch-section h3, .why-choose h3, .ourteam h3, .whatweoffer h3, .packages-section h3 {

    font-size: 2.2em;

}

.welcome-grid {

    width: 100%;

}

.welcome-grid:nth-child(2) {

    margin: 1em 0;

}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

    margin-top: 7.5em;

}

.popular-grid {

    width: 100%;

}

.popular-grid1 {

    width: 100%;

    margin-top: 1em;

}

.popular-grid1 h4 a {

    font-size: 0.75em;

}

.head-top {

    background-size: cover;

    background: url(../../../media/images/banner/banner.jpg) no-repeat 0px 0px;

}

.about-section h5 {

    font-size: 0.9em;

    line-height: 1.58em;

}

.choose-grid {

    width: 100%;

}

.choose-grid:nth-child(2) {

    margin: 1em 0;

}

.services-grid {

    padding: 0px;

}

.room-grid {

    width: 100%;

}

.room-grid1 {

    width: 100%;

 margin-top: 1em;

}

.google-map iframe {

    min-height: 250px;

}

.contact-left {

    width: 100%;

}

.contact-right {

    width: 100%;

 margin-top: 1em;

}

.contact-right input[type="text"], .contact-right textarea {

    padding: 4px 10px;

}

.contact-right input[type="submit"] {

    font-size: 0.9em;

    width: 20%;

}

}

@media (max-width:320px){

.header-top {

    padding: 0;

}

.rslides h3 {

    font-size: 2.1em;

}

.nav > li > a {

    padding: 6px 10px;

}

.header {

    background: url(../../../media/images/banner/banner.jpg) no-repeat -200px 0px;

    background-size: cover;

	    min-height: 260px;

}

.slider {

    margin: 4em 0 0 0;

    width: 100%;

}

.welcome-grid {

    padding: 0;

}

.feature-grid {

    padding: 0;

}

.Welcome-section, .features, .touch-section, .about-section, .ourteam, .whatweoffer, .services, .packages-section, .room-section, .gallery-top, .typography, .contact, .why-choose, .most-popular {

    padding: 1em 0;

}

.Welcome-grids, .features-grids, .touch-grids, .choose-grids, .team-grids, .offer-grids, .packages-grids, .gallery-grids-top, .google-map,.room-grids {

    margin-top: 1em;

}

.Welcome-section h2, .about-section h2, .services-main h2, .room-section h2, .gallery-info h2, h2.type, .contact h2 {

    font-size: 2em;

}

.features h3, .popular-grid h3, .popular-grid1 h3, .touch-section h3, .why-choose h3, .ourteam h3, .whatweoffer h3, .packages-section h3 {

    font-size: 2em;

}

.feature-grid {

    width: 100%;

}

.feature-grid:nth-child(2) {

    margin-top: 1em;

}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

    margin-top: 5.5em;

}

.popular-grid {

    padding: 0;

}

.popular-grid1 {

    padding: 0;

}

.popular-grid ul {

    margin-top: 1em;

}

.footer-section {

    padding: 1em 0;

}

.head-top {

    background-size: cover;

    background: url(../../../media/images/banner/banner.jpg) no-repeat 0px 0px;

	    min-height: 100px !important;

}

.team-grid {

    width: 100%;

	padding:0;

}

.choose-grid {

    padding: 0;

}

.team-grid:nth-child(2) {

    margin-top: 1em;

}

.offer-grid {

    padding: 0;

}

.offer-grid1 {

    padding: 0;

}

.serv-img {

    width: 100%;

	padding: 0;

}

.serv-text {

    width: 100%;

    margin-top: 1em;

    padding: 0;

}

.room-grid1 {

    padding: 0;

}

.room-grid {

    padding: 0;

}

.gallery-grid {

    float: none;

    width: 100%;

    margin-bottom: 1em;

    padding: 0;

}

.contact-left {

    padding: 0;

}

.contact-right {

    padding: 0;

}

.contact-right input[type="submit"] {

    font-size: 0.9em;

    width: 24%;

}

}



.order input{

    width:100%;

    border:1px solid #dedede;

    border-width:0px 0px 1px 0px;

    padding:5px;

    outline: none;

}

.order ul li{

    width:100%;

    margin:0px 0px 7px 0px;

} 

.order .ngay{

    width: 50%;

}



.order .gio{

    width:20%;

}

.order .socho{

    width: 25%;

    float: right;

}

.order .noidung{

    width:100%;

    border:1px solid #dedede;

    min-height:150px;

    outline: none;

    padding:1%;

}

.order button{

    background: #184d33;

    color: #fff;

    padding: 5px 20px;

    border: 1px solid #184d33;

}

.event_room{

    width:100%:

    margin: 0px 0px 20px 0px !important;

}

.event_room img{

    border: 5px solid #5ab645;

}

.product-list .row{

    margin:0px 0px 20px 0px;

}

.event_info{

    color:#5ab645;

}

.event_info span{

    color:#5ab645;

    font-weight: bold;

}

.event_info>a{

    float: right;

    font-weight:bold;

    color:#5ab645;

}



.event_order{

    margin: 20px 0px 0px 0px;

}

.album_list{

    margin:0px 0px 20px 0px;

}

.album_list img{

    height:253px;

    margin:0px 0px 10px 0px;

}

.navbar-fixed-top{

    position: fixed !important;

    top:0px;

    left:0px;

    width:100%;

}

.list_error{

    color: #fe0000;

    font-style: italic;

    font-weight: bold;

    border-left: 3px solid;

    padding: 0px 0px 0px 10px;

    line-height: 24px;

}

.success{

    color: #0ab762;

    font-weight: bold;

    border-left: 3px solid;

    padding: 0px 0px 0px 10px;

}

#booking select{

    width: 100%;

    height: 30px;

    border: 1px solid #dedede;

}

.event_list{

    padding: 5px !important;

}

.navbar-fixed-top{

    background: #fff;

}