/*
Theme Name: bmlanding_
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bmlanding_
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bmlanding_ is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* ==========================================================================
   BITS AND PIECES
============================================================================= */
html {
  height: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 1em;
  line-height: 1.4;
  height: 100%; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

textarea {
  resize: vertical; }

/* Remove button padding in FF */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* ==========================================================================
   MIXINS
============================================================================= */
.row, .main-col, .aside-col, header, form, .form-row, .form-action, footer {
  *zoom: 1; }
  .row:before, .main-col:before, .aside-col:before, header:before, form:before, .form-row:before, .form-action:before, footer:before, .row:after, .main-col:after, .aside-col:after, header:after, form:after, .form-row:after, .form-action:after, footer:after {
    display: table;
    content: ""; }
  .row:after, .main-col:after, .aside-col:after, header:after, form:after, .form-row:after, .form-action:after, footer:after {
    clear: both; }

/* ==========================================================================
   LAYOUT
============================================================================= */
body {
  background: #fdfbf6;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height:1.3;
  font-weight: 300;
  color: #4e4f50; }

.wrapper {
  margin: 0 auto;
  width: 980px;
  position: relative; }

.mobileregister {display:none;}
.main {
  }
  .main h1 {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 34px;
    color: #9d9fa1;
    margin: 0;
    text-align:center;
    padding: 0 0 5px 0;
    font-weight:900; }
  .main h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    text-align:center;
    padding: 8px; }
  .main h3, .suitebox h3 {
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    padding: 0 0 20px 0;
    text-transform: uppercase;
    line-height:1; }
    .main h3 {
    	color:#9d9fa1; }
    .main h4 {
    font-weight:700;
    font-size:15px;
    color:#666;
    text-transform: uppercase;}
    #privacy {background:#fff;}
  .main p, .legal p, #privacy p {
    margin: 0;
    padding: 0 0 18px 0;
    line-height: 1.4; }
    
    .main p strong, .legal p strong {
      font-weight: 700; }
    .legal {padding-top:10px !important;}
	.legal ul { padding-left:16px; }

.row {
  padding: 40px 20px;
  border-bottom:1px dashed #999;
  width:730px;
  box-sizing:border-box; }

.last {border:0;padding:40px 0 0 0;}
.main-col {
  float: left;
  width: 100%; }

.col {
  float: left;
  margin-right: 30px; }

.col-1 {width:40%;margin-right:10%;}

.col-2 { width:50%;margin:0; }

.col-2 ul {margin:0 0 0 14px;}

.col-2 .col {margin-right:0; width:240px;}
.col-2 ul li {padding:0 0 6px 0;}

.cycle-hero {
	width:730px;
	height:480px;
	overflow:hidden; }
.development-wrapper {
width: auto;
height: auto;
max-width: 480px;
margin: 0 auto;
overflow: hidden;
position: relative;
}

.development-pager-1, .development-pager-2, .development-pager-3, .development-pager-4, .development-pager-5 {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
z-index: 900;
text-align: center;
vertical-align: top;
height: 10px;
}

.development-pager-1 a, .development-pager-2 a, .development-pager-3 a, .development-pager-4 a, .development-pager-5 a {
vertical-align: top;
display: inline-block;
margin: 0 5px;
width: 10px;
height: 10px;
background: #fff;
}
.development-pager-1 a.cycle-pager-active, .development-pager-2 a.cycle-pager-active, .development-pager-3 a.cycle-pager-active, .development-pager-4 a.cycle-pager-active, .development-pager-5 a.cycle-pager-active {
background:#000; }

.development-control, .lifestyle-control {
display: block;
width: 20px;
height: 60px;
display: block;
z-index: 900;
position: absolute;
top: 50%;
margin-top: -30px;
text-indent: -9999px;
}

.development-control-prev-1, .development-control-prev-2, .development-control-prev-3, .development-control-prev-4, .development-control-prev-5 {
background:transparent url(img/bg-prev.png) no-repeat;
left: 0;
}

.development-control-next-1, .development-control-next-2, .development-control-next-3, .development-control-next-4, .development-control-next-5 {
background:transparent url(img/bg-next.png) no-repeat;
right: 0; }

.button, button {
display: block;
width:198px;
background: #2ca5c8;
color: #fff;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
padding: 12px 0 12px 0;
border: none;
text-align: center;
cursor:pointer;
}

.col-end {
  margin-right: 0; }

.aside-col {
	background:#818e96;
  width: 230px;
  position: absolute;
  margin:0 0 0 750px;
  z-index:0;
  min-height:468px;
  padding: 12px 0 0 0; }
.sticky {
  position: fixed;
  top: 0; }
.aside-col h2 {
	color:#fff;font-size:30px;text-align:left;font-weight:900;padding:0 20px;line-height:1;margin-bottom:10px;}
.landmark {
	width:490px;
	height:485px;
	float:left;
	background:transparent url(img/bg-landmark.png) no-repeat bottom left;
	position:relative;}
.landmark a {color:#ff76f0;text-decoration:none;}
.landmark a:hover {text-decoration:underline;}
#landmarkmore {display:none;padding:10px;}
#landmarkmore .fbclose {float:right;background:#FF76EF;
	color:#fff;
	text-decoration:none;
	padding:10px;}
#landmarkmore .registerbutton {
		position:relative; }
#landmarkmore .fbclose:hover {
		background:#666;
		color:#fff; }
.specs {
	width:230px;
	height:422px;
	float:right;
	margin-top:51px;
	padding-top:50px;
	background:transparent url(img/bg-specs.png) no-repeat;
	text-align:center; }
a.mapzoom {
	position:absolute;
	bottom:30px;
	right:10px;
	z-index:99;
	background:#f4b42c;
	color:#000;
	text-decoration:none;
	padding:10px; }
a.mapzoom:hover {background:#000;color:#fff;}
.finishes {
	width:230px;
	height:335px;
	float:left;
	position:relative; }
	.finishes ul {
		padding:0 0 16px 16px;}
		.finishes ul li {
			padding:0 0 8px 0;}
.videoembed {
	width:480px;
	float:right; }
	.specs p {
		padding-top:20px;
		font-size:22px;
		line-height:25px;
		color:#ff76f0;
		font-weight:600;}
	.registerbutton {
		background:#ff76f0;
		padding:10px 30px 10px 10px;
		color:#fff !important;
		text-decoration:none;
		text-transform:uppercase;
		font-size:12px;
		position:absolute;
		bottom:0;
		left:0; }
	.registerbutton:hover {
		background:#666;
		color:#fff;
		text-decoration:none !important; }
/* ==========================================================================
   HEADER
============================================================================= */
.header {
  height: 73px;
  margin:30px 0 20px 0;
  position:relative;}

.header .logo {
	float:left;
	width:230px;
	height:70px;
	background-size:contain !important;
	position:absolute;
	bottom:0;
	left:0; }

.header .translate {
	background:#f4b42c;
	padding:10px;
	display:block;
	position:absolute;
	bottom:0;
	left:685px;}

.header .phone {
	width:190px;
	background-size:35px !important;
	line-height:36px;
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	padding:0 0 0 40px;
	font-size:20px; }
	
	.header .phone a {color:#fff;text-decoration:none;}

/* ==========================================================================
   BANNER
============================================================================= */
.banner {
  padding-bottom: 25px;
  position: relative;
  width:730px; }

.cycle-prev {width:20px;height:60px;position:absolute;z-index:999;background:transparent url(img/bg-prev.png) no-repeat;left:0;top:200px;cursor:pointer;}
.cycle-next {width:20px;height:60px;position:absolute;z-index:999;background:transparent url(img/bg-next.png) no-repeat;right:0;top:200px;cursor:pointer;}
.banner-pager, .banner-pager2 {
  position: absolute;
  bottom: 51px;
  left: 0;
  right: 0;
  height: 8px;
  z-index: 1000;
  text-align: center;
  margin: 0;
  padding: 0; }
  .banner-pager a {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: transparent url(img/bg-banner-pager.png) no-repeat 0 -11px;
    vertical-align: top;
    margin: 0 2px; }
      .banner-pager a, .banner-pager2 a {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: transparent url(img/bg-banner-pager.png) no-repeat 0 -11px;
    vertical-align: top;
    margin: 0 2px; }
    .banner-pager a.cycle-pager-active {
      background-position: 0 0; }
      .banner-pager2 a.cycle-pager-active {
      background-position: 0 -22px; }
      .hurry {background:transparent url(img/hurry-banner.png) no-repeat;width:188px;height:193px;position:absolute;z-index:9999;right:0;}

/* ==========================================================================
   FORM
============================================================================= */

.em_wfe_form {margin:10px 0;}
.webform_step {width:100% !important;padding:0 !important;border:0 !important;background-color:transparent !important;text-align:center;}
.webform_step .wfe_component {background-color:transparent !important;padding:0 !important;}
.webform_step p {margin:0;padding:0;}
.webform_step label, .webform_step h1, .webform_step table tr td:nth-child(odd) {display:none;}
.webform_step table {margin-bottom:5px;}
.webform_step table tr td {padding:0 !important;}
.webform_step input, .webform_step select, .webform_step textarea{border:0;width:100% !important;padding:10px;margin-bottom:6px !important;font-family: 'Open Sans', sans-serif;font-size:11px;
    font-weight:500;-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;}
  .webform_step textarea {height:100px;}
.webform_step select {height:auto;}
.webform_step .wfe_button, .webform_step input[type="submit"] {background:#666;border:0;color:#fff;text-align:center;font-family: 'Open Sans', sans-serif;font-weight:700;width:100% !important;text-transform:uppercase;}

.footerregister .webform_step .wfe_component { float:left;width:100%;}
.footerregister .webform_step input {width:100% !important;}
.footerregister .webform_step select {width:730px !important;}
.footerregister .webform_step .wfe_button, .footerregister .webform_step input[type="submit"] {float:left;width:30% !important;-webkit-appearance: none;-webkit-border-radius: 0px;background:#666;color:#fff;}
form {
  color: #000;
  padding: 12px 20px 0 20px; }
.footerregister form {background-color:transparent;min-height:0;padding:12px 0 0 0;}
.customSelect { width: 173px;
    border: none;
    padding: 12px 8px;
    color:#999;
    letter-spacing:0;
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
    font-weight:500;
    background:#fff url(img/bg-customselect.png) no-repeat 168px center;
    margin-bottom:6px !important; }

.footerregister .customSelectF { width: 100% !important;
    border: none;
    padding: 10px;
    color:#999;
    letter-spacing:0;
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
    font-weight:500;
    background:#fff url(img/bg-customselect.png) no-repeat 705px center;
    margin-bottom:6px !important;
    text-align:left; }

input.wpcf7-not-valid {border:1px solid red;}
.wpcf7-not-valid-tip {display:none !important;}
.wpcf7-validation-errors {border:1px solid #fff !important;padding:10px 0;}

/* ==========================================================================
   FOOTER
============================================================================= */
footer {
  background: #2ca5c8 ;
  color: #fff;
  font-weight: 400;
  padding:120px 0 0 0;
  position:relative;
  z-index:2;
  border-top:60px solid #fff; }
footer .footerregister {
	float:left;
	width:730px;
	margin-bottom:60px; }
footer .footerregister h2 {
	font-weight:500;
	font-size:24px;
	text-transform:uppercase;
	padding: 0 0 10px 0;
	color:#fff;
	background:none;
	text-align:left; }
footer .footersuite {
	width:230px;
	float:right;
	margin-top:54px; }
	footer .footersuite .suitebox {
		background:#818e96;
		padding:20px;
		text-align:center;
		color:#fff;
		margin-bottom:10px;
		font-size:13px; }
		footer .footersuite a { color:inherit; }
footer .developedby {
	background-color:#56b6d2;
	padding:40px 0;
	line-height:50px;
	clear:both;
	color:#fff; }
	footer .developedby a { color:#f4b42c;text-decoration:none;}

.mobheader {
		width:auto;
		background: none; }

.bg { position:absolute;top:0;width:100%;z-index:0;background-position:top center;background-repeat: no-repeat; height:603px;background-size:cover;}	
.lataddress {color:#fff;font-weight:300;font-size:16px;display: inline-block; margin-left: 135px; margin-top: 52px;}	
@media only screen and (max-width: 500px) {
  /* ==========================================================================
     LAYOUT
  ============================================================================= */

.lataddress {
margin-top: 0;
margin-left: 0;
text-align: center;
display: block;
}
  body {
    font-size: 12px;
    background:none; }

	.mobheader {
		width:100%; }
		.bg {background-image:none !important;height:350px;}
		.col-2 .col {width:100%;margin:0;}
		.footerregister form p {padding:0;}
	
  .wrapper {
    width: auto;
    padding: 0; }

    .main h1 {
      font-size: 26px;
      line-height: 34px;
      padding: 0 0 20px 0; }
    .main h2 {
      font-size: 18px;
      font-weight: normal;
      padding: 0 0 6px 0; }
    .main h3 {
      font-size: 12px;
      padding: 0 0 15px 0; }
    .main p {
      margin: 0;
      padding: 0 0 18px 0;
      line-height: 22px; }
      .main p strong {
        font-weight: 700; }
	.cycle-hero img, .cycle-hero {max-width:100%;height:auto;}
  .row {
    padding:20px 10px;
    width:auto; }

  .main-col {
    float: none;
    width: auto; }

  .col {
    float: none;
    width: auto;
    margin:0 0 20px 0; }

  .aside-col {
    float: none;
    width: auto;
    display:none; }

  /* ==========================================================================
     HEADER
  ============================================================================= */
	.header {height:auto;margin:0 0 10px 0;padding:10px 0 0 0;}
	.header .logo {float:none;position:relative;margin:0 auto 20px auto;background-position:top center !important;}
	.header .translate {position:relative;left:0;margin:0 auto 20px auto;text-align:center;}
	.header .phone {position:relative;width:160px;margin:0 auto;}
	.panel-1 div, .panel-2 div {width:100% !important;}
	.panel-2 div {margin-bottom:10px;}
	
	.mobileregister {display:block;background: #f4b42c;
color: #000;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;text-align:center;width:100%;padding:12px 0;}
.mobileregister a {color:#000;text-decoration:none;}
  /* ==========================================================================
     BANNER
  ============================================================================= */
  .banner {
    padding-bottom: 10px;
    background-position: center bottom;
    margin: 0 auto -10px auto;
    width: 100%; }

  .cycle-slideshow img {
    width: 100%;
    height: auto; }

  .banner-pager {
    bottom: 24px;
    display:none; }
    
    .cycle-prev, .cycle-next {top:65px;display:none;}

  /* ==========================================================================
     FORM
  ============================================================================= */
  form {
    padding: 18px 20px 0 20px;
    margin-bottom: 7px;
    min-height: 0; }

  .form-row input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 7px;
    font-size: 12px; }

  .form-action {
    margin-bottom: 10px; }
    .form-action input.button {
      font-size: 12px;
      display: block;
      margin: 0;
      padding: 5px 12px; }

  .button-call {
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    padding: 0 0 0 44px;
    background-size: auto 41px;
    margin-bottom: 25px; }

.landmark {width:100%;float:none;height:440px;background-size:105%;}
.specs {float:none;width:auto;background:none;height:auto;margin-top:20px;padding-top:0;}  
.locationmap {width:100%;}
a.mapzoom {top:0;}
.finishes {width:auto;height:auto;}
.videoembed {width:auto;float:none;}
.videoembed iframe {width:100%;}
.registerbutton {display:none;}

  /* ==========================================================================
     FOOTER
  ============================================================================= */
  footer {
    height: auto;
    text-align: center;
    padding:0;
    overflow:hidden;
    border-top:20px;
    background: #f2f2f2 url(img/bg-body.gif) repeat;  }
	footer .wrapper { padding: 0 10px;}
  footer .footerregister {
  	width:100% !important;
  	margin:20px 0 0 0;
  	float:none;}
  	
  .footerregister .form-row input, .footerregister .form-row select, .form-action input.button, .customSelectF {width:100%;padding:10px 0 10px 0;text-align:center;}
  .footerregister .webform_step .wfe_button {width:100% !important;}
  .customSelectFInner {width:100% !important;}
  
  footer .footersuite {width:100%;float:none;margin-bottom:20px;}
  footer .footersuite h1 {padding:0 0 6px 0;}
  footer .footersuite p {padding:0;text-align:center;}
  footer .footersuite img {float:none;display:block;margin:0 auto;}
  footer .footersuite a {color:inherit;text-decoration:none;}
  footer .footersuite span {font-size:20px;}
  footer .developedby {padding:0;padding-top:20px;}
  footer .developedby p {margin:0;float:none !important;}
  footer .developedby img {float:none;margin-right:0 !important;}
  footer .developedby span {float:left;width:100%;text-align:center;}
}