@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Prompt:300,400,500,600,700&display=swap);

::selection {
    color: #ffcc0c;
    background: #0673ba
}

::-moz-selection {
    color: #000;
    background: #222
}

::-webkit-input-placeholder {
    color: #c9c9c9;
    text-overflow: ellipsis
}

:-moz-placeholder {
    color: #222 !important;
    text-overflow: ellipsis;
    opacity: 1
}

::-moz-placeholder {
    color: #222 !important;
    text-overflow: ellipsis;
    opacity: 1
}

:-ms-input-placeholder {
    color: #222 !important;
    text-overflow: ellipsis;
    opacity: 1
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 0 !important
}

body {
    color: #303030;
    font-family: Arial,sans-serif;
    top: 0 !important
}

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

h1, h2, h3 {
    font-size: 20px
}

a:hover {
    text-decoration: none;
    color: #e59f00
}

.tbl {
    display: table;
    margin: 0
}

    .tbl > .tbl-cell {
        display: table-cell
    }
.tbl-contact {
    display: table;
    margin: 0
}

    .tbl-contact > .tbl-cell {
        display: table-cell;
        padding: 0 50px
    }

.fixed .header-bt {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    width: 100%;
    animation-name: fixed;
    animation-duration: .8s;
    animation-iteration-count: 1;
    transform: scale(1)
}

.fixed .header-top {
    display: none
}

@keyframes fixed {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        top: -100%;
        visibility: hidden
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        top: 0;
        visibility: visible
    }
}

#fixed-left {
    position: fixed;
    z-index: 995;
    right: 15px;
    float: right;
    bottom: 30px
}

    #fixed-left ul {
        padding: 0;
        width: 55px;
        margin: 0
    }

        #fixed-left ul li {
            margin-bottom: 5px;
            background: #ddd;
            display: table;
            transition: all .3s ease-in-out;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            float: right;
            border-radius: 50%
        }

        #fixed-left ul li {
            background: #0673ba
        }

            #fixed-left ul li a.show {
                display: block
            }

            #fixed-left ul li a {
                display: none;
                text-align: center;
                width: 46px;
                height: 46px;
                line-height: 46px;
                border-radius: 50%
            }

                #fixed-left ul li a i {
                    color: #ffcc0c;
                    font-size: 35px;
                    line-height: 43px;
                    font-weight: 700
                }

#touch-menu {
    display: block
}

.header-top {
    background: #f3f3f3;
    height: 32px
}

    .header-top .left {
        float: left
    }

        .header-top .left ul {
            margin: 0;
            padding: 0
        }

            .header-top .left ul li a {
                color: #6c6c6c;
                font-size: 17px;
                font-weight: 700;
                font-family: Roboto,sans-serif;
                transition: all .5s linear;
                line-height: 30px;
                padding-right: 12px
            }

            .header-top .left ul li:hover a {
                color: #ffcb08
            }

    .header-top .right {
        float: right
    }

        .header-top .right ul li {
            position: relative;
            border-right: 1px solid #dedede;
            padding: 0 14px
        }

        .header-top .right > ul li:first-child:before {
            content: "\f095";
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            top: 6px;
            left: -11px;
            font-size: 18px;
            color: #ffbd0c
        }

        .header-top .right ul li a {
            color: #000;
            font-size: 15px;
            line-height: 30px;
            text-align: center
        }

        .header-top .right ul li .lang span {
            color: #000;
            font-size: 15px;
            cursor: pointer
        }

        .header-top .right ul li:last-child {
            border: none
        }

        .header-top .right ul li:nth-child(2) span {
            background: #ffbd0c;
            width: 18px;
            height: 18px;
            display: block;
            position: absolute;
            top: 0;
            right: 4px;
            text-align: center;
            line-height: 18px;
            border-radius: 50%;
            font-size: 14px
        }

        .header-top .right ul li .lang ul li {
            list-style: none;
            border-right: none
        }

.lang span img {
    width: 16px;
    margin: 0 10px
}

.ngonngu {
    display: none !important
}

.lang ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 99;
    min-width: 170px;
    list-style: none;
    padding: 0;
    padding: 5px
}

    .lang ul li {
        padding: 3px 0;
        line-height: 24px
    }

        .lang ul li:first-child:before {
            display: none
        }

        .lang ul li a {
            color: #000 !important;
            font-size: 13px !important;
            border-right: none !important
        }

            .lang ul li a img {
                margin-right: 10px;
                width: 25px
            }

.right ul li i {
    font-size: 19px;
    padding-left: 3px;
    font-weight: 700;
    color: #495057
}

.timkiem {
    display: none
}

#sticker-overlay {
    display: none
}

.sticker-header {
    display: none
}

    .sticker-header .search {
        display: none
    }

.sticker-footer {
    display: none
}

.main-menu .fa-angle-down {
    display: none
}

#logo {
    /*width: 100px;*/
    float: left;
    /*padding: 12px 0 8px*/
}

    #logo img {
        max-width: 100%
    }

#sticker {
    /*width: calc(100% - 100px);*/
    float: right;
    padding-left: 100px
}
@media (max-width: 991px) {
    #sticker .main-menu > li:last-child {
         display: block !important; 
    }
    #demo {
        margin-top: 60px;
    }
}
.sitcker-menu {
    display: flex;
    width: 100%;
    align-items: center;
}

/*.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999
}*/

    .header.up {
        position: initial
    }

.header-bt {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    background: url(/Image/headerBg.png) no-repeat center;
    background-size: cover;
    clear: both
}

#logo a {
    display: block
}

@media(min-width:1200px) {
    .container {
        max-width: 1240px
    }
    header {
        margin-bottom: 100px;
    }
}

.search .form-search {
    display: none;
    position: absolute;
    right: 45px;
    top: -2px
}

    .search .form-search form {
        position: relative
    }

        .search .form-search form input {
            height: 34px;
            line-height: 30px;
            border: none;
            padding: 0 12px
        }

.search .show-search {
    display: inline-block !important
}

.search .form-search form input[type=timkiem] {
    border: 1px solid grey;
    border-radius: 5px;
    overflow: hidden;
    padding: 2px 10px
}

#sticker .main-menu > li.search a i {
    font-size: 20px;
    color: #fff
}

#sticker .main-menu > li.search {
    padding: 0 0 0 35px;
    position: relative
}

    #sticker .main-menu > li.search .icon-sr i {
        color: #fff;
        border: 1px solid #fff;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        line-height: 32px
    }

.banner img {
    width: 100%
}

.banner ._img img:hover {
    transform: initial
}

.slider-banner ul.lSPager.lSpg {
    display: none
}

