/***
 * CONTENT
 * - Icons
 * - Typography
 * - Helpers
 * - Animation
 * - Layout 
 * - Inner Pages
 * -- Homepage
 * - Wordpress Styles
 * - Widgets
 * - Media Query
 */

/*** Icons ***/

/*** Icons ***/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?avuqzi');
  src:  url('../fonts/icomoon.eot?avuqzi#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?avuqzi') format('truetype'),
    url('../fonts/icomoon.woff?avuqzi') format('woff'),
    url('../fonts/icomoon.svg?avuqzi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-youtube:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-caret-down:before {
  content: "\f0d7";
}
	

/*** Typography ***/
body { font-family: 'Open Sans', sans-serif; font-size:18px; line-height: 1;  color: #727272; }
h1,h2,h3,h4,h5 { color:#5b5b5b; font-weight: 700; line-height: 1; margin: 0 auto 1em; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 22px; }

a,a:visited { color: #000; text-decoration: none !important; }
a:hover,footer#colophon a:hover { color: #e9a933; }

/*** Helpers ***/
.full-width{
	margin-left: -3000px;
	/*padding-left: 3000px;*/
	margin-right: -3000px;
	/*padding-right: 3000px;*/
}
.yellow { color: #e9a933; } 
.btn { font-size: 20px; font-weight: 600; line-height: 48px; height: 52px; min-width: 186px; padding: 0 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn.btn-primary { color: #FFF; background: #e9a933; border: 2px solid #e9a933; }
.btn.btn-primary:hover { color:#e9a933;background: transparent;  }
.btn.btn-default { color: #e9a933; background: transparent ; border: 2px solid #e9a933; }
.btn.btn-default:hover { color: #FFF; background:#e9a933; }
.btn.btn-transparent { color: #FFF; border: 2px solid #e9a933;background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpieLnS2BggwAAGPQH5uMnmewAAAABJRU5ErkJggg=='); }
.btn.btn-transparent:hover { background-color: #e9a933;}
.btn.btn-transparent.v2 { background: rgba(198,150,62,0.5); border-color: #e9b361; }
.btn.btn-transparent.v2:hover {background-color: #c6963e; }
.btn.btn-transparent.v3 { background: rgba(178,103,40,0.4); border-color: #d9a57a; }
.btn.btn-transparent.v3:hover {background-color: #b26728; }

.form-inline .form-group { margin-right: 18px; margin-bottom: 18px; }
.form-inline button { vertical-align: top; }
.form-control { color: #737373; height: 52px; padding: 0 20px; line-height: 52px;  font-size: 19px;
-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #f5f5f5;
min-width: 330px; max-width: 100%; 
}
.form-control:focus { border-color: #BBB; -moz-box-shadow: 0 0 5px #AAA; -webkit-box-shadow: 0 0 5px #AAA; box-shadow: 0 0 5px #AAA; }
select.form-control {
 padding: 0 3.5em 0 1em;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image:
    linear-gradient(45deg, transparent 50%, #bebebe 50%),
    linear-gradient(135deg, #bebebe 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1.2em + 2px),
    calc(100% - 15px) calc(1.2em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.form-control:focus{
  background-image:
    linear-gradient(45deg, #000 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #000 50%);

  background-position:
    calc(100% - 15px) 1.2em,
    calc(100% - 20px) 1.2em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}



/*** Animation ***/
/**** Fadein ****/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

a ,a img, .btn, .overlay{
    -webkit-transition: all  0.5s ease;
	-moz-transition: all   0.5s ease;
	-ms-transition: all  0.5s ease; 	
	transition: all   0.5s ease;
}
ul.nav, #logo img, nav .navbar-nav {
        -webkit-transition: all  0.2s ease;
	-moz-transition: all   0.2s ease;
	-ms-transition: all  0.2s ease; 	
	transition: all   0.2s ease;
}
#page { transition: padding 0.2s ease; }

/*** Layout ***/
body { background: url(../img/footer_bg.jpg) no-repeat center bottom; background-size: 100% auto; overflow-x: hidden;}
#top, header#masthead, #page { background: #FFF; }
#top { height: 50px; color: #5b5b5b; padding: 14px 0;}
header#masthead { top: 0; width: 100%;  z-index: 999; }
  header#masthead.is-sticky { border-bottom : 1px solid #b26728; position: fixed; }
#logo { float: left; margin: 15px 0; padding: 0; }
  #logo img { max-height: 100%; height: 168px; }
  .is-sticky #logo img { height: 80px;}
.navbar-brand { height: auto; }
  nav.navbar { margin-bottom: 0; }
  nav .navbar-nav { margin-top: 80px; }
  .is-sticky  nav .navbar-nav { margin-top: 30px; }
  
  .nav>li>a:hover, .nav>li>a:focus { background: transparent; outline: none; }
  .navbar-nav > li { margin-left: 70px; position: relative; }
    .navbar-nav > li > a { text-transform: uppercase; font-size: 20px; color: #646464; padding-left: 2px; padding-right: 2px; padding-bottom: 5px; border-bottom: 3px solid #FFF;  }
    .navbar-nav > li:hover > a,.navbar-nav > li.current-menu-item > a,.navbar-nav > li.current-menu-parent  > a{ border-bottom-color: #eeb959;  background: transparent; }

.sub-menu { position: absolute; list-style: none;  margin-top: -3px; padding: 0 0 4px 0;margin: 0; left: 0; display: none; background: #eeb959; min-width: 200px; z-index: 999;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 3px 3px #444;
}
  .sub-menu > li { margin: 0 15px; }
  .sub-menu > li a { padding: 8px 0 8px 0px; color: #FFF; font-size: 16px; white-space: nowrap; display: block; border-top: 1px solid #FFF; }
  .sub-menu > li:first-child a { border-top: none; }
  .sub-menu > li:hover > a { padding-left: 10px; }
  .navbar-nav li:hover > .sub-menu { display: block;
     -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
         -moz-animation: fadein 0.5s; /* Firefox < 16 */
          -ms-animation: fadein 0.5s; /* Internet Explorer */
           -o-animation: fadein 0.5s; /* Opera < 12.1 */
              animation: fadein 0.5s;
  }
    .navbar-toggle { border: 2px solid #e9a933; -moz-border-radius:0; -webkit-boder-radius: 0; border-radius: 0; margin-top: 30px; margin-right: 20px; }
    .navbar-toggle .icon-bar { background-color: #e9a933; }

#page { }
.is-sticky + #page { padding-top: 110px;  }
#content.site-content { padding-top: 40px; padding-bottom: 80px;}

footer#colophon { font-size: 14px; min-height: 630px; padding-top: 90px; padding-bottom: 40px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.35) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#59ffffff',GradientType=0 );
}
  footer#colophon > div.container { display: table; }
  footer#colophon > div.container > div { padding: 0 40px; display: table-cell; float: none; vertical-align: top; } 
  footer#colophon > div.container > div:first-child { padding-left: 0; padding-right: 10px; }
  footer#colophon > div.container > div:last-child { padding-right: 0; }
  footer#colophon > div.container > div + div { border-left: 1px dashed #bcbcbc;  }
  footer#colophon,footer#colophon a {
     font-family: 'PT Sans',sans-serif;  color: #000;
  }
  footer#colophon p { line-height: 24px; margin-bottom: 28px;}
  footer#colophon .list-style-nav li{ font-size: 16px; line-height: 36px; }
  #zio_call_now_btn { position: fixed; z-index: 9999; background: #e9a933; color:#fff;
  font-size: 28px; line-height: 48px; border:none; border-top: 2px solid #90582b; bottom: 0; text-align: center; display: none;
  width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0; }

#zio_call_now_btn i {  vertical-align: middle; }


/*** Inner Pages ***/

/**** Homepage ****/
#main_banner { position: relative; }
#main_banner img { width: 100%; }
#main_banner .caption { background: url(../img/glare.png) no-repeat center top; padding-top: 120px; width: 100%; position: absolute; bottom: 30px; text-align: center; }
#main_banner .slogan { font-size: 80px; line-height: 80px; font-family:'Alex Brush', cursive; color: #90582b;
    text-shadow:   -1px -1px 0 #CCC,  
        1px -1px 0 #CCC,
       -1px  1px 0 #CCC,
        1px  1px 0 #CCC;
    text-shadow:   -1px -1px 0 rgba(255,255,255,0.4),  
        1px -1px 0  rgba(255,255,255,0.4),
       -1px  1px 0  rgba(255,255,255,0.4),
        1px  1px 0  rgba(255,255,255,0.4);        
}
#main_banner .slogan, #main_banner p { margin-bottom: 60px;  }
#main_banner .btn  { min-width: 225px; }
#main_banner .btn  + .btn { margin-left: 20px; }


#form_section { text-align: center; padding: 100px 0 80px; background: url(../img/v-lines.png) repeat-x left top; }
#form_section h2 { margin-bottom: 12px;}
#form_section p { font-weight: 600; line-height: 26px;margin: 0 auto 40px;  width: 880px; max-width: 100%;  }


#we_love  img { width: 100%; height: auto; }
.img-clipped { overflow: hidden; }
.img-clipped img , .img-clipped span { display: block; float: left; }
.img-clipped,.img-clipped span { position: relative; display: inline-block ;}
.img-clipped::before,.img-clipped::after,.img-clipped span::before,.img-clipped span::after  {
  display: block;
  content: ' ';
  position: absolute;
  width:50px;
  height: 50px;
  background: #FFF;
  z-index: 100;
}
.img-clipped::before { left: 0; top: 0;}
.img-clipped span::before{
  right: 0; top: 0;
}

.img-clipped::after { left: 0; bottom: 0;}
.img-clipped span::after{
  right: 0; bottom: 0;
}
#we_love p { font-size: 20px; line-height: 30px; margin-bottom: 30px;}
#we_love h2 { text-transform: uppercase;
  margin-bottom: 20px;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: url(../img/clip_bg.jpg);
      background-position: -396px 75px;
}
#we_love .col-md-12 + .col-md-12 { padding-left: 40px; padding-top: 50px;}


#our_service { text-align: center; padding-top: 90px; }
#our_service h2 { font-weight: bold; margin-bottom: 30px;}
#our_service p.text { font-weight: 600; line-height: 26px; margin: 30px auto 50px; width: 1000px; max-width: 100%; }


#parallax_banner {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),url(../img/parallax_bg.jpg) no-repeat  center center /cover fixed; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url(../img/parallax_bg.jpg) no-repeat  center center /cover fixed; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url(../img/parallax_bg.jpg) no-repeat  center center /cover fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
}
#parallax_banner .container{   height: 740px; max-height: 100vh; position: relative; }
  #parallax_banner .container .inner { color: #FFF;  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform:  translateY(-50%);
  text-align: center;
  }
    #parallax_banner h2 {
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: url(../img/parallax_bg.jpg);
      background-repeat: no-repeat;
      background-position: center 60%;
      margin-bottom: 30px;
      position: relative;
    }
    #parallax_banner h2,#parallax_banner h2:before { font-size: 60px; font-weight: bold; color:#fcbd5d; letter-spacing: 2px; }
    #parallax_banner h2:before {
        position: absolute;
        display: block;
        content: attr(data-text);
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        text-shadow:   -1px -1px 0 #FFF,  
        1px -1px 0 #FFF,
       -1px  1px 0 #FFF,
        1px  1px 0 #FFF;
        z-index: -1;
    }
    #parallax_banner p { line-height: 1.2em; margin-bottom: 50px; font-size: 30px; font-weight: 600;  font-style: italic; text-shadow:  0 0 3px #333; }
  
  
#land_section {  font-size: 20px; line-height: 30px; }
  #land_section .row { display: table;}
    #land_section .row > div{ float: none; display: table-cell; padding: 60px 45px; }
    #land_section .row > div:first-child { background: url(../img/home.jpg) no-repeat center center; background-size: cover;}
  #land_section h2 { line-height: 52px; font-weight: 600; }
  #land_section h2 span { font-weight: bold; }
  #land_section  p { margin:40px 0; }
  #land_section .btn + .btn { margin-left: 15px;}

.banner-grid.container-fluid { padding: 0;}
.banner-grid .row { display: table; width: 100%; margin-left: 0; margin-right: 0;}
.banner-grid .banner-item {
  background-position: center center;
  background-size: cover;
  min-height: 260px;
  padding: 70px 20px;
  text-align: center;
  color: #FFF;
  display: table-cell;
  float: none;
}
.banner-grid .banner-item b { display: block; font-weight: 600; font-size: 26px; text-transform: uppercase; margin-bottom: 30px; }
.banner-grid .banner-item  .btn { font-size: 18px; text-transform: uppercase; min-width: 218px;}


#instagram-feed > .container {margin-top: 40px; margin-bottom: 40px;  }
  #instagram-feed > .container .pull-right{ margin-top: 10px; }

/**** Content Pages****/
.site-content .entry-title { text-align: center; text-transform: none; color: #b26728;  font-family: 'Alex Brush', cursive; }
.site-content .entry-content { line-height: 1.4em; }
.site-content .entry-content p, .site-content .entry-content ul, .site-content .entry-content ol {
  margin: 0 0 2.4em; 
}

/*** Wordpress styles ***/
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.screen-reader-text { display: none; }
.post-thumbnail img { max-width: 100%; height: auto; }
.entry-footer { margin: 20px 0; padding: 10px; background: #EFEFEF; border: 1px solid #EEE; font-size: 14px;}
.entry-footer.meta > span + span{padding-left: 10px; }

.entry-summary .read-more { display: block; max-width: 200px; margin-top: 20px; }
.pagination .nav-links { text-align: center; padding: 35px 0 10px; }
.pagination .screen-reader-text {display: none; }
.page-numbers { padding: 2px 12px; border: 1px solid #3182bc; }
.page-numbers.current { background: #3182bc; color: #FFF; border-color:#3182bc !important;  }
.page-numbers:hover { border-color: #000; }

/*** Widgets ***/

/**** Page grid****/
.page-grid-item { position: relative; height: 440px;  color: #FFF; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.page-grid-item .overlay { position: absolute; top:0; left:0; height: 100%; width: 100%; background: url(../img/overlay.png); opacity: 0;  text-align: left; }
.page-grid-item:hover .overlay,.page-grid-item:focus .overlay { opacity: 1; }
.page-grid-item .inner {text-align: center;position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform:  translateY(-50%);
  width: 540px;
  max-width: 100%;
  margin: 0 auto;

  padding: 0 10px;
  }
.page-grid-item .inner .title { font-weight: 600; font-size: 30px; color: #e9a933; display: block; margin: 20px 0;  }
.page-grid-item .inner p { font-size: 16px; line-height: 24px; margin: 20px 0;}
.page-grid-item .inner .read-more { color:#e9a933; font-size: 16px; font-weight: 600; }
.page-grid-item .inner .read-more:hover { color: #FFF; }
/**** Social widget ****/
ul.social { list-style: none; margin: 0; padding: 0; text-align: left;}
ul.social li { display: inline-block;}
ul.social li + li { margin-left: 20px; }
ul.social li a { display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 25px;height: 25px; padding: 0; margin: 0; font-size: 24px !important;
	text-align: center; text-decoration: none;  line-height: 29px;}
#top ul.social li a { width: 18px; height: 18px; font-size: 16px !important; line-height: 18px; }	
ul.social.grey li.fb a,ul.social.grey li.tw a,ul.social.grey li.gp a,ul.social.grey li.pt a,ul.social.grey li.inst a,ul.social.grey li.yt a { color: #808fa2 !important; }
ul.social li.fb a ,ul.social.grey li.fb a:hover  { color:#3b5998 !important; }
ul.social li.tw a ,ul.social.grey li.tw a:hover { color:#4cc2ff !important; }
ul.social li.gp a ,ul.social.grey li.gp a:hover  { color:#d23e2b !important; }
ul.social li.pt a ,ul.social.grey li.pt a:hover { color:#BD081C !important; }
ul.social li.inst a ,ul.social.grey li.inst a:hover  {color:#125688 !important; }
ul.social li.yt a ,ul.social.grey li.yt a:hover  { color: #E62117 !important; }
ul.social li a:hover {
    transform: rotate(360deg) ;
    -webkit-transform: rotate(360deg) ;
    -moz-transform: rotate(360deg) ;
    -o-transform: rotate(360deg) ;
    -ms-transform: rotate(360deg) ;
}

/**** CF7 ****/
textarea.wpcf7-textarea{
   height: 200px;
}

/*** Media Query ***/

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media only screen and (min-width: 1600px)
{
  #land_section .row > div { padding-right: 10%;}  
}
@media only screen and (min-width: 1380px)
{
  .container { width: 1380px; }
}
@media only screen and (max-width : 1400px) {
    #logo img { height: 100px;}
    nav .navbar-nav { margin-top: 40px; }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
#logo img { height: 80px;}
nav .navbar-nav { margin-top: 30px; }
}

/* Ipad  */
@media only screen and (max-width : 1024px) {
    .banner-grid .banner-item b { padding-left: 10px; padding-right: 10px;}
	.banner-grid .banner-item b { font-size: 24px; }
}

@media only screen and (min-width: 768px) and (max-width : 992px) {
#navbar { background: transparent !important; border: none !important; }
.navbar-nav > li > a { border-bottom-color:#FFF !important; }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body { background-size: auto 100vh; }
    h1 { font-size: 36px; }
    h2 { fonts-size: 30px; }
    img , iframe { max-width: 100%; }
  #logo img { height: 80px; margin-left: 10px;}
    .is-sticky + #page {  padding-top: 110px; }
    nav .navbar-nav ,.is-sticky  nav .navbar-nav{ margin-top: 10px; }
    .navbar { border: none; }
    #navbar { background: #EFEFEF; border: 1px solid #e9a933; border-width: 1px 0 1px 0; }
    .navbar-nav > li { margin-left: 0;}
    .navbar-nav > li a { padding-left: 25px; }
    .navbar-nav > li > a { border-bottom-color:#EFEFEF; }
    #navbar .sub-menu { position: static; }  
    
    #main_banner .slogan { font-size: 60px; line-height: 60px; margin-bottom: 30px;}
    
    .img-clipped::before,.img-clipped::after,.img-clipped span::before,.img-clipped span::after {
        height: 20px; width: 20px;
    }
  #our_service h2,#we_love h2,#form_section h2{ font-size: 28px; line-height: 32px;}
  #land_section h2 { font-size: 24px;  line-height: 30px;}
  #land_section .row > div{ padding: 20px;}
  #land_section .col-md-12:first-child { height: 40vh;}  
  
  body, #land_section,#we_love p { font-size: 16px; line-height: 1.4em;}
   #land_section p,#we_love p { margin-bottom: 16px; margin-top: 0; }
  
  #parallax_banner .container { height: auto; max-height: inherit; padding: 60px 10px;  }
  #parallax_banner .container .inner { position: static; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  #zio_call_now_btn { display: block;  }
  footer#colophon > div.container ,footer#colophon > div.container > div,
  #land_section .row,#land_section .row > div,.banner-grid .banner-item,.banner-grid .row
  { display: block; }
  footer#colophon { padding-bottom: 80px; }
  footer#colophon > div.container > div img { margin: 0 auto; }
  footer#colophon > div.container > div {border:none !important;  text-align: center; float: left; padding: 0 20px; }
footer .social {text-align: center; }
footer#colophon > div.container > div:last-child { padding-right: 20px; }
    .page-grid-item { cursor: pointer; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    #top .pull-left { float: none !important; text-align: center; }
    #top .social { display: none; }

    #main_banner { overflow: hidden;}   
    #main_banner .caption { position: static; padding-top: 20px; }
    #main_banner .slogan { font-size: 34px; margin-bottom: 0; }
    #main_banner .btn { background-color: #e9a933; }
    #main_banner .btn, #land_section .btn { margin: 20px auto !important; display: block; width: 225px; }
 	
    #parallax_banner h2, #parallax_banner h2:before { font-size: 40px;}
    #parallax_banner p { font-size: 20px; margin-bottom: 25px; }
    
    #instagram-feed .pull-left, #instagram-feed .pull-right{ float: none; margin-bottom: 20px; margin-left: auto;  width: 100%; text-align: center;}
    #instagram-feed  img { max-width: 100%; }
    .form-inline .form-group { margin-right: auto; }
    .form-control { min-width: inherit; }

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#parallax_banner h2, .clip-bg { background: none !important; }
}