::-webkit-scrollbar {
    width: 8px;
    height:8px;
}
::-webkit-scrollbar-track {
    background-color: #f3f3f3;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background-color: #0c0;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {}

*{
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{
    height:100%;
}
body{
    margin:0;
    font: 16px/1.3 'Roboto', sans-serif;
    color: #444;
    overflow-y:scroll;
    overflow-x:hidden;
    
    width:100%;
}
#bodyContainer{
    -webkit-backface-visibility: hidden;
    background-image: url('img/bg-2.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size:cover;
    position:static;
    overflow:hidden;
    width:100%;
    min-height:100%;
}


/*
GRID
*/
.row,
.row-center{
    width:100%;
    position: relative;
    margin: 0 auto;
}
.row-center{
    max-width:1200px;
}
.clear:before, .row:before, .row-center:before,
.clear:after, .row:after, .row-center:after{
    content: " ";
    display: table;
    clear: both;
}
[class*=cell-]{
    position:relative;
    float:left;
    padding: 0;
}
.cell-1 {width: 8.333%;}
.cell-2 {width: 16.666%;}
.cell-3 {width: 25%;}
.cell-4 {width: 33.333%;}
.cell-5 {width: 41.666%;}
.cell-6 {width: 50%}
.cell-7 {width: 58.333%;}
.cell-8 {width: 66.666%;}
.cell-9 {width: 75%;}
.cell-10{width: 83.333%;}
.cell-11{width: 91.666%;}
.cell-12{width: 100%;}
/*---------- !grid */



/*
TYPO
*/
hr{
    height:1px;
    border:none;
    background:rgba(0,0,0,0.2);
}

ul, ol{
    padding-left:16px;
}
.nowrap{
    white-space:nowrap;
}
blockquote{
    padding:0; margin:0;
}
img{
    vertical-align:middle;
    max-width:100%;
    height:auto;
}

a{color:#0c0; text-decoration:none;}
a:hover{color:#090;}
a:active{color:#0c0;}
a:link{color:#0c0;}
a:visited{color:#090;}


h1,h2,h3,h4,h5,h6{
    /*pacity:0.9;*/
}
h1{
    font-weight: 300;
    font-size:3.2em;
}
h1.h1-large{
    font-size:7em;
    opacity:1;
}
h2{
    font-weight: 300;
    font-size:2.4em;
}
h3{
    font-weight: 300;
    font-size:2em;
}
h4{
    font-weight: 300;
    font-size:1.4em;
    min-height:3em;
}
.bordered{margin-bottom:0;}
.bordered:after{
    content:"";
    display:block;
    width:30%;
    margin: 10px 35% 0; 
    height:1px;
    background:#ddd;
}


/*
FANCYFORM
*/
.fancyform > * {
  margin: 0.5em 0;
}
.fancyform label{
  position:relative;
  display:block;
}
.fancyform label:after{
  content:"";
  position:absolute;
  bottom:1px;
  background:transparent;
  height:1px;
  width:0px;
  left:50%;
  position:relative;
  display:block;
  -webkit-transition:0.4s;
  transition:0.4s;
}
.fancyform label:hover:after{
  background: #0c0;
  left:0;
  width:100%;
}

.fancyform textarea{
  resize:vertical;
  min-height:6em;
}
.fancyform input,
.fancyform textarea{
  font:16px/1.2 sans-serif;
  color:#444;
  box-sizing:border-box;
  width:100%;
  border:none;
  border-bottom:1px solid #ddd;
  display:inline-block;
  vertical-align:top;
  padding:12px 0;
  background: rgba(255,255,255,0);
  -webkit-transition:0.3s;
  transition:0.3s;
}
.fancyform input:focus,
.fancyform textarea:focus{
  outline:none;
  border-bottom:1px solid #0c0;
}
/*Contact change a bit the styles */
#contact .fancyform input,
#contact .fancyform textarea{
    border-bottom:1px solid #888;
}
#contact .fancyform input:focus,
#contact .fancyform textarea:focus{
  outline:none;
  border-bottom:1px solid #fff;
}
#contact .fancyform label:hover:after{
  background: #fff;
  left:0;
  width:100%;
}

/* Placeholders */
.fancyform label>span{
  position:absolute;
  left:0;
  top:13px;
  font-size: 14px;
  color:#999;
  -webkit-transition:0.3s;
  transition:0.3s
}
.fancyform input:focus+span,
.fancyform textarea:focus+span,
.fancyform input.hasVal+span,
.fancyform textarea.hasVal+span{
  top:0;
  opacity:0.7;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.fancyform input:focus+span,
.fancyform textarea:focus+span{
  color: #0c0;
}
.btn-submit{
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  cursor:pointer;
  color:#fff;
  display:inline-block;
  vertical-align:bottom;
  padding:12px;
  background: #0c0;
  -webkit-transition:0.3s;
  transition:0.3s;
  border:none;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
}
.btn-submit:hover{
  background:#0d0;
}
.btn-submit i{
  -webkit-transition:0.3s;
  transition:0.3s;
}
.btn-submit:hover i{
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
}




table td{
    vertical-align:top;
    padding-right:16px;
}

.no-pointer{
    -webkit-pointer-events:none;
    pointer-events:none;
}
.marg-0{margin:0;}
.padd-0{padding:0px;}
.padd-8{padding:8px;}
.padd-16{padding:16px;}
.padd-24{padding:24px;}
.padd-32{padding:32px;}
.padd-48{padding:48px;}
.padd-h-0{padding-left:0px; padding-right:0px;}
.padd-h-8{padding-left:8px; padding-right:8px;}
.padd-h-16{padding-left:16px; padding-right:16px;}
.padd-h-24{padding-left:24px; padding-right:24px;}
.padd-h-32{padding-left:32px; padding-right:32px;}
.padd-h-48{padding-left:48px; padding-right:48px;}
.padd-v-0{padding-top:0px; padding-bottom:0px;}
.padd-v-8{padding-top:8px; padding-bottom:8px;}
.padd-v-16{padding-top:16px; padding-bottom:16px;}
.padd-v-24{padding-top:24px; padding-bottom:24px;}
.padd-v-32{padding-top:32px; padding-bottom:32px;}
.padd-v-48{padding-top:48px; padding-bottom:48px;}
.padd-t-0{padding-top:0px;}
.padd-t-8{padding-top:8px;}
.padd-t-16{padding-top:16px;}
.padd-t-24{padding-top:24px;}
.padd-t-32{padding-top:32px;}
.padd-t-48{padding-top:48px;}
.padd-b-0{padding-bottom:0px;}
.padd-b-8{padding-bottom:8px;}
.padd-b-16{padding-bottom:16px;}
.padd-b-24{padding-bottom:24px;}
.padd-b-32{padding-bottom:32px;}
.padd-b-48{padding-bottom:48px;}

.bg-1/*white*/{background:#fff;}
.bg-2/*gray*/{background:#eaeaea;}
.bg-3/*green*/{background:#0c0;}
.bg-overlay-1{background:url(img/overlay-1.png) fixed; background-size:cover;}
.bg-paper{background:url(img/bg-paper.jpg);background-size:cover;}

.bg-1-9/*white+opacity*/{background:rgba(255,255,255,0.9);}
.bg-1-8{background:rgba(255,255,255,0.8);}
.bg-1-7{background:rgba(255,255,255,0.7);}
.bg-1-6{background:rgba(255,255,255,0.6);}
.bg-1-5{background:rgba(255,255,255,0.5);}
.bg-1-4{background:rgba(255,255,255,0.4);}
.bg-1-3{background:rgba(255,255,255,0.3);}
.bg-1-2{background:rgba(255,255,255,0.2);}
.bg-1-1{background:rgba(255,255,255,0.1);}
.bg-radial-gradient{
    background: url(img/radial-gradient.png) no-repeat center bottom;
}
.bg-blurred{
    background-image: none;
    background-attachment: fixed;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.radius-48-tl{border-radius: 48px 0 0 0;}
.radius-48-tr{border-radius: 0 48px 0 0;}
.radius-24-br{border-radius: 0 0 24px 0;}

.text-shadow{text-shadow: 0 1px 1px #000;}
.color-1{color:#555;}
.color-2{color:#fff;}
.color-3{color:#0c0;}
.color-4{color:#666;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.float-left{float:left;}
.float-right{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.top-0{top:0;}
.absolute-center{
    float:none;
    position:absolute;
    top:50%; left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.absolute-h-center{
    float:none;
    position:absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fixed{position:fixed;}
.block{display:block;}
.inline-block{display:inline-block;}
.bg-cover{background-position:50% 50%; background-size:cover;}
.bg-contain{background-position:50% 50%; background-size:contain;}
.height-full{height:100%;}
.huge{width:100%; min-height:400px; height:100vh;}
.zindex--1{z-index:-1;}
.zindex-1{z-index:1;}
.zindex-2{z-index:2;}
.zindex-3{z-index:3;}
.overflow-auto{overflow:auto;}
.overflow-hidden{overflow:hidden;}
.shadow,
.shadow-1{box-shadow: 0 2px  4px -1px rgba(0,0,0,0.35);}
.shadow-2{box-shadow: 0 4px 8px -2px rgba(0,0,0,0.3);}
.shadow-3{box-shadow: 0 5px 16px -3px rgba(0,0,0,0.25);}
.radius-0{border-radius:0;}
.radius-4{border-radius:4px;}
.radius-8{border-radius:8px;}
.radius-12{border-radius:12px;}
.radius-16{border-radius:16px;}
.radius-24{border-radius:24px;}
.radius-32{border-radius:32px;}
.radius{border-radius:50%;}
.radius-inner{
    display:inline-block;
    white-space:nowrap;
}
.radius-inner > *{display:inline-block; vertical-align:top;}
.radius-inner > *:first-child{border-radius: 32px 0 0 32px;}
.radius-inner > .button{border-radius: 0 32px 32px 0;}
.border-1{border:1px solid transparent;}
.border-1-1{border:1px solid #fff;}
.display-none{
    display:none;
}
.visibility-hidden{
    position:absolute;
    visibility:hidden;
}
.overlay{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    /*height:100%;*/
}
/* ::: BLEND MODE CLASSES */
.blend-normal{ mix-blend-mode: normal; }
.blend-multiply{ mix-blend-mode: multiply; }
.blend-screen{ mix-blend-mode: screen; }
.blend-overlay{ mix-blend-mode: overlay; }
.blend-darken{ mix-blend-mode: darken; }
.blend-lighten{ mix-blend-mode: lighten; }
.blend-color-dodge{ mix-blend-mode: color-dodge; }
.blend-color-burn{ mix-blend-mode: color-burn; }
.blend-hard-light{ mix-blend-mode: hard-light; }
.blend-soft-light{ mix-blend-mode: soft-light; }
.blend-difference{ mix-blend-mode: difference; }
.blend-exclusion{ mix-blend-mode: exclusion; }
.blend-hue{ mix-blend-mode: hue; }
.blend-saturation{ mix-blend-mode: saturation; }
.blend-color{ mix-blend-mode: color; }
.blend-luminosity{ mix-blend-mode: luminosity; }

.border-top-white{
    position:absolute;
    top:0;
    width:100%;
    height:96px;
    background: url(img/border-top-white.png) 50% 0;
    background-size: 100% 100%;
    -webkit-pointer-events:none;
    pointer-events:none;
}


/* GALLERY CSS3 ANIMATIONS */
._zoomIn{
    transform-origin: 70% 50%;
    animation: _zoomIn 8s  ease-in-out; /*infinite alternate*/
}
@keyframes _zoomIn {
    0%   { transform: scale(1); }
    100% { transform: scale(1.1); }
}
._zoomOut{
    animation: _zoomOut 8s ease-in-out; /*infinite alternate;*/
}
@keyframes _zoomOut {
    0%   { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.gallery-overlay{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    /*mix-blend-mode: overlay;*/
}

/*
Darkbox
*/
[data-darkbox]{ /* add cursor to clickable darkbox items */
    cursor:pointer;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
#darkbox{
    position:fixed;
    z-index:10000;
    background:transparent no-repeat none 50%;
    background-size: contain;
    box-shadow:0 0 0 transparent;
    opacity:0; 
    visibility:hidden;
}
#darkbox.on{ 
    opacity:1;
    visibility:visible;
    height:90% !important;
    width:90% !important;
    left:5% !important;
    top:5% !important;
    background:rgba(0,0,0,0.8) no-repeat none 50%;
    box-shadow:0 0 0 500px rgba(0,0,0,0.8); box-shadow:0 0 0 10vh rgba(0,0,0,0.8);
}
#darkbox:after{
    position:absolute;
    z-index:10001;
    right:0px; top:0px;
    font-size:2em;
    content: "\274C";
    color:#0c0;
    cursor:pointer;
}
/*prev next buttons*/
#darkbox_prev,
#darkbox_next{
    cursor:pointer;
            user-select:none;
    -webkit-user-select:none;
    position:absolute;
    top:50%;
    margin-top:-25px;
    height:50px;
    width:50px;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    border-top: 4px solid #0c0;
    border-right: 4px solid #0c0;
}
#darkbox_prev:hover,
#darkbox_next:hover{
    border-color: #0c0;
}
#darkbox_prev{
    left: -2px;
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
#darkbox_next{
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    right: -2px;
}
#darkbox-description{
    position: absolute;
    width:100%;
    color:#fff;
    bottom:5px;
    text-align:right;
    text-shadow: 0 1px 1px #000;
}
#darkbox-description a{
    color:#fff;
    font-weight:bold;
}
#darkbox sub{font-size:10px;}


/*
EMAIL
*/
.batman{position:absolute; left:-99999px;}
.mail-send-submit{cursor:pointer;}
.mail-send-info{display:none; padding:10px 16px; color:#fff;}

.logo{
    margin-left:-88px;
    margin-top:-48px;
    margin-bottom:-48px;
    min-height:120px;
}



/*
ELEMENTS
*/

.slantMessage{
    display:inline-block;
    background:#333;
    -webkit-backface-visibility:hidden;
    -webkit-transform: rotate(6deg);
    transform: rotate(-6deg);
    padding:16px 24px;
    border: 6px solid #ff0;
    color:#ff0;
    font-style:italic;
    font-weight:200;
    font-size:2em;
    margin-left:16px;
}


a.callButton{
    display:inline-block;
    border-radius:8px;
    background:#0c0;
    color:#fff;
    font-weight:bold;
    text-transform: uppercase;
    font-size:2.2em;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    padding: 0 24px 0 0;
    white-space:nowrap;
    overflow:hidden;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
}
a.callButton span{
    display:inline-block;
    padding:16px 24px;
    margin-right:16px;
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition:0.3s;
    transition: 0.3s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3);
}
a.callButton i{
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.8, 1.4);
            transition: 0.3s cubic-bezier(0.175, 0.885, 0.8, 1.4);
}
a.callButton:hover i{
    -webkit-transform: rotate(45deg) scale(1.1);
    transform: rotate(45deg) scale(1.1);
}
a.callButton:hover span{
    background:#0d0;
}

.checkmarks{
    text-transform: uppercase;
}
.checkmarks img{
    margin-right:16px;
}


.vans-container{
    overflow:hidden;
    background:url('img/bg-half-white.png') repeat-x 50%;
    background-size: 100% 100%;
}
.vans{
    position:relative;
    height:150px;
    height:17vh;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.vans img{
    display:block;
    position:absolute;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    left:0;
    -webkit-animation: vans 5s forwards cubic-bezier(.3,.56,.82,1.03);
    animation: vans 5s forwards cubic-bezier(.3,.56,.82,1.03);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    top:8%;
    -webkit-transform: translateX(-260%);
        -ms-transform: translateX(-260%);
            transform: translateX(-260%);
}
.vans img + img{
    margin-left:18%;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    top:3%;
}
.vans img + img + img{
    margin-left:38%;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    top:0%;
}
@-ms-keyframes  vans{
    to{
        -ms-transform: translateX(24px);
    }
}
@-webkit-keyframes  vans{
    to{
        -webkit-transform: translateX(24px);
    }
}
@keyframes  vans{
    to{
        transform: translateX(24px);
    } 
}


/*
Radial progress bar
http://fromanegg.com/post/41302147556/100-pure-css-radial-progress-bar
*/
.circle-wrapper {
  width: 140px; /* Set the size of the progress bar */
  height: 140px;
  position: absolute; /* Enable clipping */
  clip: rect(0px, 140px, 140px, 70px); /* Hide half of the progress bar */
}
/* Set the sizes of the elements that make up the progress bar */
.circle {
  width: 140px;
  height: 140px;
  border: 5px solid #0c0;
  border-radius: 70px;
  position: absolute;
  clip: rect(0px, 70px, 140px, 0px);
  -webkit-transform: translateZ(0);
}
/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
  -webkit-animation-iteration-count: 1;  /* Only run once */
  -webkit-animation-fill-mode: forwards; /* Hold the last keyframe */
  -webkit-animation-timing-function:linear; /* Linear animation */
  animation-iteration-count: 1;  /* Only run once */
  animation-fill-mode: forwards; /* Hold the last keyframe */
  animation-timing-function:linear; /* Linear animation */
}

.circle-wrapper[data-anim~=wrapper] {
  -webkit-animation-duration: 0.01s; /* Complete keyframes asap */
  -webkit-animation-delay: 3s; /* Wait half of the animation */
  -webkit-animation-name: close-wrapper; /* Keyframes name */
  animation-duration: 0.01s; /* Complete keyframes asap */
  animation-delay: 3s; /* Wait half of the animation */
  animation-name: close-wrapper; /* Keyframes name */
}

.circle[data-anim~=left] {
  -webkit-animation-duration: 6s; /* Full animation time */
  -webkit-animation-name: left-spin;
  animation-duration: 6s; /* Full animation time */
  animation-name: left-spin;
}
.circle[data-anim~=right] {
  -webkit-animation-duration: 3s; /* Half animation time */
  -webkit-animation-name: right-spin;
  animation-duration: 3s; /* Half animation time */
  animation-name: right-spin;
}
/* Rotate the right side of the progress bar from 0 to 180 degrees */
@-webkit-keyframes right-spin {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(180deg);}
}
/* Rotate the left side of the progress bar from 0 to 360 degrees */
@-webkit-keyframes left-spin {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
/* Set the wrapper clip to auto, effectively removing the clip */
@-webkit-keyframes close-wrapper {
  to {clip: rect(auto, auto, auto, auto);}
}
@keyframes right-spin {
  from {transform: rotate(0deg);}
  to {transform: rotate(180deg);}
}
@keyframes left-spin {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
@keyframes close-wrapper {
  to {clip: rect(auto, auto, auto, auto);}
}

.circle-container{
    position:relative;
    margin-top:5px;
    z-index:9;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(255,255,255,1);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.6), 0 15px 30px rgba(0,0,0,0.1);
}
.circle-text{
    position:absolute;
    width:100%;
    z-index:20000000;
    text-align:center;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#0c0;
    text-shadow: 0 1px 2px #fff, 0 -1px 2px #fff, 1px 0 2px #fff, -1px 0 2px #fff;
}
.circle-text b{
    font-size:2.6em;
}


.thumbnails img{
    position:relative;
    display:block;
    float:left;
    height:360px;
    height:50vh;
    border-right:1px solid #0c0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.thumbnails img:hover{
    z-index:1;
    -webkit-transform: scale(1.1) rotate(-2deg);
    transform: scale(1.1) rotate(4deg);
}


/*
GOOGLE MAP
*/
#map_wrapper {
    position:relative;
    height: 680px;
    height: 60vh;
    margin: 0px;
    padding: 0px
}
#map_canvas {
    width: 100%;
    height: 100%;
}
/* google maps infoWindow **/
.info_content{
    color:#234;
    width:320px;
    padding-top:15px;
    padding-left:15px;
    padding-bottom:15px;
}
.info_content p{
    padding:0; margin:0;
}
.info_content h4{
    padding:12px 0; margin:0;
}
.info_content img.full{
    margin-right:0;
    width:auto;
    max-height:60px;
    height:auto;
}
.info_content a.btn{
    background:#00B4FF;
    color:#fff;
    font-weight:bold;
    display:inline-block;
    vertical-align:middle;
    margin-top:3px;
    padding:4px 10px;
}
div.gm-style-iw{ /* FIX scrollbar apperance */
    overflow:hidden !important;
}
/* ZOOM Custom controls (mapzoomcontrols.js and js.js) */
.customZoomControls{
    margin: 0 24px;
    width: 48px;
}
.customZoomControls-zoomIn,
.customZoomControls-zoomOut{
    user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    cursor : pointer;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    width:48px;
    height:48px;
    line-height:44px;
    font-size:30px;
    color:#fff;
    font-weight:bold;
    background:#0c0;
    margin:3px 0;
    border: 2px solid transparent;
    -webkit-transition:0.3s;
    transition:0.3s;
    border: 2px solid #fff;
}
.customZoomControls > div:hover{
    border: 2px solid #444;
}



/*
MENU NAVIGATION
*/
#menu{
    position:fixed;
    z-index:12;
    left:50%;
    top:0;
}
#menu nav ul{
    background:#dcdcdc;
    padding:0 16px;
    position:relative;
    z-index:12;
    margin:0;
    list-style:none;
    -webkit-transition:0.3s;
    transition:0.3s;
}
#menu nav li{
    display:inline-block;
}
#menu nav a{
    display:block;
    padding:32px 16px;
    color:#444 !important;
    font-size:1em;
    text-transform:uppercase;
}
#menu nav a.active{
    color:#0c0 !important;
}
#menu.menu-open{
    background:rgba(255,255,255,1);
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);
}
#menu.menu-open{
    background:rgba(255,255,255,1);
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);
}
#menu .logo-2{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    -webkit-transition:0.3s;
    transition:0.3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width:160px;
    height:100%;
    background: #444;
}
#menu .logo-2 img{
    height:60%;
    margin:16px 10px;
}
#menu.menu-open nav ul{
    background:#f8f8f8;
}
#menu.menu-open .logo-2{
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);
}



