/*



Theme Name: nmboc



Theme URI: 



Author: Francis Wilson



Author URI: www.1seo.com



Description: Main template nmboc



Version: 1.1



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html







Copyright 2015 nmboc







*/







/* ---------- Basic Structure ---------- */







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	vertical-align: baseline;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



}







body {



background-color: #F6F6F6;



width: 100%;



color: #000;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;}



a { text-decoration:none;transition:.6s;}



#container {



width: 100%;



float: center;



display: block;



 margin:0px auto!important;



}







#site {



width: 100%;



margin: 0px auto!important;



color: #000;



}







#main {



}





#mini-header{background-color: #015e99;height: 25px;line-height: 20px;}



#mini-header a{ color:#FFF; font-size:10px;}

#mini-header a:hover{ color:#FF0; transition:.6s;}





#mini-header-wrapper{ max-width:960px; margin:0 auto; text-align:right;}













#header-wrapper {



float: left;



margin: 0px auto!important;



width: 100%;



display: block;



background: #ffffff;



}







#header {



max-width: 960px;



margin: 0px auto!important;



display: block;



}







#logo {



float: left;



margin-top: 10px;



}







#tagline {



float: left;



}







#tagline p {



font-size: 47px;



line-height: 50px;



color: #4C6339;



font-style: italic;



margin-top: 10%;



margin-left: 50px;



}







#phone {



float: right;



text-align: right;



margin-top: 20px;



}







#phone p {



font-size: 14px;



color: #015e99;



font-weight: bold;



line-height:14px;



margin-bottom:0px;



}







#phone a {
  font-style:normal;
  text-decoration: none;
  /*color: #000000;*/
  margin-left:10px;
}

iframe { width:100%;}

#phone p span#call-phone {
  font-size: 29px;
  line-height: 29px;
  color: #ea202e;
}

#phone p img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgb(234, 32, 46);
}

a.phone {
  font-size: 36px!important;
  line-height: 50px!important;
  font-weight: bold;
  color: #ea202e;
  /*color: #707B91;*/
}



#social-icons{ float:right; width:124px;}

#social-icons li{ float:left; list-style:none;}

#social-icons a{}



#shadow-area { width: 100%;

  float: left;}

#shadow-wrapper { max-width:960px;margin: 0 auto; }



#shadow{

  z-index:1;

  background-image: url(https://www.nmboc.com/wp-content/themes/nmboc/images/shadow.png);

  width: 960px;

  height: 40px;

  background-repeat: no-repeat;

  margin:0 auto;

  position: absolute;}

  



#main {



width: 100%;



margin: 0px auto;



max-width: 960px;



}



#body-bg { width: 100%;

  background-image: url(https://www.nmboc.com/wp-content/themes/nmboc/images/body-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  float: left;











}



#client-logos{ width:100%;

height:100%;

float:left;

border: 1px solid #dedede;

  margin-top: 15px;

background: rgba(255,255,255,1);

  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));

  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );}



#client-logos-wrapper{  max-width: 960px;margin: 0 auto;}



#client-logos-wrapper h3{  margin: 15px auto;

  text-align: center;}







#tiny-carousel-slider1 { margin:0!important; margin-bottom:20px!important;}

#tiny-carousel-slider1 .buttons{top: 20%!important; color:#B0B0B0!important;

background: rgba(217,217,217,1)!important;

  background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;

  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,217,217,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)))!important;

  background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;

  background: -o-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;

  background: -ms-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;

  background: linear-gradient(to bottom, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)!important;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff', GradientType=0 )!important;

  -webkit-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.75)!important;

  -moz-box-shadow: 0px 10px 29px -10px rgba(0,0,0,0.75)!important;

  box-shadow: 0px 10px 15px -10px rgba(0,0,0,0.75)!important;

  border: 1px solid #cdcdcd!important;}



#tiny-carousel-slider1 .overview li { border:none!important;}









#photo-wrapper {width: 100%; float: left; display: block; background-color: #fff; border-bottom: 1px solid #dedede;}







#photo {





height: auto;



display: block;



margin: 0px auto;



}







#photo img {



width: 100%;



height: auto;



}







#buckets {



display: block;



float: left;



width: 100%;



margin-bottom: 0px;



margin-top: 10px;







}







#buckets img {float: left; margin-right: 10px;}







