@import url('bootstrap/css/bootstrap.min.css');

.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:480px) and (max-width:768px) {
    .container {
        max-width: 748px;
    }

    .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 {
        float: left;
    }

    .col-ms-1 {
        width: 8.33333333%;
    }

    .col-ms-2 {
        width: 16.66666667%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-4 {
        width: 33.33333333%;
    }

    .col-ms-5 {
        width: 41.66666667%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-7 {
        width: 58.33333333%;
    }

    .col-ms-8 {
        width: 66.66666667%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-10 {
        width: 83.33333333%;
    }

    .col-ms-11 {
        width: 91.66666667%;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-push-1 {
        left: 8.33333333%;
    }

    .col-ms-push-2 {
        left: 16.66666667%;
    }

    .col-ms-push-3 {
        left: 25%;
    }

    .col-ms-push-4 {
        left: 33.33333333%;
    }

    .col-ms-push-5 {
        left: 41.66666667%;
    }

    .col-ms-push-6 {
        left: 50%;
    }

    .col-ms-push-7 {
        left: 58.33333333%;
    }

    .col-ms-push-8 {
        left: 66.66666667%;
    }

    .col-ms-push-9 {
        left: 75%;
    }

    .col-ms-push-10 {
        left: 83.33333333%;
    }

    .col-ms-push-11 {
        left: 91.66666667%;
    }

    .col-ms-pull-1 {
        right: 8.33333333%;
    }

    .col-ms-pull-2 {
        right: 16.66666667%;
    }

    .col-ms-pull-3 {
        right: 25%;
    }

    .col-ms-pull-4 {
        right: 33.33333333%;
    }

    .col-ms-pull-5 {
        right: 41.66666667%;
    }

    .col-ms-pull-6 {
        right: 50%;
    }

    .col-ms-pull-7 {
        right: 58.33333333%;
    }

    .col-ms-pull-8 {
        right: 66.66666667%;
    }

    .col-ms-pull-9 {
        right: 75%;
    }

    .col-ms-pull-10 {
        right: 83.33333333%;
    }

    .col-ms-pull-11 {
        right: 91.66666667%;
    }

    .col-ms-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-ms-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-ms-offset-3 {
        margin-left: 25%;
    }

    .col-ms-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-ms-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-ms-offset-6 {
        margin-left: 50%;
    }

    .col-ms-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-ms-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-ms-offset-9 {
        margin-left: 75%;
    }

    .col-ms-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-ms-offset-11 {
        margin-left: 91.66666667%;
    }
}

.visible-ms {
    display: none !important;
}

.visible-ms-block {
    display: none !important;
}

@media (min-width:480px) and (max-width:767px) {
    .visible-ms {
        display: block !important;
    }

    table.visible-ms {
        display: table;
    }

    tr.visible-ms {
        display: table-row !important;
    }

    th.visible-ms, td.visible-ms {
        display: table-cell !important;
    }
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.desaturate, .gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

    .desaturate:hover, .gray:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
    }

.rmvgray {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}

.people li, .people li img {
    display: block;
    position: relative;
}

.people {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

    .people li {
        width: 25%;
        background: #000;
        float: left;
        position: relative;
    }

        .people li a {
            display: block;
            background-color: #FFF;
            width: 100%;
            height: 100%;
        }

            .people li a .strips {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                z-index: -1;
            }

                .people li a .strips .strip-top {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    width: 100%;
                    height: 5px;
                    background-color: #0082c9;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                    -ms-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                .people li a .strips .strip-right {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    width: 5px;
                    height: 0;
                    background-color: #0082c9;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                    -ms-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                .people li a .strips .strip-bottom {
                    position: absolute;
                    left: 100%;
                    bottom: 0;
                    width: 100%;
                    height: 5px;
                    background-color: #0082c9;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                    -ms-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                .people li a .strips .strip-left {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    width: 5px;
                    height: 0;
                    background-color: #0082c9;
                    -webkit-transition: all .25s ease-in-out;
                    -moz-transition: all .25s ease-in-out;
                    -ms-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

            .people li a img {
                width: 100% !important;
                height: auto !important;
            }

        .people li article {
            position: absolute;
            background-color: #0082c9;
            color: #000;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 10px;
            text-align: left;
            z-index: -1;
            font-size: 12px !important;
            line-height: normal !important;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .people li article h3 {
                font-size: 12px !important;
                font-weight: 600;
            }

        .people li img {
            float: left;
            width: 100%;
            height: auto;
            position: relative;
            -webkit-opacity: .9;
            -moz-opacity: .9;
            opacity: .9;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -ms-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            .people li img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
                -moz-filter: grayscale(0);
            }

        .people li:hover article, .people li:active article {
            z-index: 1;
            left: -100%;
        }

        .people li:hover img, .people li:active img {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

        .people li:hover a .strips, .people li:active a .strips {
            z-index: 1;
        }

            .people li:hover a .strips .strip-top, .people li:active a .strips .strip-top {
                left: 0;
            }

            .people li:hover a .strips .strip-right, .people li:active a .strips .strip-right {
                height: 100%;
                top: 0;
            }

            .people li:hover a .strips .strip-bottom, .people li:active a .strips .strip-bottom {
                left: 0;
            }

        .people li.first:hover article, .people li.first:active article {
            z-index: 1;
            left: 100%;
        }

        .people li.first:hover a .strips, .people li.first:active a .strips {
            z-index: 1;
        }

            .people li.first:hover a .strips .strip-top, .people li.first:active a .strips .strip-top {
                left: 0;
            }

            .people li.first:hover a .strips .strip-left, .people li.first:active a .strips .strip-left {
                height: 100%;
                top: 0;
            }

            .people li.first:hover a .strips .strip-bottom, .people li.first:active a .strips .strip-bottom {
                left: 0;
            }

        .people li.hidearticle article {
            left: 0;
            top: 0;
            z-index: -1 !important;
        }

        .people li.hidearticle a .strips {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

            .people li.hidearticle a .strips .strip-top {
                position: absolute;
                left: 100%;
                top: 0;
                width: 100%;
                height: 5px;
                background-color: #0082c9;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

            .people li.hidearticle a .strips .strip-right {
                position: absolute;
                right: 0;
                top: 50%;
                width: 5px;
                height: 0;
                background-color: #0082c9;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

            .people li.hidearticle a .strips .strip-bottom {
                position: absolute;
                left: 100%;
                bottom: 0;
                width: 100%;
                height: 5px;
                background-color: #0082c9;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

            .people li.hidearticle a .strips .strip-left {
                position: absolute;
                left: 0;
                top: 50%;
                width: 5px;
                height: 0;
                background-color: #0082c9;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

@media only screen and (min-width:320px) {
    .people li {
        width: 50%;
    }
}

@media only screen and (min-width:480px) {
    .people li {
        width: 33.33333333%;
    }
}

@media only screen and (min-width:768px) {
    .people li {
        width: 33.33333333%;
    }
}

@media only screen and (min-width:992px) {
    .people li {
        width: 16.66666667%;
    }
}

@media only screen and (max-width:991px) {
    .people li.third:hover article, .people li.third:active article {
        z-index: 1;
        left: 100%;
    }

    .people li.third:hover a .strips, .people li.third:active a .strips {
        z-index: 1;
    }

        .people li.third:hover a .strips .strip-top, .people li.third:active a .strips .strip-top {
            left: 0;
        }

        .people li.third:hover a .strips .strip-left, .people li.third:active a .strips .strip-left {
            height: 100%;
            top: 0;
        }

        .people li.third:hover a .strips .strip-bottom, .people li.third:active a .strips .strip-bottom {
            left: 0;
        }
}

@media only screen and (max-width:479px) {
    .people li.second:hover article, .people li.second:active article {
        z-index: 1;
        left: -100%;
    }

    .people li.second:hover a .strips, .people li.second:active a .strips {
        z-index: 1;
    }

        .people li.second:hover a .strips .strip-top, .people li.second:active a .strips .strip-top {
            left: 0;
        }

        .people li.second:hover a .strips .strip-left, .people li.second:active a .strips .strip-left {
            height: 100%;
            top: 0;
        }

        .people li.second:hover a .strips .strip-bottom, .people li.second:active a .strips .strip-bottom {
            left: 0;
        }

    .people li.xfirst:hover article, .people li.xfirst:active article {
        z-index: 1;
        left: 100%;
    }

    .people li.xfirst:hover a .strips, .people li.xfirst:active a .strips {
        z-index: 1;
    }

        .people li.xfirst:hover a .strips .strip-top, .people li.xfirst:active a .strips .strip-top {
            left: 0;
        }

        .people li.xfirst:hover a .strips .strip-left, .people li.xfirst:active a .strips .strip-left {
            height: 100%;
            top: 0;
        }

        .people li.xfirst:hover a .strips .strip-bottom, .people li.xfirst:active a .strips .strip-bottom {
            left: 0;
        }
}

@media only screen and (max-width:319px) {
    .people li {
        width: 50%;
    }
}

#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
    margin: 0;
    padding: 0 !important;
    border: none;
    list-style: none;
}

    #dc_jqaccordion_widget-2-item ul a {
        padding: 10px 10px 10px 15px;
        background: #EBEBEC;
        text-decoration: none;
        display: block;
        color: #000 !important;
        text-transform: capitalize !important;
        font-weight: normal;
        border-bottom: 1px solid #fff;
        margin: 0;
    }

    #dc_jqaccordion_widget-2-item ul ul a {
        background: #EBEBEC;
    }

#dc_jqaccordion_widget-2-item a.active {
    background: #0082c9;
    color: #000 !important;
}

#dc_jqaccordion_widget-2-item ul a.dcjq-parent {
    position: relative;
    font-weight: 600;
}

    #dc_jqaccordion_widget-2-item ul a.dcjq-parent:before {
        content: '';
        position: absolute;
        display: block;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        border-left-color: #000;
        right: 5px;
        top: 15px;
    }

    #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover:before {
        border-left-color: #fff;
    }

    #dc_jqaccordion_widget-2-item ul a.dcjq-parent.active:before {
        border-left-color: transparent;
        border-top-color: #fff;
        right: 8px;
        top: 18px;
    }

#dc_jqaccordion_widget-2-item ul li ul li a {
    padding-left: 15px !important;
    text-transform: none !important;
    background: #ebebec;
    font-size: 13px;
}

#dc_jqaccordion_widget-2-item ul li a.active {
    background: #0082c9;
    color: #000 !important;
}

#dc_jqaccordion_widget-2-item ul li ul li a.active {
    background: #ebebec;
    border-bottom-color: #e21c24;
    color: #000 !important;
}

#dc_jqaccordion_widget-2-item ul a:hover {
    background: #0082c9;
    color: #000 !important;
}

.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 150px;
    top: 30px;
}

    .quick-alo-phone.quick-alo-show {
        visibility: visible;
    }

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.quick-alo-phone.quick-alo-static {
    opacity: .6;
}

.quick-alo-phone.quick-alo-hover, .quick-alo-phone:hover {
    opacity: 1;
}

.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
    -webkit-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: quick-alo-circle-anim 1.1s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
    -webkit-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: quick-alo-circle-anim 2.2s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone:hover .quick-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
    border-color: #0082c9;
    border-color: #baf5a7 9;
    opacity: .5;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
    border-color: #ccc;
    opacity: .5;
}

.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {
    border-color: #0082c9;
    opacity: .5;
}

.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {
    -webkit-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone:hover .quick-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.5);
    background-color: #00aff2 9;
    opacity: .75 !important;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    background-color: #baf5a7 9;
    opacity: .75 !important;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.5);
    background-color: #a6e3fa 9;
    opacity: .75 !important;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {
    background-color: rgba(204,204,204,0.5);
    background-color: #ccc 9;
    opacity: .75 !important;
}

.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    opacity: .75 !important;
}

.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30,30,30,0.1) url("images/message503.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
    -webkit-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important;
    -moz-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important;
    -ms-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important;
    -o-animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important;
    animation: quick-alo-circle-img-anim 0s infinite ease-in-out !important;
}

.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone:hover .quick-alo-ph-img-circle {
    background-color: #00aff2;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #0082c9;
    background-color: #0082c9 9;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00aff2;
    background-color: #00aff2 9;
}

.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
    background-color: #ccc;
}

.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
    background-color: #0082c9;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1;
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5;
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

@keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

#quick-alo-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 2000000;
    overflow: visible;
    display: none;
    color: #383838;
}

    #quick-alo-wrapper.night-mode {
        color: #fff;
    }

.quick-alo-popup-close {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute !important;
    right: -15px !important;
    top: -15px !important;
    height: 30px !important;
    width: 30px !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer !important;
    -webkit-transition: .3s ease-out !important;
    -moz-transition: .3s ease-out !important;
    -o-transition: .3s ease-out !important;
    transition: .3s ease-out !important;
}

#quick-alo-wrapper.night-mode .quick-alo-popup-close {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC");
}

#quick-alo-wrapper .quick-alo-popup-close:hover {
    opacity: .6 !important;
}

.quick-alo-popup {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
    -webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    transition: .6s ease-out;
    margin: 0 auto;
    z-index: 200001;
    text-align: center;
    padding: 60px 75px;
}

#quick-alo-wrapper.night-mode .quick-alo-popup {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=");
}

#quick-alo-wrapper .quick-alo-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");
    top: 0;
    left: 0;
    z-index: 200000;
}

.quick-alo-popup h3 {
    font-size: 24px;
    margin: 0 0 40px;
    font-family: 'Open Sans';
    font-weight: 300;
    white-space: nowrap;
}

.night-mode .quick-alo-popup h3 {
    font-size: 23px;
}

.night-mode .quick-alo-message {
    padding-bottom: 0;
}

.quick-alo-message {
    height: 32px;
    padding: 18px 0 13px 0;
    text-align: center;
    clear: both;
    font-size: 14px;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper .label, #quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper .label + .input {
    float: left;
    width: 49%;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper .input {
    padding: 0 13px;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper label {
    color: #616161;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    padding-right: 15px;
}

.quick-alo-number {
    color: #00bed5;
    font-size: 28px;
    font-family: Montserrat,"Lucida Console",Monaco,monospace,sans-serif;
    font-weight: normal;
    background-color: transparent;
    border: none;
    border-width: 0;
    display: inline-block;
    border-bottom: #00bed5 solid 1px;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 221px;
}

quick-alo-number::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.night-mode .quick-alo-number {
    border: #00bed5 solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 31px;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"].valid-invalid {
    color: #ff496b;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"]:focus {
    outline: 0;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #d1d1d1;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #d1d1d1;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
    color: #d1d1d1;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #d1d1d1;
}

#quick-alo-wrapper.night-mode .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #60615f;
}

#quick-alo-wrapper.night-mode .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #60615f;
}

#quick-alo-wrapper.night-mode .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
    color: #60615f;
}

#quick-alo-wrapper.night-mode .quick-alo-popup .quick-alo-input-wrapper input[type="text"]::-moz-placeholder {
    color: #60615f;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-submit {
    border: none;
    border-width: 0;
    padding: 20px 40px;
    background-color: #333;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    outline: none !important;
}

#quick-alo-wrapper.night-mode .quick-alo-popup .quick-alo-submit {
    background-color: #00bed5;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-submitavtive, #quick-alo-wrapper .quick-alo-popup .quick-alo-submitvisited {
    outline: none !important;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-submit-moz-focus-inner {
    border: 0;
}

#quick-alo-wrapper .quick-alo-popup .quick-alo-submit:hover {
    background-color: #00aff2;
}

.quick-alo-blur {
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
    filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur");
}

#quick-countdown {
    padding-top: 20px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: 300;
}

.quick-alo-request-time {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    padding: 6px 12px;
    font-size: 18px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#quick-alo-wrapper.night-mode .quick-alo-request-time {
    color: #fff;
    background-color: #515350;
    border: 1px solid #606260;
}

#quick-alo-wrapper.night-mode .quick-alo-popup h3 {
    margin-bottom: 15px;
}

#quick-alo-wrapper.night-mode .quick-alo-form .quick-alo-select-wrapper {
    margin-bottom: 35px;
}

