/*
Theme Name: Bottle Rocket
Theme URI: http://www.bottle-rocket.com
Description: Bottle Rocket Creative
Author: Jason Gonzalez
Version: 1.0
*/

@font-face {font-family: 'Noto Sans';src: url(fonts/NotoSans-Regular.ttf);}
@font-face {font-family: 'Noto Sans Bold';src: url(fonts/NotoSans-Bold.ttf);}
@font-face {font-family: 'Noto Sans Italic';src: url(fonts/NotoSans-Italic.ttf);}
@font-face {font-family: 'Noto Sans BoldItalic';src: url(fonts/NotoSans-BoldItalic.ttf);}

img.frm_ajax_loading {display:none !important;}
div.frm_message {color:#fff !important;margin-top:59px;}
div.frm_error_style {color:#f15a24 !important;}
div.frm_error {color:#f15a24 !important;}

html {
	margin: 0;
	padding: 0;
	overflow-y:scroll;
	-webkit-text-size-adjust: 100%;
}
body {
  font-family: 'Noto Sans', sans-serif;
  font-size: .875em;
  font-weight:400;
  color: #000000;
	background: #fff;
	margin: 0;
	font-size: 1em;
  text-align:center;
	margin: 0 0 0 0;
	padding: 100px 0 0 0;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	clear: both;
}
h1.orange {
  color:#f15a24;
}
img {
  border:0;
}
ul.slides {
  margin:0;
  padding:0
}
#metaslider-id-16 div.metaslider {
  padding-top: 50px !important;
}
#metaslider-id-16 div.caption-wrap {
  opacity:1 !important;
  background: none !important;
  top: 48% !important;
  bottom: 52% !important;
}
#metaslider-id-16 div.caption {
  color:#ffffff !important;
  font-size: 120% !important;
  letter-spacing: .025em;
}
#metaslider-id-16 h1.home-slider {
  color:#ffffff;
  display:inline-block;
  padding: 0 40px 0 0;
  margin: 0;
  font-size: 350% !important;
  letter-spacing: 0;
}
#metaslider-id-16 div.home-slider-text {
    display:inline-block;
}
hr {
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
a {
  outline : none;
	color: #ff4f00;
	text-decoration: none;
}
a:hover {
	color: #ff4f00;
	text-decoration: none;
}
a:visited {
	color: #ff4f00;
	text-decoration: none;
}
a:active {
	color: #ff4f00;
	text-decoration: none;
}

/* Hide Contact Form Title */
div.frm_form_fields > fieldset > h3 {
	display:none;
}
div#page-overlay {  
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9); /* Black background with opacity */
  z-index: 99;  
  cursor: pointer; /* Add a pointer on hover */
}
div#page-overlay {display:none;}

