@font-face {
    font-family: 'DINPro-Regular';
    src: url(includes/fonts/DINPro-Regular.eot);
    src: url(includes/fonts/DINPro-Regular.eot?#iefix) format('embedded-opentype'),url(/includes/fonts/DINPro-Regular.woff) format('woff'),url(/includes/fonts/DINPro-Regular.ttf) format('truetype'),url(includes/fonts/DINPro-Regular.svg#dinpro-regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@media(max-width:800px) {
    .mhide {
        display: none;
    }

    .rowe {
        display: block;
        margin: 0;
    }

    .mshow {
        display: block
    }

    .mnomarginbottom {
        margin-bottom: 0
    }

    #logo_mobile {
        max-width: 250px;
        width: 70%;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center
    }

        #logo_mobile img {
            width: 100%;
            display: block;
            vertical-align: top
        }

    .nav {
        margin: 0 auto;
        display: block;
        width: 90%;
        float: none
    }

        .nav > li.logo {
            display: none
        }

        .nav li {
            display: block;
            float: none;
            padding: 0;
            border-bottom: 1px solid #eee
        }

            .nav li a, .nav li a:link {
                font-size: 18px;
                letter-spacing: .02em;
                display: inline-block;
                width: 90%;
                margin: 0;
                padding: 15px 0
            }

                .nav li a, .nav li a:link {
                    color: #000;
                    text-shadow: none
                }

        .nav ul {
            position: relative;
            background: none;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            text-align: center
        }

        .nav > li:last-child {
            border: none
        }

    #navigation {
        position: fixed;
        background: rgba(255,255,255,.9);
        top: 0;
        height: 100%;
        max-height: 100%;
        display: none;
        overflow: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        z-index: 997;
        padding-top: 70px
    }

        #navigation.transparent {
            background: rgba(255,255,255,.9)
        }

    #header_mobile {
        display: block;
        position: relative;
        z-index: 998;
        height: auto;
        width: 100%;
        top: 0;
        left: 0;
        background: #fff
    }

    #navigation_mobile {
        display: block;
        background: url(images/icon-mobile-nav-black.png) center center no-repeat;
        background-size: auto 15px;
        height: 100%;
        width: 50px;
        margin: 0 0 0 5px;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999
    }

    #page {
        padding-top: 0
    }

    .nav {
        padding: 0
    }

        .nav li ul {
            margin: 0 0 20px;
            padding: 0
        }

            .nav li ul a {
                padding: 5px
            }

            .nav li ul li {
                padding: 0;
                margin: 0
            }

    .col_10, .col_01 {
        float: none;
        display: block;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        border-right: none;
        max-width: none
    }

    .inner, #main_content.inner {
        width: calc(100% - 30px);
        padding: 30px 15px
    }

    #company #main_content h2 {
        text-align: center
    }

    .home_feature_info h2 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 13px
    }

    #index #main_content.inner h1.small {
        font-size: 22px;
        line-height: 28px
    }

    #index #main_content {
        margin-top: -125px
    }

    .home_feature_info {
        bottom: calc(23% + 125px);
        width: 100%
    }

    .home_feature .inner {
        width: 90%
    }

    .home_feature_title {
        text-align: center
    }

    #home_features_holder {
        height: calc(100vh + 59px)
    }

        #home_features_holder .scrolldown {
            bottom: calc(0.5%+125px)
        }

    .maligncenter {
        text-align: center
    }

    .mnopadding {
        padding: 0
    }

    .inner.mnopadding {
        padding-top: 0;
        padding-bottom: 0
    }

    .home_press_content {
        min-height: 0;
        padding: 10px 0 25px
    }

    .row:not(.mrow):not(.mhide) {
        display: block;
        margin: 0;
    }

    .col.c1:not(.mcol), .col.c2:not(.mcol), .col.c3:not(.mcol), .col.c4:not(.mcol), .col.c5:not(.mcol), .col.c6:not(.mcol), .col.c7:not(.mcol), .col.c8:not(.mcol), .col.c9:not(.mcol), .col.c10:not(.mcol), .col.c11:not(.mcol), .col.c12:not(.mcol) {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        margin: 0 0 20px;
        width: 100%;
        display: block;
    }
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    border: none
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: 16px/28px 'DINPro-Regular',Helvetica,Arial,Verdana,sans-serif;
    color: #111;
    background: #F2F2F2
}

