body{

}
.col{flex-basis:inherit;}
.left{float:left;}
.right{float:right;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.brand{display:block; width:225px; height:102px;background-image:url("../images/logo_retrofit-service-company.png"); background-repeat:no-repeat; float:left;}
.brand span{display:none;}
.tagline{width:220px; padding:20px 0 0 25px;color:#a4aaad; font-size:16px; float:left; display:inline-block; font-family:'Montserrat', sans-serif;}
.anchor {
    display: block;
    position: relative;
    visibility: hidden;
}

#utility{
    background: rgb(15,35,70);
    background: linear-gradient(180deg, rgba(15,35,70,1) 0%, rgba(15,76,144,1) 100%);
    padding:2px 0;
}
nav.utility{float:left; margin:5px 0 0 15px;}
nav.utility ul li{float:left; padding:0 12px; font-size:12px;}
nav.utility ul li a{color:#ffffff; }

#header{width:100%; padding:15px 0 20px 0; margin:0 auto;}
#header .col-lg-2{padding:0; margin:0;}



.masthead{position:absolute; top:20px; z-index:-1; width:100%; height:540px; background-repeat:no-repeat; background-position:top center; background-size:cover;/*border-bottom:1px solid #284399;*/}
.ProjectPage .masthead{height:340px;}

.page-building-automation .masthead{background-position: 0 40px;}

.page-intro{padding:40px 0 0 0; min-height:415px;}
.ProjectPage .page-intro{height:315px;}
.page-intro h1{}
.page-intro h2{font-size:40px; line-height:44px; color:#404040 !important;}
.page-intro p:first-of-type{margin:0;}
.page-intro img{max-width:50px;height:auto;}

#hero{width:100%; height:635px;  clear:both; }

.hero{width:100%; height:635px;}
.hero-bg{width:100%; height:635px; position:absolute; top:-100px; z-index: -1; background-repeat:no-repeat; background-size:cover;}
/*.HomePage .main{margin-top:575px;}*/

.hero h2{color:#104e94; font-size:40px; line-height:48px; font-weight:300; margin: 0 0 30px 0; }

.hero-content{padding:100px 0 0 60px; position:absolute; z-index:9999;}
.hero-content p{margin: 0 0 50px 0}



#content{padding-bottom:50px;}
#contact{width:100%; height:400px; background-size:cover; background-repeat:no-repeat; background-image:url("../images/bg-connect.jpg");}
#footer{ background-color:#414143; padding:15px 0;color:#ffffff;}
#footer a{color:#ffffff;}
#footer p{margin:0;}
#footer .phone{font-size:18px; font-weight:bold;}

#directory .row{margin:0px; padding:0px;}
#directory h3 a{color:#ffffff ; text-decoration:none; font-weight:bold; }
#directory h3 a:hover{color:#ffffff; text-decoration:none}

.section-form{ padding:50px; background-color:#000; }
.section-form p, .section-form h4{color:#ffffff;}




.content h2{color:#02498d;}

/*.marker{
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #cc171a transparent;
    position:absolute;
    bottom:-15px;
    right:33.33%;

}
*/


.product-grid{width:100%; padding:80px 0 0 0 ;}

.product-grid .product{
    position:relative;
    z-index:1;
    width:100%;
    display:inline-block;
    margin:0 auto 0px auto;
    padding:0 0 75px 75px;
}

.product-grid .product h3, .product-list .product h3, .product-scroller .product h3{font-family:"Montserrat", sans-serif; font-size:20px; font-weight:bold; line-height:24px;  padding:20px 20px 15px 20px; background-color:#ffffff;  text-transform:uppercase; color:#173d6b;margin:0 0 5px -20px; } 
.product-grid .product p,  .product-scroller .product p{font-family:"Montserrat", sans-serif;  font-size:16px; line-height:26px; font-weight:300; color:#323e44;}
.product-grid .product a,  .product-scroller .product a{font-family:"Montserrat", sans-serif; font-size:13px; color:#00689f; text-transform:uppercase; font-weight:bold; }
.product h3 a{color:#173d6b;}

.product-scroller{margin:15px 0 0 0;}
.product-scroller .product {float:left; position:relative; padding:35px 60px 0 60px; max-width:400px; width:400px; /*width:33.33% !important;*/ }
.product-scroller .product p{color:#ffffff; text-align:left; font-size:14px; line-height:22px;}
.product-scroller .product a{color:#ffffff;}
.product-scroller .product h3{background-color:#9b191d; border:1px solid #ffffff; text-align:left;  padding:10px 20px 10px 20px; }
.product-scroller .product-chevron{border-color: transparent transparent #9b191d  transparent;}

.product-scroller .product .link-arrow::after{
    border-color: transparent transparent transparent #ffffff;
}

.IndustryPage #products .marker{display:none;}

.product-list{width:100%; clear:both;}

.product-list .product-chevron{
   z-index:-2; 
        top:-15px;
}
.product-list .product{
    width:100%; border:1px solid #91989c; background-color:#ffffff;
    position:relative;
    z-index:1;
    display:inline-block;
    margin:0 auto 75px auto;
    padding:15px 30px 30px 30px; 
}

.product-list .product p{font-size:20px; line-height:30px;}

.product-list .product::after{
    
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #91989c transparent;
    position:absolute;
    z-index:1;
    right:2px;
    bottom:2px;
    
}

#promos{margin:0 0 45px 0;}
.promo{text-align:center; margin:0 auto; width:80%;}
.promo h2{font-weight:bold;}
.promo h2 a{color:#104e94;}
.promo a{}
.promo a:hover{text-decoration:none;  }

#projects{margin:0 0 1px 0;}

.intro-copy{padding:0 30px 30px 30px;}
.intro-copy p{font-size:20px; line-height:30px; color:#575757;}
/*.content p{font-size:20px; line-height:30px; color:#575757;}
.content p, .content ul {font-size:20px; line-height:30px; color:#575757;}
.content p a{text-decoration:underline;}*/
.content p a{text-decoration:underline;color:#575757;}
.content p a:hover{color:#284399;}
.content ul, .content ol{margin:0 0 15px 2em;}
.content h4{ color:#173d6b;}
.content ul {margin-left:45px;}
.content ul li{list-style-type:disc; padding-left:15px;}
.content ul li:before{

}



#directory{background-color:#414143; padding:50px 0; position:relative;line-height:18px;}
#directory p{color:#ffffff; }
#directory h4{color:#ffffff;}
#directory li {/*margin:4px 0;*/}
#directory li a{color:#ffffff;}

#clients{padding:20px 0; background-color:#0c4d91; text-align:center;}
#clients img{max-height:50px; width:auto;}
#connect{padding-bottom:100px;}
#connect h4{color:#ffffff; font-size:30px; text-align:center;}
#connect a{font-size:22px; color:#ffffff; background-color:transparent; border:1px solid #ffffff; border-radius:5px; font-weight:300;  }
#connect a:hover{background-color:#00689f; }
#connect .btn{margin-left:45px;}

.directory-actions{background-color:#242424; padding:10px 15px; width:400px; position:absolute; left:50%; top:-49px; margin-left:-200px;}
.directory-actions ul{text-align:center; margin:0 auto; display:table;}
.directory-actions ul li{float:left; display:inline-block; text-align:center; padding:0 15px; text-transform:uppercase; line-height:20px; margin:0px;}

.cycle-pager{position:absolute; z-index:99999999; top:25px; right:50px;}
.cycle-pager span{
  height: 15px;
  width: 15px;
    margin:0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
    opacity: 0.5;
    
}
.cycle-pager span:hover{cursor:pointer;opacity: 1 !important;}
.cycle-pager-active{ background-color: #ffffff;opacity: 1 !important;}

.social{ margin:8px 0 0 0; }
.social li{float:left; padding:0 3px;}

.icon-sm{display:block; width:18px; height:18px; background-repeat:no-repeat;}
.icon-sm-before:before{display:block; width:18px; height:18px; background-repeat:no-repeat;}
.icon-facebook{ background-image:url('../images/icon_facebook.png');}
.icon-linkedin{ background-image:url('../images/icon_linkedin.png');}
.icon-instagram{ background-image:url('../images/icon_instagram.png');}
.icon-youtube{ background-image:url('../images/icon_youtube.png');}
.icon-pin{ background-image:url('../images/icon_pin.png');}
.icon-mobile{ background-image:url('../images/icon_mobile.png');}

.contact{ font-size:14px; font-weight:700; color:#404040; text-align:right;}
.phone{ font-size:22px; color:#0c4d91; }

.banner{padding: 50px 0 15px 480px;  background-color:#ebebeb; background-repeat:no-repeat; width:100%}
.banner h2{text-transform:uppercase;}
.banner ul{margin-left:15px;}
.banner ul li{list-style-type:disc; padding-left:15px;}

#about{padding:75px 0;}
.location-actions{color:#ffffff;}
.location-actions .icon-sm{position:absolute; left:18px; margin:4px }
.location-actions li{margin:0 0 15px 45px;}

.project-section{margin:0 0 30px 0;}
.project-section .row{padding:15px 45px;}
.project-section h2{ font-size:40px; font-weight:300; border-bottom:1px solid #284399; padding:0px 60px 25px 60px}

.project{
    width:90%;
    margin:15px auto;
}
.project h6{
    color:#000000;
    width:95%;
    margin:0 auto;
    
}

.section{ border-bottom:1px solid #284399; padding:100px 0px; }
.section.last{border-bottom:none;}
.section h2{ font-size:40px; margin:0 0 45px 0;}
.section img.right{margin:0 0 30px 75px;}
.section img.left,.section img.leftAlone{margin:0 55px 30px 0;float:left;}
.section .phone{ font-size:36px; color:#0c4d91; font-weight:300; padding:0 45px 0 45px; background: url('../images/icon_phone.png') no-repeat  0 11px; }
.section table td{vertical-align: top;}

.data-table {width:100%;border-top:1px solid #284399; margin:15px 30px;}
.data-table th{text-transform:uppercase; color:#284399;padding:10px 60px;}
.data-table td{padding:45px 60px; }
.data-table td:first-of-type{width:27%;}
.data-table tr{border-bottom:1px solid #284399;}
.data-title{font-weight:bold;}

.sidebar{border-top:1px solid #284399; padding:15px 0 0 0;}

.ContactFormPage h2{font-size:40px; margin:0 0 30px 0;}
.cycle-pager{display:none;}
#directory .container{padding-left:0px; padding-right:0px; }
#projects .container{padding:0px;margin:0px auto;}
#projects .row, #projects .col{padding:0px;margin:0px auto;}
.page-Security .btn-toolbar input{background-color:#0c4d91;}