.quick-alo-table {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.quick-alo-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.valid-invalid-message {
    font-size: 13px;
    color: #ff496b;
}

    .valid-invalid-message:before {
        content: "* ";
    }

@media (max-width:767px) {
    .quick-alo-phone.quick-alo-show {
        visibility: hidden !important;
    }
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:focus {
        outline: none;
    }

a {
    color: #000;
    text-decoration: none;
}

    a:hover, a:active {
        color: #0082c9;
        text-decoration: none;
    }

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

div.wpcf7-validation-errors {
    border-color: #0082c9;
}

.wpcf7-not-valid-tip {
    color: #EE4123 !important;
    font-size: 11px !important;
    line-height: 1.5rem !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.video {
    position: relative;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
}

    .video video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }

    .video .grid {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: url(images/gridtile.png) top left repeat;
    }

    .video.vid-gioithieu {
        height: 300px;
    }

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
    margin: .4em 1.6em 1.6em 0;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: .4em 0 1.6em 1.6em;
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
    clear: both;
    margin-top: .4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

.btn {
    margin: 0;
    border: 0;
    padding: 5px 10px;
}

.btn-brand {
    background-color: #0082c9;
    color: #000;
}

    .btn-brand:hover {
        background-color: #fdc746;
        color: #000;
    }

@media only screen and (max-width:480px) {
    .btn-brand {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.btn-plus {
    display: block;
    height: 45px;
    position: relative;
    background-color: #EBEBEB;
    color: #000;
    padding-left: 60px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: 700;
}

    .btn-plus:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 100%;
        background-color: #0082c9;
    }

    .btn-plus:after {
        content: '+';
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 100%;
        padding-top: 14px;
        color: #fff;
        font-size: 40px;
        text-align: center;
        z-index: 1;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .btn-plus:hover {
        color: #000;
    }

        .btn-plus:hover:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

.btn-start {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    background: #EBEBEB;
    padding-left: 65px;
    padding-right: 20px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    position: relative;
}

    .btn-start:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 45px;
        height: 45px;
        background: #0082c9 url(images/iplay.png) center center no-repeat;
    }

.btn-download {
    text-decoration: none;
    display: inline-block;
    background-color: #0082c9;
    color: #333;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
}

    .btn-download i.fa {
        font-size: 18px;
    }

    .btn-download:hover {
        background-color: #fdc746;
        color: #000;
    }

@media only screen and (max-width:480px) {
    .btn-download {
        width: 100%;
        text-align: center;
    }
}

.btn-view {
    text-decoration: none;
    display: inline-block;
    background-color: #0082c9;
    color: #333;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #1a1a1a;
    color: #fff;
}

    .btn-view i.fa {
        font-size: 18px;
    }

    .btn-view:hover {
        background-color: #fdc746;
        color: #000;
    }

@media only screen and (max-width:480px) {
    .btn-view {
        width: 100%;
        text-align: center;
    }
}

.loadmore {
    display: block;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    border-top: 1px dotted #ccc;
    padding: 10px 0 0;
    margin-top: 20px;
}

    .loadmore .fa {
        font-size: 48px;
        display: block;
        color: #0082c9;
        padding: 0;
        margin: 0;
    }

    .loadmore:visited, .loadmore:hover, .loadmore:active {
        text-decoration: none;
    }

.fbloading {
    background: transparent url(images/fbloading.gif) center center no-repeat;
    width: 100%;
    height: 11px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.i-care {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(images/icare.png) center center no-repeat;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    margin-top: .4em;
}

.wp-caption {
    margin-bottom: 1.625em;
    max-width: 100% !important;
    padding: 9px;
}

    .wp-caption img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .wp-caption .wp-caption-text, .gallery-caption {
        color: #666;
        font-family: Georgia,serif;
        font-size: 12px;
    }

    .wp-caption .wp-caption-text {
        margin-bottom: .6em;
        padding: 10px 0 5px 40px;
        position: relative;
    }

        .wp-caption .wp-caption-text:before {
            color: #666;
            content: '\2014';
            font-size: 14px;
            font-style: normal;
            font-weight: bold;
            margin-right: 5px;
            position: absolute;
            left: 10px;
            top: 7px;
        }

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], input, textarea {
    outline: none;
}

.gallery .gallery-icon a:focus img, .gallery .gallery-icon a:hover img, .gallery .gallery-icon a:active img {
    background: #eee;
    border-color: #bbb;
}

.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {
    background: #fff;
    border-color: #ddd;
}

.facebook, .twitter, .google, .linkedin, .pinterest, .rss {
    width: 32px;
    height: 32px;
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 32px;
}

    .facebook:hover, .twitter:hover, .google:hover, .linkedin:hover, .pinterest:hover, .rss:hover {
        background-color: #0082c9;
        color: #fff;
    }

.facebook {
    background-color: #3E5B98;
}

.twitter {
    background-color: #00ACED;
}

.google {
    background-color: #D93E2D;
}

.linkedin {
    background-color: #3371B7;
}

.pinterest {
    background-color: #CB2027;
}

.rss {
    background-color: #E95E09;
}

.fb {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…k3LDUuNTR2Ni4xMDNoLTMuNjU0djYuMDE2TDE2LjQwNSwyMi42ODR6Ii8+DQo8L3N2Zz4NCg==);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-color: #0082c9;
    color: #fff;
}

.more {
    text-align: right;
    color: #0082c9;
    font-style: italic;
}

.sidrmenu {
    margin-top: 5px;
    display: block;
    width: 20px;
    background-color: #fff;
    padding: 2px 0;
}

    .sidrmenu .icon-bar {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #ababab;
        margin: 4px 0;
    }

    .sidrmenu:hover .icon-bar, .sidrmenu:active .icon-bar {
        background-color: #0082c9;
        border-color: #0082c9;
    }

.color-brand {
    color: #0082c9;
}

.color-second {
    color: #000;
}

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans',arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
}

    body.sticky {
        padding-top: 88px;
    }

@media screen and (max-width:991px) {
    body.sticky {
        padding-top: 85px;
    }
}

.h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem;
    margin: 1.3rem 0;
}

    .h2.brand {
        color: #0082c9;
    }

.ctform {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: 100%;
    overflow: hidden;
}

    .ctform .wpcf7-text, .ctform .wpcf7-textarea {
        width: 100%;
        padding-left: 5px;
    }

    .ctform .wpcf7-submit {
        background: url(images/ctbutton.png) center center no-repeat;
        background-size: 100% 100%;
        border: none;
        text-indent: -9999px;
        width: 201px;
        height: 61px;
    }

.ctform-v2 {
    background-color: transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

    .ctform-v2 .ajax-loader {
        display: block;
        text-align: right;
    }

    .ctform-v2 .wpcf7-text, .ctform-v2 .wpcf7-textarea {
        width: 100%;
        border: 0;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #EBEBEB;
    }

    .ctform-v2 .newline {
        height: 25px;
        margin: 0 0 15px;
        position: relative;
    }

        .ctform-v2 .newline .lb {
            display: inline-block;
            background-color: #EBEBEB;
            position: absolute;
            left: 0;
            bottom: -2px;
            z-index: 2;
            height: 26px;
            padding-right: 10px;
        }

        .ctform-v2 .newline .wpcf7-text {
            border-bottom: #cacbcc solid 1px !important;
            max-height: 25px;
            overflow: hidden;
        }

        .ctform-v2 .newline.ct-hoten .wpcf7-text {
            padding-left: 56px;
        }

        .ctform-v2 .newline.ct-email .wpcf7-text {
            padding-left: 50px;
        }

        .ctform-v2 .newline.ct-dienthoai .wpcf7-text {
            padding-left: 80px;
        }

        .ctform-v2 .newline.ct-congty .wpcf7-text {
            padding-left: 61px;
        }

        .ctform-v2 .newline.ct-tieude .wpcf7-text {
            padding-left: 60px;
        }

    .ctform-v2 .wpcf7-textarea {
        height: 100px;
        background: url(images/ct_message_line.png) repeat;
        line-height: 33px;
        padding-left: 0;
    }

    .ctform-v2 .ctform-body .ctform-form {
        background-color: #EBEBEB;
        color: #404041;
    }

        .ctform-v2 .ctform-body .ctform-form .ctform-heading {
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 30px;
        }

    .ctform-v2 .ctform-body .form-tag {
        position: absolute;
        right: 10px;
        top: 0;
        width: 86px;
        height: 42px;
        background: url(images/i_message.png) center center no-repeat;
    }

    .ctform-v2 .ctform-body .tag-gift {
        width: 64px;
        height: 64px;
        background: url(images/gift_box.png) center center no-repeat;
    }

@media screen and (max-width:319px) {
    .ctform-v2 .ctform-body {
        position: relative;
        padding-top: 25px;
    }

        .ctform-v2 .ctform-body .ctform-form {
            padding: 15px;
        }

            .ctform-v2 .ctform-body .ctform-form .ctform-heading {
                font-size: 14px;
                margin-bottom: 20px;
            }
}

@media screen and (min-width:320px) {
    .ctform-v2 .ctform-body {
        position: relative;
        padding-top: 25px;
    }

        .ctform-v2 .ctform-body .ctform-form {
            padding: 15px;
        }

            .ctform-v2 .ctform-body .ctform-form .ctform-heading {
                font-size: 14px;
                margin-bottom: 20px;
            }

    .ctform-v2 .wpcf7-submit {
        background: #0082c9 url(images/i_send.png) right center no-repeat;
        border: none;
        height: auto;
        width: auto;
        text-indent: 0;
        padding: 5px 30px;
        text-transform: uppercase;
        border-right: transparent 7px solid;
        font-weight: 700;
    }
}

@media screen and (min-width:480px) {
    .ctform-v2 .ctform-body .ctform-form {
        padding: 15px;
    }
}

@media screen and (min-width:768px) {
    .ctform-v2 .ctform-body .ctform-form {
        padding: 20px;
    }
}

@media screen and (min-width:992px) {
    .ctform-v2 {
        background-image: url(images/ctform_bg.png);
    }

        .ctform-v2 .ctform-body .ctform-form {
            margin-left: 350px;
            padding: 20px 30px 0 30px;
        }

            .ctform-v2 .ctform-body .ctform-form .ctform-heading {
                font-size: 22px;
                font-weight: 700;
                margin-bottom: 20px;
            }

        .ctform-v2 .wpcf7-submit {
            background: #0082c9 url(images/i_send.png) right center no-repeat;
            border: none;
            height: auto;
            width: auto;
            text-indent: 0;
            padding: 5px 30px;
            text-transform: uppercase;
            border-right: transparent 7px solid;
            font-weight: 700;
        }
}

header#header {
    padding: 15px 0 0;
    display: block;
    position: relative;
    -webkit-transition: "padding .5s linear, position .5s linear";
    -moz-transition: "padding .5s linear, position .5s linear";
    -ms-transition: "padding .5s linear, position .5s linear";
    -o-transition: "padding .5s linear, position .5s linear";
    transition: "padding .5s linear, position .5s linear";
}

    header#header #logo {
        display: block;
        background-image: url(images/logo@2x.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        text-indent: -99999px;
        width: 276px;
        height: 85px;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    header#header .container {
        position: relative;
    }

    header#header #header-left {
        height: 85px;
        float: left;
        position: relative;
    }

    header#header #header-right {
        height: 85px;
        position: relative;
    }

    header#header #mobile-menu {
        position: absolute;
        top: 15px;
        left: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 24px;
        overflow: hidden;
        color: #d2d2d2;
        text-align: center;
        display: none;
    }

        header#header #mobile-menu:hover, header#header #mobile-menu:active {
            color: #0082c9;
        }

    header#header #mobile-search {
        position: absolute;
        top: 15px;
        right: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 24px;
        overflow: hidden;
        color: #d2d2d2;
        text-align: center;
        display: none;
    }

        header#header #mobile-search:hover, header#header #mobile-search:active {
            color: #0082c9;
        }

    header#header .header-contact {
        position: absolute;
        top: 15px;
        right: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        display: inline-block;
        line-height: 30px;
        text-align: center;
        display: none;
    }

        header#header .header-contact .caret {
            text-decoration: none;
        }

    header#header #header-top {
        position: absolute;
        top: 0;
        right: 15px;
    }

        header#header #header-top .language {
            display: inline-block;
            margin-right: 10px;
            font-size: 14px;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            text-transform: uppercase;
            float: left;
            color: #1a1a1a;
        }

            header#header #header-top .language a {
                color: #000;
            }

                header#header #header-top .language a:hover, header#header #header-top .language a.current {
                    color: #0082c9;
                }

        header#header #header-top .hotline-dropdown {
            display: inline-block;
            float: left;
            margin-right: 10px;
        }

            header#header #header-top .hotline-dropdown .wrap-number {
                padding: 5px 5px 3px 5px;
                border: transparent solid 1px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                float: left;
                margin-left: 5px;
            }

            header#header #header-top .hotline-dropdown:hover .wrap-number {
                border-color: #0082c9;
            }

        header#header #header-top .app-menu {
            display: inline-block;
            height: 24px;
            margin: 0;
            padding: 0;
        }

            header#header #header-top .app-menu button {
                margin: 0;
                padding: 0;
                border: 0;
                line-height: 24px;
                font-size: 24px;
                overflow: hidden;
                background-color: transparent;
                color: #EBEBEB;
                text-align: right;
            }

                header#header #header-top .app-menu button:hover {
                    color: #0082c9;
                }

            header#header #header-top .app-menu .dropdown-menu {
                background-color: #6D6E70;
                border: 0;
                text-align: center;
                padding: 5px;
                width: 110px;
            }

                header#header #header-top .app-menu .dropdown-menu ul {
                    display: block;
                    width: 100%;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    header#header #header-top .app-menu .dropdown-menu ul li {
                        display: inline-block;
                    }

                        header#header #header-top .app-menu .dropdown-menu ul li a {
                            display: block;
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            float: left;
                            overflow: hidden;
                            border: #fff solid 1px;
                            text-align: center;
                            text-transform: uppercase;
                            color: #fff;
                            margin: 5px;
                            font-size: 11px;
                            text-decoration: none;
                        }

                        header#header #header-top .app-menu .dropdown-menu ul li:hover a, header#header #header-top .app-menu .dropdown-menu ul li.current a {
                            background-color: #0082c9;
                        }

@media screen and (max-width:1199px) {
    header#header #header-left, header#header #header-right {
        height: 72px;
    }

    header#header #logo {
        width: 235px;
        height: 72px;
        bottom: 5px;
    }
}

@media screen and (max-width:991px) {
    header#header {
        padding: 15px 0;
    }

        header#header #header-left {
            float: none;
            height: 55px;
        }

        header#header #header-right {
            display: none;
        }

        header#header #header-top {
            display: none;
        }

        header#header #logo {
            width: 180px;
            height: 55px;
            margin-left: auto;
            margin-right: auto;
            position: inherit;
            bottom: 0;
        }

        header#header #mobile-menu, header#header #mobile-search, header#header .header-contact {
            display: inline-block;
        }
}

@media screen and (max-width:767px) {
    header#header .header-contact .hide-small-mobile {
        display: none;
    }
}

header#header.sticky {
    padding: 10px 0 0 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
    top: 0;
    z-index: 1000;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

@media screen and (max-width:991px) {
    header#header.sticky {
        padding: 5px 0;
    }
}