#bucket1,



#bucket2,



#bucket3{



border: 1px solid #dedede;



padding: 2% 2%;



float: left;



margin-right: 1%;





background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );





}







#bucket3 {



margin-right: 0px;



}











#buckets img {



max-width: 100%;



}







#buckets h3 {



text-align: center;



font-size: 23px;



display: block;



padding: 10px 0px;



margin-top: 0px;



}







#buckets p {



font-size: 11px;



line-height: 15px;



padding: 5px;



}



#bucket-wrapper { max-width:300px; float:left;  margin-left: 15px;}



#bucket-wrapper img{}



.btn {  margin: 0 auto;text-align: center;padding-bottom: 20px;}







.btn a{

  background: #3498db;

  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

  background-image: -moz-linear-gradient(top, #3498db, #2980b9);

  background-image: -ms-linear-gradient(top, #3498db, #2980b9);

  background-image: -o-linear-gradient(top, #3498db, #2980b9);

  background-image: linear-gradient(to bottom, #3498db, #2980b9);

  -webkit-border-radius: 28;

  -moz-border-radius: 28;

  border-radius: 28px;

  font-family: Arial;

  color: #ffffff;

  font-size: 14px;

  padding: 10px 20px 10px 20px;

  text-decoration: none;

}



.btn a:hover {

  background: #3cb0fd;

  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);

  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);

  text-decoration: none;

}





#bio-boxes ul.rig {

	list-style: none;

	font-size: 0px;

	margin-left: -2.5%; /* should match li left margin */

}

#bio-boxes ul.rig li {

	display: inline-block;

	padding: 10px;

	margin: 0 0 2.5% 2.5%;

	background: #fff;

	border: 1px solid #ddd;

	font-size: 16px;

	font-size: 1rem;

	vertical-align: top;

	box-shadow: 0 0 5px #ddd;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

#bio-boxes ul.rig li img {

	max-width: 100%;

	height: auto;

	margin: 0 0 10px;

}

#bio-boxes ul.rig li h3 {

	margin: 0 0 5px;

}

#bio-boxes ul.rig li p {

	font-size: .9em;

	line-height: 1.5em;

	color: #999;

}

/* class for 2 columns */

#bio-boxes ul.rig.columns-2 li {

	width: 47.5%; /* this value + 2.5 should = 50% */

}

/* class for 3 columns */

#bio-boxes ul.rig.columns-3 li {

	width: 30.83%; /* this value + 2.5 should = 33% */

}

/* class for 4 columns */

#bio-boxes ul.rig.columns-4 li {

	width: 22.5%; /* this value + 2.5 should = 25% */

}

 
#content {



width: 100%;



display: block;



float: left;



margin-top: 20px;



min-height:200px;



}











#content img {



max-width: 100%;



height: auto;



}


#inside-image img {
width: 100%;
}


#wide-wrapper {  margin: 0 auto;
  text-align: center;}




.alignleft {



float: left; 



margin-right: 15px;



}







.alignright {



float: right; 



margin-left: 15px;



}







.aligncenter {



float: none;



width: 100%;



display: block;



margin: 0px auto;



}







#left {



float: left;



width: 64%;



padding: 2%;



border: 1px solid #dedede;



background-color: #fff;



}







#left div.entry-date {

    float: left;

    width: 64px;

    border: 1px solid #000000;

    background-color: #ededed;

    margin: -1px 19px -1px -1px;

}

#left div.entry-date .month {

    background-color: #015e99;

    display: block;

    text-align: center;

    font-weight: bold;

    padding: 2px;

    color: white;

}

#left div.entry-date .day {

    font-size: 36px;

    text-align: center;

    background-color: #ededed;

    display: block;

    padding: 3px 0px;

    color: rgb(68, 68, 68);

}

#left div.entry-date .year {

    text-align: center;

    font-size: 11px;

    display: block;

    padding: 2px 0px;

    margin-top: -2px;

    border-top: 1px dotted rgba(22, 163, 233, 0.50);

    background-color: #e6e6e6;

}





#facility-page {  width: 75%;

  margin: 0 auto;

  background-color: #fff;

  text-align: center;

  padding: 20px 40px;}



#facility-page img{ width:75%;}



#facility-page #tiny-carousel-slider1{margin-bottom:0px!important;}



