#header {

    background-color: #000;

    position: relative;

    height: 138px;

}

.red-line {

    width: 50%;

    height: 53px;

    border-bottom: 4px solid #CC0000;

}

.header-wrapper {

    background-color: #000;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -600px;

    width: 100%;

    padding: 0 !important;

}

a#logo {

    display: block;

    float: left;

    margin-top: 48px;

    width: 240px;

    height: 42px;

}

a#logo img {

    margin: 0;

    padding: 0;

}

.header-right {

    float: right;

}

#top-nav {

    float: right;

}

#top-nav > ul, #nav ul, .slider-sections ul, .footer-nav, .footer-menu, #secondary-nav {

    list-style: none;

    margin: 0;

    padding: 0;

}

#top-nav > ul > li {

    float: left;
    position: relative;

}

#top-nav > ul > li > a {

    background-color: #333;

    display: block;

    width: 53px;

    height: 53px;

    padding: 15px;

    color: #fff;

    text-decoration: none;

    font-size: 24px;

    line-height: 24px;

}

.no-touch #top-nav > ul > li > a:hover {

    color: #c0c0c0;

}

#top-nav > ul > li > a.active {

    background-color: #212121;

}

#top-nav > ul > li .tooltip-inner {

    background-color: #333;

}

#top-nav > ul > li .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #333;

}

#top-nav > ul > li > ul {
    position: absolute;
    top: 53px;
    right: 0;
    background-color: #212121;
    min-width: 159px;
    padding: 20px;
    z-index: 1002;
    display: none;
}
#top-nav > ul > li > ul > li > a {
    color: #fff;
    font-size: 14px;
}
.no-touch #top-nav > ul > li > ul > li > a:hover {
    color: #c0c0c0;
}
.nav-handler {

    float: right;

    display: none;

}

.nav-handler a {

    display: block;

    width: 60px;

    height: 60px;

    padding: 19px;

    color: #fff;

    text-decoration: none;

    font-size: 24px;

    line-height: 24px;

}

.no-touch .nav-handler a:hover {

    color: #c0c0c0;

}

.nav-handler a.active {

    color: #CC0000;

}

#nav {

    float: right;

    padding-top: 26px;

    padding-right: 15px;

}

#nav > ul > li {

    float: left;

    margin-left: 30px;

}

#nav > ul > li > a {

    font-family: 'AvenirLTStd-Medium', sans-serif, Arial;

    color: #fff;

    font-size: 23px;

    line-height: 23px;

    text-decoration: none;

    display: block;

    padding-bottom: 7px;

}

#nav > ul > li > a > span.back {

    display: none;

    font-size: 16px;

}

.no-touch #nav > ul > li > a:hover {

    color: #c0c0c0;

}

#nav > ul > li > a.active {

    border-bottom: 6px solid #CB0000;

}

.search-wrapper {

    background-color: #333;

    height: 53px;

    overflow: hidden;

    width: 0;

    -webkit-transition: all .2s ease-in-out;

       -o-transition: all .2s ease-in-out;

          transition: all .2s ease-in-out;

}

.search-wrapper.active {

    background-color: #212121;

    width: 200px;

    padding-right: 15px;

}

#search-input {

    font-family: 'AvenirLTStd-Medium', sans-serif, Arial;

    margin-top: 12px;

    border-radius: 0;

    color: #212121;

    border-color: #fff;

}

#search-input:focus {

    border-color: #fff;

}

.big-nav {

    background-color: #fff;

    position: absolute;

    top: 138px;

    padding: 20px 20px 0px 20px;

    display: none;

    z-index: 1000;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);


}

.big-nav.columns-2 {
    min-width: 600px;
}

.big-nav-item {

    margin-bottom: 20px;

}

.big-nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.big-nav ul > li {

    padding-bottom: 5px;

    color: #212121;
    

}
.big-nav ul > li.bright {
    border-right: 1px solid #bdbdbd;
}

