@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');

body{font-family: 'robotolight'; background: #fafafa;}
a {text-decoration: none;}
div {box-sizing: border-box;}
.main_container {width: 100%;}
.container {height: auto; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 2%}
header{width: 100%; background: #fff; float: left; position: fixed;    z-index: 7;}
.logo{float: left;margin: 10px 0 6px;}
input:focus,a:focus{outline: none;}
input{-webkit-appearance: none;-moz-appearance: none; border-radius: 0;}

.enq-form {width: 100%; float: left; background: #eed7b7; padding: 15px 0; position: fixed; display: none; top: 0; z-index: 2;}
.form-wrap {width: 96%; margin: 0 2%;}
.form-row {width: 23%; float: left; padding: 0 1.5%;    position: relative;}
.form-wrap span {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;margin-left: 2%;}
.form-row input {width: 100%;    text-align: left; background: transparent; font-family: 'robotolight'; color: #996633; border: 1px solid #990000;padding: 6px 2%; font-size: 16px; box-sizing: border-box;}
:-moz-input-placeholder{color: #996633;}
::-webkit-input-placeholder{color: #996633;}
.form-row input[type="button"] {background: #990000; color: #fff;    text-align: center; cursor: pointer; font-weight: bold}

nav{float: left; margin:2.8% 0 0 10%;}
nav ul li{float: left; display: block;font-size: 18px; color: #666666; margin: 0 20px 0;}
nav ul li a{display: block; font-size: 13px; color: #666666; text-transform: uppercase;border-bottom: transparent;padding-bottom: 7px; position: relative;}
/*nav ul li a:hover{color: #8a0806;border-bottom: 2px #8a0806 solid;}
nav ul li a.active{color: #8a0806;border-bottom: 2px #8a0806 solid;}*/
nav ul li:first-child,nav ul li:last-child{display: none;}
body .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #000;
}
body .intl-tel-input {
    width: 100%;
}.thank_container .inner_container h1 {
    font-size: 21px;
    margin-top: 20vh;
    padding: 0 2% 2%;
    line-height: normal;
}
.menu_icon {
    position: absolute;
    top: 39%;
    right: 215px;
    background: url(../images/menu_icon.png) no-repeat;
    height: 17px;
    width: 17px;
    z-index: 99;
    display: none;
}


/*nav ul li a:after{position: absolute; top: 0; left: 0; content: ""; height:3px; width: 73px; background: #8a0806; opacity: 0;}
nav ul li a:hover:after{opacity: 1;}*/

nav ul li a span{height: 2px;width: 50px; background: #8a0806; display: block;margin: 8px auto 0; opacity: 0;}
nav ul li.activee a span{opacity: 1;}

.enq_btn{position: absolute; top: 0; right: 0; background: #8a0806; text-align:center; height: 100%; width: 20%;box-sizing: border-box;}
.enq_btn a{color: #f0d9b8 !important; text-decoration: none; font-size: 20px;font-family: 'robotoregular';padding: 28px 0;display: block;}
.enq_btn a:hover, .enq_btn a:active{text-decoration: none;}
.enq_btn img{margin-left: 10px;vertical-align: middle;}

.banner_container{width: 100%; position: relative;    height: 100vh;}
/*.banner_container img{width: 100%;position: absolute;left: 0;top: 0;z-index: -1;height:100vh;}*/
.banner_main{background: url(../images/banner01.jpg) no-repeat; background-size: cover;height:100vh;}
.banner_main.banner_main2{background-image: url(../images/banner02.jpg)}
.banner_text{position: absolute; top: 40%; right: 5%;    width: 30%;}
.banner_text.banner_text2 {
    right: 2%;
}
.banner_text img{width: 100%;}

footer{width: 100%; background: rgba(0,0,0,0.8); padding:8px 0; position: fixed; bottom: 0; left: 0;    z-index: 1;}
ul.social_links {float: right;margin-top: 5px;}
ul.foot_links li {display: block; float: left; color: #fff; font-size: 11px; margin: 0 12px 0 0;line-height: 25px;}
ul.social_links li {display: block; float: left;margin: 0 10px;}
ul.social_links li:last-child {margin-right: 0}
ul.social_links li a {display: block;}
ul.social_links li a.fb_icon {background: url(../images/social_icons.png); height: 16px; width: 9px;}
ul.social_links li a.twitt_icon {background: url(../images/social_icons.png); height: 16px; width: 20px; background-position:-34px 0;}
ul.social_links li a.you_icon {background: url(../images/social_icons.png); height: 16px; width: 20px; background-position:-74px 0px;}
ul.social_links li a.in_icon {background: url(../images/social_icons.png); height: 16px; width: 17px; background-position:-115px 0px;}
ul.social_links li a.gplus_icon {background: url(../images/social_icons.png); height: 16px; width: 21px; background-position:-154px 0px;}
.brochure{position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; color: #f0d9b8; font-size: 12px; border:1px #f0d9b8 solid;padding:3px 0;
border-radius: 15px; display: block; width: 120px; line-height: 17px; bottom: 8px;}


.inner_container{width: 100%; background: #fafafa; padding-top: 50px;clear: both; float: left;-webkit-box-shadow: inset 0px 8px 16px 0px rgba(226,225,225,1);
-moz-box-shadow: inset 0px 8px 16px 0px rgba(226,225,225,1);
box-shadow: inset 0px 8px 16px 0px rgba(226,225,225,1);}

.overview_section{width: 1040px; margin: 0 auto; height: auto;}
.over_img{float: left; width: 50%; position: relative; z-index: 1;}
.over_content{float: left;width: 45%; text-align: center; margin-top: 13%; position: relative;}
.inner_container h2{font-size: 42px; color: #999999; margin-bottom: 8px;font-family: 'Oswald', sans-serif;font-weight: 300; letter-spacing: 8px;}
.inner_container h1{font-size: 51px; color: #333333; position: relative; text-align: center;  text-transform: uppercase; margin-bottom: 30px; padding-bottom: 15px;font-family: 'Oswald', sans-serif; font-weight: 400;}
.inner_container h1:after{position: absolute; content: " "; width: 95px; height: 4px; background: #8a0806; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.inner_container p{color: #666666; font-size: 18px; line-height: 22px;}
.over_content h1{margin-bottom: 50px;}
.over_content:before { border: 1px #ccc solid;position: absolute;top: -23%;left: -83%;content: ""; width: 190%;height: 155%;}

.amenity-wrap {display: block; text-align: center; height: 80vh;}
.amenity_section {width: 82%; margin: 0 auto}
.amenity-slider {width: 43.5%; float: left;}
.amenity-content {width: 56.5%; float: right;background: #4a4a4a; color: #fff; box-sizing: border-box; padding: 2%;}
.amenity-content ul li {display: block; width: 25%;height: 100px; float: left;margin:20px 0 0px;}
.amenity-content ul li span {display: block; color: #999999; margin: 7% 0 0; font-size: 14px; line-height: 17px;}
.amenity-content ul li img {max-width: 40%}

.location-section {width: 92%; position: relative; margin: 2% 4% 0; float: left;}
.location-right {width: 38%; float: left; margin-left: 6%; position: relative;}
.location-section:after {position: absolute; width: 80%; right: 0; content: ''; border: 1px #ccc solid; top: -6%; height: 110%}
.f-loc {width: 100%; float: left; text-align: center; padding-top: 45px;  font-weight: 700; color: #666666;}
.location-right span {display: block; margin: 13px 0; line-height: 20px;}
.f-loc img {vertical-align: middle; margin-right: 7px}

.gallery-section {width: 80%; margin: 0 10%; float: left;     min-height: 400px;}
body.home{}
.gallery footer {float: left; position: relative; margin-top: 40px}

.overley_layer{position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255,255,255,0.1); z-index:6; display: none;}

.filter {
    margin-bottom: 1em;
    padding: 0.7em 0 0.7em;
    border-radius: 10px;
    text-align: center;
}

.filter span {
    padding: 0: ;
    0 0;
    font-family: Georgia, cursive;
    font-style: italic;
}

.filter a {
    color: #666666;
    font-size: .75em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 3px 20px;
}

.filter a:hover {
    color: #B9121B;
}

.filter a.selected {
    color: #fff;
    background: #8a0806;
    border-radius: 12px;
}

.thumbnail_wrap {
    position: relative;
    width: 100% !important;
    height: auto !important;
}

.thumbnail_wrap a.thumbnail {
    width: 25%;
    float: left;
    padding: 0.5%;
    box-sizing: border-box;
}

a.thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

a.thumbnail img:hover {
    box-shadow: 0px 0px 4px #4C1B1B;
}

.clear_floats {
    clear: both;
    line-height: 1px;
}

#walkthrough {display: none;}
.form-wrap .error {
    position: absolute;
    top: 45px;
    font-size: 12px;
    
    color: #990000;
    left: 11px;
}section#section2,section#section3,section#section4,section#section5 {
    padding-top: 100px;
}
section#section5{height: 85vh}
section#section2 {
    height: 85vh;
}section#section3 {
    padding-bottom: 20px;
}nav ul li.activee a span {
    opacity: 1;
}a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 8px;
    bottom: 75px;
    background: url(../images/up-arrow.png) no-repeat center center;
    background-size: cover;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
}

.lightbox_bg {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    height: 100%;
     width: 100%; 
    z-index: 999;
}

.close_popup {
    padding: 0;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 19px;
    height: 20px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close1.png) no-repeat;
}

.light_inner{height: 100%; width: 100%; display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;flex-flow:row wrap;
-webkit-flex-flow:row wrap; align-items:center;}


.enquire_footer_form{background: url(../images/roadblock_bg.jpg) no-repeat; width: 780px; margin: 0 auto; text-align: center; background-size: cover; position: relative;
    box-sizing: border-box;box-shadow: 0px 1px 10px 4px #ccc;}
.enquire_footer_form .form_content {float: right; width: 100%;  box-sizing: border-box;color: #fff;}
.enquire_footer_form h4{font-size: 17px; color: #000000;font-weight: bold; text-transform: uppercase; line-height:28px; margin: 10px auto 5px; text-align: center;font-family: 'robotoregular';}
.enquire_footer_form h4 small{color: #981b1e; font-size: 25px;}
.enquire_footer_form .pay_text{color: #000000; text-align: center; font-size: 21px; margin: 20px auto 0; font-weight: bold;text-transform: uppercase;width: 76%; border-top: 1px #000000 solid;border-bottom: 1px #000000 solid; padding: 5px 0;line-height: 24px;font-family: 'robotoregular';}
.enquire_footer_form .input_text{float: left; width: 27%; background: #cccccc;color: #1d150b; border: 2px #fff solid; margin: 0 5px;padding: 8px 10px; font-size: 13px;
    font-family: 'Roboto', sans-serif;-webkit-appearance: none;}
.enquire_footer_form .submit_btn{border: none; background-color: transparent; font-size: 0; width: 30px; height: 30px;background-image: url(../images/sub-pop.png);
    cursor: pointer; -webkit-appearance: none;}
input:focus{outline: none;}
.road_form{width: 100%; padding: 15px; width: 100%; float: left;    background: #fff;}
.error_new{border: 1px #ef0909 solid !important; box-shadow: 0 0 5px rgba(239, 9, 9, 1)!important;}

.road_logo{float: left;width:100%;}
.road_adani_logo{float: right; margin-right:7%;}
.r-cont {width: 60%;float: right;text-align: center;}
.r-cont img {max-width: 100%}

.enquire_footer_form .intl-tel-input{width: 28%;float: left;margin: 0 5px;}
.enquire_footer_form .intl-tel-input .input_text{padding-left:45px !important; padding-top: 8px !important;padding-bottom: 8px !important; width: 100%; margin: 0 !important;}
.intl-tel-input .selected-flag:focus{outline:none;}

.enquire_footer_form .input_text:-moz-input-placeholder{color: #1d150b;}
.enquire_footer_form .input_text::-webkit-input-placeholder{color: #1d150b;}
.location-right ul li{
    padding-bottom: 5px;
    color: #666;
}
.enquire_footer_form .close_popup {
    padding: 0;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close-icon.png) no-repeat;
}



.modal-body table { 
  width: 100%; 
  border-collapse: collapse; 
}

/* Zebra striping */
.modal-body .table-head {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.modal-body tr:nth-of-type(odd) { 
  background: #eee; 
}
.modal-body th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.modal-body td, .modal-body th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


/*Desk*/