.sm-show{display:none;}
/* md */
@media (max-width: 960px)  {
    a.callButton{font-size:1.5em;}
}
/* sm */	
@media (max-width: 768px)  {
    [class*='cell-']{width:100%;}
    .sm-cell-1 {width: 8.333%;}
    .sm-cell-2 {width: 16.666%;}
    .sm-cell-3 {width: 25%;}
    .sm-cell-4 {width: 33.333%;}
    .sm-cell-5 {width: 41.666%;}
    .sm-cell-6 {width: 50%}
    .sm-cell-7 {width: 58.333%;}
    .sm-cell-8 {width: 65.666%;}
    .sm-cell-9 {width: 75%;}
    .sm-cell-10{width: 83.333%;}
    .sm-cell-11{width: 91.666%;}
    .sm-cell-12{width: 100%;}
    .sm-text-center{text-align:center;}
    .sm-text-left{text-align:left;}
    .sm-text-right{text-align:right;}
    .sm-font-size-1{font-size:1em;}
    .sm-font-size-2{font-size:1em;}
    .sm-overflow-hidden{overflow:hidden;}
    .sm-show{
        display:block;
    }
    .sm-hide{
        position:absolute !important;
        visibility:hidden !important;
    }
    .lg-hide{
        position:relative;
        visibility:visible;
    }
    .sm-padd-0{padding:0;}
    .sm-marg-v-8{margin:8px 0;}

    /* ----------------- */
    
    h1{font-size:2.2em;}
    h2{font-size:1.8em;}
    h3{font-size:1.4em;}
    h4{font-size:1.2em;}
    .logo{margin-top:0px;margin-left:0;}
    .slantMessage{font-size:1.4em;}
    a.callButton{font-size:1.4em;}
    a.callButton span{ padding: 16px 16px; margin-right:16px;}
    .padd-h-48{padding-left:24px; padding-right:24px;}
    #menu{left:0; text-align:center;}
    #menu nav a{padding: 16px 8px;}
    .thumbnails img{height:500px; height:74vh;}
    #map_wrapper{
        padding:24px;
    }
}


/* xs */	
@media (max-width: 480px)  {
    body{font: 14px/1.2 'Roboto', sans-serif;}
    h1{font-size:2em;}
    h2{font-size:1.6em;}
    h3{font-size:1.2em;}
    h4{font-size:1em;}
    #menu nav a{font-size:12px;}
    .padd-h-24{padding-left:16px; padding-right:16px;}
    .padd-h-32{padding-left:16px; padding-right:16px;}
}