/* CSS Document */
@font-face {
font-family: "BrandonText-Bold";
src: url("/assets/fonts/BrandonText-Bold.eot");
src: url("/assets/fonts/BrandonText-Bold.woff") format("woff"),
url("/assets/fonts/BrandonText-Bold.otf") format("opentype"),
url("/assets/fonts/BrandonText-Bold.svg#filename") format("svg");
}
@font-face {
font-family: "BrandonText-Black";
src: url("/assets/fonts/BrandonText-Black.eot");
src: url("/assets/fonts/BrandonText-Black.woff") format("woff"),
url("/assets/fonts/BrandonText-Black.otf") format("opentype"),
url("/assets/fonts/BrandonText-Black.svg#filename") format("svg");
}  
@font-face {
font-family: "BrandonText-Medium";
src: url("/assets/fonts/BrandonText-Medium.eot");
src: url("/assets/fonts/BrandonText-Medium.woff") format("woff"),
url("/assets/fonts/BrandonText-Medium.otf") format("opentype"),
url("/assets/fonts/BrandonText-Medium.svg#filename") format("svg");
} 
@font-face {
font-family: "MinionPro-Regular";
src: url("/assets/fonts/MinionPro-Regular.eot");
src: url("/assets/fonts/MinionPro-Regular.woff") format("woff"),
url("/assets/fonts/MinionPro-Regular.otf") format("opentype"),
url("/assets/fonts/MinionPro-Regular.svg#filename") format("svg");
} 



/* GLOBAL STYLES ----------------------------------------------- */


