/*==========================================
CLEAN ENERGY COLLECTIVE, LLC
Version 2.0.I0216
==========================================*/

@font-face {
    font-family: 'AvenirLTStdLight';
    src: url(fonts/AvenirLTStdLight.eot);
    src: url(fonts/AvenirLTStdLight.eot) format("embedded-opentype"), url(fonts/AvenirLTStdLight.woff) format("woff"), url(fonts/AvenirLTStdLight.ttf) format("truetype"), url(fonts/AvenirLTStdLight.svg#AvenirLTStdLight) format("svg");
}
@font-face {
    font-family: 'AvenirLTStdMedium';
    src: url(fonts/AvenirLTStdMedium.eot);
    src: url(fonts/AvenirLTStdMedium.eot) format("embedded-opentype"), url(fonts/AvenirLTStdMedium.woff) format("woff"), url(fonts/AvenirLTStdMedium.ttf) format("truetype"), url(fonts/AvenirLTStdMedium.svg#AvenirLTStdMedium) format("svg");
}
@font-face {
    font-family: 'AvenirLTStdBook';
    src: url(fonts/AvenirLTStdBook.eot);
    src: url(fonts/AvenirLTStdBook.eot) format("embedded-opentype"), url(fonts/AvenirLTStdBook.woff) format("woff"), url(fonts/AvenirLTStdBook.ttf) format("truetype"), url(fonts/AvenirLTStdBook.svg#AvenirLTStdBook) format("svg");
}
@font-face {
    font-family: 'AvenirLTStdBlack';
    src: url(fonts/AvenirLTStdBlack.eot);
    src: url(fonts/AvenirLTStdBlack.eot) format("embedded-opentype"), url(fonts/AvenirLTStdBlack.woff) format("woff"), url(fonts/AvenirLTStdBlack.ttf) format("truetype"), url(fonts/AvenirLTStdBlack.svg#AvenirLTStdBlack) format("svg");
}

/*=======================
    TABLE OF CONTENTS

	I.      GLOBALS
	II.     NAV
    III.    FOOTER
    IV.     HERO & BANNERS
    V.      FEATURED PROJECTS
    VI.     SERVICES
    VII.    ABOUT CEC
    VIII.   TICKER
    IX.     FEATURED PROJECTS
    X.      OUR PARTNERS
    XI.     LEADERSHIP
    XII.    GREEN BAR
    XIII.   GET STARTED
    XIV.    OPEN TIP
    XV.     PRIVACY PAGE
    XVI.    CAREERS PAGE
    XVII.   UAC PAGE
    XVIII.  LANDING PAGES 

========================*/


/*=================
    I. GLOBALS
===================*/

#live-chat {
    height: 122px;
    width: 54px;
    position: fixed;
    top: 15%;
    left: 0px;
    cursor: pointer;
    z-index: 999999;
}
.ot-content,
body,
html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
#aboutcec .sorter,
.ot-content,
body label {
    white-space: nowrap;
}
html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
body,
html {
    font-family: 'AvenirLTStdBook', 'Avenir', Helvetica, Arial, sans-serif;
    display: block;
    position: relative;
}
body section,
section {
    padding-bottom:100px;
    overflow: hidden;
}
address,
body h2,
body h3,
body h4,
body h5,
body p {
    font-family: 'AvenirLTStdLight', Avenir, Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
}
body a.read-more {
    font-size: 15px !important;
    color: #6fbd44 !important;
    text-decoration: none;
    font-family: 'AvenirLTStdMedium', Avenir, Helvetica, Arial, sans-serif;
}
body a.read-more:hover {
    text-decoration: underline !important;
}
body p {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: -.1px;
    text-shadow: 0 0 7px rgba(30, 30, 30, 0.3);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.009);
}
body h2 {
    font-family: 'AvenirLTStdLight', Avenir, Helvetica, Arial, sans-serif;
    font-size: 32px;
}
body h3 {
    font-family: 'AvenirLTStdBook', Avenir, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400 !important;
    margin-top: 25px;
    margin-bottom: 10px;
}
body h4 {
    font-family: 'AvenirLTStdLight', Avenir, Helvetica, Arial, sans-serif;
    font-size: 20px;
}
body h5 {
    font-size: 14px;
}
body #thanksmesssage {
    margin-bottom: 25px;
    font-size: 22px;
    color: #78b156;
}
body .italic-font {
    font-family: 'AvenirLTStdLight', Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: italic;
    color: #7f7f7f;
}
body p.light-text {
    color: #7f7f7f;
}
body .heavy {
    font-weight: 700 !important;
}
body .largefont {
    font-size: 42px;
}
body .mediumfont {
    font-size: 1.2em;
}
body .spacer-sm {
    display: block;
    height: 20px;
    width: 100%;
}
body .spacer {
    display: block;
    height: 30px;
    width: 100%;
}
body .spacer-2x {
    display: block;
    height: 60px;
    width: 100%;
}
body .nohero {
    box-shadow: 0 4px 2px -2px rgba(50, 50, 50, 0.1);
}
body .white-section {
    background-color: #ffffff;
}
body .grey-section {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}
body .header-underline,
body .header-underline-short {
    display: block;
    height: 1px;
    width: 75px;
    border-bottom: 1px solid #cbcbcb;
}
body .narrow {
    max-width: 900px;
    margin: 0 auto !important;
}
body .xtranarrow {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 20px;
}
body p.no-margin-bottom {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}
body p.add-bottom-margin {
    margin-bottom: 30px !important;
}
@media (max-width: 767px) {
    body .xtranarrow {
        text-align: center !important;
    }
}
body .header-underline {
    margin: 0 auto 25px;
    padding-top: 6px;
}
body .header-underline-short {
    opacity: .3;
    margin: 0 auto 20px;
    padding-top: 0;
}
body section.short {

    padding-top:60px;
}
body section.shorter {
    margin-bottom: 0 !important;
}
body .btn {
    border-radius: 0;
    font-size: 16px;
    padding: 14px 40px 12px 40px;
    box-sizing: border-box;
    color: #ffffff !important;
}
body .btn.btn-primary,
body .btn.btn-primary:visited {
    background: #6fbd44;
    border-color: #6fbd44;
    border-radius:30px;
    padding: 11px 30px 9px 30px;
}
body .btn.btn-primary:active,
body .btn.btn-primary:hover {
    background: #80d053;
    border-color: #80d053;
}
body .btn.btn-secondary,
body .btn.btn-secondary:visited {
    background: #ffffff;
    border-color: #ffffff;
    color: #333333 !important;
}
body .btn.btn-secondary:active,
body .btn.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.9);
}
body .btn.btn-transparent {
    background: 0 0;
    border-color: #ffffff;
    color: #ffffff !important;
}
body .btn.btn-transparent:hover {
    color: #e0e0e0;
}
body .bold {
    font-weight: 700;
}
body a {
    color: #333333;
    text-decoration: none;
    outline: 0;
}
body a:focus {
    text-decoration: underline;
}
section a.active,
section a:focus,
section a:visited {
    color: #6fbd44;
    outline: 0;
}
body input.form-control {
    padding: 14px !important;
    height: auto;
    width: 200px;
    border-radius: 3px;
    display: block;
}
body .no-rounding {
    border-radius: 0 !important;
}
body input {
    border: 1px solid #ffffff;
}
body select.form-control.wide:not([multiple]),
body select.form-control:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 93% 60%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA1CAYAAAEot8u7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP1JREFUeNpiOHvmzH8gYIBhJgY0gF+AT9joAIrAp7fnHAibARBAjCCrsMpi54CsIVIPQAAxoPsIr+/wupKgJNBZAjglgSHxgTxjYQAggFB8TJQuekiwYAmFA2AGthDnFTIUGJz+AAggvAmFrAREViQPd03A1PEfhLEmHVwAmHcYR0MPDQAEEM5sNJr2RjXRWBMLEdlcAUgtQBJKYCIimz8AUheA2B6IH4D5xBbFwJplAYw9mjVGNQ2UJoAAI6sdQQ4mz3V0C4ZRi0YtGrVoeFvEQi2DgM2FBCA1H4tUIrAVsIDqhSqwtbABiP8D8QFk8dHSe9SiUYtGLRoJFgEATKaTa1C6hHkAAAAASUVORK5CYII=);
    padding: .5em 1.5em .5em 15px;
}
select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}
body input.form-control.wide {
    width: 100%;
}
body select.form-control {
    height: 50px;
    width: 200px;
    border-radius: 5px;
}
body select.form-control.wide {
    border-radius: 5px;
    width: 100%;
}
.close {
    font-size: 30px !important;
}
body .modal {
    background-color: rgba(0, 0, 0, 0.7);
}
body .modal-content {
    border-radius: 0;
    margin: 0 30px;
    border: 0;
}
body .modal-content h3 {
    margin: 0;
    margin-bottom: 5px !important;
    font-size: 18px !important;
    font-weight: 100 !important;
}
body .modal-content h4 {
    margin-top: 5px;
    margin-bottom: 5px !important;
    font-size: 14px !important;
    line-height: 1.3em;
    color: #333333;
}
body address a {
    color: #78b156 !important;
}
body .modal-content p {
    line-height: 22px;
    color: #333333;
    font-size: 14px;
}
body .modal-content .modal-body {
    margin: -10px 40px 40px;
    padding-bottom: 40px;
}
body #to-top a {
    text-decoration: none;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 13px;
    display: inline;
    background: #6fbd44;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 25px;
    -webkit-transition: background .5s;
    transition: background .5s;
    cursor: pointer;
    z-index: 1000;
}
body #to-top a:hover {
    background: #85c662;
}
body #to-top i {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em;
}
body .modal .modal-header {
    border-bottom: none !important;
}
body .lg-backdrop.in {
    opacity: 0.5 !important;
}
body .modal-backdrop.in {
    opacity: 0;
}
body .no-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
body .modal-open .modal,
body .remove-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body .modal-open .modal {
    overflow-y: scroll;
}
#wrapper {
    min-height: 600px;
}
.thin-font {
    font-family: "AvenirLTStdLight", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: 100 !important;
}
.hidden {
    display: none;
}
.bar,
.show {
    display: block;
}
.avoid-clicks {
    pointer-events: none;
}
.text-small {
    font-size: 14px !important;
    line-height: 1.6em !important;
}
.modal-dialog {
    width: 80% !important;
    max-width: 900px;
}
.fa-stack-1x {
    line-height: 1.9;
}
.animation-container {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.catcher {
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
}
.bar {
    width: 22px;
    height: 3px;
    margin: 0 auto 3px;
    border-radius: 4px;
    background-color: #7f7f7f !important;
}
.telephone {
    font-family: "AvenirLTStdBook", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}
.modal-open {
    overflow-y: scroll;
}
@media (max-width: 991px) {
    .modal-dialog {
        width: auto !important;
        margin-left: 0;
        margin-right: 0;
    }
    body #to-top {
        display: none;
    }
    body .modal-content .modal-body {
        margin: 0 10px 20px;
    }
}
#uac img.uaclogo {
    height: 210px;
    margin-top: 40px;
}
#aboutcec,
#aboutcec #wheel,
#featured {
    position: relative;
}

