/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0;
    background: #B22222;
    color: #fff;
    padding: 0.5em 0;
    text-align: center;
    z-index: 100000;
}

.browserupgrade strong, .browserupgrade a{
  color: #fff;
}


/* ============================================== GLOBAL
*/


*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html{
  /*background-color: #fff;*/
}


body {
  font-size: 18px;
  color: #000;
}

a, a img {
   outline: 0;
   border:none;
   border: 0;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

input::-moz-focus-inner { 
  border: 0; 
}

a {
 color: #2d2c34;
 -webkit-transition: all 0.25s ease-in; /*safari and chrome */
 -moz-transition: all 0.25s ease-in; /* firefox */
 -o-transition: all 0.25s ease-in; /* opera */
 transition: all 0.25s ease-in; /* opera */
}

a:hover, a:focus {
  color: #2d2c34;
}

/* Remove input outline for WebKit browsers */

input[type="text"]:focus {
  outline: none;
}


#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 100000;
}

#rotate {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 100000;
}

.number{
  display: inline-block;
}

.number:hover{
  cursor: context-menu;
}

#formSubmit:hover{
  cursor: pointer;
}


.gradient{
  background: transparent;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e1ac65), color-stop(100%, #87706b));
  background: -webkit-linear-gradient(-45deg, #e1ac65 0%, #87706b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}




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


.parsley-errors-list{
  list-style-type: none;
  margin-left: 0;
  margin-top: -15px;
  color: #f04124;
  font-size: 11px;
  text-align: left !important;
}

.parsley-errors-list {
  list-style:none;
}
.parsley-required, .parsley-type, .parsley-pattern, .parsley-minlength, .parsley-minlength{
  color:#f04124;
}

#error{ 
	text-align:center; 
	padding:15px; 
	background:#a41320; 
	color:#fff;
	width: 100%;
	margin-right:auto; 
	margin-left:auto;
	margin-bottom:40px;
}
.close_err{ float:right; cursor:pointer;}

.screen_names{
	font-weight:700;
  text-transform:capitalize;
}

.msg-textarea{
  position:relative;
}

#message .success_submit, .msg-textarea {
	display: block;
	padding: 10px;
	font-size: 22px;
	font-style: normal;
  text-align: center;
}



/* Autoselection for Chrome browsers -  change colors and background for your theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	background-color:#fff !important;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #000 !important;
}



/* if you have placeholder in your form change to your theme color and do not forget the !important */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #2d2c34 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   #2d2c34 !important;
   opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   #2d2c34 !important;
   opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:  #2d2c34 !important;
}



/* select arrow change the color and background size for your theme */

select {

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #da7c5a'></polygon></svg>");
  background-size: 15px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */


 /*

 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 font-weight: 500;
 font-weight: 700;

 */



   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-UltraLight.woff2') format('woff2'),
           url('../fonts/Butler-UltraLight.woff') format('woff');
       font-weight: 200;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-Medium.woff2') format('woff2'),
           url('../fonts/Butler-Medium.woff') format('woff');
       font-weight: 500;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-Light.woff2') format('woff2'),
           url('../fonts/Butler-Light.woff') format('woff');
       font-weight: 300;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-Black.woff2') format('woff2'),
           url('../fonts/Butler-Black.woff') format('woff');
       font-weight: 900;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-Bold.woff2') format('woff2'),
           url('../fonts/Butler-Bold.woff') format('woff');
       font-weight: bold;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler-ExtraBold.woff2') format('woff2'),
           url('../fonts/Butler-ExtraBold.woff') format('woff');
       font-weight: 800;
       font-style: normal;
   }

   @font-face {
       font-family: 'Butler';
       src: url('../fonts/Butler.woff2') format('woff2'),
           url('../fonts/Butler.woff') format('woff');
       font-weight: normal;
       font-style: normal;
   }





/* ============================================== GLOBAL
*/


body{
  font-family: 'Montserrat',  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #2d2c34;
  background: #2d2c34;
  /*min-height: 50000px;*/
}


#loading, #rotate{
  background: #2d2c34;
}

#rotate{
  display: none;
}

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.tblCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.alignLft{
  text-align: left !important;
}

.whiteBg{
  background: #fff !important;
}


.whiteBg p{
  color: #2d2c34;
}

.white{
  color: #fff !important;
}

.greyBg{
  background: #d8d2ca;
}


.fWidth{
  width: 100%;
  max-width: none !important;
}


.row, .columns{
  position: relative; 
}



/*https://github.com/Q42/delighters*/

.foo.delighter {
   transition: all .5s ease-out;
   transform: translateY(20%);
   opacity: 0;
}


.foo.delighter.started {
    transform: none;
    opacity: 1;
}




/* ============================================== HEADER
*/

#header{
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: #2d2c34;
  /*padding: 20px 0 0;*/
}

.nav-up {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.logo{
  text-align:center;
  margin-bottom: 5px;
}

#menu{
    /*border:1px solid #ccc;
    border-width:1px 0;*/
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

#menu li{
    position: relative;
    display:inline-block;
    padding: 10px 2%;
}


#menu a{
    display:inline-block;
   /* padding:10px;*/
   text-transform: uppercase;
   color: #fff;
   letter-spacing: 1px;
   /*padding: 5px 20px;*/
   padding: 1px 20px;
  font-size: 18px;

}

#menu a:hover, #menu li.active a{
  color: #deab66; 
}




#menu li#navReg a{
  border: 1px solid #deab66;
  color: #deab66;
}

#menu li#navReg a:hover{
  color: #2d2c34;
  border: 1px solid #2d2c34;
}

/*dropdown*/