body {
    font-size: 100%;

}
.bg {
    background: #E5E6E3;
}/*-----------------------
    Accordion
-------------------------*/
.accordion {    
    position: relative;
    margin-top: 20px;
    margin-bottom:  30px;
    text-align: left;
    border: 0;
    padding: 0 8%;
    background: transparent;
}
.accordion .acdn-title {
    margin: 0;
    width: 94%;
    display: inline-block;
    vertical-align: top;
}
.accordion .acdn-title a {display: block;position: relative;padding: 0 0 30px 0; color: #122646;font: 1.0em/1.2'BrandonText-Black', sans-serif; text-transform: uppercase;background-color: transparent;}
.accordion .acdn-title a:hover {text-decoration: none;color: #122646; background: transparent!important}
.accordion .acdn-title a:after {position: absolute;font-family: FontAwesome;content: "\f068";color:#666;font-size: 1.2em;right: 15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.accordion .acdn-title a.collapsed:after {content: "\f067";}
.accordion .acdn-body {background-color: transparent; width: 90%;padding: 0 0 20px;}
.accordion .acdn-body p {font: 1.6em/1.4'BrandonText-Medium', sans-serif; color: #122646;}
.accordion .panel {
    background-color: transparent!important;
    border: 0!important;
    box-shadow: none!important;
}
.accordion .panel i {
    color: #355C76;
    margin: 10px 10px 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 2.5em!important;
background-color: transparent!important;border: 0;border-radius: 0;box-shadow: none;}
#blue {
    color: #355C76;
    margin-right: 10px;
}

#orange{
    color:  #F7931D;
    margin-right:  10px;
}
.blurbLand {
    padding: 0 0 1%;
}
.accordion .panel img {
    margin: 0 10px 0 0;
    float: left;
}
.blurbLand p {
    font: 2.8em/1.2'BrandonText-Black', sans-serif;
    color: #5ABCAF  !important;
}
.blurbLand .overview p {
    font: 1.7em/1.4'BrandonText-Bold', sans-serif;
    color: #122646!important;
}
.blurbLand .overview ul {
    color: #122646!important;
    padding-left:  20px;
}
.blurbLand .overview ul li{
    font: 1.7em/2.0'BrandonText-Bold', sans-serif;
}
.blurbLand .overview ul span{
    color: #FF8300!important;
}
.blurbLand .bookSurvey p {
    font: 1.7em/1.4'BrandonText-Bold', sans-serif;
    color: #122646!important;
}
.blurbLand.grant {
    margin-top: 4%;
}
.blurbLand.contact {
    padding: 4% 9% 0;
}
.blurbLand h2 {
    font: 4.6em/1.0'BrandonText-Bold', sans-serif;
    color: #FF8300!important;
}
.blurbLand .overview h2 {
    font: 2.0em/1.0'BrandonText-Black', sans-serif;
    color: #122646!important;
    margin-bottom:  2%;
}
.blurbLand .overview .asterix p {
    text-align:  right;
    font-size: 1.5em ;
    padding-top:  4%;
}
.blurbLand h3 {
    font: 3.0em/1.0'BrandonText-Bold', sans-serif;
    color: #122646!important;
    margin-bottom:  4%;
}
.blurbLand h4 {
    font: 2.6em/1.0'BrandonText-Bold', sans-serif;
    color: #FF8300!important;
}
.icon img {
    width:  100%;
}
.carousel-caption h1 {
    font: 6.0em/1.0'BrandonText-Bold', sans-serif;
    color: #122646!important;
}
.contactForm {
    padding: 0% 10%;    
}
.contactForm h2 {
    font: 2.0em/1.0'BrandonText-Black', sans-serif;
    color: #122646!important;
    text-transform:  uppercase;
}
.container {
    width: 100%;
    max-width: inherit;
    padding: 0 !important;
}
.container-fluid {
    width: 100%;
    padding: 0 !important;
}


.masthead {
    padding:0;
    margin-bottom: 4%;
    height: 820px;
    overflow: hidden;
}
.masthead.contactus {
    height: 840px;
}
.masthead .carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    right: auto;
    left: auto;
    width: 100%;
    bottom: 0;
    text-align: left;
    padding: 48px 77px 20px;
}
.masthead .carousel-caption.contactus {
    bottom: 40px;
}
.topContacts {
    display:  none;
}
.top-nav-collapse .topContacts {
    display: none
}

.renewablesFoot {
    padding:  6% 0 0 ;
    background:  #E5E6E3;

}
.bookSurvey {
    padding: 4% 0 0;
    text-align: left;
}
.bookSurvey .btn {
    font-size: 1.4em;
    font-weight:  600;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    background-color: #202943!important;
    border: 0;
    border-radius: 40px;
    padding: 20px 50px;
    margin: 0 20px;
}
.bookSurvey .btn:hover {
    color: #fff;
    background-color: #ec971f!important;
}

.bookSurvey .btn#signup {
    font-size: 1.4em;
    font-weight:  600;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    background-color: #5ABCAF !important;
    border: 0;
    border-radius: 40px;
    padding: 20px 50px;
    margin: 0 20px;
}
.bookSurvey .btn#signup:hover {
    color: #fff;
    background-color: #202943!important;
}








.getintouch {
    transform: translateY(-124px);
    margin-bottom: -80px;
}
.getintouch img  {
    margin:  auto;
}
.getintouch .btn {
    font-size:  1.2em;
    text-transform: uppercase;
    color: #fff;
    background-color: #202943!important;
    border: 0;
    border-radius: 20px;
    padding: 10px 30px;
    transform:translateY(20px);
}
.getintouch .btn:hover {
    color: #fff;
    background-color: #ec971f!important;
}
.padding-0 {
    padding:  0;
}


.slide {
    margin:  4% 0;
}

.social {
    padding:  6% 0;
    text-align: center;
}
.social h3 {
    font: 1.2em/1.0'BrandonText-Medium', sans-serif;
    color: #122646!important;
    text-transform:  uppercase;
}
.social .icon img {
    max-width:  66px;
    margin: auto;
}