/*=================
    II. NAV
===================*/
.navbar{
    min-height:80px;
}
.navbar-default {
    background:#fff;
    border: none;
}
a.navbar-brand img {
    height: 60px;
    width: auto;
}

@media (max-width: 768px) {
    a.navbar-brand img {
    height: 50px !important;
    width: auto;
    }
}

.navbar-toggle{
    margin-top:20px;
    margin-bottom:13px;
}


.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited {
    padding-top: 35px;
    padding-bottom: 35px;
    color:#666;
    font-size:16px;
    font-family: 'AvenirLTStdBook', Avenir, Helvetica, Arial, sans-serif;
}

.caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 7px dashed;
    border-top: 7px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top:-3px;
}

.dropdown-menu>li>a{
    color:#666;
}

.nav>li>a{
    padding:10px 13px;
}

.navbar-brand{
    padding-top:10px;
}

.navbar-default .navbar-nav>li>a:hover{
    color:#8dc63f;
}

.navbar-default .navbar-nav>li>a:visited, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:visited{
    color:#666;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
    color:#8dc63f;
    background:rgba(255,255,255,.2);
}
.navbar-default a.login-link, .navbar-default a.login-link:visited{
	color:#8dc63f !important;
}

.navbar-default a.login-link:hover, .navbar-default a.login-link:focus{
	color:#8dc63f !important;
}

