.chromeframe + div { display: none; }
body { font-family: 'Open Sans', sans-serif; }
header { background: #fece16; }
header .navbar-nav > li > a { line-height: 112px; color: #554300; font-weight: 600; text-transform:uppercase}
header .navbar-nav > li > a:hover, header .navbar-nav > li > a:focus { color: #fff; background: #cf4a4b; }
h2 { font-size: 32px; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; }
.icon-bar { background: #fff; }
.line { clear: both; display: block; margin-bottom: 25px;margin-top:25px }
.line .line1 { border-bottom: 2px solid yellow; width: 3%; float: left; }
.line .line2 { border-bottom: 2px solid red; width: 2%; float: left; }
.line .line3 { border-bottom: 1px solid white; width: 95%; float: left; }
.scrollup { background: none repeat scroll 0 0 #000; bottom: 40px; cursor: pointer; display: none; height: 40px; opacity: 0.8; position: fixed; right: 20px; width: 40px; z-index: 999; border-radius: 5px; text-align: center; }
.scrollup i { color: #fff; font-size: 20px; top: 8px; position: relative; }
.scrollup:hover { background: #eee; }
.scrollup:hover i { color: #000; }

/**************************Carousel*********************/

.carousel .item { max-height: 500px; /*slider height*/ }
.carousel .item img { width: 100%; /*img width*/ }
.caption-content { display: table; left:20%; margin: 0 auto; position: absolute; top: 20%; }
.caption-content span { color: white; text-shadow: 3px 3px 0px #000; font-size: 45px; display: table; font-weight: bold; text-transform:uppercase;background:none;margin:2px; padding:2px 10px}
.caption-content span:last-child{background:#cf4a4b;font-size: 50px;}
a.carousel-control span.glyphicon { background: none repeat scroll 0 0 #000000;display:block;font-size: 19px;padding: 5px;width: 34px;}

/********************Aboutus***************************/

section.aboutus { padding: 60px 0; }
.aboutus h2 { color: #cf4a4b; }
.aboutus .line > .line3 { border-color: #949494; }
.aboutus .media-left { padding-right: 40px; }
.aboutus .media-body > p { line-height: 25px; }

/**************************MISSION*********************/

#mission { background: red; }
div.mission { min-height: 300px; padding: 60px 0; position: relative; }
div.mission .line + p { line-height: 30px;font-size:16px }
div.mission:before { background: url('../images/introducing_bg.jpg') no-repeat center center/cover fixed; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.mission > .container { z-index: 2; position: relative; color: #fff; }
div.mission p { line-height: 4; }

/**************************Space*********************/

#space { background: #8f6b2d; }
div.space { min-height: 300px; padding: 60px 0; position: relative; }
div.space:before { background: url('../images/slider1.jpg') no-repeat center center/cover fixed; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.space > .container { z-index: 2; position: relative; }
div.space > .container > article { display: inline-block; background: #feffe6; border-radius: 5px; width: 18.7%; padding: 40px 15px 15px 15px; }
div.space > .container > article:hover {background: #fff;}
div.space > .container > article + article { margin-left: 1%; }
div.space h2 { color:#fff}
div.space .line {margin-bottom:50px}
div.space article span { color:#6b5222;text-align:center;width:100%;display:block}
div.space article h3 { color:#94190a;margin-top:10px;margin-bottom:30px;text-align:center}
.total {width: 80%;cursor: default;color: #fff !important;font-size: 28px;font-weight: 600}
/**************************GALLERY*********************/

#gallery { background: #00afbf; }
div.gallery { min-height: 300px; padding: 60px 0; position: relative; }
div.gallery:before { background: url('../images/slider2.jpg') no-repeat center center/cover fixed; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.gallery > .container { z-index: 2; position: relative; }
div.gallery h2 { color:#fff}
div.gallery .line {margin-bottom:50px}
/**************************Amenities*********************/

#amenities { background: #a12211; }
div.amenities { min-height: 300px; padding: 60px 0; position: relative; }
div.amenities:before { background: url('../images/slider3.jpg') no-repeat center center/cover fixed; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.amenities > .container { z-index: 2; position: relative; }
.amenities .fa-ul { float: left; margin-right: 20px; }
.amenities .fa-ul li { margin-top: 20px; font-size: 20px; color: #fff; }
.amenities h2 { color: yellow; }

/**************************Tenents*********************/

#tenents { background: #fece16; }
div.tenents { min-height: 300px; padding: 60px 0; position: relative; }
div.tenents:before { /* background: url('../images/introducing_bg.jpg') no-repeat center center/cover fixed;*/ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.tenents > .container { z-index: 2; position: relative; }
.tenents h2 { text-align: center; }
.tenents .media { margin-top: 40px; margin-left: 15%; }
.tenents .media h4 { color: #333; font-size: 25px; font-weight: 300; }

/**************************Convenient*********************/

#convenient { background: #000c1c; }
div.convenient { min-height: 300px; padding: 60px 0; position: relative; }
div.convenient:before { background: url('../images/slider1.jpg') no-repeat center center/cover fixed; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: .4; }
div.convenient > .container { z-index: 2; position: relative; }
.convenient .fa-ul { float: left; margin-right: 25px;width:25% }
.convenient .fa-ul li { font-size: 20px; color: #fff; margin-top: 25px; }
.convenient .fa-ul li li { list-style-type: disc; margin-top: 10px; }
.convenient h2 { color: #fff; }

/**************************Contact*********************/

#contact { background: #ab8c77; }
div.contact .addresses { background: #422b25; color: #fff; }
div.contact .addresses a:focus, a:hover, a:visited { color: #fff; }
div.contact .container > .row > div { margin-top: 40px; margin-bottom: 40px; height: 300px; overflow: hidden; }
#map-container { height: 300px; }
.contact address { display: block; overflow: hidden; }
.contact address span { float: left; }
.contact address span:first-child { margin-right: 15px; }
.contact address span i { font-size: 20px; }
.contact h4 { font-size: 20px; margin-bottom: 20px; }

/*********************Newsletter and Social*****************/

#newsletter { background: #8a6256; }
.newsletter { color: #fff; padding: 60px 0; }
.newsletter h4 { font-size: 20px; margin-top: 0; }
.newsletter .fa-lg { font-size: 2.5em; }
.newsletter .fa-circle:before { color: #ab8c77; }
.newsletter .input-group .btn { background: #422b25; border-color: #422b25; color: #fff; }
.newsletter .fa-stack { cursor: pointer; }
i.fa-inverse { transition: all .5s; }
.newsletter .fa-stack:hover i.fa-inverse { color: #432b27; }
.newsletter .form-control:focus { box-shadow: none; border-color: #422b25; }

/**************************FOOTER************************/

footer { background: #422b25; color: #fff; line-height: 5; }

/**************************Media query*********************/

@media (max-width: 767px) /*XS Extra Small Device*/ {
  .caption-content span { font-size: 20px; margin-left: 0 !important; }
  .caption-content span:last-child{font-size: 25px;}
  div.space > .container > article { width: 100%; margin: 5px 0 5px 0 !important; }
  header .navbar-nav > li > a{line-height:1}
  .navbar-toggle{margin-top:55px;margin-right:0}
  div.contact .container > .row > div{margin-top:0;margin-bottom:0}
  .social{text-align:left;margin-top:60px}
  footer{line-height:2}
  footer .row span{text-align:left;margin-top:10px;margin-bottom:10px}
  .convenient .fa-ul {width: 90%;display: block}
 
}

@media (min-width: 768px) and (max-width: 991px) /*SM - Tablet*/
{
  .caption-content span { font-size: 25px; }
  .navbar-toggle{margin-top:55px;margin-right:0}
  /*Nav bar collapse in Tablet*/
  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	header .navbar-nav > li > a{line-height:1}
}

@media (min-width: 992px) and (max-width: 1199px) /*MD Medium desktop*/
{
  .caption-content span { font-size: 35px; }
header .nav > li > a{padding-left:10px;padding-right:10px}
header navbar-collapse

}

@media (min-width: 1200px) /*LG Large Desktop*/
{
}