h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    color: #00529B;
    text-transform: capitalize
}

    h1.small {
        font-size: 30px;
        line-height: 38px
    }

h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    color: #00529B;
    text-transform: capitalize
}

    h2 + .whitebg {
        margin-top: 30px
    }

    h2.h3 {
        font-size: 22px;
        line-height: 32px
    }

h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #00529B
}

h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #00529B
}

.blue {
    color: #00529B
}

.white {
    color: #fff
}

p {
    margin: 0 0 20px 0;
    padding: 0
}

ul {
    padding-left: 30px;
    margin: 10px 0
}

address {
    font-style: normal;
    margin: 0 0 20px
}

a, a:link {
    color: #F90
}

    a.blue, a.blue:link {
        color: #00529B
    }

img {
    position: relative;
    max-width: 100%;
    height: auto !important;
    border-style: none
}

#header {
    background: #fff;
    position: relative;
    z-index: 999;
    width: 100%
}

.inner {
    width: 100%;
    width: calc(100% - 60px);
    max-width: 1400px;
    padding: 0 30px;
    margin: 0 auto
}

#navigation {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center
}

    #navigation.transparent {
        background-color: transparent
    }

#main_content {
    margin: 0 auto;
    padding-bottom: 30px
}

#index #main_content {
    margin-top: -125px;
    z-index: 11;
    position: relative
}

    #index #main_content .padding {
        padding: 50px
    }

    #index #main_content h1.small {
        line-height: 46px;
        margin-bottom: 18px
    }

    #index #main_content a, #index #main_content a:link {
        text-decoration: none
    }

#page {
    position: relative;
    margin: 0 auto;
    padding: 99px 0 0;
    vertical-align: top;
    z-index: 11;
    min-height: 100%;
    height: auto
}

.content {
    vertical-align: top
}

#index #page {
    padding-top: 0
}

.form_response {
    font-weight: 700;
    color: #00529B;
    padding-top: 15px
}

.bluebg .form_response {
    color: #fff
}

.nav {
    list-style: none;
    z-index: 999;
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    vertical-align: top;
    justify-content: center
}

    .nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .nav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative
    }

        .nav li a {
            color: #111;
            font-size: 16px;
            line-height: 18px;
            display: inline-block;
            padding: 40px 14px 41px 14px;
            margin: 0;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: none
        }

            .nav li a.img {
                padding-top: 20px;
                padding-bottom: 20px
            }

            .nav li a img {
                vertical-align: top
            }

            .nav li a.here {
                color: #111
            }

    .nav ul {
        list-style: none;
        margin: 0;
        position: absolute;
        display: none;
        left: 0;
        background: rgba(255,255,255,.8);
        -moz-box-shadow: 0 3px 5px rgba(0,0,0,.25);
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25);
        box-shadow: 0 3px 5px rgba(0,0,0,.25);
        padding: 5px 15px 10px;
        text-align: left
    }

    .nav li ul li {
        border: 0;
        float: none;
        background: none
    }

#logo {
    position: relative;
    z-index: 11
}

#search_bar {
    width: 80%;
    margin: 0 10%;
    padding: 15px 0 10px
}

.nav #search_button {
    background: url(images/icon-search.png) center center no-repeat;
    background-size: 22px auto;
    width: 22px;
    height: 18px;
    vertical-align: top
}

.none, a.none, a.none:link {
    outline: none;
    border: none;
    text-decoration: none
}

.aligncenter {
    text-align: center
}

a.none, a.none:link, .none {
    text-decoration: none;
    border: none
}

    a.none p {
        color: #111
    }

.nomargin {
    margin: 0
}

.nomarginbottom {
    margin-bottom: 0
}

.lessmargin {
    margin-bottom: 10px
}

.relative {
    position: relative
}

.clear, .clearboth {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    clear: both
}