.dropdown-menu{
    background:rgba(255,255,255,1);
    border-radius:0;
    border:none;
}
.navbar-default .navbar-nav>li>a:hover {
    color:#8dc63f;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none;
}
.navbar-nav{
    margin: 0 -15px;
}

.navbar-default .navbar-toggle{
    border-color:rgba(0,0,0,.4);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color:white;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color:rgba(0,0,0,.6);
}

.navbar-nav>li>.dropdown-menu{
    padding-top:10px;
    padding-bottom:10px;
 
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu{
        right:auto;
    }
}

@media (max-width:991px){
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited {

        font-size:14px;
        font-family: 'AvenirLTStdBook', Avenir, Helvetica, Arial, sans-serif;
    }
}


@media (max-width: 768px) {


    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color:white;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.41);
    }
    
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited, .navbar-default .navbar-nav>li>a:active{
        padding:5px 5px !important;
        color:black !important;
    }
    
    .navbar-default .navbar-nav>li>a:hover{
        color: #2b2b2b !important;
    }
    
    .navbar-brand{
        padding-top:10px !important;
    }
    .navbar-nav{
        margin: 20px -5px;
    }
}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background-color:transparent;
    color:white;
}


/*=================
    III. FOOTER
===================*/

body .btn.btn-primary.foot {
    padding: 12px 14px 13px 14px !important;
    line-height: 1.4em !important;
    border-radius: 0 !important;
    font-size: 15px !important;
}
footer {
    background: #292929 !important;
    overflow: hidden;
    padding: 50px 0px;
    color: white;
    font-size: 16px;
    /* Landscape phones and portrait tablets */
    /* Portrait phones and smaller */
}
footer a {
    font-size: 16px;
    color: white !important;
    font-weight: 100 !important;
}
footer h3 {
    font-weight: 600;
}
footer h4 {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 22px !important;
    margin-bottom: 20px !important;
}
footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
footer ul li {
    margin: 0px 0px 20px 0px;
}
footer ul li a {
    font-size: 16px;
    color: white !important;
    font-weight: bold;
}
footer ul li a:hover {
    color: white;
}
footer h3 {
    margin-top: 0px;
}
footer input[type="text"] {
    margin-top: 1px;
    color: black;
    padding: 12px !important;
    line-height: 1.3em;
    max-width: 200px;
}
footer hr {
    border-color: #6a6a6a;
}
footer .social {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
}
footer .social li {
    display: inline-block;
    margin-left: 10px;
}
footer .social li a img {
    border: none;
    height: 25px;
    margin-top: -5px;
}
footer .social i {
    color: #565656;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    padding-left: 6px;
}
footer .social i:hover {
    color: #6c6c6c;
    color: white;
}
footer .btn-primary {
    padding: 11px 17px;
    margin-left: 3px;
    display: inline;
}
footer .form-news {
    display: inline;
    width: 100% !important;
}
footer .terms {
    color: #9d9d9d;
    margin-top: 20px;
}
footer .terms a {
    color: #9d9d9d !important;
}
footer .cec-logo {
    max-width: 120px;
}
footer .util-logo {
    max-width: 200px;
}
@media (max-width: 1199px) {
    footer input[type="text"] {
        max-width: 105px;
    }
}
@media (max-width: 996px) {
    footer .fl {
        float: none !important;
        text-align: left;
        padding-top: 10px !important;
    }
    footer h3 {
        margin-top: 10px;
        font-size: 18px !important;
    }
    footer p,
    footer a,
    footer .terms {
        font-size: 13px !important;
        text-align: left !important;
    }
    footer input[type="text"] {
        max-width: 105px;
        font-size: 12px;
    }
    body .btn.btn-primary.foot {
        padding: 11px 10px 12px 10px !important;
        margin-left: 3px;
        font-size: 12px !important;
        display: inline;
        margin-top: 1px;
    }
    footer .form-news {
        text-align: left !important;
        margin-bottom: 20px;
    }
    footer .terms {
        color: #9d9d9d;
        float: none;
        text-align: center;
    }
}
@media (max-width: 768px) {
    footer {
        text-align: center;
    }
    footer .terms {
        text-align: center !important;
    }
    footer .cec-logo {
        max-width: 160px;
        height: auto;
        margin: 0 auto;
    }
    footer input[type="text"] {
        max-width: 200px;
        font-size: 14px;
    }
    body .btn.btn-primary.foot {
        padding: 11px 20px 12px 20px !important;
        margin-left: 3px;
        font-size: 14px !important;
        display: inline;
        margin-top: 1px;
    }
    footer table {
        max-width: 300px;
        margin: 0 auto;
    }
    footer table p {
        text-align: left !important;
    }
    footer .cec-sale {
        text-align: center;
    }
    footer .container .row .col-xs-12:first-child {
        text-align: center;
    }
    footer .container .row .col-xs-12:first-child img {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    footer ul li a {
        font-size: 14px !important;
        font-weight: bold;
    }
    footer ul {
        display: inline;
    }
    footer ul li {
        display: inline-block;
    }
    footer ul li a {
        font-size: 12px;
        display: inline;
        margin: 0 10px;
        white-space: nowrap;
    }
    footer h3 {
        margin-top: 20px;
    }
    footer p {
        line-height: 1.4em !important;
        text-align: center !important;
    }
    footer .logo-container {
        margin: 0 auto;
        text-align: center;
    }
    footer .logo-container img {
        margin: 0 auto;
    }
    footer .smalltable {
        margin-left: 30% !important;
    }
}
@media (max-width: 480px) {
    footer {
        text-align: center;
    }
    footer .logo-image {
        text-align: center;
    }
    footer .logo-image img {
        display: inline-block;
        height: 100px;
    }
    footer ul {
        display: inline;
    }
    footer .xs-margin-top-10 {
        margin-top: 20px;
    }
    footer input[type="text"] {
        max-width: 200px;
        font-size: 14px;
    }
    footer .smalltable {
        margin-left: 10% !important;
    }
    body .btn.btn-primary.foot {
        padding: 11px 20px 12px 20px !important;
        margin-left: 3px;
        font-size: 14px !important;
        display: inline;
        margin-top: 1px;
    }
}

/*=================
IV. HEROS & BANNERS
===================*/

#hero {
    overflow:hidden;
    height: 100vh;
    width: 100vw;
    position:relative;
    background: url(../img/hero-new.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    width: 100vw;

}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    max-height:700px;
}