#menu li ul{
  display: none;
  background: #2d2c34;
  /*background: rgba(45,44,52, 0.8);*/
  position: absolute;
  margin: 0;
  left: 0;
  padding-bottom: 10px;
  top: 45px;
}


#menu li:hover ul{
  display: block;
}

#menu li ul li a{
  color: #fff !important;
}

#menu li ul li a:hover, #menu li ul li.active a{
  color: #deab66 !important;
}

.cta, .btn {
  display: inline-block;
  background: transparent;
  border: 1px solid #deab66;
  color: #deab66;
  /*text-transform: uppercase;
  font-weight: 500;
  font-style: normal;*/
  /*font-size: 0.625rem;*/
  /*letter-spacing: 0.3em;*/
  /*color: rgba(223,190,106,0.7);*/
  border-radius: 0;
  /*padding: 18px 80px 20px;*/
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(45,44,52,0), rgba(45,44,52,0));
  /*225,172,101
  135,112,107*/
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
}



.btn:hover, .cta:hover {
  /*color: #fff;
  border: 1px solid #fff;*/
  background-position: 99% 50%;
}


.logoMobile{
  position: absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}


/* ============================================== HERO
*/


.heroText{
  z-index: 100;
}



#hero h1{
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); 
  line-height: 1.2;
  letter-spacing: 1px;
  color: #fff;
  /*font-size: 80px;*/
}

.home #hero{
  background: url('../img/hero-index.jpg') no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.location #hero{
  background: url('../img/hero-location.jpg') no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.shomes #hero{
  background: url('../img/hero-smart-homes.jpg') no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.upgrades #hero{
  background: url('../img/hero-upgrades.jpg') no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.interiors #hero{
  background: url('../img/hero-interiors.jpg') no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.resamen #hero{
  background: url('../img/hero-resamen.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.exteriors #hero{
  background: url('../img/hero-exteriors.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.vision #hero{
  background: url('../img/hero-vision.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.team #hero{
  background: url('../img/hero-team.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* ============================================== SECTIONS
*/

.section{
  /*padding: 80px 0;*/
}

.gap{
  position: relative;
  width: 100%;
  /*height: 80px;*/
}


/*.alignLft.padLft{
  padding-left: 10%;
}

.alignLft.padRgt{
   padding-right: 10%;
}*/


.colour-list{
  list-style: none;
  margin-left: 0;
}


.colour-list li {
    position: relative;
}


.colour-list li span {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -3px;
  vertical-align: top;
  color: #d4a466;
  line-height: 28px;
  font-size: 28px;
}


.colour-list li p {
  text-align: left;
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 0;
}


#callout{
  color: #fff;
  text-align: center;
  background-image: 
      url('../img/flower-left.png'),
      url('../img/flower-right.png');
  background-position:
      top left, /* this positions the first image */
      bottom right; /* this positions the second image */
  background-repeat: no-repeat;
}


#callout h2{
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 1px;
  /*font-size: 30px;*/
}


#callout p{
  text-transform: uppercase;
  margin-top: 25px;
  /*padding:  0 30%;*/
}


#callout p span{
  text-transform: none;
}

h3.gradient{
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 3px;
  margin-bottom: 20px;
  /*font-size: 48px;*/
}


.quote{
  /*text-transform: uppercase;*/
  font-style: italic;
}

.quote span{
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 400;
  display: block;
  font-style: normal !important;
  margin-top:  25px;
}


.cta{
  display: inline-block;  
  font-weight: 700;
  border: 2px solid #2d2c34;
  color: #2d2c34;
  text-transform: uppercase;
  margin-left: 0;
  /*padding: 10px 20px;
  margin-top: 30px;*/
}


.gridTile{
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.gridTile .copy{
  margin-top: 40px;
}

.shomes .gridTile .copy, .upgrades .gridTile .copy{
  margin-top: 10px;
}


.shomes .gridTile h3, .upgrades .gridTile h3, h4{
  text-transform: uppercase;
  color: #deab66;
  font-weight: 700;
  /*font-size: 24px;*/
}

.upgrades .gridTile img{
  display: inline-block;
  margin-bottom: 40px;
}

/*.gridTile .copy p{
  padding-right: 8%;
}*/


#iconGrid .gridTile{
  text-align: center;
}

/*#iconGrid .gridTile p{
  padding: 0 10%;
}*/


.vision .heading.copy{
  text-align: center;
  float: none;
  margin: auto;
}

/*.vision .heading.copy p{
  padding: 0 10%;
}*/

/* ============================================== REGISTER
*/

#register{
  text-align: center;
  background-image: url(../img/flower-footer-left.png),
   url(../img/flower-footer-right.png);
      background-position: bottom left,
   bottom right;
      background-repeat: no-repeat;
}

.intro, .display, .display a{
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 0;
}

/*.display{
  margin: 25px auto;
}
*/

/*.intro{
  font-size: 24px;
}*/


.enqNow, .enqNow a{
  color: #deab66;
  text-transform: uppercase;
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1px;
  font-style: normal;
  font-size: 26px;
}


/*form{
  padding: 30px 20%;
}*/

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    border: 1px solid #fff;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    color: #2d2c34;
    transition: none;
    margin: 0 0 2rem;
}


[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    outline: none;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: none;
    transition: none;
}


select {
    border: 1px solid #fff;
    border-radius: 0;
    background-color: #fff;
    color: #2d2c34;
    background-image: none;
    transition: none;
    margin: 0 0 2rem;
}

select:focus {
    outline: none;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: none;
    transition: none;
}


