::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 50px;
    }
    ::-webkit-scrollbar{
        width: 6px;
        background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-thumb{
        border-radius: 50px;
        background-color: #eb232b;
    }  
    .slide_row .slick-list{
        margin: 0 -15px;
    }  
    .slide_row .slick-list .item{
        padding: 0 15px;
    }
    .sectionwrap{
        position: relative;
    }
    .design{
        position: absolute;
        left: 0;
        padding: 0 20px 0 150px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .box_banner{
        position: relative;
    }
    .vnt-banner img{
        width: 100%;
    }
    .sectionBox{
        overflow-y: scroll;
        max-width: 100%;
        overflow-x: hidden;
    }
    .sectionBox::-webkit-scrollbar {
        display: none;
    }
    .sectionBox::-ms-scrollbar {
        display: none;
    }
    .wrapCorn{
        margin-bottom: 60px;
    }
    .vnt-banner{
        position: relative;
        height: 100%;
        overflow-y: hidden;
    }
    .vnt-banner .slick-list::-webkit-scrollbar-track{
        display: none !important;
    }
    .vnt-banner .slick-list::-webkit-scrollbar{
        display: none !important;
    }
    .vnt-banner .slick-list::-webkit-scrollbar-thumb{
        display: none !important;
    }   
    .vnt-banner .item{
        position: relative;
        overflow: hidden;
    }
    .vnt-banner .item:after {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: -75%;
        top: 0;
        transform: skewX(-25deg);
        width: 50%;
        z-index: 20;
    }
    .vnt-banner .item:hover:after {
        animation: 1s ease 0s normal none 1 running fixedAnim;
        animation: 1s ease 0s normal none 1 running fixedAnim;
        -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
        -moz-animation: 1s ease 0s normal none 1 running fixedAnim;
    }
    @-webkit-keyframes fixedAnim {
        0% {right:125%;}
        125% {right:0;}}
    @-moz-keyframes fixedAnim {0% {right:125%;}125% {right:0;}}
    @keyframes fixedAnim {0% {right:125%}125% {right:0;}}
    #vnt-banner .slick-dots{
        display: none !important;
    }
    .desc ul{
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .vnt-banner .item {
        height: 100%;
    }
    .vnt-banner .item a{
        display: block;
        position: relative;
        height: 100%;
        padding-top: 56.25%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .titlePagePostion{
        position: absolute;
        left: 200px;
        bottom: 65px;
        width: 100%;
        pointer-events: none;
        padding-left: 50px;
    }
    .titlePagePostion:after{
        content: '';
        width: 123px;
        height: 130px;
        background: url('../images/icon-title.png') no-repeat;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .titlePage{
        position: relative;
        z-index: 2;
    }
    .titlePage svg{
        height: 70px;
        width: 100%;
    }
    .titlePage svg text {
        font-size: 50px;
        line-height: 50px;
        text-transform: uppercase;
        font-weight: bold;
        fill: transparent;
        stroke: #fff;
        stroke-width: 1px;
        transform: matrix(1, 0, 0, 1, 0, 55.4194);
    }
    .textScroll{
        position: relative;
        z-index: 2;
        height: 20px;
        overflow: hidden;
        padding-left: 80px;
    }
    .textScroll span{
        display: inline-block;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
        padding-right: 15px;
        text-transform: uppercase;
        position: relative;
        animation: change 2.5s infinite;
        -webkit-animation: change 2.5s infinite;
        -moz-animation: change 2.5s infinite;
        -o-animation: change 2.5s infinite;
    }
    .textScroll span:after{
        content: '\f107';
        font-family: fontAwesome;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    @-webkit-keyframes change {
      0%{
        transform: translate3d(0, 0, 0);
      }
      50%{
        transform: translate3d(0, 100px, 0);
      }
      100%{
        transform: translate3d(0, 0, 0);
      }
    }
    /* @-o-keyframes change {
      0%,
      12.66%,
      100% {
        transform: translate3d(0, 0, 0);
      }
      16.66%,
      29.32% {
        transform: translate3d(0, 25%, 0);
      }
      33.32%,
      45.98% {
        transform: translate3d(0, 50%, 0);
      }
      49.98%,
      62.64% {
        transform: translate3d(0, 75%, 0);
      }
      66.64%,
      79.3% {
        transform: translate3d(0, 50%, 0);
      }
      83.3%,
      95.96% {
        transform: translate3d(0, 25%, 0);
      }
    }
    @-moz-keyframes change {
      0%,
      12.66%,
      100% {
        transform: translate3d(0, 0, 0);
      }
      16.66%,
      29.32% {
        transform: translate3d(0, 25%, 0);
      }
      33.32%,
      45.98% {
        transform: translate3d(0, 50%, 0);
      }
      49.98%,
      62.64% {
        transform: translate3d(0, 75%, 0);
      }
      66.64%,
      79.3% {
        transform: translate3d(0, 50%, 0);
      }
      83.3%,
      95.96% {
        transform: translate3d(0, 25%, 0);
      }
    }
    @keyframes change {
      0%,
      12.66%,
      100% {
        transform: translate3d(0, 0, 0);
      }
      16.66%,
      29.32% {
        transform: translate3d(0, 25%, 0);
      }
      33.32%,
      45.98% {
        transform: translate3d(0, 50%, 0);
      }
      49.98%,
      62.64% {
        transform: translate3d(0, 75%, 0);
      }
      66.64%,
      79.3% {
        transform: translate3d(0, 50%, 0);
      }
      83.3%,
      95.96% {
        transform: translate3d(0, 25%, 0);
      }
    } */
    .section{
        position: relative;
    }
    .wrapCornPostion{
        padding: 85px 0 0 130px;
    }
    .wrapFix{
        padding-left: 130px;
    }
    .fix_stand{
        padding-bottom: 30px;
        bottom: initial;
    }
    .f-share .ds_share{
        
    }
    .f-share .ds_share ul:after{
        display: block;
        content: '';
        clear: both;
    }
    .f-share .ds_share ul li{
        margin-left: 5px;
        font-size: 16px;
        line-height: 30px;
        float: left;
    }
    .f-share .ds_share ul li a{
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #ffffff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .f-share .ds_share ul li a:hover{
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .f-share .ds_share ul li a .fa{
        font-size: 14px;
        line-height: 30px;
    }
    .f-share{
        margin-top: 30px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .f-share span{
        display: inline-block;
        margin-right: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .f-share .ds_share{
        margin-right: 20px;
    }
    .f-share a.lh{
        display: block;
        width: 188px;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        background: #3454d1;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    .f-share a.lh:hover{
        opacity: .7;
    }
    .f-share a.lh span{
        display: inline-block;
        padding-left: 30px;
        position: relative;
    }
    .f-share a.lh span:after{
        content: '\f095';
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: fontAwesome;
    }
    /********************************************/
    #vnt-navation{
        padding-top: 20px;
        padding-left: 320px;
        margin-bottom: 45px;
    }
    .vnt-navation{
        padding: 2px 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    .breadcrumb ul li{
        padding: 0 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        position: relative;
    }
    .breadcrumb ul li a{
        color: #888;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-transform: none;
        display: block;
        font-family: 'Montserrat', sans-serif;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    .breadcrumb ul li a:hover,.breadcrumb ul li.active a{
        color: #7b3543;
    }
    .breadcrumb ul li ~ li:before{
        color: #666;
        content: '\f105';
        top: 50%;
        right: -5px;
        left: initial;
        font-weight: 400;
        font-size: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .breadcrumb ul li:last-child:before{
        content: none;
    }
    .breadcrumb ul li:last-child a{
        font-weight: 600;
        color: #3454d1;
        padding: 8px;
        background: #eeeeee;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
    }
    /*==================BEGIN BOX MID==================*/
    .box_mid .mid-title{
        margin-bottom: 0;
    }
    .box_mid .mid-title .titleL h1,.box_mid .mid-title .titleL h2{
        font-size: 40px;
        line-height: 50px;
        color: #7b3543;
        font-weight: 400;
        text-align: center;
        margin-bottom: 35px;
        padding-bottom: 10px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }
    .box_mid .mid-title .titleL h1 strong{
        color: #f5951c;
    }
    .box_mid .mid-title .titleL h1:after{
        content: '';
        width: 45px;
        height: 1px;
        background: #faa61a;
        position: absolute;
        bottom: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .box_mid .mid-title .titleL.nor h1{
        text-align: left;
        margin-bottom: 10px;
        text-transform: none;
        font-size: 40px;
        line-height: 50px;
    }
    /********************************************/
    .select-menu{
        position: relative;
        padding-top: 18px;
        padding-left: 320px;
        margin-bottom: 25px;
    }
    .select-menu .cp_title{
        display: none;
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        background: #3454d1;
        padding: 11px 10px;
        text-transform: uppercase;
        position: relative;
        text-align: left;
        cursor: pointer;
        margin: 0 15px;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
    }
    .select-menu .cp_title:after{
        content: '\f0d7';
        font-family: fontAwesome;
        font-size: 14px;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .select-menu .cp_content{
        
    }
    .select-menu .cp_content ul:after{
        content: '';
        display: block;
        clear: both;
    }
    .select-menu .cp_content ul li{
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .select-menu .cp_content ul li:last-child{
        margin-right: 0;
    }
    .select-menu .cp_content ul li a{
        display: block;
        text-align: center;
        text-decoration: none;
        position: relative;
        background: #eee;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        font-size: 15px;
        line-height: 24px;
        padding: 10px 18px;
        color: #333;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
    }
    .select-menu .cp_content ul li.current a,
    .select-menu .cp_content ul li a:hover{
        background: #3454d1;
        color: #fff;
    }
    /*===========BEGIN: COMMENT=============*/
    .fan-fb{
        margin-bottom: 25px;
    }
    .comment{

    }
    .comment .title{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #333;
        font-weight: 700;
    }
    .formComment .form-control{
        height: 38px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .formComment textarea.form-control{
        resize: vertical;
        -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
        -o-transition:all 0.5s ease;
        transition:all 0.5s ease;
        height: 100px;
    }
    .formComment .input-group-btn{
        padding-left: 5px;
        vertical-align: top;
    }
    .formComment .input-group-img{
        display: table-cell;
        padding-left: 10px;
        vertical-align: top;
    }
    .formComment .input-group-img img{
        max-width: none;
    }
    .formComment button.btn{
        height: auto;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        padding: 7px 20px;
        text-transform: uppercase;
        background: #67635c;
        border: 0;
        margin-right: 5px;
        -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
        -o-transition:all 0.5s ease;
        transition:all 0.5s ease;
    }
    .formComment button.btn:hover{
        background: #bf1e2e;
    }
    .formComment button.btn:active{
        outline: none;
    }
    .formComment button.btn span{
        color: #ffffff;
    }
    .formComment .w_content .content-info{
        padding: 15px;
        clear: both;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        display: none;
    }
    .formComment .w_content .content-info .info-title{
        margin-bottom: 10px;
    }
    .formComment .w_content .content-info .form-control{
        float: none;
        margin-bottom: 10px;
    }
    /*=================================*/
    .grid-comment{
        margin-bottom: 10px;
    }
    .grid-comment .node-commnet{
        padding: 20px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .grid-comment .node-commnet .avatar{
        width: 55px;
        float: left;
    }
    .grid-comment .node-commnet .avatar img{
        width: 100%;
    }
    .grid-comment .node-commnet .info-comment{
        margin-left: 70px;
    }
    .grid-comment .node-commnet .info-comment .info-preson{
        font-size: 12px;
        line-height: 25px;
        color: #7c7c7c;
    }
    .grid-comment .node-commnet .info-comment .info-preson .name{
        font-size: 14px;
        color: #333333;
        font-weight: bold;
    }
    .grid-comment .node-commnet .info-comment .ccomment{
        font-size: 14px;
        line-height: 25px;
    }
    .grid-comment .node-commnet .info-comment .linkanswer{
        margin-bottom: 10px;
        margin-top: 5px;
        text-align: right;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        color: #f58021;
    }
    .grid-comment .node-commnet .info-comment .linkanswer a{
        position: relative;
        display: inline-block;
        padding-right: 12px;
        color: #bf1e2e;
    }
    .grid-comment .node-commnet .info-comment .linkanswer a:hover{
        text-decoration: underline;
    }
    .grid-comment .node-commnet .info-comment .linkanswer a:after{
        position: absolute;
        font-family:"fontawesome";
        content:"\f054";
        top:2px;
        right: 0;
        color: #bf1e2e;
        font-size: 7px;
    }
    .listanswer .nodeanswer{
        background-color: #f2f2f2;
        margin-bottom:1px;
        padding: 10px;
    }
    .comment-fb{
        margin-bottom: 30px;
    }
    /**************************************/
    /**************************************/
    @media screen and (max-width: 1368px){
        .design{
            padding: 90px 0 0 130px;
            position: static;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        /*.vnt-banner .item a{
            padding-top: 80%;
            overflow: hidden;
        }*/
    }

    @media screen and (max-width: 1024px){
        .vnt-banner .item a{
            padding-top: 178.33%;
        }
        .design{
            padding: 0;
        }
        .f-share .ds_share ul li{
            margin-left: 2px;
        }
        .wrapCorn{
            margin-bottom: 50px;
        }
        #vnt-sidebar{
            width: 100%;
        }
        #vnt-main{
            width: 100%;
        }
        #vnt-navation{
            margin-bottom: 0;
        }
        .titlePagePostion{
            left: 65px;
        }
        .titlePage svg text{
            font-size: 30px;
            line-height: 30px;
        }
        .sectionBox{
            margin-bottom: 25px;
        }
        .select-menu{
            padding: 80px 0 0;
            margin-bottom: 25px;
            position: relative;
        }
        .select-menu .cp_title{
            display: block;
        }
        .select-menu .cp_content{
            display: none;
            position: absolute;
            top: 131px;
            left: 8px;
            right: 25px;
            z-index: 111;
        }
        .select-menu.active .cp_content{
            display: block;
            text-align: left;
        }
        .select-menu .cp_content ul{
            display: block;
        }
        .select-menu .cp_content ul li{
            float: none;
            margin: 0;
            border-bottom: 1px solid #999;
        }
        .select-menu .cp_content ul li:last-child{
            border-bottom: 0;
        }
        .select-menu .cp_content ul li a{
            text-align: left;
            -webkit-transform: skew(0);
            -moz-transform: skew(0);
            -o-transform: skew(0);
        }
        .select-menu .cp_content ul li:hover a{
            background: #3454d1;
            color: #fff;
        }
        .select-menu .cp_content::after{
            display: none;
        }
        
        .box_mid .mid-title .titleL.nor h1{
            font-size: 30px;
            line-height: 40px;
        }

        #vnt-banner .i-desc-page .text1{
            font-size: 22px;
            line-height: 32px;
        }
        #vnt-banner .item .i-img{
            height: 54vh;
        }
        #vnt-banner .item .i-img img {
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            max-width: initial;
            width: initial;
            height: 100%;
        }

        .filter form {
            display: -webkit-block;
            display: -moz-block;
            display: -ms-block;
            display: -o-block;
            display: block;
        }
        .filter form .sub{
            display: -webkit-block;
            display: -moz-block;
            display: -ms-block;
            display: -o-block;
            display: block;
            margin: 0 -5px;
        }
        .filter form .sub div{
            float: left;
            width: 50%;
            padding: 0 5px;
            margin: 0 0 10px;
        }
        .filter form div{
            margin-right: 0;
        }
        .filter form .form-control{
            width: 100%;
        }
        .filter form button{
            width: 100%;
        }

        #vnt-navation{
            padding-top: 85px;
            padding-left: 100px;
            margin-bottom: 20px;
        }
        .wrapFix{
            padding-left: 80px;
        }
        .slide_row .slick-list{
            margin: 0 -5px;
        }  
        .slide_row .slick-list .item{
            padding: 0 5px;
        }
    }

    @media screen and (max-width: 402px){
       
    }