.overlay-dots{
    width:100vw;
    height:100vh;
    pointer-events: none;
    background-image: url("../img/01.png");
    background-repeat: repeat;
   opacity:.3;
    position:absolute;
    z-index:500;
    top:0;
    left:0;

}

.dot-bg{
    width:100vw;
    height:400px;
    pointer-events: none;
    background-image: url("../img/01.png");
    background-repeat: repeat;
   opacity:.3;
    position:absolute;
    z-index:500;
    top:0;
    left:0;
}

.overlay-gradient{
    position:absolute;
    z-index:500;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background: linear-gradient(135deg, rgba(1, 10, 10, 0.6) 0%, rgba(1, 10, 10, 0.4) 51%, rgba(1, 10, 10, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fa000000', GradientType=1);
}

.hero-bg{
    background: url(../img/hero-new.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    position:absolute;
    top:0;
    
}


#hero h2 {
    font-family: 'AvenirLTStdLight', Helvetica, Arial, sans-serif;
    color:white;
    width:35%;
    margin:0 auto;
    margin-bottom:30px;
}

#hero .message-1 h2, #hero .message-2 h2, #hero .message-3 h2{
	width:40%;
}

@media (max-width: 1400px) {
	#hero h2{
		font-size: 28px;
	}
    #hero .message-1 h2, #hero .message-2 h2, #hero .message-3 h2{
        width:40%;
    }
}

@media (max-width: 1200px) {
	#hero h2{
		font-size: 28px;
	}
    #hero .message-1 h2, #hero .message-2 h2, #hero .message-3 h2{
        width:50%;
        
    }
}

@media (max-width: 991px) {
	#hero h2{
		font-size: 26px;
	}
    #hero .message-1 h2{
        width:50%;
    }
	#hero .message-2 h2, #hero .message-3 h2{
        width:60%;
    }
}

@media (max-width: 768px) {
    .hide-sm{
        display:none !important;
    }
	#herp h2{
		font-size: 22px;
	}
    #hero .message-1 h2, #hero .message-2 h2, #hero .message-3 h2{
        width:85%;
    }
}
#hero img#natgeo {
    width: 136px !important;
    margin:0 auto;
    height: auto;
}

#hero img#newyorktimes{
	width: 200px !important;
	margin:0 auto;
	height:auto;
}

#hero img#greentech{
	width: 240px !important;
	margin:0 auto;
	height:auto;
}

@media (max-width: 768px) {
	#hero img#natgeo {
		width: 106px !important;
	}
	
	#hero img#newyorktimes{
		width: 150px !important;
	}
	
	#hero img#greentech{
		width: 180px !important;
	}
}

@media (max-width: 500px) {
    #hero h2{
        width:90%;
        font-size: 24px;
    }
    
    img#natgeo{
        max-width:110px !important;
        height:auto !important;
    }
}

#hero .owl-controls{
    display:none;
}

.hero-carousel-contain{
    position: relative;
    top: 50%;
    z-index:600;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}


#hero .circle-arrow{
	width:50px;
	height:50px;
	margin:0 auto;
	opacity:.5;
	-webkit-transition: opacity .5s;
    transition: opacity .5s;
	
}

#hero .circle-arrow:hover{
	opacity:.9;
}

#hero .down-container{
	width:100vw;
	position:absolute;
    bottom:120px;
    z-index:600;
	text-align:center;
}

@media (max-width: 768px) {
    #hero .down-container{
		bottom:20px;
	}
	
	#hero .circle-arrow{
		width:40px;
		height:40px;
	}
}


#hero .owl-carousel .owl-stage-outer {
    text-align:center;
}

#hero .featured-contain{
    position:absolute;
    bottom:40px;
}

/*====================
V. FEATURED PROJECTS
=====================*/

#feat-projects {
    background: #f5f5f5;
    min-height: 300px;
}
#feat-projects .slide-container {
    margin: 0 auto !important;
}
#featured {
    margin-bottom: 0;
    z-index:600;
}
#featured small {
    display: block;
    font-weight: 700;
    color: #7f7f7f;
}

#featured .features {
    margin: 40px 0 0 !important;
}
#featured .features img {
    margin: 0 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    #featured .features img {
        height: 26px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #featured .features img {
        height: 17px;
        margin: 0 10px;
    }
}
@media (max-width: 767px) {
    #featured .features img {
        height: 15px;
        margin: 0 10px;
    }
}
@media (max-width: 991px) {
    img#natgeo {
        max-width: 100px !important;
        height: auto !important;
        margin-bottom: 10px;
    }
    #featured .features {
        margin: 0 !important;
    }
}

/*====================
    VI. SERVICES
    
=====================*/

#services{
    min-height:400px;
}
#services .ctas{
    margin-top:20px;
}
#services .cta-block {
    width: 100%;
    text-align:center;
    margin-top:10px;
}

#services .row{
    max-width:1000px;
    margin:0 auto;
}

#services .cta-block p{
    font-size:15px;
    max-width:300px;
    margin:0 auto 20px auto;
}
#services .cta-block img {
    width: 60px;
    height:auto;
    margin:0 auto;

}
#services .cta-block h3{
    font-size:26px;
    margin-top:0;
}
#services > div > div.row.ctas > div:nth-child(1) > div > img{
    position:relative;
    bottom:-10px;
    left:5px;
}

#services p {
    margin-bottom: 20px;
    letter-spacing: 0.1px !important;
}
@media (max-width: 991px) {
    #services .cta-block {
        margin: 20px auto;
    }
}
@media (max-width: 991px) and (min-width: 500px) {
    #services .cta-block img {
        margin: 0 auto;
    }
}

/*====================
    VII. ABOUT CEC
=====================*/