.inlineblock {
    display: inline-block
}

.button, a.button, a.button:link {
    background: #F90;
    border: none;
    padding: 5px 25px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    line-height: 36px;
    -webkit-appearance: none
}

.small {
    font-size: 16px
}

ul.small {
    padding-left: 15px
}

    ul.small li {
        padding: 5px 0
    }

.z10 {
    position: relative;
    z-index: 10
}

blockquote {
    background: #fff;
    padding: 30px;
    margin: 0 5% 30px;
    font-size: 18px;
    line-height: 28px
}

    blockquote :last-child {
        margin-bottom: 0
    }

.whitebg blockquote {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 30px 0;
    padding: 30px 5%
}

.whitebg {
    background: #fff
}

    .whitebg.nomargin {
        margin: 0
    }

.bluebg {
    background: #00529B;
    color: #fff
}

    .bluebg h2 {
        color: #fff
    }

    .bluebg p:last-child {
        margin-bottom: 8px
    }

.padding {
    padding: 30px
}

    .padding :last-child {
        margin-bottom: 0
    }

.more-paddingt {
    padding-top: 50px
}

.page_banner {
    height: 60vh;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: #fff
}

.page_banner_bg_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.page_banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.page_banner_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: -moz-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00606060',endColorstr='#99000000',GradientType=0)
}

.page_banner_info {
    position: absolute;
    bottom: 60px;
    width: 100%;
    z-index: 11
}

    .page_banner_info h1 {
        font-size: 60px;
        line-height: 60px;
        background: none;
        color: #fff;
        margin: 0 0 15px;
        padding: 0
    }

.page_banner + #main_content {
    padding-top: 60px
}

.hide_overflow {
    overflow: hidden;
}

.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    clear: both;
    width: 100%;
    max-width: 100%
}

    .row.aligncenter {
        justify-content: center
    }

.col {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.1% 20px;
    flex-grow: 0;
    flex-shrink: 0
}

    .col:first-child {
        margin-left: 0
    }

    .col:last-child {
        margin-right: 0
    }

    .col.nomargin {
        margin-left: 0;
        margin-right: 0
    }

    .col.nomarginbottom {
        margin-bottom: 0
    }

    .col.c1 {
        width: 6.32%;
        flex-basis: 6.32%
    }

    .col.c4 {
        width: 31.87%;
        flex-basis: 31.87%
    }

    .col.c6 {
        width: 48.9%;
        flex-basis: 48.9%
    }

    .col.c7 {
        width: 57.42%;
        flex-basis: 57.42%
    }

    .col.c8 {
        width: 65.93%;
        flex-basis: 65.93%
    }

    .col.c4.nomargin {
        width: 33.33%;
        flex-basis: 33.33%
    }

    .col.c6.nomargin {
        width: 50%;
        flex-basis: 50%
    }