.slider-banner {
    position: relative;
    overflow: hidden
}

    .slider-banner .info {
        position: absolute;
        transform: rotate(90deg);
        transform-origin: 0 50%;
        bottom: 78px;
        right: 0;
        z-index: 99;
        width: 50%;
        background: #0000009c;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all .8s linear
    }

    .slider-banner .item.active .info {
        transform: scale(1) rotate(0)
    }

    .slider-banner .info .text p {
        margin: 0;
        padding: 0
    }

    .slider-banner .info .text p {
        color: #fff
    }

    .slider-banner .item img {
        width: 100%
    }

    .slider-banner .info .text p:first-child {
        text-transform: uppercase;
        font-size: 34px;
        color: #fff;
        font-weight: 700
    }

    .slider-banner .info .text {
        padding: 15px 55px 15px 25px;
        display: inline-block;
        border-left: 21px solid #ffcb08
    }

    .slider-banner .info .img {
        max-width: 102px;
        margin: 0 50px 0 0
    }

    .slider-banner .info .text p:last-child {
        font-size: 23px;
        color: #ffcb08;
        text-transform: uppercase
    }

        .slider-banner .info .text p:last-child span {
            color: #2fccff
        }

    .slider-banner .lSAction > a {
        position: absolute;
        background: #ffcb08 url(/Image/arow-lft.png) no-repeat;
        top: initial;
        bottom: 78px;
        left: 50%;
        height: 110px;
        background-position: center;
        opacity: 1;
        width: 21px
    }

        .slider-banner .lSAction > a.lSNext {
            background: #000000d9 url(/Image/arow-lft.png) no-repeat;
            bottom: 91px;
            height: 55px;
            background-position: center;
            border-bottom: 2px solid #8a8989;
            display: none
        }

    .slider-banner .lSSlideWrapper, .slider-banner .lSSlideWrapper .lSFade {
        position: initial
    }

.copy-right {
    background: #171717;
    padding: 13px 0;
    clear: both;
    border-top: 1px solid #2f2f2f
}

    .copy-right ul.tbl {
        padding: 0
    }

.slider-spdt ul li {
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-spdt .lSSlideWrapper {
    border: 1px solid #6a6a6a
}

.copy-right ul.tbl li {
    font-size: 14px;
    padding: 0 9px;
    border-right: 1px solid #2f2f2f;
    line-height: 16px;
    display: inline-block
}

    .copy-right ul.tbl li a {
        color: #aaa
    }

    .copy-right ul.tbl li:hover a {
        color: #ffbc08
    }

    .copy-right ul.tbl li:first-child {
        padding-left: 0
    }

    .copy-right ul.tbl li:last-child {
        border-right: none
    }

.tool-right ul {
    display: table;
    padding: 10px 0;
    margin-bottom: 0
}

    .tool-right ul li {
        display: inline-block;
        font-size: 15px;
        font-family: "Open Sans",sans-serif
    }

        .tool-right ul li i {
            padding: 0 10px
        }

        .tool-right ul li a.active {
            color: #222
        }

.form-search {
    display: none
}

    .form-search.show-search {
        display: block
    }

.Wrapper-id {
    clear: both
}

.about-us {
    clear: both;
    background: #e2e2e2;
    padding: 67px 0
}

    .about-us .item h2 {
        font-size: 23px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 25px
    }

    .about-us .item p {
        font-size: 15px;
        line-height: 24px;
        font-family: "Open Sans",sans-serif;
        font-weight: 500;
        margin: 0;
        text-align: justify
    }

.view-a {
    /*display: block*/
}

    .view-a a {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        padding: 0 37px 0 15px;
        line-height: 37px;
        border: 2px solid #000;
        border-radius: 3px;
        margin-top: 25px;
        display: table
    }

        .view-a a:hover {
            background: #000;
            color: #fff
        }

            .view-a a:hover:after {
                color: #000;
                background: #fff
            }

        .view-a a::after {
            content: "\f061";
            font: normal normal normal 14px/1 FontAwesome;
            color: #fff;
            background: #000;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            position: absolute;
            top: 11px;
            right: 15px;
            font-size: 10px;
            line-height: 13px;
            text-align: center
        }

.about-us .item img {
    width: 100%;
    max-height: 100%
}

.about-us .item ul li {
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    align-items: center
}

    .about-us .item ul li:last-child {
        margin: 0
    }

    .about-us .item ul li .img {
        max-width: 50px;
        float: left
    }

    .about-us .item ul li .txt {
        width: calc(100% - 55px);
        float: left;
        padding-left: 20px
    }

    .about-us .item ul li p {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 5px;
        text-transform: uppercase
    }

    .about-us .item ul li span {
        font-size: 14px;
        line-height: 24px
    }

.about-us .item ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.grid-prd {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 -12px
}

    .grid-prd .item:first-child {
        grid-column: 1/2;
        grid-row: 1/3
    }

    .grid-prd a {
        display: block;
        height: 100%
    }

        .grid-prd a img {
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            transition: all 3s linear
        }

.tit-h2 h1, .tit-h2 h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 16px;
    margin: 0 0 30px;
    text-align: center
}

    .tit-h2 h1::before, .tit-h2 h2::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 48px;
        height: 2px;
        background: #ffcb08
    }

.main-prd {
    padding: 48px 0;
    background: #f4f4f4
}

.grid-prd .item {
    margin: 12px;
    position: relative;
    overflow: hidden
}

    .grid-prd .item:after {
        content: '';
        position: absolute;
        pointer-events: none;
        top: 0;
        left: -100%;
        width: 120%;
        height: 100%;
        opacity: 0;
        background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.15)35%,rgba(255,255,255,.2),70%,rgba(255,255,255,.3) 100%);
        transform: skewX(-25deg)
    }

    .grid-prd .item:hover:after {
        opacity: 1;
        left: 120%;
        transition-property: left,top,opacity;
        transition-duration: 1s,2s,.1s;
        transition-timing-function: ease
    }

.grid-prd-2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

    .grid-prd-2 .item {
        margin: 15px;
        background: #f0f0f0;
        width: calc(100%/3 - 30px);
        padding: 40px;
        position: relative;
        overflow: hidden
    }

        .grid-prd-2 .item:after {
            content: '';
            position: absolute;
            pointer-events: none;
            top: 0;
            left: -100%;
            width: 120%;
            height: 100%;
            opacity: 0;
            background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.15)35%,rgba(255,255,255,.2),70%,rgba(255,255,255,.3) 100%);
            transform: skewX(-25deg)
        }

        .grid-prd-2 .item:hover:after {
            opacity: 1;
            left: 120%;
            transition-property: left,top,opacity;
            transition-duration: 1s,2s,.1s;
            transition-timing-function: ease
        }

        .grid-prd-2 .item:nth-child(4), .grid-prd-2 .item:nth-child(5) {
            width: calc(50% - 30px);
            display: grid;
            align-items: center;
            grid-template-columns: 40% 60%
        }

        .grid-prd-2 .item .img {
            height: 220px;
            overflow: hidden;
            text-align: center
        }

            .grid-prd-2 .item .img img {
                height: 100%;
                max-width: 100%;
                object-fit: contain
            }

        .grid-prd-2 .item .txt {
            padding-top: 40px;
            text-align: center;
            margin: 0 auto
        }

            .grid-prd-2 .item .txt h3 {
                font-size: 16px;
                font-weight: 600;
                margin: 0 0 10px
            }

            .grid-prd-2 .item .txt span {
                font-size: 16px;
                color: #0673ba;
                font-weight: 600
            }

        .grid-prd-2 .item:nth-child(n+4) .img {
            grid-column: 2/3;
            grid-row: 1/1
        }

        .grid-prd-2 .item:nth-child(n+4) .txt {
            width: auto;
            padding: 0;
            padding-right: 40px
        }