.big-nav ul > li.nav-header {

    padding-bottom: 24px;

    font-size: 17px;

}

.big-nav ul > li > a {

    font-family: 'AvenirLTStd-Light', sans-serif, Arial;

    color: #337ab7;




    padding-bottom: 3px;

    text-decoration: none;
    white-space: nowrap;

}

.big-nav ul > li.nav-subheader {
    font-weight: bold;
    padding-top: 10px;
}
.big-nav ul > li.nav-header > a, .big-nav ul > li.nav-subheader > a {

    /*font-family: 'AvenirLTStd-Medium', sans-serif, Arial;*/
    font-weight: bold;
    color: #337ab7;

}
.no-touch .big-nav ul > li.nav-header > a:hover, .no-touch .big-nav ul > li.nav-subheader > a:hover {
    color: #337ab7;
    border-bottom: 1px solid red;
    text-decoration: none;
}

.no-touch .big-nav ul > li > a:hover {
    text-decoration: none;
    color: #337ab7;
    border-bottom: 1px solid red;

}

#hero-container {

    height: 100%;

    position: relative;

}

#hero-container .carousel {

    height: auto;

    position: relative;

}

#hero-container .carousel .carousel-inner {

    position: relative;

    height: auto;

}

#hero-container .carousel .carousel-inner .item {

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    min-height: 420px;

}

#hero-container .carousel .carousel-inner .item .carousel-caption {

    position: relative;

    width: 1200px;

    top: 0;

    bottom: 0;

    right: auto;

    left: 50%;

    margin-left: -600px;

    text-align: left;

    padding-top: 0;

    padding-bottom: 0;

    min-height: 420px;

}

#hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content {

    background: transparent url(/resources/images/black-opacity-70.png);

    min-height: 420px;

    width: 40%;

    padding: 56px;
    padding-bottom: 30px;

}

#hero-container .carousel-control {

    width: 12%;

}

.ccc-header {

    color: #fff;

    font-size: 28px;

    line-height: 34px;

    text-transform: uppercase;

}

.ccc-text {

    padding-top: 20px;

}

#hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

#hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content ul li .icon {

    font-size: 13px;

    display: inline-block;

}

#hero-container .cta {

    padding-top: 20px;

}

.slider-sections > ul > li {

    float: left;

    margin-right: 40px;

    margin-bottom: 10px;

}

.slider-sections > ul > li > a {

    color: #3D3D3D;

    font-size: 24px;

    line-height: 24px;

    text-decoration: none;

    display: block;

    padding-bottom: 7px;

    border-bottom: 6px solid #fff;

}

.slider-sections.dark > ul > li > a {

    color: #fff;

    border-bottom: 0 none;

}

.no-touch .slider-sections > ul > li > a:hover {

    color: #CB0000;

}

.slider-sections > ul > li > a.active {

    border-bottom: 6px solid #CB0000;

}

.hs-item {

    display: none;

}

.hs-container {

    padding-top: 20px;

}

ul.footer-nav {

    padding-top: 40px;

    margin-bottom: 20px;

    min-height: 305px;

}

ul.footer-nav.about {

    padding: 40px 20px 20px 20px;

}

ul.footer-nav > li.nav-header {

    padding-bottom: 10px;

    font-size: 22px;

}

ul.footer-nav > li > a {

    color: #fff;

    line-height: 1.6;

}

.no-touch ul.footer-nav > li a:hover {

    color: #c0c0c0;

}

ul.footer-nav > li.icons {

    padding-top: 20px;

}

ul.footer-nav > li.icons a {
    float: left;
    margin-right: 4%;
    display: block;
    width: 16%;
}

ul.footer-nav > li.icons a img {
    width: 100%;
}

ul.footer-menu {

    padding: 20px 0;

    float: left;

}

ul.footer-menu > li {

    float: left;

    margin-right: 20px;

    font-size: 14px;

}