#about-cec {
    min-height: 670px;
    margin-bottom: 50px !important;
}
#aboutcec #wheel {
    font-size: 100%;
    height: 370px;
    width: 370px;
    right: 40px;
    z-index: 155;
    margin-left: 20px;
}
#aboutcec .wheel-bg {
    position: absolute;
    left: 20px;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: .4;
}
#aboutcec .wheelcontainer {
    width: 410px;
    height: 480px;
}
#aboutcec .sorter {
    cursor: pointer;
    padding: 10px;
    background: #000;
    color: #fff;
}
#ticker{
    position:relative;
}
#ticker .ticker-bc h3,
#ticker .ticker-bc p {
    color: #fff !important;
    letter-spacing: -0.1px !important;
}
#about-cec .owl-carousel-about {
    float: left;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
#about-cec .owl-theme .owl-controls {
    text-align: left !important;
    margin-top: 20px !important;
}
#about-cec div.owl-dots:nth-child(2) > div:nth-child(1) > span:nth-child(1) {
    margin-left: 0 !important;
}
#about-cec .owl-theme .owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
}
#aboutcec .a {
    left: 185px;
    top: 0;
    background: url(../img/testimonials/miller.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .b {
    left: 350px;
    top: 90px;
    background: url(../img/testimonials/kalish.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .c {
    left: 350px;
    top: 280px;
    background: url(../img/testimonials/zhou.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .d {
    top: 370px;
    left: 185px;
    background: url(../img/testimonials/snarski.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .e {
    top: 280px;
    left: 20px;
    background: url(../img/testimonials/heeter.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .f {
    top: 90px;
    left: 20px;
    background: url(../img/testimonials/bushman.jpg) center center no-repeat;
    background-size: cover;
}
#aboutcec .fan {
    overflow: hidden;
    width: 70px;
    height: 70px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    float: left;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #cbcbcb;
    text-align: center;
}
#aboutcec .sorter span {
    width: 100px;
    position: relative;
    top: 15px;
}
#aboutcec .greyouts {
    top: -4px;
    left: -4px;
    width: 74px;
    height: 74px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 200;
    border-radius: 50%;
}
#aboutcec .circle,
#aboutcec .greyouts {
    position: absolute;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#aboutcec .quotetext {
    position: absolute;
    top: 80px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: none;
    z-index: 150;
}
#aboutcec .quotetext p {
    font-family: 'AvenirLTStdLight', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 100;
    line-height: 1.4em !important;
}
#aboutcec .quotetext p.emphasize {
    font-family: 'AvenirLTStdBook', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700 !important;
    padding-top: 10px !important;
}
#aboutcec .circle {
    z-index: 20;
    border-radius: 50%;
    width: 380px;
    height: 380px;
    background: 0 0;
    border: 5px solid #d8d8d8;
    text-align: center;
    left: 0;
    right: 0;
    top: 30px;
    margin-left: 15px;
}
#aboutcec .hid {
    display: none;
}
#aboutcec .sho {
    display: block;
}
@media (max-width: 768px) {
    #about-cec {
        text-align: center;
        min-height: 500px;
    }
    #about-cec .owl-theme .owl-controls {
        text-align: center !important;
    }
}

/*====================
    VIII. TICKER
=====================*/

#ticker {
    background: 0 0;
    width: 100%;
    text-align: center;
}
#ticker .dolwrap {
    display: inline-block;
}
#ticker .dolwrap h3 {
    display: inline;
}
#ticker .ticker-bc {
    position: relative;
    width: 100%;
    z-index:600;
    margin-top: 91px;
    margin-bottom: 75px;
    text-align: left;
    background-color: transparent !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#ticker .ticker-bc,
#ticker .ticker-bc .row-one {
    background: 0 0;
    -webkit-backface-visibility: hidden;
    text-align: center;
}
#ticker .ticker-bc .row-one {
    display: inline-block;
    margin-bottom: 10px;
    background-color: transparent !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#ticker .ticker-bc h3 {
    font-family: "AvenirLTStdBook", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    display: inline;
    padding: 0 !important;
    margin: 0 0 0 -10px !important;
}
#ticker .ticker-bc img {
    display: inline;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
    margin-right: 20px !important;
}
#ticker .ticker-bc img.first {
    margin-top: -1px !important;
}
#ticker .ticker-bc img.second {
    margin-top: -3px !important;
}
#ticker .ticker-bc img.third {
    margin-top: 2px !important;
}
#ticker .ticker-bc img.fourth {
    margin-top: -3px !important;
}
#ticker .ticker-bc p {
    font-family: "AvenirLTStdLight", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: 100 !important;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 26px;
}
@media (max-width: 991px) {
    #ticker .ticker-bc img {
        margin-right: 15px !important;
    }
    #ticker .ticker-bc h3.largefont {
        font-size: 30px !important;
    }
    #ticker .ticker-bc p {
        font-size: 14px !important;
    }
    #ticker .ticker-bc img.first {
        margin-top: -1px !important;
        height: 34px;
        width: auto;
    }
    #ticker .ticker-bc img.second {
        margin-top: -2px !important;
        height: 34px;
        width: auto;
    }
    #ticker .ticker-bc img.third {
        margin-top: -3px !important;
        height: 34px;
        width: auto;
    }
    #ticker .ticker-bc img.fourth {
        height: 34px;
        width: auto;
    }
}
@media (max-width: 768px) {
    #ticker .ticker-bc {
        margin-top: 40px;
        margin-bottom: 30px;
        text-align: center;
    }
    #ticker .ticker-bc .row-one {
        margin-bottom: 5px;
    }
    #ticker .ticker-bc img {
        margin-right: 15px !important;
        background-color: transparent !important;
    }
    #ticker .ticker-bc h3.largefont {
        font-size: 26px !important;
    }
    #ticker .ticker-bc p {
        font-size: 13px !important;
    }
    #ticker .ticker-bc img.first {
        margin-top: -1px !important;
        height: 28px;
        width: auto;
    }
    #ticker .ticker-bc img.second {
        margin-top: -2px !important;
        height: 28px;
        width: auto;
    }
    #ticker .ticker-bc img.third {
        margin-top: -3px !important;
        height: 28px;
        width: auto;
    }
    #ticker .ticker-bc img.fourth {
        height: 28px;
        width: auto;
    }
}