#topnav {
    width: 100%;
    height: 44px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    #topnav .topmenu ul, #topnav .topmenu li, #topnav .topmenu a {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }

    #topnav ul.topmenu {
        display: block;
        height: 100%;
        float: right;
        text-align: right;
        margin: 0;
        padding: 0;
    }

        #topnav ul.topmenu li {
            position: relative;
            list-style: none;
            float: left;
            display: block;
            height: 44px;
            padding: 0 15px;
            z-index: 99;
        }

            #topnav ul.topmenu li a {
                display: block;
                line-height: 44px;
                height: 44px;
                margin: 0;
                font-size: 14px;
                font-weight: 600;
                text-decoration: none;
                text-transform: uppercase;
                color: #0082c9;
                border-bottom: transparent solid 3px;
            }

                #topnav ul.topmenu li a b {
                    display: none;
                }

            #topnav ul.topmenu li:last-child, #topnav ul.topmenu li li:nth-last-child(1) {
                padding-right: 0;
            }

            #topnav ul.topmenu li:hover a, #topnav ul.topmenu li.current-menu-item a, #topnav ul.topmenu li.current-menu-parent a, #topnav ul.topmenu li.current-page-parent a, #topnav ul.topmenu li.current-menu-ancestor a, #topnav ul.topmenu li.current-page-ancestor a {
                border-bottom-color: #e21c24;
                color: #0082c9;
            }

            #topnav ul.topmenu li:hover ul li a, #topnav ul.topmenu li.current-menu-item ul li a, #topnav ul.topmenu li.current-menu-parent ul li a, #topnav ul.topmenu li.current-page-parent ul li a, #topnav ul.topmenu li.current-menu-ancestor ul li a, #topnav ul.topmenu li.current-page-ancestor ul li a {
                background-color: #0082c9;
                color: #fff;
            }

            #topnav ul.topmenu li:hover ul li:hover a, #topnav ul.topmenu li.current-menu-item ul li:hover a, #topnav ul.topmenu li.current-menu-parent ul li:hover a, #topnav ul.topmenu li.current-page-parent ul li:hover a, #topnav ul.topmenu li.current-menu-ancestor ul li:hover a, #topnav ul.topmenu li.current-page-ancestor ul li:hover a {
                background-color: #fff;
                color: #0082c9;
            }

        #topnav ul.topmenu ul {
            position: absolute;
            top: 100%;
            left: 0;
            width: 250px;
            display: none;
            background: transparent;
            float: none;
            text-align: left;
        }

            #topnav ul.topmenu ul li {
                width: 100%;
                height: 0;
                overflow: hidden;
                padding: 0;
                position: relative;
                background: #fff;
                -webkit-opacity: .75;
                -moz-opacity: .75;
                opacity: .75;
            }

                #topnav ul.topmenu ul li a {
                    display: block;
                    padding: 15px 10px 15px 10px;
                    margin: 0;
                    font-weight: normal;
                    border-bottom-color: transparent;
                    border-bottom-width: 1px;
                    color: #0082c9;
                    text-transform: none;
                    overflow: hidden;
                    line-height: inherit;
                    height: auto;
                }

                #topnav ul.topmenu ul li:nth-last-child(1) a {
                    border-bottom-width: 0;
                }

                #topnav ul.topmenu ul li:nth-last-child(1) li a {
                    border-bottom-width: 1px;
                }

                #topnav ul.topmenu ul li:nth-last-child(1) li:nth-last-child(1) a {
                    border-bottom-width: 0;
                }

                #topnav ul.topmenu ul li:hover, #topnav ul.topmenu ul li.current-menu-item {
                    background-color: #fff;
                    color: #0082c9;
                }

                    #topnav ul.topmenu ul li:hover:after, #topnav ul.topmenu ul li.current-menu-item:after {
                        border-left-color: #fff;
                    }

                    #topnav ul.topmenu ul li:hover a, #topnav ul.topmenu ul li.current-menu-item a {
                        background: #000;
                        color: #fff;
                    }

                    #topnav ul.topmenu ul li:hover a, #topnav ul.topmenu ul li.current-menu-item a {
                        background: #000;
                        color: #fff;
                    }

                #topnav ul.topmenu ul li.menu-item-has-children:before {
                    content: '';
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    bottom: 1px;
                    right: 0;
                    width: 20px;
                    text-align: center;
                    background-color: #fed678;
                    color: #fff;
                }

                #topnav ul.topmenu ul li.menu-item-has-children:after {
                    content: '\f105';
                    font-family: 'fontAwesome';
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    width: 20px;
                    height: 20px;
                    margin-top: -10px;
                    text-align: center;
                    color: #fff;
                    z-index: 1;
                }

                #topnav ul.topmenu ul li.menu-item-has-children:hover:before {
                    background-color: #fff;
                    color: #0082c9;
                }

                #topnav ul.topmenu ul li.menu-item-has-children:hover:after {
                    color: #0082c9;
                }

                #topnav ul.topmenu ul li.menu-item-has-children:hover ul li {
                    -webkit-opacity: 1;
                    -moz-opacity: 1;
                    opacity: 1;
                }

                    #topnav ul.topmenu ul li.menu-item-has-children:hover ul li a {
                        background-color: #0082c9;
                        color: #fff;
                    }

                        #topnav ul.topmenu ul li.menu-item-has-children:hover ul li a:hover {
                            background-color: #fff;
                            color: #0082c9;
                        }

        #topnav ul.topmenu li:hover > ul li {
            height: auto;
            overflow: visible;
        }

        #topnav ul.topmenu ul ul {
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            padding-top: 0;
            height: 100%;
            display: none;
            -webkit-transition: display .25s ease .1s;
            -moz-transition: display .25s ease .1s;
            -ms-transition: display .25s ease .1s;
            -o-transition: display .25s ease .1s;
            transition: display .25s ease .1s;
        }

@media screen and (max-width:1199px) {
    #topnav ul.topmenu li {
        padding: 0 7px;
    }
}

@media screen and (max-width:991px) {
    #topnav ul.topmenu li {
        padding: 0 3px;
    }

        #topnav ul.topmenu li a {
            font-size: 12px;
        }
}

.support {
    padding: 25px 0;
}

    .support .btn-quotes, .support .btn-profile, .support .btn-hotline, .support .btn-chat {
        display: block;
        text-align: center;
        margin: 0 auto;
        text-decoration: none;
    }

        .support .btn-quotes span.ico, .support .btn-profile span.ico, .support .btn-hotline span.ico, .support .btn-chat span.ico {
            display: block;
            border: #EBEBEB solid 6px;
            -webkit-border-top-right-radius: 50%;
            -webkit-border-bottom-right-radius: 50%;
            -webkit-border-bottom-left-radius: 50%;
            -webkit-border-top-left-radius: 50%;
            -moz-border-radius-topright: 50%;
            -moz-border-radius-bottomright: 50%;
            -moz-border-radius-bottomleft: 50%;
            -moz-border-radius-topleft: 50%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border-top-left-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            text-align: center;
            margin: 0 auto 10px auto;
            position: relative;
            -webkit-transition: all linear .25s;
            -moz-transition: all linear .25s;
            -ms-transition: all linear .25s;
            -o-transition: all linear .25s;
            transition: all linear .25s;
        }

            .support .btn-quotes span.ico i, .support .btn-profile span.ico i, .support .btn-hotline span.ico i, .support .btn-chat span.ico i {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 24px;
                height: 18px;
                margin-top: -9px;
                margin-left: -12px;
                background-position: 0 0;
                background-repeat: no-repeat;
                -webkit-transition: background-position .12s linear;
                -moz-transition: background-position .12s linear;
                -ms-transition: background-position .12s linear;
                -o-transition: background-position .12s linear;
                transition: background-position .12s linear;
            }

        .support .btn-quotes span.txt, .support .btn-profile span.txt, .support .btn-hotline span.txt, .support .btn-chat span.txt {
            display: block;
            width: 100%;
            color: #0082c9;
            text-align: center;
        }

        .support .btn-quotes:hover, .support .btn-profile:hover, .support .btn-hotline:hover, .support .btn-chat:hover, .support .btn-quotes:active, .support .btn-profile:active, .support .btn-hotline:active, .support .btn-chat:active {
            text-decoration: none;
        }

            .support .btn-quotes:hover span.ico, .support .btn-profile:hover span.ico, .support .btn-hotline:hover span.ico, .support .btn-chat:hover span.ico, .support .btn-quotes:active span.ico, .support .btn-profile:active span.ico, .support .btn-hotline:active span.ico, .support .btn-chat:active span.ico {
                background-color: #0082c9;
            }

                .support .btn-quotes:hover span.ico i, .support .btn-profile:hover span.ico i, .support .btn-hotline:hover span.ico i, .support .btn-chat:hover span.ico i, .support .btn-quotes:active span.ico i, .support .btn-profile:active span.ico i, .support .btn-hotline:active span.ico i, .support .btn-chat:active span.ico i {
                    background-position: 0 -18px;
                }

        .support .btn-quotes span.ico i {
            background-image: url(images/iemail.png);
        }

        .support .btn-profile span.ico i {
            width: 39px;
            height: 29px;
            margin-top: -14px;
            margin-left: -19px;
            background-image: url(images/idownload.png);
        }

        .support .btn-profile:hover span.ico i {
            background-position: 0 -29px;
        }

        .support .btn-hotline span.ico i {
            width: 18px;
            height: 32px;
            margin-top: -16px;
            margin-left: -9px;
            background-image: url(images/ihotline.png);
        }

        .support .btn-hotline:hover span.ico i {
            background-position: 0 -32px;
        }

        .support .btn-chat span.ico i {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px;
            background-image: url(images/ichat.png);
        }

        .support .btn-chat:hover span.ico i {
            background-position: 0 -30px;
        }

.jumbo {
    background-color: #EBEBEB;
    padding: 30px 0;
}

.jumbo-img {
    width: 100%;
    padding: 16px 18px 10px 18px;
    background-color: #F2F2F2;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(images/jumbo.jpg);
    -webkit-transition: background linear 1s;
    -moz-transition: background linear 1s;
    -ms-transition: background linear 1s;
    -o-transition: background linear 1s;
    transition: background linear 1s;
}

    .jumbo-img.bg-top-right {
        background-position: top right;
    }

.jumbo-case-study {
    background-image: url(images/jumbo-case-study.jpg);
}

.accordion section, .accordion, .accordion h3, .accord-desc {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .accordion section {
        overflow: hidden;
        margin-bottom: 20px;
    }

        .accordion section h3 {
            font-size: 14px;
            margin: 0;
            min-height: 38px;
            padding: 15px 0 0;
            text-transform: uppercase;
            cursor: pointer;
        }

            .accordion section h3 span.icon1, .accordion section h3 span.icon2, .accordion section h3 span.icon3, .accordion section h3 span.icon4 {
                display: block;
                float: left;
                margin-top: -15px;
                border: #EBEBEB solid 5px;
                width: 58px;
                height: 58px;
                margin-right: 10px;
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -ms-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            .accordion section h3 span.icon1 {
                background-image: url(images/icon1.png);
            }

            .accordion section h3 span.icon2 {
                background-image: url(images/icon2.png);
            }

            .accordion section h3 span.icon3 {
                background-image: url(images/icon3.png);
            }

            .accordion section h3 span.icon4 {
                background-image: url(images/icon4.png);
            }

            .accordion section h3 span:hover, .accordion section h3 span:active {
                color: #0082c9;
            }

        .accordion section .accord-desc {
            display: block;
            padding-top: 15px;
            padding-bottom: 0;
            color: #EBEBEB;
        }

            .accordion section .accord-desc img {
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
                margin-bottom: 20px;
            }

            .accordion section .accord-desc:hover img {
                -webkit-opacity: .9;
                -moz-opacity: .9;
                opacity: .9;
            }

            .accordion section .accord-desc ul {
                list-style: url(images/li.png) outside;
                margin-left: 45px;
            }

                .accordion section .accord-desc ul li {
                    margin-bottom: 5px;
                }

                .accordion section .accord-desc ul a {
                    color: #7a7a7a;
                }

                    .accordion section .accord-desc ul a:hover, .accordion section .accord-desc ul a:active {
                        color: #0082c9;
                    }

        .accordion section:hover h3, .accordion section:active h3 {
            color: #0082c9;
        }

            .accordion section:hover h3 span.icon1, .accordion section:active h3 span.icon1, .accordion section:hover h3 span.icon2, .accordion section:active h3 span.icon2, .accordion section:hover h3 span.icon3, .accordion section:active h3 span.icon3, .accordion section:hover h3 span.icon4, .accordion section:active h3 span.icon4 {
                background-color: #0082c9;
            }

.line {
    background: url(images/line.jpg) center center repeat-x;
}

    .line a {
        display: inline-block;
        background-color: #fff;
        color: #7a7a7a;
        padding-left: 5px;
        padding-right: 5px;
    }

.whyus .whyus-text {
    text-align: justify;
    height: 100%;
}

    .whyus .whyus-text .btn-start {
        width: 100%;
    }

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

    ul.list-none li, ol.list-none li {
        padding: 5px 0;
    }

.lead {
    text-align: justify;
}

    .lead img {
        -webkit-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
        float: left;
        margin-right: 15px;
    }

.widget .widget-title {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

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

    .widget ul li {
        padding: 0 0 5px;
    }

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

        .widget ul.menu li {
            font-size: 1.4rem;
            margin: 0;
            padding: 0;
            border: 0;
        }

            .widget ul.menu li a {
                text-decoration: none;
                display: block;
                color: #000;
                background-color: #EBEBEB;
                padding: 10px 10px 10px 26px;
                margin: 0 0 2px;
            }

            .widget ul.menu li.current-menu-item a, .widget ul.menu li:hover a, .widget ul.menu li:active a {
                text-decoration: underline;
            }

.searchform {
    margin: 0;
    padding: 0;
    padding: 2px;
    border: #EBEBEB solid 1px;
    position: relative;
    display: block;
    height: 54px;
}

    .searchform button {
        background: #EBEBEB url(images/isearch.png) center center no-repeat;
        border: 0;
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        bottom: 2px;
        width: 18%;
        text-indent: -9999px;
    }

    .searchform input[type="text"] {
        display: block;
        position: absolute;
        top: 2px;
        right: 2px;
        bottom: 2px;
        width: 80%;
        border: 0;
        padding-left: 15px;
    }

#sidebar-left .widget .widget-title {
    font-size: 1.4rem;
    background-color: #0082c9;
    margin: 0;
    padding: 10px 26px;
    text-transform: none;
}

#sidebar-right .widget {
    margin-bottom: 2rem;
}

    #sidebar-right .widget .widget-title {
        font-size: 1.4rem;
        border-bottom: #0082c9 solid 1px;
        padding: 10px 0;
        text-transform: uppercase;
    }

    #sidebar-right .widget ul {
        padding: 10px 0;
    }

#content img {
    max-width: 100%;
}

#content article {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

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

    #content article .entry-header {
        border-bottom: #ddd solid 1px;
        margin-bottom: 20px;
    }

        #content article .entry-header h1 {
            margin: 0 0 10px;
            font-size: 1.4rem;
            line-height: 2.2rem;
        }

    #content article .entry-meta {
        border-bottom: 1px solid #ddd;
        color: #999;
        margin-bottom: 2px;
        padding-bottom: 10px;
    }

        #content article .entry-meta .left {
            float: left;
        }

        #content article .entry-meta .socials {
            float: right;
        }

            #content article .entry-meta .socials .facebook, #content article .entry-meta .socials .twitter, #content article .entry-meta .socials .gplus, #content article .entry-meta .socials .pinterest {
                display: block;
                float: left;
                margin: 0;
                padding: 0;
                margin-left: 8px;
                width: 25px;
                height: 25px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                text-align: center;
                background-color: #0082c9;
                color: #fff;
                line-height: 25px;
            }

                #content article .entry-meta .socials .facebook:hover, #content article .entry-meta .socials .twitter:hover, #content article .entry-meta .socials .gplus:hover, #content article .entry-meta .socials .pinterest:hover {
                    background-color: #0082c9;
                }

            #content article .entry-meta .socials .facebook {
                background-color: #3E5B98;
            }

            #content article .entry-meta .socials .twitter {
                background-color: #4DA7DE;
            }

            #content article .entry-meta .socials .gplus {
                background-color: #D93E2D;
            }

            #content article .entry-meta .socials .pinterest {
                background-color: #C92619;
            }

    #content article.formated h2, #content article.formated h3, #content article.formated h4, #content article.formated h5, #content article.formated h6 {
        font-size: 1.2rem;
        font-weight: 700;
        text-transform: uppercase;
    }