.tab-prd .nav-tabs a {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 14px;
    padding: 0 0 14px;
    border: none
}

.tab-prd .nav-tabs {
    margin: 0 auto;
    border: none;
    justify-content: center
}

    .tab-prd .nav-tabs a.active, .tab-prd .nav-tabs a:hover {
        color: #e59f00;
        border: none;
        padding: 0 0 14px
    }

.tab-prd .view-a a {
    border: 2px solid #ffcb08;
    margin: 25px auto 0
}

    .tab-prd .view-a a:after {
        background: #ffcb08
    }

.prd-hot {
    padding: 50px 0
}

.grid-news {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin: 0 -12px
}

    .grid-news .item {
        margin: 12px
    }

        .grid-news .item .img {
            height: 200px;
            overflow: hidden
        }

        .grid-news .item img {
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            transition: all .3s linear
        }

        .grid-news .item .img:hover img {
            transform: scale(1.1,1.1)
        }

        .grid-news .item .txt {
            padding: 26px 0 0
        }

        .grid-news .item h3 {
            font-size: 18px;
            line-height: 24px;
            max-height: 72px;
            overflow: hidden;
            margin: 0 0 10px
        }

        .grid-news .item p {
            font-size: 14px;
            line-height: 24px;
            max-height: 48px;
            overflow: hidden;
            font-family: "Open sans",sans-serif;
            margin: 0
        }

footer {
    background: rgb(39,58,96);
    overflow: hidden;
    /*padding: 36px 0*/
}

.footer {
    margin: 0 -15px
}

    .footer .item {
        width: 25%;
        float: left;
        padding: 0 15px
    }

        .footer .item h3 {
            font-size: 15px;
            line-height: 24px;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0 0 15px;
            font-family: "Open Sans",sans-serif;
            color: #fff
        }

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

            .footer .item ul li {
                font-size: 14px;
                line-height: 18px;
                font-family: "Open Sans",sans-serif;
                position: relative;
                padding-left: 20px;
                color: #aeaeae;
                margin-bottom: 10px
            }

                .footer .item ul li a {
                    color: #aaa
                }

                .footer .item ul li:hover, .footer .item ul li:hover a {
                    color: #ffbd0c
                }

                .footer .item ul li::before {
                    content: '';
                    width: 16px;
                    height: 16px;
                    background: url(/Image/ic-ft.png) no-repeat;
                    background-position: 0 -2px;
                    position: absolute;
                    top: 2px;
                    left: 0
                }

                .footer .item ul li:nth-child(2)::before {
                    background-position: 0 -25px
                }

                .footer .item ul li:nth-child(3)::before {
                    background-position: 0 -49px
                }

                .footer .item ul li:nth-child(4)::before {
                    background-position: 0 -77px
                }

        .footer .item .iframe iframe {
            width: 100%;
            height: 100%
        }

.copy-right .item {
    display: flex;
    justify-content: space-between
}

.all-rght {
    display: flex
}

    .all-rght p {
        color: #aeaeae;
        margin: 0;
        font-size: 14px;
        font-family: "Open Sans";
        line-height: 24px;
        padding-right: 5px
    }

    .all-rght ul li {
        margin: 0 8px;
        padding: 0 !important;
        border: none !important;
        font-size: 18px !important
    }

#calltrap-btn, #calltrap-overlay {
    position: fixed;
    text-align: center
}

#calltrap-btn {
    cursor: pointer;
    background-color: #ed1c24;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 64px;
    line-height: 100px;
    opacity: .7;
    left: 35px;
    bottom: 50px;
    width: 64px;
    z-index: 999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}

    #calltrap-btn.calltrap_offline {
        background-color: #ff000a
    }

#calltrap-ico {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}

    #calltrap-ico:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        top: 0;
        left: 0;
        background-image: url(/Image/phone-call.png);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: calltrap_spin 3s infinite linear;
        -moz-animation: calltrap_spin 3s infinite linear;
        -o-animation: calltrap_spin 3s infinite linear;
        animation: calltrap_spin 3s infinite linear
    }

.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}

#calltrap-overlay {
    background-color: #191919;
    background-color: rgba(25,25,25,.9);
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

    #calltrap-overlay .b-calltrap-overlay {
        display: table;
        width: 100%;
        height: 100%
    }

    #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer, #calltrap-overlay .b-calltrap-overlay__header {
        display: table-row;
        padding: 0;
        margin: 0
    }

    #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block, #calltrap-overlay .b-calltrap-overlay__header-block {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    #calltrap-overlay .b-calltrap-overlay__body-block {
        padding: 0 7px
    }

    #calltrap-overlay .b-calltrap-overlay__footer, #calltrap-overlay .b-calltrap-overlay__header {
        height: 1px
    }

    #calltrap-overlay .b-calltrap__container {
        background-color: #fff;
        border: 5px solid #ed1c24;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 0;
        max-width: 500px;
        display: block;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.3;
        position: relative;
        font-family: Tahoma,Arial,self-serif !important
    }

@media screen and (min-width:1px) and (max-width:500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }

    #calltrap-form .b-calltrap_form__title, #calltrap-success .b-calltrap_form__title {
        padding-right: 20px
    }
}

#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: .5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

    #calltrap-overlay .b-calltrap__close:hover {
        opacity: 1
    }

#calltrap-form, #calltrap-success {
    display: block
}

    #calltrap-form .b-calltrap_form__fields, #calltrap-success .b-calltrap_form__fields {
        margin: 20px 25px 35px
    }

    #calltrap-form .b-calltrap_form__title, #calltrap-success .b-calltrap_form__title {
        font-size: 20px;
        margin: 0 0 17px;
        text-align: left
    }

    #calltrap-form .b-calltrap_form__text, #calltrap-success .b-calltrap_form__text {
        text-align: left
    }

        #calltrap-form .b-calltrap_form__text p, #calltrap-success .b-calltrap_form__text p {
            margin: 0 0 .55em
        }

    #calltrap-form .b-calltrap_form__input, #calltrap-success .b-calltrap_form__input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        padding: 0 15px;
        height: 44px;
        line-height: 40px;
        background-color: #fff;
        border: 2px solid #ccc;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width: 100%;
        outline: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

        #calltrap-form .b-calltrap_form__input.error, #calltrap-success .b-calltrap_form__input.error {
            background-color: #ffc0c0;
            color: red;
            border-color: red
        }

        #calltrap-form .b-calltrap_form__input:disabled, #calltrap-success .b-calltrap_form__input:disabled {
            background-color: #eee;
            border-color: #bdbdbd;
            cursor: default
        }

        #calltrap-form .b-calltrap_form__input:focus, #calltrap-success .b-calltrap_form__input:focus {
            border: 2px solid #ed1c24
        }

    #calltrap-form .b-calltrap_form__submit, #calltrap-success .b-calltrap_form__submit {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #ed1c24;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        padding: 0;
        height: 44px;
        line-height: 40px;
        display: inline-block;
        width: 180px;
        text-align: center;
        outline: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