#formSubmit{
  border: 0;
  border: none;
  border-radius: 0;
  background: #deab66;
  color: #2d2c34;
  font-weight: 700;
  height: 2.4375rem;
  font-size: 18px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 480px;
}

#response p{
  color: #fff;
  font-size: 10px;
}


#sent{
  color: #fff !important;
}

#appForm{
  background: #2d2c34;
  border: none;
  padding-top: 45px;
}

#appForm .close-button{
  color: #fff !important;
}

#appForm .columns{
  width: 100%;
}

#appForm p.intro, #appForm h3{
  text-align: center;
  padding: 0 2%;
}

#appForm p.intro{
  margin-bottom: 15px;
}

/* ============================================== FOOTER
*/


/*offer modal*/


#offerModal{
  border: 1px solid #2d2c34;
  border-radius: 0;
  background: #2d2c34;
  outline: none;
  padding: 1.5rem;
  background-image: url(../img/flower-modal-left.png),
   url(../img/flower-modal-right.png);
      background-position: bottom left,
   bottom right;
      background-repeat: no-repeat;
}

#offerModal .close-button, #offerModal .close-button.medium{
  top: 0;
  right: 0;
  color: #fff !important;
}


#offerModal .imgHolder{
  position: relative;
}

#offerModal .imgHolder p{
  position: absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  bottom: 0;
  text-align: center;
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  color: #fff;
  padding: 0 1%;
  /*font-size: 55px;*/
}


.copyHolder{
  padding: 30px 4% 0;
}




.copyHolder p{
  text-align: center;
  text-transform: uppercase;
  color: #deab66;
  line-height: 1.2;
  /*margin-bottom: 25px;*/
  font-size: 24px;
}

.copyHolder a{
  border: 0;
  text-align: center;
  border: none;
  display: block;
  border-radius: 0;
  background: #deab66;
  color: #2d2c34;
  font-weight: 700;
  font-size: 30px;
  margin: 0 auto 5px;
  width: 100%;
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  max-width: 380px;
}



.footer{
  margin-top: 40px;
}


.footer p, .footer a{
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 20px;
}




/* ============================================== PLUGINS
*/


/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_btn {
  position:  relative;
  display:  block; 
  vertical-align:  middle; 
  float:  right;
  padding:  0.438em 0.625em 0.438em 0.625em; 
  line-height:  1.125em;  
  cursor:  pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
  margin-top:  0.188em;
}


.slicknav_menu { 
  *zoom:  1;
}

.slicknav_menu .slicknav_menutxt { 
  display: block;
  line-height:  1.188em;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
  margin:  0;
}

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0,  0,  0,  0.25);
  -moz-box-shadow: 0 1px 0 rgba(0,  0,  0,  0.25);
  box-shadow: 0 1px 0 rgba(0,  0,  0,  0.25);
}

.slicknav_menu:before {
  content: " ";
  display: table;
}

.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}


.slicknav_nav {
  clear: both;
}

.slicknav_nav ul {
  display: block;
}

.slicknav_nav li {
  display: block;
}

.slicknav_nav > li:last-child{
  display: inline-block;
  border: 1px solid #deab66;
}

.slicknav_nav > li:last-child a{
  color: #deab66;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1.2em;
  margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}

.slicknav_nav .slicknav_item a {
  display: inline;
}

.slicknav_nav .slicknav_row {
  display: block;
}

.slicknav_nav a {
  display: block;
}

.slicknav_nav .slicknav_parent-link a {
  display: inline;
}


.slicknav_brand {
  float: left;
}

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #2d2c34;
  padding: 5px;
}

.slicknav_menu * {
  box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}


.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  /*text-shadow: 0 1px 1px rgba(255,  255,  255,  0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
  background-color: #2d2c34;
}


.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  text-align: center;
}

.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}

.slicknav_nav .slicknav_row: hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}

.slicknav_nav a  {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}

.slicknav_nav a: hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222;
}

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}


.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}


.slicknav_menu{
  display: none;
}


/*map it http://vdw.github.io/MapIt/*/


#map_canvas {
  height: 800px;
  width: 100%;
  margin-bottom: 30px;
}


#mapNav .heading{
  font-family: 'Butler', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  text-align: center;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 27px;
}

#mapNav ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    margin: 30px auto 20px;
}

#mapNav ul li{
    display:inline;
}

#mapNav ul li a{
    display:inline-block;
    padding: 0 2%;
    /*background: pink;*/
}

.mapIcon{
  padding-right: 10px;
}


/* Compare Slider */

/* Images compare main container */
.images-compare-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

/* Images compare front element */
.images-compare-before {
    will-change: clip;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

/* Images compare back element */
.images-compare-after {
    pointer-events: none;
}

/* Responsive image settings */
.images-compare-before img, .images-compare-after img {
    max-width: none;
    width: 100%;
    height: auto;
    display: block;
}

/* Separator (thin vertical blank line) */
.images-compare-separator {
    position: absolute;
    background: #2d2c34;
    height: 100%;
    width: 4px;
    z-index: 4;
    left: 0;
    top: 0;
}

/* Drag handle (circle) */
.images-compare-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    /*left: 50%;*/
    top: 50%;
    margin-left: -17px;
    margin-top: -19px;
   /* border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);*/
    z-index: 3;
    background: #2d2c34;
    /*background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);*/
    cursor: pointer;
}

/* Drag handle arrows */
.images-compare-left-arrow, .images-compare-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.images-compare-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
}

.images-compare-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}

/* Label */
.images-compare-label {
    position: absolute;
    bottom: 8px;
    left: 10px;
    z-index: 1;
    color: #2d2c34;
    font-size: 10px;
    pointer-events: none;
    display: none;
}