div#mobile-contact-button {
  display:none;
  padding: 5px 10px;
  margin: 6px 5px 0 0;
  background-color: #f15a24;
  float:left;
}
a#mobile-contact-button-link {
  color: #fff;
  font-size: .7em;
  letter-spacing: 1.1px;
  text-decoration: none;
  text-transform:uppercase;
}
div#main-container {
  position:relative;
  text-align:center;
	padding: 0;
	margin: 0;
	width: 100%;
}
div#top-container {
  top:0;
  position: fixed;
  z-index: 1;
  padding: 10px 0;
	width: 100%;
  background-color: white;
  height:39px;
}
div.menu-social-menu-container {
  padding: 7px 34px 3px 2%;
  height: auto;
  float: left;
}
div.menu-main-menu-container {
  padding: 7px 15px 0 0;
  height: auto;
  float: left;
}
div.menu-social-menu-no-follow-container {
  padding: 5px 34px 0 30px;
  height: auto;
  float: left;
}
div.menu-main-menu-no-follow-container {
  padding: 5px 18px 0 0;
  height: auto;
  float: left;
}
div#text-phone-number {
  float: left;
  color:#f15a24;
  font-size: .75em;
  letter-spacing: 1.1px;
  padding: 11px 0 0 0;
}
img.company-image {
  float:right;
  margin-right:30px;
}
div#small-width-container {
	margin: 0 auto;
	padding: 0;
  width: 100%;  	
  max-width: 860px;
}
div#medium-width-container {
	margin: 0 auto;
	padding: 0 2% 0 2%;
  width: 96%;  	
  max-width: 1200px;
}
div#medium-width-container-home {
	margin: 0 auto;
	padding: 10px 2% 10px 2%;
  width: 96%;  	
  max-width: 1200px;
}
div#full-width-container {
	margin: 0 auto;
	width: 100%;
}
div#title {
  position:absolute;
  font-size: .8em;
  left: 30%;
  right: 30%;
  width: 40%;
  height: auto;
  top: 25px;
}
div#title > h1 {
  margin:0;
  padding:0;
	color: #ff4f00;
}
span.subtitle {
  font-family: 'Noto Sans Italic';
  font-size: 1.1em;
  color:#4d4d4d;
}
div#background-span {
  position:relative;
  text-align:center;
	width: 100%;
  height: 128px;
	background-image: url('images/extend-bg.gif');
	background-repeat: repeat-x;
}
div#background-span-tall {
  text-align:center;
	width: 100%;
  height: auto;
	background-image: url('images/extend-bg-tall.jpg');
	background-repeat: repeat-x;
}
img.background-image-span {
  width:100%;
  max-width:1555px;
  height: 128px;
  margin: 0 auto;  
}
img.background-image-span-large {
  width:100%;
  max-width:1555px;
  height: auto;
  margin: 0 auto;  
}
div#main-text {  font-family: 'Noto Sans Italic';font-size: .9em;line-height: 1.65em;padding: 5px 30px 25px 30px; }
div#main-text-home-1 {font-family: 'Noto Sans Italic';font-size: .9em;line-height: 1.65em;padding: 50px 20px 0 20px; }
div#main-text-home-2 {font-family: 'Noto Sans Italic';font-size: .9em;line-height: 1.65em;padding: 50px 50px 80px 50px; }
div#main-text-home-3 {font-family: 'Noto Sans Italic';font-size: .9em;line-height: 1.65em;padding: 50px; }
div#main-text-home-1  p:first-of-type {margin-top:4px;}
div#main-text-home-2  p:first-of-type {margin-top:4px;}
div#main-text-home-3  p:first-of-type {margin-top:4px;}
div#main-text-home-1 > h1 {line-height: 110%;margin-bottom:2px;padding:0;font-family: 'Noto Sans' !important;}
div#main-text-home-2 > h1 {line-height: 110%;margin-bottom:2px;padding:0;font-family: 'Noto Sans' !important;}
div#main-text-home-3 > h1 {line-height: 110%;margin-bottom:2px;padding:0;font-family: 'Noto Sans' !important;}
div#main-text-home-2 > p > span.subtitle {color:#ffffff;}
div#main-text > h1 {padding-bottom: 20px;}

div#request-estimate-primer-text {
  font-family: 'Noto Sans Italic';
  font-size: 0.9em;
  line-height: 1.65em;
  padding:0 50px 0 50px;
}
div#request-estimate-button {
font-family: 'Noto Sans Italic';
  color:#ffffff;
  cursor: pointer;
  font-size: 1.5em;
  border: 1px solid #998675;
  width:27.652733%;
  min-width: 290px;
  max-width: 425px;
  height:40px;
  text-align:center;
  margin: 40px auto 20px auto;
  padding: 5px 0 0 0;
}
div#testimonials-text {
font-family: 'Noto Sans Italic';
  font-size: .9em;
  line-height: 1.65em;
  padding: 0 5% 30px 5%;
  max-width: 890px;
  margin: 0 auto;
  overflow: hidden;
}

div#video-testimonials {padding:20px 5%;margin:0;text-align:center;vertical-align:top;}
figure.video-testimonial {cursor:pointer;display:inline-block;width:24%;text-align:center;vertical-align:top;}
img.video-thumbnail {display:block;width:100%;}
p.video-caption {font-family: 'Noto Sans Italic';font-size: .9em;}

div.video-embed-contain {display:none;position:fixed;width: 65%;top: 8vw;left: 0;right: 0;bottom: 0;z-index: 100;margin:0 auto;}
div.video-embed {position: relative;padding-bottom: 56.25%;height: 0;} /* 16:9 */
div.video-embed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
div.close-video {position:absolute;right:5%;top:5vw;}