#main {
    margin-top: 20px;
}

    #main.nomargin {
        margin: 0;
    }

    #main.nopadding {
        padding: 0;
    }

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

    ul.tabs:after {
        content: ' ';
        display: block;
        height: 1px;
        clear: both;
        empty-cells: show;
    }

    ul.tabs li {
        background: none;
        color: #000;
        display: inline-block;
        float: left;
        width: 200px;
        padding: 10px 15px;
        text-align: center;
        cursor: pointer;
        margin: 0;
        font-weight: 600;
        border-bottom: #EBEBEB solid 2px;
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

        ul.tabs li.current {
            border-bottom-color: #e21c24;
            color: #000;
        }

@media screen and (max-width:767px) {
    ul.tabs li {
        width: 50%;
    }
}

.tab-content {
    /*display: none;*/
    padding: 15px 0;
    margin: 0;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .tab-content.current {
        display: block;
    }

.tabmenu {
    height: 53px;
    margin-top: 0;
}

    .tabmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        font-size: 1.2rem;
        font-weight: 400;
        display: table;
        table-layout: fixed;
    }

        .tabmenu ul li {
            display: table-cell;
            background-color: #EBEBEB;
            padding: 12px 0;
            text-align: center;
            border-right: #fff solid 0;
            vertical-align: middle;
        }

            .tabmenu ul li:first-child {
                background-color: #0082c9 !important;
                font-weight: 600;
            }

            .tabmenu ul li:last-child {
                border-right: 0;
            }

            .tabmenu ul li:hover, .tabmenu ul li.current-menu-item, .tabmenu ul li.current-menu-parent {
                border-bottom: #0082c9 solid 3px;
                font-weight: 600;
            }

            .tabmenu ul li a {
                color: #000;
                text-decoration: none !important;
            }

            .tabmenu ul li ul {
                display: none;
            }

    .tabmenu .widget .menu li {
        font-size: 12px;
    }

        .tabmenu .widget .menu li:hover, .tabmenu .widget .menu li.current-menu-item, .tabmenu .widget .menu li.current-menu-parent {
            border-bottom: #0082c9 solid 3px;
            font-weight: 600;
        }

        .tabmenu .widget .menu li a {
            background-color: transparent;
            text-decoration: none;
        }

            .tabmenu .widget .menu li a:hover {
                text-decoration: none;
            }

.home-news .widget .widget-title {
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 5px;
    position: relative;
    margin: 0 0 20px;
}

    .home-news .widget .widget-title:before {
        content: '';
        display: block;
        width: 180px;
        height: 2px;
        position: absolute;
        bottom: -2px;
        background-color: #0082c9;
    }

.home-news .widget ul.list-none li {
    margin-bottom: 5px;
}

.blognews-wrap {
    background: #EBEBEB;
    padding: 30px 0;
}

    .blognews-wrap h2 {
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 5px;
        position: relative;
        margin: 0 0 20px;
        text-transform: uppercase;
    }

        .blognews-wrap h2:before {
            content: '';
            display: block;
            width: 180px;
            height: 2px;
            position: absolute;
            bottom: -2px;
            background-color: #0082c9;
        }

    .blognews-wrap .blognews .bnleft {
        float: left;
        width: 50%;
        text-align: justify;
        padding-right: 15px;
    }

        .blognews-wrap .blognews .bnleft img {
            width: 200px;
            height: auto;
            margin-right: 15px;
            float: left;
        }

        .blognews-wrap .blognews .bnleft h3 {
            margin: 0 0 10px;
            padding: 0;
            font-size: 14px;
            font-weight: 600;
        }

        .blognews-wrap .blognews .bnleft .more {
            display: block;
            text-align: right;
            padding-right: 5px;
            margin-top: 10px;
        }

    .blognews-wrap .blognews .bnright {
        float: left;
        width: 50%;
        padding-left: 15px;
    }

        .blognews-wrap .blognews .bnright .bnr1 {
            float: left;
            width: 50%;
            padding-right: 15px;
        }

            .blognews-wrap .blognews .bnright .bnr1 ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .blognews-wrap .blognews .bnright .bnr1 ul li {
                    margin-bottom: 5px;
                    padding: 5px 0;
                }

        .blognews-wrap .blognews .bnright .bnr2 {
            float: left;
            width: 50%;
        }

            .blognews-wrap .blognews .bnright .bnr2 ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .blognews-wrap .blognews .bnright .bnr2 ul li {
                    margin-bottom: 15px;
                }

                    .blognews-wrap .blognews .bnright .bnr2 ul li img {
                        float: left;
                        width: 75px;
                        height: auto;
                        margin-right: 15px;
                    }

@media screen and (max-width:767px) {
    .blognews-wrap .blognews .bnleft {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .blognews-wrap .blognews .bnright {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}

@media screen and (max-width:600px) {
    .blognews-wrap .blognews .bnleft {
        text-align: left;
    }

        .blognews-wrap .blognews .bnleft img {
            width: 100px;
        }

    .blognews-wrap .blognews .bnright .bnr1 {
        display: none;
    }

    .blognews-wrap .blognews .bnright .bnr2 {
        float: none;
        width: 100%;
    }
}

.counter-item {
    margin-bottom: 20px;
}

    .counter-item .counter-number {
        font-size: 34px;
        line-height: 40px;
        font-weight: 700;
        color: #0082c9;
    }

    .counter-item .counter-text {
        font-size: 14px;
        font-weight: 700;
    }

.progress {
    position: relative;
    display: block;
    min-height: 82px;
    height: auto;
    padding-left: 115px;
}

    .progress:before {
        content: '';
        display: block;
        width: 82px;
        height: 82px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #EBEBEB;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: background-color .5s ease;
        -moz-transition: background-color .5s ease;
        -ms-transition: background-color .5s ease;
        -o-transition: background-color .5s ease;
        transition: background-color .5s ease;
    }

    .progress:after {
        content: '';
        display: block;
        position: absolute;
        top: 82px;
        left: 40px;
        border-left: #EBEBEB dashed 3px;
        height: 100%;
    }

    .progress.icon1:before {
        background-image: url(images/iresearch.png);
    }

    .progress.icon2:before {
        background-image: url(images/ibrand.png);
    }

    .progress.icon3:before {
        background-image: url(images/icreative.png);
    }

    .progress.icon4:before {
        background-image: url(images/icomunication.png);
    }

    .progress.icon5:before {
        background-image: url(images/imanagement.png);
    }

    .progress .progress-content {
        min-height: 100px;
        height: auto;
        font-size: 12px;
    }

        .progress .progress-content h3 {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            padding: 0;
            margin: 10px 0 10px;
        }

        .progress .progress-content h4 {
            font-size: 12px;
            font-weight: 600;
            margin: 0;
            padding: 0;
        }

        .progress .progress-content ul {
            list-style: disc outside;
            color: #0082c9;
            margin: 0 0 0 25px;
            padding: 0;
        }

    .progress:last-child:after {
        display: none;
    }

    .progress:hover h2, .progress:active h2, .progress:hover h3, .progress:active h3 {
        color: #0082c9;
    }

    .progress:hover:before, .progress:active:before {
        background-color: #0082c9;
    }

.post-slider-wrap {
    position: relative;
}

    .post-slider-wrap .post-slider .item .item-img img {
        width: 100%;
        height: auto;
        -webkit-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
    }

    .post-slider-wrap .post-slider .item:hover .item-img img {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .post-slider-wrap .post-slider-nav a.prev {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        padding: 4px 8px;
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

    .post-slider-wrap .post-slider-nav a.next {
        position: absolute;
        top: 50%;
        right: 0;
        display: inline-block;
        padding: 4px 8px;
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

    .post-slider-wrap .testimonial .item {
        font-size: 1.2rem;
    }

        .post-slider-wrap .testimonial .item h3 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 1.8rem;
            color: #0082c9;
            font-weight: 700;
        }

        .post-slider-wrap .testimonial .item .item-pos {
            color: #0082c9;
        }

        .post-slider-wrap .testimonial .item .item-desc {
            margin-top: 10px;
            position: relative;
            text-align: justify;
        }

        .post-slider-wrap .testimonial .item .item-img {
            margin-bottom: 10px;
        }

            .post-slider-wrap .testimonial .item .item-img:before {
                content: '';
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                right: 0;
                height: 0;
                width: 0;
                border: 20px solid transparent;
                border-top-color: #fff;
                z-index: 2;
            }

            .post-slider-wrap .testimonial .item .item-img img {
                width: 100%;
                height: auto;
                -webkit-opacity: .9;
                -moz-opacity: .9;
                opacity: .9;
            }

        .post-slider-wrap .testimonial .item:hover .item-img img {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

.testimonial-form {
    background-color: transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .testimonial-form .close {
        font-weight: bold;
        font-size: 24px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
        display: inline-block;
        text-decoration: none;
        color: #0082c9;
        display: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

        .testimonial-form .close:hover {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

    .testimonial-form .wpcf7-text, .testimonial-form .wpcf7-textarea {
        width: 100%;
        border: 0;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #EBEBEB;
    }

    .testimonial-form .newline {
        height: 26px;
        margin: 0 0 15px;
        position: relative;
    }

        .testimonial-form .newline .lb {
            display: inline-block;
            position: absolute;
            left: 10px;
            bottom: -2px;
            z-index: 2;
            height: 26px;
            line-height: 26px;
            width: 80px;
        }

        .testimonial-form .newline .wpcf7-text {
            padding-left: 80px;
            border-bottom: #cacbcc solid 1px !important;
            height: 26px;
            overflow: hidden;
        }

    .testimonial-form .wpcf7-textarea {
        height: 150px;
        background: url(images/ct_message_line.png) repeat;
        line-height: 33px;
        padding-left: 10px;
    }

    .testimonial-form .ctform-body .ctform-form {
        background-color: #fff;
        color: #404041;
    }

        .testimonial-form .ctform-body .ctform-form .ctform-heading {
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 30px;
        }

    .testimonial-form .ctform-body .form-tag {
        position: absolute;
        right: 10px;
        top: 0;
        width: 64px;
        height: 64px;
        background: url(images/testimonial_ico.png) center center no-repeat;
    }

    .testimonial-form .wpcf7-submit {
        background: #0082c9;
        border: none;
        height: auto;
        width: auto;
        text-indent: 0;
        padding: 5px 30px;
        text-transform: uppercase;
        border-right: transparent 7px solid;
        font-weight: 700;
    }

@media screen and (max-width:319px) {
    .testimonial-form .ctform-body {
        position: relative;
        padding-top: 25px;
    }

        .testimonial-form .ctform-body .ctform-form {
            padding: 15px;
        }

            .testimonial-form .ctform-body .ctform-form .ctform-heading {
                font-size: 14px;
                margin-bottom: 20px;
            }
}

@media screen and (min-width:320px) {
    .testimonial-form .ctform-body {
        position: relative;
        padding-top: 25px;
    }

        .testimonial-form .ctform-body .ctform-form {
            padding: 15px;
        }

            .testimonial-form .ctform-body .ctform-form .ctform-heading {
                font-size: 14px;
                margin-bottom: 20px;
            }
}

@media screen and (min-width:480px) {
    .testimonial-form .ctform-body .ctform-form {
        padding: 15px;
    }
}

@media screen and (min-width:768px) {
    .testimonial-form .ctform-body .ctform-form {
        padding: 20px;
    }
}

@media screen and (min-width:992px) {
    .testimonial-form {
        background-image: url(images/ctform_bg.png);
    }

        .testimonial-form .ctform-body .ctform-form {
            margin-left: 350px;
            padding: 20px 30px 0 30px;
        }

            .testimonial-form .ctform-body .ctform-form .ctform-heading {
                font-size: 22px;
                font-weight: 700;
                margin-bottom: 20px;
            }
}

.testimonial-wrap-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
}

    .testimonial-wrap-popup .testimonial-form {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 900px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        margin-left: auto;
        margin-right: auto;
        max-width: 96%;
        max-height: 96%;
        overflow-y: auto;
        background-color: #fff;
    }

        .testimonial-wrap-popup .testimonial-form .close {
            display: inline-block;
        }

        .testimonial-wrap-popup .testimonial-form .wpcf7-text, .testimonial-wrap-popup .testimonial-form .wpcf7-textarea {
            width: 100%;
            border: 0;
            padding-left: 5px;
            padding-right: 5px;
            background-color: #EBEBEB;
        }

        .testimonial-wrap-popup .testimonial-form .newline {
            height: 26px;
            margin: 0 0 10px;
            position: relative;
        }

            .testimonial-wrap-popup .testimonial-form .newline .lb {
                display: inline-block;
                background-color: transparent;
                position: absolute;
                left: 10px;
                bottom: 0;
                z-index: 2;
                height: 25px;
                line-height: 25px;
                width: 80px;
                overflow: hidden;
            }

            .testimonial-wrap-popup .testimonial-form .newline .wpcf7-text {
                padding-left: 80px;
                border-bottom: #cacbcc solid 1px !important;
                height: 26px;
                overflow: hidden;
            }

        .testimonial-wrap-popup .testimonial-form .wpcf7-textarea {
            padding-left: 10px;
            padding-right: 10px;
        }

        .testimonial-wrap-popup .testimonial-form .ctform-body .ctform-form {
            background-color: #fff;
        }

@media screen and (max-width:479px) {
    .testimonial-wrap-popup .testimonial-form {
        position: absolute;
        max-height: 80%;
        overflow-y: auto;
        background-color: #fff;
    }
}

@media screen and (min-width:992px) {
    .testimonial-wrap-popup .testimonial-form {
        background-image: url(images/ctform_bg.png);
        background-color: #fff;
    }

        .testimonial-wrap-popup .testimonial-form .ctform-body .ctform-form {
            background-color: #fff;
            color: #404041;
            margin-left: 350px;
            padding: 20px 30px 0 30px;
        }

            .testimonial-wrap-popup .testimonial-form .ctform-body .ctform-form .ctform-heading {
                font-size: 22px;
                font-weight: 700;
                margin-bottom: 20px;
                margin-top: 0;
            }
}

.testimonial-list .item {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

    .testimonial-list .item .item-img {
        width: 150px;
        float: left;
    }

        .testimonial-list .item .item-img img {
            max-width: 100%;
            height: auto;
            border: #EBEBEB solid 1px;
        }

    .testimonial-list .item .item-quotes {
        width: calc(100% - 150px);
        float: left;
        padding-left: 40px;
        padding-right: 20px;
        position: relative;
        color: #7a7a7a;
    }

        .testimonial-list .item .item-quotes:before {
            content: '\f10d';
            font-family: FontAwesome;
            position: absolute;
            top: 0;
            left: 20px;
            font-size: 16px;
            line-height: 16px;
        }

        .testimonial-list .item .item-quotes .quotes-rating span:after {
            content: "\2605";
            font-size: 16px;
            width: 16px;
            height: 16px;
            display: inline-block;
            color: #0082c9;
        }

@media screen and (max-width:767px) {
    .testimonial-list .item {
        width: 100%;
        float: none;
    }

        .testimonial-list .item:after {
            content: '';
            display: block;
            clear: both;
        }
}

@media screen and (max-width:479px) {
    .testimonial-list .item {
        border-bottom: #EBEBEB dotted 1px;
        padding-bottom: 10px;
    }

        .testimonial-list .item .item-img {
            float: none;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
        }

        .testimonial-list .item .item-quotes {
            width: 100%;
            float: none;
            padding-left: 40px;
            padding-right: 20px;
        }
}

.btn-review {
    background-color: #0082c9;
    color: #000;
    padding: 0 20px;
    float: right;
    font-size: 14px;
}

    .btn-review:hover {
        background-color: #fdc746;
        color: #000;
    }

@media screen and (max-width:479px) {
    .btn-review span {
        display: none;
    }
}

#sidebar-about .quotes {
    margin-bottom: 25px;
}

.sidebarform {
    overflow: hidden;
}

    .sidebarform a.start, .sidebarform a.download, .sidebarform a.hotline, .sidebarform a.email, .sidebarform a.plus {
        display: block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        height: 45px;
        background-color: #EBEBEB;
        position: relative;
        padding-left: 65px;
        margin-bottom: 2px;
        font-size: 12px;
        color: #000;
        text-decoration: none !important;
    }

        .sidebarform a.start .icon, .sidebarform a.download .icon, .sidebarform a.hotline .icon, .sidebarform a.email .icon, .sidebarform a.plus .icon {
            display: block;
            width: 45px;
            height: 45px;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #0082c9;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .sidebarform a.hotline {
        padding-top: 5px;
    }

        .sidebarform a.hotline .icon {
            background-image: url(images/frm_ihotline.png);
        }

        .sidebarform a.hotline .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.email {
        padding-top: 5px;
    }

        .sidebarform a.email .icon {
            background-image: url(images/frm_iemail.png);
        }

        .sidebarform a.email .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.download {
        text-transform: uppercase;
        padding-top: 15px;
        font-weight: 700;
    }

        .sidebarform a.download .icon {
            background-image: url(images/frm_idownload.png);
        }

    .sidebarform a.start {
        padding-top: 15px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .sidebarform a.start .icon {
            background-image: url(images/frm_istart.png);
        }

    .sidebarform a.plus {
        padding-top: 15px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .sidebarform a.plus .icon {
            background-image: url(images/frm_iplus.png);
        }

    .sidebarform .form {
        background: #EBEBEB;
        padding: 20px;
    }

    .sidebarform .ajax-loader {
        display: block;
    }

    .sidebarform form, .sidebarform input[type="text"], .sidebarform input[type="email"], .sidebarform input[type="file"], .sidebarform textarea, .sidebarform select {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sidebarform textarea {
        height: 80px;
    }

    .sidebarform input[type="submit"] {
        border: 0;
        background-color: #0082c9;
        color: #000;
        padding: 2px 10px;
        border-bottom: #000 solid 2px;
    }

.list-songan {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #0082c9 dashed 1px;
    position: relative;
}

    .list-songan .more {
        position: absolute;
        bottom: 0;
        right: 5px;
        font-size: 1.4rem;
        font-style: normal;
    }

        .list-songan .more a {
            color: #0082c9;
        }

    .list-songan img {
        -webkit-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
    }

    .list-songan:hover img {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.career-lead {
    color: #7a7a7a;
    border-bottom: #0082c9 dashed 1px;
    font-size: 2.4rem;
    font-weight: 400;
    margin-top: 0;
    padding-bottom: 20px;
    line-height: 2.8rem;
}

.career-quotes {
    font-size: 1.428rem;
}

    .career-quotes h3 {
        font-size: 1.428rem;
        font-weight: bold;
    }

    .career-quotes p {
        font-style: italic;
        color: #a4a4a4;
        font-size: 1.428rem;
    }

.career-list {
    margin-bottom: 10px;
    padding-bottom: 50px;
    border-bottom: #0082c9 dashed 1px;
    position: relative;
    font-size: 1.4rem;
}

    .career-list .more {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 1.4rem;
        font-style: normal;
    }

        .career-list .more a {
            color: #0082c9;
        }

    .career-list h3 {
        margin-bottom: 1rem;
    }

    .career-list h4 {
        font-weight: 400;
        margin-top: 0;
        color: #7a7a7a;
    }

        .career-list h4 a {
            color: #7a7a7a;
        }

            .career-list h4 a:hover {
                color: #0082c9;
            }

.career-single {
    font-size: 1.4rem;
}

    .career-single article {
        border-bottom: #0082c9 dashed 1px;
        padding-bottom: 20px;
    }

        .career-single article h4 {
            font-weight: 400;
            margin-top: 0;
            color: #7a7a7a;
        }

            .career-single article h4 a {
                color: #7a7a7a;
            }

                .career-single article h4 a:hover {
                    color: #0082c9;
                }

ul.career-related {
    font-size: 1.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.career-related li {
        padding: 5px 0;
    }

        ul.career-related li h4 {
            font-weight: 400;
            color: #7a7a7a;
            margin: 0;
        }

            ul.career-related li h4 a {
                color: #7a7a7a;
            }

                ul.career-related li h4 a:hover {
                    color: #0082c9;
                }

.breadcrumb {
    font-size: 1.4rem;
    font-weight: 700;
    border-left: #0082c9 solid 6px;
    padding-left: 15px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
}

    .breadcrumb .subpath {
        display: block;
        font-weight: normal;
        color: #afafaf;
        line-height: normal;
    }

        .breadcrumb .subpath a {
            color: #afafaf;
            text-decoration: none;
        }

            .breadcrumb .subpath a:hover, .breadcrumb .subpath a:active, .breadcrumb .subpath a.current {
                color: #0082c9;
            }

.quotes {
    font-size: 14px;
    color: #7e7e7e;
    line-height: normal;
    text-align: left;
}

    .quotes b, .quotes strong {
        font-weight: 700;
    }

    .quotes span {
        color: #0082c9;
        font-weight: 700;
    }

.activities {
    margin-bottom: 20px;
}

    .activities .we-work {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }

        .activities .we-work:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

    .activities .we-learn {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }

        .activities .we-learn:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

    .activities .we-play {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }

        .activities .we-play:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

.other-activities .swiper-container {
    width: 100%;
    color: #fff;
    text-align: left;
}

    .other-activities .swiper-container .swiper-slide a {
        display: block;
        color: #000;
        text-decoration: none;
        display: 25%;
    }

        .other-activities .swiper-container .swiper-slide a .img {
            position: relative;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            -webkit-transition: all .5s linear;
            -moz-transition: all .5s linear;
            -ms-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            .other-activities .swiper-container .swiper-slide a .img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
                -moz-filter: grayscale(0);
            }

            .other-activities .swiper-container .swiper-slide a .img img {
                width: 100%;
            }

            .other-activities .swiper-container .swiper-slide a .img .date {
                position: absolute;
                top: 15px;
                left: 0;
                background-color: #727272;
                color: #fff;
                height: 24px;
                padding: 3px 10px 3px 10px;
            }

                .other-activities .swiper-container .swiper-slide a .img .date span.arrow {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: -24px;
                    height: 0;
                    width: 0;
                    border: 12px solid transparent;
                    border-left-color: #727272;
                }

        .other-activities .swiper-container .swiper-slide a:hover .img {
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

            .other-activities .swiper-container .swiper-slide a:hover .img .date {
                background-color: #0082c9;
            }

                .other-activities .swiper-container .swiper-slide a:hover .img .date span.arrow {
                    border-left-color: #0082c9;
                }

    .other-activities .swiper-container .pagination {
        position: absolute;
        z-index: 20;
        left: 10px;
        bottom: 10px;
    }

    .other-activities .swiper-container .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #222;
        margin-right: 5px;
        opacity: .8;
        border: 1px solid #fff;
        cursor: pointer;
    }

    .other-activities .swiper-container .swiper-visible-switch {
        background: #aaa;
    }

    .other-activities .swiper-container .swiper-active-switch {
        background: #fff;
    }

.services-banner {
    display: none;
}

.service-col {
    margin-bottom: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .service-col figure {
        display: block;
        height: auto;
    }

    .service-col h2 {
        font-size: 18px;
        font-weight: 700;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .service-col h2 span {
            font-size: 48px;
            font-weight: 700;
            color: #0082c9;
            display: block;
            line-height: 60px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

    .service-col h3 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
    }

    .service-col .service-content {
        text-align: left;
        background-position: top left;
        background-repeat: no-repeat;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .service-col .service-content.icon1 {
            background-image: url(images/i_chienluoc2x.png);
        }

        .service-col .service-content.icon2 {
            background-image: url(images/i_sangtao2x.png);
        }

        .service-col .service-content.icon3 {
            background-image: url(images/i_truyenthong2x.png);
        }

        .service-col .service-content.icon4 {
            background-image: url(images/i_dichvukhac2x.png);
        }

        .service-col .service-content ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .service-col .service-content ul li {
                border-bottom: #EBEBEB solid 1px;
                padding: 5px 0;
            }

.desktop {
    display: none;
}

@media screen and (min-width:769px) {
    .desktop {
        display: block;
    }
}

.tablet {
    display: none;
}

@media screen and (min-width:321px) and (max-width:768px) {
    .tablet {
        display: block;
    }
}

.mobile {
    display: none;
}

@media screen and (max-width:320px) {
    .mobile {
        display: block;
    }
}

@media screen and (max-width:769px) {
    .whyus-section .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width:769px) {
    .whyus-cungcapphoicanh {
        background: #EAEAEA url(images/whyus_cungcapphoicanh_repeat.jpg) top left repeat-x;
        background-size: 100% 100%;
    }
}

.whyus-theodoitiendo {
    background: #eaeaea;
}

@media screen and (max-width:769px) {
    .whyus-tab {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        width: 100%;
    }
}

.whyus-quytrinh-quotes, .whyus-nghiencuu, .whyus-chienluocthuonghieu, .whyus-nhandienthuonghieu, .whyus-truyenthongthuonghieu, .whyus-quantrithuonghieu {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    clear: both;
}

    .whyus-quytrinh-quotes img, .whyus-nghiencuu img, .whyus-chienluocthuonghieu img, .whyus-nhandienthuonghieu img, .whyus-truyenthongthuonghieu img, .whyus-quantrithuonghieu img {
        width: 100%;
        max-width: 100%;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }

        .whyus-quytrinh-quotes img:hover, .whyus-nghiencuu img:hover, .whyus-chienluocthuonghieu img:hover, .whyus-nhandienthuonghieu img:hover, .whyus-truyenthongthuonghieu img:hover, .whyus-quantrithuonghieu img:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
        }

    .whyus-quytrinh-quotes .col-sm-6, .whyus-nghiencuu .col-sm-6, .whyus-chienluocthuonghieu .col-sm-6, .whyus-nhandienthuonghieu .col-sm-6, .whyus-truyenthongthuonghieu .col-sm-6, .whyus-quantrithuonghieu .col-sm-6, .whyus-quytrinh-quotes .col-xs-12, .whyus-nghiencuu .col-xs-12, .whyus-chienluocthuonghieu .col-xs-12, .whyus-nhandienthuonghieu .col-xs-12, .whyus-truyenthongthuonghieu .col-xs-12, .whyus-quantrithuonghieu .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

    .whyus-quytrinh-quotes h3, .whyus-nghiencuu h3, .whyus-chienluocthuonghieu h3, .whyus-nhandienthuonghieu h3, .whyus-truyenthongthuonghieu h3, .whyus-quantrithuonghieu h3 {
        font-size: 24px;
        font-weight: bold;
        border-bottom: #acacac solid 2px;
        padding-top: 25px;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .whyus-quytrinh-quotes h4, .whyus-nghiencuu h4, .whyus-chienluocthuonghieu h4, .whyus-nhandienthuonghieu h4, .whyus-truyenthongthuonghieu h4, .whyus-quantrithuonghieu h4 {
        font-size: 24px;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .whyus-quytrinh-quotes .whyus-text-left, .whyus-nghiencuu .whyus-text-left, .whyus-chienluocthuonghieu .whyus-text-left, .whyus-nhandienthuonghieu .whyus-text-left, .whyus-truyenthongthuonghieu .whyus-text-left, .whyus-quantrithuonghieu .whyus-text-left {
        padding-right: 70px;
    }

    .whyus-quytrinh-quotes .whyus-text-right, .whyus-nghiencuu .whyus-text-right, .whyus-chienluocthuonghieu .whyus-text-right, .whyus-nhandienthuonghieu .whyus-text-right, .whyus-truyenthongthuonghieu .whyus-text-right, .whyus-quantrithuonghieu .whyus-text-right {
        padding-left: 70px;
    }

    .whyus-quytrinh-quotes .number, .whyus-nghiencuu .number, .whyus-chienluocthuonghieu .number, .whyus-nhandienthuonghieu .number, .whyus-truyenthongthuonghieu .number, .whyus-quantrithuonghieu .number {
        display: inline-block;
        position: absolute;
        top: -45px;
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 45px;
        text-align: center;
        z-index: 2;
        background-color: #404041;
        color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

        .whyus-quytrinh-quotes .number.num-round, .whyus-nghiencuu .number.num-round, .whyus-chienluocthuonghieu .number.num-round, .whyus-nhandienthuonghieu .number.num-round, .whyus-truyenthongthuonghieu .number.num-round, .whyus-quantrithuonghieu .number.num-round {
            right: -45px;
        }

        .whyus-quytrinh-quotes .number.num-odd, .whyus-nghiencuu .number.num-odd, .whyus-chienluocthuonghieu .number.num-odd, .whyus-nhandienthuonghieu .number.num-odd, .whyus-truyenthongthuonghieu .number.num-odd, .whyus-quantrithuonghieu .number.num-odd {
            left: -45px;
        }

    .whyus-quytrinh-quotes:hover .number, .whyus-nghiencuu:hover .number, .whyus-chienluocthuonghieu:hover .number, .whyus-nhandienthuonghieu:hover .number, .whyus-truyenthongthuonghieu:hover .number, .whyus-quantrithuonghieu:hover .number, .whyus-quytrinh-quotes:active .number, .whyus-nghiencuu:active .number, .whyus-chienluocthuonghieu:active .number, .whyus-nhandienthuonghieu:active .number, .whyus-truyenthongthuonghieu:active .number, .whyus-quantrithuonghieu:active .number {
        background-color: #0082c9;
    }

    .whyus-quytrinh-quotes:hover img, .whyus-nghiencuu:hover img, .whyus-chienluocthuonghieu:hover img, .whyus-nhandienthuonghieu:hover img, .whyus-truyenthongthuonghieu:hover img, .whyus-quantrithuonghieu:hover img, .whyus-quytrinh-quotes:active img, .whyus-nghiencuu:active img, .whyus-chienluocthuonghieu:active img, .whyus-nhandienthuonghieu:active img, .whyus-truyenthongthuonghieu:active img, .whyus-quantrithuonghieu:active img {
        filter: none;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
    }

@media screen and (max-width:767px) {
    .whyus-quytrinh-quotes, .whyus-nghiencuu, .whyus-chienluocthuonghieu, .whyus-nhandienthuonghieu, .whyus-truyenthongthuonghieu, .whyus-quantrithuonghieu {
        text-align: center;
    }

        .whyus-quytrinh-quotes .number, .whyus-nghiencuu .number, .whyus-chienluocthuonghieu .number, .whyus-nhandienthuonghieu .number, .whyus-truyenthongthuonghieu .number, .whyus-quantrithuonghieu .number {
            top: calc(100% - 45px);
        }

            .whyus-quytrinh-quotes .number.num-round, .whyus-nghiencuu .number.num-round, .whyus-chienluocthuonghieu .number.num-round, .whyus-nhandienthuonghieu .number.num-round, .whyus-truyenthongthuonghieu .number.num-round, .whyus-quantrithuonghieu .number.num-round {
                left: calc(50% - 45px);
                right: auto;
            }

            .whyus-quytrinh-quotes .number.num-odd, .whyus-nghiencuu .number.num-odd, .whyus-chienluocthuonghieu .number.num-odd, .whyus-nhandienthuonghieu .number.num-odd, .whyus-truyenthongthuonghieu .number.num-odd, .whyus-quantrithuonghieu .number.num-odd {
                left: calc(50% - 45px);
                right: auto;
            }

        .whyus-quytrinh-quotes h3, .whyus-nghiencuu h3, .whyus-chienluocthuonghieu h3, .whyus-nhandienthuonghieu h3, .whyus-truyenthongthuonghieu h3, .whyus-quantrithuonghieu h3, .whyus-quytrinh-quotes h4, .whyus-nghiencuu h4, .whyus-chienluocthuonghieu h4, .whyus-nhandienthuonghieu h4, .whyus-truyenthongthuonghieu h4, .whyus-quantrithuonghieu h4 {
            text-align: center;
        }

        .whyus-quytrinh-quotes .whyus-text-left, .whyus-nghiencuu .whyus-text-left, .whyus-chienluocthuonghieu .whyus-text-left, .whyus-nhandienthuonghieu .whyus-text-left, .whyus-truyenthongthuonghieu .whyus-text-left, .whyus-quantrithuonghieu .whyus-text-left {
            padding-right: 0;
            padding-top: 45px;
        }

        .whyus-quytrinh-quotes .whyus-text-right, .whyus-nghiencuu .whyus-text-right, .whyus-chienluocthuonghieu .whyus-text-right, .whyus-nhandienthuonghieu .whyus-text-right, .whyus-truyenthongthuonghieu .whyus-text-right, .whyus-quantrithuonghieu .whyus-text-right {
            padding-left: 0;
            padding-top: 45px;
        }
}

.whyus-quytrinh-quotes {
    text-align: center;
    width: 610px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 46px;
    padding-bottom: 46px;
    margin-bottom: 45px;
}

    .whyus-quytrinh-quotes:before {
        content: '';
        display: inline-block;
        width: 50px;
        height: 46px;
        position: absolute;
        top: 0;
        left: 0;
        background: url(images/quotes_open.jpg) top left no-repeat;
    }

    .whyus-quytrinh-quotes:after {
        content: '';
        display: inline-block;
        width: 50px;
        height: 46px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(images/quotes_close.jpg) top left no-repeat;
    }

    .whyus-quytrinh-quotes h3 {
        border-bottom: none;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0;
    }

@media screen and (max-width:767px) {
    .whyus-quytrinh-quotes {
        max-width: 100%;
    }
}

.related-item {
    display: block;
    margin-bottom: 15px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

    .related-item img {
        width: 100px;
        height: auto;
        float: left;
        border: #EBEBEB solid 1px;
        margin-right: 15px;
    }

    .related-item:hover {
        text-decoration: none;
    }

.category-box .category-box-title {
    display: block;
    font-size: 1.4rem;
    border-bottom: #0082c9 solid 1px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 0;
}

    .category-box .category-box-title .sep {
        display: none;
        width: 2px;
        background-color: #7a7a7a;
        text-indent: -99999px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .category-box .category-box-title .category-child {
        color: #7a7a7a;
        display: none;
        -webkit-transition: all linear .5s;
        -moz-transition: all linear .5s;
        -ms-transition: all linear .5s;
        -o-transition: all linear .5s;
        transition: all linear .5s;
    }

.category-box img {
    width: 100%;
    height: auto;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
}

.category-box:hover img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.category-box h3 {
    text-transform: uppercase;
    font-weight: 600;
}

.category-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}

    .category-box ul li {
        padding: 0 0 5px 0;
        text-transform: uppercase;
        font-weight: 600;
    }

.featured-news .breaknews img {
    width: 100%;
    height: auto;
}

.featured-news h2.featured-title {
    font-size: 1.2rem;
    border-bottom: #0082c9 solid 1px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 0;
}

.featured-news .related-news img {
    width: 100%;
    height: auto;
}

.featured-news .related-news h3 {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.featured-news img {
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
}

    .featured-news img:hover {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.list-post {
    padding: 15px 0;
    margin-bottom: 10px;
    border-bottom: #0082c9 solid 1px;
}

    .list-post img {
        width: 100%;
        height: auto;
    }

.other-news {
    max-height: 300px !important;
}

    .other-news img {
        width: 100%;
        height: auto;
    }

    .other-news .swiper-container {
        width: 100%;
        height: 300px;
        color: #fff;
        text-align: center;
    }

    .other-news .swiper-slide a {
        display: block;
        color: #000;
        text-decoration: none;
        width: 100%;
        padding: 0 10px;
    }

        .other-news .swiper-slide a .img {
            position: relative;
        }

            .other-news .swiper-slide a .img img {
                width: 100%;
                -webkit-opacity: .9;
                -moz-opacity: .9;
                opacity: .9;
            }

            .other-news .swiper-slide a .img .date {
                position: absolute;
                top: 15px;
                left: 0;
                background-color: #0082c9;
                color: #fff;
                height: 24px;
                padding: 3px 10px 3px 10px;
            }

                .other-news .swiper-slide a .img .date span.arrow {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: -24px;
                    height: 0;
                    width: 0;
                    border: 12px solid transparent;
                    border-left-color: #0082c9;
                }

        .other-news .swiper-slide a:hover .img img {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .other-news .swiper-slide a:hover .img .date {
            background-color: #0082c9;
        }

            .other-news .swiper-slide a:hover .img .date span.arrow {
                border-left-color: #0082c9;
            }

.dropmenu .anchor {
    display: block;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #0082c9;
    color: #000;
    width: 129px;
    height: 55px;
    padding-top: 15px;
    position: relative;
    cursor: pointer;
}

    .dropmenu .anchor:before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        border: 8px solid transparent;
        border-right-color: #0082c9;
        position: absolute;
        left: -16px;
        top: 50%;
        margin-top: -8px;
    }

    .dropmenu .anchor .icon {
        display: block;
        float: left;
        width: 18px;
        height: 30px;
        margin-left: 20px;
    }

        .dropmenu .anchor .icon .icon-bar {
            display: block;
            width: 100%;
            border-bottom: #fff solid 3px;
            margin: 4px 0;
        }

    .dropmenu .anchor .text {
        display: block;
        float: right;
        padding-right: 10px;
        margin-top: 5px;
    }

.dropmenu-item {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    display: none;
    background-color: #EBEBEB;
    z-index: 10;
    margin-bottom: 20px;
}

    .dropmenu-item ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        padding: 10px 15px;
    }

        .dropmenu-item ul li {
            display: block;
            float: left;
            width: 33%;
        }

            .dropmenu-item ul li a {
                display: none;
            }

            .dropmenu-item ul li ul {
                display: block;
                width: 100%;
                margin: 0;
                padding: 5px 10px;
                float: none;
            }

                .dropmenu-item ul li ul li {
                    display: block;
                    float: left;
                    width: 100%;
                    position: relative;
                }

                    .dropmenu-item ul li ul li a {
                        display: block;
                    }

    .dropmenu-item .close {
        display: inline-block;
        position: absolute;
        font-size: 30px;
        top: 10px;
        right: 10px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer;
        color: #0082c9;
        z-index: 11;
    }

    .dropmenu-item:hover .close {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

.visible-desktop, .visible-tablet, .visible-mobile {
    display: none;
}

@media screen and (min-width:992px) {
    .visible-desktop {
        display: block;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .visible-tablet {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .visible-mobile {
        display: block;
    }
}

.projects {
    display: block;
    padding: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
    position: relative;
}

    .projects:before, .projects:after {
        content: " ";
        display: table;
    }

    .projects:after {
        clear: both;
    }

    .projects .item {
        display: block;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

        .projects .item a {
            display: block;
            width: 100%;
            border: #eee solid 3px;
            position: relative;
            overflow: hidden;
        }

            .projects .item a .itembg {
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                -webkit-opacity: .4;
                -moz-opacity: .4;
                opacity: .4;
                background-color: #0082c9;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

            .projects .item a h3 {
                font-size: 14px;
                display: block;
                width: 100%;
                text-align: center;
                margin: 0;
                padding: 0 10px;
                position: absolute;
                top: 50%;
                left: -150%;
                font-weight: normal;
                color: #fff;
                font-weight: 600;
                z-index: 5;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                -ms-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
            }

            .projects .item a:hover, .projects .item a:active {
                border-color: #0082c9;
            }

                .projects .item a:hover h3, .projects .item a:active h3 {
                    left: 50%;
                }

                .projects .item a:hover .itembg, .projects .item a:active .itembg {
                    left: 0;
                }

@media screen and (min-width:992px) {
    .projects .item {
        width: 25%;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .projects .item {
        width: 33.333%;
    }
}

@media screen and (max-width:767px) {
    .projects .item {
        width: 50%;
    }
}

.pagination, .paging {
    margin: 20px 0;
    text-align: right;
    clear: both;
}

    .pagination a, .paging a, .pagination span, .paging span {
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 0 10px;
        margin: 2px 2px;
        line-height: 2.4rem;
        background-color: #EBEBEB;
    }

        .pagination a.current, .paging a.current, .pagination span.current, .paging span.current {
            background-color: #0082c9;
            color: #fff;
        }

.center-paging {
    margin-top: 10px 0;
    text-align: center;
}

    .center-paging a, .center-paging span {
        font-size: 1.1rem;
        font-weight: 600;
        padding: 0 8px;
        line-height: 2.4rem;
    }

.contact-page-form {
    font-weight: 600;
    margin: 20px 0;
}

    .contact-page-form input[type="text"], .contact-page-form input[type="email"], .contact-page-form input[type="file"], .contact-page-form textarea {
        width: 100%;
    }

    .contact-page-form input[type="submit"] {
        margin: 0;
        border: 0;
        padding: 5px 10px;
        background-color: #0082c9;
        color: #000;
    }

        .contact-page-form input[type="submit"]:hover {
            background-color: #fdc746;
            color: #000;
        }

@media only screen and (max-width:480px) {
    .contact-page-form input[type="submit"] {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.contact-page-form .wpcf7-list-item-label {
    padding-right: 15px;
    font-weight: 600;
}

.contact-page-form input[type="text"].wpcf7-quiz {
    width: 50px;
    display: inline-block;
}

.support-ultility {
    width: 45px;
    height: 190px;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -120px;
}

    .support-ultility a.hotline, .support-ultility a.download, .support-ultility a.chat, .support-ultility a.email {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        position: relative;
        background-image: url(images/support_utility.png);
        background-color: #0082c9;
        margin-bottom: 3px;
        z-index: 201;
    }

        .support-ultility a.hotline span, .support-ultility a.download span, .support-ultility a.chat span, .support-ultility a.email span {
            z-index: 200;
            display: block;
            width: 0;
            height: 45px;
            line-height: normal;
            background-color: #EBEBEB;
            position: absolute;
            right: 100%;
            top: 0;
            -webkit-transition: width .25s ease-in-out;
            -moz-transition: width .25s ease-in-out;
            -ms-transition: width .25s ease-in-out;
            -o-transition: width .25s ease-in-out;
            transition: width .25s ease-in-out;
            overflow: hidden;
            text-align: center;
        }

    .support-ultility a.hotline {
        background-position: 0 0;
    }

        .support-ultility a.hotline:hover {
            background-position: -45px 0;
        }

            .support-ultility a.hotline:hover span {
                padding-top: 5px;
                width: 220px;
                color: #000;
            }

                .support-ultility a.hotline:hover span strong {
                    text-transform: uppercase;
                }

    .support-ultility a.download {
        background-position: 0 -49px;
    }

        .support-ultility a.download:hover {
            background-position: -45px -49px;
        }

            .support-ultility a.download:hover span {
                padding-top: 5px;
                width: 220px;
                color: #000;
            }

                .support-ultility a.download:hover span strong {
                    text-transform: uppercase;
                }

    .support-ultility a.chat {
        background-position: 0 -97px;
    }

        .support-ultility a.chat:hover {
            background-position: -45px -97px;
        }

    .support-ultility a.email {
        background-position: 0 -146px;
        margin-bottom: 0;
    }

        .support-ultility a.email:hover {
            background-position: -45px -146px;
        }

.callback, .meeting {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
}

    .callback .callback-form, .meeting .callback-form {
        position: relative;
        z-index: 10;
        width: 500px;
        min-height: 260px;
        max-width: 98%;
        max-height: 98%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        background-color: #EBEBEB;
        color: #000;
        padding: 30px 15px;
    }

        .callback .callback-form .wpcf7-text, .meeting .callback-form .wpcf7-text, .callback .callback-form .wpcf7-textarea, .meeting .callback-form .wpcf7-textarea {
            width: 100%;
            padding-left: 5px;
        }

        .callback .callback-form .wpcf7-text, .meeting .callback-form .wpcf7-text {
            border: #bbb solid 1px;
        }

        .callback .callback-form .wpcf7-textarea, .meeting .callback-form .wpcf7-textarea {
            height: 100px;
            border: #bbb solid 1px;
        }

        .callback .callback-form .wpcf7-submit, .meeting .callback-form .wpcf7-submit {
            margin: 0;
            border: 0;
            padding: 5px 10px;
            background-color: #0082c9;
            color: #000;
        }

            .callback .callback-form .wpcf7-submit:hover, .meeting .callback-form .wpcf7-submit:hover {
                background-color: #fdc746;
                color: #000;
            }

@media only screen and (max-width:480px) {
    .callback .callback-form .wpcf7-submit, .meeting .callback-form .wpcf7-submit {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.callback .callback-form .ajax-loader, .meeting .callback-form .ajax-loader {
    display: block;
}

.callback .callback-form h2, .meeting .callback-form h2, .callback .callback-form h3, .meeting .callback-form h3 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}

.callback .callback-form .close, .meeting .callback-form .close {
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #0082c9;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

    .callback .callback-form .close:hover, .meeting .callback-form .close:hover {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

a.dlink {
    color: #0082c9;
    text-decoration: underline;
    font-weight: 700;
}

.brochure-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    padding: 15px;
}

    .brochure-form h3 {
        text-transform: uppercase;
    }

    .brochure-form .wpcf7-text {
        width: 100%;
    }

    .brochure-form .wpcf7-quiz {
        width: 50px !important;
    }

    .brochure-form .wpcf7-submit {
        border: #0082c9 solid 2px;
        background: #0082c9 url(images/idownx16.png) left center no-repeat;
        color: #000;
        padding-left: 20px;
    }

@media (max-width:768px) {
    .brochure-form .brochure-form {
        max-width: 100%;
    }
}

.msearchform {
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 85px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    z-index: 1000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .msearchform .close {
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        z-index: 1001;
    }

        .msearchform .close:hover {
            color: #0082c9;
        }

    .msearchform form {
        display: block;
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

        .msearchform form .form-inner {
            display: inline-block;
        }

            .msearchform form .form-inner .search-text {
                display: inline-block;
                width: 200px;
                height: 30px;
                margin: 0;
                padding: 2px 10px;
                border: #EBEBEB solid 1px;
                float: left;
                overflow: hidden;
                -webkit-border-radius: 0 !important;
                -moz-border-radius: 0 !important;
                border-radius: 0 !important;
                -moz-background-clip: padding !important;
                -webkit-background-clip: padding-box !important;
                background-clip: padding-box !important;
            }

            .msearchform form .form-inner button {
                border: none;
                height: 30px;
                width: 30px;
                text-align: center !important;
                line-height: 28px;
                font-size: 16px;
                float: left;
                background-color: #0082c9;
                color: #000;
            }

                .msearchform form .form-inner button i.fa {
                    display: inline-block;
                }

    .msearchform input.gsc-search-button, .msearchform input.gsc-search-button:hover, .msearchform input.gsc-search-button:focus {
        height: 26px;
        color: #fff;
        background: #0082c9 url("http://www.google.com/uds/css/v2/search_box_icon.png") center center no-repeat;
    }

@media screen and (max-width:480px) {
    .msearchform .close {
        top: 10px;
        right: 10px;
    }

    .msearchform form .form-inner .search-text {
        width: 150px;
    }
}

.list-search-result .item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #EBEBEB solid 1px;
}

    .list-search-result .item h3 {
        font-size: 14px;
        font-weight: 600;
        text-transform: none;
    }

    .list-search-result .item img {
        width: 200px;
        float: left;
        margin-right: 15px;
        border: #EBEBEB solid 1px;
    }

@media screen and (max-width:767px) {
    .list-search-result .item img {
        width: 130px;
    }
}

#footer {
    margin-top: 30px;
    font-size: 1.2rem;
}

    #footer #footerbg {
        background: url(images/footerbg.png) center bottom no-repeat;
        background-size: 100% 100%;
    }

    #footer #company-info {
        border: #0082c9 solid 1px;
        width: 100%;
        text-transform: uppercase;
        position: relative;
    }

        #footer #company-info h2 {
            text-transform: uppercase;
            font-size: 12px;
        }

        #footer #company-info ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

    #footer #footer-logo {
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -99999px;
        background-size: 100% 100%;
    }

    #footer #footer-info {
        font-size: .92em;
        padding-bottom: 10px;
    }

        #footer #footer-info h2 {
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
        }

        #footer #footer-info h3 {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

#gotop {
    position: fixed;
    bottom: 150px;
    right: 10px;
    z-index: 9999;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    color: #000;
    display: none;
    text-align: right;
}

.controls {
    margin-bottom: 20px;
}

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

        .controls ul li {
            display: block;
            padding: 0 15px;
            height: 48px;
            line-height: 48px;
            color: #211d1e;
            font-size: 1.4rem;
            font-weight: 600;
            cursor: pointer;
            text-align: left;
            text-transform: uppercase;
            position: relative;
        }

            .controls ul li.active {
                background: #0082c9 url(images/faq_active.jpg) top right no-repeat;
                color: #000;
            }

.mix {
    border-bottom: #c0c0c0 dashed 1px;
    padding: 10px 0;
    display: none;
}

.mix-active {
    border-bottom: #0082c9 dashed 1px;
}

.faq-container {
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-align: justify;
    border-top: #c0c0c0 dashed 1px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    margin-bottom: 20px;
}

.footer-support {
    background-color: #EBEBEB;
    color: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px 0;
}

    .footer-support .an {
        position: absolute;
        top: 0;
        right: 5px;
        color: #000;
        padding: 0 5px;
        font-size: 24px;
    }

    .footer-support .hien {
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        padding: 0 5px;
        font-size: 24px;
        display: none;
    }

    .footer-support.andi {
        background-color: transparent;
    }

        .footer-support.andi .container {
            display: none;
        }

        .footer-support.andi .hien {
            display: inline-block;
        }

        .footer-support.andi .an {
            display: none;
        }

    .footer-support.hienlen .hien {
        display: none;
    }

    .footer-support.hienlen .an {
        display: inline-block;
    }

    .footer-support a {
        color: #0082c9;
    }

    .footer-support .footer-support-icon {
        position: relative;
        height: 100%;
        width: 33.33333333%;
        padding: 0 10px;
        border-right: #ccc inset 1px;
        float: left;
        font-size: 12px;
        font-weight: 600;
    }

        .footer-support .footer-support-icon:before {
            content: "\f095";
            font-family: FontAwesome;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #0082c9;
            color: #fff;
            border: #fff solid 3px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            text-align: center;
        }

        .footer-support .footer-support-icon.idownload {
            border-right: none;
        }

            .footer-support .footer-support-icon.idownload:before {
                content: "\f019";
            }

            .footer-support .footer-support-icon.idownload .shorttext, .footer-support .footer-support-icon.idownload .fulltext {
                display: none;
            }

        .footer-support .footer-support-icon .hidemob {
            display: none;
        }

@media only screen and (min-width:320px) {
    .footer-support .footer-support-icon {
        min-height: 30px;
    }

        .footer-support .footer-support-icon:before {
            display: none;
        }

        .footer-support .footer-support-icon.idownload {
            text-align: center;
        }

            .footer-support .footer-support-icon.idownload .shorttext {
                display: inline-block;
            }

            .footer-support .footer-support-icon.idownload i.fa {
                display: block;
                font-size: 18px;
                color: #000;
            }
}

@media only screen and (min-width:480px) {
    .footer-support .footer-support-icon {
        min-height: 32px;
    }

        .footer-support .footer-support-icon.idownload {
            text-align: center;
        }

            .footer-support .footer-support-icon.idownload .shorttext {
                display: inline-block;
            }

            .footer-support .footer-support-icon.idownload i.fa {
                display: block;
                font-size: 14px;
                color: #000;
            }
}

@media only screen and (min-width:600px) {
    .footer-support .footer-support-icon {
        padding-left: 37px;
        padding-top: 5px;
        border-right: none;
    }

        .footer-support .footer-support-icon:before {
            display: block;
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

        .footer-support .footer-support-icon.idownload {
            text-align: left;
        }

            .footer-support .footer-support-icon.idownload .shorttext {
                display: none;
            }

            .footer-support .footer-support-icon.idownload .fulltext {
                display: inline-block;
            }

            .footer-support .footer-support-icon.idownload i.fa {
                display: none;
            }
}

@media only screen and (min-width:768px) {
    .footer-support .care {
        padding-left: 20px;
        padding-right: 0;
    }

    .footer-support .footer-support-icon {
        padding-left: 37px;
        padding-top: 5px;
    }

        .footer-support .footer-support-icon:before {
            display: block;
            width: 32px;
            height: 32px;
            line-height: 32px;
        }
}

@media only screen and (min-width:992px) {
    .footer-support .footer-support-icon {
        min-height: 46px;
        padding-left: 56px;
        padding-top: 5px;
        border-right-size: 1px;
        font-size: 14px;
    }

        .footer-support .footer-support-icon:before {
            display: block;
            width: 46px;
            height: 46px;
            font-size: 20px;
            line-height: 46px;
        }

        .footer-support .footer-support-icon .hidemob {
            display: block;
        }

        .footer-support .footer-support-icon.idownload {
            padding-top: 15px;
        }
}

@media only screen and (min-width:1200px) {
    .footer-support .care {
        padding-left: 20px;
        padding-right: 0;
    }

    .footer-support .footer-support-icon {
        min-height: 46px;
        padding-left: 56px;
        padding-top: 5px;
        border-right-size: 1px;
        font-size: 14px;
    }

        .footer-support .footer-support-icon:before {
            display: block;
            width: 46px;
            height: 46px;
            font-size: 20px;
            line-height: 46px;
        }
}

@media only screen and (max-width:320px) {
    .footer-support .footer-support-icon {
        min-height: 30px;
    }

        .footer-support .footer-support-icon:before {
            display: none;
        }

        .footer-support .footer-support-icon.idownload {
            text-align: center;
        }

            .footer-support .footer-support-icon.idownload .shorttext {
                display: inline-block;
            }

            .footer-support .footer-support-icon.idownload i.fa {
                display: block;
                font-size: 18px;
                color: #000;
            }
}

#mobi-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    color: #fff;
    z-index: 8888;
    overflow: hidden;
}

    #mobi-overlay.active {
        display: block;
    }

#mobilenav {
    position: fixed;
    display: block;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 260px;
    height: 100%;
    background: #484848;
    color: #fff;
    z-index: 9999;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    overflow-x: hidden;
    overflow-y: auto;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

    #cssmenu:hover, #cssmenu ul:hover, #cssmenu ul li:hover, #cssmenu ul li a:hover {
        color: #0082c9;
    }

#cssmenu {
    width: 100%;
}

    #cssmenu:after {
        content: 'x';
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        top: 0;
        right: -32px;
        background-color: #484848;
        color: #fff;
        z-index: 9999;
    }

    #cssmenu ul ul {
        display: none;
    }

    #cssmenu > ul > li > a {
        padding: 12px 15px;
        cursor: pointer;
        z-index: 2;
        font-size: 14px;
        margin-bottom: 1px;
        text-decoration: none;
        border-bottom: #666 solid 1px;
        color: #fff;
    }

        #cssmenu > ul > li > a:hover {
            background-color: #333;
            color: #0082c9;
        }

.holder {
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
}

    .holder::after {
        display: inline-block;
        position: absolute;
        content: "+";
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        z-index: 10;
        font-size: 24px;
    }

#cssmenu > ul > li.open > a .holder::after {
    content: "-";
}

#cssmenu ul li > ul {
    border-bottom: #666 solid 1px;
}

#cssmenu ul ul li a {
    cursor: pointer;
    padding: 10px 20px 10px 30px;
    z-index: 1;
    text-decoration: none;
    font-weight: 600;
    color: #ddd;
}

    #cssmenu ul ul li a:hover {
        background-color: #333;
        color: #0082c9;
    }

#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {
    border-bottom: 0;
}

#cssmenu ul ul li.open:last-child > a, #cssmenu ul ul li .last.open > a {
    border-bottom: 1px solid #666;
}

#cssmenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

@media only screen and (min-width:320px) {
    .support .btn-quotes span.ico, .support .btn-profile span.ico, .support .btn-hotline span.ico, .support .btn-chat span.ico {
        width: 72px;
        height: 72px;
    }

    .jumbo-container {
        padding-left: 0;
        padding-right: 0;
    }

    .jumbo-img {
        height: 78px;
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 12px;
    }

    .line {
        text-align: center;
        maring: 27px 0 35px 0;
    }

    .whyus {
        padding: 20px 0;
    }

        .whyus .whyus-text {
            margin-bottom: 35px;
        }

            .whyus .whyus-text h2, .whyus .whyus-text h3 {
                font-size: 14px;
            }

        .whyus .whyus-img {
            margin-bottom: 30px;
        }

    .activities-text {
        padding-bottom: 25px;
        padding-right: 35px;
    }

    .service-col figure {
        display: block;
    }

    .service-col h2 span {
        display: inline-block;
        line-height: 70px;
        padding-right: 10px;
    }

    .service-col .service-content {
        padding-left: 20px;
    }

    .breadcrumb {
        font-size: 1.4rem;
        border-left: #0082c9 solid 6px;
        padding-left: 1rem;
        line-height: 2.2rem;
    }

        .breadcrumb .subpath {
            font-size: 1.2rem;
        }

    #content article.formated h2, #content article.formated h3, #content article.formated h4 {
        font-size: 1.4rem;
    }

    .other-activities .swiper-container {
        width: 100%;
        height: 200px;
    }

        .other-activities .swiper-container .swiper-slide {
            width: 50%;
        }

            .other-activities .swiper-container .swiper-slide a {
                width: 100%;
                padding-left: 15px;
                padding-right: 15px;
            }

    .career-lead {
        font-size: 1.4rem;
        padding-bottom: 10px;
        line-height: 1.8rem;
    }

    .pagination {
        text-align: center;
    }

    .contact {
        font-size: 1.4rem;
        padding-top: 0;
    }

        .contact .contact-text {
            color: #969696;
            padding: 0 0 20px;
        }

        .contact h1 {
            font-size: 1.4rem;
            color: #0082c9;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact h2 {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            color: #0082c9;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact .address-content {
            padding: 10px 0 5px 0;
        }

            .contact .address-content p {
                line-height: 1.8rem;
            }

        .contact .wrap-map {
            position: relative;
        }

            .contact .wrap-map .location {
                position: absolute;
                z-index: 99;
                top: 5px;
                left: 5px;
                padding: 5px 10px;
                background-color: #fff;
                color: #000;
            }

                .contact .wrap-map .location .current {
                    color: #0082c9;
                }

            .contact .wrap-map #contact-map {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: 200px;
            }

        .contact .vietnam-map {
            background: url(images/vietnam_map_mobile.jpg) top left no-repeat;
            background-size: 100%;
            min-height: 580px;
            width: 280px;
            position: relative;
            margin: 0 auto 60px auto;
        }

            .contact .vietnam-map .hanoi {
                position: absolute;
                top: 69px;
                left: 128px;
            }

                .contact .vietnam-map .hanoi .point {
                    display: block;
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    text-indent: -9999px;
                }

                .contact .vietnam-map .hanoi .current-pos {
                    position: absolute;
                    top: -24px;
                    left: 1px;
                    display: block;
                    width: 22px;
                    height: 30px;
                    background: url(images/pos.png) center center no-repeat;
                }

                .contact .vietnam-map .hanoi .info-mobile {
                    position: absolute;
                    left: -138px;
                    width: 300px;
                    text-align: center;
                }

            .contact .vietnam-map .hcm {
                position: absolute;
                bottom: 44px;
                left: 128px;
            }

                .contact .vietnam-map .hcm .point {
                    display: block;
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    text-indent: -9999px;
                }

                .contact .vietnam-map .hcm .info-mobile {
                    position: absolute;
                    left: -138px;
                    width: 300px;
                    text-align: center;
                }

    .category-box .category-box-title {
        font-size: 1.2rem;
    }

    .featured-news h2.featured-title {
        font-size: 1.2rem;
    }

    .featured-news .related-news h3 {
        font-size: 1.2rem;
    }

    #footer #footerbg {
        height: 105px;
    }

    #footer #company-info {
        text-align: center;
        line-height: 20px;
    }

        #footer #company-info .social {
            padding-bottom: 15px;
        }

            #footer #company-info .social h2 {
                text-align: center;
            }

            #footer #company-info .social .social-link {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: -12px;
                text-align: center;
            }

                #footer #company-info .social .social-link .facebook, #footer #company-info .social .social-link .google, #footer #company-info .social .social-link .rss, #footer #company-info .social .social-link .linkedin {
                    margin-right: 10px;
                    margin-left: 10px;
                }

    #footer #footer-logo {
        width: 140px;
        height: 36px;
        background-image: url(images/logo.png);
        margin: 0 auto 25px auto;
        text-align: center;
    }

    #footer #footer-info {
        margin-top: 12px;
        text-align: center;
    }
}