ul.footer-menu > li > a {

    color: #fff;

    font-size: 14px;

}

.no-touch ul.footer-menu > li a:hover {

    color: #c0c0c0;

}

.footer-logo {

    padding-bottom: 40px;

}
.hs-dropdown, .sn-dropdown {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.sn-dropdown {
    padding-top: 20px;
}
.hs-dropdown .selected, .sn-dropdown .selected {
    width: 100%;
    text-align: left;
}
.hs-dropdown .selected .caret, .sn-dropdown .selected .caret {
    margin-top: 10px;
}
.hs-dropdown .dropdown-menu, .sn-dropdown .dropdown-menu {
    width: 100%;
    top: 45px;
}
.sn-dropdown .dropdown-menu {
    top: 65px;
}
.hs-dropdown .dropdown-menu li a, .sn-dropdown .dropdown-menu li a {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.no-touch .hs-dropdown .dropdown-menu li a:hover, .no-touch .sn-dropdown .dropdown-menu li a:hover {
    color: #CB0000;
    background: transparent;
}

.sn-fixed {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
}

ul#secondary-nav {

    float: left;

}

ul#secondary-nav > li {

    float: left;

    border-right: 1px solid #BBBDC0;

}

ul#secondary-nav > li.last {

    border-right: 0 none;

}

ul#secondary-nav > li > a {

    font-family: 'AvenirLTStd-Medium', sans-serif, Arial;

    font-size: 18px;

    line-height: 22px;

    text-decoration: none;

    display: block;

    float: left;

    padding: 20px;

}

ul#secondary-nav > li.first > a {

    padding: 20px 20px 20px 0;

}

ul#secondary-nav > li.first .delimiter {

    float: left;

    width: 1px;

    height: 20px;

    background-color: #BBBDC0;

    margin: 20px 0;

}

.tiles-nav {

    padding: 20px 0 0 0;

    text-align: center;

}

.tiles-nav > ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.tiles-nav > ul > li {

    display: inline-block;

    margin: 0 1px;

}

.tiles-nav > ul > li > a {

    font-size: 40px;

}

.tiles-nav > ul > li > a.bullet {

    display: block;

    width: 7px;

    height: 7px;

    border: 1px solid #346699;

    margin-top: -22px;

    background-color: #fff;

}

.tiles-nav > ul > li > a.bullet.active {

    background-color: #346699;

}

/*slider navigation*/

.tiles-nav > ul > li > ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.tiles-nav > ul > li > ul > li {

    display: inline-block;

    margin: 0 1px;

}

.tiles-nav > ul > li > ul > li > a {

    font-size: 40px;

}

.tiles-nav > ul > li > ul > li > a.bullet {

    display: block;

    width: 7px;

    height: 7px;

    border: 1px solid #346699;

    margin-top: -22px;

    background-color: #fff;

}

.tiles-nav > ul > li > ul > li > a.bullet.active {

    background-color: #346699;

}

.slides{
    padding-left: 0px;
}

/*end*/

.tooltip-pointer {

    margin-left: 20px;
    width: 66px;
    height: 28px;
    display: block;
    background: url(/resources/images/tooltip-pointer.png);

}

.caption > h3 > span {

    float: left;

    display: block;

    padding-right: 14px;

    padding-left: 20px;

}