div#full-width-container-brown {
  color:#ffffff;
  text-align: center;
	margin: 0 auto;
	padding: 50px 0 50px 0;
	width: 100%;
	min-height: 240px;
  background-color:#50443f;
}
div#full-width-container-white {
  position:relative;
  color:#4d4d4d;
  text-align: center;
	padding: 50px 0 50px 0;
	margin: 0 auto;
	width: 100%;
  background-color:#ffffff;
}
div#full-width-container-gray {
  position:relative;
  color:#4d4d4d;
  text-align: center;
	margin: 0 auto;
	width: 100%;
  background-color:#f4f5ea;
}
div#full-width-container-orange {
  color:#ffffff;
  text-align: center;
	margin: 0 auto;
	padding: 5px 0 50px 0;
	width: 100%;
	min-height: 340px;
  background-color:#f6921e;
}
.home-snippet {font-family: 'Noto Sans Italic';width:23%;display:inline-block;vertical-align:top;font-size:.9em;}
.home-snippet img {max-width:100%;}
div#snippet-spacer {width:12.5%;text-align:center;display:inline-block;vertical-align:top;}
div#snippet-divider {width:2px;height:80px;background-color:#ffffff;margin:0 auto;}

div#bottom-map > a img {width:100%;height:auto;}

img.featured-image-interior {
  padding: 25px 2%;
  width: 96%;
  max-width: 493px;
  height: auto;
}
.footer-image {
  width:100%;
  height:135px;
}
div#footer-image-container {
  background-color: #8d5138;
  width: 100%;
  height: 135px;
}
div#footer-content {
  position: absolute;
  bottom: 25px;
  left: 0px;
  width: 100%;
  font-size: .8em;
  color: #ffffff;
}
div#footer-content a {
  color: #ffffff;
}
div#footer-content p {
  margin:0;
  padding:0;
}
div#footer-text {
  float:left;
  padding-left: 4%;
}
div#footer-menu {
  float:right;
  padding-right: 4%;
}
ul.footer-social-menu {
  margin:0;
  padding:0;
}
ul.footer-social-menu > li {
  display:inline;
}
ul.footer-social-menu > li > a {
}
ul.footer-social-menu > li:last-child > div#separator {
  display:none;
}
/* End Footer */
.columns {
  font-size: .85em;
  text-align:left;
  float:left;
}
div.columns h4 {font-family: 'Noto Sans';}

/**** Proprietary 5 Column Widths ****/
div#column-list-5 {
font-family: 'Noto Sans Italic';
  letter-spacing: .5px;
  line-height: 1.5em;
  width: 96%;
  max-width: 890px;
  margin: 0 auto;
  padding: 0 2%;
}
div#column-5-1 {width:24%;}
div#column-5-2 {width:26%;}
div#column-5-3 {width:16%;}
div#column-5-4 {width:21%;}
div#column-5-5 {width:13%;}
div#column-list-3 {
font-family: 'Noto Sans Italic';
  letter-spacing: .5px;
  line-height: 1.5em;
  width: 96%;
  max-width: 830px;
  margin: 0 auto;
  padding: 0 2%;
}
div#column-3-1 {width:34%;}
div#column-3-2 {width:43%;}
div#column-3-3 {width:23%;}
div#column-list-2 {
font-family: 'Noto Sans Italic';
  letter-spacing: .5px;
  line-height: 1.5em;
  width: 96%;
  max-width: 665px;
  margin: 0 auto;
  padding: 0 2%;
}

div#column-2-1 {width:47%;margin: 40px 0;}
div#column-2-2 {width:53%;margin-top: -15px;}
div#column-2-3 {width:47%;margin: 30px 0;display:none;}