@media screen and (min-width:1px) and (max-width:500px) {
    #calltrap-form .b-calltrap_form__input, #calltrap-success .b-calltrap_form__input {
        margin-bottom: 13px
    }

    #calltrap-form .b-calltrap_form__submit, #calltrap-success .b-calltrap_form__submit {
        width: 100%
    }
}

#calltrap-form .b-calltrap_form__submit:hover, #calltrap-success .b-calltrap_form__submit:hover {
    background-color: #1c658c
}

#calltrap-form .b-calltrap_form__submit:disabled, #calltrap-success .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}

#calltrap-form .b-calltrap_form__controls, #calltrap-success .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0 200px 0 0
}

#calltrap-form .b-calltrap_form__controls-item, #calltrap-success .b-calltrap_form__controls-item {
    position: relative;
    float: right
}

#calltrap-form .b-calltrap_form__controls-left, #calltrap-success .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}

#calltrap-form .b-calltrap_form__controls-right, #calltrap-success .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}

@media screen and (min-width:1px) and (max-width:500px) {
    #calltrap-form .b-calltrap_form__controls, #calltrap-success .b-calltrap_form__controls {
        padding: 0
    }

    #calltrap-form .b-calltrap_form__controls-item, #calltrap-success .b-calltrap_form__controls-item {
        float: none
    }

    #calltrap-form .b-calltrap_form__controls-left, #calltrap-success .b-calltrap_form__controls-left {
        margin-left: 0
    }

    #calltrap-form .b-calltrap_form__controls-right, #calltrap-success .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}

#calltrap-form .b-calltrap_form__controls-clear, #calltrap-success .b-calltrap_form__controls-clear {
    clear: both
}

#calltrap-success {
    display: none
}

#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #ff000a
}

    #calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
        background-color: #2e8c1c
    }

#calltrap-overlay.calltrap_offline .b-calltrap__container, #calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #ff000a
}

@-webkit-keyframes calltrap_opacity {
    0%,100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-moz-keyframes calltrap_opacity {
    0%,100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-o-keyframes calltrap_opacity {
    0%,100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@keyframes calltrap_opacity {
    0%,100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-webkit-keyframes calltrap_spin {
    0%,30%,57% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    33%,39%,45%,51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%,42%,54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-moz-keyframes calltrap_spin {
    0%,30%,57% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    33%,39%,45%,51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%,42%,54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-o-keyframes calltrap_spin {
    0%,30%,57% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    33%,39%,45%,51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%,42%,54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@keyframes calltrap_spin {
    0%,30%,57% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    33%,39%,45%,51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%,42%,54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24;
        box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
    }
}

@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
    }

    10% {
        box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
    }
}

@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
    }

    10% {
        box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
    }
}

@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24;
        box-shadow: 0 0 8px 6px #ed1c24,0 0 12px 10px transparent,0 0 12px 14px #ed1c24
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);
        box-shadow: 0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
    }
}

@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120;
        box-shadow: 0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
    }
}

@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
    }

    10% {
        box-shadow: 0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
    }
}

@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
    }

    10% {
        box-shadow: 0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
    }
}

@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #ff000a,0 0 12px 10px transparent,0 0 12px 14px #ff000a;
        box-shadow: 0 0 8px 6px #ff000a,0 0 12px 10px transparent,0 0 12px 14px #ff000a
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);
        box-shadow: 0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
    }
}

.banner-ab img {
    width: 100%
}

.lst-about {
    background: #fff;
    padding: 0
}

    .lst-about .desc .item {
        background: #fff;
        margin: 0 -15px;
        margin-bottom: 50px;
        overflow: hidden
    }

        .lst-about .desc .item:nth-child(1) .img {
            float: right
        }

        .lst-about .desc .item > .img {
            margin: 0 15px;
            width: calc(50% - 30px);
            float: left
        }

        .lst-about .desc .item > .txt {
            margin: 0 15px;
            width: calc(50% - 30px);
            float: left
        }

.map iframe {
    width: 100%;
    height: 512px;
    border: none
}

.contact-info {
    display: block;
    margin: 0
}

    .contact-info .item {
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #d9d9d9
    }

        .contact-info .item:last-child {
            border: none
        }

        .contact-info .item h3 {
            color: #000
        }

        .contact-info .item ul li, .contact-info .item ul li a {
            color: #000
        }

            .contact-info .item ul li::before {
                background: url(../images/ic-ft-2.png) no-repeat
            }

.contact {
    padding-bottom: 45px
}

.lst-form form {
    display: grid;
    grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
    margin: 0 -10px
}

    .lst-form form .form-group:nth-child(5) {
        grid-column: 3/4;
        grid-row: 1/3
    }

    .lst-form form .form-group {
        margin: 10px
    }

.lst-form input, .lst-form textarea {
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
    font-family: "Open Sans";
    border: none;
    width: 100%;
    border-radius: 3px;
    padding: 0 15px
}

.lst-form textarea {
    height: 100%;
    border-radius: 3px
}

    .lst-form input::placeholder, .lst-form textarea::placeholder {
        color: #333;
        font-size: 14px;
        font-family: "Open Sans"
    }

.lst-form button {
    background: #0672b9;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 15px;
    font-family: "Open Sans";
    height: 34px;
    width: 130px;
    border-radius: 3px
}

.lst-form form .submit {
    grid-column: 3/4;
    grid-row: 3/4;
    justify-self: flex-end;
    padding: 0 10px
}

.form-contact {
    padding-top: 27px;
    border-top: 1px solid #d9d9d9
}

.lst-contact {
    margin-bottom: 40px
}

.form-contact h2 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 15px
}

