/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body{
	background-color:#fff;
	font-family: 'Lato', sans-serif;
}
p, h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
}
ul, li{
	font-size:14px;
	line-height:14px;
}
ul{
	margin-left:30px;
}
h1{
	font-size:48px;
	color:#00315c;
	line-height:48px;
	font-weight:normal;
}

h4{
	font-weight:bold;
	color:#00315c;
	font-size:18px;
}
h5{
	font-size:15px;
	line-height:15px;
	margin-bottom:8px;
}
.content p{
	font-size:14px;
}
.content ul{
	margin-left:30px;
	font-size:14px;
	line-height:14px;
}
.content li{
	font-size:14px;
	line-height:16px;
}
p.wp-caption-text{
	position:relative;
	display:inline-block;
	background-color:#001737;
	padding:3px;
	height:28px;
	top:-31px;
	margin-bottom:0px;
	color:#fff;
	z-index:2100;
}
.border{
	border:2px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: border 0.15s linear;
	-moz-transition: border 0.15s linear;
	-o-transition: border 0.15s linear;
	transition: border 0.15s linear;
}
.border:hover{
	border:2px solid #333333;
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
      display: none !important;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
      display: none !important;
  }
}


#header{
	background-color: rgba(0, 48, 60, 1.0);
	background-image: url(../images/logo-bg.jpg);
	background-size: cover;
	clear:both;
	border-bottom: 2px solid rgba(0, 48, 60, 1.0);
	transition: all 0.8s;
}
#header .row{
	background-color:transparent;
	display: flex;
    justify-content: space-between;
}
#header .row:after{
	display: flex;
}
#header h1{
	color:#fff;
	font-size:38px;
	font-family: 'Helvetica Neue', 'Lato', sans-serif;
	font-weight:bold;
}
.logo{
	width:220px;
	height: auto;
	padding:18px 0 12px;
	display:inline-block;
	transition: all	0.5s;
}
.main-nav-scrolled .logo{
	width:120px;
	height: auto;

}
#footer{
	background: url('../images/bg-footer.jpg');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	background-color:#000;
}
#footer .row{
	background-color:transparent;
}
#footer p{
	font-size:12px;
	color:#fff;
	margin-top:10px;
}
#nav{
	min-height:14px;
	width:auto;
	bottom:0px;
	background-repeat:repeat;
	float:right;
	display: flex;
}
#nav>div{
	display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
}
#nav .nav-bar {
min-height: 24px;
height:auto;
background: transparent;
margin-left: 0;
margin-top: 0px;
margin-bottom:0px;
padding:5px 0px;
}
.nav-bar>li>a {
color: #fac127;
text-transform:uppercase;
font-size:15px;
}
#nav .nav-bar>li.active {
background: transparent;
border-color: transparent;
}
#nav .nav-bar>li:last-child {
border-right: solid 0px transparent;
-webkit-box-shadow: none ;
-moz-box-shadow: none;
box-shadow: none;
}
#nav .nav-bar>li {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
border: none;
border-right: none;
border-image-width: 0;
line-height: 1em;
-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset;
-moz-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset;
box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset;
}
#nav .nav-bar>li:hover {
background: transparent;
}
#nav ul.flyout {
	background: transparent;
	background-image: url('../images/bg-overlay.png');
	background-repeat:repeat;
	background-color:transparent;
	padding: 0px;
	margin: 0;
	border: none;
	position: absolute;
	top: 34px;
	left: -1px;
	width: 250px;
	z-index: 40;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
#nav ul.flyout li a, .nav-bar li ul li a {
	background-image: url('../images/bg-overlay.png');
	background-repeat:repeat;
	background-color:transparent;
	border: 0px solid #e6e6e6;
	border-width: 0px 0px 0 0;
	color: #fff;
	display: block;
	font-size: 14px;
	height: auto;
	line-height: 1;
	padding: 5px 20px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}
#nav ul.flyout li, .nav-bar li ul li {
border-left: solid 0px #ccc;
}
#nav .row{
	background-color:transparent;
}