/*====================
IX. FEATURED PROJECTS
=====================*/

#feat-projects {
    background: #f5f5f5;
    min-height: 300px;
}
.slide-container {
    background: #f5f5f5;
    max-width: 85%;
    min-height: 300px;
    margin: 0 auto 70px;
}
#feat-projects .project {
    position: relative;
    cursor: pointer;
}
#feat-projects .project .card-top {
    position: inherit;
}
#feat-projects .project .card-bottom {
    background: #ffffff;
    padding: 15px;
}
#feat-projects .project .card-bottom h3 {
    background: 0 0;
    margin-top: 10px;
    margin-bottom: 5px !important;
    font-size: 20px !important;
}
#feat-projects .project .card-bottom p {
    background: 0 0;
}
#feat-projects .project .card-top .up-tick {
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17.5px 20px;
    border-color: transparent transparent #ffffff;
}
.uptick-out {
    border-color: transparent transparent #ffffff !important;
}
.uptick-over {
    border-color: transparent transparent #eaeaea !important;
}
#project1,
#project2,
#project3,
#project4,
#project5,
#project6 {
    border-color: transparent transparent #ffffff !important;
}
#customersmod h4,
#project1 h4,
#project2 h4,
#project3 h4,
#project4 h4,
#project5 h4,
#project6 h4,
#servicesmod h4,
#utilitiesmod h4 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    color: #333333 !important;
}
#project1 address,
#project1 p,
#project2 address,
#project2 p,
#project3 address,
#project3 p,
#project4 address,
#project4 p,
#project5 address,
#project5 p,
#project6 address,
#project6 p {
    color: #333333;
    font-size: 16px;
    font-weight: 100 !important;
    line-height: 1.3em;
    padding: 0 !important;
    margin: 0 0 10px !important;
}
#project1 br,
#project2 br,
#project3 br,
#project4 br,
#project5 br,
#project6 br {
    margin-bottom: 5px !important;
}
#project1 img,
#project2 img,
#project3 img,
#project4 img,
#project5 img,
#project6 img {
    padding: 5px;
    background-color: transparent !important;
}
#project1 ul,
#project2 ul,
#project3 ul,
#project4 ul,
#project5 ul,
#project6 ul {
    list-style: none !important;
    margin-bottom: 1.5em !important;
    text-align: right;
}
#project1 .main-image,
#project2 .main-image,
#project3 .main-image,
#project4 .main-image,
#project5 .main-image,
#project6 .main-image {
    margin-bottom: 0.4em !important;
}
#project1 .thumbnails li,
#project2 .thumbnails li,
#project3 .thumbnails li,
#project4 .thumbnails li,
#project5 .thumbnails li,
#project6 .thumbnails li {
    display: inline !important;
    margin: 0 !important;
}
.project-status {
    margin-bottom: 15px;
    display: inline;
}
.project-status p,
.status-light {
    display: inline-block;
}
row.statistics {
    -webkit-backface-visibility: hidden;
}
.status-light {
    min-height: 12px;
    min-width: 12px;
    border-radius: 10px;
    margin-right: 8px;
}
.status-light.open {
    background-color: #6dc343;
}
.status-light.closed {
    background-color: #e93636;
}
.status-light.reservations {
    background-color: #e8a109;
}

/*====================
  X. OUR PARTNERS
=====================*/

#our-partners .partners a:hover,
#project1 a:hover,
#project2 a:hover,
#project3 a:hover,
#project4 a:hover,
#project5 a:hover,
#project6 a:hover,
a,
a:active {
    text-decoration: none !important;
}
#our-partners .partners {
    margin-top: 30px;
}
#our-partners .owl-theme .owl-dots .owl-dot span,
#our-partners .owl-theme .owl-dots .owl-dot.active span,
#our-partners .owl-theme .owl-dots .owl-dot:hover span {
    width: auto;
    margin: 5px 20px;
    background-color: transparent;
    display: block;
}
#our-partners .owl-theme .owl-dots .owl-dot span {
    font-size: 20px;
    font-family: "AvenirLTStdBook", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    color: #333333;
}
#our-partners .owl-theme .owl-dots .owl-dot span:hover {
    color: #6fbd44;
}
#our-partners .owl-theme .owl-dots .owl-dot.active::before {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    top: 8px;
    line-height: 0;
    text-align: center;
    font-family: fontawesome;
    content: "\f0d8";
    color: #6fbd44;
    font-size: 17px;
}
#our-partners .partners a {
    display: inline-block;
}
#our-partners .partners img {
    height: 40px;
    opacity: .8;
    width: auto;
    margin: 15px 25px;
    background: 0 0 !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
@media (max-width: 768px) {
    #our-partners .partners img {
        height: 25px;
        width: auto;
        margin: 15px;
    }
    #our-partners .owl-theme .owl-dots .owl-dot span {
        font-size: 14px;
    }
    #our-partners .owl-theme .owl-dots .owl-dot span,
    #our-partners .owl-theme .owl-dots .owl-dot.active span,
    #our-partners .owl-theme .owl-dots .owl-dot:hover span {
        margin: 5px 10px;
    }
}

/*====================
    XI. LEADERSHIP
=====================*/

#leadership {
    background: #f5f5f5;
   
}
#leadership .person {
    cursor: pointer;
}
#leadership .person,
#leadership .person p {
    text-align: center;
    line-height: 1.5em;
    font-size: 14px !important;
}
#leadership .person img {
    width: 100%;
    height: auto;
}
#leadership .person img:hover {
    box-shadow: 0 0 3px 0 #858585;
}
#leadership .person a {
    font-size: 16px !important;
    line-height: 2.2em;
}
#leadership .sizer {
    height: 255px;
}
#leadership .person h3 {
    margin-top: 30px;
    margin-bottom: 5px !important;
    font-size: 18px !important;
    font-weight: 100 !important;
}
#leadership .person h4 {
    margin-top: 5px;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    line-height: 1.3em;
    color: #7f7f7f;
}
#leadership .slide-container {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #leadership .person img {
        height: auto;
        max-width: 250px !important;
        margin: 0 auto;
    }
    #leadership .sizer {
        height: 350px !important;
    }
    #leadership .person p {
        width: 90%;
        margin: 0 auto !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #leadership .sizer {
        height: 240px !important;
    }
}
@media (max-width: 991px) and (min-width: 769px) {
    #leadership .person p {
        width: 500px;
        margin: 0 auto !important;
    }
    #leadership .person img {
        height: auto;
        max-width: 350px !important;
        margin: 0 auto;
    }
    #leadership .sizer {
        height: 430px !important;
    }
}
@media (max-width: 399px) {
    #leadership .sizer {
        height: 340px !important;
    }
}
img.gears {
    max-height: 350px;
    margin: 0 auto;
    width: auto;
}