div#column-single {
  text-align:center;
  line-height: 1.7em;
  font-size: .85em;
  width: 96%;
  max-width: 970px;
  margin: 0 auto;
  padding: 0 2%;
}
div#small-width-container-portfolio {
  margin: 0 auto;
  max-width: 930px;
  padding: 0;
  width: 100%;
}
div#portfolio-item-thumbnail {
  display:inline-block;
  margin: 0 2% 37px 2%;
}
div#portfolio-image-container {
  position: relative;
  text-align: center;
  margin: 0 auto 200px auto;
  width: 80%;
  padding: 0 3%;
  height: 700px;
}
img.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
img.portfolio-image {
  max-width: 96%;
  height: auto;
  max-height: 900px;
}
img#previous-arrow {
  position:absolute;
  top: 47%;
  left:0;
}
img#next-arrow {
  position:absolute;
  top: 47%;
  right:0;
}
img#close-button-portfolio {
  position:absolute;
  top: 0;
  right:0;
}
.employee-thumb {
  width: 20%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.employee-text {
  font-family: 'Noto Sans Italic';
  width: 76%;
  color:#ffffff;
  display: inline-block;
  text-align: left;
  padding-bottom: 40px;
  vertical-align: top;
}
div#employee-summary {
  font-family: 'Noto Sans Italic';
  width: 76%;
  color:#ffffff;
  display: inline-block;
  text-align: left;
  padding-bottom: 40px;
  vertical-align: top;
}
div#employee-text p a, div#employee-summary p a {color:#ffffff;}
img.featured-image-employee {}
label.frm_primary_label {display:none;}
legend.frm_hidden {display:none;}
fieldset {padding:0;margin:0;border:0;}
div#field_c5eub8 {margin-bottom: 7px;}
div#field_35onvz {margin-bottom: 7px;}
div.frm_error_style {color: red;margin-bottom:5px;}
div.frm_error {color: red;}
div.frm_message {color: red;}
div.frm_form_fields > fieldset > h3 {font-size: 1em;}
input[type="submit"] {
  background-color:#50443f;
  font-family: 'Noto Sans Italic';
  height: 27px;
  color: #ffffff;
  font-size: 1em;
  display: inline;
  vertical-align: middle;
  text-align: left;
  border: 0;
  padding: 0;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="text"] {
  background-color:#50443f;
  font-family: 'Noto Sans Italic';
  height: 27px;
  color: #ffffff;
  width: 96%;
  border: solid 1px #ffffff;
  padding: 1px 2%;
  font-size: .85em;
  margin-bottom: 10px;
    -webkit-appearance: none;
}
input[type="email"] {
  background-color:#50443f;
  font-family: 'Noto Sans Italic';
  height: 27px;
  color: #999999;
  width: 96%;
  border: solid 1px #ffffff;
  padding: 1px 2%;
  font-size: .85em;
  margin-bottom: 10px;
    -webkit-appearance: none;
}
select {
  background-color:#50443f;
  font-family: 'Noto Sans Italic';
  height: 27px;
  color: #999999;
  width: 96%;
  border: solid 1px #ffffff;
  padding: 1px 2%;
  font-size: .85em;
  margin-bottom: 10px;
}
textarea {
  font-family: 'Noto Sans Italic' !important;
  overflow:auto;
  background-color:#50443f;
  height: 115px;
  letter-spacing: 0;
  color: #ffffff;
  width: 96%;
  border: solid 1px #ffffff;
  padding: 9px 2%;
  font-size: .875em;
  margin-bottom: 10px; 
    -webkit-appearance: none; 
}
img.frm_ajax_loading {padding-top:20px !important;}
form#form_c5eub8 label {display:none;}
form#form_35onvz div.frm_form_fields fieldset div input {border-color:#4d4d4d;background-color:#f4f5ea;color: #4d4d4d;}
form#form_35onvz div.frm_form_fields fieldset div select {border-color:#4d4d4d;background-color:#f4f5ea;color: #4d4d4d;width:100%;}
div#blog-container {
  width: 100%;
  max-width:1080px;
  margin: 0 auto;
  padding: 65px 0 0 0;
}
div#blog-featured-image > img {
  padding: 25px 2%;
  width: 96%;
  max-width: 493px;
  height: auto;  
}
div#blog-sidebar {
  float:left;
  width: 22%;
  padding: 0 2%;
  margin: 0 0 40px 0;
  border-right:1px solid #cccccc;
}
div#blog-content {
  font-size: .84em;
  float:left;
  width: 71%;
  text-align:left;
  margin: 0 0 40px 0;
  padding: 0 2% 0 0;
  letter-spacing: .01em;
}
div#blog-content > div > h4:first-child {
  margin-top: 0px;
  padding-top: 0px;
}
div#blog-content > div {
  padding-left: 4%;
  width: 96%;
}
div#blog-content > div > h4 {
  font-size: 1em;
}
ul.sidebar {
  margin:0;
  padding:0;
  letter-spacing: 0;
}
ul.sidebar li ul {
  margin:0;
  padding:0;
}
ul.sidebar li {
  text-align:left;
  margin:0;
  padding:0;
  list-style-type: none;
  line-height: 101%;
}
ul.sidebar > li > h3 {
  margin:0;
  padding:7px 0;
	color: #ff4f00;
  font-size: .70em;
  letter-spacing: .05em;
  text-transform: uppercase;
}
ul.sidebar li:first-child > h3 {
  margin:0;
  padding:0 0 7px 0;
}
ul.sidebar li ul li a {
  font-size: .78em;
  color: #999999;
  letter-spacing: 0;
  text-decoration:none;
}
ul.sidebar li ul li a:hover {
	color: #ff4f00;
	text-decoration: none;
}
ul.sidebar li ul li a:visited {
  color: #999999;
	text-decoration: none;
}
ul.sidebar li ul li a:active {
  color: #999999;
	text-decoration: none;
}
ul.sidebar li ul li:last-child {
  padding-bottom:9px;
}
div.entry-meta span {
	color: #999999;
}
div.entry-meta span a {
	color: #999999;
}
div.entry-content {
	color: #4d4d4d;
}	
div#line-separator {
  background-color:#cccccc;
  width: 100%;
  height: 1px;
}
div#blog-content div#line-separator:last-child {
  display: none;
}
div.arrow-previous-nav {float:left;}
div.arrow-next-nav {float:right;}