.lst-prd {
    display: grid;
    grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
    margin: -15px;
    margin-bottom: 0
}

    .lst-prd .item {
        background: #f0f0f0;
        margin: 15px;
        text-align: center;
        padding: 40px 28px
    }

        .lst-prd .item h3 {
            font-size: 19px;
            line-height: 24px;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0 0 25px;
            max-height: 48px;
            overflow: hidden;
            height: 48px
        }

        .lst-prd .item .txt {
            padding-top: 35px
        }

        .lst-prd .item .img {
            height: 200px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .lst-prd .item .img a {
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .lst-prd .item .img img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain
            }

        .lst-prd .item .view-a a {
            margin: 0 auto;
            border-radius: 99px;
            border: 1px solid #000;
            font-size: 16px;
            text-transform: initial;
            font-weight: 500
        }

    .lst-prd.lst-prd-2 {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        margin: -11px
    }

        .lst-prd.lst-prd-2 .item {
            margin: 11px
        }

        .lst-prd.lst-prd-2 h3 {
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 10px
        }

.lst-prd-2 span {
    color: #0673ba;
    font-size: 16px;
    font-weight: 600
}

.lst-prd.lst-prd-2 .txt {
    margin: 0 auto
}

.pagi {
    clear: both
}

.pagination {
    padding: 22px 0;
    margin: 0 auto;
    display: table
}

.pagi nav ul li {
    display: inline-block;
    border: none
}

    .pagi nav ul li a {
        margin-right: 10px;
        color: #312c2c;
        font-weight: 600;
        transition: ease-in-out .3s;
        display: block;
        border-color: #b4b4b4;
        padding: 6px 11px;
        text-align: center;
        font-size: 15px;
        border: 1px solid #d4d4d4;
        line-height: 18px
    }

.pagination > li.active > a, .pagination > li > a:hover {
    border: 1px solid #0673ba;
    color: #aeaeae;
    background: initial
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    border-radius: 0
}

.product {
    padding-bottom: 20px
}

.lst-news .grid-news .item:first-child {
    background: #f5f5f5;
    grid-column: 1/5;
    grid-row: 1/1
}

    .lst-news .grid-news .item:first-child .img {
        width: 50%;
        float: left
    }

    .lst-news .grid-news .item:first-child .txt {
        width: 50%;
        float: left;
        padding: 34px
    }

    .lst-news .grid-news .item:first-child .img {
        height: 100%
    }

    .lst-news .grid-news .item:first-child .txt h3 {
        font-size: 20px;
        margin: 0 0 25px
    }

    .lst-news .grid-news .item:first-child .txt p {
        max-height: initial;
        font-weight: 500
    }

.lst-news .grid-news .item .view-a a {
    border-radius: 99px;
    border: 1px solid #000;
    font-size: 16px;
    text-transform: initial;
    font-weight: 400;
    padding: 0 44px 0 20px;
    line-height: 32px
}

.lst-news {
    margin: -10px 0
}

.detail-content-news {
    overflow: hidden;
    margin-top: 20px
}

.detail-news .desc {
    border-bottom: 1px solid #dbdbdb;
    font-family: "Open Sans",sans-serif
}

    .detail-news .desc h3, .detail-news .desc h4 {
        font-size: 17px
    }

    .detail-news .desc b, .detail-news .desc p {
        line-height: 24px;
        display: block;
        margin: 15px 0;
        font-size: 14px
    }

    .detail-news .desc img {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }

.news-orther h2 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin: 22px 0;
    position: relative;
    padding-bottom: 10px
}

.img-mxh {
    padding: 10px 0 5px;
    border-top: 1px solid #dbdbdb
}

.news-orther h2:before {
    bottom: 0;
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    height: 3px;
    background: #0673ba
}

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

    .news-orther ul li {
        padding-left: 14px;
        line-height: 30px;
        display: block;
        position: relative;
        font-family: "Open Sans";
        font-size: 14px
    }

        .news-orther ul li span {
            font-size: 14px;
            color: #9b9b9b;
            padding-left: 5px
        }

        .news-orther ul li::before {
            content: '\f105';
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            left: 0;
            top: 8px;
            color: #01a85a;
            font-weight: 700
        }

.tit-detail h1 {
    font-size: 20px;
    line-height: 30px;
    display: block;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.tit-h2-dt h2 {
    font-size: 18px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid #0673ba;
    padding-bottom: 5px;
    margin: 0
}

.news-hot-id {
    overflow: hidden;
    padding: 45px 0;
    background: #f4f4f4
}

.news-hot .desc .item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    padding: 16px 0
}

    .news-hot .desc .item:last-child {
        border: none
    }

    .news-hot .desc .item .img {
        width: 81px;
        height: 81px;
        border: 1px solid #cfcfcf;
        padding: 1px;
        overflow: hidden;
        float: left
    }

        .news-hot .desc .item .img:hover img {
            transform: scale(1.1,1.1)
        }

        .news-hot .desc .item .img img {
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            transition: all .3s ease-in-out
        }

    .news-hot .desc .item .text {
        width: calc(100% - 81px);
        float: left;
        padding-left: 15px
    }

        .news-hot .desc .item .text h3 {
            font-size: 14px;
            line-height: 20px;
            display: block;
            max-height: 80px;
            overflow: hidden;
            margin: 0;
            font-weight: 400;
            font-family: "Open Sans"
        }

.detail-content-news .img-mxh img {
    margin: 0
}

.time {
    display: table;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
    font-family: "Open Sans";
    font-size: 14px
}

    .time i {
        color: #4f9cce;
        padding-right: 5px
    }

.agency {
    display: grid;
    grid-template-columns: 40% 60%;
    margin: 0 -8px
}

    .agency .item {
        margin: 8px;
        position: relative
    }

.lst-agency {
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    overflow-y: auto;
    height: 605px
}

    .lst-agency .item-c.active {
        background-color: #dedede
    }

    .lst-agency .item-c {
        padding: 17px;
        overflow: hidden;
        border-bottom: 1px solid #d9d9d9;
        cursor: pointer
    }

        .lst-agency .item-c .img {
            width: 116px;
            height: 116px;
            overflow: hidden;
            float: left
        }

        .lst-agency .item-c .desc {
            width: calc(100% - 116px);
            float: left;
            padding-left: 15px
        }

            .lst-agency .item-c .desc h3 {
                font-size: 16px;
                font-family: "Open Sans";
                font-weight: 700;
                margin: 0 0 15px
            }

        .lst-agency .item-c ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

            .lst-agency .item-c ul li {
                font-size: 15px;
                line-height: 24px;
                position: relative;
                padding-left: 22px;
                font-family: "Open Sans"
            }

                .lst-agency .item-c ul li::before {
                    content: '';
                    background: url(../images/ic-dl.png) no-repeat;
                    position: absolute;
                    top: 5px;
                    left: 0;
                    width: 15px;
                    height: 15px;
                    background-position: 0 0
                }

                .lst-agency .item-c ul li:nth-child(2)::before {
                    background-position: 0 -25px
                }

                .lst-agency .item-c ul li:nth-child(3)::before {
                    background-position: 0 -50px
                }

.maps-2 {
    height: 100%;
    position: relative
}

.selecr-maps {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #00000091;
    padding: 7px
}

    .selecr-maps .form-group {
        width: calc(100%/4 - 14px);
        float: left;
        margin: 7px;
        position: relative
    }

    .selecr-maps .btn-su:before {
        display: none
    }

    .selecr-maps .btn-su button:hover {
        background-color: #ffcc0c
    }

    .selecr-maps .btn-su button {
        text-transform: uppercase;
        background-color: #0572b8;
        border: none;
        color: #fff
    }

    .selecr-maps .form-group:before {
        content: '\f107';
        position: absolute;
        top: 4px;
        right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 30px;
        z-index: 0
    }

    .selecr-maps .form-group select {
        text-transform: uppercase;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

.maps-2 iframe {
    border: none;
    width: 100%;
    height: 100%
}

.details {
    display: grid;
    grid-template-columns: 48% 52%
}

.parameter h1 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 10px
}