.homelinks{
		-bottom:50px;
}
.homelinks a{
	font-size: 20px;
	font-weight:bold;
}
.testmonial h3{
	font-size:18px;
	font-weight:bold;
	color:#00315c;
	text-align:center;
}
.testmonial{
	margin-bottom:38px;
	padding-left: 10%;
	padding-right: 10%;
}
.testmonial p{
	font-size:20px;
	font-weight:lighter;
	font-style:italic;
	color:#00315c;
	text-align:center;
}
.testmonial .owl-pagination{display:none}
.side p{
	margin-top:-5px;
	font-size:20px;
	line-height:27px;
}
#features .panel{
	border: 3px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#features h5{
	font-size:15px;
	line-height:15px;
	margin-bottom:5px;
	color:#00315c;
	line-height:26px;
}
#features ul{
	margin-left:0px;
}
#features li{
	display:block;
	font-size:11px; 
	line-height:14px;
	background-image:url('../images/li-arrow.png');
	background-position:left 10px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#bottom ul{
	margin-left:13px;
}
#bottom input, #bottom textarea, #bottom select{
background-color: #b8bac3;
font-family: inherit;
border: none;
color: rgba(0,0,0,0.75);
display: block;
font-size: 14px;
margin: 0 0 5px 0;
padding: 6px;
width: 100%;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
border:none;
}
#bottom input[type="checkbox"]{ 
  margin: 2px 5px 0px 0;
  display: inline-block;
}
#features li{font-size:14px; line-height:26px;}
#bottom #gform_1 li.gfield {
	display:block;
	float:left;
	width:33%;
	padding:0 2%;
	min-height:80px;
}

