@charset "utf-8";
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Rubik:300);

/* reflex color: #0054a4; */

* { 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
 }
html { overflow-x: hidden; }
body { font-size: 1em; font-family: Arial, sans-serif; background: url(images/bg-noise.png) top left; margin-top: auto!important; /*browser upgrade margin fix*/ }
body .buorg { position: fixed; top: auto; border: 2px dashed #a00; padding: 40px 0px; font-size: 1.0em; line-height: 1.5; } /* browser upgrade message styles */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto; }
a { color: #3c90ff; }
a:hover { color: #001f3c; }


/*********** Transitions ********************
********************************************/

#nav ul li a, #nav ul li a:hover, .hover, .btn, .prod a:hover {
	-webkit-transition-property: color, border-color, background;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: color;
	-moz-transition-duration: 0.3s;
	-o-transition-property: color;
	-o-transition-duration: 0.3s; 
}


.lcol, .rcol, .component {	-moz-transition: width 250ms;
	-webkit-transition: width 250ms;
	-o-transition: width 250ms;
	transition: width 250ms; }

/*********** Header & Nav *******************
********************************************/

#header { display: block; background-color: #001f3c; width: 100%; color: #fff; position: relative; z-index: 10; }
.header-top-container { background: -webkit-linear-gradient(top, #05017a 0%, #020199 50%, #020199 50%, #05017a 100%);
    background: linear-gradient(to bottom, #05017a 0%,#020199 50%,#020199 50%,#05017a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020199', endColorstr='#05017a',GradientType=0 ); }
.header-top { height: 83px; display: block; max-width: 1260px; margin: 0 auto; }
.header-nav-container { box-shadow: 0px 2px 0px rgba(0,0,0,0.3); box-shadow: none\9;
  background-color: #d9dfef;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9dfef), to(#fff));
  background: -webkit-linear-gradient(top, #fff, #d9dfef);
  background: -moz-linear-gradient(top, #fff, #d9dfef);
  background: -ms-linear-gradient(top, #fff, #d9dfef);
  background: -o-linear-gradient(top, #fff, #d9dfef);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d9dfef')"; /* IE8 */
 }
.header-nav { height: 47px; display: block; max-width: 1260px; margin: 0 auto; }
.header-top-left-col { float: left; height: 83px; }
.header-top-right-col { float: right; text-align: right; line-height: 20px; margin: 1px 0px; padding-right: 80px; position: relative; z-index: 10; }
.logo189 { position: absolute; top: 0; right: 0; z-index: 10; }
.header-nav-left-col { float: left; }
.header-nav-right-col { float: right; }
#social-nav {  margin-top: 3px; }
#social-nav ul li { display: inline; *display: inline; }
#social-nav img { /* background: url('images/nav-divider.jpg') repeat-y; */ padding: 10px 0px 12px 10px; }
#social-nav a img {  text-decoration: none; }

.estimate-msg { font-size: 0.9em; margin-top: 10px; }
.estimate-msg span { color: #ffff00; }
.header-phone { font-size: 1.2em; }
.servicing { font-size: 0.55em; color: #a3a9b0; }
.servicing a { color: #8db8ff; text-decoration: none; font-size: 1.2em; }
.servicing a:hover { color: #fff; }

.fblike { float: left; margin-top: 10px; margin-right: 8px; }

.mobile-nav, .cease { display: none; }

#nav ul {  }
#nav ul li { line-height: 47px; font-weight: bold; font-size: 0.75em; /* display: inline; */ float: left; /* text-shadow: 1px 1px 2px rgba(0,0,0,0.9); */}
#nav ul li a { font-family: 'Rubik', sans-serif; line-height: 0; font-size: 14px; text-decoration: none; color: #020199; padding: 14px 17px 16px 17px; border-right: 1px solid rgba(0,0,0,.1); border-left: 1px solid rgba(255,255,255,1); }
#nav ul li a:hover, .hover { background-color: rgba(0,0,0,.1); }
#nav ul li a span { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #8094c8; position: relative; top: 11px; left: 6px; *display: none; /* ie7 hack */ }
#nav ul li a:hover span { border-top: 5px solid #ef5418; }
.first { border-left: 0px!important; }
.last { border-right: 0px!important; }

/* home icon */
#menu > li:nth-child(1) > a { padding-left: 5px; padding-right: 5px; }
#menu > li:nth-child(1) > a:hover { background: transparent; }
/* #menu > li:nth-child(1) > a:hover img { filter: invert(100%); -webkit-filter: invert(); } 
/****************** Submenu ***********************
**************************************************/

#submenu { width: 100%; background: #d9dfef; position: relative; z-index: 9; }

#submenu div { text-align: center; }
.sub-menu-content a { float: left; display: block; }

.products-menu-footer, .cleared, .break { clear: both; }
.products-menu-footer { background-color: #05017b; display: block; font-weight: bold; padding: 10px 0px; }
.products-menu-footer a { font-family: 'Rubik', sans-serif; color: #fff; text-decoration: none; font-size: 12px; padding: 5px 5%; }
.products-menu-footer a:hover { background: rgb(0,67,130); background: rgba(255,255,255,.1); }
.prod a { border-left: 1px solid rgba(255,255,255,.5); border-right: 1px solid rgba(0,0,0,.1); padding: 20px; text-decoration: none; color: #010726; font-size: 11px; font-weight:bold;
}
.prod a:hover { background: rgba(0,0,0,.1); color: #02199; }
.sub-menu-text { padding-top: 20px; text-transform: uppercase; font-family: 'Rubik', sans-serif; }


.m_company, .m_products, .m_thebest, .m_forless { display: none; border-bottom: 5px solid #d9dfef; }

#bg { height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 5; display: none; }
.h_spacer { padding-top: 135px; }
#sticky { position: fixed; z-index: 100; width: 100%; }

/****************** Home Page Demo Form ******************************
*********************************************************************/

input, textarea { -webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	-o-user-select:text;
	user-select:text; }
#demform {-webkit-transform:translateZ(0); width: 350px; height: 320px; position: absolute; right: 3%; bottom: 30px; z-index: 20; background: url('/_assets/images/demo-outer-shadow.png') bottom left no-repeat; }
.innera { width: 80%; background: #F0EEDF url(images/bg-noise.png) top left; height: 100%; margin: 0 auto; border-radius: 5px 5px 0px 0px; border: 3px solid #fff; border-bottom: 1px solid #979586; overflow: hidden; }
.innerb { height: 100%; background: rgba(0,0,0,.1); margin: 0 2%; border-radius: 5px 5px 0px 0px; }
#demform h6, .innerb h5 { font-size: 1.4em; text-align: center; padding: 10px 0px; color: #020199; cursor: pointer; }
#demform h6 span, .innerb h5 span { color: #f00; }

#demform .innerb input[type="text"] { background: #fff; float: left; border: 4px solid #fff; padding: 5px; border-radius: 5px;  margin: -3px 10px; width: 93%; padding-left: 60px; font-weight: bold; color: #001F3C; }
#demform .innerb input[type="text"]:focus { border-color: #020199; color: #0054A4; }
#demform .innerb label { position: relative; top: 21px; left: 18px; color: #8d8d85; font-style: normal; font-size: .8em; font-weight: bold; }
input[type="demosubmit"] { text-align:center; width: 100px; margin-top: 13px; margin-right: 13px; }
.small { height: 42px!important; }
#demform .innerb label.error { color: #a00; position:relative; top: -38px; left: -13px; float: right; font-size: .6em; padding: 1px 10px; background: #fff;  border-radius: 5px 5px 0px 0px; margin-bottom: -50px; }
.mcontact, .innerb h5 { display: none; }
table.chours { width: 50%; margin-top: -10px; }
table.chours tr { border-bottom: 1px dotted #828a8f; height: 30px; line-height: 30px; border-left: 5px solid #828a8f; }
table.chours tr td { padding-left: 10px; }
table.chours tr:nth-of-type(even) { background-color: rgba(255,255,255,.4); }

#footerform { position: fixed; z-index: 50; bottom: 0; right: 0; bottom: -32px; }
.address { display: none; }

/*Referral Select box*/
select::-ms-expand { display: none; }
#demform .innerb select { background: #fff; float: left; border: 4px solid #fff; padding: 5px; border-radius: 5px;  margin: -3px 10px; width: 93%; padding-left: 80px; font-weight: bold; color: #001F3C; appearance: none; -webkit-appearance:none; -moz-appearance:none;  direction:rtl; padding-right:16px;}
#demform .innerb select:focus {border-color: #020199; color: #0054A4;}

.arrow_down{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;	
	
	position:relative;
	float:right;
	right:6%;
	bottom:17px;
	pointer-events:none;	
	
}


.demail, .dphone, .dzip, .referral { opacity:.3; pointer-events:none;}

/***************** Content Pages *****************
*************************************************/

h1 { color: #632324; font-size: 2.0em; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5); text-align: center; margin-bottom: 30px; }
h3 { font-size: 1.6em; color: #010726; margin-top: -5px; }
.break { padding: 20px 0px; }
.blue { color: #020199; text-align: left; margin-bottom: 0; }
.row { /* min-height: 300px; */ display: block; width: 100%; }
.odd-row { background-color: #fff; border-top: 4px double #ddd; border-bottom: 4px double #ddd; }
.boundary, .sub-menu-content { max-width: 1260px; margin: 0 auto; }
.boundary { height: 100%; padding: 30px 0px; }
.partner-img { float: left; line-height: 140px; text-align: center; padding: 0px 3%; 
		width: 20%; /********* Partners Logo Amount **************/
}
.partner-img img { max-width: 100%; height: auto; }
.lcol, .rcol { width: 49%; padding: 0px 10px; font-size: .8em; line-height: 1.35; }
.lcol p, .rcol p { margin-top: 10px; color: #3a3830; margin-bottom: 20px; }
.lcol { float: left; }
.rcol { float: right; }
.list-info { margin-left: 38%; }
.leftimg { float: left; width: 36%; margin-right: 2%; }
.boundary ul { margin-top: 10px; margin-bottom: 15px; }
.boundary ul li { list-style-type: square; margin-left: 20px; color: #383830; }
.single { max-width: 900px; } 
/* .lcol > img { width: 100%; } */

.team { width: 16%; float: left; text-align: center; margin: 10px 4% 10px 0px; }
.rcol iframe { padding: 5px; background: #979586;  }
.cen { text-align:center; }

.list-check { background: url(images/list-check.gif) 0px 5px no-repeat!important; font-weight: bold; color: #07920d!important; }
.list-plus li, .list-check { background: url(images/list-plus.png) 0px 4px no-repeat; list-style-type: none!important; padding-left: 15px!important; margin-left: 3px!important; }

    /*** Sub Heading Paragraphs ***/
	
.subhp { width: 62%; margin: 0 auto; font-size: .9em; margin-top: -18px; margin-bottom: 25px; border-bottom: 1px dotted #979586; padding-bottom: 15px; font-family: Arial, sans-serif; line-height: 1.3; color: #383830; }

    /*** More Info ***/
	
table.spec, table.spec-five, table.spec-six { width: 100%; border: 1px solid #000; }
table.spec tr, table.spec-five tr, table.spec-six tr { border-bottom: 1px dotted #ccc; }
table.spec tr td { width: 30%; padding: 2px 5px; border-left: 1px solid #000; }
table.spec-five tr td { width: 20%; padding: 2px 5px; border-left: 1px solid #000; }
table.spec-six tr td { width: 16%; padding: 2px 5px; border-left: 1px solid #000; }
.jackbox-modal li { list-style-type: square; margin: 0px 0px 5px 16px!important; }
.jackbox-html > div p { color: #333; }
tr > td:first-child { font-weight: bold; }
.info-image-div { position: relative; padding-left: 90px; } /* more info image positioning */
.info-image-div p a { position: absolute; top: 3px; left: 0; }
.disclaimer { color: #999!important; }
.pdisclaimer { text-align: center; margin-top: 20px; }

.accred { text-align: center; margin-bottom: 10px; }    /*** Accreditation headnig ***/

/**************** Buttons ************************
*************************************************/

.btn { background: #020199; padding: 6px 12px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.8); border-bottom: 2px solid #fff; margin-right: 10px; float: left; display: block;
 -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.5);
 -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.5);
 box-shadow: 0px 2px 6px rgba(0,0,0,.5); 
 }
.green { background: #00840a; border-bottom: 2px solid #00a80b; float: none; display: inline; margin: 0; }
.grey { background: #666 url('images/submit-info-icon.png') center no-repeat; padding: 10px 15px; border-radius: 10px 0px 0px 10px; border-color: #999; margin-right: 0px; height: 38px; cursor: pointer; }
.btn.grey:hover { background: #333 url('images/submit-info-icon.png') center no-repeat; }
.map { background: #83817c; border-bottom: 2px solid #fe7c71; float: none; display: inline; margin: 0; }
.cmap { border-radius: 10px; padding: 0px 3px; }
.btn.map:hover { background: #464542; }
.btn:hover { background: #37be04; color: #fff; }
.info { padding: 2px 0px 8px 0px; display: inline!important;
 -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.5);
 -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.5);
 box-shadow: 0px 2px 6px rgba(0,0,0,.5); 
}
.big { padding: 10px 20px; float: right; margin-right: 10px; }


/*************** Gallery **************************
***************************************************/

.bagal { text-align: center; }
.bagal a { border: 2px solid #fff; margin: 11px; display: inline-block; /* jackbox fix for gallery */ }


/***************** Testimonials Row ******************
*****************************************************/

#quotes	{ margin-top: -10px; font-size:20px; position:relative; }
.textItem { top: 0; height: 75px; color: #0054a4; text-shadow: 1px 1px 1px rgba(255,255,255,.5); display:none; }
.quotecenter { margin: 0 auto; text-align: center; max-width: 900px; margin-bottom: 20px; }
.textItem span { font-weight: bold; white-space: nowrap; color: #71706B; font-size: 0.8em; }


/***************** Components ***********************
****************************************************/

.component { width: 23%; height: auto; float: left; min-height: 310px; margin: 1%; padding: 1%; }
.component a { text-decoration: none; color: #000; }
.component h2 { text-align: center; font-size: 1.4em; padding: 5% 0px; }
.component p { font-size: .8em; line-height: 1.3; }
.component img, .img-shadow, .rcol iframe, .bagal a, .readmore/*, iframe */{ /* width: 100%; */
    -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;  }
.view { text-align: right; position: relative; bottom: 0px; margin-top: 20px; border-bottom: 3px solid #828a8f; }
.view span { background: #828a8f; padding: 2px 5px; font-weight: bold; color: #fff; margin-right: 0px; }
.component:hover { background: #f5f5f5; cursor: pointer; }
.component:hover .view { border-bottom: 3px solid #020199; }
.component:hover .view span { background: #020199; }

/*************** Contact Form **********************
***************************************************/


.contact-form label { font-size: 1em; border-bottom: 24px solid #828a8f; border-right: 30px solid transparent; height:0; line-height:24px; display:inline-block; padding:0 10px 0 10px; float:left; clear: both; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
/*referral select*/
.contact-form input[type="text"], .contact-form select { width:400px; max-width:100%; }
.contact-form textarea{ width:620px; max-width:100%; height:200px; font-family: Arial, Helvetica, sans-serif; }
.contact-form input[type="text"],
.contact-form textarea, .contact-form select{ background: #fff; border:1px solid #ddd; border-radius:0; clear:both;	color:#3A3830; float: left;	padding: 9px; 
margin-bottom: 11px; margin-top: 1px; text-shadow: 1px 1px 0px rgba(255,255,255,.5); font-weight: bold; }
.contact-form input[type="text"]:focus,
.contact-form textarea:focus, .contact-form select:focus{ background:#fff; border:1px solid #020199; }
label:focus { border-bottom: 24px solid #020199; }

input[type="submit"], input[type="demosubmit"] { -webkit-appearance: none; border-radius: 0px; border: none; border-bottom: 2px solid #ffc425; cursor: pointer; /*new code */ padding: 10px 15px; margin: 0px; /* color: #fff; */ font-weight: bold; border-radius: 0px 10px 10px 0px; border-left: 2px solid #ffc425; 
background: #ff9918; /* Old browsers */
background: -moz-linear-gradient(top, #ff9918 0%, #e28107 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9918), color-stop(100%,#e28107)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9918 0%,#e28107 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9918 0%,#e28107 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9918 0%,#e28107 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9918 0%,#e28107 100%); /* W3C */
}
div.unsure { position: absolute; left: -128px; bottom: 36px; background: #001f3c url('images/unsure-pattern.png') top left; padding: 10px; border-radius: 10px; width: 245px; height: 200px; border: 2px solid #ffff00; line-height: 1.2; font-size: 14px; box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
.unsure ul { margin: 0px 0px 10px 0px; }
.unsure ul li { color: #fff; margin-bottom: 6px; list-style-type: none; background: url('images/unsure-check.png') 0px 2px no-repeat; margin-left: 0px; padding-left: 20px; }
#contactform > input.btn { border-radius: 0px; border-left: none; margin-right: 0px; float: right!important; }

input[type="submit"]:hover { background: #00840a; border-color: #59D317; }

.curfocus { border-bottom: 24px solid #020199!important; }
.description_active, input::-webkit-input-placeholder, input::-moz-placeholder, input::-ms-input-placeholder { color: #979586!important; font-style: italic; font-weight: normal!important; text-shadow: none!important; }

/**************** FAQ *****************************
**************************************************/
.highlight { color: #7E3840!important; background: #ddd!important; }
.container { margin-top: 10px; }
.expand-collapse { font-family: Arial, Helvetica, sans-serif; }
.expand-collapse dl dt:before { color: #7E3840; content:  "Q:   "; }
.expand-collapse dl dd p:before { font-weight: bold; color: #090; content:  "A:  "; }
.expand-collapse dl dt { display: block; border-bottom: 1px dotted #ddd; padding: 8px; cursor: pointer; font-weight: bold; color: #0054a4; line-height: 1.4; }
.expand-collapse dl dt:hover { background: #f5f5f5; color: #7E3840; }
.expand-collapse dd p { padding: 5px 27px 20px; line-height: 1.5; margin-top: 0px; }

/**************** Testimonials *********************
***************************************************/

.testimonial { margin-bottom: 50px; }
.vtestimonial { margin-bottom: 40px; }
.row-a { background: #fff; /* url('images/testimonial-quote.png') top left no-repeat; */ padding: 20px 30px; border-radius: 20px 0px 0px 0px; }
.row-a h1 { text-align: left; font-weight: normal; margin-bottom: 0px; font-size: 1.3em; }
.row-b { text-align: right; }
.row-b p { color: #71706B; }
.readmore { background: #fff; text-transform: uppercase; font-weight: bold; font-size: .8em; margin-left: 5px; text-decoration: none; color: #71706B; white-space: nowrap; /* scale down fix */ float: right; padding: 15px 10px; margin-top: -14px; }
.readmore:hover { color: #632324; }
.mod { padding: 0px; }
.vtestimonial { background: #fff; font-size: 1.1em; position: relative; }
.vtestimonial h3 { margin: 5px 0px 30px 0px; }
.vtestimonial a.btn { background: #eaedf6; border-bottom: 2px solid #666; position: absolute; bottom: 0; width: 47%; text-align: center; box-shadow: none; color:#333; text-shadow: none;}
.vtestimonial a.btn:hover { background: #eee; }


/****************** Visualizer **********************
*****************************************************/
 .viz { margin: 0 auto; max-width: 930px; padding: 0 15px; } 


/****************** Floating Menu ********************
*****************************************************/

.floating-menu { display: block; width: 269px; height: 300px; position: absolute; top: 180px; border-radius: 10px; 
 -moz-box-shadow: -50px -10px 106px 70px rgba(241,239,226,1);
 -webkit-box-shadow: -50px -10px 106px 70px rgba(241,239,226,1);
 box-shadow: -50px -10px 106px 70px rgba(241,239,226,1);
  background-color: #0054a4;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#033059), to(#0054a4));
  background: -webkit-linear-gradient(top, #0054a4, #033059);
  background: -moz-linear-gradient(top, #0054a4, #033059);
  background: -ms-linear-gradient(top, #0054a4, #033059);
  background: -o-linear-gradient(top, #0054a4, #033059);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0054a4', endColorstr='#033059')"; }
  
.floating-list { font-size: .7em; padding: 0px 0px; width: 185px; float: right; }
.floating-list ul li { list-style: none; margin-left: 0; }
.floating-list ul li a { text-decoration: none; color: #fff; display: block; padding: 5px 0px; }
.floating-list ul li a:hover { color: #ffff00; }
.floating-list h5 { background: #000; padding: 8px 84px 8px; color: #ffff00; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #ffff00; margin-left: -84px; }

/***************** Social Media Drop Down Menu **********************
********************************************************************/
.social_dd { border-left: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1); font-size: 14px; font-weight: bold; font-size: 12px; padding: 10px 0px 15px 0px; }
.social_dd a { color: #333; text-decoration: none; padding: 10px 5px 20px 0px; }  

li.social_dd:hover { background-color: rgba(0,0,0,.1); } 
li.social_dd:hover .social_dd_menu{ display: block; }

.social_dd:hover a span { border-top: 5px solid #fff; }
.social_dd a span { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #001f3c; }

.social_dd_menu { display: none; position:absolute; border-top:none; background:transparent; border-radius: 0px 0px 5px 5px; width: 310px; padding: 0px 0px 5px 5px; margin-left: -17px; }
.social_dd_menu ul { float: left; width: 99px; margin-bottom: -5px; border-left: 4px solid #020199; border-bottom: 4px solid #020199; }
.social_dd_menu ul li a { color: #020199; display: block; padding: 10px 10px 0px 10px; background: #fff; border-color: #020199; border-top: 4px solid; height: 100px;  transition: all 0.2s ease-in; }
.social_dd_menu ul li a img { background-image: none!important; transition: all 0.1s ease-in; }
.second-column, .third-column { border-right: 4px solid #020199; }
.third-column { border-left: 0px!important; }
.social_dd_menu ul li a:hover { padding-top: 5px;  }
.social-disabled { display: none!important; } /* when there's no link */


/****************** Partners Row ******************
**************************************************/
#partners { background: #f5f5f5 url('images/partners-tile.jpg') top left repeat-x; }


/****************CORRECT GOOGLE MAPS ISSUES********
**************************************************/
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }
div.iframe-responsive h1 { font-size: 17px; border-bottom: 1px dashed #ccc;  }
div.iframe-responsive p { margin: 5px 0px; } 


/**************** Footer **************************
**************************************************/

#footer { background: -webkit-linear-gradient(top, #05017a 0%, #020199 50%, #020199 50%, #05017a 100%);
    background: linear-gradient(to bottom, #02004A 0%,#01008C 50%,#01008c 50%,#02004D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020199', endColorstr='#05017a',GradientType=0 ); color: #fff; }
.footer-lcol { float: left; width: 49%; border-right: 1px dotted rgba(255,255,255,0.2); text-shadow: 1px 1px 1px #000; }
.location { float: left; width: 50%; }
#footer p { margin: .5em 1em 1.2em; line-height: 1.4; font-size: .8em; }
#footer ul { margin: .5em 0em 1.2em; font-size: .8em; }
#footer ul li a, .copy a { color: #999; text-decoration: none; line-height: 1.4; }
#footer ul li a:hover, .copy a:hover { color: #fff; }
#footer a:hover { color: #ffff00; }
table.fhours { width: 90%; margin-top: -10px; font-size: .8em; }
table.fhours tr { height: 30px; line-height: 30px; }
table.fhours tr td { padding: 0px 10px; }
table.fhours tr:nth-of-type(odd) { background-color: rgba(255,255,255,.1); }
table.fhours tr td:nth-of-type(even) { text-align: right; }

.footer-rcol { float: right; width: 51%; height: 376px; padding-left: 2%; }
#footer .boundary { background: url('/_assets/images/window-world-logo.png') right 75% no-repeat; }
.list { float: left; width: 33%; }
.copy { font-size: .6em; color: #999; text-align: center; }

/************** Home Page Slider Correction ***********
******************************************************/

.flexslider ul { margin: 0px; }
.flexslider ul li, .list ul li { list-style-type: none; margin: 0; }


/***************** Mobile Header ***********************
*******************************************************/

.m-left { float: left; }
.m-right { text-align: right; }

/***************** Mobile Navigation **********************
**********************************************************/

#m-nav { margin-bottom: 20px; display: none; }
#m-nav h4 { display: block; font-size: .9em; text-transform: uppercase; background: #e7ebf5 url('images/icon-m-plus.png') no-repeat 10px center; padding: 10px 35px 10px; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,1); color:#020199; }
  
#m-nav h4.open { background: #dae0ef url('images/icon-m-minus.png') no-repeat 10px center!important; }
  
#m-nav ul { margin-top: 0px; }
#m-nav ul li { list-style: none; background: #828a8f; border-top: 1px solid rgba(0,0,0,.2); margin-left: 25px; }
#m-nav ul li a { color: #fff; padding: 5px 25px 5px; display: block; }
#m-nav ul li a:hover { background: rgba(0,0,0,.1); }
#m-home { display: block; padding: 10px 35px 10px; background: #e7ebf5 url('images/icon-m-home.png') no-repeat 10px center; color: #02199; border-bottom: 1px solid rgba(0,0,0,.1); color:#020199; }
.mhide { display: block; }
.mshow { display: none; margin-top: 10px; }

.mobile-maplink { display: none; }
/*************** Media Screens ********************
**************************************************/


@media only screen and (max-width: 820px) {
.servicing, #social-nav { display: none; }
.estimate-msg { padding-top: 8px; }
#demform { height: 272px; bottom: 3px; }
#footerform { bottom: -4px; }
.subhp { width: 95%; }
.mhide { display: none; }
.mshow { display: block; }
table.chours { width: 100%; }

/* Referral form resize */
.innerb input[type="text"], .innerb select{
padding-top:3px!important;
padding-bottom:3px!important;
margin:-6px 10px!important;
}
.arrow_down { bottom:12px;}	
.innerb label{
top:18px!important;	
}
#demform .innerb label.error {
	top: -29px!important;
}
}

@media only screen and (max-width: 600px) {
.header-top { height: 10px; }
.header-nav-left-col, .header-top-right-col, .header-top-left-col { display: none; }	
.h_spacer { padding-top: 45px; }
.rcol, .lcol { clear: both; width: 100%; margin-bottom: 20px; }
.mobile-nav { display: block; }
.component { width: 45%; text-align: center; }
.component h2 { font-size: 1.2em; }
.textItem { font-size: .8em; }

#footer .boundary { background: transparent; }
.footer-lcol { width: 100%; }
.footer-rcol { display: none; }
.break, .mtt { display: none; }

#m-nav { display: block; }
#mobile-logo { margin: -9px 0px 0px 1px; }
.team { width: 45%; }

.vtestimonial { text-align: center; }
.vtestimonial a.btn { width: 100%; }
.flexslider { margin: -5px 0px -40px 0px!important; }
.flex-control-nav { display: none; }

.subhp { width: 95%; }
.lcol > img, table.chours { width: 100%; }

/******** Mobile demo **************
**********************************/
#demform, .small { display: none; width: 100%; height: 100%!important; margin: 0 auto; position: fixed; right: 0; background: rgba(0,0,0,.7); margin-bottom: -10px; }
input[type="submit"] { float: none!important; border-radius: 0px; border-left: none; margin-right: 16px; } 
.grey { display: none; }
.mcontact { display: block; margin-top: 10px; padding: 10px 21px; text-align: right; }
#demform .innerb label.error { left: -10%; }
#demform h6 { visibility: hidden; }
.innera { width: 90%; }
.innerb h5, .show { display:block!important; }
.phone { margin: 15px 0px; }
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget { margin-right: 10px; top: 3px; }
.message { left: 980px!important; }

.maplink { display: none; }
.mobile-maplink { display: block; }

/* Referral form resize */
.innerb input[type="text"]{width:94%!important;}
.innerb select{width:94%!important;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}