/* Social Menu */
ul.social-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.social-menu li {
  display: inline-block;
  padding: 0 1.5px;
  margin: 0;
}

/* Main Menu */
ul.main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.main-menu > li {
  position:relative;
  font-size: .7em;
  color:#4d4d4d;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  text-decoration:none;
  list-style: none;
  padding: 0 1.5px;
  margin: 0;
}
ul.main-menu > li > a {
  color:#4d4d4d;
  text-decoration:none;
}
ul.main-menu > li > a:hover {
  color:#f15a24;
  text-decoration:none;
}
ul.main-menu li {
  display:inline-block;
}
div#separator {
  display: inline-block;
  padding: 0 1px 0 6px;
  margin: 0;
}
ul.main-menu > li:last-child > div#separator {
  display:none;
}
ul.main-menu > li:nth-last-child(2) > div#separator {
  display:none;
}
ul.main-menu > li:last-child {
  padding: 5px 10px;
  margin-left: 5px;
  background-color:#f15a24;
  color: #fff;
}
ul.main-menu > li:last-child > a {
  color: #fff;
  text-decoration:none;
}
ul.main-menu > li.current-menu-item:last-child > a {
  color:#fff;
  text-decoration:none;
}
ul.main-menu > li.current-menu-item > a {
  color:#f15a24;
  text-decoration:none;
}
ul.main-menu > li.current-menu-ancestor > a {
  color:#f15a24;
  text-decoration:none;
}
ul.main-menu li ul.sub-menu {
  text-align:left;
  position:absolute;
  top:13px;
  left:-8px;
  padding:7px 0;
  margin:0;
  background-color: #ffffff;
  list-style-type: none;
}
ul.main-menu li ul.sub-menu li {
  display: block;
  background-color: #ffffff;
  padding: 5px 15px;
  list-style-type: none;
}
ul.main-menu li ul.sub-menu li a {
  color:#4d4d4d;
  text-decoration:none;
}
ul.main-menu li ul.sub-menu li a:hover {
  color:#f15a24;
  text-decoration:none;
}
ul.main-menu li ul.sub-menu li div#separator {
  display: none;
}
ul.main-menu li ul.sub-menu {
  display: none;
}
ul.main-menu > li ul.sub-menu li.current-menu-item > a {
  color:#f15a24;
  text-decoration:none;
}
ul.main-menu li:hover ul.sub-menu {
  display: block;
}
ul.main-icon-menu {
  width:100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.main-icon-menu li ul {
  display: none;
}
ul.main-icon-menu  li {
  display:inline-block;
  padding: 30px 1%;
  margin: 0;
}
ul.main-icon-menu li {
  width: 22.10%;
  height:auto;
}
ul.main-icon-menu li a img {
  width: 100%;
  height:auto;
}
ul.portfolio-menu {
  text-align: center;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
ul.portfolio-menu > li {
  text-align: center;
  font-size: .85em;
  color:#ffffff;
  text-transform: lowercase;
  text-decoration:none;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.portfolio-menu > li > a {
  color:#ffffff;
  text-decoration:none;
}
ul.portfolio-menu  ul {
  display: none;
}
ul.portfolio-menu li {
  display:inline-block;
}
ul.portfolio-menu > li:first-child > div#separator-2 {
  display:none;
}
ul.portfolio-menu > li.current-menu-item > a {
  color:#f0d095;
  text-decoration:none;
}

.portfolio-spacer {height:58px;}
.portfolio-single-spacer {height:60px;}

div#separator-2 {
  display: inline-block;
  padding: 0 8px 0 4px;
  margin: 0;
}
ul.portfolio-home-menu {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.portfolio-home-menu > li {
  text-align: center;
  font-size: .85em;
  color:#4d4d4d;
  text-transform: lowercase;
  text-decoration:none;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.portfolio-home-menu > li > a {
  color:#4d4d4d;
  text-decoration:none;
}
ul.portfolio-home-menu > li:first-child > a {
  color:#f15a24;
  text-decoration:none;
}
ul.portfolio-home-menu  ul {
  display: none;
}
ul.portfolio-home-menu li {
  display:inline-block;
}
ul.portfolio-home-menu > li:first-child > div#separator-2 {
  display:none;
}
ul.portfolio-home-menu > li.current-menu-item > a {
  color:#f15a24;
  text-decoration:none;
}
ul.small-icon-menu {
  width:100%;
  list-style: none;
  margin: 50px 0 90px 0;
  padding: 0;
}
ul.small-icon-menu ul {
  display: none;
}
ul.small-icon-menu  li {
  display:inline-block;
  padding: 20px 0 20px 3.2%;
  margin: 0;
}
ul.small-icon-menu  li:first-child {
  display:inline-block;
  padding: 20px 0 20px 0;
}
ul.small-icon-menu  li:nth-child(5n+0) {
  display:inline-block;
  padding: 20px 0 20px 0;
}
ul.small-icon-menu li {
  width: 22.15%;
  height:auto;
}
ul.small-icon-menu li a img {
  width: 100%;
  height:auto;
}
.alignright {
	padding: 0 0 8px 8px;
	float: right;
	max-width: 1262px;
}
.alignleft {
	padding: 0 8px 8px 0;
	float: left;
	max-width: 1262px;
}
.alignnone {
	padding: 0px;
	max-width: 1262px;
}
div#click-menu-label {
  position: fixed;
  color:#f15a24;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: .75em;
  letter-spacing: 1.1px;
  top:19px;
  right:1%;
  margin-right: 44px;
}

@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px) {
  #metaslider-id-16 div.caption {font-size: 1.4vw !important;}
  div#portfolio-image-container {height: 600px !important;}
}
@media only screen and (max-width: 1250px), only screen and (max-device-width: 1250px) {
  div#portfolio-image-container {height: 500px !important;}
  div.video-embed-contain {top: 12vw;}
  div.close-video {top:8vw;}   
}
@media only screen and (max-width: 1020px), only screen and (max-device-width: 1020px) {
  div.menu-main-menu-container { display:none;}
  div#mobile-contact-button {display:block;}
  img.company-image {display:none;}
  div#footer-text {float:none !important;text-align:center !important;padding-bottom: 3px !important;}
  div#footer-menu {float:none !important;text-align:center !important;}
  .employee-thumb img {width:80%;height:auto;}
  
  figure.video-testimonial {display:block;width:45%;margin:0 auto;padding:0 0 30px 0;}
}
@media screen and (max-width: 1020px) {
  #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
      margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  div.columns {font-size: 1.5vw !important;}
  .alignright {width:100% !important;height: auto !important;}
  .alignleft {width:100% !important;height: auto !important;}
  .alignnone {width:100% !important;height: auto !important;}
  div#portfolio-item-thumbnail {width:20%;margin: 0 2% 17px 2%;}
  div#portfolio-item-thumbnail img {width:100%;height:auto;}
}
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  div#title {font-size: 1.2vw !important;}
  div#background-span { height: auto !important;}
  img.background-image-span {height: auto !important;}
  div#title {top: 5px !important;}
  div#employee-thumb {display:block !important;text-align:center !important;width: 96% !important;}
  div#employee-text {display:block !important;text-align:center !important;width: 96% !important;}
  div#employee-summary {display:block !important;text-align:center !important;width: 96% !important;}
  
  figure.video-testimonial {display:block;width:75%;margin:0 auto;padding:0;}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
  body {padding-top:40px;}
  img#close-button-portfolio {max-width: 50px !important;}
  div#medium-width-container-home {display:block;}
  /*div#background-span {background: none;}*/
  img.background-image-span {display:block;}
  div#title {width: 96% !important;padding: 0 2% !important;font-size: .8em !important;position: relative !important;right:0 !important;left:0 !important;}
  div#title > h1 {padding-top:14px;}
  #metaslider-id-16 h1.home-slider {display:block;padding: 0 0 5px 0;font-size:400% !important;}
  #metaslider-id-16 div.caption {margin-top:-21px;font-size:2.1vw !important;}
  div#background-span-tall {display:block;}
  
  div#column-5-1 {float:none !important;width:100% !important;}
  div#column-5-2 {float:none !important;width:100% !important;}
  div#column-5-3 {float:none !important;width:100% !important;}
  div#column-5-4 {float:none !important;width:100% !important;}
  div#column-5-5 {float:none !important;width:100% !important;}
  
  div.columns {font-size:1em !important; text-align: center !important;margin-bottom:55px;}
  
  div#column-3-1 {float:none !important;width:100% !important;}
  div#column-3-2 {float:none !important;width:100% !important;}
  div#column-3-3 {float:none !important;width:100% !important;}
  div#column-3-1 p {margin:0 !important;padding:0 !important;}
  div#column-3-2 p {margin:0 !important;padding:0 !important;}
  div#column-3-3 p {margin:0 !important;padding:0 !important;}

  div#column-2-1 {display:none;}
  div#column-2-3 {display:block;}
  
  div#column-2-2 {float:none !important;width:100% !important;}
  div#column-2-3 {float:none !important;width:100% !important;}
	
  div#request-estimate-column-1 {float:none !important;width:100% !important;}
  div#request-estimate-column-2 {float:none !important;width:100% !important;}
  
  div#main-text-home-1 > h1  {font-size: 1.5em;}
  div#main-text-home-2 > h1  {font-size: 1.5em;}
  div#main-text-home-3 > h1  {font-size: 1.5em;}
  
  .home-snippet {width:50%;display:block;padding-bottom:20px;text-align:center;margin:0 auto;}
  div#snippet-divider {display:none;}
  div#blog-sidebar {display: none !important;}
  div#blog-content {width: 96% !important;padding: 0 2% !important;}
  div#blog-content > div {padding:0 !important;width: 100% !important;}
  img.portfolio-image {max-width: 84%;height: auto;}
  div#footer-content {bottom: 41px;}
  div#footer-text {padding:0;}
  div#footer-menu {display:none;}
  
  figure.video-testimonial {display:block;width:95%;margin:0 auto;padding:0;}
	div#column-2-3 {margin:0;margin-top:30px;}
	div#column-2-2 {margin:0;margin-top:-60px}
}
@media only screen 
and (max-width: 475px), only screen and (max-device-width: 475px) {
  div#top-container {height:26px;}
  .portfolio-spacer {height:44px;}
  .portfolio-single-spacer {height:50px;}
  div.menu-social-menu-container {display:none;}
  div#text-phone-number {padding: 6px 0 3px 0;}
  button#responsive-menu-button {top:7px !important;}
  div#portfolio-image-container {height: 200px !important;}
  img#previous-arrow {top: 40% !important;  }
  img#next-arrow {top: 40% !important;}
  div#mobile-contact-button {margin-top: 2px;}
  
  div#title > h1 {font-size:1em;padding-top:10px;}
  
  div.video-embed-contain {top: 40vw;}
  div.close-video {top:25vw;}
}
/* Global Landscape */
@media only screen 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
  div.menu-main-menu-container { display:block;}
  img.company-image {display:block;}
  div.video-embed-contain {top: 8vw;}
  div.close-video {top:5vw;} 
}
@media only screen 
and (max-device-width: 736px)
and (orientation: landscape) {
  div.menu-main-menu-container { display:none;}
  img.company-image {display:none;} 
  h1.home-slider {margin-bottom:20px;}
  div#title > h1 {padding-top:20px;}
  div.video-embed-contain {top: 8vw;}
  div.close-video {top:5vw;}
}