.images-compare-container .images-compare-label {
    display: inherit;
}

.images-compare-before .images-compare-label {
    left: 10px;
}

.images-compare-after .images-compare-label {
    left: auto;
    right: 10px;
}


.js-img-compare{
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
}

/* Slider */
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .slick-track:before, .slick-track:after {
     display: table;
     content: '';
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
}
 [dir='rtl'] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}


@charset 'UTF-8';
/* Slider */
 .slick-loading .slick-list {
     background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
/* Icons */
 @font-face {
     font-family: 'slick';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/slick.eot');
     src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
 .slick-prev, .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: block;
     width: 18px;
     height: 32px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: none;
     outline: none;
     background: transparent;
     z-index: 10;
     opacity: 0;
     -webkit-transition: all 0.25s ease-in; /*safari and chrome */
     -moz-transition: all 0.25s ease-in; /* firefox */
     -o-transition: all 0.25s ease-in; /* opera */
     transition: all 0.25s ease-in; /* opera */
}


.slickSlider:hover > .slick-prev, .slickSlider:hover > .slick-next{
   opacity: 1;
}


 .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
     /*color: transparent;
     outline: none;
     background: transparent;*/
}
}
 .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    /* opacity: 1;*/
}
 .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    /* opacity: .25;*/
}
 .slick-prev:before, .slick-next:before {
     /*font-family: 'slick';
     font-size: 20px;
     line-height: 1;
     opacity: .75;
     color: white;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;*/
}
 .slick-prev {
     left: 0;
     background: url('../img/arrow-left.png') no-repeat center;
}
 [dir='rtl'] .slick-prev {
     right: -25px;
     left: auto;
}
 .slick-prev:before {
     content: '←';
}
 [dir='rtl'] .slick-prev:before {
     content: '→';
}
 .slick-next {
     right: 0;
     background: url('../img/arrow-right.png') no-repeat center;
}


.slickSlider:hover > .slick-prev{
   left: 25px;
}

.slickSlider:hover > .slick-next{
   right: 25px;
}


 [dir='rtl'] .slick-next {
     right: auto;
     left: -25px;
}
 .slick-next:before {
     content: '→';
}
 [dir='rtl'] .slick-next:before {
     content: '←';
}
/* Dots */
 .slick-dotted.slick-slider {
     /*margin-bottom: 30px;*/
}
 .slick-dots {
     position: absolute;
    /* bottom: 25px;*/
     bottom: 18px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     z-index: 2;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     /*margin: 0 5px;*/
     margin: 0;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 20px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
     outline: none;
}
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
     opacity: 1;
}
 .slick-dots li button:before {
     font-family: 'slick';
     font-size: 12px;
     line-height: 20px;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     content: '•';
     text-align: center;
     opacity: .75;
     color: #fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #fff;
}


.slickSlider p{
  position: absolute;
  font-size: 10px;
  color: #fff;
  margin-bottom: 0;
  left: 10px;
  bottom: 10px;
}