.col_10, .col_01, .col_100 {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.col_10 {
    width: 48.5%;
    margin: 0 0 0 0;
    float: left
}

.col_01 {
    width: 48.5%;
    margin: 0 0 0 0;
    float: right
}

.col_100 {
    width: 31.4%;
    margin: 0 2.9% 0 0;
    float: left
}

.icon-plus, a.icon-plus {
    display: block;
    background: url(images/icon-plus.png) right center no-repeat;
    padding: 15px 0
}

.resource a {
    font-size: 22px;
    line-height: 28px
}

form {
    width: 100%
}

fieldset {
    border: none;
    padding: 20px;
    background: #fff
}

.form_field_block {
    margin-bottom: 10px
}

    .form_field_block.wide {
        width: 100%
    }

input[type=text], select {
    width: 92%;
    width: calc(100% - 24px);
    padding: 12px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 10;
    font-family: inherit;
    font-size: inherit
}

select {
    width: 100%
}

.header_search_outer {
    margin-bottom: 50px
}

.bluebg input, .bluebg select {
    background: #00529B;
    border: none;
    color: #fff;
    padding: 20px
}

.bluebg .header_search input, .bluebg .header_search select {
    padding: 30px 20px
}

.input_search_button {
    position: absolute;
    z-index: 11;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: url(images/icon-search-blue.png) center center no-repeat;
    background-size: 20px
}

.bluebg .custom_select {
    display: block;
    background: url(images/icon-select-down-blue.png) no-repeat;
    background-position: calc(100% - 20px) center;
    border-right: 1px solid #1A63A5;
    overflow: hidden
}

    .bluebg .custom_select select {
        background: transparent;
        width: calc(100% + 30px) !important;
        border: none;
        max-width: none
    }

.custom_select {
    position: relative;
    background: url(images/icon-select-down.png) no-repeat;
    background-position: calc(100% - 20px) center;
    overflow: hidden;
    vertical-align: top
}

    .custom_select select {
        background: transparent;
        width: calc(100% + 30px) !important;
        border: none;
        max-width: none
    }

.custom_select_underline {
    margin-bottom: 50px;
    border-bottom: 1px solid #000
}

    .custom_select_underline span {
        display: inline-block;
        margin-right: 2px;
        padding: 10px 0 14px
    }

        .custom_select_underline span + .custom_select select {
            padding-left: 0;
            padding-right: 35px
        }

        .custom_select_underline span + .custom_select option {
            margin: 0;
            padding: 0
        }

.listing_item {
    background: #fff
}

.listing_image {
    overflow: hidden
}

    .listing_image img {
        vertical-align: top;
        width: 100%
    }

.listing_info {
    padding: 20px 20px 15px
}

#project_listings .col {
    margin-bottom: 30px
}

.project_details {
    padding-right: 4%
}

.page_banner {
    height: 60vh;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: #fff
}

.page_banner_bg_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.page_banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.page_banner_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: -moz-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(96,96,96,0) 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00606060',endColorstr='#99000000',GradientType=0)
}

.page_banner_info {
    position: absolute;
    bottom: 60px;
    width: 100%;
    z-index: 11
}

    .page_banner_info h3 {
        color: #fff;
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 10px
    }

    .page_banner_info h1 {
        font-size: 60px;
        line-height: 60px;
        background: none;
        color: #fff;
        margin: 0 0 15px;
        padding: 0
    }

    .page_banner_info h2 {
        color: #fff;
        font-size: 34px;
        line-height: 42px;
        margin: 0
    }

.page_banner + #main_content, .page_banner + .whitebg {
    padding-top: 60px
}

img.lazy.fadein {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

    img.lazy.fadein.lazy-placeholder {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0
    }

.section_nav {
    padding: 0
}

    .section_nav a {
        padding: 50px 0;
        display: block
    }

#products_intro {
    position: relative;
    display: flex;
    flex-direction: column
}

    #products_intro h1, #products_intro p {
        margin-bottom: 30px
    }

    #products_intro .products_intro_content {
        height: calc(100% - 120px);
        flex-basis: calc(100% - 120px)
    }

    #products_intro .section_nav {
        height: 120px;
        padding: 0
    }

.products_intro_content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home_feature {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: relative
}

.home_feature_background_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.home_feature_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.home_feature_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: -moz-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(96,96,96,0) 0%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(96,96,96,0) 0%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00606060',endColorstr='#99000000',GradientType=0)
}

.light .home_feature_content {
    background: -moz-linear-gradient(top,rgba(255,255,255,.3) 8%,rgba(255,255,255,0) 20%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,.3) 8%,rgba(255,255,255,0) 20%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,.3) 8%,rgba(255,255,255,0) 20%,rgba(56,56,56,0) 50%,rgba(0,0,0,.6) 100%)
}

.home_feature_info {
    position: absolute;
    bottom: calc(5% + 125px);
    width: 100%;
    z-index: 11;
    text-align: right
}

    .home_feature_info h2 {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 10px;
        text-transform: capitalize
    }

.home_feature_title {
    text-align: right
}

#home_features_holder {
    height: calc(100vh + 125px);
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9
}

.home_feature .inner {
    width: 40%;
    float: right;
    margin: 0;
    padding: 0 5% 0 0
}