.price {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0
}

    .price span {
        font-size: 21px;
        color: #0673ba;
        font-weight: 600;
        margin: 0;
        line-height: 24px
    }

.parameter {
    padding-left: 26px;
    padding-bottom: 30px
}

    .parameter ul {
        padding-left: 15px;
        margin: 20px 0
    }

        .parameter ul li {
            font-size: 15px;
            font-family: "Open Sans";
            line-height: 24px
        }

    .parameter h3 {
        font-size: 17px;
        color: #0673ba;
        font-weight: 600;
        margin: 0 0 10px
    }

    .parameter p {
        font-size: 15px;
        font-family: "Open Sans";
        padding-bottom: 20px;
        border-bottom: 1px solid #dbdbdb;
        margin: 0 0 10px
    }

.btn {
    padding: 22px 0;
    margin: 0 -6px
}

    .btn .ic {
        width: calc(50% - 12px);
        margin: 6px;
        float: left;
        font-family: "Open Sans"
    }

        .btn .ic input {
            width: 100%;
            padding: 0 0 0 20px;
            height: 44px;
            line-height: 44px;
            border-radius: 5px;
            box-shadow: initial !important;
            border: 1px solid #dbdbdb
        }

        .btn .ic a {
            border-radius: 5px;
            background: #ffcc0c;
            display: block;
            line-height: 44px;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 700;
            position: relative
        }

            .btn .ic a:before {
                content: '';
                background: url(../images/ic-cart.png) no-repeat;
                width: 20px;
                height: 20px;
                position: absolute;
                top: 12px;
                left: 35px;
                background-size: 100% 100%
            }

        .btn .ic.download a:before {
            background: url(../images/ic-cata.png) no-repeat;
            background-size: 100% 100%;
            left: 7px
        }

        .btn .ic.phone a:before {
            background: url(../images/ic-phone.png) no-repeat;
            background-size: 100% 100%;
            left: 15px
        }

        .btn .ic.download a {
            background: #0673ba;
            color: #fff
        }

        .btn .ic.phone a {
            background: #ec3737;
            color: #fff;
            font-size: 17px
        }

.img-gallery {
    padding-bottom: 30px
}

    .img-gallery .lSSlideWrapper .lSSlide {
        background: #f0f0f0
    }

    .img-gallery .lSSlideOuter .lightSlider > * {
        height: 420px;
        text-align: center;
        line-height: 420px
    }

    .img-gallery .lSSlideOuter .lSPager.lSGallery li {
        background: #f0f0f0;
        height: 76px;
        overflow: hidden;
        display: flex;
        align-items: center
    }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #0673ba;
    border-radius: 2px
}

.img-gallery img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.prd-detail {
    padding: 35px 0;
    display: grid;
    grid-template-columns: 73% 27%;
    margin: 0 -15px
}

    .prd-detail .col-mg {
        margin: 0 15px
    }

.contents {
    grid-row: 2/3;
    grid-column: 1/3;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 24px
}

    .contents .nav-tabs .nav-link {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        border: none;
        background: initial;
        margin: 0 35px 0 0;
        position: relative;
        padding: 0 0 10px 0
    }

        .contents .nav-tabs .nav-link:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #0673ba;
            transform: scale(0);
            transition: all .2s linear
        }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #0673ba
}

    .nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before, .nav-tabs .nav-link:focus:before, .nav-tabs .nav-link:hover:before {
        transform: scale(1)
    }

.contents .tab-content {
    padding: 20px 0
}

.contents ul {
    padding-left: 15px
}

    .contents ul li {
        margin-bottom: 15px
    }

.contents img {
    max-width: 100%;
    margin: 15px auto;
    display: block;
    height: 100% !important;
}

.prd-other {
    grid-column: 1/3;
    grid-row: 3/4;
    border-top: 1px solid #dbdbdb
}

    .prd-other .lst-prd.lst-prd-2 .item {
        padding: 30px !important
    }

    .prd-other .lst-prd.lst-prd-2 .img {
        height: 150px
    }

    .prd-other h2 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        margin: 20px 0
    }

.lst-prd-similar {
    padding: 16px;
    border: 1px solid #dbdbdb;
    background: #f3f3f3;
    margin-bottom: 20px
}

.about-us.lst-prd-similar .item ul li .img {
    width: 36px;
    height: 36px
}

.about-us.lst-prd-similar .item ul li p {
    font-size: 14px;
    font-family: "Open Sans"
}

.about-us.lst-prd-similar .item ul li {
    margin-bottom: 20px
}

.news-hot.prd-similar {
    border: 1px solid #dbdbdb;
    padding: 20px
}

    .news-hot.prd-similar .item .text h3 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 10px;
        max-height: 40px
    }

    .news-hot.prd-similar .item .text span {
        color: #0672ba;
        font-family: "Open Sans";
        font-size: 15px;
        font-weight: 600
    }

    .news-hot.prd-similar .item .img {
        border: none;
        background: #f0f0f0
    }

        .news-hot.prd-similar .item .img img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain
        }

.prd-other .lst-prd.lst-prd-2 {
    grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3)
}

.sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #e9e9e9;
    top: 100%;
    left: 0;
    width: 100%
}

.sub-menu {
    display: grid;
    grid-template-columns: repeat(4,auto)
}

    .sub-menu .item {
        padding: 0 25px;
        border-right: 1px solid #d3d3d3;
        margin: 30px 0
    }

        .sub-menu .item:last-child {
            border: none
        }

        .sub-menu .item h3 {
            text-align: left;
            color: #0673ba;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 700;
            margin: 0 10px 15px
        }

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

        .sub-menu ul li {
            line-height: 22px;
            text-align: left;
            border-top: 1px solid #d3d3d3;
            padding: 5px 0;
            margin: 0 10px;
            font-family: "Open Sans";
            font-size: 15px
        }

#sticker .main-menu > li:hover .sub-menu {
    opacity: 1;
    visibility: visible
}

.sub-menu.ac .item ul li {
    width: calc(50% - 20px);
    float: left
}

.main-menu {
    margin-right: 0;
    float: right
}

.cart-mobile {
    display: none
}

.search-mobile {
    display: none
}

.lang-mobile {
    display: none
}

.table_adc {
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%
}

    .table_adc tr {
        border-bottom: 1px solid #ddd
    }

    .table_adc thead tr {
        border-bottom: 1px solid #ddd;
        width: 1%;
        white-space: nowrap
    }

    .table_adc td, .table_adc th {
        padding: 3px 15px
    }

    .table_adc th {
        color: #333;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        background: #f5f5f5;
        font-weight: 700
    }

    .table_adc tr th:first-child {
        width: 35%;
        text-align: left
    }

    .table_adc td h3 {
        margin: 0;
        font-size: 14px
    }

    .table_adc td {
        line-height: 1.3;
        text-align: center;
        padding: 5px 7px;
        font-size: 16px;
        transition: all .35s
    }

        .table_adc td:first-child {
            text-align: left
        }

    .table_adc .tab-link {
        display: block;
        line-height: 22px;
        color: #0f89e9;
        font-weight: 700
    }

        .table_adc .tab-link img {
            margin-left: 8px
        }

    .table_adc .price-table {
        font-weight: 700;
        color: #f44336;
        float: right
    }

