@import 'font.css';

body {
	padding: 0px;
    margin: 0px;
    color: #444444;
	font-family: 'BrandonGrotesque-Medium';
    font-size: 14px;
    line-height: 26px;
}

html, body{ height: 100%; }

.wrap_inner {
	max-width: 1144px;
    margin: auto;
}

#video_section .video_frame {
      height: 100%;
      position: fixed;
      width: 100%;
      top: 0px;
}
#video_section.video_section_for_mobile .video_frame{
      height: 100%;
      position:relative;
      width: 100%;
      top: 0px;
}

#video_content {
	width: 100%;
  	display: table;
    margin-top: 17%;
  	position: fixed;
    top: 0;
  	text-align: center;
    z-index: 1;  
}

#video_section.video_section_for_mobile #video_content{
	width: 100%;
  	display: table;
    margin-top: 7%;
  	position:absolute;
    top: 0;
  	text-align: center;
    z-index: 1; 
}

#video_content .video_text {
	max-width: 1144px;
  	display: table-cell;
  	vertical-align: middle;
    color: #fff;
}

#video_content .video_text .block {
	z-index: 1;
}

body.not-front #header_top {
    background: #f0f0f0;
}

body.front #header_top {
  	position: fixed;
  	width: 100%;
    z-index: 1;
    top: 0px;
    background: none;
}

#popup_top_navigation {
    background: #35aee3;
}

#header_top.active-trial #popup_top_navigation {
    padding: 10px 0px;
}

#header_bottom {
	width: 100%;
    padding: 8px 0px 30px;
	 background:url(../images/header_bottom_bg.png) no-repeat 50% 50%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
#header_bottom_widget,
#main_title {
	width: 100%;
	overflow: hidden;
}

.header_menu {
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

#breadcrumb_area {
  float: left;
  width: 60%;
}

.widget_area {
    overflow: hidden;
}

body.front.stick_menu #header_top {
    top: 56px;
    z-index: 11;
}

body.front.stick_menu #header_top .header_menu {
	display: none;
}

body.front.stick_menu #header_top .wrap_inner {
    position: relative;
}

#featured_area {
	width: 100%;
    padding: 42px 0px 20px;
	background: #fff url(../images/content_top_box_bg.png) repeat-x 0% 0%;
}

#global_wrap {
	position: relative;
    z-index: 1;
}

body.front.show_dropdown_menu #global_wrap {
    z-index: 11;
}

body.hover_fixed_menu #global_wrap {
	margin-top: 0px !important;
    transition: margin 5s linear;
}

body.hover_fixed_menu #header_middle {
  position: fixed;
  z-index: 9;
}

.stick_menu #header_middle,
.stick_menu #mobile_header_wrapper {
	width: 100%;
	position: fixed;
    top: 0px;
    z-index: 111;
}

#header_middle {
    width:100%;
    height: 53px;
    background:url(../images/wrap_menu_bg.png) no-repeat 50% 50%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

#logo_area {
	width: 70px;
    float: left;
    position: relative;
    z-index: 11;
}

#logo_area .navbar-btn {
  	margin-bottom: 7px;
  	margin-top: 7px;
}

#map_section {
    width:100%;
    height:100%;
}

body.hover_fixed_menu #map_section {
  top: 53px;
}

#bvi_dream_section {
    width:100%;
    height:100%;
    padding: 125px 0px 85px 0px;
    background:url(../images/dream_section_bg.png) no-repeat 50% 50%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
body.front #bvi_dream_section{
margin-top:-10px;
}

#events_section {
    width:100%;
    height:100%;
    padding: 38px 0px 26px 0px;
    overflow: hidden;
    background: #5db4bd;
}

#special_promo_area {
    width:100%;
    height:100%;
    padding: 35px 0px 32px;
    background:url(../images/promo_bg.png) repeat-x 0% 0%;
}

/****
   **  Main Area
   **/

body.front #main_area {
    width:100%;
    height:100%;
    background:url(../images/maindiv.png) no-repeat 50% 50%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    min-height: 700px;
}

body.not-front #main_area {
    padding-bottom:90px;
    background: #f0f0f0 url(../images/selected_maindiv_bg.png) repeat-x 0% 100%;
}

#maindiv {
	max-width:1144px;
    margin: auto;
    padding-top: 25px;
    padding-bottom: 0px;
    overflow:hidden;
}

body.front #maindiv {
	max-width:982px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow:hidden;
}

#facebook_box_area {
    width:665px;
    float:left;
}

#instagram_box_area {
    width:310px;
    float:right;
}

#sidebar_first {
    width: 266px;
    float:left;
}

#midcontent {
    width:100%;
    padding: 30px 30px 0px 30px;
    float:left;
}

body.front #midcontent {
    padding: 0px;
}

body.not-front #midcontent {
	font-family: 'HelveticaNeue';
    padding-bottom: 70px;
}

#sidebar_second {
    width: 266px;
    float:right;
}

body.sidebar-first #midcontent {
    width:848px;
    padding: 0px;
    margin-left: 30px;
    float:left;
}

body.sidebar-second #midcontent {
   width:848px;
   padding: 0px;
   margin-right: 30px;
   float:left;
}

body.two-sidebars #midcontent {
    width:552px;
    padding: 0px;
    margin: 0px 30px;
    float:left;
}

#sidebar_first .block,
#sidebar_second .block {
    margin-bottom: 10px;
}

.well {
  background: none;
  border: 0px;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
}

/****
   **  Main Area Close
   **/

body.front #footer {
    border-top: 58px solid #5DB4BD;
}

#footer {
    overflow: hidden;
   -webkit-box-shadow: inset 0 10px 10px -5px rgba(0,0,0,0.7),inset 0 -8px 10px -8px rgba(0,0,0,0.7);
    -moz-box-shadow: inset 0 10px 10px -5px rgba(0,0,0,0.7),inset 0 -8px 10px -8px rgba(0,0,0,0.7);
    box-shadow: inset 0 10px 10px -5px rgba(0,0,0,0.7),inset 0 -8px 10px -8px rgba(0,0,0,0.7);
    border-bottom: 53px solid #5DB4BD;
    background: #fff;
}

#footer .footer_menu,
#footer .footer_middle,
#footer .footer_copyright {
	width: 100%;
    overflow: hidden;
}

#footer .footer_menu {
	padding-top: 46px;
}

#footer .footer_middle {
	padding: 34px 0px 25px 0px;
    overflow: hidden;
}

#footer .footer_middle .block {
	width: 50%;
    float: left;
}