#facility-page #client-logos{margin-bottom:30px;}



#blog-divider{  float: left;

  margin-top: 75px;

  margin-bottom: 50px;

  opacity: .4;}















#right {
	min-width:275px;
float: right;



width: 26%;

border: 1px solid #dedede;



background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(244,244,244,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );



}







#right img {



margin: 0px auto;



display: block;



height: auto;



}



#right #testimonialrotatorwidget-2 { float:left;border: 1px solid #dedede;background-color: #fff; padding:20px;}



#right #testimonialrotatorwidget-2 p{ float:right;}





#right .testimonial_rotator_quote { color:#015e99;}



#right #pdf-download {  float: left;margin-top: 30px;width: 250px;}



#right #pdf-download input[type="email"]{width:100%;}



#right #pdf-download input[type="submit"]{width:100%;

color:#fff;background: rgba(1,94,153,1);

  background: -moz-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,94,153,1)), color-stop(100%, rgba(2,57,91,1)));

  background: -webkit-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -o-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -ms-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: linear-gradient(to bottom, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015e99', endColorstr='#02395b', GradientType=0 );}























hr {



height: 1px;



border-top: 1px dotted #79040A;



margin: 20px 0px;



}







p {



font-size: 14px;



color: #000;



line-height: 24px;



margin-bottom: 15px;



color: #000;



}







#content a {



color: #015E99;



font-weight: bold;



text-decoration: none;



}







ul {



font-size: 15px;



line-height: 24px;



color: #000;



line-height: 22px;



margin-bottom: 15px;



}







#content li {



font-size: 15px;



line-height: 24px;



list-style: none;



background-repeat: no-repeat;



background-position: 0px 10px;



padding-left: 12px;



}







h1 {



font-size: 34px;



font-weight: bold;



color: #4A494F;



margin-bottom: 10px;



}







h2 {



color: #4A494F;



margin-top: 15px;



font-size: 24px;



font-weight: bold;



margin-bottom: 10px;



}







h3 {



color: #4A494F;



margin-top: 15px;



font-size: 22px;



font-weight: bold;



margin-bottom: 10px;



}







h4 {



font-size: 12px;



font-weight: normal;



}







h4 strong {



font-size: 22px;



}











/* -------- MAIN NAVIGATION ---------- */







#nav-wrapper {



background-color: #015e99;



width: 100%;



float: left;





}







#nav {



text-align: center;



margin: 0px auto!important;



position: relative;



z-index: 1000!important;



}







#nav ul {



list-style: none;



}







#nav li {



font-size: 14px;



line-height: 40px;



padding:0px 28px;

}





#nav a {



color: #ffffff;



text-decoration: none;



text-transform: uppercase;



}







#nav a:hover {







color: #FF0;



}







nav ul ul {



display: none;



}







nav ul ul li a {



text-transform: none!important;



}







nav ul ul ul a {



min-width: 200px;



}







nav ul li:hover > ul {



display: block;



}







nav ul {



list-style: none;



position: relative;



display: inline-table;



z-index: 1000;



margin-bottom:0px!important;



}







nav ul:after {



content: ""; clear: both; display: block;



}







nav ul li {



float: left;



}







nav ul li:hover {



}







nav ul li:hover a {



color: #fff;



}







nav ul li a {



display: block;



color: #ffffff; text-decoration: none;



}







nav ul ul {



border-radius: 0px;



padding: 0;



position: absolute; 



top: 100%;



background-position: top center;



background-repeat: repeat;



margin-top: 0px;



margin-top: 47px\9;



margin-top: 0px\0/IE9;



background-color: #000000;



-webkit-box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);

box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);



text-align:left;



}



nav ul ul li {



float: none; 



position: relative;



z-index: 1000!important;



}







nav ul ul li a {



font-style: normal!important;



color: #fff;



border-bottom: 1px solid #dedede;



border-right: 0px solid!important;



z-index: 1000!important;



font-weight; normal!important;



}	







nav ul ul li a:hover {



border-bottom: 1px solid #dedede!important;



}







nav ul ul ul {



position: absolute; left: 100%; top:0;



}







/* ---------- CONTACT FORM & SIDEBARS ---------- */







span.wpcf7-checkbox span.wpcf7-list-item { display: block; }







#contact {



display: block;



float: left;