.btn-table-book {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    border-radius: 3px;
    padding: 0 8px;
    background: #ff7e00;
    text-transform: uppercase;
    box-shadow: 0 0 10px -4px #000;
    margin: auto
}

.table_adc th:last-child {
    width: 15%
}

.table_adc tr:hover td {
    background: #fff
}

.box-calculator-pr {
    padding: 10px
}

    .box-calculator-pr .tit-car {
        line-height: 18px;
        color: #fff;
        padding: 10px 15px;
        background: #f02e3d
    }

.box-tab-pr {
    display: inline-grid;
    grid-template-columns: 80px calc(100% - 80px)
}

    .box-tab-pr .avt {
        width: 80px;
        height: 70px;
        float: left;
        text-align: center;
        line-height: 54px;
        padding: 7px
    }

        .box-tab-pr .avt img {
            max-height: 100%;
            max-width: 100%
        }

    .box-tab-pr .desc {
        width: 100%;
        display: table;
        height: 100%
    }

        .box-tab-pr .desc a {
            display: table-cell;
            vertical-align: middle;
            padding-left: 7px;
            line-height: 1.3
        }

            .box-tab-pr .desc a span {
                color: #373737;
                font-size: 14px
            }

.box-tab-price .new {
    color: #e70012;
    display: block
}

.box-tab-price .old {
    color: #a6a6a6;
    text-decoration: line-through;
    font-size: 13px
}

.box-tab-sl {
    list-style: none;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    margin: 0;
    padding: 0
}

    .box-tab-sl li {
        float: left
    }

        .box-tab-sl li span {
            width: 28px;
            height: 28px;
            display: block;
            text-align: center;
            line-height: 28px;
            cursor: pointer
        }

        .box-tab-sl li input {
            line-height: 28px;
            width: 40px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            text-align: center;
            border-top: none
        }

            .box-tab-sl li input[type=number]::-webkit-inner-spin-button, .box-tab-sl li input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0
            }

.box-price-all {
    color: #005bac
}

.box-calculator-pr .box-o {
    padding: 10px 12px;
    border: 1px solid #ddd
}

    .box-calculator-pr .box-o .top {
        overflow: hidden;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd
    }

        .box-calculator-pr .box-o .top .box-pr {
            display: table;
            width: 100%;
            margin-bottom: 10px
        }

        .box-calculator-pr .box-o .top span {
            font-size: 16px;
            line-height: 18px;
            color: #555
        }

    .box-calculator-pr .box-o span.priceing {
        color: #2a2a2a
    }

    .box-calculator-pr .box-o .midle {
        overflow: hidden;
        padding: 10px 0
    }

        .box-calculator-pr .box-o .midle i {
            font-size: 12px;
            display: block;
            line-height: 15px
        }

    .box-calculator-pr .box-o .bot {
        overflow: hidden
    }

    .box-calculator-pr .box-o .bot-2 {
        border-top: 1px solid #ddd;
        padding: 10px 0 0
    }

    .box-calculator-pr .box-o strong {
        line-height: 16px;
        display: block
    }

    .box-calculator-pr .box-o .preiced {
        font-size: 20px;
        color: #e70012
    }

    .box-calculator-pr .box-o .left {
        margin: 0;
        line-height: 24px;
        width: 45%;
        float: left
    }

    .box-calculator-pr .box-o .right {
        width: 55%;
        float: right;
        margin: 0;
        text-align: right;
        line-height: 24px
    }

    .box-calculator-pr .box-o .box-pr .avt {
        display: block;
        float: left;
        width: 74px;
        height: 74px;
        text-align: center;
        line-height: 58px;
        padding: 7px;
        border: 1px solid #ddd
    }

    .box-calculator-pr .box-o .box-pr .desc {
        width: calc(100% - 74px);
        float: left;
        padding-left: 10px
    }

        .box-calculator-pr .box-o .box-pr .desc > a {
            color: #373737;
            display: block;
            font-family: Roboto,sans-serif;
            line-height: 18px
        }

        .box-calculator-pr .box-o .box-pr .desc .price {
            overflow: hidden;
            padding: 10px 0
        }

            .box-calculator-pr .box-o .box-pr .desc .price .new {
                color: #e70012;
                float: left
            }

            .box-calculator-pr .box-o .box-pr .desc .price .sl_sp {
                float: right
            }

.btn-book-product {
    font-family: Muli,sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    display: block;
    background: #005bac;
    text-align: center;
    border-radius: 5px;
    border: none
}

.box-calculator-pr .box-o .bot span {
    color: #555;
    text-align: center;
    display: block;
    line-height: 24px;
    margin-top: 10px
}

    .box-calculator-pr .box-o .bot span i {
        color: #e70012;
        margin-left: 10px
    }

.box-calculator-pr .box-o .bot-2 span {
    color: #e70012;
    text-align: right;
    margin-top: 5px
}

.btn-book-product:hover {
    color: #fff
}

.box-detail-cart {
    display: inline-grid;
    grid-template-columns: 73% 27%;
    overflow: hidden;
    padding: 10px 0;
    width: 100%
}

.table-cart-product {
    padding: 10px 0
}

.box-calculator-pr {
    padding: 10px
}

.cus-inf-v1 {
    margin-bottom: 20px
}

    .cus-inf-v1 > .tit {
        border: 1px solid #ddd;
        line-height: 35px;
        padding: 0 15px;
        margin: 0;
        font-family: Roboto,sans-serif;
        font-weight: 700;
        color: #363636;
        text-transform: uppercase
    }

    .cus-inf-v1 > .box {
        padding: 10px 15px;
        overflow: hidden;
        border: 1px solid #ddd;
        border-top: 0;
        border-bottom: 0
    }

        .cus-inf-v1 > .box label.error {
            position: absolute;
            top: calc(100% - 10px);
            left: 10px;
            color: red;
            font-size: 16px;
            font-style: italic;
            font-weight: 400
        }

        .cus-inf-v1 > .box .w2a {
            width: 70%;
            padding: 10px 5px;
            float: left;
            position: relative
        }

        .cus-inf-v1 > .box .w2b {
            width: 30%;
            padding: 10px 5px;
            float: left;
            position: relative
        }

        .cus-inf-v1 > .box .w1 {
            width: 100%;
            padding: 10px 5px;
            float: left;
            position: relative
        }

        .cus-inf-v1 > .box .w3 {
            width: calc(100% / 3);
            padding: 10px 5px;
            float: left;
            position: relative
        }

        .cus-inf-v1 > .box .w-a {
            width: 100%;
            padding: 5px;
            float: left
        }

        .cus-inf-v1 > .box input {
            border: 1px solid #ddd;
            width: 100%;
            line-height: 38px;
            border-radius: 5px;
            padding: 0 15px
        }