@media only screen and (min-width:480px) {
    #footer #footerbg {
        height: 158px;
    }

    #footer #footer-info {
        margin-top: 20px;
    }

    .services-banner {
        display: block;
    }

    .service-col figure {
        display: none;
    }

    .wrap-map #contact-map {
        height: 300px;
    }
}

@media only screen and (min-width:600px) {
    #footer #footerbg {
        height: 200px;
    }

    #footer #footer-info {
        margin-top: 20px;
    }
}

@media only screen and (min-width:768px) {
    .sidebarform a.start, .sidebarform a.download, .sidebarform a.hotline, .sidebarform a.email, .sidebarform a.plus {
        height: 45px;
        padding-left: 53px;
        font-size: 1.2rem;
    }

    .sidebarform a.hotline {
        padding-top: 5px;
    }

        .sidebarform a.hotline .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.email {
        padding-top: 5px;
    }

        .sidebarform a.email .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.download {
        text-transform: uppercase;
        padding-top: 8px;
        font-weight: 600;
    }

    .sidebarform a.start {
        padding-top: 8px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .sidebarform a.plus {
        padding-top: 8px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .support .btn-quotes span.ico, .support .btn-profile span.ico, .support .btn-hotline span.ico, .support .btn-chat span.ico {
        width: 96px;
        height: 96px;
    }

    #sidr {
        display: none;
    }

    .jumbo-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .jumbo-img {
        height: 140px;
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 40px;
    }

    .line {
        text-align: right;
    }

    .whyus .whyus-text h2, .whyus .whyus-text h3 {
        margin: 0 0 2rem;
        font-size: 3rem;
        font-weight: 700;
        text-align: left;
        line-height: 3.5rem;
    }

    .breadcrumb {
        font-size: 1.4rem;
        border-left-width: 12px;
        padding-left: 1.4rem;
        line-height: 3rem;
    }

        .breadcrumb .subpath {
            font-size: 2.4rem;
        }

    #content article .entry-header {
        margin-left: 100px;
    }

    #content article .entry-content {
        margin-left: 100px;
    }

    #content article.formated h2, #content article.formated h3, #content article.formated h4 {
        font-size: 1.4rem;
    }

    .quotes {
        font-size: 2.4rem;
        line-height: 3rem;
    }

    .activities-text {
        padding-left: 3rem;
    }

    .other-activities .swiper-container {
        height: 25%;
    }

        .other-activities .swiper-container .swiper-slide a {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

    .career-lead {
        font-size: 2.4rem;
        padding-bottom: 20px;
        line-height: 2.8rem;
    }

    .center-paging {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .service-col figure {
        display: none;
    }

    .service-col h2 {
        font-size: 18px;
        font-weight: 700;
    }

        .service-col h2 span {
            font-size: 48px;
            line-height: 60px;
            display: block;
        }

    .service-col h3 {
        font-size: 12px;
    }

    .category-box .category-box-title {
        font-size: 1.2rem;
    }

        .category-box .category-box-title .sep {
            display: inline-block;
        }

        .category-box .category-box-title .category-child {
            display: inline-block;
        }

    .category-box h3 {
        margin-top: 0;
    }

    .featured-news h2.featured-title {
        font-size: 1.2rem;
    }

    .featured-news .related-news h3 {
        font-size: 1.2rem;
        text-transform: uppercase;
    }

    .contact {
        font-size: 1.4rem;
        padding-top: 0;
    }

        .contact .contact-text {
            color: #969696;
            padding: 0 0 20px;
        }

        .contact h1 {
            font-size: 1.4rem;
            color: #0082c9;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact h2 {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            color: #0082c9;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact .address-content {
            padding: 10px 0 5px 0;
        }

            .contact .address-content p {
                line-height: 1.8rem;
            }

        .contact .wrap-map #contact-map {
            height: 400px;
        }

        .contact .vietnam-map {
            background: url(images/vietnam_map_mobile_title.jpg) top left no-repeat;
            background-size: 100%;
            min-height: 464px;
            width: 230px;
            position: relative;
            margin: 0 auto 60px auto;
        }

            .contact .vietnam-map .hanoi {
                position: absolute;
                top: 55px;
                left: 105px;
            }

                .contact .vietnam-map .hanoi .current-pos {
                    position: absolute;
                    top: -24px;
                    left: 0;
                    display: block;
                    width: 22px;
                    height: 30px;
                    background: url(images/pos.png) center center no-repeat;
                }

                .contact .vietnam-map .hanoi .info-mobile {
                    display: none;
                }

            .contact .vietnam-map .hcm {
                bottom: 15px;
                left: 105px;
            }

                .contact .vietnam-map .hcm .info-mobile {
                    display: none;
                }

    .ctform {
        background-image: url(images/ctform.png);
        min-height: 500px;
    }

        .ctform .ctform-body {
            margin-left: 200px;
            margin-right: 20px;
            margin-top: 40px;
        }

        .ctform p {
            margin-bottom: 5px;
        }

        .ctform .wpcf7-text, .ctform .wpcf7-textarea {
            border: 0;
            border-bottom: #eee solid 1px;
            resize: none;
        }

        .ctform .wpcf7-textarea {
            height: 100px;
        }

    #footer #footerbg {
        height: 253px;
    }

    #footer #company-info {
        margin-bottom: -100px;
        padding: 20px 10px;
    }

        #footer #company-info .social .social-link {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -12px;
            text-align: center;
        }

            #footer #company-info .social .social-link .facebook, #footer #company-info .social .social-link .google, #footer #company-info .social .social-link .rss, #footer #company-info .social .social-link .linkedin {
                margin-right: 0;
                margin-left: 0;
            }

        #footer #company-info:before {
            content: '';
            display: block;
            position: absolute;
            bottom: -16px;
            left: 80px;
            height: 0;
            width: 0;
            border: 8px solid transparent;
            border-top-color: #0082c9;
            border-right-color: #0082c9;
        }

    #footer #footer-info {
        margin-top: -10px;
        text-align: left;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sidebarform {
        overflow: hidden;
    }

        .sidebarform a.email {
            padding-top: 15px;
            font-weight: 700;
            text-transform: uppercase;
        }

            .sidebarform a.email .number {
                display: none;
            }

        .sidebarform a.download {
            text-transform: uppercase;
            padding-top: 8px;
            font-weight: 700;
        }

        .sidebarform a.start {
            padding-top: 8px;
            text-transform: uppercase;
            font-weight: 700;
        }

        .sidebarform a.plus {
            padding-top: 8px;
            text-transform: uppercase;
            font-weight: 700;
            text-transform: none;
        }
}