width: 100%;



font-family: Arial, Verdana, Tahoma, sans-serif;



}







#contact p {



text-align: center;



font-size: 13px;



font-family: Arial, Verdana, Tahoma, sans-serif;



line-height:16px;



}







#contact h3 {



color: #000000;



text-align: center;



text-transform: none;



font-size: 28px;



line-height: 30px;



font-weight: bold;



text-transform: uppercase;



}







#contact h4 {



color: #414C68;



text-align: center;



font-size: 18px;



font-weight: bold;



}







#contact span.phone {



font-size: 24px;



}







#contact input {



float: left;



width: 92%;



border: 0px solid;



margin-top: 10px;



padding: 2%;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 12px;



background-color: #fff;



color: #666;



border: 1px solid #999;



border-radius: 5px;



}







#contact textarea {



color: #666!important;



width: 92%!important;



border: 0px solid;



height: 70px;



padding: 2%;



float: left;



margin-top: 10px;



margin-bottom: 10px;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 12px!important;



border: 0px;



background-color: #fff;



border: 1px solid #999;



border-radius: 5px;



}







#contact option {



font-weight: bold;



}







#contact select {



margin-top: 10px;



}







#contact option,



#contact select {



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 12px!important;



color: #666!important;



width: 100%;



}









input#input_2_1 {
	width: 100% !important;
}

#contact .submit_button, input#gform_submit_button_1, input#gform_submit_button_2 {



display: block;



float: left;



color: #fff!important;



border: none;



margin-top: 2%;



border-radius: 5px;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 16px!important;



font-weight: bold;



margin-bottom: 20px;



background: rgba(1,94,153,1);

  background: -moz-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,94,153,1)), color-stop(100%, rgba(2,57,91,1)));

  background: -webkit-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -o-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: -ms-linear-gradient(top, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  background: linear-gradient(to bottom, rgba(1,94,153,1) 0%, rgba(2,57,91,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015e99', endColorstr='#02395b', GradientType=0 );

  padding:20px 0px;



}







#left .submit_button {



display: block;



float: left;



color: #fff!important;



height: 35px;



border: none;



margin-top: 2%;



border-radius: 5px;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 16px!important;



font-weight: bold;



background-color: #FE0000!important;



margin-bottom: 20px;



width: 30%;



}







.submit_button:hover {color: yellow!important;}







#left input,



#left textarea {



border: 1px solid #999;



border-radius: 5px;



padding: 5px;



/*font-family: 'Open Sans', sans-serif;*/



font-family: Arial, Verdana, Tahoma, sans-serif;



font-size: 14px;



width: 90%;



}







/* ---------- RIGHT COLUMN WIDGETS ---------- */







#follow {



width: 100%;



margin-top: 5%;



margin-bottom: 5%;



text-align: center;



font-size: 20px;



font-style: italic;



}







#outer2 {



margin-top: 5%;



width: 96%;



background-color: #77A64C;



padding: 2%;



}







#mailing {



color: #fff;



display: block;



border: 1px solid #fff;



background-color: #77A64C;



width: 93%;



padding: 3%;



}







#mailing p {



color: #fff!important;



font-size: 11px;



}







#mailing h2 {



color: #fff!important;



}







/* -------- HOMEPAGE SLIDESHOW ---------- */







#slideshow {



display: none!;



float: right;



margin-left: 20px;



margin-right: 5px;



}







#slideshow img {



border: 1px solid #000;



}







#slideshow h3 {



font-size: 16px;



color: #1A2A54;



margin-top: 5px;



}







/* -------- Before & After SLIDESHOW ---------- */



.cs-title {







display: block!important;







font-size: 20px!important;







color: #90CFEF!important;







}







table#locations td {



vertical-align: top;



padding-right: 20px;



width: 50%;



}







/* -------- FOOTER ---------- */







#footer-wrapper {



float: left;



width: 100%;



background-color: #015e99;



border-top: 1px solid #dedede;



margin-top: 20px;



}







#footer {



max-width: 960px;



margin: 0px auto;



font-size: 12px;



color: #333;



}







#footer table td {



vertical-align: top;



padding: 10px 10px 0px 0px;



}







#footer ul {



list-style: none;



margin-top: 20px;



}







#footer ul ul {



display: none;



}







#footer strong {



display: block;