/*====================
   XII. GREEN BAR
=====================*/

#green-bar,
#green-bar-lower {
    background-color: #8ec041;
    padding: 50px 0;
}
#green-bar h4,
#green-bar-lower h4 {
    color: #ffffff !important;
    line-height: 40px;
    font-weight: 100 !important;
    font-size: 34px;
}
#green-bar-lower p {
    color: #ffffff !important;
}
#green-bar-lower .header-underline {
    border-bottom: 1px solid #ffffff !important;
}
#green-bar-lower .btn.btn-primary {
    background-color: #333333 !important;
}
#green-bar-lower .btn.btn-primary:hover {
    opacity: .9;
}
#rcomp h3 {
    font-family: "AvenirLTStdBook", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 20px;
}
#utilityModal .modal-body img {
    height: 60px;
    width: auto;
    margin: 10px;
}

/*====================
    XIII. GET STARTED
=====================*/

.get-started {
    padding: 10px !important;
}
#getstarted2 h2 {
    font-weight: 700 !important;
}
#getstarted2 p {
    color: #333333;
    margin-bottom: 20px;
    line-height: 1.6em;
}
#getstarted2 .req-field::after {
    font-family: fontawesome;
    content: "\f111";
    font-size: 4px;
    color: #e86a6e;
    position: relative;
    left: 2px;
    top: -7px;
}
#getstarted2 label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    color: #333333;
    padding-right: 20px;
}
#getstarted2 table {
    border-collapse: collapse;
}
#getstarted2 label.light {
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 0;
    color: #333333;
}
#getstarted2 .form-control {
    display: block;
}
#getstarted2 textarea {
    height: 182px;
    width: 100%;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    resize: none;
    margin-bottom: 15px;
    padding: 15px;
}
#getstarted2 input,
#getstarted2 select {
    margin-bottom: 15px;
}
#getstarted2 input.short {
    margin-bottom: 10px;
}
#getstarted2 input.tall {
    margin-bottom: 25px;
}
#getstarted2 td.left-col {
    width: 30%;
}
#getstarted2 td.right-col {
    width: 70%;
}
#getstarted2 .repad {
    padding: 0 5px 0 20px;
}
.neg-margin {
    margin-top: -10px;
}
@media (max-width: 768px) {
    #getstarted2 label,
    #getstarted2 label.light {
        font-size: 12px;
    }
    #getstarted2 p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #getstarted2 h2 {
        font-size: 26px;
    }
    #getstarted2 .repad {
        padding: 0 5px;
    }
    .bio-image img {
        margin: 0 auto 20px;
    }
}
@media (max-width: 544px) {
    #getstarted2 td.right-col {
        width: 100%;
    }
    body select.form-control.wide:not([multiple]),
    body select.form-control:not([multiple]) {
        background-position: 96% 60%;
    }
    img.gears {
        max-width: 300px;
        margin: 0 auto;
    }
}

/*========================
    XIV. OPEN TIP
=========================*/

.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
    -webkit-transform: translateY(5px) translateX(5px);
    -ms-transform: translateY(5px) translateX(5px);
    transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
    -webkit-transform: translateY(5px) translateX(-5px);
    -ms-transform: translateY(5px) translateX(-5px);
    transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
    -webkit-transform: translateY(-5px) translateX(-5px);
    -ms-transform: translateY(-5px) translateX(-5px);
    transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
    pointer-events: auto;
}
.opentip-container.ot-hidden {
    display: none;
}
.opentip-container .opentip {
    position: relative;
    font-size: 13px;
    line-height: 120%;
    color: #4f4b47;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2);
}
.opentip-container .opentip .header {
    margin: 0;
    padding: 0;
}
.opentip-container .opentip .ot-close {
    pointer-events: auto;
    display: block;
    position: absolute;
    top: -12px;
    left: 60px;
    color: rgba(0, 0, 0, 0.5);
    background: 0 0;
    text-decoration: none;
}
.opentip-container .opentip .ot-close span,
.opentip-container .opentip .ot-loading-indicator {
    display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
    display: block;
    -webkit-animation: otloading 2s linear infinite;
    animation: otloading 2s linear infinite;
    text-align: center;
}
.opentip-container.style-alert .opentip,
.opentip-container.style-dark .opentip {
    color: #f8f8f8;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
    padding: 15px 25px;
    color: #317cc5;
    text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}

/*==================================================
END PRIMARY HOMEPAGE CSS - START INTERIOR PAGE CSS
===================================================*/


/*========================
    XV. PRIVACY PAGE
=========================*/

#privacy p {
    line-height: 1.7em !important;
    margin-bottom: 20px;
}
#privacy h4 {
    font-weight: 600 !important;
    margin-bottom: 25px;
}

/*========================
    XVI. CAREERS PAGE
=========================*/

#careers ul.position-list {
    text-align: left;
    padding-left: 0 !important;
    margin-top: 20px;
}
#careers table.benefits,
#getstarted2 h2,
#getstarted2 p,
.get-started {
    text-align: left !important;
}
#careers ul.position-list li {
    margin-left: 0 !important;
    list-style: none !important;
    margin-bottom: 0.5em !important;
}
#careers .opening a,
#careers ul.position-list a,
#uac a {
    color: #78b156 !important;
    font-size: 16px !important;
}
#careers .opening a:hover,
#careers ul.position-list a:hover,
#uac a:hover {
    color: #78b156 !important;
    text-decoration: underline !important;
}
#careers .opening {
    margin: 30px 0;
    border-top: 1px solid #cbcbcb;
    padding-bottom: 20px;
    padding-top: 20px;
}
#careers p {
    margin-bottom: 30px;
}
#careers h3 {
    margin-bottom: 20px;
}
#careers table.benefits {
    vertical-align: top !important;
    margin: 0 30px;
}
#careers table.benefits h4 {
    font-size: 16px !important;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 700 !important;
}
#careers table.benefits img {
    height: 50px;
    width: auto;
    padding-right: 15px;
}
#careers table.benefits p {
    line-height: 1.5em !important;
}
@media (max-width: 544px) {
    #careers table.benefits {
        margin: 15px 0 0;
    }
    #careers table.benefits img {
        height: 40px;
        width: auto;
        padding-right: 20px;
    }
}