@media only screen and (min-width:992px) {
    .jumbo-img {
        font-size: 2.4rem;
    }

    .other-activities .swiper-container {
        height: 220px;
    }

    .breadcrumb {
        font-size: 3.3rem;
        border-left: #0082c9 solid 12px;
        padding-left: 18px;
        line-height: 48px;
    }

        .breadcrumb .subpath {
            font-size: 2.4rem;
        }

    .testimonial {
        font-size: 1.4rem;
    }

        .testimonial h3 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 2.4rem;
            color: #0082c9;
            font-weight: 400;
            line-height: 2.4rem;
        }

        .testimonial .testi-pos {
            color: #0082c9;
        }

        .testimonial .testi-desc {
            margin-top: 20px;
        }

        .testimonial .testi-img {
            margin-top: 20px;
            margin-bottom: 0;
            padding: 0;
        }

    .sidebarform a.start, .sidebarform a.download, .sidebarform a.hotline, .sidebarform a.email, .sidebarform a.plus {
        height: 45px;
        padding-left: 65px;
        margin-bottom: 2px;
        font-size: 12px;
    }

    .sidebarform a.hotline {
        padding-top: 5px;
    }

        .sidebarform a.hotline .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.email {
        padding-top: 5px;
    }

        .sidebarform a.email .number {
            font-size: 14px;
            font-weight: 700;
        }

    .sidebarform a.download {
        text-transform: uppercase;
        padding-top: 15px;
        font-weight: 700;
    }

    .sidebarform a.start {
        padding-top: 15px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .sidebarform a.plus {
        padding-top: 15px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .contact {
        font-size: 1.4rem;
        padding-top: 0;
    }

        .contact .contact-text {
            color: #969696;
            padding: 0 0 20px;
        }

        .contact h1 {
            font-size: 1.4rem;
            color: #0082c9;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact h2 {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            color: #0082c9;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact .address-content {
            padding: 10px 0 5px 0;
        }

            .contact .address-content p {
                line-height: 1.8rem;
            }

        .contact .vietnam-map {
            background: url(images/vietnam_map_mobile_title.jpg) top left no-repeat;
            background-size: 100%;
            min-height: 590px;
            width: 290px;
            position: relative;
            margin: 0 auto 60px auto;
        }

            .contact .vietnam-map .hanoi {
                position: absolute;
                top: 73px;
                left: 135px;
            }

                .contact .vietnam-map .hanoi .current-pos {
                    position: absolute;
                    top: -24px;
                    left: 0;
                    display: block;
                    width: 22px;
                    height: 30px;
                    background: url(images/pos.png) center center no-repeat;
                }

                .contact .vietnam-map .hanoi .info-mobile {
                    display: none;
                }

            .contact .vietnam-map .hcm {
                bottom: 52px;
                left: 134px;
            }

                .contact .vietnam-map .hcm .info-mobile {
                    display: none;
                }

    .category-box .category-box-title {
        font-size: 1.4rem;
    }

    .featured-news .featured-title {
        font-size: 1.4rem;
    }

    .featured-news .related-news h3 {
        font-size: 1.2rem;
    }

    .ctform {
        min-height: 656px;
    }

        .ctform .ctform-body {
            margin-left: 300px;
            margin-right: 40px;
            margin-top: 60px;
        }

        .ctform p {
            margin-bottom: 10px;
        }

        .ctform .wpcf7-textarea {
            height: 120px;
        }

    #footer #footerbg {
        height: 326px;
    }

    #footer #footer-logo {
        width: 235px;
        height: 72px;
        background-image: url(images/logo@2x.png);
    }

    #footer #company-info {
        text-align: left;
        margin-bottom: -130px;
        padding: 20px 50px;
    }

        #footer #company-info .social h2 {
            text-align: left;
        }

        #footer #company-info .social .social-link {
            position: absolute;
            width: 100%;
            left: 15px;
            bottom: -12px;
            text-align: left;
        }

            #footer #company-info .social .social-link .facebook, #footer #company-info .social .social-link .google, #footer #company-info .social .social-link .rss, #footer #company-info .social .social-link .linkedin {
                margin-right: 10px;
                margin-left: 0;
            }

        #footer #company-info:before {
            left: 50px;
        }

    #footer #footer-info {
        margin-top: 0;
    }
}