.select.select-2 {
    position: relative
}

    .select.select-2 select {
        width: 100%;
        height: 40px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 35px;
        -webkit-appearance: none;
        color: #777676
    }

    .select.select-2:before {
        content: '';
        position: absolute;
        width: 36px;
        height: 40px;
        top: 0;
        right: 1px;
        background: url(../images/ic-select-2.png) center no-repeat;
        pointer-events: none
    }

.radio-cs {
    display: block;
    float: left;
    padding-top: 2px;
    padding-right: 10px;
    height: 24px
}

.cus-inf-v1 > .box span {
    float: left;
    display: block;
    line-height: 25px;
    color: #777676
}

.radio-cs > label {
    margin: 0;
    height: 18px;
    padding-left: 18px !important;
    color: #fff
}

.radio-cs > [type=radio]:checked + label:after, .radio-cs > [type=radio]:not(:checked) + label:after {
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    background: 0 0;
    border: 2px solid #1468b3
}

.cus-inf-v1 > :last-child {
    border-bottom: 1px solid #ddd
}

.frm-cart button {
    display: table;
    float: right;
    padding: 0 30px
}

.frm-cart .btn-back {
    color: #005bac;
    font-family: Roboto,sans-serif;
    display: block;
    float: left;
    line-height: 36px
}

.frm-cart {
    overflow: hidden
}

.avt {
    overflow: hidden
}

    .avt img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover
    }

.height-300 {
    height: 300px
}

.height-700 {
    height: 700px
}

#content-module {
    overflow: hidden
}

#content-ct {
    overflow: hidden
}

.full-article {
    height: auto !important
}

.parameter-prd ul {
    padding: 0 0 0 15px
}

.noty_buttons {
    margin: 0 auto;
    text-align: center !important
}

.btn {
    padding: .375rem .75rem;
    margin: 0 10px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    visibility: visible !important
}

.scroll-cs {
    border: 1px solid #ddd;
    padding: 12px;
    clear: both;
    margin-top: 23px;
    line-height: 24px;
    color: #666;
    height: 120px;
    overflow-y: auto;
    font-size: 14px;
    display: none
}

    .scroll-cs.show {
        display: block
    }

    .scroll-cs ul {
        padding-left: 15px
    }

    .scroll-cs p {
        margin: 0 0 5px 0
    }

.cus-inf-v1 > .box .w-a:last-child span {
    padding-bottom: 10px
}

.lst-agency .item-c .img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
/*Footer Simon*/

.footerBox {
    /*background: url(/Image/footerBg.png) no-repeat center;*/
    background-size: cover;
    padding: 23px 0 0;
    background: #1768a7
}
    .footerBox .logo {
        max-height: 58px;
        float: left;
    }
        .footerBox .logo img {
            max-height: 58px;
        }
    .footerBox .bct {
        float: right;
        max-height: 58px;
    }
        .footerBox .bct img {
            max-height: 58px;
        }
    .footerBox .row2 {
        margin-top: 22px;
    }
        .footerBox .row2 .container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
.contactInfo {
    -webkit-flex: 0 0 calc((100% - 80px) / 2);
    -ms-flex: 0 0 calc((100% - 80px) / 2);
    flex: 0 0 calc((100% - 80px) / 2);
    max-width: calc((100% - 80px) / 2);
    margin-right: 20px;
}
    .contactInfo .title {
        font: 20px / 20px Arial;
        color: #Fff;
        font-weight: 700
    }
    .contactInfo .content {
        font: 13px / 14px Arial;
        color: #fff;
        margin-top: 15px;
        letter-spacing: 0.5px;
        line-height:25px;
    }
body b, body strong {
    font-family: UTMHBold;
    font-weight: normal;
}
.contactInfo:nth-child(5n) {
    margin-right: 0;
}
.menuBottom {
    margin-top: 15px;
}
    .menuBottom ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 2px solid #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 6px 0 14px;
    }
        .menuBottom ul li a {
            font: 12px / 18px UTMH;
            color: #00b9ee;
        }
.bottomBox {
    border-top: 2px solid #00b9ee;
    padding: 13px 0 14px;
}
    .bottomBox .text {
        float: left;
        font: 12px / 14px UTMHBold;
        color: #00b9ee;
        margin-top: 7px;
    }
    .bottomBox .social {
        float: right;
    }
.fixedRight {
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 95px;
}
    .fixedRight a {
        width: 39px;
        height: 35px;
        display: block;
    }
        .fixedRight a img {
            width: 39px;
            height: 35px;
        }
        .fixedRight a:nth-child(1) ~ a {
            margin-top: 10px;
        }
.hotlineFix {
    color: #fff;
    width: 226px;
    position: fixed;
    bottom: 50px;
    left: 74px;
    z-index: 9;
    text-align: center;
}
    .hotlineFix:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        -ms-filter: brightness(120%);
        -moz-filter: brightness(120%);
    }
    .hotlineFix:before {
        content: '';
        background: url('https://roman.vn/css/Pic/hotlineIcon1.png') no-repeat;
        width: 135px;
        height: 135px;
        position: absolute;
        left: -73px;
        top: -50px;
        z-index: 1;
        animation: roundScale 1.6s linear infinite;
        -webkit-animation: roundScale 1.6s linear infinite;
    }
    .hotlineFix span {
        display: block;
        background: url('https://roman.vn/css/Pic/bgHotline.png') no-repeat;
        background-size: cover;
        border-radius: 5px;
        position: relative;
        z-index: 2;
        font: 23px / 33px UTMHBold;
        height: 37px;
        letter-spacing: 2px;
        padding-left: 12px;
        opacity: 0;
        pointer-events: none;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
    }
    .hotlineFix:after {
        content: '';
        background: url('https://roman.vn/css/Pic/hotlineIcon.png') no-repeat;
        width: 58px;
        height: 58px;
        position: absolute;
        left: -34px;
        top: -11px;
        z-index: 3;
        -webkit-animation: rotatePhone 1s infinite ease-in-out;
        -moz-animation: rotatePhone 1s infinite ease-in-out;
        animation: rotatePhone 1s infinite ease-in-out;
    }

/*Style New Home*/

feature {
    padding: 50px 0;
    min-height: calc(100vh - 210px);
    background-color: #f9fbff;
}
.feature ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}
.feature li {
    width: 30%;
    margin: 20px;
    padding: 10px 30px 20px;
    box-sizing: border-box;
    color: #101C2C;
    background-color: white;
    border-radius: 20px;
    border: 1px solid #1E3A6C;
}
    .feature li img {
        max-width: 100%;
        max-height: 82px;
        display: block;
        margin: 20px 0 20px auto;
        clear: both;
    }
    .feature li h3 {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        max-width: 70%;
        color: #203A6C;
    }
    .feature li p {
        margin: 0;
        padding: 0;
        line-height: 19.5px;
        text-decoration: none !important;
    }