::placeholder {
  font: 1.0em/1.0'BrandonText-Medium', sans-serif;
  color: #122646!important;
  text-transform:  uppercase;
}
/* SCRIPT CSS OVER-RIDES ----------------------------------------------- */

[id^=pjWrapper] .panel-body {
    padding: 2% 0 4% 0!important;
}
#pjCF_container_2 {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    background-color: transparent!important;
}
#pjCF_container_2 .pjCF-form-field {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    background-color: transparent!important;
}
[id^=pjWrapper] .form-control {
    border: 1px solid #122646!important;
    border-radius: 26px!important;
}
#pjWrapperContactForm_2 .pjCF-form label.cf-heading-small {
  font: 1.0em/1.4'BrandonText-Medium', sans-serif!important;
  color: #122646!important;
  text-transform:  uppercase!important;
  padding:  10px 0;
}
[id^=pjWrapper] .checkbox, [id^=pjWrapper] .radio {
    position: relative;
    display: inline-block!important;
    margin: 10px 0 0 20px!important;
}

[id^=pjWrapper] .input-group-addon {
    padding: 6px 12px;
    font-size: 2em!important;
    font-weight: 400;
    line-height: 1;
    color: #122646!important;
    text-align: center;
    background-color: transparent!important;
    border: 0!important;
}

[id^=pjWrapper] .btn-group-lg>.btn, [id^=pjWrapper] .btn-lg {
    padding: 13px 60px!important;
    font-size: 1.0em/1.4'BrandonText-Medium', sans-serif!important;
    text-transform: uppercase;
    border-radius: 26px!important;
    color: #fff!important;
    background-color: #122646!important;
    border: 0!important;
    margin:  20px 0;
}
#pjCF_container_2 .pjCF-button:hover {
    background-color: #ff8300!important;
}
input[type=radio] {
    width: 20px!important;
    height: 20px!important;
}
#pjWrapperContactForm_2 input[type="checkbox"], #pjWrapperContactForm_2 input[type="radio"] {
    margin-top: -3px!important;
    margin-left:  -24px!important;
}




/* RESPONSIVE CSS
-------------------------------------------------- */
 