.fixed-phone {
    position: fixed;
    right: -180px;
    top: 50%;
    z-index: 100;
    -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.fixed-phone.active {
    right: 0;
}
a.fp-icon {
    background-color: #363636;
    color: #fff;
    float: left;
    font-size: 66px;
    line-height: 0;
    padding: 0px 0 5px 0;
    width: 75px;
    height: 64px;
    text-align: center;
    display: block;
    margin-top: 0px;
}
.no-touch a.fp-icon:hover {
    color: #fff;
    background-color: #000;
}
.fp-text {
    float: left;
    height: 64px;
    background-color: #fff;
    padding: 10px 15px;
    border-top: 1px solid #BBBDC0;
    border-bottom: 1px solid #BBBDC0;
}
.fp-number {
    font-size: 20px;
    line-height: 26px;
}
.fp-link a {
    font-size: 14px;
}


@media screen and (max-width: 1199px) {

    #header {

        height: 60px;

    }

    .header-wrapper {

        left: 0;

        margin-left: 0;

    }

    a#logo {

        width: 160px;

        height: 28px;

        margin-top: 17px;

    }

    a#logo img {

        width: 160px;

    }

    #top-nav {

        display: none;

        float: none;

        position: absolute;

        z-index: 1001;

        width: 100%;

        left: 0;

        top: 60px;

        background-color: #333;

    }

    #top-nav > ul {

        float: right;

    }

    #top-nav > ul > li > a {

        width: 60px;

        height: 60px;

        padding: 19px;

    }
    #top-nav > ul > li > ul {
        top: 60px;
    }

    .nav-handler {

        display: block;

    }

    #nav {

        display: none;

        position: absolute;

        float: none;

        padding-top: 20px;

        padding-bottom: 20px;

        padding-right: 0;

        padding-left: 0;

        top: 120px;

        left: 0;

        z-index: 1000;

        background-color: #000;

        width: 100%;

    }

    #nav > ul > li {

        float: none;

        margin-left: 0;

        position: relative;
        color: #fff;

    }


    #nav > ul > li > a {

        padding: 15px 20px 15px 20px;

    }

    .big-nav {

        /*background-color: #000;*/
        top: 60px;

        left: 0;

        right: 0;

        padding: 20px 5px;

    }

    .big-nav ul > li {
        /*color: #fff;*/
    }

    .big-nav ul > li > a {
        /*color: #fff;*/
    }

    .no-touch .big-nav ul > li > a:hover {
        /*color:#c0c0c0;*/
    }

    .search-wrapper {

        height: 60px;

    }

    #search-input {

        margin-top: 17px;

    }

    #hero-container .carousel .carousel-inner .item .carousel-caption {

        width: 100%;

        left: 0;

        margin-left: auto;

    }

    #hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content {

        background: transparent url(/resources/images/black-opacity-70.png);

        width: 100%;

    }

    #hero-container .carousel-control {

        width: 7%;

    }

    #nav > ul > li > a.nav-item-hidden {

        display: none;

    }

    .slider-sections > ul > li > a {

        font-size: 20px;

        line-height: 20px;

    }

}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {

    a#logo {

        width: 100px;

        height: 17px;

        margin-top: 20px;

    }

    a#logo img {

        width: 100px;

    }

    #hero-container .carousel-control {

        width: 13%;

    }

    .ccc-header {

        font-size: 18px;

        line-height: 24px;

    }

    .ccc-text {

        font-size: 14px;

    }

    #hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content ul li {

        font-size: 14px;

    }

    #hero-container .carousel .carousel-inner .item .carousel-caption .carousel-caption-content {

        padding: 30px 56px;

    }

    .big-nav .empty {

        display: none;

    }

    .big-nav-item {

        margin-bottom: 0;

    }

    .big-nav ul > li.nav-header {

        padding-top: 15px;

        padding-bottom: 10px;

    }
    .big-nav ul > li.bright {
        border-right: 0 none;
    }

    ul.footer-nav {

        padding-top: 20px;

        margin-bottom: 20px;

        min-height: 0; 

    }

    ul.footer-menu > li {

        float: none;

        padding-bottom: 10px;

    }

    .footer-logo img {

        /*width: 160px;*/

    }

    #top-nav > ul {

        width: 100%;

        float: right;

    }

    #top-nav > ul > li.search-wrapper.active {

        float: none;

        width: auto;

    }
    #top-nav > ul > li {
        position: static;
    }

}

@media screen and (max-width: 480px) {

    

}