.scrolldown {
    position: absolute;
    z-index: 990;
    bottom: 50px;
    left: calc(50% - 39px);
    height: 78px;
    width: 78px;
    text-align: center
}

#home_features_holder .scrolldown {
    bottom: calc(5% + 125px)
}

.scrolldown.relative {
    position: relative;
    bottom: auto;
    margin: 0 auto;
    left: auto
}

.scrolldown span {
    background: url(images/icon-scroll-down@2x.png) center center no-repeat;
    background-size: contain;
    width: 78px;
    height: 78px;
    margin: 0 auto;
    position: relative;
    display: block
}

.scrolldown.white span {
    background-image: url(images/icon-scroll-down-white@2x.png)
}

.page_feature_wrapper {
    position: relative;
    height: calc(100vh - 99px)
}

.page_feature {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    min-height: 230px;
    z-index: 11
}

#index #main_content {
    padding-bottom: 0
}

#home_press {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 50px 0;
    padding: 0;
    background: #fff
}

.home_press_item {
    width: 100%;
    height: 100%
}

    .home_press_item > .inner, .home_press_item > .inner > .row {
        height: 100%
    }

.home_press_content {
    padding: 80px 0 188px
}

.image_feature {
    position: relative;
    padding: 80px 30px;
    margin: 0 0 20px;
    min-height: calc(33vw - 160px);
    overflow: hidden;
    z-index: 9;
    color: #fff
}

    .image_feature.nomargin {
        margin: 0
    }

    .image_feature .image_feature_content {
        position: absolute;
        bottom: 10%;
        width: 80%;
        left: 10%;
        z-index: 11;
        text-shadow: 2px 2px 6px rgba(0,0,0,.3)
    }

    .image_feature .image_feature_background {
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        height: 100% !important;
        margin: 0;
        height: 0;
        background-repeat: none;
        background-position: center center;
        background-size: cover
    }

    .image_feature h3 {
        color: #fff
    }

    .image_feature ::-webkit-input-placeholder, .image_feature ::-moz-placeholder, .image_feature :-ms-input-placeholder, .image_feature :-moz-placeholder {
        color: #000
    }

.image_feature_overlap {
    position: relative;
    z-index: 100;
    transform: translateY(-50%);
    margin-bottom: -50px
}

body:not(#ckeditor) .lazy-background.lazy-placeholder {
    background-image: url(images/blank.png) !important
}

.lazy-background.fadein, img.lazy.fadein {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

    .lazy-background.fadein.lazy-placeholder, img.lazy.fadein.lazy-placeholder {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0
    }

.mshow {
    display: none
}

hr {
    background: #fff;
    border: none;
    height: 1px;
    margin: 30px 0;
}

#header_mobile {
    display: none;
}

@media screen and (max-width:1200px) {
    .nav {
        flex-wrap: wrap
    }

        .nav > li {
            order: 1
        }

            .nav > li.logo {
                order: 0;
                width: 100%;
                flex-basis: 100%
            }

        .nav li a.img {
            padding-bottom: 0
        }

        .nav li a {
            padding: 25px 10px 20px
        }

    #index #main_content.inner h1.small {
        font-size: 26px;
        line-height: 32px
    }

    .page_banner_info h1 {
        font-size: 40px;
        line-height: 44px
    }

    .page_banner_info h2 {
        font-size: 28px;
        line-height: 38px
    }
}


@media screen and (max-width:540px) {
    .home_feature_info h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 13px
    }

    .page_banner_info h1 {
        font-size: 36px;
        line-height: 38px
    }

    .page_banner_info h2 {
        font-size: 24px;
        line-height: 34px
    }
}

@media screen and (max-height:600px) {
    .home_feature_info {
        bottom: calc(28% + 125px)
    }
}

.fadeIn {
    opacity: 0
}

.fromTop {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible
}

.fadeIn.active {
    opacity: 1
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.grow {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.shrink {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.onHover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.td1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms
}

.td2000 {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms
}

.tt1000 {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms
}

.tt2000 {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms
}

.tt3000 {
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms
}

.tt7000 {
    -webkit-animation-duration: 7000ms;
    animation-duration: 7000ms
}