@media only screen and (min-width:1200px) {
    .other-activities .swiper-container {
        height: 270px;
    }

    .contact {
        padding-top: 50px;
    }

        .contact .contact-text {
            padding: 0 0 20px;
        }

        .contact h1 {
            font-size: 3rem;
            color: #0082c9;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 4rem;
        }

        .contact h2 {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            color: #0082c9;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact .address-content {
            padding: 5px 0 5px 0;
        }

            .contact .address-content p {
                line-height: 1.2rem;
            }

        .contact .vietnam-map {
            background: url(images/vietnam_map.jpg) top left no-repeat;
            background-size: 100%;
            min-height: 694px;
            width: 380px;
            position: relative;
            margin: 0 auto 60px auto;
        }

            .contact .vietnam-map .hanoi {
                position: absolute;
                top: 82px;
                left: 172px;
            }

                .contact .vietnam-map .hanoi .point {
                    width: 30px;
                    height: 30px;
                }

                .contact .vietnam-map .hanoi .current-pos {
                    position: absolute;
                    top: -24px;
                    left: 0;
                    display: block;
                    width: 22px;
                    height: 30px;
                    background: url(images/pos.png) center center no-repeat;
                }

                .contact .vietnam-map .hanoi .info-mobile {
                    display: none;
                }

            .contact .vietnam-map .hcm {
                bottom: 35px;
                left: 168px;
            }

                .contact .vietnam-map .hcm .point {
                    width: 30px;
                    height: 30px;
                }

                .contact .vietnam-map .hcm .info-mobile {
                    display: none;
                }

    .ctform {
        width: 840px;
        height: 787px;
    }

        .ctform .ctform-body {
            margin-left: 350px;
            margin-right: 60px;
            margin-top: 80px;
        }

        .ctform p {
            margin-bottom: 10px;
        }

        .ctform .wpcf7-textarea {
            height: 150px;
        }

    #footer #footerbg {
        height: 395px;
    }

    #footer #footer-logo {
        width: 276px;
        height: 85px;
        background-image: url(images/logo@2x.png);
    }

    #footer #company-info {
        margin-bottom: -160px;
        line-height: 30px;
    }

        #footer #company-info .social .social-link .facebook, #footer #company-info .social .social-link .google, #footer #company-info .social .social-link .rss, #footer #company-info .social .social-link .linkedin {
            margin-right: 20px;
        }

        #footer #company-info:before {
            left: 70px;
        }

    #footer #footer-info {
        margin-top: 0;
    }
}

