@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-style: normal }
body, html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
.al { float: left }
.ar { float: right }
.an { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0 }
img { border: 0; vertical-align: top }
.imgW100p {width:100%;}
a {text-decoration: none; cursor: pointer!important; color: #000000;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover {color:#c42026; text-decoration:none;}

h1{ color:#fff; line-height:normal; font-size:30px; font-family: 'RobotoBold'; font-weight:normal;}
h2{ color:#c42026; line-height:normal; font-size:30px; font-family: 'RobotoBold'; font-weight:normal; padding-bottom:15px;}

html, body { height: 100%; width: 100% }
body { font-family: 'RobotoRegular'; font-size: 18px; line-height:25px; color:#000; background-color:#fff; overflow-y:scroll; }

.btn, .form-control, button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #4F4F4F; 	
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 12px; height: 40px; transition: all .2s linear}
textarea, textarea.form-control{ resize: none; height: 120px;}
button, .btn{background: #c42026; border: 1px solid #c42026; color: #fff;}
button:hover, .btn:hover{background: #730004; border: 1px solid #730004; color: #fff;}

.wrapper {width:1200px; margin: 0px auto;}
p {padding-bottom: 20px; }

.header{ background-color: #f8f8f9;}
.top{ background:#eee; padding:10px 0; text-align:right;}
.top a{ margin-left:18px;}
.top a i{ margin-right:7px;}
.shadow{}
.logo{ float:left; padding:14px 0;}
.navbar-default{ float:right; padding-top:30px; background-color: transparent; border-color: transparent; margin:0;}
.navbar-default .navbar-nav>li{ font-size:22px; font-family: 'RobotoRegular';}
.navbar-default .navbar-nav>li>a{ color:#000; padding:12px 18px; margin-left:10px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color:#fff; background-color:#c42026;}
.navbar-collapse, .navbar-default .container-fluid{ padding:0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{ color:#fff; background-color:#c42026;}
.banner {position: relative;}
.bannerText {position: absolute; top: 300px; left: 0; width:100%; text-align: center; z-index: 9999; color:#fff;}
.bannerText h1{ padding-bottom:10px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color:#c42026 !important;}
.owl-theme .owl-dots .owl-dot span{background-color: #666 !important;}
.contant{ padding-top:25px; min-height: 550px;}
.footer{ background-color:#f8f8f9; border-top:3px solid #c42026; padding:25px 0; margin-top:20px;}
.copy{ float:left;}
.footer-social{ float:right;}
.footer-social a{ margin-left:30px; color:#666;}
.footer-social a:hover{ color:#c42026;}

.amenities ol { margin-left: 20px;}
.amenities ol li{ list-style: decimal; line-height: 30px; text-transform: uppercase;}

.contact-form ul { }
.contact-form ul li { padding: 0 9px 20px; width: 50%; display: block; float: left; position: relative;}
.contact-form ul li label{position: absolute; bottom: 0;}
.contact-form ul li.width100 { width: 100%}
.contact-form .btn {min-width: 150px}
.address-detail{ line-height: 30px;}
.map{ max-width: 850px; width: 100%; margin: 25px auto 0}
.gallery { margin-left: -8px; margin-right: -8px;}
.gallery img{ max-width: 100%;}
.gallery .col-md-3{ padding: 0 8px 15px 8px;}

.hero-banner {
    width: 100%;
    /* background:url(../img/Hero-Banner.png) no-repeat;
    background-size: cover; */
    margin: 0;
    padding: 0;
    position: relative;
}
.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    width: 100%;
    height: 100%;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    object-fit: cover;
    left: 0;
    width: 100%;
    height: 100%;
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

#light {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 600px;
    max-height: 360px;
    margin-left: -300px;
    margin-top: -180px;
    border: 2px solid #FFF;
    background: #FFF;
    z-index: 1002;
    overflow: visible;
}

#boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
}

.boxclose:before {
    content: "×";
}

#fade:hover ~ #boxclose {
    display: none;
}

.test:hover ~ .test2 {
    display: none;
}