font-size: 14px;



margin-top: 10px;



}







#footer li {



float: left;



padding: 0px 30px 0px 0px;



margin-bottom: 10px;



font-size: 14px;



text-transform: uppercase;



}







#footer a {



color: #ffffff;



text-decoration: none



;



font-size: 12px;



}







#footer a:hover {



color: #ddd;



}







#footer p {



color: #fff;



font-size: 15px;



float: left;



}







#footer p strong {



}







#footer img {



padding: 2px;



}







#footer p a {



font-weight: none;



}







div#click-menu {



width: auto;



z-index: 1000;



position: absolute;



}







div#click-menu img {



width: 95%;



}

.flex-direction-nav .flex-next {
right: 0px !important;
}



@media screen and (max-width: 1280px) {
#nav li {
    padding: 0px 18px;
}

#logo {
margin-left: 20px;
}
#phone {
margin-right: 20px;
}

}


@media screen and (max-width: 1150px) {
#nav li {
    padding: 0px 13px;
    font-size: 12px;
}

}


@media screen and (max-width: 1050px) {
#nav li {
    padding: 0px 9.5px;
}

#shadow-area {
display:none;
}

#left {
    width: 96%;
}

#right {
float: left;
min-width: 250px;
}

#contact {
    width: 88%;
}

}

@media screen and (max-width: 964px) {

#bucket-wrapper {
float: none;
display: block;
margin-right: auto;
margin-left: auto;
}

}

@media screen and (max-width: 867px) {

#nav-wrapper {
display:none;
}

}

@media screen and (max-width: 800px) {



#header {



max-width: 98%;



}







#nav a {



padding: 11px 18px;



}	






#bucket1,



#bucket2,



#bucket3 {



margin-right: .5%;



}



}











@media screen and (max-width: 601px) {


#social-icons {float: none;margin: 0 auto;}

#shadow { display:none;}


#buckets,


#nav-wrapper,



#photo {
	
	display:none;






}







#phone {



width: 100%;



height: auto;



font-size: 18px;



margin-right: 0px!important;



margin-bottom: 10px;



padding: 0px!important;



float: none;



text-align: center;



}







#logo {



width: 100%;
margin-left: 0px;




}







#logo img {



max-width: 96%;



height: auto;



display: block;



margin: 0px auto; 



}


#buttons {



background-image: none!important;



}







#buttons img {



width: 100%;



}




#content {



width: 94%!important;



padding: 3%!important;



border: 0px solid #fff!important;



}







#content img {



max-width: 100%;



}







#content input, 



#content textarea {



width: 92%;



}







#footer {



padding: 0px 5%;



}







#footer li {



float: none;



}







#footer table {



display: none;



}



}



.galleryContainer:hover .imageOverlay {
  background: rgba(1, 94, 153, .3);
  height: 100%;
}

.galleryContainer {
  position: relative;
  overflow: hidden;
  margin: 10px;
  background-color: rgba(63, 63, 63, 0.98);
  width: 400px;
  /*height: 300px;*/
  border:solid 1px #dedede;
  float: left;
}

.imageOverlay {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  height: 21%;
  overflow: hidden !important;
  position: absolute;
  transition: .5s ease;
  background-color: #fff;
  color:#015e99;
}

.description {
  color: white;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px;
  text-align: center;
  color:#015e99;
  font-family: Arial, Verdana, Tahoma, sans-serif;
}

.hiddenText {
  display: none;
  font-size: 20px;
  text-align: center;
  margin-top: 90px;
  line-height: 50px;
  width: 150px;
  margin-left: 120px;
  color: #fff;
  font-weight:600;
  text-transform: uppercase;
}

.galleryContainer .imageOverlay:hover .hiddenText {
  display: block;
}

.galleryContainer .imageOverlay:hover .description {
  transition: .9s ease;
  background-color: #fff;
  color:#015e99;
}

/* Removes Envira image titles on hover and shadowbox view */
.justified-gallery>div>div>a>.caption, .justified-gallery>div>div>.caption, .justified-gallery>div>div .caption,
#titleText {
  display:none!important;
}

.envira-gallery-image {
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.envira-gallery-image:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  /*-webkit-transform: translateY(-8px);
    transform: translateY(-8px);*/
}

.flexslider {
	margin: 0 !important;
}