/* ------ venobox.css --------*/
 .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
     -webkit-backface-visibility: hidden;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}
 .vbox-overlay * {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
}
 .vbox-overlay{
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 1040;
     -webkit-transform:translateZ(1000px);
     transform: translateZ(1000px);
     transform-style: preserve-3d;
}
/* ----- navigation ----- */
 .vbox-title{
     width: 100%;
     height: 40px;
     float: left;
     text-align: center;
     line-height: 28px;
     font-size: 12px;
     padding: 6px 40px;
     overflow: hidden;
     position: fixed;
     display: none;
     left: 0;
     z-index: 1050;
}
 .vbox-close{
     cursor: pointer;
     position: fixed;
     top: -1px;
     right: 0;
     width: 50px;
     height: 40px;
     padding: 6px;
     display: block;
     background-position:10px center;
     overflow: hidden;
     font-size: 24px;
     line-height: 1;
     text-align: center;
     z-index: 1050;
}
 .vbox-num{
     cursor: pointer;
     position: fixed;
     left: 0;
     height: 40px;
     display: block;
     overflow: hidden;
     line-height: 28px;
     font-size: 12px;
     padding: 6px 10px;
     display: none;
     z-index: 1050;
}
/* ----- navigation ARROWS ----- */
 .vbox-next, .vbox-prev{
     position: fixed;
     top: 50%;
     margin-top: -15px;
     overflow: hidden;
     cursor: pointer;
     display: block;
     width: 45px;
     height: 45px;
     z-index: 1050;
}
 .vbox-next span, .vbox-prev span{
     position: relative;
     width: 20px;
     height: 20px;
     border: 2px solid transparent;
     border-top-color: #B6B6B6;
     border-right-color: #B6B6B6;
     text-indent: -100px;
     position: absolute;
     top: 8px;
     display: block;
}
 .vbox-prev{
     left: 15px;
}
 .vbox-next{
     right: 15px;
}
 .vbox-prev span{
     left: 10px;
     -ms-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .vbox-next span{
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 10px;
}
/* ------- inline window ------ */
 .vbox-inline{
     width: 420px;
     height: 315px;
     height: 70vh;
     padding: 10px;
     background: #fff;
     margin: 0 auto;
     overflow: auto;
     text-align: left;
}
/* ------- Video & iFrames window ------ */
 .venoframe{
     max-width: 100%;
     width: 100%;
     border: none;
     width: 100%;
     height: 260px;
     height: 70vh;
}
 .venoframe.vbvid{
     height: 260px;
}
 @media (min-width: 768px) {
     .venoframe, .vbox-inline{
         width: 90%;
         height: 360px;
         height: 70vh;
    }
     .venoframe.vbvid{
         width: 640px;
         height: 360px;
    }
}
 @media (min-width: 992px) {
     .venoframe, .vbox-inline{
         max-width: 1200px;
         width: 80%;
         height: 540px;
         height: 70vh;
    }
     .venoframe.vbvid{
         width: 960px;
         height: 540px;
    }
}
/* Please do NOT edit this part! or at least read this note: http://i.imgur.com/7C0ws9e.gif */
 .vbox-open{
     overflow: hidden;
}
 .vbox-container{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     overflow-x: hidden;
     overflow-y: scroll;
     overflow-scrolling: touch;
     -webkit-overflow-scrolling: touch;
     z-index: 20;
     max-height: 100%;
}
 .vbox-content{
     text-align: center;
     float: left;
     width: 100%;
     position: relative;
     overflow: hidden;
     padding: 20px 10px;
}
 .vbox-container img{
     max-width: 100%;
     height: auto;
}
 .figlio{
     box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
     max-width: 100%;
     text-align: initial;
}
 img.figlio{
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     user-select: none;
}
 .vbox-content.swipe-left{
     margin-left: -200px !important;
}
 .vbox-content.swipe-right{
     margin-left: 200px !important;
}
 .animated{
     webkit-transition: margin 300ms ease-out;
     transition: margin 300ms ease-out;
}
 .animate-in{
     opacity: 1;
}
 .animate-out{
     opacity: 0;
}
/* ---------- preloader ---------- * SPINKIT * http://tobiasahlin.com/spinkit/ -------------------------------- */
 .sk-double-bounce,.sk-rotating-plane{
    width:40px;
    height:40px;
    margin:40px auto
}
.sk-rotating-plane{
    background-color:#333;
    -webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;
    animation:sk-rotatePlane 1.2s infinite ease-in-out
}
@-webkit-keyframes sk-rotatePlane{
    0%{
        -webkit-transform:perspective(120px) rotateX(0) rotateY(0);
        transform:perspective(120px) rotateX(0) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes sk-rotatePlane{
    0%{
        -webkit-transform:perspective(120px) rotateX(0) rotateY(0);
        transform:perspective(120px) rotateX(0) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.sk-double-bounce{
    position:relative
}
.sk-double-bounce .sk-child{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#333;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-doubleBounce 2s infinite ease-in-out;
    animation:sk-doubleBounce 2s infinite ease-in-out
}
.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{
    background-color:#333;
    border-radius:100%
}
.sk-double-bounce .sk-double-bounce2{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-doubleBounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-doubleBounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.sk-wave{
    margin:40px auto;
    width:50px;
    height:40px;
    text-align:center;
    font-size:10px
}
.sk-wave .sk-rect{
    background-color:#333;
    height:100%;
    width:6px;
    display:inline-block;
    -webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation:sk-waveStretchDelay 1.2s infinite ease-in-out
}
.sk-wave .sk-rect1{
    -webkit-animation-delay:-1.2s;
    animation-delay:-1.2s
}
.sk-wave .sk-rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.sk-wave .sk-rect3{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.sk-wave .sk-rect4{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.sk-wave .sk-rect5{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes sk-waveStretchDelay{
    0%,100%,40%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
@keyframes sk-waveStretchDelay{
    0%,100%,40%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
.sk-wandering-cubes{
    margin:40px auto;
    width:40px;
    height:40px;
    position:relative
}
.sk-wandering-cubes .sk-cube{
    background-color:#333;
    width:10px;
    height:10px;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
    animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}
.sk-chasing-dots,.sk-spinner-pulse{
    width:40px;
    height:40px;
    margin:40px auto
}
.sk-wandering-cubes .sk-cube2{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
@-webkit-keyframes sk-wanderingCube{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    25%{
        -webkit-transform:translateX(30px) rotate(-90deg) scale(.5);
        transform:translateX(30px) rotate(-90deg) scale(.5)
    }
    50%{
        -webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);
        transform:translateX(30px) translateY(30px) rotate(-179deg)
    }
    50.1%{
        -webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);
        transform:translateX(30px) translateY(30px) rotate(-180deg)
    }
    75%{
        -webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes sk-wanderingCube{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    25%{
        -webkit-transform:translateX(30px) rotate(-90deg) scale(.5);
        transform:translateX(30px) rotate(-90deg) scale(.5)
    }
    50%{
        -webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);
        transform:translateX(30px) translateY(30px) rotate(-179deg)
    }
    50.1%{
        -webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);
        transform:translateX(30px) translateY(30px) rotate(-180deg)
    }
    75%{
        -webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
.sk-spinner-pulse{
    -webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;
    animation:sk-pulseScaleOut 1s infinite ease-in-out
}
@-webkit-keyframes sk-pulseScaleOut{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes sk-pulseScaleOut{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.sk-chasing-dots{
    position:relative;
    text-align:center;
    -webkit-animation:sk-chasingDotsRotate 2s infinite linear;
    animation:sk-chasingDotsRotate 2s infinite linear
}
.sk-chasing-dots .sk-child{
    width:60%;
    height:60%;
    display:inline-block;
    position:absolute;
    top:0;
    -webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;
    animation:sk-chasingDotsBounce 2s infinite ease-in-out
}
.sk-chasing-dots .sk-dot2{
    top:auto;
    bottom:0;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-chasingDotsRotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes sk-chasingDotsRotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes sk-chasingDotsBounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-chasingDotsBounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.sk-three-bounce{
    margin:40px auto;
    width:80px;
    text-align:center
}
.sk-three-bounce .sk-child{
    width:20px;
    height:20px;
    display:inline-block;
    -webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation:sk-three-bounce 1.4s ease-in-out 0s infinite both
}
.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{
    display:block;
    border-radius:100%;
    content:'';
    background-color:#333
}
.sk-three-bounce .sk-bounce1{
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
}
.sk-three-bounce .sk-bounce2{
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
}
@-webkit-keyframes sk-three-bounce{
    0%,100%,80%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-three-bounce{
    0%,100%,80%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.sk-circle{
    margin:40px auto;
    width:40px;
    height:40px;
    position:relative
}
.sk-circle .sk-child{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.sk-circle .sk-child:before{
    margin:0 auto;
    width:15%;
    height:15%;
    -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation:sk-circleBounceDelay 1.2s infinite ease-in-out both
}
.sk-circle .sk-circle2{
    -webkit-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg)
}
.sk-circle .sk-circle3{
    -webkit-transform:rotate(60deg);
    -ms-transform:rotate(60deg);
    transform:rotate(60deg)
}
.sk-circle .sk-circle4{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sk-circle .sk-circle5{
    -webkit-transform:rotate(120deg);
    -ms-transform:rotate(120deg);
    transform:rotate(120deg)
}
.sk-circle .sk-circle6{
    -webkit-transform:rotate(150deg);
    -ms-transform:rotate(150deg);
    transform:rotate(150deg)
}
.sk-circle .sk-circle7{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.sk-circle .sk-circle8{
    -webkit-transform:rotate(210deg);
    -ms-transform:rotate(210deg);
    transform:rotate(210deg)
}
.sk-circle .sk-circle9{
    -webkit-transform:rotate(240deg);
    -ms-transform:rotate(240deg);
    transform:rotate(240deg)
}
.sk-circle .sk-circle10{
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.sk-circle .sk-circle11{
    -webkit-transform:rotate(300deg);
    -ms-transform:rotate(300deg);
    transform:rotate(300deg)
}
.sk-circle .sk-circle12{
    -webkit-transform:rotate(330deg);
    -ms-transform:rotate(330deg);
    transform:rotate(330deg)
}
.sk-circle .sk-circle2:before{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.sk-circle .sk-circle3:before{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.sk-circle .sk-circle4:before{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.sk-circle .sk-circle5:before{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.sk-circle .sk-circle6:before{
    -webkit-animation-delay:-.7s;
    animation-delay:-.7s
}
.sk-circle .sk-circle7:before{
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
.sk-circle .sk-circle8:before{
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
.sk-circle .sk-circle9:before{
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.sk-circle .sk-circle10:before{
    -webkit-animation-delay:-.3s;
    animation-delay:-.3s
}
.sk-circle .sk-circle11:before{
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.sk-circle .sk-circle12:before{
    -webkit-animation-delay:-.1s;
    animation-delay:-.1s
}
@-webkit-keyframes sk-circleBounceDelay{
    0%,100%,80%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-circleBounceDelay{
    0%,100%,80%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.sk-cube-grid{
    width:40px;
    height:40px;
    margin:40px auto
}
.sk-cube-grid .sk-cube{
    width:33.33%;
    height:33.33%;
    background-color:#333;
    float:left;
    -webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}
.sk-cube-grid .sk-cube1{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.sk-cube-grid .sk-cube2{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.sk-cube-grid .sk-cube3{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.sk-cube-grid .sk-cube4{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.sk-cube-grid .sk-cube5{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.sk-cube-grid .sk-cube6{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.sk-cube-grid .sk-cube7{
    -webkit-animation-delay:0ms;
    animation-delay:0ms
}
.sk-cube-grid .sk-cube8{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.sk-cube-grid .sk-cube9{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
@-webkit-keyframes sk-cubeGridScaleDelay{
    0%,100%,70%{
        -webkit-transform:scale3D(1,1,1);
        transform:scale3D(1,1,1)
    }
    35%{
        -webkit-transform:scale3D(0,0,1);
        transform:scale3D(0,0,1)
    }
}
@keyframes sk-cubeGridScaleDelay{
    0%,100%,70%{
        -webkit-transform:scale3D(1,1,1);
        transform:scale3D(1,1,1)
    }
    35%{
        -webkit-transform:scale3D(0,0,1);
        transform:scale3D(0,0,1)
    }
}
.sk-fading-circle{
    margin:40px auto;
    width:40px;
    height:40px;
    position:relative
}
.sk-fading-circle .sk-circle{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.sk-fading-circle .sk-circle:before{
    margin:0 auto;
    width:15%;
    height:15%;
    -webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation:sk-circleFadeDelay 1.2s infinite ease-in-out both
}
.sk-fading-circle .sk-circle2{
    -webkit-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg)
}
.sk-fading-circle .sk-circle3{
    -webkit-transform:rotate(60deg);
    -ms-transform:rotate(60deg);
    transform:rotate(60deg)
}
.sk-fading-circle .sk-circle4{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sk-fading-circle .sk-circle5{
    -webkit-transform:rotate(120deg);
    -ms-transform:rotate(120deg);
    transform:rotate(120deg)
}
.sk-fading-circle .sk-circle6{
    -webkit-transform:rotate(150deg);
    -ms-transform:rotate(150deg);
    transform:rotate(150deg)
}
.sk-fading-circle .sk-circle7{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.sk-fading-circle .sk-circle8{
    -webkit-transform:rotate(210deg);
    -ms-transform:rotate(210deg);
    transform:rotate(210deg)
}
.sk-fading-circle .sk-circle9{
    -webkit-transform:rotate(240deg);
    -ms-transform:rotate(240deg);
    transform:rotate(240deg)
}
.sk-fading-circle .sk-circle10{
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.sk-fading-circle .sk-circle11{
    -webkit-transform:rotate(300deg);
    -ms-transform:rotate(300deg);
    transform:rotate(300deg)
}
.sk-fading-circle .sk-circle12{
    -webkit-transform:rotate(330deg);
    -ms-transform:rotate(330deg);
    transform:rotate(330deg)
}
.sk-fading-circle .sk-circle2:before{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.sk-fading-circle .sk-circle3:before{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.sk-fading-circle .sk-circle4:before{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.sk-fading-circle .sk-circle5:before{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.sk-fading-circle .sk-circle6:before{
    -webkit-animation-delay:-.7s;
    animation-delay:-.7s
}
.sk-fading-circle .sk-circle7:before{
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
.sk-fading-circle .sk-circle8:before{
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
.sk-fading-circle .sk-circle9:before{
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.sk-fading-circle .sk-circle10:before{
    -webkit-animation-delay:-.3s;
    animation-delay:-.3s
}
.sk-fading-circle .sk-circle11:before{
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.sk-fading-circle .sk-circle12:before{
    -webkit-animation-delay:-.1s;
    animation-delay:-.1s
}
@-webkit-keyframes sk-circleFadeDelay{
    0%,100%,39%{
        opacity:0
    }
    40%{
        opacity:1
    }
}
@keyframes sk-circleFadeDelay{
    0%,100%,39%{
        opacity:0
    }
    40%{
        opacity:1
    }
}
.sk-folding-cube{
    margin:40px auto;
    width:40px;
    height:40px;
    position:relative;
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg)
}
.sk-folding-cube .sk-cube{
    float:left;
    width:50%;
    height:50%;
    position:relative;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.sk-folding-cube .sk-cube:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#333;
    -webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;
    animation:sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%
}
.sk-folding-cube .sk-cube2{
    -webkit-transform:scale(1.1) rotateZ(90deg);
    transform:scale(1.1) rotateZ(90deg)
}
.sk-folding-cube .sk-cube3{
    -webkit-transform:scale(1.1) rotateZ(180deg);
    transform:scale(1.1) rotateZ(180deg)
}
.sk-folding-cube .sk-cube4{
    -webkit-transform:scale(1.1) rotateZ(270deg);
    transform:scale(1.1) rotateZ(270deg)
}
.sk-folding-cube .sk-cube2:before{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.sk-folding-cube .sk-cube3:before{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.sk-folding-cube .sk-cube4:before{
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
@-webkit-keyframes sk-foldCubeAngle{
    0%,10%{
        -webkit-transform:perspective(140px) rotateX(-180deg);
        transform:perspective(140px) rotateX(-180deg);
        opacity:0
    }
    25%,75%{
        -webkit-transform:perspective(140px) rotateX(0);
        transform:perspective(140px) rotateX(0);
        opacity:1
    }
    100%,90%{
        -webkit-transform:perspective(140px) rotateY(180deg);
        transform:perspective(140px) rotateY(180deg);
        opacity:0
    }
}
@keyframes sk-foldCubeAngle{
    0%,10%{
        -webkit-transform:perspective(140px) rotateX(-180deg);
        transform:perspective(140px) rotateX(-180deg);
        opacity:0
    }
    25%,75%{
        -webkit-transform:perspective(140px) rotateX(0);
        transform:perspective(140px) rotateX(0);
        opacity:1
    }
    100%,90%{
        -webkit-transform:perspective(140px) rotateY(180deg);
        transform:perspective(140px) rotateY(180deg);
        opacity:0
    }
}


/**************************  FORM    *******************/

/* verification form hidden */
#inputname{ display:none; }
 



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/*Small screens Define mobile styles */

@media only screen { } 


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) {


  #hero h1 br{
    content: ' ';
  }

  #hero h1 br:after {
    content: ' ';
  }


  .js #menu, .logo {
    display:none;
  }
    
  .js .slicknav_menu {
    display:block;
  }

  .showMob{
    display: block;
  }

  .hideMob{
    display: none;
  }

  .slick-prev, .slick-next{
    display: none !important;
  }

  .section{
    padding: 40px 0;
  }

  .team .section{
    margin-top: -1px;
  }

  .section.features{
    padding-bottom: 0px;
  }

  .section.features:last-child{
    padding-bottom: 20px;
  }

  #header{
    padding-top: 10px;
  }

  .shomes .gridTile h3, .upgrades .gridTile h3, h4{
     font-size: 18px;
  }

  #hero h1{
    font-size: 36px;
  }

  h3.gradient{
    font-size: 26px;
  }

  #appForm h3.gradient{
    font-size: 22px;
  }

  .gap{
    height: 20px;
  }

  #callout{
    padding: 20px 0;
  }

  #callout h2{
    font-size: 28px;
  }


  #mapNav ul li img{
      display:block;
      margin: 5px auto;
  }

  .cta{
    padding: 10px 20px;
    margin-top: 15px;
    font-size: 12px;
  }

  #register{
    padding: 20px 0;
  }


  .display{
    margin: 15px auto;
  }


  .intro{
    font-size: 20px;
  }

  #appForm p.intro{
    font-size: 16px;
  }

  form .columns{
    padding: 0;
  }


  .copyHolder p{
    margin-bottom: 20%;
  }

  #offerModal .imgHolder p{
    font-size: 35px;
  }



}


/* max-width 640px, mobile-only styles, use when QAing portrait mobile issues */
@media only screen and (max-width: 640px) and (orientation:portrait) {

}


/* max-width 640px, mobile-only styles, use when QAing landscape mobile issues */
@media only screen and (max-width: 640px) and (orientation:landscape) {

  .mobile #rotate{
    display: block;
  }

}

/*Only iPhone 4/4S (both: landscape and portrait)*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-device-pixel-ratio: 2)
and (device-aspect-ratio: 2/3)
and (orientation:portrait) {

}


/*Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 641px) {
  
  .showMob{
    display: none;
  }

  .hideMob{
    display: block;
  }

  .js #menu {
    display:block;
  }
    
  .js .slicknav_menu {
    display:none;
  }

  .large-4 {
     width: 33.33333%;
  }

  .large-offset-2 {
     margin-left: 16.66667%;
  }

  .alignLft.padLft{
    padding-left: 10%;
  }

  .alignLft.padRgt{
     padding-right: 10%;
  }

  .vision .heading.copy {
     width: 50%;
  }

  .vision .heading.copy p{
    padding: 0 10%;
  }

  .section{
    padding: 80px 0;
  }

  .gap{
    height: 80px;
  }

  #header{
    padding: 20px 0 0;
  }

  #hero h1{
    font-size: 80px
  }

  .shomes .gridTile h3, .upgrades .gridTile h3, h4{
     font-size: 24px;
  }

  #callout h2{
    font-size: 30px;
  }

  #callout p{
    padding:  0 30%;
  }

  .gridTile .copy p{
    padding-right: 8%;
  }

  h3.gradient{
     font-size: 48px;
  }

  #appForm h3.gradient{
    font-size: 28px;
  }

  .cta{
    padding: 10px 20px;
    margin-top: 30px;
  }


  #iconGrid .gridTile p{
    padding: 0 10%;
  }


  .display{
    margin: 25px auto;
  }
  

  .intro{
    font-size: 24px;
  }

  #appForm p.intro{
    font-size: 16px;
  }


  form{
    padding: 30px 20%;
  }

  #appForm form{
    padding: 30px 0;
  }


  .display{
    margin: 15px auto;
  }
  

  .intro{
    font-size: 24px;
  }

  #appForm p.intro{
    font-size: 16px;
  }



  #offerModal .imgHolder p{
    font-size: 55px;
  }


  .copyHolder p{
    margin-bottom: 25px;
  }



}



/* iphone X landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

  .mobile #rotate{
    display: block;
  }

}


/* iphone X portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}



/* iPhone 6, 7, 8 Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

  .mobile #rotate{
    display: block;
  }

}


/* iPhone 6, 7, 8 portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}


/* iPhone 6+, 7+, 8+ landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

    .mobile #rotate{
      display: block;
    }

}

/* iPhone 6+, 7+, 8+ portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen
and (min-width: 641px)
and (max-width: 1024px) {


  .showMob{
    display: block;
  }

  .hideMob{
    display: none;
  }

  .alignLft.padLft, .alignLft.padLft{
   padding: 0;
  }


  .alignLft.padRgt{
     padding-right: 10%;
  }


  .js #menu {
    display:none;
  }
    
  .js .slicknav_menu {
    display:block;
  }


  .logo{
    display: none;
  }


  .large-4, .large-5, .image, .copy {
     width: 100%;
  }

  .large-offset-2 {
     margin-left: 0;
  }

  .large-offset-1{
    margin-left: 0;
  }

  .vision .heading.copy {
     width: 80%;
  }

  .section{
    padding: 40px 0;
  }

  .gap{
    height: 40px;
  }

  #header{
    padding: 10px 0;
  }

  #hero h1{
    font-size: 60px
  }

  #callout p{
    padding:  0 15%;
  }

  h3.gradient{
     font-size: 32px;
  }

  #appForm h3.gradient{
    font-size: 28px;
  }

  .cta{
    margin-left: 0;
  }


  #iconGrid .gridTile{
    width: 50%;
  }


  form{
    padding: 30px 10%;
  }

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only landscape issues */
@media only screen
and (min-width: 641px)
and (max-width: 1024px)
and (orientation: landscape) {

  

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only portrait issues */
@media only screen
and (min-width: 641px)
and (max-width: 1024px)
and (orientation: portrait) {


  #mapNav ul li{
     display: inline-block;
     margin-bottom: 15px;
  }

}


/* iPad Pro Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* iPad Pro Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* iPad Pro Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}


/*10" macbook*/
@media only screen
and (min-width: 600px)
and (max-width: 1024px) {

}


/*13" macbook*/
@media only screen
and (min-width: 800px)
and (max-width: 1024px) {

}


/*Large screens min-width 1025px, large screens*/
@media only screen
and (min-width: 1025px) {
    
}


/*15" macbook*/
@media screen
and (min-width: 768px)
and (max-width: 1366px) {

  .js #menu, .logo {
    display:none;
  }
    
  .js .slicknav_menu {
    display:block;
  }


}


/*19" laptop*/
@media screen
and (min-width: 900px)
and (max-width: 1440px) {

}

/*20" laptop*/
@media screen
and (min-width: 900px)
and (max-width: 1600px) {

}


/*22" laptop*/
@media screen
and (min-width: 1050px)
and (max-width: 1680px) {

}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen
and (min-width: 1024px)
and (max-width: 1440px) { 

}


/* XLarge screens min-width 1441px, xlarge screens */
@media only screen
and (min-width: 1441px) {

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen
and (min-width: 1441px)
and (max-width: 1920px) {

}


/* min-width 1921px, xxlarge screens */
@media only screen
and (min-width: 1921px) {

} 


@media screen
and (orientation: portrait) {
 
}

@media screen
and (orientation: landscape) {
  
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}