@media (min-width: 3840px) and (max-width: 3840px){ 

    html {
            font-size:  180%;
        }
    .masthead {
        height: 100%;
        max-height: 94vh;
    }
    .masthead .carousel-caption {
    padding-left: 10%;
    }
    ::placeholder {
      font: 2.4em/1.0'BrandonText-Medium', sans-serif;
      color: #122646!important;
      text-transform:  uppercase;
    }
    [id^=pjWrapper] .form-control {
        height: 160px !important;
    }

    .top-nav-collapse {
        padding: 5px 6% 2%!important;
    }
    [id^=pjWrapper] .glyphicon-calendar:before {
        content: "\e109";
        font-size: 6em;
    }
    #pjWrapperContactForm_2 .pjCF-form label.cf-heading-small {
        font: 3em/1.4'BrandonText-Medium', sans-serif!important;
    }
    input[type=radio] {
        width: 60px!important;
        height: 60px!important;
    }
    [id^=pjWrapper] .checkbox label, [id^=pjWrapper] .radio label {
        padding-left: 60px!important;
        font-size: 2.6em;

    }
    #pjWrapperContactForm_2 input[type="checkbox"], #pjWrapperContactForm_2 input[type="radio"] {
        margin-top: -14px!important;
        margin-left: -70px!important;
    }
    [id^=pjWrapper] .btn-group-lg>.btn, [id^=pjWrapper] .btn-lg {
        padding: 32px 113px!important;
        font: 2.6em/1.4'BrandonText-Medium', sans-serif!important;
        text-transform: uppercase;
        border-radius: 44px!important;
        color: #fff!important;
        background-color: #122646!important;
        border: 0!important;
        margin: 20px 0;
    }
    .social .icon img {
        max-width: 250px;
        margin: auto;
    }

    .getintouch {
        transform: translateY(-380px);
        margin-bottom: -260px;
    }
    .getintouch img {
        margin: auto;
        width: 60%;
    }  
    .getintouch .btn {
        font-size: 1.6em;
        border-radius: 77px;
        padding: 45px 100px;
        transform: translateY(80px);
    }    

    .dropdown-menu a {
        color: #fff!important;
        font: 300 3.0em/1.8 'Roboto', sans-serif;
        width: 100%;
        padding: 20px 0!important;
        margin: 0!important;
        text-transform: uppercase;
    }
    .nav-link {
    margin: 0px 30px;
}

}
@media  (min-width: 1920px) and (max-width: 1920px) { 

    html {
            font-size:  60%;
        }
    .masthead {
        height: 100%;
        max-height: 120vh;
    }

}
@media (min-width: 1366px) and (max-width: 1366px){ 
    html {
            font-size:  60%;
        }
    .masthead {
        height: 100%;
        max-height: 84vh;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) { 
    html {
            font-size:  64%;
        }
    .masthead {
        height: 100%;
        max-height: 84vh;
    }
}





@media (min-width: 1024px) and (max-width: 1024px) {
    .brand img {
        width: 48%!important;
    }
        .masthead {
            padding: 0;
            margin-bottom: 4%;
            height: 84vh!important;
            overflow: hidden;
        }
    .top-nav-collapse .navbar-nav {
        margin: -35px 0 0 0!important;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .brand img {
        width: 68%;
    }
        .masthead {
            padding: 0;
            margin-bottom: 4%;
            height: 512px!important;
            overflow: hidden;
        }
    .top-nav-collapse .navbar-nav {
        margin: -35px 0 0 0!important;
    }
 .navbar-fixed-top {
    position: inherit;
    margin-bottom:  0;
}

}

@media (min-width: 320px) and (max-width: 767px) {

    .navbar .brand img {
        width: 28%!important;
        max-width: 200px;
        margin: auto;
    }
    .navbar-toggle {
        margin: -54px 40px 0!important;
    } 
    .navbar .brand {
        padding: 14px 0 0 20px!important;
    }  
.blurbLand h3 {
    font: 2.6em/1.0'BrandonText-Bold', sans-serif;
}
.blurbLand {
    padding: 2% 6%;
}
.blurbLand p {
    font: 2.4em/1.2'BrandonText-Black', sans-serif;
    color: #5ABCAF  !important;
}
.blurbLand .overview .asterix p {
    text-align: center!important;
    font-size: 1.5em;
    padding-top: 4%;
}

.bookSurvey {
    padding-top: 4%;
    text-align: center;
}
.icon img {
    width: 36%;
    margin: auto;
}
.getintouch {
    display:  none;
}
.getintouchMob {
    display:  inherit;
}
.getintouchMob {
    padding: 8% 0 10%;
    text-align: center;
}
.getintouchMob img  {
    margin:  auto;
}
.getintouchMob .btn {
    font-size:  1.2em;
    text-transform: uppercase;
    color: #fff;
    background-color: #202943!important;
    border: 0;
    border-radius: 20px;
    padding: 14px 44px;
    transform:translateY(20px);

}
.getintouchMob .btn:hover {
    color: #fff;
    background-color: #ec971f;
}
.accordion .acdn-body {width: 100%;}
.accordion .acdn-body p {
    font: 1.6em/1.4'BrandonText-Medium', sans-serif;
    color: #122646;
}
.accordion .acdn-title {
    width: 86%;    
    padding: 0 ;
}
.accordion .panel i {
    margin: 14px 10px 0 0;
}
.accordion .acdn-title a {
    padding: 0 0 20px 0;
    font: 1.0em/1.2'BrandonText-Black', sans-serif;
}
.accordion .acdn-title a:hover {
    background: transparent!important;
}
.accordion .acdn-title a:after {
    right: -20px;
    top: 10px;
}




}