@media only screen and (min-width:1400px) {
    #footer #footerbg {
        height: 461px;
    }

    #footer #footer-info {
        margin-top: -80px;
    }
}

@media only screen and (min-width:1600px) {
    #footer #footerbg {
        height: 527px;
    }

    #footer #company-info {
        margin-bottom: -210px;
    }

        #footer #company-info:before {
            left: 90px;
        }
}

@media only screen and (min-width:1700px) {
    #footer #footerbg {
        height: 592px;
    }

    #footer #company-info {
        margin-bottom: -240px;
    }
}

@media only screen and (max-width:767px) {
    .progress {
        min-height: 60px;
        padding-left: 70px;
    }

        .progress:before {
            width: 60px;
            height: 60px;
        }

        .progress:after {
            top: 60px;
            left: 30px;
            border-left: #EBEBEB dashed 3px;
        }

    .dropmenu .anchor {
        width: 80px;
        height: 28px;
        padding-top: 2px;
        padding-right: 0;
    }

        .dropmenu .anchor .icon {
            width: 15px;
            height: 20px;
            margin-left: 5px;
        }

            .dropmenu .anchor .icon .icon-bar {
                border-bottom: #fff dotted 2px;
            }

        .dropmenu .anchor .text {
            padding-right: 6px;
            margin-top: 3px;
            font-size: 1rem;
        }

    .tag-label {
        text-align: left;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.8rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .controls ul li.active {
        background: #0082c9;
        color: #000;
    }

        .controls ul li.active:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -5px;
            height: 0;
            width: 0;
            border: 10px solid transparent;
            border-top-color: #000;
        }

    .service-col .service-content {
        padding-left: 0;
    }

        .service-col .service-content ul {
            list-style: disc inside;
            color: #EBEBEB;
        }

            .service-col .service-content ul li:hover {
                color: #0082c9;
            }
}

@media only screen and (max-width:479px) {
    .accordion section h3 {
        color: #0082c9;
    }

    .accordion section span.icon1, .accordion section span.icon2, .accordion section span.icon3, .accordion section span.icon4 {
        background-color: #0082c9;
    }

    .accordion section.ac_hidden h3 {
        color: #000;
    }

        .accordion section.ac_hidden h3:hover, .accordion section.ac_hidden h3:active {
            color: #0082c9;
        }

    .accordion section.ac_hidden span.icon1, .accordion section.ac_hidden span.icon2, .accordion section.ac_hidden span.icon3, .accordion section.ac_hidden span.icon4 {
        background-color: transparent;
    }

    .accordion section.ac_hidden .accord-desc {
        height: 18px;
        max-height: 18px;
        padding: 0;
        margin: 0;
    }

        .accordion section.ac_hidden .accord-desc:before {
            content: ' ';
            display: block;
            height: 18px;
            margin-left: 18px;
        }

    .dropmenu .anchor {
        width: 80px;
        height: 28px;
        padding-top: 2px;
        padding-right: 0;
    }

        .dropmenu .anchor .icon {
            width: 15px;
            height: 20px;
            margin-left: 5px;
        }

            .dropmenu .anchor .icon .icon-bar {
                border-bottom: #fff dotted 2px;
            }

        .dropmenu .anchor .text {
            padding-right: 6px;
            margin-top: 3px;
            font-size: 1rem;
        }

    .dropmenu-item ul li {
        width: 100%;
    }
}

@media only screen and (max-width:319px) {
    .support .btn-quotes span.ico, .support .btn-profile span.ico, .support .btn-hotline span.ico, .support .btn-chat span.ico {
        width: 72px;
        height: 72px;
    }

    .jumbo-img {
        height: 78px;
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 12px;
    }

    .line {
        text-align: center;
        maring: 27px 0 35px 0;
    }

    .whyus {
        padding: 20px 0;
    }

        .whyus .whyus-text {
            margin-bottom: 3.5rem;
        }

            .whyus .whyus-text h2, .whyus .whyus-text h3 {
                font-size: 1.4rem;
            }

        .whyus .whyus-img {
            margin-bottom: 30px;
        }

    .hidden-xs {
        display: none;
    }

    .contact {
        font-size: 1.4rem;
        padding-top: 0;
    }

        .contact .contact-text {
            color: #969696;
            padding: 0 0 20px;
        }

        .contact h1 {
            font-size: 1.4rem;
            color: #0082c9;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact h2 {
            font-size: 1.4rem;
            font-weight: 600;
            text-transform: uppercase;
            color: #0082c9;
            margin-top: 0;
            margin-bottom: 1.4rem;
        }

        .contact .address-content {
            padding: 10px 0 5px 0;
        }

            .contact .address-content p {
                line-height: 1.8rem;
            }

        .contact .wrap-map #contact-map {
            height: 200px;
        }

        .contact .vietnam-map {
            background: url(images/vietnam_map_mobile.jpg) top left no-repeat;
            background-size: 100%;
            min-height: 580px;
            width: 200px;
            position: relative;
            margin: 0 auto 60px auto;
        }

            .contact .vietnam-map .hanoi {
                position: absolute;
                top: 45px;
                left: 88px;
            }

                .contact .vietnam-map .hanoi .point {
                    display: block;
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    text-indent: -9999px;
                }

                .contact .vietnam-map .hanoi .current-pos {
                    position: absolute;
                    top: -24px;
                    left: 1px;
                    display: block;
                    width: 22px;
                    height: 30px;
                    background: url(images/pos.png) center center no-repeat;
                }

                .contact .vietnam-map .hanoi .info-mobile {
                    position: absolute;
                    left: -100px;
                    width: 200px;
                    text-align: center;
                }

            .contact .vietnam-map .hcm {
                position: absolute;
                bottom: 180px;
                left: 88px;
            }

                .contact .vietnam-map .hcm .point {
                    display: block;
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    text-indent: -9999px;
                }

                .contact .vietnam-map .hcm .info-mobile {
                    position: absolute;
                    left: -100px;
                    width: 200px;
                    text-align: center;
                }

    .featured-news h2.featured-title {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .featured-news .related-news h3 {
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: 0;
    }

    #footer #footerbg {
        height: 105px;
    }

    #footer #company-info {
        text-align: center;
        line-height: 20px;
    }

        #footer #company-info .social {
            padding-bottom: 15px;
        }

            #footer #company-info .social h2 {
                text-align: center;
            }

            #footer #company-info .social .social-link {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: -12px;
                text-align: center;
            }

                #footer #company-info .social .social-link .facebook, #footer #company-info .social .social-link .google, #footer #company-info .social .social-link .rss, #footer #company-info .social .social-link .linkedin {
                    margin-right: 10px;
                    margin-left: 10px;
                }

    #footer #footer-logo {
        width: 140px;
        height: 36px;
        background-image: url(images/logo.png);
        margin: 0 auto 25px auto;
        text-align: center;
    }

    #footer #footer-info {
        margin-top: 12px;
        text-align: center;
    }
}

.remove-margin-bottom {
    margin-bottom: 0 !important;
}

@media screen and (max-width:480px) {
    .hidden-480 {
        display: none;
    }
}

.visible-480 {
    display: none;
}

@media screen and (max-width:479px) {
    .visible-480 {
        display: block;
    }
}

.imgfull figure {
    display: block;
    width: 100%;
}

    .imgfull figure .vc_single_image-wrapper {
        display: block;
        width: 100%;
    }

.imgfull img {
    width: 100%;
    height: auto;
}

.text-light {
    color: #fff;
}

.lydo-icon {
    top: 100px !important;
    z-index: 111 !important;
}

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

.lydo-startup .uavc-list li {
    margin-bottom: 30px !important;
}

@media screen and (max-width:767px) {
    .lydo-startup .uavc-list li {
        margin-bottom: 0 !important;
    }
}

.songan-testimonial .item {
    text-align: center;
}

    .songan-testimonial .item .disabled {
        -webkit-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }

    .songan-testimonial .item .photo {
        text-align: right;
    }

        .songan-testimonial .item .photo img {
            display: inline-block;
            width: 100px;
            height: 100px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
        }

    .songan-testimonial .item blockquote {
        border: 0;
        padding: 10px 0 30px 50px;
        margin-bottom: 50px;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        position: relative;
        color: #000;
        background: url(images/quote-o.png) top left no-repeat;
    }

        .songan-testimonial .item blockquote:before {
            content: '';
            display: block;
            position: absolute;
            width: 430px;
            max-width: 100%;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            border-bottom: #EBEBEB solid 2px;
        }

        .songan-testimonial .item blockquote:after {
            content: '';
            height: 0;
            width: 0;
            border: 15px solid transparent;
            border-top-color: #EBEBEB;
            position: absolute;
            left: 50%;
            bottom: -30px;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
        }

        .songan-testimonial .item blockquote .quote-close {
            background: url(images/quote-c.png) bottom right no-repeat;
            padding-right: 50px;
        }

    .songan-testimonial .item .item-heading {
        text-align: left;
    }

        .songan-testimonial .item .item-heading h3 {
            font-size: 18px;
            font-weight: bold;
            margin-top: 0;
        }

        .songan-testimonial .item .item-heading h4 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .songan-testimonial .item .item-heading .rating-star {
            color: gold;
            font-size: 20px;
        }

@media screen and (max-width:600px) {
    .songan-testimonial .item blockquote {
        padding: 10px 0 30px 0;
        font-size: 14px;
        line-height: 24px;
        background: transparent;
    }

        .songan-testimonial .item blockquote .quote-close {
            background: transparent;
            padding-right: 0;
        }

    .songan-testimonial .item .item-heading {
        text-align: left;
    }

        .songan-testimonial .item .item-heading h3 {
            font-size: 18px;
            font-weight: bold;
            margin-top: 0;
        }

        .songan-testimonial .item .item-heading h4 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .songan-testimonial .item .item-heading .rating-star {
            color: gold;
            font-size: 20px;
        }
}

.songan-download .item {
    padding: 15px 0;
    border-bottom: #EBEBEB solid 1px;
}

    .songan-download .item .dl-title {
        margin-top: 0;
    }

    .songan-download .item .dl-desc {
        text-align: justify;
    }

    .songan-download .item .dl-btn {
        margin: 10px 0 0;
    }

        .songan-download .item .dl-btn a {
            background-color: #0082c9;
            color: #000;
            padding: 5px 20px;
        }

            .songan-download .item .dl-btn a:hover {
                background-color: #fdc746;
                color: #000;
            }

        .songan-download .item .dl-btn.dl-btn-enable a {
            background-color: #25b24d;
            color: #fff;
        }

            .songan-download .item .dl-btn.dl-btn-enable a:hover {
                background-color: #35d562;
                color: #fff;
            }

    .songan-download .item:last-child {
        border-bottom: 0;
    }

.landing-contact .wpcf7-text, .landing-contact .wpcf7-textarea {
    width: 100%;
    padding: 5px 10px;
    margin: 0 0;
    border: #ccc solid 1px;
    color: #000;
}

.landing-contact .wpcf7-textarea {
    height: 150px;
}

.landing-contact .ajax-loader {
    display: block !important;
}

.landing-contact .btn-send {
    background-image: url(images/i-send.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 50px;
}

.zindex11 {
    z-index: 11 !important;
}

    .zindex11 .vc_icon_element-inner {
        z-index: 11;
    }

.vc-faq .vc_toggle {
    margin-bottom: 0;
}

.vc-faq .vc_toggle_icon {
    background-color: #0082c9 !important;
    color: #fff !important;
    padding: 5px;
    float: left;
    margin-right: 15px;
    margin-left: 0 !important;
}

    .vc-faq .vc_toggle_icon:after, .vc-faq .vc_toggle_icon:before {
        border-color: #fff !important;
    }

.vc-faq .vc_toggle_title {
    border-bottom: #ccc dotted 1px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 0;
}

    .vc-faq .vc_toggle_title h4 {
        margin: 0 !important;
        font-size: 14px !important;
    }

.uavc-list-desc strong {
    font-weight: bold !important;
}
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #ffffff;background: #0082c9; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #0082c9 !important; background: #fff; }
        .nav-tabs > li > a::after { content: ""; background: #e21c24; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #0082c9 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}
.nav-tabs > li  {width:20%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%;  margin-bottom: 30px; }
body{ background: #EDECEC; padding:50px}

@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}	
.nav-tabs > li > a {padding: 5px 5px;}
}