#bottom #gform_8 .gfield_checkbox label {
  color: #fff;
  font-size: 1.2em;
}
#bottom #field_1_5{
	display:block;
	float:right;
	width:33%;
	min-height:61px;
	margin-top:-87px;
	margin-right:1%;
}
#field_1_5 textarea{
	height:120px;
}
#bottom li.gsection{
	text-indent:-10000px;
	height:61px;
	min-height:84px;
}
#bottom #gform_1 li.gform_validation_container{
	display:none;
}
#bottom .gfield_label{
	color:#fff;
}
#bottom #gform_submit_button_1{
	position:absolute;
	top:45px;
	right:53px;
	background:#0099cc;
	border:none;
	width:80px;
	color:#fff;
}
.gfield_description.validation_message {
    color: #5a0101;
    font-size: 13px;
}
#bottom #gform_submit_button_1:hover{background:#980000;}
#bottom .panel{
	background-color:#777f89;
	border: 3px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#bottom h2{
	font-weight:normal;
	font-size:26px;
	color:#00315c;
	padding-top:70px;
}
#bottom h3{
	color:#fff;
	font-size:19px;
	margin-left:33px;
}
#featured{	
	max-height: 700px;
	min-height: 700px;
}
.home-slider .orbit-wrapper .orbit-slide img{width:100%;}
.home-slider .button_slide{background:#980000; padding:15px 30px; color:#fff; border-radius:4px; margin-top:20px; display:inline-block; font-size:20px}
.home-slider .button_slide:hover{background:#0099DA;}
.inner-tit{background:#eee;display:inline-block; width:100%}
.inner-tit h1{color:#595959; font-weight:300; text-transform:uppercase}
.bg-units{background:#eee;display:inline-block; width:100%; padding:40px 0;}
.bg-units .desc_title{margin:10px 0 51px}
.video-box{width:25%; padding:0 15px; box-sizing:border-box; float:left; text-align:center; margin-top:40px}
.video-box img{width:100%}
.video-box h4{font-weight:500}
.test h2{color:#595959; font-weight:300; margin-bottom:40px}

.bg-cont{padding:40px 0}
.left-image {float: left; width: 65%; margin-right: 60px;}
.bg-cont h2{font-weight:300}
.bg-cont .contant{color:#595959}
.bg-cont .contant p{font-size:13px; }
.bg-cont .contant li {
    font-size: 13px;
    line-height: 28px;
}
.padding{padding:40px 0}
.four.columns.side h1 {
    font-weight: 300;
	font-size:36px;margin-top: 0;
}	
.four.columns.side p {font-size:14px; line-height:24px; color:#595959}
.orbit-wrapper .slider-nav span:hover{ background-color:#0099da;}
.hands_down{border: 1px solid #ddd; background:#fff; padding:15px;}
.hands_down h2 {
    font-size: 23px;
    font-weight: 300;
    line-height: 31px;
}
.hands_down li {
    color: #7f7f7f;
    font-size: 13px;
    line-height: 28px;
}
.m-bottom-40{margin-bottom:40px}
.table-view table tbody tr td{padding:0px 10px; vertical-align:middle; line-height:15px; font-size:13px;}

.faq{margin:40px 0}
.faq span{display:inline-block; width:100%; margin-bottom:5px}

.middle-section h2{font-weight:300}
.orbit{margin-bottom:0 !important}
.home-slider .orbit-wrapper .orbit-caption {
    background: none;
    color: #fff;
    font-size: 30px;
    height: 200px;
    left: 50%;
    margin: 0 0 0 -590px;
    max-width: 500px;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 30;
	text-align:left
}
.home-slider .orbit-wrapper .orbit-caption#caption-1 {
    margin: -200px 0 0 -590px;
 
}


.home-slider .orbit-wrapper iframe{margin-top: 20px;}
.left-side{width:48%; float:left}
.left-side p{line-height:32px; margin:40px 0}
.right{float:right}
.left{float:right}
.units-mian{width:33.3333%; float:left;box-sizing:border-box; padding:0 25px}
.bg-units h2{color:#595959; font-weight:300}
.units-mian .img img{border-radius:100%}
.units-mian .contant-units{text-align:center; padding:0 10px}
.units-mian .contant-units h3 a{color:#173694;font-weight:300; width:100%; margin-bottom:20px;}
.units-mian .contant-units p{text-align:left; color:#7f7f7f}
.units-mian .contant-units a{float:right;color:#7f7f7f}

.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0,0,0,0.6);
z-index: 30;
color: #fff;
text-align: center;
padding: 7px 40px;
padding-top:15px;
font-size: 18px;
line-height:auto;
min-height:60px;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
.orbit img.fluid-placeholder {
visibility: hidden;
position: static;
display: block;
width: auto;
}
.orbit-wrapper .slider-nav span {
width: 40px;
height: 40px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -45px;
cursor: pointer;
}
.orbit-wrapper .timer{
	display:none;
}

.orbit-slide{
	background-color:#333;
}
.alignleft{
	float:left;
	margin-right:10px;
}

.alignright{
	float:right;
	margin-left:10px;
}
ul.floorplans{
	margin-left:0px;
}
ul.floorplans li{
	width:24%;
	padding:5px;
	display:inline-block;
	text-align:center;
}
ul.floorplans li h3{
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-family: 'Lato', sans-serif;
}
ul.floorplans li h4{
	font-size:12px;
	color:#00315c;
	font-weight:bold;
	font-family: 'Lato', sans-serif;
}

#testimonials div.orbit-slide{
	min-height:400px;
	background-color:#fff;
}
/* -----------------------------------------
   Instructions Lists
----------------------------------------- */
ol.instructions li{
	margin-bottom:10px;
	line-height:19px;
}
ol.instructions ol{
	margin-top:10px;
}
ol.instructions li ol li, ol li ol li{
	list-style-type: lower-alpha;
	margin-bottom:10px;
	line-height:19px;
}

.mediabox{
	float: right; margin-left: 10px; text-align: right; width:330px
}
.mediabox img{
	clear:both;
	border:2px solid #cccccc; border-radius:3px;
}
/* -----------------------------------------
   Installation Form
----------------------------------------- */

#gform_wrapper_4 li#field_4_20, #gform_wrapper_4 li#field_4_21{
	display:block; 
	width:40%;
	float:left;
	clear:none;
}
#gform_wrapper_4 li#field_4_20 > div{
	padding-top:130px;
	width:179px;
	display:block;
	clear:both;
	background-image:url('../images/SingleDoorSwing_w.labels.jpg');
	background-repeat:no-repeat;
}
#gform_wrapper_4 li#field_4_21 > div{
	width:228px;
	padding-top:130px;
	display:block;
	clear:both;
	background-image:url('../images/DoubleDoorSwing_w.labels.jpg');
	background-repeat:no-repeat;
}
#gform_wrapper_4 li#field_4_20 > div > ul > li{
	display:block;
	clear:none;
	float:left;
	width:30%;
}
#gform_wrapper_4 li#field_4_20 > div > ul, #gform_wrapper_4 li#field_4_21 > div > ul{
	padding-left:25px;
}
#gform_wrapper_4 li#field_4_21 > div > ul > li{
	display:block;
	clear:none;
	float:left;
	width:22%;
}
#fqv{display:none;}
h2{font-weight:300}
.sublist-toggle {
    background: url("../images/plusico.png") no-repeat center center;
    border-left: 1px solid #235789;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    font-weight: bold;
    height: 44px;
    padding: 7px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 55px;
}
.sublist-toggle.minusicon {
    background: url("../images/minusico.png") no-repeat center center;
}
.validation_error {
    margin-left: 33px;
}
.orbit-wrapper .slider-nav span.right {
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 8px 5px;
}
.orbit-wrapper .slider-nav span.left {
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 4px 5px;
}

.quick-install-video,.why-we-are-the-best{padding:40px 0}
.quick-install-video h1,.why-we-are-the-best h1{padding:0 0 20px}

.dis-in{display:inline-block}
.width100{width:100% !important}
.bg-none{background:none}
.quick-install-video h4 a{color:#00315c; }
.quick-install-video h4{font-size:20px; font-weight:600}
.testmonial h2{margin-bottom:40px}
.quick-install-video .video-box{margin-top:0}
.logged-in .main-nav-scrolled {
	top: 32px;
}
.main-nav-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
  background:rgba(0, 48, 60, 0.9) none repeat scroll 0 0 !important;
  z-index:999;
}
.home-cont{padding:200px 0; color:#fff; position:relative; background-size:cover !important;}
.home-cont .ovly{background:rgba(0,0,0,0.7); position:absolute; top:0; bottom:0; width:100%; height:100%}
.home-cont h2{color:#fff; font-size:54px; font-weight:600}
.home-cont .cont-contactor{position:relative; z-index:99}
.cont-contactor li {
    line-height: 26px;
}
.cont-contactor .button_slide{background:#980000; padding:15px 30px; color:#fff; border-radius:4px; margin-top:20px; display:inline-block; font-size:20px}
.cont-contactor .button_slide:hover{background:#0099DA;}
.home-slider{position:relative}
.home-slider .slider-caption-bottom{position: absolute; bottom: 20px; z-index: 999; color: #fff; font-size:20px; font-style:italic; }
.drawing .four{background:#fff; padding:20px;}
.drawing{margin-bottom:40px;}
.slider_video_class {
    
    z-index: 99; margin-bottom:10px;
}

.page-template-page-landing-estimate-form #nav {
	opacity: 0;
}

@media screen and (max-width: 1200px){
	.home-slider .orbit-wrapper .orbit-caption{margin:-150px 0 0; left:50px}
	.logo{margin:0 15px}
	#footer{background-size:cover;}
	.cont-contactor{padding:0 20px}
	.home-slider .orbit-wrapper .orbit-caption{font-size:24px}
	.home-slider .slider-caption-bottom{left:50px;}
}
@media screen and (max-width: 1170px){
	body #menu > ul > li > a{font-size:13px; padding:0 5px}
}
@media screen and (max-width: 980px){
body #bottom li.gfield{width:100%}
body #bottom ul{margin:0}
body #bottom #field_1_5{width:100%}
body .slider-nav.hide-for-small{display:block !important;}

}
@media screen and (max-width: 767px){
	.video-box{width:50%}
	.home-cont{padding:80px 0}
}
@media screen and (max-width: 767px){
.home-slider .orbit-wrapper .orbit-caption {
    background: #000 none repeat scroll 0 0;
    bottom: 40px;
    color: #fff;
    font-size: 16px;
    height: auto;
    left: 0;
    margin: 0;
    max-width: 100%;
    padding: 10px;
    right: 0;
    text-align: center;
    top: auto;
    width: 100%;
}
.home-slider .slider-caption-bottom {
    bottom: 12px;
    color: #fff;
    font-size: 15px;
    font-style: italic;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 999;
}

.home-slider .button_slide{
    background: #980000 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    padding: 9px 20px;
}
	
	.units-mian {
    margin: auto auto 50px;
    padding: 0 25px;
    width: 80%;
	float:none;}
	h1{font-size:28px}
	#bottom h2{padding-top:0}
	#testimonials p{font-size:16px}
	.home-slider .slider-caption-bottom{ position:static; padding: 30px 0; color:#000;}
	.slider_video_class{ padding:0 15px;}
	.slider_video_class iframe{ max-width:100%;}
}
@media screen and (max-width: 640px){
	.units-mian{width:100%}
	.table-view table,.why-we-are-the-best table{display:block; overflow:scroll;}
	.table-view table{height:auto !important}
	.home-cont h2{font-size:30px}
}
@media screen and (max-width: 639px){
.home-slider .orbit-wrapper iframe{display:none}
}
@media screen and (max-width: 360px){
	.video-box{width:100%}
}
@media screen and (min-width: 1200px){

.home-slider #caption-2.orbit-caption {
    font-size: 29px;
    left: auto;
    margin: 0 -580px 0 0;
    right: 50%;
    text-align: right;
    top: 50px;
}
}


#featured img {
    width: 100%;
}


@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
/*
  position: fixed;
  bottom: 0;
*/
/*   width: 100%; */
  overflow: hidden;
  height: 4rem;
/*   background-color: rgba(0, 0, 0, 0.9); */
  background-color: #980000;
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 60s;
  animation-duration: 60s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 2rem;
  color: white;
}

#bottom .gform_wrapper h3 {
  margin-left: 0;
}
#bottom .gform_wrapper .gform_description,
#bottom .gform_confirmation_message {
  color: #fff;
}
.est-btn {
  text-align: center;
  padding: 0;
}
.est-btn a {
  color: #fff;
  display: block;
  text-align: center;
  width: 100%;
/*   height: 100%; */
  padding: 20px;
  font-size: 3.0rem;
  font-weight: 800;
  background-color:#777f89;
}
.est-btn a:hover {
  color: #0099da;
}

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

  .page-template-page-estimate-form {
    display: flex;
    flex-direction: column;
  }
  
  .page-template-page-estimate-form > div {
    order: 99;
  }
  
  #header {
    order: 1;  
  }
  
  .page-template-page-estimate-form > .padding {
    order: 2;
  }  
  
  #bottom {
    order: 3;
  }
}