@import "font-awesome.min.css";
@import "line-awesome.min.css";

.addthis_toolbox a.addthis_button_counter,
.addthis_toolbox a.addthis_button_facebook_like,
.addthis_toolbox a.addthis_button_facebook_send,
.addthis_toolbox a.addthis_button_facebook_share,
.addthis_toolbox a.addthis_button_foursquare,
.addthis_toolbox a.addthis_button_google_plusone,
.addthis_toolbox a.addthis_button_linkedin_counter,
.addthis_toolbox a.addthis_button_pinterest_pinit,
.addthis_toolbox a.addthis_button_stumbleupon_badge,
.addthis_toolbox a.addthis_button_tweet {
    display: inline-block;
}

.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m {
    padding: 0 2px;
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: left;
}

._flex-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

._justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

._justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

._justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

._justify-content-justify {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row-fl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.fl-col-md-3,
.fl-col-sm-6,
.fl-col-md-6,
.fl-col-md-7,
.fl-col-md-4,
.fl-col-sm-3,
.fl-col-xm-6,
.fl-col-md-12,
.fl-col-md-8,
.fl-col-md-5,
.fl-col-md-2,
.fl-col-sm-4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

    .fl-col-md-3.no-pad,
    .fl-col-sm-6.no-pad,
    .fl-col-md-6.no-pad,
    .fl-col-md-7.no-pad,
    .fl-col-md-4.no-pad,
    .fl-col-sm-3.no-pad,
    .fl-col-xm-6.no-pad,
    .fl-col-md-12.no-pad,
    .fl-col-md-8.no-pad,
    .fl-col-md-5.no-pad,
    .fl-col-md-2.no-pad,
    .fl-col-sm-4.no-pad {
        padding-left: 0;
        padding-right: 0;
    }

body {
    background-color: #f7f7f7;
}

a {
    text-decoration: none !important;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

.col-white {
    color: #fff;
}

    .col-white * {
        color: #fff;
    }

a.btn-st {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding: 11px 46px 11px 22px;
    background-color: #3685E8;
    border: 1px solid #3685E8;
    position: relative;
    border-radius: 25px;
}

    a.btn-st.lg-btn {
        border-radius: 30px;
        padding: 10px 46px 10px 22px;
        line-height: 1.4;
    }

    a.btn-st:hover {
        background: transparent !important;
    }

        a.btn-st:hover .la-angle-right {
            -webkit-transform: translateX(4px);
            -o-transform: translateX(4px);
            -ms-transform: translateX(4px);
            transform: translateX(4px);
        }

        a.btn-st:hover .la-download,
        a.btn-st:hover .la-angle-down {
            -webkit-transform: translateY(4px);
            -o-transform: translateY(4px);
            -ms-transform: translateY(4px);
            transform: translateY(4px);
        }

    a.btn-st.bg-green {
        background-color: #009167 !important;
        border-color: #009167;
    }

    a.btn-st.bg-yellow {
        background-color: #e89d0c !important;
        border-color: #e89d0c;
    }

    a.btn-st .la {
        position: absolute;
        right: 19px;
        top: 50%;
        font-size: 16px;
        margin-top: -8px;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

.text-center {
    text-align: center;
}

.bg-white {
    background-color: #fff;
}

.top-section {
    font-family: "Roboto", sans-serif;
    padding: 80px 0 150px 0;
    background: linear-gradient(180deg, #00508F 0%, #0F2A4D 100%);
}

    .top-section .btn-st {
        margin-bottom: 70px;
    }

    .top-section p {
        font-size: 18px;
        line-height: 28px;
        max-width: 730px;
        padding: 0;
        margin: 0 auto;
    }

    .top-section h1 {
        font-family: "Roboto", sans-serif;
        margin: 0 auto 40px auto;
        font-weight: bold;
        font-size: 60px;
        line-height: 1.166;
        color: #fff;
        max-width: 590px;
    }

        .top-section h1 span {
            font-size: .5em;
            line-height: 1.33;
            display: inline-block;
            font-weight: 400;
        }

    .top-section .top-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 740px;
        margin: 40px auto 95px auto;
    }

        .top-section .top-links a {
            font-family: "Roboto", sans-serif;
            color: #fff;
            font-weight: normal;
            display: inline-block;
            padding-bottom: 2px;
            position: relative;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .top-section .top-links a .la {
                font-size: 16px;
                margin-left: 8px;
            }

            .top-section .top-links a .fa {
                margin-left: 10px;
            }

            .top-section .top-links a:hover:after {
                width: 0;
            }

            .top-section .top-links a:after {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: #fff;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
            }

    .top-section .links-plus-top {
        position: relative;
        display: inline-block;
    }

        .top-section .links-plus-top > img {
            width: 699px;
        }

        .top-section .links-plus-top a {
            position: absolute;
            width: 6%;
        }

            .top-section .links-plus-top a:hover img {
                -webkit-animation-play-state: paused;
                animation-play-state: paused;
            }

            .top-section .links-plus-top a img {
                -webkit-animation: pulse 2s linear infinite;
                animation: pulse 2s linear infinite;
            }

            .top-section .links-plus-top a:nth-of-type(1) {
                top: 28.4%;
                left: 26.6%;
            }

            .top-section .links-plus-top a:nth-of-type(2) {
                top: 19.6%;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

                .top-section .links-plus-top a:nth-of-type(2) img {
                    animation-delay: .4s;
                }

            .top-section .links-plus-top a:nth-of-type(3) {
                top: 28.4%;
                right: 26.9%;
            }

                .top-section .links-plus-top a:nth-of-type(3) img {
                    animation-delay: .8s;
                }

            .top-section .links-plus-top a:nth-of-type(4) {
                top: 46.4%;
                right: 19.8%;
            }

                .top-section .links-plus-top a:nth-of-type(4) img {
                    animation-delay: 1.2s;
                }

            .top-section .links-plus-top a:nth-of-type(5) {
                top: 61.7%;
                right: 24.3%;
            }

                .top-section .links-plus-top a:nth-of-type(5) img {
                    animation-delay: 1.6s;
                }

            .top-section .links-plus-top a:nth-of-type(6) {
                bottom: 21.3%;
                right: 38.3%;
            }

                .top-section .links-plus-top a:nth-of-type(6) img {
                    animation-delay: 2s;
                }

            .top-section .links-plus-top a:nth-of-type(7) {
                bottom: 21.3%;
                left: 38%;
            }

                .top-section .links-plus-top a:nth-of-type(7) img {
                    animation-delay: 2.4s;
                }

            .top-section .links-plus-top a:nth-of-type(8) {
                top: 61.7%;
                left: 23.9%;
            }

                .top-section .links-plus-top a:nth-of-type(8) img {
                    animation-delay: 2.8s;
                }

            .top-section .links-plus-top a:nth-of-type(9) {
                top: 46.4%;
                left: 19.5%;
            }

                .top-section .links-plus-top a:nth-of-type(9) img {
                    animation-delay: 3.2s;
                }

.margin-right-min {
    margin-right: -20px;
}

.wrap-nav-left {
    position: absolute;
    /*top: 120px;*/
    top: -200px;
    left: 30px;
    padding: 0 20px 10px 20px;
    width: 240px;
    font-family: 'Roboto';
    z-index: 100;
}

    .wrap-nav-left.o-hidden {
        overflow-y: auto;
        bottom: 0;
    }

    .wrap-nav-left.open {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        .wrap-nav-left.open .toggle-left-menu {
            background: rgba(15, 42, 77, 0.85);
            width: auto;
        }

            .wrap-nav-left.open .toggle-left-menu span {
                display: none;
            }

            .wrap-nav-left.open .toggle-left-menu .la {
                margin-left: 0;
            }

                .wrap-nav-left.open .toggle-left-menu .la:before {
                    content: "\f191";
                }

    .wrap-nav-left .toggle-left-menu {
        position: absolute;
        line-height: 1;
        left: 100%;
        top: 0;
        font-size: 14px;
        padding: 12px 10px;
        text-transform: uppercase;
        width: 82px;
        cursor: pointer;
        display: none;
        background: rgba(15, 42, 77, 0.55);
    }

        .wrap-nav-left .toggle-left-menu .la {
            margin-left: 4px;
            font-size: 16px;
        }

    .wrap-nav-left.chengepos {
        position: fixed;
        /*top: 50px;*/
        top: 67px;
        z-index: 1;
        background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(24, 158, 101, 0.85) 100%);
        background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(24, 158, 101, 0.85) 100%);
        background: linear-gradient(to bottom, rgba(15, 42, 77, 0.55) 0%, rgba(24, 158, 101, 0.85) 100%);
    }

.chengeposs {
    z-index: 3 !important;
    top: 944.1% !important;
    position: absolute !important;
}

@media screen and (max-height: 1920px) {
    .chengeposs {
        z-index: 3 !important;
        top: 958.3% !important;
        position: absolute !important;
    }
}

.wrap-nav-left.chengepos.yellow {
    background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(249, 157, 39, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(249, 157, 39, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(15, 42, 77, 0.55) 0%, rgba(249, 157, 39, 0.85) 100%);
}

.wrap-nav-left.chengepos.blue {
    background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(29, 176, 228, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.55) 0%, rgba(29, 176, 228, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(15, 42, 77, 0.55) 0%, rgba(29, 176, 228, 0.85) 100%);
}

.wrap-nav-left .nav-left_b {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .wrap-nav-left .nav-left_b li:first-child span.label-nav-l {
        margin-top: 0;
    }

    .wrap-nav-left .nav-left_b li:nth-child(1n+4).active a span {
        border-bottom: 1px solid #F99D27;
    }

    .wrap-nav-left .nav-left_b li:nth-child(1n+7).active a span {
        border-bottom: 1px solid #1DB0E4;
    }

    .wrap-nav-left .nav-left_b li.active a {
        font-weight: bold !important;
    }

        .wrap-nav-left .nav-left_b li.active a span {
            border-bottom: 1px solid #00A662;
        }

    .wrap-nav-left .nav-left_b li span.label-nav-l {
        display: block;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
        margin-bottom: 7px;
        padding-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        margin-top: 20px;
    }

    .wrap-nav-left .nav-left_b li a {
        display: block;
        position: relative;
        font-size: 14px;
        line-height: 16px;
        color: #FFFFFF;
        padding: 7px 30px 7px 0;
        font-weight: 400 !important;
    }

        .wrap-nav-left .nav-left_b li a:hover .la {
            -webkit-transform: translateX(8px);
            -o-transform: translateX(8px);
            -ms-transform: translateX(8px);
            transform: translateX(8px);
            font-size: 20px;
            margin-top: -10px;
        }

        .wrap-nav-left .nav-left_b li a .la {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px;
            -webkit-transition: 0.2s ease;
            -o-transition: 0.2s ease;
            transition: 0.2s ease;
        }

.wrap-nav-left .link-nav-left {
    display: -ms-flexbox;
    display: flex;
    padding: 13px 7px;
    background: rgba(255, 255, 255, 0.2) !important;
    margin-bottom: 10px;
}

    .wrap-nav-left .link-nav-left i {
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        max-width: 44px;
    }

        .wrap-nav-left .link-nav-left i img {
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

            .wrap-nav-left .link-nav-left i img.no-animate {
                animation: none!important;
            }

    .wrap-nav-left .link-nav-left .la,
    .wrap-nav-left .link-nav-left .fa {
        height: 44px;
        background: #00508F;
        border-radius: 50%;
        text-align: center;
        font-size: 18px;
        line-height: 43px;
    }

    .wrap-nav-left .link-nav-left .stroke-solid {
        stroke-dashArray: 300;
        stroke-width: 4px;
        stroke-dashoffset: 300;
        transition: stroke-dashoffset 1s ease, opacity 1s ease;
    }

    .wrap-nav-left .link-nav-left .la {
        font-size: 20px;
    }

    .wrap-nav-left .link-nav-left .la-arrow-down {
        line-height: 53px;
        position: relative;
    }

        .wrap-nav-left .link-nav-left .la-arrow-down:after {
            position: absolute;
            content: "";
            width: 16px;
            height: 1px;
            background: #fff;
            top: 29px;
            left: 14px;
        }

        .wrap-nav-left .link-nav-left .la-arrow-down:before {
            display: inline-block;
            -webkit-animation: downloadArrow 2s linear infinite;
            animation: downloadArrow 2s linear infinite;
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

    .wrap-nav-left .link-nav-left:hover {
        background: rgba(255, 255, 255, 0.4) !important;
    }

        .wrap-nav-left .link-nav-left:hover .la-arrow-down:before {
            -webkit-animation-play-state: running;
            animation-play-state: running;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

        .wrap-nav-left .link-nav-left:hover img {
            -webkit-animation-play-state: running;
            animation-play-state: running;
        }

        .wrap-nav-left .link-nav-left:hover .fa {
            background: transparent;
        }

            .wrap-nav-left .link-nav-left:hover .fa .stroke-solid {
                opacity: 1;
                stroke-dashoffset: 0;
            }

            .wrap-nav-left .link-nav-left:hover .fa .icon {
                fill: #00508F !important;
            }

    .wrap-nav-left .link-nav-left span {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        color: #FFFFFF;
        padding-left: 6px;
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes downloadArrow {
    /* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
    0% {
        -webkit-transform: translateY(-7px);
        -o-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        transform: translateY(-7px);
        opacity: 1;
    }

    0.001% {
        -webkit-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        margin-top: 0;
        opacity: 0;
    }
}

.pos-relative {
    position: relative;
}

.main-section {
    font-family: "Roboto", sans-serif;
    padding-top: 120px;
    background: #0f2a4d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0f2a4d 0%, #189e65 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0f2a4d 0%, #189e65 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0f2a4d 0%, #189e65 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f2a4d', endColorstr='#189e65', GradientType=0);
}

    .main-section .fl-display {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .main-section .fl-display:before,
        .main-section .fl-display:after {
            display: none;
        }

    .main-section.gr-yellow {
        background: linear-gradient(180deg, #0F2A4D 0%, #F99D27 100%);
    }

        .main-section.gr-yellow .btn-st {
            background-color: #FCAF17;
            border-color: #FCAF17;
        }

        .main-section.gr-yellow .video .img .play {
            background-color: #F16E2F;
        }

    .main-section.gr-blue {
        background: linear-gradient(180deg, #0F2A4D 0%, #1DB0E4 100%);
    }

        .main-section.gr-blue .btn-st {
            background-color: #00B5EC;
            border-color: #00B5EC;
        }

        .main-section.gr-blue .video .img .play {
            background-color: #3685E8;
        }

    .main-section p {
        font-size: 16px;
        line-height: 26px;
        padding: 0;
        margin-bottom: 10px;
    }

    .main-section .header-t {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px;
        margin-right: -29px;
    }

        .main-section .header-t .icon {
            -ms-flex: 0 0 156px;
            flex: 0 0 156px;
            max-width: 156px;
        }

        .main-section .header-t .title {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding-left: 40px;
        }

            .main-section .header-t .title h3 {
                font-size: 20px;
                line-height: 23px;
                text-transform: uppercase;
                color: #FFFFFF;
                margin-top: 15px;
                font-weight: normal;
                margin-bottom: 20px;
            }

            .main-section .header-t .title h2 {
                font-weight: bold;
                font-size: 60px;
                line-height: 1.1666;
                color: #FFFFFF;
                margin-bottom: 0;
            }

    .main-section .content-main {
        max-width: 920px;
        width: 100%;
    }

        .main-section .content-main li {
            line-height: 26px;
        }

        .main-section .content-main ul,
        .main-section .content-main ol {
            padding: 0 0 0 20px;
        }

    .main-section .wrap-video {
        padding-left: 50px;
    }

    .main-section .video {
        display: block;
        background: rgba(255, 255, 255, 0.2) !important;
    }

        .main-section .video:hover img {
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        .main-section .video .img {
            overflow: hidden;
            position: relative;
        }

            .main-section .video .img img {
                width: 100%;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
            }

            .main-section .video .img .play {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 60px;
                height: 60px;
                margin: -30px 0 0 -30px;
                border-radius: 50%;
                background-color: #59D800;
            }

                .main-section .video .img .play:before {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-top: -13px;
                    margin-left: -7px;
                    display: block;
                    border-left: 20px solid #fff;
                    border-bottom: 13px solid transparent;
                    border-top: 13px solid transparent;
                }

        .main-section .video p {
            font-size: 16px;
            line-height: 20px;
            padding: 13px;
            margin: 0;
        }

    .main-section .btn-st {
        background-color: #189E65;
        border-color: #189E65;
    }

    .main-section .bg-img {
        width: 100%;
    }

.tabs-wrap {
    margin-bottom: 50px;
}

    .tabs-wrap .links-tab {
        position: relative;
        margin: 30px 0 38px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

        .tabs-wrap .links-tab .lavalamp-object {
            position: absolute;
            bottom: -1px !important;
            height: 3px !important;
            background: #fff !important;
            top: auto !important;
        }

        .tabs-wrap .links-tab a {
            font-weight: bold;
            font-size: 20px;
            line-height: 23px;
            color: rgba(255, 255, 255, 0.8);
        }

            .tabs-wrap .links-tab a.active {
                color: #fff;
            }

            .tabs-wrap .links-tab a + a {
                margin-left: 65px;
            }

    .tabs-wrap .content-tabs {
        position: relative;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

        .tabs-wrap .content-tabs .item-tab {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            pointer-events: none;
        }

            .tabs-wrap .content-tabs .item-tab.active {
                pointer-events: auto;
                opacity: 1;
                position: static;
            }

        .tabs-wrap .content-tabs .item-tab p a {
            color:#fff!important;
            text-decoration:underline!important;
        }

        .tabs-wrap .content-tabs .item-target {
            margin-bottom: 10px;
            padding-top: 19px;
        }

            .tabs-wrap .content-tabs .item-target h3 {
                font-family: 'Roboto';
                font-weight: bold;
                font-size: 30px;
                line-height: 1.33;
                color: #FFFFFF;
                margin-top: 0;
            }

        .tabs-wrap .content-tabs .btn-st {
            margin-top: 20px;
        }

        .tabs-wrap .content-tabs .label {
            display: inline-block;
            font-weight: normal;
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

            .tabs-wrap .content-tabs .label span,
            .tabs-wrap .content-tabs .label img {
                display: inline-block;
                vertical-align: middle;
            }

            .tabs-wrap .content-tabs .label img {
                margin-right: 12px;
            }

    .tabs-wrap .progress-download {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        min-height: 300px;
        background: rgba(15, 43, 78, 0.5) !important;
        padding: 19px;
        border-radius: 15px;
    }

        .tabs-wrap .progress-download .label {
            text-align: left;
        }

        .tabs-wrap .progress-download a {
            line-height: 18px;
            margin-bottom: 14px;
        }

            .tabs-wrap .progress-download a:hover span:after {
                width: 100%;
            }

        .tabs-wrap .progress-download span {
            font-size: 13px;
            line-height: 16px;
            position: relative;
            display: inline-block;
        }

            .tabs-wrap .progress-download span:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -3px;
                height: 1px;
                background-color: #fff;
                width: 0;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
            }

            .tabs-wrap .progress-download span .la {
                font-size: 16px;
                margin-left: 15px;
            }

        .tabs-wrap .progress-download img {
            margin: 30px 0 40px 0;
        }

        .tabs-wrap .progress-download > * {
            max-width: 100%;
        }

    .tabs-wrap .download-file {
        display: block;
    }

        .tabs-wrap .download-file + .download-file {
            margin-top: 50px;
        }

        .tabs-wrap .download-file:hover img {
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        .tabs-wrap .download-file:hover .fa-download {
            -webkit-transform: translateY(4px);
            -o-transform: translateY(4px);
            -ms-transform: translateY(4px);
            transform: translateY(4px);
        }

        .tabs-wrap .download-file .img {
            overflow: hidden;
            position: relative;
        }

            .tabs-wrap .download-file .img img {
                width: 100%;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
            }

        .tabs-wrap .download-file .text {
            padding: 24px;
            background-color: #fff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

            .tabs-wrap .download-file .text p {
                font-weight: bold;
                font-size: 17px;
                line-height: 23px;
                color: #000000;
                margin-bottom: 0;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
            }

            .tabs-wrap .download-file .text .fa {
                width: 40px;
                height: 40px;
                -ms-flex: 0 0 40px;
                flex: 0 0 40px;
                border-radius: 50%;
                background: #5A8DDD;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
            }

    .tabs-wrap .sdgs img {
        margin-right: 23px;
        margin-bottom: 20px;
    }

.font-md p,
.font-md li {
    font-size: 20px;
    line-height: 1.5;
}

.font-md li {
    margin-bottom: 10px;
}

.flipBtnWrapper {
    width: 105px;
    height: 105px;
    position: relative;
    float: left;
    margin-right: 23px;
    margin-bottom: 20px;
}

    .flipBtnWrapper.bg-green .flipBtn_back.demo4 {
        background-color: #49773c;
    }

    .flipBtnWrapper.bg-green .flipBtn_mid.demo4 {
        background-color: #478436;
    }

    .flipBtnWrapper.bg-green-l .flipBtn_back.demo4 {
        background-color: #40ae49;
    }

    .flipBtnWrapper.bg-green-l .flipBtn_mid.demo4 {
        background-color: #45c34f;
    }

    .flipBtnWrapper.bg-yellow .flipBtn_back.demo4 {
        background-color: #fdb714;
    }

    .flipBtnWrapper.bg-yellow .flipBtn_mid.demo4 {
        background-color: #f9c03e;
    }

    .flipBtnWrapper.bg-blue-l .flipBtn_back.demo4 {
        background-color: #00acd8;
    }

    .flipBtnWrapper.bg-blue-l .flipBtn_mid.demo4 {
        background-color: #06c1f1;
    }

    .flipBtnWrapper.bg-orange .flipBtn_back.demo4 {
        background-color: #cd8c2a;
    }

    .flipBtnWrapper.bg-orange .flipBtn_mid.demo4 {
        background-color: #efa536;
    }

    .flipBtnWrapper.bg-orange-d .flipBtn_back.demo4 {
        background-color: #f36e24;
    }

    .flipBtnWrapper.bg-orange-d .flipBtn_mid.demo4 {
        background-color: #f97d38;
    }

    .flipBtnWrapper.bg-blue .flipBtn_back.demo4 {
        background-color: #1a3666;
    }

    .flipBtnWrapper.bg-blue .flipBtn_mid.demo4 {
        background-color: #1f4586;
    }

    .flipBtnWrapper.bg-green-m .flipBtn_back.demo4 {
        background-color: #2c9a47;
    }

    .flipBtnWrapper.bg-green-m .flipBtn_mid.demo4 {
        background-color: #33b954;
    }

    .flipBtnWrapper.bg-red .flipBtn_back.demo4 {
        background-color: #ef422a;
    }

    .flipBtnWrapper.bg-red .flipBtn_mid.demo4 {
        background-color: #f14e37;
    }

    .flipBtnWrapper.bg-violet .flipBtn_back.demo4 {
        background-color: #e01a84;
    }

    .flipBtnWrapper.bg-violet .flipBtn_mid.demo4 {
        background-color: #ec228e;
    }

    .flipBtnWrapper.bg-blue-m .flipBtn_back.demo4 {
        background-color: #00558a;
    }

    .flipBtnWrapper.bg-blue-m .flipBtn_mid.demo4 {
        background-color: #03629e;
    }

    .flipBtnWrapper.bg-red-m .flipBtn_back.demo4 {
        background-color: #c22033;
    }

    .flipBtnWrapper.bg-red-m .flipBtn_mid.demo4 {
        background-color: #e6243b;
    }

.flipBtn,
.flipBtn_checkbox_n,
.flipBtn_face {
    position: absolute;
    width: 105px;
    height: 105px;
}

.flipBtn {
    transition: transform 2s;
    transform-style: preserve-3d;
    pointer-events: none;
}

.content-l-fl {
    transform-style: preserve-3d;
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    align-items: center;
}

    .content-l-fl span {
        font-size: 14px;
        max-width: 100%;
    }

    .content-l-fl .la {
        font-size: 24px;
        margin-top: -2px;
        margin-bottom: 2px;
    }

.flipBtn_back {
    -webkit-transform: translateZ(-5px);
    -o-transform: translateZ(-5px);
    -ms-transform: translateZ(-5px);
    transform: translateZ(-5px);
}

.flipBtn_front {
    -webkit-transform: translateZ(5px);
    -o-transform: translateZ(5px);
    -ms-transform: translateZ(5px);
    transform: translateZ(5px);
    backface-visibility: hidden;
}

.flipBtn_back,
.flipBtn_front {
    background-repeat: no-repeat;
    background-position: center;
}

.flipBtn_checkbox {
    opacity: 0;
    cursor: pointer;
}

.flipBtn_back.demo4 {
    background-color: #8F1838;
}

.flipBtn_mid.demo4 {
    width: 10px;
    background-color: #9c2a49;
    -webkit-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    left: -5px;
}

.flipBtnWrapper:hover .flipBtn.demo4 {
    transform: rotateY(180deg);
    -ms-transform: none;
}

.flipBtnWrapper:hover .flipBtn_front.demo4 {
    -ms-transform: rotateY(180deg);
}

.flipBtnWrapper:hover .flipBtn_back {
    -ms-transform: rotateY(180deg);
}

@media (min-width: 768px) {
    .fl-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .fl-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .fl-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 992px) {
    .fl-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .fl-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .fl-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .fl-col-md-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .fl-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .fl-col-md-8 {
        -ms-flex: 0 0 66.666666%;
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .fl-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media screen and (max-width: 1450px) {
    .wrap-nav-left {
        left: 0;
    }
}

@media screen and (max-width: 1250px) {
    .wrap-nav-left {
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        top: 60px;
        padding-top: 41px;
        background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
        background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
        background: linear-gradient(to bottom, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
        -webkit-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
    }

        .wrap-nav-left.o-hidden {
            overflow-y: visible;
            bottom: auto;
        }

        .wrap-nav-left .toggle-left-menu {
            display: block;
        }

        .wrap-nav-left.open {
            overflow-y: auto;
            bottom: 0;
        }

            .wrap-nav-left.open .toggle-left-menu {
                right: 0;
                left: auto;
            }

        .wrap-nav-left.chengepos {
            background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
            background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
            background: linear-gradient(to bottom, rgba(15, 42, 77, 0.85) 0%, rgba(24, 158, 101, 0.95) 100%);
        }

            .wrap-nav-left.chengepos.yellow {
                background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(249, 157, 39, 0.95) 100%);
                background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(249, 157, 39, 0.95) 100%);
                background: linear-gradient(to bottom, rgba(15, 42, 77, 0.85) 0%, rgba(249, 157, 39, 0.95) 100%);
            }

            .wrap-nav-left.chengepos.blue {
                background: -moz-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(29, 176, 228, 0.95) 100%);
                background: -webkit-linear-gradient(top, rgba(15, 42, 77, 0.85) 0%, rgba(29, 176, 228, 0.95) 100%);
                background: linear-gradient(to bottom, rgba(15, 42, 77, 0.85) 0%, rgba(29, 176, 228, 0.95) 100%);
            }

    .main-section {
        padding-top: 60px;
    }

        .main-section .content-main {
            max-width: 100%;
        }

    .top-section {
        padding: 60px 0 60px 0;
    }
}

@media screen and (max-width: 1199px) {
    .main-section .header-t .title h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 991px) {
    .main-section .header-t {
        margin-right: 0;
    }

    .main-section .wrap-video {
        padding-left: 15px;
        margin: 20px 0;
    }

    .tabs-wrap .download-file {
        margin-top: 20px;
    }

    .tabs-wrap .sdgs {
        margin-top: 20px;
    }

    .tabs-wrap .content-tabs .item-target h3 {
        font-size: 24px;
    }

    .tabs-wrap .content-tabs .btn-st {
        margin-top: 10px;
    }

    .tabs-wrap .progress-download {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .wrap-nav-left {
        top: 0 !important;
    }

    .main-section .header-t .icon {
        -ms-flex: 0 0 110px;
        flex: 0 0 110px;
        max-width: 110px;
    }

    .main-section .header-t .title {
        padding-left: 20px;
    }

        .main-section .header-t .title h3 {
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .main-section .header-t .title h2 {
            font-size: 30px;
            margin-top: 10px;
        }

    .top-section .btn-st {
        margin-bottom: 40px;
    }

    .top-section h1 {
        margin: 0 auto 30px auto;
        font-size: 47px;
    }

    .tabs-wrap .links-tab a {
        font-size: 18px;
    }

        .tabs-wrap .links-tab a + a {
            margin-left: 15px;
        }

    .font-md p,
    .font-md li {
        font-size: 18px;
    }

    a.btn-st {
        padding: 10px 46px 10px 22px;
        line-height: 1.4;
        border-radius: 30px;
    }

    .margin-right-min {
        margin-right: 0;
    }
}

@media screen and (max-width: 550px) {
    .top-section .top-links a {
        font-size: 13px;
    }

    .tabs-wrap .links-tab {
        margin: 25px 0 25px 0;
    }

        .tabs-wrap .links-tab a {
            font-size: 14px;
        }

            .tabs-wrap .links-tab a + a {
                margin-left: 5px;
            }

        .tabs-wrap .links-tab .lavalamp-object {
            bottom: 1px !important;
        }
}

@media screen and (max-height: 789px) {
    .wrap-nav-left .nav-left_b {
        margin-bottom: 20px;
        padding-bottom: 7px;
    }

        .wrap-nav-left .nav-left_b li span.label-nav-l {
            padding-top: 12px;
            margin-top: 6px;
        }

        .wrap-nav-left .nav-left_b li a {
            padding-bottom: 5px;
            padding-top: 5px;
        }
}

.heightbox {
    position: absolute: !important;
    widows: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}


.video-widget .image-holder a {
    display: contents;
}

@media screen and (max-height: 789px) {
    .video-widget .image-holder .text-holder {
        padding: 25px 25px 10px 25px;
    }
}


.video-widget .image-holder a img {
    transform:none!important;
}

.v-center {
    vertical-align:middle;
    padding:0;
}