/*========================
    XVII. UAC PAGE
=========================*/

#uac .xtranarrow img {
    max-height: 55px;
    width: auto;
}

/*========================
    XVIII. LANDING PAGES
=========================*/

#video-block h2 {
    font-family: "AvenirLTStdBook", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
}
#video-block .video-container {
    width: 100%;
    margin: 40px auto 0 auto;
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#video-block .video-container iframe,
#video-block .video-container object,
#video-block .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#information-block h3 {
    font-family: "AvenirLTStdBook", Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 28px;
}
.owl-carousel,
.owl-carousel .owl-item,
.owl-theme .owl-controls {
    -webkit-tap-highlight-color: transparent;
}
.avoid-clicks {
    pointer-events: none;
}
.ot-content {
    color: #ffffff;
    font-size: 20px;
    padding: 18px 25px 15px;
    font-family: 'AvenirLTStdMedium', Avenir, Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.fa-hand-o-down {
    color: #aeb2b1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    position: relative;
    top: 1px;
}
.cursor-not-allowed {
    cursor: not-allowed !important;
}
.opentip-container,
.opentip-container * {
    box-sizing: border-box;
}
.opentip-container {
    position: absolute;
    max-width: 300px;
    z-index: 100;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    pointer-events: none;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
    -webkit-transform: translateY(-5px) translateX(5px);
    -ms-transform: translateY(-5px) translateX(5px);
    transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
    -webkit-transform: translateY(5px) translateX(5px);
    -ms-transform: translateY(5px) translateX(5px);
    transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
    -webkit-transform: translateY(5px) translateX(-5px);
    -ms-transform: translateY(5px) translateX(-5px);
    transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
    -webkit-transform: translateY(-5px) translateX(-5px);
    -ms-transform: translateY(-5px) translateX(-5px);
    transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
    pointer-events: auto;
}
.opentip-container.ot-hidden {
    display: none;
}
.opentip-container .opentip {
    position: relative;
    font-size: 13px;
    line-height: 120%;
    color: #4f4b47;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2);
}
.opentip-container .opentip .header {
    margin: 0;
    padding: 0;
}
.opentip-container .opentip .ot-close {
    pointer-events: auto;
    display: block;
    position: absolute;
    top: -12px;
    left: 60px;
    color: rgba(0, 0, 0, 0.5);
    background: 0 0;
    text-decoration: none;
}
.opentip-container .opentip .ot-close span,
.opentip-container .opentip .ot-loading-indicator {
    display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
    display: block;
    -webkit-animation: otloading 2s linear infinite;
    animation: otloading 2s linear infinite;
    text-align: center;
}
.opentip-container.style-alert .opentip,
.opentip-container.style-dark .opentip {
    color: #f8f8f8;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
    padding: 15px 25px;
    color: #317cc5;
    text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}
.opentip-container.ot-hide-effect-fade {
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, opacity 1s ease-in-out;
    transition: transform .5s ease-in-out, opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
}
.opentip-container.ot-hide-effect-fade,
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
    -webkit-transition: -webkit-transform .5s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out, opacity 1s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
    -webkit-transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, opacity 1s ease-in-out;
    transition: transform .5s ease-in-out, opacity 1s ease-in-out, -webkit-transform .5s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing,
.opentip-container.ot-show-effect-appear.ot-visible {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
}
@-webkit-keyframes otloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes otloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 1px);
}
@media (max-width: 768px) {
    .owl-carousel .owl-stage-outer {
        text-align:center;
    }
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel .owl-refresh .owl-item,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}
.owl-theme .owl-controls {
    margin-top: 30px;
    text-align: center;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #80d053;
    color: #ffffff;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #c8debc;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #80d053;
}
.arrow-nav,
.arrow-nav-leadership {
    position: absolute;
    left: 0;
    height: 50px;
    width: 100%;
    display: inline;
}
.arrow-nav {
    top: 200px;
}
.arrow-nav-leadership {
    top: 150px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .arrow-nav-leadership {
        top: 220px;
    }
}
.arrow-nav .owl-next,
.arrow-nav .owl-prev,
.arrow-nav-leadership .owl-next,
.arrow-nav-leadership .owl-prev {
    display: inline;
    font-family: FontAwesome;
    cursor: pointer;
}
.arrow-nav .owl-prev,
.arrow-nav-leadership .owl-prev {
    float: left;
    font-size: 55px;
    font-weight: 100;
    color: #c4c4c4;
}
.arrow-nav .owl-next,
.arrow-nav-leadership .owl-next {
    float: right;
    font-size: 55px;
    font-weight: 100;
    color: #c4c4c4;
}
.arrow-nav .owl-next:hover,
.arrow-nav .owl-prev:hover,
.arrow-nav-leadership .owl-next:hover,
.arrow-nav-leadership .owl-prev:hover {
    color: #dcdcdc;
}

/*Plugin CSS*/

.str_wrap {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ffffff;
    white-space: nowrap;
}
.str_wrap.str_active {
    background: #ffffff;
}
.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
}
.str_move_clone {
    display: inline-block;
    /*display:inline;*/
    /*zoom:1;*/
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
}
.str_vertical .str_move_clone {
    left: 0;
    top: 100%;
}
.str_down .str_move_clone {
    left: 0;
    bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit;
}
.str_wrap img {
    max-width: none !important;
}
.str img {
    height: 60px;
    width: auto;
    margin: 20px;
}
.str_wrap ul {
    display: inline-block;
}
.str_wrap ul li {
    display: inline;
}