.clearfix:before{
    display: table;
    content: " ";
}
.clearfix:after {
clear:both;
}
.btn{
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    border:1px solid transparent;
    border-radius:3px;
    font-size:1rem;
    padding:10px 15px;
    user-select:none
}
button{
    cursor:pointer
}
.btn:focus,.btn:active,.btn.active{
    box-shadow:none !important
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    margin:0
}
button,select{
    text-transform:none
}
.btn-primary{
    background-color:#2780e3;
    border-color:#2780e3;
    color:#fff
}
.btn-primary:hover{
    background-color:#1967be;
    border-color:#1862b5;
    color:#fff
}
.btn-success{
    background-color:#3fb618;
    border-color:#3fb618;
    color:#fff
}
.btn-success:hover{
    background-color:#2f8912;
    border-color:#2c8011;
    color:#fff
}
.btn-info{
    background-color:#9954bb;
    border-color:#9954bb;
    color:#fff
}
.btn-info:hover{
    background-color:#7e3f9d;
    border-color:#783c96;
    color:#fff
}
.btn-warning{
    background-color:#ff7518;
    border-color:#ff7518;
    color:#fff
}
.btn-warning:hover{
    background-color:#e45c00;
    border-color:#da5800;
    color:#fff
}
.btn-danger{
    background-color:#ff0039;
    border-color:#ff0039;
    color:#fff
}
.btn-danger:hover{
    background-color:#cc002e;
    border-color:#c2002b;
    color:#fff
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
a.disabled,btn.disabled,.btn:disabled{
    opacity:.6;
    pointer-events:none
}
.d-inline-block{
    display:inline-block !important
}
.d-inline{
    display:inline !important
}
.d-block{
    display:block !important
}
.d-none-i{
    display:none !important
}
.d-none{
    display:none
}
.dropdown{
    position:relative
}
.dropdown-menu{
    -webkit-transition:all .1s ease;
    background-clip:padding-box;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.15);
    border-radius:.25rem;
    color:#212529;
    display:none;
    font-size:1rem;
    list-style:none;
    margin:.125rem 0 0;
    opacity:0;
    padding:.5rem 0;
    position:absolute;
    text-align:left;
    transition:all .1s ease;
    visibility:hidden;
    z-index:1000
}
.show>.dropdown-menu{
    display:block;
    opacity:1;
    visibility:visible
}
.dropdown-menu-right{
    left:auto;
    right:0
}
.dropdown-item{
    background-color:transparent;
    border:0;
    clear:both;
    color:#333;
    display:block;
    font-weight:400;
    padding:.25rem 1.5rem;
    text-align:inherit;
    white-space:nowrap
}
.dropdown-item:hover{
    background-color:#eee
}
.dropdown-item.active{
    background-color:#0078c6;
    color:#fff
}
.dropdown-toggle:after{
    border-bottom:0;
    border-left:.3em solid transparent;
    border-right:.3em solid transparent;
    border-top:.3em solid;
    content:'';
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em
}
.d-flex{
    display:-ms-flexbox;
    display:flex
}
.d-inline-flex{
    display:-ms-inline-flexbox;
    display:inline-flex
}
.align-items-center{
    -ms-flex-align:center;
    align-items:center
}
.align-content-between{
    -ms-flex-line-pack:justify;
    align-content:space-between
}
.align-content-center{
    -ms-flex-line-pack:center;
    align-content:center
}
.align-items-end{
    -ms-flex-align:end;
    align-items:flex-end
}
.justify-content-between{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.justify-content-center{
    -ms-flex-pack:center;
    justify-content:center
}
.justify-content-around{
    justify-content:space-around
}
.justify-content-end{
    -ms-flex-pack:end;
    justify-content:flex-end
}
.flex-wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.flex-column{
    -ms-flex-direction:column;
    flex-direction:column
}
.flex-1{
    -ms-flex:1 0 auto;
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    flex:1 0 auto
}
.flex-row-reverse{
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.align-self-start{
    -ms-flex-item-align:start;
    align-self:flex-start
}
.align-self-end{
    -ms-flex-item-align:end;
    align-self:flex-end
}
@media(min-width:992px){
    .d-lg-flex{
        display:-ms-flexbox;
        display:flex
    }
    
}
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select,select:focus,textarea{
    font-size:16px
}
.form-control{
    background-clip:padding-box;
    background-color:#fff;
    border:1px solid #ced4da;
    border-radius:.25rem;
    color:#495057;
    display:block;
    font-weight:400;
    line-height:1.5;
    padding:8px 12px;
    width:100%
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control::-moz-placeholder{
    color:#999
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control:-moz-placeholder{
    color:#999
}
.form-control,.form-control:focus{
    box-shadow:none
}
label{
    display:inline-block;
    font-weight:normal;
    margin-bottom:.5rem
}
.form-group{
    margin-bottom:1rem
}
textarea{
    min-height:110px;
    resize:none
}
img{
    border-style:none;
    display:inline-block;
    height:auto;
    max-width:100%;
    opacity:1;
    overflow:hidden;
    vertical-align:middle
}
img.lazy,img.lazyloading{
    color:transparent;
    opacity:0
}
.input-group{
    -ms-flex-align:stretch;
    -ms-flex-wrap:wrap;
    align-items:stretch;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    position:relative;
    width:100%
}
.input-group>.form-control{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    margin-bottom:0;
    position:relative;
    width:1%
}
.input-group-append,.input-group-prepend{
    display:-ms-flexbox;
    display:flex
}
.input-group-prepend .btn,.input-group-append .btn{
    padding:10px 12px
}
.input-group .form-control{
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.input-group .input-group-prepend+.form-control{
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
#loader-overlay{
    background-color:rgba(0,0,0,.2);
    bottom:0;
    display:none;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:1050
}
#loader-container{
    -webkit-align-items:center;
    -webkit-transform:translate(-50%,-50%);
    align-items:center;
    background-color:rgba(0,0,0,.9);
    border-radius:5px;
    color:#fff;
    display:-webkit-flex;
    display:flex;
    left:50%;
    margin:0;
    padding:8px 12px;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
#loader-container span{
    margin-left:6px
}
#loader-container .loader{
    -webkit-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    border:5px solid #f3f3f3;
    border-radius:50%;
    border-top:5px solid #ed8f03;
    height:30px;
    width:30px
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@-o-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
#modal-backdrop{
    -webkit-transition:all .15s linear;
    background-color:#000;
    bottom:0;
    cursor:pointer;
    left:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    transition:all .15s linear;
    visibility:hidden;
    width:100%;
    z-index:9
}
#modal-backdrop.show{
    opacity:.5;
    visibility:visible
}
.fade:not(.show){
    opacity:0
}
.fade{
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.modal-open{
    overflow:inherit;
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal{
    background-color:rgba(0,0,0,.6);
    display:none;
    left:0;
    outline:0;
    overflow:hidden;
    padding:10px;
    position:fixed;
    top:0;
    width:100%;
    z-index:10
}
.modal .close{
    cursor:pointer;
    right:4px;
    top:6px
}
.modal-dialog{
    background-color:#fff;
    border-radius:.3rem;
    outline:0;
    position:relative;
    width:100%
}
.modal.fade .modal-dialog{
    -webkit-transform:translate(0,-50px);
    transform:translate(0,-50px);
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.modal.show .modal-dialog{
    -webkit-transform:none;
    transform:none
}
.modal-title{
    font-weight:500;
    margin-bottom:0
}
.modal-body{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1rem;
    position:relative
}
@media(min-width:576px){
    .modal-dialog{
        margin:10px auto;
        max-width:500px
    }
}
.pagination-container{
    text-align:center
}
.pagination{
    -ms-flex-pack:center;
    -ms-flex-wrap:wrap;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    line-height:normal;
    margin:0;
    padding:0
}
.pagination li{
    display:block;
    margin:4px
}
.pagination li a,.pagination li span{
    background-color:#f3f4f5;
    border:0 none;
    border-radius:4px;
    color:rgba(12,18,28,.6);
    display:block;
    height:40px;
    line-height:40px;
    overflow:hidden;
    position:relative;
    width:40px
}
.pagination li a:hover{
    background-color:#dadada
}
.PagedList-skipToPrevious a:before,.PagedList-skipToNext a:before,.PagedList-skipToFirst a:before,.PagedList-skipToFirst a:after,.PagedList-skipToLast a:before,.PagedList-skipToLast a:after{
    border-radius:2px;
    content:'';
    display:inline-block;
    height:8px;
    width:8px
}
.PagedList-skipToPrevious a:before,.PagedList-skipToFirst a:before,.PagedList-skipToFirst a:after{
    -webkit-transform:rotate(45deg);
    border-bottom:2px solid rgba(12,18,28,.6);
    border-left:2px solid rgba(12,18,28,.6);
    transform:rotate(45deg)
}
.PagedList-skipToNext a:before,.PagedList-skipToLast a:before,.PagedList-skipToLast a:after{
    -webkit-transform:rotate(-45deg);
    border-bottom:2px solid rgba(12,18,28,.6);
    border-right:2px solid rgba(12,18,28,.6);
    transform:rotate(-45deg)
}
.PagedList-skipToPrevious a:before{
    margin-left:2px
}
.PagedList-skipToNext a:before{
    margin-right:2px
}
.PagedList-skipToFirst a:before{
    margin-left:5px
}
.PagedList-skipToFirst a:after{
    margin-left:-4px
}
.PagedList-skipToLast a:before{
    margin-right:-4px
}
.PagedList-skipToLast a:after{
    margin-right:5px
}
.radio,.checkbox{
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    display:block;
    line-height:1.875rem;
    margin-bottom:5px;
    margin-top:5px;
    min-width:1rem;
    position:relative;
    user-select:none
}
.checkbox input[type="checkbox"],.radio input[type="checkbox"],.checkbox input[type="radio"],.radio input[type="radio"]{
    display:none;
    height:.0625rem;
    opacity:0;
    position:absolute;
    width:.0625rem
}
.checkbox .caption,.radio .caption{
    margin-left:5px;
    vertical-align:middle
}
.checkbox .check,.radio .check{
    background-color:#fff;
    border:1px solid #999;
    border-radius:4px;
    display:inline-block;
    height:16px;
    padding:0;
    position:relative;
    vertical-align:middle;
    width:16px
}
.radio .check{
    border-radius:50%
}
.checkbox .check:before,.radio .check:before{
    -webkit-transform:rotate(-45deg);
    -webkit-transition:all .2s linear;
    border-bottom:2px solid;
    border-color:transparent;
    border-left:2px solid;
    color:transparent;
    content:'';
    display:block;
    font-size:0;
    height:6px;
    left:50%;
    margin-left:-5px;
    margin-top:-4px;
    position:absolute;
    top:50%;
    transform:rotate(-45deg);
    transition:all .2s linear;
    vertical-align:middle;
    width:10px
}
.radio .check:before{
    -webkit-transform:rotate(0);
    background-color:#4a90e2;
    border-radius:50%;
    height:8px;
    margin-left:-4px;
    margin-top:-4px;
    transform:rotate(0);
    width:8px
}
.checkbox input[type="radio"]:checked~.check,.radio input[type="radio"]:checked~.check{
    background:#fff;
    border:1px solid #4a90e2
}
.checkbox.text-left .check,.radio.text-left .check{
    margin:0 0 0 .3125rem
}
.checkbox input[type="checkbox"]:indeterminate~.check:before{
    -webkit-transform:rotate(0);
    border-color:#999;
    border-left:0;
    margin-top:-5px;
    transform:rotate(0)
}
.checkbox input[type=checkbox]~.check:before,.radio input[type=radio]~.check:before{
    border-color:transparent
}
.checkbox input[type="checkbox"]:checked~.check:before,.radio input[type="checkbox"]:checked~.check:before,.checkbox input[type="radio"]:checked~.check:before,.radio input[type="radio"]:checked~.check:before{
    border-color:#fff;
    transition:all .2s linear
}
.radio input[type="radio"]:checked~.check:before{
    border-color:transparent
}
.radio input[type="radio"]:not(:checked)~.check:before{
    background-color:transparent
}
.radio input[type="radio"]:disabled~.check:before{
    border-color:transparent
}
.checkbox .check:focus,.radio .check:focus{
    border-color:#e4e4e4
}
.checkbox input[type="checkbox"]:checked~.check,.radio input[type="checkbox"]:checked~.check{
    background-color:#4a90e2;
    border:1px solid #4a90e2
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-center{
    text-align:center !important
}
.text-right{
    text-align:right !important
}
.text-left{
    text-align:left !important
}
.text-3-dots-mobile{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-nowrap{
    white-space:nowrap
}
@media(min-width:768px){
    .text-3-dots-mobile{
        overflow:visible;
        text-overflow:clip;
        white-space:normal
    }
}
.toast-title{
    font-weight:500
}
.toast-message{
    -ms-word-wrap:break-word;
    font-size:15px;
    word-wrap:break-word
}
.toast-message a,.toast-message label{
    color:#fff
}
.toast-message a:hover{
    color:#ccc;
    text-decoration:none
}
.toast-close{
    background:transparent;
    border:0;
    cursor:pointer;
    height:20px;
    position:absolute;
    right:6px;
    top:6px;
    width:20px
}
.toast-close:hover,.toast-close:focus{
    opacity:.8
}
.toast-close:before,.toast-close:after{
    background:rgba(255,255,255,.8);
    content:'';
    height:2px;
    left:0;
    margin-top:-1px;
    position:absolute;
    top:50%;
    width:100%
}
.toast-close:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.toast-close:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#toast-container{
    display:none;
    margin-left:5px;
    max-width:280px;
    position:fixed;
    right:5px;
    top:5px;
    width:100%;
    z-index:11
}
#toast-container>div{
    color:#fff;
    margin:0 0 15px;
    opacity:1;
    overflow:hidden;
    padding:12px 30px 12px 15px;
    position:relative
}
#toast-container>:hover{
    cursor:pointer;
    opacity:1
}
.toast{
    background-color:#030303;
    border-radius:2px;
    display:none
}
.toast-success{
    background-color:#449d44;
    color:#fff
}
.toast-error{
    background-color:#d9534f;
    color:#fff
}
.toast-warning{
    background-color:#ffa500;
    color:#fff
}
.affix{
    top:65px
}
@media(min-width:992px){
    .affix-bottom{
        bottom:0 !important;
        position:absolute !important;
        top:auto !important
    }
    .affix{
        position:fixed;
        top:10px
    }
    .no-affix.affix,.no-affix.affix-bottom{
        position:static !important
    }
}
.breadcrumb{
    background-color:transparent;
    color:#333;
    font-size:1rem;
    list-style:none;
    margin-top:15px;
    padding:0
}
.breadcrumb li{
    display:inline-block;
    margin-right:10px;
    position:relative
}
.breadcrumb li+li{
    padding-left:0
}
.breadcrumb a{
    color:#333;
    display:block
}
.breadcrumb a:hover{
    color:#005da2
}
.breadcrumb li,.breadcrumb a{
    font-size:14px;
    line-height:1.4
}
@media(min-width:768px){
    .breadcrumb{
        margin-top:15px
    }
}
.container{
    margin:0 auto;
    max-width:1300px;
    padding-left:15px;
    padding-right:15px;
    width:100%
}
.container.small{
    max-width:1200px
}
.container.big{
    max-width:1400px
}
@media(min-width:992px){
    .container{
        padding-left:30px !important;
        padding-right:30px !important
    }
}
@media(min-width:1600px){
    .container{
        max-width:1500px;
        padding-left:80px !important;
        padding-right:80px !important
    }
    .container-middle {
         max-width:1920px;
    }
}
.col{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.col-2{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-3{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
@media(min-width:576px){
    .col-sm-2{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-3{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
}
@media(min-width:768px){
    .col-md-2{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-3{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-md-4{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
}
@media(min-width:992px){
    .col-lg-2{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-3{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-lg-4{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-5{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
}
@media(min-width:1200px){
    .col-xl-3{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-xl-4{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-5{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
    .col-xl-6{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    line-height:1.4;
    margin:0;
    padding:0
}
iframe{
    border:0 none;
    width:100%
}
.fb-like.fb_iframe_widget{
    display:block;
    text-align:right
}
.fb_iframe_widget_fluid_desktop iframe{
    width:100% !important
}
.input-group input{
    width:calc(100% - 46px)
}
.input-group-append{
    -ms-flex-align:center;
    -ms-flex-pack:center;
    align-items:center;
    justify-content:center;
    width:46px
}
.line-clamp-2{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    display:-webkit-box;
    overflow:hidden
}
.line-clamp-3{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    display:-webkit-box;
    overflow:hidden
}
.mt-1{
    margin-top:.25rem !important
}
.mt-2{
    margin-top:.5rem !important
}
.mt-3{
    margin-top:1rem !important
}
.mt-4{
    margin-top:1.5rem !important
}
.mt-5{
    margin-top:3rem !important
}
.mb-1{
    margin-bottom:.25rem !important
}
.mb-2{
    margin-bottom:.5rem !important
}
.mb-3{
    margin-bottom:1rem !important
}
.mb-4{
    margin-bottom:1.5rem !important
}
.pagination-container{
    margin-top:25px
}
.pagination li.active span{
    background-color:var(--bg-color);
    color:var(--font-color)
}
.PagedList-skipToPrevious a:before,.PagedList-skipToNext a:before,.PagedList-skipToFirst a:before,.PagedList-skipToFirst a:after,.PagedList-skipToLast a:before,.PagedList-skipToLast a:after{
    margin:16px 0
}
#left-sidebar,#middle-sidebar,#right-sidebar{
    width:100%
}
#right-sidebar{
    margin-top:20px
}
@media(min-width:992px){
    #left-sidebar{
        -ms-flex-order:1;
        margin-right:30px;
        order:1;
        width:calc(100% - 360px)
    }
    #right-sidebar{
        -ms-flex-order:2;
        margin-top:15px;
        order:2;
        width:330px
    }
    #middle-sidebar{
        -ms-flex-order:3;
        order:3
    }
    .sidebar{
        background-color:#fff;
        padding:10px
    }
    .sidebar .sub-title{
        margin-top:5px
    }
    .position-sticky,.position-sticky.lazyloaded{
        position:sticky;
        top:0
    }
}
.swipe{
    position:relative
}
.swipe .btn-slider{
    -webkit-transition:all .2s;
    background-color:rgba(0,0,0,.5);
    border:0;
    border-radius:2px;
    cursor:pointer;
    display:block;
    height:50px;
    margin-top:-25px;
    padding:0;
    position:absolute;
    text-align:center;
    top:50%;
    transition:all .2s;
    width:40px;
    z-index:3
}
.swipe .btn-slider:hover{
    background-color:rgba(0,0,0,.9)
}
.swipe .btn-slider.prev{
    left:0
}
.swipe .btn-slider.next{
    right:0
}
.swipe .btn-slider.hide{
    display:none !important
}
.swipe .btn-slider .svg-icon{
    display:block;
    height:15px;
    margin:0 auto;
    width:15px
}
.swipe .btn-slider .svg-icon path{
    fill:#fff
}
.swipe-container{
    overflow:hidden;
    position:relative
}
.swipe-slider{
    -webkit-transform:translateX(var(--tx,0));
    -webkit-transition:all 500ms;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    transform:translateX(var(--tx,0));
    transition:all 500ms
}
.swipe-slider .item{
    -webkit-flex-shrink:0;
    flex-shrink:0
}
table{
    background-color:transparent;
    border-collapse:collapse;
    width:100%
}
.table-responsive{
    -ms-overflow-style:-ms-autohiding-scrollbar;
    -webkit-overflow-scrolling:touch;
    display:block;
    overflow-x:auto;
    width:100%
}
.table-responsive table th,.table-responsive table td{
    border:1px solid #ddd;
    padding:.75rem
}
.content-body{
    color:#333;
    font-size:18px;
    line-height:1.7
}
.content-body p{
    min-height:10px
}
.content-body ol,.content-body ul{
    padding-left:30px
}
.content-body li{
    margin:0 0 8px
}
.content-body div,.content-body p,.content-body ol,.content-body ul,.content-body blockquote,.content-body .table-responsive,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6,.content-col-2{
    margin:0 0 16px
}
.content-body h2{
    font-size:24px;
    line-height:1.5
}
.content-body h3{
    font-size:21px;
    line-height:1.6
}
.content-body h4,.content-body h5{
    font-size:18px;
    line-height:1.7
}
.content-body blockquote{
    background-color: #bde5ff;
    border-left: 4px solid #5699d8;
    border-radius:5px;
    padding:16px 20px
}
.content-body blockquote b, .content-body blockquote strong{font-weight:600;}
.content-body img{
    display:block;
    margin:0 auto
}
.content-body .img-caption{
    color:#808080;
    display:block;
    font-size:.9rem;
    line-height:1.4;
    margin-top:-12px;
    padding:0 5px;
    text-align:center
}
.content-body table{
    margin-left:auto;
    margin-right:auto
}
.content-body pre{
    background-color:#f6f8fa;
    border:1px solid #ededed;
    border-radius:3px;
    font-size:17px;
    overflow:auto;
    padding:16px 25px;
    white-space:normal
}
.content-body :first-child{
    margin-top:0
}
.content-body :last-child{
    margin-bottom:0
}
.content-body p img+img{
    margin-top:16px
}
@media(min-width:992px){
    .content-body .content-col{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        margin-left:-8px;
        margin-right:-8px
    }
    .content-body .content-col-2{
        width:50%
    }
    .content-body .content-col-3{
        width:calc(100%/3)
    }
    .content-body .content-col-4{
        width:25%
    }
    .content-body .content-col>div{
        margin:0;
        padding:0 8px
    }
}
.content-description{
    color:#333;
    font-size:17px;
    line-height:1.7;
    max-width:1360px;
    padding:10px 12px;
    margin:0 auto;
}
@media(min-width:992px){
    .content-description{
        text-align:justify;
    }
}
.content-description>p, .content-description>h2, .content-description>h3, .content-description>h4, .content-description>h5, .content-description>h6, .content-description>ul, .content-description>ol, .content-description>blockquote,
.content-description > div.notebox,.content-description > div.notebox-sm{
    max-width: 900px;
    margin: 0 auto 12px;
}
.content-description > .notebox,
.content-description > .notebox-red,
.content-description > .notebox-red2{
    max-width: 900px;
    margin: 0 auto 12px;
}
.content-description>div>p>img,
.content-description>div>img{
    margin-top:25px!important;
}
.has-format, .video-fit, .image-cover {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    background-position: 50% 50%;
    background-size: cover;
}
table td{
    border-bottom: 1px solid #e2e2e2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-top:4px;
    padding-bottom:4px;
}
.stongquan { 
    background: #ebeae9;
    background-image: url(/images/img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.stongquan .left  img{
    max-width: 780px;
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.tbltongquan{
	max-width: 1000px;
    margin: 0 auto;
    font-size:15.5px;
    padding: 0 5px 0 10px;
}
.tbltongquan li{
    margin: 0 0 3px;
}
.tbltongquan table tr td:first-child strong{margin-right:12px;}
.tbltongquan table td{
    border-bottom: 1px solid #e2e2e2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-top: 9px;
    padding-bottom: 7px;
}
.tbltongquan table td p{margin-bottom:10px;}
.tbltongquan table tr:last-child td{ border-bottom: 0;}
.tbltongquan table td a{
	color: #2162bb;
}

.tbltongquan b, .tbltongquan strong {
    font-weight: var(--fw-3);
}
.tbltongquan table tr td:first-child{width:24%;}
.stongquan  .b-title {
        color: white;
}
/*.stongquan  .b-title-description:before {
        background: white;
}*/
.stongquan .text-photo .description{color: #e7eeea;}
.stongquan .text-photo .description a{color: #bb3232;}
.stongquan .tbltongquan table td {
    border-bottom: 1px solid #efefef;
}
.stongquan .tbltongquan table td a {
    color: #b47a51;
}
.stongquan .tbltongquan p{margin-top:10px;font-size:15px;}

.leftright {
    background:#385d74b5;
    position: relative;
}
.leftright .left  img.attachment-original{
    max-width: 580px;
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.leftright  .b-title {
	color: white;
}
.leftright .text-photo .description{color: #3a3a3a;}
.leftright .text-photo .description a{color: #d4c319;}
.leftright .tbltongquan table td {
    border-bottom: 1px solid #266c97;
}
.toc-title{
    color:#167ac6;
    display:block;
    margin-bottom:10px !important;
    text-align:center
}
#table-of-contents{
    background:#f6f6f6;
    border:1px solid #f6f6f6;
    border-radius:5px;
    display:inline-block;
    margin-bottom:30px;
    padding:12px 15px;
    width:auto
}
#table-of-contents p,#table-of-contents h2,#table-of-contents h3,#table-of-contents h4,#table-of-contents h5,#table-of-contents h6{
    line-height:1.7;
    margin-bottom:10px !important
}
#table-of-contents a{
    color:#333;
    display:block;
    font-size:17px;
    font-weight:normal;
    padding:5px 0;
    text-decoration:none
}
#table-of-contents a:hover{
    color:#000
}
/*.content-body iframe{
    height:60vw;
    max-height:400px
}*/
div[data-oembed-url] {
  max-width:1100px;

  margin:0 auto;
}
.content-body iframe.video-youtube{
    display:block;
    height:53vw;
    margin:0 auto;
    max-height:450px;
    max-width:800px;
    width:100%
}
.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{
    font-weight:var(--fw-4)
}
@media(max-width:920px){
    .b-background .sub-img{display:none;}
}
@media(max-width:576px){
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    /*.content-body img{
        margin-left:-15px;
        max-width:none;
        width:calc(100% + 30px)
    }*/
    .content-body blockquote img{
        margin-left:0;
        max-width:100%;
        width:auto
    }
    .b-title{
        font-size: 30px;line-height: 1.35;
    }
    .b-title span{
        font-size: 27px!important;
    }
    .box-01{padding:0!important;}
}
@media(min-width:460px){
    .content-body iframe.video-youtube{
        height:54vw
    }
}
@media(min-width:992px){
    .content-body table{
        font-size:15px;
        line-height:1.65
    }
}
.content-body td img{
    margin:0;
    width:100%
}
@-webkit-keyframes boonboon{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    30%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    45%{
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    60%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes boonboon{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    30%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    45%{
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    60%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.ripple-container{
    height:100px;
    width:100px
}
.ripple{
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite;
    background-color:var(--d-hotline-ripple-color);
    border-radius:50%;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    visibility:hidden;
    width:100%;
    z-index:-1
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(0);
        opacity:1;
        transform:scale(0);
        visibility:visible
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0;
        transform:scale(1);
        visibility:hidden
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(0);
        opacity:1;
        transform:scale(0);
        visibility:visible
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0;
        transform:scale(1);
        visibility:hidden
    }
}
.ripple:nth-child(2){
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.ripple:nth-child(3){
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.ar-dt{
    font-size:14px;
    margin-top:0
}
.ar-article3 section:nth-child(2){
    margin-top:20px
}
.ar-article3 .item{
    width:100%
}
.ar-article3 .item:nth-child(n+2),.ar-article3 section:nth-child(3) .item:first-child{
    border-top:1px solid #e4e4e4;
    padding:15px 0
}
.ar-article3 .item:nth-child(n+2) .img-info,.ar-article3 section:nth-child(3) .item:first-child .img-info{
    max-width:220px;
    width:35%
}
.ar-article3 img{
    border-radius:2px
}
.ar-article3 .item:nth-child(n+2) .info,.ar-article3 section:nth-child(3) .item:first-child .info{
    margin-left:10px;
    min-width:calc(100% - 230px);
    width:calc(65% - 10px)
}
.ar-article3 .title{
    color:#333;
    display:block
}
.ar-article3 .title h2{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    display:-webkit-box;
    font-size:16px;
    font-weight:var(--fw-3);
    line-height:1.4;
    overflow:hidden
}
.ar-article3 .title:hover{
    color:var(--title-color-2)
}
.ar-article3 .item:nth-child(n+2) .datetime,.ar-article3 section:nth-child(3) .item:first-child .datetime{
    display:none
}
@media(min-width:600px){
    .ar-article3{
        margin:10px -10px 0
    }
    .ar-article3 .item{
        float:left;
        margin:0 10px;
        width:calc(50% - 20px)
    }
}
@media(min-width:992px){
    .ar-article3 section{
        margin:0 10px !important;
        width:calc(100%/3 - 20px)
    }
    .ar-article3 .item{
        float:none;
        margin:0;
        position:relative;
        width:100%
    }
    .ar-article3 .item:first-child .info{
        margin:0
    }
    .ar-article3 .item:nth-child(n+2){
        border-top:1px solid #e4e4e4;
        padding:15px 0
    }
    .ar-article3 .info{
        margin-top:0 !important
    }
    .ar-article3 section:not(:nth-child(3)) .item:first-child .info{
        background-color:rgba(0,0,0,.75);
        bottom:0;
        left:0;
        margin:0 !important;
        padding:10px 15px;
        position:absolute;
        right:0
    }
    .ar-article3 section:not(:nth-child(3)) .item:first-child .title{
        color:#fff
    }
    .ar-article3 section:not(:nth-child(3)) .item:first-child .title:hover{
        color:rgba(255,255,255,.75)
    }
    .ar-article3 section:not(:nth-child(3)) .item:first-child .datetime{
        color:#b4b4b4;
        display:block
    }
}
.ar-article3 section:not(:nth-child(3)) .item:first-child .img-info,.ar-article3 section:not(:nth-child(3)) .item:first-child .info{
    width:100%
}
.ar-article3 section:not(:nth-child(3)) .item:first-child .info{
    margin:10px 0
}
.ar-article3 section:not(:nth-child(3)) .item:first-child .title h2{
    font-size:18px;
    line-height:1.25
}
@media(min-width:600px){
    .ar-article3 section:not(:nth-child(3)) .item:nth-child(2){
        border-top:0 none;
        padding-top:0
    }
}
@media(min-width:992px){
    .ar-article3 section:not(:nth-child(3)) .item:nth-child(2){
        border-top:1px solid #e4e4e4;
        padding-top:15px
    }
}
@media(min-width:992px){
    .ar-article3 section:nth-child(3){
        -ms-flex-line-pack:justify;
        -ms-flex-wrap:wrap;
        align-content:space-between;
        display:-ms-flexbox;
        display:flex;
        flex-wrap:wrap
    }
    .ar-article3 section:nth-child(3) .item:first-child{
        border-top:0 none;
        padding-top:0
    }
    .ar-article3 section:nth-child(3) .item:last-child{
        display:none
    }
}
.ar-none .grid{
    margin-top:-30px
}
.ar-none .item{
    background-color:#fff;
    border-radius:.125rem;
    box-shadow:rgba(0,0,0,.1) 0 10px 50px;
    margin-top:30px;
    width:100%
}
.ar-none img:hover{
    opacity:.7
}
.ar-none .title,.ar-none .datetime,.ar-none .description,.ar-none .footer{
    padding:0 20px
}
.ar-none .title{
    color:#333;
    display:block;
    margin-top:15px;
    position:relative
}
.ar-none .title:hover{
    color:#1c55a4;
}
.ar-none .title h2{
    font-size:20px;
    line-height:1.4;
    font-weight: 500;
}
.ar-none .description{
    color:#6e6e6e;
    font-size:16px;
    margin-top:12px
}
.ar-none .footer{
    border-top:1px solid #eee;
    color:var(--title-color);
    margin-top:15px
}
.ar-none .footer:hover{
    color:var(--title-color-2)
}
.ar-none .footer span{
    display:block;
    font-size:16px;
    padding:15px 0
}
.ar-none .footer svg{
    -webkit-transition:-webkit-transform .3s ease;
    height:32px;
    position:relative;
    stroke:var(--title-color);
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    vertical-align:middle;
    width:32px
}
.ar-none .footer:hover svg{
    -webkit-transform:translate3d(5px,0,0);
    stroke:var(--title-color-2);
    transform:translate3d(5px,0,0)
}
.ar-none .footer circle{
    -webkit-transition:stroke-dashoffset .3s ease;
    stroke-dasharray:95;
    stroke-dashoffset:95;
    transition:stroke-dashoffset .3s ease
}
.ar-none .footer:hover circle{
    stroke-dashoffset:0
}
@media(min-width:576px){
    .ar-none .grid{
        margin:-30px -15px 0
    }
    .ar-none .item{
        margin:30px 15px 0;
        width:calc(50% - 30px)
    }
}
@media(min-width:768px){
    .ar-none .item{
        width:calc(100%/3 - 30px)
    }
}
@media(min-width:992px){
    .ar-none .grid{
        margin:-40px -20px 0
    }
    .ar-none .item{
        margin:40px 20px 0;
        width:calc(100%/3 - 40px)
    }
}
.ar-article1 .grid{
    margin-top:-30px
}
.ar-article1 .item{
    margin-top:30px;
    width:100%
}
.ar-article1 .img-info,.ar-article1 img{
    border-radius:15px;
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    position:relative;
    width:100%;
    z-index:1
}
.ar-article1 img:hover{
    opacity:.7
}
.ar-article1 .title{
    background:#fff;
    border-radius:0 0 5px 5px;
    color:#333;
    font-size:20px;
    line-height:1.4;
    margin:0 6%;
    min-height:60px;
    padding:10px;
    text-align:center
}
.ar-article1 .title:hover{
    color:var(--title-color-2)
}
#tien-do .ar-article1{margin-bottom:25px;}
#tien-do .ar-article1 .title{
    font-size:20px;    font-weight: 500;
}
@media(min-width:576px){
    .ar-article1 .grid{
        margin:-30px -15px 0
    }
    .ar-article1 .item{
        margin:30px 15px 0;
        width:calc(50% - 30px)
    }
}
#phan-khu  .ar-article1 .item{
    position: relative;
    z-index: 1;}
#phan-khu .ar-article1 .title{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    margin: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #132a36a1;
    color: #efd51e;
    text-transform: uppercase;
    font-size: 29px;
}
@media(min-width:768px){
    .ar-article1 .item{
        width:calc(100%/3 - 30px)
    }
    .ar-article-50.ar-article1 .item { width:calc(100%/2 - 30px)}
}
@media(min-width:992px){
    .ar-article1 .grid{
        margin:-40px -20px 0
    }
    .ar-article1 .item{
        margin:40px 20px 0;
        width:calc(100%/3 - 40px)
    }
    .ar-article-50.ar-article1 .item { width:calc(100%/2 - 40px)}
    .ar-article1.ar-thanhtoan .item{
        width: calc(100%/2 - 40px);
    }
}
.ar-article2 .grid{
    margin-top:-20px
}
.ar-article2 .item{
    width:100%
}
.ar-article2 .item:first-child,.ar-article2 .item:nth-child(2){
    margin-top:20px
}
.ar-article2 .item:first-child .img-info,.ar-article2 .item:nth-child(2) .img-info,.ar-article2 .item:first-child .info,.ar-article2 .item:nth-child(2) .info{
    width:100%
}
.ar-article2 .item:nth-child(n+3){
    -ms-flex-wrap:wrap;
    border-top:1px solid #e4e4e4;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    margin-top:15px;
    padding-top:15px;
    position:relative
}
.ar-article2 .item:nth-child(n+3) .img-info{
    max-width:285px;
    width:35%
}
.ar-article2 .item:first-child .info,.ar-article2 .item:nth-child(2) .info{
    margin-top:10px
}
.ar-article2 img{
    border-radius:2px
}
.ar-article2 .item:nth-child(n+3) .info{
    margin-left:15px;
    min-width:calc(100% - 300px);
    width:calc(65% - 15px)
}
.ar-article2 .title{
    color:#333;
    display:block;
    width:100%
}
.ar-article2 .title:hover{
    color:#1c55a4
}
.ar-article2 .title h2{
    font-size:18px;
    font-weight:var(--fw-3);
    line-height:1.4
}
.ar-article2 .item:first-child .title h2,.ar-article2 .item:nth-child(2) .title h2{
    font-size:20px;
    line-height:1.3
}
.ar-article2 .item .description{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:#777;
    display:-webkit-box;
    font-size:1.05rem;
    margin-top:5px;
    overflow:hidden
}
.ar-article2 .item:nth-child(n+3) .description{
    display:none
}
@media(min-width:600px){
    .ar-article2 .grid{
        margin-top:0
    }
    .ar-article2 .item:first-child,.ar-article2 .item:nth-child(2){
        margin-top:0;
        width:calc(50% - 10px)
    }
    .ar-article2 .item:first-child{
        margin-right:10px
    }
    .ar-article2 .item:nth-child(2){
        margin-left:10px
    }
}
@media(min-width:650px){
    .ar-article2 .item:nth-child(n+3) .description{
        -webkit-line-clamp:2;
        display:-webkit-box
    }
}
@media(min-width:992px){
    .ar-article2 .title h2{
        font-size:20px;
        line-height:1.3
    }
    .ar-article2 .item:first-child .title h2,.ar-article2 .item:nth-child(2) .title h2{
        font-size:22px;
        line-height:1.4
    }
    .ar-article2 .item:nth-child(n+3) .description{
        display:none
    }
}
@media(min-width:1200px){
    .ar-article2 .item:nth-child(n+3) .description{
        -webkit-line-clamp:3;
        display:-webkit-box
    }
}
@media(min-width:1400px){
    .ar-article2 .title h2{
        font-size:22px;
        line-height:1.4
    }
}
.datetime{
    color:#959595;
    font-size:13px;
    margin-top:4px
}
.article-right .item{
    border-top:1px solid #e4e4e4;
    padding:15px 0;
    width:100%
}
.article-right .item:last-child{
    padding-bottom:0
}
.article-right .item>a{
    max-width:220px;
    width:35%
}
.article-right .item img{
    border-radius:2px
}
.article-right .info{
    margin-left:10px;
    min-width:calc(100% - 230px);
    width:calc(65% - 10px)
}
.article-right .info a{
    color:#333;
    display:block
}
.article-right .info a:hover{
    color:var(--title-color-2)
}
.article-right .title h3{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    display:-webkit-box;
    font-size:16px;
    font-weight:var(--fw-3);
    line-height:1.4;
    overflow:hidden
}
.article-right+.sub-title{
    margin-top:45px
}
@media(min-width:650px){
    .article-right .item{
        width:50%
    }
    .article-right .item:nth-child(odd){
        padding-right:10px
    }
    .article-right .item:nth-child(even){
        padding-left:10px
    }
}
@media(min-width:992px){
    .article-right .item{
        width:100%
    }
    .article-right .item:nth-child(odd){
        padding-right:0
    }
    .article-right .item:nth-child(even){
        padding-left:0
    }
}
.b-article .ar-none,.b-article .ar-article1,.b-article .ar-article3{
    margin-top:0
}
.b-article .img-content{
    position:relative;
}
.b-article .img-info{
        width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.b-article .img-info img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.block.b-background{
    min-height:150px;
    padding:0
}
.b-background .sub-img{
    -webkit-animation:boonboon 2s cubic-bezier(.5,0,.5,1) infinite;
    animation:boonboon 2s cubic-bezier(.5,0,.5,1) infinite;
    left: 53%;
    position: absolute;
    top: 43%;
    width: 21%;
    z-index: 1;
    width: 200px;
}
.block.b-background2{
    min-height:150px
}
.block.b-background3{
    min-height:150px
}
.block.b-backgroundcard{
    min-height:150px
}
.b-backgroundcard .img-top img{
    min-height:200px;
    object-fit:cover
}
.b-backgroundcard .img-top+.element{
    margin-top:30px
}
.b-backgroundcard .grid{
    -webkit-transition:all .5s cubic-bezier(0,1,0,1);
    margin:-20px -10px 0;
    max-height:none;
    transition:all .5s cubic-bezier(0,1,0,1)
}
.b-backgroundcard .item{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    margin:20px 10px 0;
    position:relative;
    width:calc(50% - 20px)
}
.b-backgroundcard .img-info{
    padding-top:55%;
    position:relative;
    width:100%
}
.b-backgroundcard .title{
    font-size:16px;
    line-height:1.5;
    padding:8px 10px
}
.b-backgroundcard .sub-title{
    color:#fff;
    filter:opacity(.5);
    font-size:12vw;
    font-weight:500;
    letter-spacing:-5px;
    line-height:1;
    position:absolute;
    right:10px;
    text-shadow:1px 2px 2px #000;
    top:0
}
@media(min-width:576px){
    .b-backgroundcard .grid{
        margin:-30px -15px 0
    }
    .b-backgroundcard .item{
        margin:30px 15px 0;
        width:calc(50% - 30px)
    }
    .b-backgroundcard .img-info{
        padding-top:60%
    }
    .b-backgroundcard .title{
        background-color:var(--background1-bg-color);
        border:0 solid var(--background1-font-color);
        bottom:15px;
        box-shadow:0 0 40px 8px var(--background1-font-color);
        color:var(--background1-font-color);
        display:inline-block;
        left:-14px;
        padding:8px 20px;
        position:absolute;
        width:auto
    }
    .b-backgroundcard .title:after{
        border-color:transparent var(--background1-bg-color) transparent transparent;
        border-style:solid;
        border-width:0 14px 10px 0;
        bottom:-10px;
        content:'';
        height:0;
        left:0;
        position:absolute;
        width:0;
        z-index:0
    }
}
@media(min-width:992px){
    .b-backgroundcard .item{
        width:calc(100%/3 - 30px)
    }
    .b-backgroundcard .sub-title{
        font-size:8vw
    }
}
@media(min-width:1200px){
    .b-backgroundcard .title{
        font-size:18px
    }
    .b-backgroundcard .sub-title{
        font-size:75px
    }
}
/*.block.b-backgroundform{
    background:transparent !important;
    padding:0
}
.b-backgroundform .container{
    background:var(--bg-color-1);
    text-align:center
}*/
.b-backgroundform .sub-container{
    margin:0 auto;
    max-width:570px;
    padding:25px 10px 15px;
    text-align: center;
}
.b-backgroundform .title,.b-backgroundform .description,.b-backgroundform form{
    color:var(--font-color-1)
}
.b-backgroundform .title{
    display:block;
    font-family:var(--sub-font-family);
    font-size:32px;
    line-height:1;
    margin:10px 0;
    width:100%
}
.b-backgroundform .title .d-title{
    display:none
}
.b-backgroundform form{
    margin:15px auto 0;
    text-align:left;
    width:100%
}
.b-backgroundform label{
    display:block;
    font-size:17px;
    font-weight:var(--fw-3);
    margin-bottom:3px
}
.b-backgroundform input{
    border:0 none;
    border-radius:5px;
    margin-bottom:15px;
    padding:12px 16px;
    width:100%
}
.b-backgroundform .customer-submit{
    margin:10px 0;
    text-align:center
}
.b-backgroundform .customer-submit button{
    -webkit-transition:all .2s;
    background:var(--bg-color);
    border-radius:5px;
    box-shadow:rgba(0,0,0,.24) 0 3px 8px;
    color:var(--font-color);
    display:inline-block;
    font-size:18px;
    padding:10px 20px;
    transition:all .2s
}
.b-backgroundform .customer-submit button:hover{
    opacity:.7
}
@media(min-width:992px){
    .b-backgroundform{
        overflow:hidden
    }
    /*.b-backgroundform .container{
        -webkit-transform:translate(-50%,-50%);
        background:transparent !important;
        left:50%;
        margin:0 !important;
        position:absolute !important;
        top:50%;
        transform:translate(-50%,-50%)
    }*/
    .b-backgroundform .sub-container{
        background:transparent;
        border-radius:10px;
        display:inline-block;
        min-width:450px;
        padding:25px 25px 10px;
        position:relative
    }
    .b-backgroundform .sub-container:before{
        backdrop-filter:blur(3px);
        background:rgba(255,255,255,.3);
        border:1px solid rgba(255,255,255,.5);
        border-bottom:1px solid rgba(255,255,255,.2);
        border-radius:10px;
        border-right:1px solid rgba(255,255,255,.2);
        bottom:0;
        box-shadow:0 25px 45px rgba(0,0,0,.1);
        content:'';
        left:0;
        position:absolute;
        right:0;
        top:0
    }
    .b-backgroundform .title,.b-backgroundform .description,.b-backgroundform form{
        position:relative;
        z-index:1
    }
    .b-backgroundform .title{
        color:#fff !important;
        font-size:34px;
        line-height:1.1;
        margin-bottom:14px
    }
    .b-backgroundform .title .m-title{
        display:none
    }
    .b-backgroundform .title .d-title{
        display:block
    }
    .b-backgroundform .description{
        color:#000 !important
    }
    .b-backgroundform form{
        color:#333 !important
    }
    .b-backgroundform .customer-submit{
        margin:10px 0 15px
    }
    .b-backgroundform .customer-submit button{
        background:rgba(0,0,0,.5);
        border:2px solid #fff;
        border-radius:30px;
        color:#fff
    }
    .b-backgroundform .customer-submit button:hover{
        border-radius:0;
        opacity:1
    }
    .b-backgroundform .banner-form{display:none;}
}
.b-card .img-top+.element{
    margin-top:30px
}
.b-card .grid{
    margin-top:-30px
}
.b-card .item{
    margin-top:30px;
    position:relative
}
.b-card .item img{
    border-radius:15px;
    box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}
.b-card .info{
    background:var(--card-bg-color);
    border-radius:.5rem;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
    margin:-50px 10px 0;
    padding:1rem;
    position:relative
}
.b-card .title{
    color:#fff;
    font-family:var(--sub-font-family);
    font-size:24px;
    font-weight:var(--fw-1)
}
.b-card .title span{
    color:var(--title-color-1);
    font-size:30px;
    line-height:1.3;
    text-shadow:1px 1px 0 #000
}
.b-card .description{
    color:#fff;
    font-size:20px;
    font-weight:var(--fw-1);
    line-height:1.4
}
.b-card a{
    -webkit-transition:all .5s;
    background-color:var(--bg-color-1);
    border-radius:2px;
    color:var(--font-color-1);
    display:block;
    font-size:17px;
    margin:20px auto 0;
    max-width:80%;
    overflow:hidden;
    padding:10px 0;
    position:relative;
    text-align:center;
    transition:all .5s;
    width:130px
}
.b-card a:hover{
    background-color:var(--bg-color);
    color:var(--font-color)
}
.b-card a:hover span{
    letter-spacing:1px
}
@media(min-width:500px){
    .b-card .info{
        margin-left:auto;
        margin-right:auto;
        max-width:80%;
        text-align:center
    }
}
@media(min-width:768px){
    .b-card .grid{
        margin:-30px -15px 0
    }
    .b-card .item{
        padding:0 15px
    }
    .b-card .title{
        font-size:30px
    }
    .b-card .title span{
        font-size:40px
    }
}
@media(min-width:992px){
    .b-card .img-top+.element{
        margin-top:50px
    }
}
@media(min-width:1200px){
    .b-card .grid{
        margin:-50px -25px 0
    }
    .b-card .item{
        margin-top:50px;
        padding:0 25px
    }
    .b-card .title span{
        line-height:1
    }
}
.b-card1 .grid{
    margin-top:-20px
}
.b-card1 .item{
    border-radius:5px;
    box-shadow:0 10px 50px rgba(0,0,0,.1);
    margin-top:20px;
    padding-bottom:75px;
    position:relative
}
.b-card1 .img-info{
    padding-top:62.5%;
    position:relative
}
.b-card1 .title,.b-card1 .description{
    padding:0 15px
}
.b-card1 .title{
    font-size:22px;
    font-weight:var(--fw-3);
    margin-top:15px;
    text-align:center
}
.b-card1 .line{
    border-bottom:1px dashed #b9b9b9;
    display:block;
    height:10px;
    margin:0 auto;
    max-width:250px;
    width:80%
}
.b-card1 .description{
    margin-top:15px;
    padding-bottom:15px
}
.b-card1 .footer{
    border-radius:3px;
    bottom:0;
    left:20px;
    margin:0 auto 20px;
    max-width:250px;
    position:absolute;
    right:20px
}
.b-card1 .footer button{
    box-shadow:none;
    font-size:16px;
    margin:0;
    min-width:0;
    padding:12px 18px;
    width:100%
}
.b-card1 .footer.special button{
    background:inherit;
    color:inherit
}
.b-card1 .footer.special{
    -webkit-transition:all .5s;
    transition:all .5s
}
.b-card1 .footer.special:hover{
    opacity:.7
}
@media(min-width:600px){
    .b-card1 .grid{
        margin:-30px -15px 0
    }
    .b-card1 .item{
        margin:30px 15px 0;
        width:calc(50% - 30px)
    }
}
@media(min-width:992px){
    .b-card1 .item{
        width:calc(100%/3 - 30px)
    }
    .b-card1 .title{
        font-size:26px
    }
    .b-card1 .description{
        font-size:17px
    }
}
.b-gallery .grid{
    margin:-20px 0px  0
}
.b-gallery .item{
    margin:20px 10px 0;
    position:relative;
    width:100%
}
.b-gallery .img-info{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    position:relative;
    width:100%;

    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.b-gallery.bg-gallery .img-info{
    padding-top: 145.67%;
}
.b-gallery .ratio .img-info{
    padding-top:62.5%
}
.b-gallery .img-info img{
    display:block
}
.b-gallery .item img{
    cursor:pointer;
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.b-gallery .title{
    background:var(--bg-color);
    color:var(--font-color);
    font-size:20px;
    font-weight:var(--fw-3);
    padding:15px 20px;
    text-align:center;
        font-weight: bold;
}
.b-gallery .title span {
    font-weight:normal;
}
.b-gallery.bg-gallery .item{
    width:calc(50% - 20px)
}
@media(min-width:768px){
    .b-gallery .item{
        width:calc(50% - 20px)
    }
    .b-gallery.bg-gallery .item{
        width:calc(100%/3 - 20px)
    }
}
@media(min-width:1200px){
    .b-gallery .item{
        width:calc(100%/3 - 20px)
    }
    .b-gallery.bg-gallery .item{
        width:calc(100%/5 - 20px)
    }
}
.b-gallery1 .grid{
    margin:-4px -2px 0
}
.b-gallery1 .item{
    margin:4px 2px 0;
    position:relative;
    width:calc(50% - 4px)
}
.b-gallery1 .img-info{
    position:relative;
    cursor: pointer;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.b-gallery1 .img-info:hover{opacity:0.9;}
.b-gallery1 .ratio .img-info{
    padding-top:100%
}
.b-gallery1 .img-info img{
    cursor: pointer;
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
@media(min-width:576px){
    .b-gallery1 .item{
        width:calc(100%/3 - 4px)
    }
}
@media(min-width:768px){
    .b-gallery1 .item{
        width:calc(25% - 4px)
    }
    .anhphoicanh .item{
        width:calc(33.33% - 4px)
    }
}
.b-gallery2 .item{
    margin:0 10px;
    position:relative;
    width:calc(90% - 20px)
}
.b-gallery2 .img-info{
    box-shadow:0 10px 50px rgba(0,0,0,.1);
    position:relative;
    width:100%
}
.b-gallery2 .ratio .img-info{
    padding-top:62.5%
}
.b-gallery2 .img-info img{
    display:block
}
.b-gallery2 .item .title{
    background-color:rgba(0,0,0,.6);
    bottom:0;
    color:#fff;
    font-size:18px;
    left:0;
    margin-top:0;
    padding:15px 20px;
    position:absolute;
    right:0
}
@media(min-width:500px){
    .b-gallery2 .item{
        margin:0 8px;
        width:calc(50% - 16px)
    }
}
@media(min-width:768px){
    .b-gallery2 .item{
        margin:0 10px;
        width:calc(100%/3 - 20px)
    }
}
@media(min-width:992px){
    .b-gallery2 .item{
        width:calc(25% - 20px)
    }
    .b-gallery .item{
        width:calc(33.33% - 20px)
    }    .b-gallery3 .item{
        width:calc(50% - 20px)
    }
}
.b-gallery-one .item{
        width:100%
    }
.b-grid .grid{
    margin-top:-30px
}
.b-grid .item{
    margin-top:30px;
    padding-top:50%;
    position:relative;
    width:100%
}
.b-grid .info{
    background-color:rgba(255,255,255,.6);
    border-radius:4px;
    padding:10px 20px;
    text-align:center
}
.b-grid .info p{
    color:var(--title-color);
    font-family:var(--sub-font-family);
    font-size:30px;
    text-shadow:0 2px 1px rgba(255,255,255,.2)
}
.b-grid .info a{
    background-color:var(--bg-color-1);
    border-radius:2px;
    color:var(--font-color-1);
    display:block;
    font-size:16px;
    margin:5px auto 0;
    padding:5px 0;
    transition:all .5s;
    width:90px
}
.b-grid .info a:hover{
    background-color:var(--bg-color);
    color:var(--font-color)
}
@media(min-width:992px){
    .b-grid .grid{
        margin:-30px -15px 0;
        overflow:hidden
    }
    .b-grid .item{
        float:left;
        margin:30px 15px 0
    }
    .b-grid .item:first-child{
        padding-top:calc(50% - 30px);
        width:calc(50% - 30px)
    }
    .b-grid .item:nth-child(n+2){
        padding-top:calc(25% - 30px);
        width:calc(50% - 30px)
    }
}
.b-iframe .iframe-container{
    min-height:var(--block-min-height);
    padding-top:45%;
    position:relative
}
.b-iframe iframe{
    bottom:0;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.has-background{
    background-position:center;
    background-size:cover
}
.block{
    display:block;
    min-height:var(--block-min-height);
    padding:30px 0;
    position:relative;
    width:100%
}
.block .container{
    position:relative;
    z-index:2
}
.b-height-true{
    min-height:100vh
}
.b-element{
    margin-top:30px
}
.see-more{
    -webkit-transition:all .2s;
    background-color:#edc6a2;
    border-radius:5px;
    color:var(--font-color);
    display:block;
    font-size:18px;
    margin:25px auto 0;
    max-width:130px;
    padding:12px 0;
    text-align:center;
    transition:all .2s;
    width:100%
}
.see-more:hover{
    background-color: #173651;
    color: #fff;
}
.ratio .img-info img{
    bottom:0;
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
@media(min-width:992px){
    .block{
        padding:40px 0
    }
    .d-align-center{
        margin-left:auto;
        margin-right:auto
    }
    .d-align-right{
        margin-left:auto
    }
}
.b-listphoto .img-top+.element{
    margin-top:30px
}
.b-listphoto .grid{
    margin-top:-20px
}
.b-listphoto .item{
    margin-top:20px
}
@media(min-width:768px){
    .b-listphoto .img-top+.element{
        margin-top:40px
    }
    .b-listphoto .grid{
        margin:-30px -15px 0
    }
    .b-listphoto .item{
        margin-top:30px;
        padding:0 15px;
        width:50%
    }
}
@media(min-width:992px){
    .b-listphoto .img-top+.element{
        margin-top:60px
    }
    .b-listphoto .grid{
        margin:-50px -25px 0
    }
    .b-listphoto .item{
        margin-top:50px;
        padding:0 25px;
        width:50%
    }
}
.block.b-slider{
    min-height:200px;
    padding:0
}
.b-slider .item{
    cursor:pointer;
    width:100%
}
.b-slider .item img{
    min-height:200px;
    object-fit:cover
}
.b-slider .title{
    font-size:20px;
    font-weight:var(--fw-3);
    line-height:1.4;
    margin:10px 0
}
.b-slider .container{
    bottom:10px;
    color:#fff;
    font-size:18px;
    left:0;
    position:absolute;
    right:0;
    width:100%
}
.b-slider .decor{
    bottom:-105px;
    display:block;
    left:0;
    max-width:150px;
    position:absolute;
    width:30%;
    z-index:1
}
.b-step .grid{
    overflow-x:auto
}
.b-step .item{
    -webkit-flex-shrink:0;
    border-radius:5px;
    flex-shrink:0;
    padding:20px;
    width:90%
}
.b-step .item:nth-child(1){
    background-color:rgba(255,0,0,.1)
}
.b-step .item:nth-child(2){
    background-color:rgba(0,128,0,.1)
}
.b-step .item:nth-child(3){
    background-color:rgba(0,0,255,.1)
}
.b-step .item+.item{
    margin-left:15px
}
.b-step img{
    height:60px;
    width:60px
}
.b-step .title{
    color:var(--title-color);
    font-size:22px;
    font-weight:var(--fw-4);
    margin-top:20px
}
.b-step .description{
    line-height:1.5;
    margin-top:10px
}
@media(min-width:992px){
    .b-step .grid{
        margin:-30px -15px 0;
        overflow-x:visible
    }
    .b-step .item{
        margin:30px 15px 0 !important;
        width:calc(100%/3 - 30px)
    }
    .b-step .description{
        font-size:17px
    }
}
.text-photo .left,.text-photo .right{
    position:relative
}
.text-photo .left{
    margin-bottom:30px
}
.text-photo .left .s-title-1{
    color:var(--title-color);
    display:block;
    font-size:25px;
    line-height:1.25;
    width:100%
}
.text-photo .left .s-title{
    color:var(--title-color-1);
    display:block;
    font-family:var(--sub-font-family);
    font-size:35px;
    line-height:1.2;
    margin-bottom:20px;
    width:100%
}
.text-photo .right{
    margin-top:30px
}
.text-photo .description{
    color:#333;
    display:block;
    font-size:17px;
    line-height:1.6;
    position:relative;
    width:100%;
    font-weight: 500;
}
.text-photo .description li{
    clear:both;
    position:relative
}
.text-photo strong{font-weight:600;}
.text-photo .left  .description{max-width:600px;margin: 0 auto;}

/*.text-photo .description li:before{
    background-repeat:no-repeat;
    background-size:contain;
    content:'';
    display:block;
    left:-30px;
    position:absolute
}*/
.text-photo ul li:before{
    background-image:var(--background-ul);
    height:22px;
    top:2px;
    width:22px
}
.text-photo ol li:before{
    background-image:var(--background-ol);
    height:26px;
    top:-2px;
    width:26px
}
.b-textphoto{
    background:#fffff4;padding-top: 20px;   margin-bottom: 0;
}
.b-textphoto blockquote{
        font-size: 15.5px;
}
.b-textphoto .list-photo{
    margin:10px -10px 0
}
.b-textphoto .list-photo .item{
    margin:30px 10px 0;
    width:calc(50% - 20px)
}
.b-textphoto .list-photo img{
    max-width:200px
}
@media(min-width:992px){
    .left-right-box{    padding-left: 20px !important;
    padding-right: 20px !important;max-width:1800px;margin:0 auto;}
    .text-photo .left-right{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        margin-left:-20px;
        margin-right:-20px
    }
    .text-photo.reverse .left-right,.text-photo .element.reverse{
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .text-photo .left,.text-photo .right{
        margin:0;
        padding:0 20px
    }
    .text-photo .left.Center{
        text-align:center
    }
    .text-photo .left .s-title-1{
        font-size:28px
    }
    .text-photo .left .s-title{
        font-size:38px;
        line-height:1.1
    }
}
ul.has-icon {    list-style: none!important;
     padding-left: 0;    position: relative;}
ul.has-icon li{
    position: relative;
    margin-left: 0;
    padding-left: 24px!important;
     list-style: none!important;
}
ul.has-icon li:before{
background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px;
    background-image: url(/img/dot.png);
    margin: 5px  10px 0 0;
}
 ul.has-icon.icon-gift li:before{
    background-image: url(/img/gift.svg);
}
  ul.has-icon.icon-check li:before{
    background-image: url(/img/check02.png);
}
.icon-gift:before{display:none;}
 span.marker
{
	background-color: Yellow;
}
span.mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0 0.4em;
  background-color: yellow;
}
.step,.step-item{
    width:100%
}
.step{
    background:rgba(221,221,221,.3);
    border-radius:2px;
    margin-top:30px;
    padding:20px
}
.step-item+.step-item{
    margin-top:12px
}
.step .step-bg{
    border-radius:6px;
    height:5px;
    margin-right:15px;
    width:40px
}
.step .description{
    font-size:17px;
    width:calc(100% - 55px)
}
.b-textphoto1 *+.info-color{
    margin-top:20px
}
.b-textphoto1 .info-color{
    width:100%
}
.b-textphoto1 .info-color .item{
    border-top:1px solid #ddd;
    font-size:18px;
    margin-top:10px;
    padding-top:10px
}
.b-textphoto1 .info-color span{
    display:inline-block
}
.b-textphoto1 .info-color .text{
    color:var(--title-color);
    line-height:1.4;
    width:100%
}
.b-textphoto1 .info-color .sub-text{
    -ms-flex-order:2;
    line-height:1.4;
    margin-top:10px;
    order:2;
    text-align:right;
    width:160px
}
.b-textphoto1 .info-color .color{
    -ms-flex-order:1;
    height:28px;
    margin-top:10px;
    order:1;
    width:50px
}
@media(min-width:600px){
    .b-textphoto1 .info-color .item{
        border-top:0 none;
        padding-top:0
    }
    .b-textphoto1 .info-color .text{
        width:calc(100% - 220px)
    }
    .b-textphoto1 .info-color .sub-text{
        -ms-flex-order:1;
        margin-top:0;
        order:1;
        padding:0 10px
    }
    .b-textphoto1 .info-color .color{
        -ms-flex-order:2;
        margin-left:10px;
        margin-top:0;
        order:2
    }
}
.text-photo .form-container{
    background-color:#ffffffa1;
    border-radius:10px;
    margin:0 auto;
    max-width:500px;
    padding:30px 15px;
    position:relative;
    text-align:center;
    overflow: hidden;
}
.text-photo .form-container .shape{
    background:rgba(255,255,255,.5);
    border-radius:10px;
    height:120px;
    position:absolute;
    width:120px;
    z-index:-1
}
.text-photo .form-container .shape:first-child{
    left:-15px;
    top:-15px
}
.text-photo .form-container .shape:nth-child(2){
    bottom:-15px;
    right:-15px
}
.text-photo .form-title{
    color:#333;
    font-size:28px;
    line-height:1.2
}
.text-photo .form-description{
    color:#565656;
    line-height:1.5;
    margin-top:15px
}
.text-photo .form-send input[name=FullName]{
    margin-top:25px
}
.text-photo .form-send input{
    -webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.1);
    border:0 none;
    border-radius:5px;
    box-shadow:0 8px 30px 0 rgba(0,0,0,.1);
    display:block;
    font-size:18px;
    margin-top:30px;
    padding:12px 16px;
    width:100%
}
.text-photo .customer-submit{
    margin-top:25px
}
.text-photo .customer-submit button{
    -webkit-transition: .4s all;
    background: linear-gradient(135deg, #f2b552 10%, #de804ce0 100%);
    border: 5px solid #f6f6f6;
    border-radius: 30px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07);
    color: #474747;
    font-size: 18px;
    margin: 6px 0 0;
    padding: 10px 30px;
    transition: .4s all;
    font-weight: 500;
}
.text-photo .customer-submit button:hover{
    border-radius:0
}
@media(min-width:992px){
    .text-photo .form-container{
        padding:30px
    }
    .text-photo .form-container .shape:first-child{
        left:-20px;
        top:-20px
    }
    .text-photo .form-container .shape:nth-child(2){
        bottom:-20px;
        right:-20px
    }
}
.b-title-description{
    padding-bottom:45px;
    position:relative;
    text-align:center;
    z-index:2
}
.b-title-description:before{
    background:var(--background-line) center center no-repeat;
    background-size:contain;
    bottom:22px;
    content:'';
    display:block;
    height:14px;
    left:0;
    margin:0 auto;
    max-width:200px;
    position:absolute;
    right:0;
    width:100%
}
.b-title-description.line2:before{
    background:url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: 24px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin: 0 auto;
    max-width: 300px;
}
.b-title{
    color:var(--title-color);
    background: -webkit-linear-gradient(#54be7f, #2ca684);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display:block;
    font-size:32px;
    line-height:1.4;
    position:relative;
    width:100%
}

.block-dark .b-title{
    background: -webkit-linear-gradient(#ffffff, #cecece);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block-dark  .b-title-description:before{
        background: url(/theme/img/underline-02.png) center center no-repeat;    background-size: contain;
}
.b-title,.b-title h1,.b-title h2,.b-title h3{
/*    font-family:var(--sub-font-family);
    font-weight:var(--fw-3)*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:0.5px;
}

h3.b-title {text-transform: unset;    font-weight: 700;text-align: center;
    margin: 10px auto 0px;
    background:-webkit-linear-gradient(#8aac1a, #83a315);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h3.b-title span{
    color:#ebb442;
    font-weight: 500;
}
.b-title span{
    color:var(--title-color-1);
    font-weight: normal;
    font-size: 28px;
/*    font-family:var(--sub-font-family-1)*/
}
.b-title span.sub{
    font-weight: 500;
    display: block;
    font-size: 21px;
}
h3.c-title{
    font-size: 1.5em;font-weight:900; text-align: center;margin-top: 20px;margin-bottom: 15px;color: #d27c10;background:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset;text-transform:uppercase;
}
.b-description{
    color:#333;
    display:block;
    font-size:20px;
    line-height:1.3;
    margin:0;
    position:relative
}
@media(min-width:576px){
    .b-title{
        font-size:25px
    }
    h1.b-title{
        font-size: 32px;
        letter-spacing: 1px;
        font-size: 32px;
        letter-spacing: 1px;
        /* font-weight: 800; */
        margin-top: 20px;
    }
}
@media(min-width:992px){
    .b-title{
        font-size:33px;
        margin:0 auto;
        max-width:850px
    }.b-title-sm,h3.b-title-sm{
    font-size: 28px;
}.text-promo .date {
    font-size: 26px;
    color: #b3423c;
    line-height: 1.5;margin-bottom:10px;
}
}
@media(min-width:1200px){
    .b-title{
        font-size:35px
    }
    h3.b-title{
        font-size:30px
    }
    .b-title-sm,h3.b-title-sm{font-size:32px}
    .text-promo .date{font-size:28px;color:#b3423c;line-height: 1.5;}
}
.block.b-video{
    min-height:200px;
    padding:0
}
.b-video .poster{
    min-height:200px;
    object-fit:cover
}
.b-video video{
    background-size:cover;
    height:auto;
    max-height:calc(100vh - 60px);
    min-height:200px;
    object-fit:cover;
    object-position:center;
    width:100%
}
.b-video .title{
    bottom:5px;
    color:#fff;
    font-size:20px;
    left:15px;
    position:absolute;
    text-shadow:1px 1px 1px #000
}
@media(min-width:576px){
    .b-video .title{
        bottom:10px;
        font-size:24px;
        left:20px
    }
}
@media(min-width:992px){
    .b-video .title{
        left:30px
    }
}
@media(min-width:992px){
    .text-photo .left,.text-photo .right{
        width:50%
    }
    .text-photo .left-right-37 .left{
        width:30%
    }
    .text-photo .left-right-37 .right{
        width:70%
    }
    .W20{
        width:20% !important
    }
    .W25{
        width:25% !important
    }
    .W30{
        width:30% !important
    }
    .W35{
        width:35% !important
    }
    .W40{
        width:40% !important
    }
    .W45{
        width:45% !important
    }
    .W50{
        width:50% !important
    }
    .W55{
        width:55% !important
    }
    .W60{
        width:60% !important
    }
    .W65{
        width:65% !important
    }
    .W70{
        width:70% !important
    }
    .W75{
        width:75% !important
    }
    .W80{
        width:80% !important
    }
}
.b-youtube .swipe{
    overflow:hidden
}
.b-youtube .swipe-container{
    margin:0 -10px
}
.b-youtube .swipe-slider .item{
    margin:0 10px;
    width:calc(100% - 20px)
}
.b-youtube .swipe-slider .item a:first-child{
    margin-bottom:20px
}
.b-youtube .swipe-slider .item a:nth-child(2){
    margin-top:20px
}
.b-youtube .grid{
    margin-top:-15px
}
.b-youtube .grid .item{
    margin-top:15px;
    width:100%
}
@media(min-width:576px){
    .b-youtube .swipe-slider .item{
        width:calc(50% - 20px)
    }
    .b-youtube .grid{
        margin:-20px -10px 0
    }
    .b-youtube .grid .item{
        margin:20px 10px 0;
        width:calc(50% - 20px)
    }
}
@media(min-width:992px){
    .b-youtube .swipe-slider .item{
        width:calc(100%/3 - 20px)
    }
    .b-youtube .grid .item{
        width:calc(100%/3 - 20px)
    }
}
.f-about .list-photo{
    margin:4px -4px 0;
    width:100%
}
.f-about .list-photo a{
    -webkit-transition:all .4s;
    background-color:rgb(93 163 193);
    border-radius:50%;
    display:block;
    margin:4px;
    padding:13px;
    transition:all .4s
}
.f-about .list-photo a:hover{
    background-color:rgba(0,0,0,.5)
}
.f-about .list-photo svg{
    display:block;
    height:25px;
    margin:0 auto;
    width:25px
}
.sdanh-gia{
    background: #f6f6f3;
}
.sdanh-gia h2,.sdanh-gia h3{margin-bottom:15px;}
.sdanh-gia ul li,.sdanh-gia ol li{margin-bottom:10px;}
.section-form {
    /*background-image: background: #591414f0 url(/images/img/bg.png);;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
     background: #84ab6a;
}
.section-form .container{
    z-index: 1;
    position: relative;
    text-align: center;
}
.section-form .bg{
	    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background:rgb(80 80 80 / 25%);
    width: 100%;
}
footer.bottom{
    border-top:1px solid rgba(255,255,255,.1);
    font-size:.85rem;
    margin-top:0;
    min-height:0;
    opacity:.8;
    padding:5px 0;
    text-align:center
}
footer.d-none+footer{
    display:none
}
footer.bottom h1,footer.bottom span{
    opacity:.7
}
footer .siteby {
    text-align: center;
    line-height: 18px;
    padding: 4px 0 2px;
    opacity: 0.9;
    display: inline-block;    font-size: 14px;
}
footer .siteby img {
    width: 49px;
    margin-bottom: 1px;
}
/*scrool*/
/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 5px 10px;
  list-style: none;
  transition: all 0.5s;
 
}
.simply-scroll-list li img{
    width: 100%;height: 100%;
}
.simply-scroll-list li:hover {
     transform: scale(1.1);
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width:100%;
  height: 300px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
  float: left; /* Horizontal scroll only */
    width: 533px;
    height: 300px;}
.f-category a,.f-category p{
    display:block;
    padding:6px 0
}
.f-category .sub-item svg{
    height:14px;
    margin-right:8px;
    width:14px
}
@media(min-width:992px){
    .f-category a,.f-category p{
        padding:2px 0
    }
}
.f-contact .content+.info{
    margin-top:10px
}
.f-contact .info >div{margin-bottom:10px;}
.f-contact svg{
    display:inline-block;
    height:20px;
    margin-bottom:2px;
    vertical-align:middle;
    width:20px
}
.f-contact .name{
    width:84px
}
.f-contact .info .content{
    width:calc(100% - 84px)
}
.f-form .form-send{
    margin-top:5px
}
.f-form input{
    background-color:rgba(255,255,255,.75);
    border:1px solid transparent;
    color:#333;
    margin-bottom:15px;
    padding:10px 15px;
    width:100%
}
.f-form .customer-submit{
    text-align:left;
}
.f-form .customer-submit button{
    -webkit-transition:all .3s;
    background:linear-gradient(135deg,#ffe985 10%,#fa742b 100%);
    border:0 none;
    border-radius:3px;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    color: #222;
    font-size:17px;
    margin:5px 0 10px;
    padding:8px 15px;
    font-weight: 500;
    transition:all .3s
}
.f-form .customer-submit button:hover{
    opacity:.9
}
@media(min-width:992px){
    .f-form .customer-submit button{
        margin-bottom:0
    }
}
/*form send*/
.form-send .loader{
    background: rgba(127,127,127,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.form-send .loader img{
position: absolute;
top: 56%;
left: 48%;
}
.form-alert p{
    padding: 6px 0;
}
.form-alert p.success{
    padding: 5px 10px;
    color: #41cd13;
    border-radius: 3px;
    opacity: 1;
    font-size: 14px;
    line-height: 20px;
    background: #fbf38f;
}
.form-alert p.error{
    padding: 0 10px;
    color: #f54141;
    border-radius: 3px;
    opacity: 1;
    font-size: 14px;    background: unset;
}

footer{
/*    background: #ebeae9;
    background-image: url(/images/img/bg.png);
    background-repeat: repeat;
    background-size: contain;
    margin-top:30px;
    position:relative;
    background-position: top;*/
    background: #eff5f9;
    background-image: url(/theme/img/bg-footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center  center;
    padding-bottom: 270px;
    margin-top: 0;
    color: #171717;
}

footer:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background:#eae5de0f;
    width: 100%;
}
footer a{
    color:unset
}
footer a:hover{
    color:var(--f-font-color-s)
}
footer .svg-icon path{
    fill:#e6e6e6
}
footer.no-margin{
    margin-top:0;
    padding-top: 0;
}
footer .container{
    display:block;
    padding:0;
    position:relative;
    width:100%
}
footer .item{
    border-bottom:1px solid rgba(255,255,255,.1);
    width:100%
}
footer .item:last-child{
    border-bottom:0 none
}
footer .title{
    color:#619e44;
    cursor:pointer;
    display:block;
    font-size:18px;
    font-weight:var(--fw-4);
    padding:10px 35px 10px 15px;
    position:relative
}
footer .arrow-down{
    border-color:#ffffff;
    height:8px;
    position:absolute;
    right:15px;
    top:16px;
    width:8px
}
footer .sub-item{
    background-color:rgba(0,0,0,.1);
    display:none;
    font-size:17px;
    padding:20px 15px 25px;
    position: relative;line-height: 1.7;
}
footer .grid .item:first-child .sub-item {
display:block;
}
footer .content p+p{
    margin-top:6px
}
footer a.hotline {
    color: #03DCDE;
    font-weight: 900;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 1.5px;
    background: linear-gradient(175deg, #619e44 10%, #36681e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
footer .f-contact{font-weight:500;}
footer .bottom{
    opacity: 0.8;
    letter-spacing: 0.2px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
@media(min-width:992px){
    footer .container{
        padding-bottom:30px;
        padding-top:40px
    }
    footer .grid{
        -ms-flex-pack:justify;
        display:-ms-flexbox;
        display:flex;
        justify-content:space-between;
        margin:0 -15px
    }
    footer .item{
        border-bottom:0 none;
        margin:0;
        padding:0 15px;
        width:auto
    }
    footer .arrow-down{
        display:none
    }
    footer .title{
        font-size:22px;
        line-height:1.3;
        margin-bottom:14px;
        padding:0;
        pointer-events:none
    }
    footer .sub-item{
        background-color:transparent;
        display:block !important;
        font-size:16px;
        padding:0
    }
    footer .None.f-2{
        max-width:50%
    }
    footer .None.f-3{
        max-width:33.3333%
    }
    footer .None.f-4{
        max-width:25%
    }
    footer .None.f-5{
        max-width:20%
    }
    .text-photo .description {
        text-align: justify;
    }
}
.modal .close{
    -webkit-transition:all .4s;
    background-color:rgba(0,0,0,.4);
    border:0 none;
    border-radius:2px;
    padding:8px 12px;
    position:absolute;
    transition:all .4s;
    z-index:3
}
.modal .close svg{
    height:18px;
    width:18px
}
.modal .close path{
    fill:#9b9b9b
}
.modal .close:hover{
    background-color:rgba(0,0,0,.7)
}
.modal .close:hover path{
    fill:#fff
}
.modal-360 .modal-dialog{
    border-radius:0;
    height:calc(100vh - 40px);
    max-width:100%;
    width:100%
}
.modal-360 iframe{
    height:100%
}
.modal-form .modal-dialog .close{
    right:-8px;
    top:-8px
}
.modal-form .close path{
    fill:#fff
}
.modal-form .modal-body{
    border-radius:4px;
    padding:0
}
.modal-form .modal-title{
    background-color:var(--bg-color);
    color:var(--font-color);
    font-size:24px;
    line-height:1.3;
    padding:10px 15px
}
.modal-form img{
    display:none
}
.modal-form .modal-description,.modal-form .form-send{
    padding:0 15px
}
.modal-form .modal-description{
    color:#3a3a3a;
    font-size:17px;
    margin-top:10px
}
.modal-form .modal-description p+p{
    margin-top:15px
}
.modal-form .form-send{
    margin-top:15px
}
.modal-form label{
    font-size:17px;
    font-weight:var(--fw-3);
    margin-bottom:3px
}
.modal-form input{
    background-color:transparent;
    border:0 none;
    border-bottom:1px solid #ddd;
    border-radius:0;
    color:#131820;
    display:block;
    font-size:17px;
    height:auto;
    margin-bottom:25px;
    padding:5px 0;
    width:100%
}
.modal-form .modal-note{
    color:#f00;
    font-size:16px;
    margin-bottom:20px;
    margin-top:-10px
}
.modal-form .customer-submit{
    padding-bottom:10px;
    text-align:center
}
.modal-form .customer-submit button{
    -webkit-transition:all .3s;
    background-color:var(--bg-color-1);
    color:var(--font-color-1);
    display:block;
    font-size:18px;
    margin:0 0 10px;
    padding:10px 15px;
    transition:all .3s;
    width:100%
}
.modal-form .customer-submit button:hover{
    opacity:.7
}
@media(min-width:992px){
    .modal-form-img .modal-dialog{
        background-color:transparent
    }
    .modal-form-img .modal-body{
        background-color:#fff;
        margin:-25% 15px 0;
        padding-top:10px
    }
    .modal-form-img img{
        display:block
    }
    .modal-form-img .modal-title{
        background-color:#fff;
        color:#000
    }
}
#modalLightBox{
    background-color:#000;
    overflow:hidden;
    padding:0 !important
}
#modalLightBox .close{
    background-color:rgba(255,255,255,.3);
    right:10px
}
#modalLightBox .modal-dialog{
    background-color:transparent;
    height:100%;
    margin:0 auto;
    max-width:100%;
    padding:0;
    width:100%
}
#modalLightBox .modal-body{
    padding:0;
    width:100%
}
#modalLightBox .swipe-container{
    margin:0 auto;
    max-width:1500px
}
#modalLightBox .btn-slider .svg-icon{
    height:25px;
    width:25px
}
#modalLightBox .btn-slider.prev{
    left:10px
}
#modalLightBox .btn-slider.next{
    right:10px
}
#modalLightBox .btn-slider:hover{
    background-color:rgba(255,255,255,.3)
}
#modalLightBox .btn-slider path{
    fill:#dfdfdf
}
#modalLightBox .item{
    display:-ms-flexbox;
    display:flex;
    margin:0 10px;
    text-align:center;
    width:calc(100% - 20px)
}
#modalLightBox .item img{
    margin:0 auto;
    max-height:100vh;
    max-width:100%;
    object-fit:contain
}
#popupModal{
    z-index:13
}
#popupModal .close{
    right:0;
    top:-20px
}
#popupModal .modal-body{
    padding:0
}
#popupModal .modal-dialog{
    margin-top:calc(4vh + 10px)
}
@media(min-width:576px){
    #popupModal .close{
        right:-8px;
        top:-8px
    }
}
.btn-registration{
    -webkit-transition: all .5s;
    background: #fdba61;
    background-color: #b20000;
    border: 0 none;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin: 20px auto 0;
    min-width: 300px;
    padding: 15px;
    text-transform: uppercase;
    transition: all .5s;
    width: 100%;
    letter-spacing: .03em;border-radius: 28px;

}
.btn-registration:hover{
    background:#980707;
    color:#fff
}
@media(min-width:400px){
    .btn-registration{
        padding:7px 20px;
        width:auto
    }
}
.open-youtube{
    position:relative;
    width:100%;
    display: block !important;
    max-width: 1000px;
    margin: 0 auto;
    border:1px solid #f9e8b9;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.23);
}
.open-youtube img{
    border-radius: 6px;
}
.open-youtube .poster{
    position:static !important
}
.icon-youtube{
    -webkit-transition:all .2s;
    background-color:rgba(0,0,0,.5);
    border-radius:50%;
    padding:10px;
    transition:all .3s;
    width:80px
}
.open-youtube:hover .icon-youtube{
    background-color:rgba(255,255,255,.3)
}
#modalVideo .modal-dialog{
    background-color:#000;
    margin:0;
    max-width:145vh
}
#modalVideo .close{
    right:0;
    top:-35px
}
.back-to-top{
    -webkit-transition:all .2s ease-in-out;
    background-color:rgba(0,0,0,.8);
    border-radius:50%;
    bottom:-60px;
    box-shadow:0 0 5px 2px rgba(255,255,255,.5);
    cursor:pointer;
    height:60px;
    opacity:.6;
    overflow:hidden;
    position:fixed;
    right:10px;
    text-align:center;
    transition:all .2s ease-in-out;
    visibility:hidden;
    width:60px;
    z-index:8
}
.back-to-top:hover{
    opacity:1
}
.back-to-top.show{
    bottom:75px;
    visibility:visible
}
.back-to-top svg{
    height:18px;
    width:18px
}
.back-to-top svg path{
    fill:#fff
}
@media(min-width:992px){
    .back-to-top{
        height:60px;
        width:60px
    }
    .back-to-top.show{
        bottom:180px
    }
}
#header-mobile{
    font-size:16px;    z-index: 10;
}
#header-mobile svg{
    height:30px;
    width:30px
}
#header-mobile a{
    padding:10px
}
@media(min-width:992px){
    #header-mobile{
        display:none
    }
}
header{
    background-color:#FFFFFFE3;
    background:linear-gradient(to right, #e6f1eb 0%, #f6fbf7 22%, #effaf6 100%);
    line-height:1;
    padding:5px 10px;
}
header .container{
    padding-left:0;
    padding-right:0
}
#header-logo{
    display:block;
    max-width:calc(100% - 190px);
    z-index:1
}
#header-logo img{
    display:block;
    height:56px;
    object-fit:contain;
    object-position:left;
    width:180px
}
@media(min-width:992px){
    header{
        padding:2px 0 1px
    }
    
    #header-logo{
        max-width:none
    }
}
.m-hotline{
    font-size:18px;
    line-height:1;
    padding:0 5px;
    width:auto
}
.m-hotline p{
    color:#87a918;
    display:block;
    font-size:15px;
    font-weight:var(--fw-4);
    margin-bottom:5px
}
.m-hotline .text{
    color: #c84f37;
    font-weight: 700;
    background: linear-gradient(175deg, #87a918 10%, #87a918 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.d-hotline{
    display:none
}
@media(min-width:992px){
    .m-hotline{
        display:none
    }
    .d-hotline{
        background:var(--d-hotline-bg-color);
        border:3px solid #fff;
        border-radius:40px;
        bottom:20px;
        box-shadow:0 0 15px 2px rgba(255,255,255,.75);
        display:block;
        left:20px;
        padding:10px 20px;
        position:fixed;
        width:auto;
        z-index:5
    }
    .d-hotline .icon{
        float:left;
        padding:4px 0;
        position:relative
    }
    .d-hotline svg{
        margin-right:5px;
        position:relative
    }
    .d-hotline svg path{
        fill:var(--d-hotline-icon-color)
    }
    .d-hotline .text{
        color:var(--d-hotline-font-color);
        font-size:20px;
        font-weight:var(--fw-3)
    }
}

header.fixed{
    box-shadow:0 4px 24px #58667e14,0 1px 2px #58667e1f;
    left:0;
    position:fixed;
    right:0;
    z-index:9;
    background: linear-gradient(to right, #e6f1eb 0%, #f6fbf7 22%, #effaf6 100%);
}
div[data-ajax]{
    position:relative
}
.lazy-loader{
    background-color:rgba(200,200,200,.2);
    min-height:64px
}
.lds-facebook{
    display:inline-block;
    height:64px;
    left:50%;
    margin:0;
    position:absolute;
    top:50%;
    transform:translate(-32px,-32px);
    width:64px
}
.lds-facebook div{
    animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite;
    background:rgba(2,100,111,.5);
    display:inline-block;
    left:6px;
    position:absolute;
    width:10px
}
.lds-facebook div:nth-child(1){
    animation-delay:-.24s;
    left:6px
}
.lds-facebook div:nth-child(2){
    animation-delay:-.12s;
    left:26px
}
.lds-facebook div:nth-child(3){
    animation-delay:0;
    left:45px
}
@keyframes lds-facebook{
    0%{
        height:51px;
        top:6px
    }
    50%,100%{
        height:26px;
        top:19px
    }
}
.sidenav{
    -webkit-transition:all .3s linear;
    bottom:0;
    left:100%;
    max-width:280px;
    opacity:0;
    overflow-y:auto;
    position:fixed;
    top:0;
    transition:all .3s linear;
    visibility:hidden;
    width:calc(100% - 60px);
    z-index:10
}
.sidenav.show{
    -webkit-transform:translateX(-100%);
    opacity:1;
    transform:translateX(-100%);
    visibility:visible
}
#horizontal-menu{
    background-color:#fafaeb;
    color:var(--font-color)
}
#horizontal-menu li{
    border-bottom:1px solid rgba(255,255,255,.08);
    width:100%
}
#horizontal-menu li.active,#horizontal-menu li:hover{
    background-color:rgba(255,255,255,.2)
}
#horizontal-menu .open-child{
    cursor:pointer
}
#horizontal-menu .has-child>section{
    position:relative
}
#horizontal-menu .menu{
    color:var(--font-color);
    display:block;
    font-size:17px;
    line-height:1.45;
    padding:15px 8px 15px 25px;
    position:relative;
    text-align:left;
    text-transform:uppercase;
    font-weight: 500;
}
#horizontal-menu .has-child .menu{
    width:calc(100% - 50px)
}
#horizontal-menu .btn-down{
    -ms-flex-align:center;
    -ms-flex-pack:center;
    align-items:center;
    background-color:rgba(255,255,255,.08);
    bottom:0;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    width:50px
}
#horizontal-menu .arrow-down{
/*    border-color:var(--font-color);*/
    height:10px;
    width:10px
}
#horizontal-menu .list-sub{
    background-color:#fff;
    display:none;
    width:100%;
    padding-left: 0;
}
#horizontal-menu .sub-menu{
    border-bottom:1px solid #e4e4e4;
    color:#333;
    display:block;
    font-size:17px;
    line-height:1.6;
    padding:14px 10px;
    white-space:normal;
    width:100%;    background: #236c80;
        margin-left: 0;
}
#horizontal-menu .sub-menu:last-child{
    border-bottom:0 none
}
#horizontal-menu .sub-menu.active,#horizontal-menu .sub-menu:hover{
    /*background-color:rgba(192,192,192,.28) */
    background: #1b5c6e;
}
#horizontal-menu .arrow-right{
    border-color:var(--bg-color);
    height:8px;
    margin-bottom:4px;
    margin-right:8px;
    width:8px
}
.fixed-padding{padding-top:0;}
@media(min-width:992px){
/*   header{
        box-shadow: 0 4px 24px #58667e14, 0 1px 2px #58667e1f;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 9;
        background: #a8a8a82e;
    }
    .fixed-padding{padding-top:70px}*/
    #modal-backdrop.show{
        display:none
    }
    #horizontal-menu{
        -webkit-transform:none;
        background-color:transparent;
        display:-ms-flexbox;
        display:flex;
        margin-left:20px;
        max-width:100%;
        opacity:1;
        overflow:visible;
        position:static;
        transform:none;
        transition:none;
        visibility:visible;
        width:auto;
        z-index:4
    }
    #horizontal-menu>ul{
        display:-ms-flexbox;
        display:flex
    }
    #horizontal-menu li{
        -webkit-transition:all .2s;
        border-bottom:0 none;
        border-radius:2px;
        position:relative;
        transition:all .2s;
        width:auto
    }
    #horizontal-menu li+li{
        margin-left:13px
    }
    #horizontal-menu li.active,#horizontal-menu li:hover{
        background-color:#d7ede8
    }
   /*  #horizontal-menu li.active a,#horizontal-menu li:hover a{
        color: #f2f2f2;
    }*/
    #horizontal-menu .open-child{
        cursor:auto;
        pointer-events:none
    }
    #horizontal-menu .menu{
        -ms-flex-align:center;
        align-items:center;
        color:#619e44;
        display:-ms-flexbox;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        min-height: 56px;
        padding: 0 8px;
        text-align: center;
        letter-spacing: 1.3px;
    }
    #horizontal-menu .has-child section{
        position:relative
    }
    #horizontal-menu .has-child .menu{
        padding-right:22px;
        width:auto
    }
    #horizontal-menu .btn-down{
        background-color:transparent;
        right:8px;
        width:auto
    }
    #horizontal-menu .arrow-down{
        /*border-color:#ffc54d;*/
        margin-left: 10px;
        height:8px;
        margin-bottom:4px;
        width:8px
    }
    #horizontal-menu .list-sub{
        background-color:#fff;
        box-shadow:0 5px 8px rgba(0,0,0,.15);
        display:none !important;
        left:0;
        position:absolute;
        top:100%;
        z-index:3
    }
    #horizontal-menu .edge-right .list-sub{
        left:auto;
        right:0
    }
    #horizontal-menu li:hover .list-sub{
        display:block !important
    }
    #horizontal-menu .sub-menu{
        color:#333;
        display:inline-block;
        font-size:16px;
        height:auto;
        padding:10px 8px;
        width:240px
    }
    #horizontal-menu .ul1{
        width:240px
    }
    #horizontal-menu .ul2{
        width:480px
    }
    #horizontal-menu .ul3{
        width:720px
    }
    #horizontal-menu .showonmb{
        display:none;
    }
}
.sidenav.show .list-unstyled{
    padding-top: 40px;
} 
.menu-d360 a{
    background:linear-gradient(135deg,#ffe985e6 10%,#fa742be0 100%);
    color:var(--font-color);
    display:block;
    font-size:17px;
    padding:12px 8px 12px 25px;
    position:relative;
    text-align:left;
    text-transform:uppercase;
    font-weight: 500;
}
.menu-d360 .svg-icon{
    height:38px;
    margin-right:8px;
    width:38px
}
.menu-d360 .svg-icon path{
    fill:var(--font-color)
}
@media(min-width:992px){
    .menu-d360 a{
        -ms-flex-align:center;
        -webkit-transition:all .4s ease-in-out;
        align-items:center;
        background:var(--d-hotline-bg-color);
        background-size:300% 100%;
        border-radius:3px;
        color:var(--d-hotline-font-color) !important;
        display:-ms-flexbox;
        display:flex;
        margin:4px 0;
        padding:2px 10px;
        transition:all .4s ease-in-out;
        white-space:nowrap
    }
    .menu-d360 .svg-icon path{
        fill:var(--d-hotline-font-color)
    }
    .menu-d360 a:hover{
        background-position:100% 0
    }
    #horizontal-menu .menu-d360:hover{
        background-color:transparent !important
    }
}
body{
    padding:0 0 56px
}
#support-center{
    background:#ddd;
    border-top:1px solid #cfcfcf;
    bottom:0;
    height:57px;
    position:fixed;
    right:0;
    width:100%;
    z-index:7;
    background: linear-gradient(90deg, rgb(241 250 249 / 89%), rgb(206 103 33 / 44%));
}
#support-center .sup-action{
    color:#333;
    display:block;
    float:left;
    font-size:13px;
    line-height:1;
    padding:7px 2px;
    text-align:center;
    width:25%;
    z-index:7
}
#support-center svg{
    height:25px;
    width:25px
}
#support-center path{
    fill:#1e88e5
}
#support-center span{
    display:block;
    margin-top:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#support-center .open-form path+path{
    fill:#333
}
#support-center .zalo path:nth-child(2){
    fill:#fff
}
#support-center .zalo path:nth-child(3){
    fill:#1e88e5
}
#support-center .fanpage{
    display:none
}
@media(min-width:992px){
    body{
        padding:0
    }
    #support-center{
        background:transparent;
        border:0 none;
        bottom:40px;
        box-shadow:none;
        height:auto;
        right:10px;
        width:60px
    }
    #support-center .sup-action{
        -webkit-transition:all .2s ease-in-out;
        background-color:rgba(0,0,0,.2);
        border-radius:50%;
        box-shadow:0 0 5px 2px rgba(255,255,255,.5);
        height:60px;
        line-height:58px;
        padding:0;
        transition:all .2s ease-in-out;
        width:100%
    }
    #support-center .sup-action:hover{
        background-color:rgba(0,0,0,.3)
    }
    #support-center .sup-action+.sup-action{
        margin-top:10px
    }
    #support-center .call,#support-center .open-form,#support-center span{
        display:none
    }
    #support-center svg{
        height:32px;
        width:32px
    }
    #support-center .d360{
        display:none
    }
    /*#support-center .fanpage{
        display:block
    }*/
}
.b-backgroundform{
    background: linear-gradient(#e2e2e2, #ffffff);
}
.sldier-photo-3{
        position: relative;
        position: relative;
    margin: 0 auto;
    max-width: 2250px;
}
.sldier-photo-3 .sldier1{
    display:block
}
.sldier-photo-3 .sldier2,.sldier-photo-3 .sldier3{
    display:none
}
@media(min-width:600px){
    .sldier-photo-3 .sldier1,.sldier-photo-3 .sldier3{
        display:none
    }
    .sldier-photo-3 .sldier2{
        display:block
    }
}
@media(min-width:992px){
    .sldier-photo-3 .sldier1,.sldier-photo-3 .sldier2{
        display:none
    }
    .sldier-photo-3 .sldier3{
        display:block
    }
}
.sldier-photo-3 .sldier-shape-bottom{
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;    bottom: -10px;
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
/*    display: none;*/
}
.sldier-photo-3 .sldier-shape-bottom svg{
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 39px;
}
.sldier-photo-3 .sldier-shape-bottom .elementor-shape-fill {
    fill: #fffefb;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
@media(max-width:768px) {
    .sldier-photo-3 .sldier-shape-bottom svg {
        height: 20px;
    }
    .sldier-photo-3 .sldier-shape-bottom {
        bottom: -2px;
    }
}
.conversion svg,.conversion path,.conversion span{
    pointer-events:none
}
.countdown{
    color:var(--font-color-1);
    display:block;
    margin:15px -2px 0;
    text-align:center;
    width:calc(100% + 4px)
}
.countdown .digit{
    background:var(--bg-color-1);
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    display:inline-block;
    line-height:1;
    margin:10px 2px;
    max-width:94px;
    padding:10px;
    text-align:center;
    width:calc(25% - 4px)
}
.countdown p{
    font-size:22px
}
.countdown span{
    display:block;
    margin-top:3px;
    opacity:.7
}
@media(min-width:340px){
    .countdown{
        margin:15px -5px 0;
        width:calc(100% + 10px)
    }
    .countdown .digit{
        margin:10px 2px;
        width:calc(25% - 10px)
    }
    .countdown p{
        font-size:30px
    }
}
@media(min-width:640px){
    .countdown{
        margin:15px -10px 0;
        width:calc(100% + 20px)
    }
    .countdown .digit{
        margin:10px;
        width:calc(25% - 20px)
    }
    .countdown p{
        font-size:35px
    }
}
@font-face{
    font-display:swap;
    font-family:'Baloo 2';
    font-style:normal;
    font-weight:600;
    src:local('Baloo 2 SemiBold'),local('Baloo2-SemiBold'),url('/theme/fonts/baloo/baloo-2-v1-vietnamese_latin-600.woff2') format('woff2')
}
/*@font-face{
    font-display:swap;
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url('/theme/fonts/roboto/roboto-v20-vietnamese_latin-ext-300.woff2') format('woff2')
}
@font-face{
    font-display:swap;
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto'),local('Roboto-Regular'),url('/theme/fonts/roboto/roboto-v20-vietnamese_latin-ext-regular.woff2') format('woff2')
}
@font-face{
    font-display:swap;
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url('/theme/fonts/roboto/roboto-v20-vietnamese_latin-ext-500.woff2') format('woff2')
}
@font-face{
    font-display:swap;
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url('/theme/fonts/roboto/roboto-v20-vietnamese_latin-ext-700.woff2') format('woff2')
}*/
.svg-icon{
    height:22px;
    vertical-align:middle;
    width:22px
}
.svg-icon path,.svg-icon circle{
    fill:#87a918;
}
.arrow,.arrow-up,.arrow-down,.arrow-left,.arrow-right{
    border-radius:2px;
    display:inline-block;
    vertical-align:middle
}
.arrow-up,.arrow-left{
    border-left:2px solid #828282;
    border-top:2px solid #828282
}
.arrow-right,.arrow-down{
    border-bottom:2px solid #828282;
    border-right:2px solid #828282
}
.arrow-up,.arrow-down{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.arrow-left,.arrow-right{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.overlay{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1
}
img.overlay{
    object-fit:cover
}
.img-mx-auto{
    display:block;
    height:auto;
    margin:0 auto;
    width:100%
}
.img-responsive{
    display:block
}
.img-ratio{
    bottom:0;
    height:100%;
    left:0;
    object-fit:cover;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
*,::after,::before{
    box-sizing:border-box
}
html,body{
    -moz-osx-font-smoothing:grayscale;
    -webkit-backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    background-color:#fff;
    color:#000;
    display:block;
    font-family: 'Montserrat', sans-serif;
    font-size:15px;
    font-weight:var(--fw-2);
    line-height:1.6;
    margin:0;
    outline:none;
    position:relative;
    text-rendering:optimizeLegibility;
    word-wrap:break-word
}
body.compensate-for-scrollbar{
    overflow-y: auto !important;
}
.compensate-for-scrollbar {
    margin-right: 0!important;
}
.not-click{
    cursor:default;
    pointer-events:none
}
ol,ul,dl{
    margin:0
}
ol,ul{
    margin:10px 0;
}
p,menu,figure{
    margin-bottom: 15px;
    padding:0
}
b,strong{
    font-weight:var(--fw-4)
}
a{
    color:#0089ff;
    cursor:pointer;
    outline:0 !important;
    text-decoration:none
}
a:hover{
    color:#000
}
:focus{
    outline:0
}
picture{
    display:block
}
.mx-auto{
    margin-left:auto !important;
    margin-right:auto !important
}
.w-100{
    width:100% !important
}
.h-100{
    height:100%
}
.invisible{
    visibility:hidden !important
}
.position-relative{
    position:relative !important
}
.list-unstyled{
    list-style:none;
    margin:0;
    padding:0;
}
.find-loading{
    color:#999;
    padding:5px 10px
}
.facebook{
    height:28px;
    margin-top:10px
}
.color-red{
    color:#f00
}
.overflow-hidden{
    overflow:hidden !important
}
.btn-animate{
    animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    max-width: 90%;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

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

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.align-middle{
    -webkit-transform:translate(-50%,-50%) !important;
    left:50%;
    position:absolute !important;
    top:50%;
    transform:translate(-50%,-50%) !important
}
.admin-update{
    display:none
}
@media(min-width:992px){
    .admin-update{
        background-color:#f88315;
        color:#fff;
        display:block;
        padding:8px 12px;
        position:fixed;
        right:0;
        top:70px;
        z-index:9
    }
    
}
:root{
    --block-min-height:300px;
    --fw-1:300;
    --fw-2:400;
    --fw-3:500;
    --fw-4:700;
    --sub-font-family:'Baloo 2';
    --sub-font-family-1:'arial';
    --icon-color:#007090;
    --title-color:#282d2f;
    --title-color-1:#ff650c;
    --title-color-2:#115c9d;
    --bg-color:#efe3d9;
    --font-color:#333;
    --bg-color-1:#175d99;
    --font-color-1:#bbe1fa;
    --bg-color-2:#e8de8b;
    --font-color-2:#333;
    --f-bg-color:#bbe1fa;
    --f-font-color:#ededed;
    --f-font-color-s:#7bacd6;
    --d-hotline-bg-color:linear-gradient(135deg,#ffe985 10%,#fa742b 100%);
    --d-hotline-font-color:#333;
    --d-hotline-icon-color:#007090;
    --d-hotline-ripple-color:#fff;
    --card-bg-color:linear-gradient(0,#007090 40%,rgba(0,0,0,.35) 100%);
    --background-line:url(/theme/img/underline.png);
    --background-ul:url(/theme/img/icon.png);
    --background-ol:url(/theme/img/diamonds.svg)
}
.main-title{
    font-weight: bold;
    padding: 20px 0;
    color: #223f51;
}
.sub-title{
    color:#223f51;
    font-size:24px;
    font-weight: bold;
    margin: 10px 0;
}
.sub-title-mt{
    margin-top:25px
}
@media(min-width:992px){
    .main-title{
        font-size:30px
    }
    .breadcrumb~.content-focus .main-title{
        margin-top:0
    }
}
.text-transform-none{
    text-transform:none !important
}
video{
    display:block;
    height:auto;
    margin:0 auto;
    width:100%
}
.video-container{
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    width:100%
}
.video-container iframe,.video-container object,.video-container embed{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.youtube-container{
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative
}
.youtube-container iframe{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
@media(min-width:992px){
    .youtube-container{
        height:calc(100vh - 60px);
        padding-bottom:0
    }
    .youtube-container iframe{
        height:100%;
        left:0;
        position:absolute;
        top:0;
        width:100%
    }
}
/*rte*/
._1line,._2line,._3line,._4line,._5line
{
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
._2line{
    -webkit-line-clamp: 2;
}
._3line{
    -webkit-line-clamp: 3;
}
._4line{
    -webkit-line-clamp: 4;
}
._5line{
    -webkit-line-clamp: 5;
}
/*box*/
.box-01{
    background: #fff;
    padding: 10px;
}
.box-01 .box-inner{
    padding: 10px;
    background: linear-gradient(114deg,#f8d10e 10%,#ba6646 100%);
}
.box-01 .box-content{
    padding: 20px 10px;
    margin: 0px auto;
    border-radius: 0;
    background: #fff;
}
.box-01 .box-content .inner {
    max-width:720px; margin: 0px auto;
}
.box-02{
    background: #fff;
}
.box-02 .box-inner{
    padding: 10px;
    background: linear-gradient(134deg,#124c9f  0%, #3c8199 26%, #01684c);
}
.box-02 .box-content{
    padding: 20px 10px;
    margin: 0px auto;
    border-radius: 0;
    background: #fff;
}
.box-01 .inner,
.box-02 .inner,
.box-promo .inner{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    max-width: 620px;
    margin: 0 auto;
}
h1.heading-detail{font-family: 'Merriweather', serif, "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;}
#table-contents {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    margin-top: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    min-width: 340px;
    font-family: "Times New Roman",  Arial, sans-serif;
}
#table-contents p.title-toc {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#table-contents ul,#table-contents ol {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 1em;
    display: block;
}
#table-contents ul li,#table-contents ol li{
    margin-top: 6px;
    display: block;
    line-height: 22px;
    font-size: 16px;
}
#table-contents ul.no_bullets ,#table-contents ol.no_bullets 
{
    list-style-type: none;
    list-style: none;
}
#table-contents ul.list-toc a {
    color: #165bde;
    text-decoration:none;
}
#table-contents ul.list-toc a:visited,#table-contents ul.list-toc a:hover {
    color: #f07404;
    text-decoration:underline;
}
#table-contents ul.list-toc{overflow: hidden;}
#table-contents ul.list-toc.toc-hidden
{
    height:0;
}
.rte table {
  border-collapse: collapse;
  width: 100%;
}

.rte table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.rte table.tcolor tr:nth-child(even){background-color: #f2f2f2;}

.rte table.thover tr:hover {background-color: #ddd;}
.rte table.tlheader tr td:first-child{
 background-color: #ccc;
 font-weight:bold;
}
.rte table th, .rte table.theader tr:first-child, .rte table th, .rte table.theader tr:first-child td {
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: left;
  background-color:#3852cb;
  color: white;
  font-weight:bold;
}

.rte ul:not(.list-toc),.rte ol:not(.list-toc){
    opacity: 0.92;
    font-size: 1em;
    margin-left: 20px;
    margin-top: 10px;
    padding: 0!important;
    margin-bottom: 12px;
}
.rte ul:not(.list-toc) li, .rte ol:not(.list-toc) li{
    font-size: 17px;
    display: list-item;
    padding: 0;
    padding-right: 10px;
    line-height: 24px;
}
/*.rte ul li {
    list-style: none;
}
.rte ul:not(.list-toc) li::before{
    content: "\2022";
    padding-right: 10px;
    color: #444c59;
    font-size: 20px;
}*/

.rte ol {
   list-style: none;
   counter-reset: item;
 }
.rte ol:not(.list-toc) li{
   counter-increment: item;
 }
.rte ol:not(.list-toc) li::before{
    margin-right: 8px;
    content: counter(item)!important;
    background: #444c59;
    border-radius: 100%;
    color: white;
    width: 14px!important;
    text-align: center;
    display: inline-block;
    font-size: 11px!important;
    height: 14px!important;
    line-height: 16px!important
 }
ul.commodities,
ol.commodities{
    opacity: 0.92;
    margin-top: 10px;
    margin-bottom: 12px;
    font-size:15px;
    padding-left: 0;
}
ul.commodities:after,ol.commodities:after{
    content: "";
    display: table;
    clear: both;
}
ul.commodities li,
ol.commodities li{
	line-height:20px;
	margin-bottom:6px;
    display:block;
    padding:4px 0;
    float:left;
    width:50%;
    padding-right:10px;
	margin-left: 0;
	text-align: left;    color:#1f3a5f;
    font-weight: 500;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
ul.commodities li,
ol.commodities li{
    width:50%;
}
ul.commodities._3col li,
ol.commodities._3col li{
    width:33.33%;
}
ol.commodities li{
      counter-increment: item;
      color:#131313
 }
ol.commodities li::before {
    margin-right: 8px;
    content: counter(item);
    border-radius: 100%;
    color: #131313;
    width: 15px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
}
/*.rte-wrapper .main-body .rte ul li,.rte-wrapper .main-body .rte ol li{
    line-height:1.67;
    color:#444b59
}*/
figure{margin:0 0 20px 0;}
figure.image figcaption{    font-size: 16px;
    font-weight: 400;
    margin-top: 6px;    text-align: center;
}
.rte ~ a{
    color:#4990e2
}
.rte ~ a:hover{
    color:#c52728;
}
.rte {font-size: 17px;
        margin-bottom: 20px;
}
.rte p,.rte >div{
    line-height: 1.65;
    color: #444b59;
    margin-bottom: 12px;
    margin-top: 10px;
    font-family: 'Nunito Sans', sans-serif;
}
.rte b,.rte strong{font-weight:bold;}
.rte table th > p,.rte  table td >p{
    margin-bottom: 10px;
    margin-top: 8px;
}
.rte a{
    color:#2399d4;
}
.rte a:hover{
    color:#0056b3; text-decoration:none;
}
.rte-wrapper .post-header{
    overflow:hidden;
    padding:20px 0 30px;
    color:#30333a;
    width:100%;
}
.rte-wrapper .post-header h1{
    font-size: 24px;
}
.rte-wrapper .rte{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    line-height:1.65em;
}
 .rte .post-source, .rte .post-author {
    text-align: right;
    margin: 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.rte .post-share {
    padding: 25px 0 10px;
}
.rte .post-relate-link a, ul.post-relate-link li::before{
    color: #0086e3!important;
}

.rte .post-relate-link a:hover, ul.post-relate-link li:hover::before{
    color: #da6a05;
}

.rte img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto!important;
    margin-bottom: 15px;
}
.rte figure img{margin-bottom:0px;}
.rte figure {
    outline: solid 1px #fefefe;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 20px;
    display: block!important;
}
.rte .cke_image_resizer_wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.rte figure > figcaption {
    text-align: center;
    display: inline-block;
    padding: 6px 10px;
    font-style: italic;
    font-size: 15px;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte .font-title{
    margin-bottom: 15px;
    margin-top: 18px;
    font-weight: 700;
}
.rte h1{
    font-size: 26px;
    line-height: 35px;
}
.rte h2{
    font-size: 23px;
    line-height: 32px;
    margin-top: 25px;
    /*color: #0e1c63;*/
}
.rte h3{
    font-size: 20px;
    line-height: 28px;
}
.rte h4{
    font-size: 18px;
    line-height: 26px;
}
.rte h5{
    font-size: 14px;
    line-height: 24px;
}
.rte h6{
    font-size: 12px;
    line-height: 20px;
}
.rte blockquote
{
	font-style: italic;
    font-family: "Times New Roman",  Arial, sans-serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #0e1c63;
	border-width: 0;
    position:relative;
    margin: 20px 30px;
    display:block;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 3px;
    background: #fafafa;
    border-radius: 3px 0 0 3px;
}
.rte blockquote p{
    line-height: 26px;
    margin: 0 !important;
}
/*style*/
/*style*/
.s-line1{
    background-color: #fdcbda;
    color: rgb(239,0,124);
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 8px 12px 6px;
    font-size: 17px;
    text-align: center;
    border-radius: 9999px;
    font-family: Tiempos,Verdana,Geneva,sans-serif;
    font-weight: 400;
}
.s-font{font-family: Tiempos,Verdana,Geneva,sans-serif;}
.s-center{text-align:center;}
@media(max-width: 768px) {
	.rte h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .rte h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .rte h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .rte h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .rte h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .rte h6 {
        font-size: 11px;
        line-height: 18px;
    }
	
	.rte blockquote {
		margin: 15px 0px;
        padding: 10px 10px;
	}

	/*.rte blockquote:before,.rte blockquote:after {
		content: '\201C';
		display: inline-block;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #444c59;
		font-size: 40px;
		margin: 0 auto;
		line-height: 0px;
        opacity:0.8	
	}

	.rte blockquote:before {
		margin-left: -15px;
		position: absolute;
		top: 21px;
	}

	.rte blockquote:after {
		margin-right: -25px;
		float: right;
		margin-bottom: 5px;
		content: '\201D';
		margin-top: 10px;
		position: absolute;
		bottom: 0;
		right: 30px;
	}*/
    .rte {font-size: 16px;}
    .rte p,.rte >div{
        line-height: 1.5;
        margin-bottom: 16px;
    }
	 ul.commodities li,ol.commodities li {
        width:100%;
    }
}
@media(min-width:992px){
    .rte {font-size: 18px;
    }
}
.rte .panel
{
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: table;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
    width: auto;
    font-size: 14.5px;
    font-family: arial;
    min-width: 350px;
}
.rte .panel .panel-heading{font-weight: bold;}
.rte .panel .panel-heading .fa-2x {
    font-size: 1.5em;
    opacity:0.9;
    cursor:pointer;
}
.rte .panel .panel-heading .fa-2x:hover{opacity:1;}
.rte .panel .panel-body p
{
       margin: 2px 0;
}
.rte .panel .panel-body p.toc-l2
{
      font-size: 14px;
      margin-left:10px;
}
.rte .panel .panel-body p.toc-l3
{
      font-size: 13.5px;
      margin-left:18px;
}
.rte .panel .panel-body  p:hover{text-decoration:underline;}
/*btn*/
.btn-circle{
    border-radius: 30px;
}
.btn-success{
    box-shadow: 0px 3px 10px #1e7e348f;
}
.btn-primary{
     box-shadow: 0px 3px 10px #007bff8a;
}
.btn-secondary{
     box-shadow: 0px 3px 10px #6c757d9c;
}
.btn-info{
    box-shadow: 0px 3px 10px #17a2b89e;
}
.btn-warning{
    box-shadow: 0px 3px 10px #e7b92e6b;
}
.btn-danger{
box-shadow: 0px 3px 10px #dc35456b;
}
.btn-light{
    box-shadow: 0px 3px 10px #dfdfdfa8;
}
.btn-dark{
        box-shadow: 0px 3px 10px #343a4061;
}
.btn1{
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    border-color: rgba(0,0,0,0.05);
    background-color: #b20000;
    margin-bottom: 1em;
    color: #fff;
}

.btn1:hover{
    outline: none;
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}
.btn2 {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    line-height: 50px;
    padding: 0 33px;
    background-color: #e05b32;
    color: #fff;
}
.btn2:hover{
    outline: none;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}
.itrans-01,.itrans-02,.itrans-03,.itrans-04,.itrans-05{   
	display: block;
    overflow: hidden;
}
.itrans-01 {
    display: block;
    position: relative
}
.itrans-01:after, .itrans-01:before {
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}
/*tran 02*/
.itrans-02 {
	position: relative;
}
.itrans-02::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itrans-02:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*tran 3*/
.itrans-03 {
	position: relative;
}
.itrans-03::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.itrans-03:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*trans 04*/
.itrans-04:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/*trans 5*/
.itrans-05 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itrans-05:hover img {
	opacity: .6;
}
/*feature*/
.notebox-sm {
    padding: 7px 12px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: justify;
	overflow-wrap: break-word;
}

.notebox {
    background: #eee;
    border-radius: 5px;
    color: #333;
    padding: 20px;
    margin: 18px 0;
    position: relative;
}
.notebox:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-top-left-radius: 5px;
    border-color: #d8d8d8 #fff transparent transparent;
}
.notebox-red
{
    padding: 7px 12px;
	border: 2px dashed #da0802;
	text-align: justify;
	overflow-wrap: break-word;
}
.notebox-red2
{
    padding: 7px 12px;
    text-align: justify;
    overflow-wrap: break-word;
    border-radius: 3px;
    background: rgba(255,193,7,.2);
    border: 1px solid rgba(255,193,7,.5);
}
.notebox, .notebox-sm, .notebox-red, .notebox-red2{line-height:30px!important;}

span.marker
{
	background-color: Yellow;
}
span.mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0 0.4em;
  background-color: yellow;
}
._btn
{
    line-height: 1.5;
	display: table;
    font-weight: 400;
    text-align: center;
    
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    color: #323840!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    padding: 14px 25px;           
	border: none;
	cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin: auto;
    border-collapse: initial;
}
._btn a{color: unset!important;
    text-decoration: none;}
.btn-01
{
     background-image: linear-gradient(180deg,#F8D12F 0%,#F0B90B 100%);
}
.btn-01:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#FFE251 0%,#EDC423 100%);
}
.btn-02
{
    background-image: linear-gradient(180deg,#ef5252 0%,#ca2d2d 100%);color: #f3f3f3!important;
}
.btn-02:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#ef4848 0%,#b92121 100%);
    color: #f3f3f3!important;
}
.btn-03
{
   background-image: linear-gradient(180deg,#ff9740 0%,#f3691b 100%);color: #f3f3f3!important;
}
.btn-03:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#f3862a 0%,#d2670b 100%);
    color: #f3f3f3!important;
}
.btn-04
{
    background-image: linear-gradient(180deg,#488bef 0%,#2c6ac5 100%);color: #f3f3f3!important;
}
.btn-04:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#3a82ef 0%,#2162c1 100%);
    color: #f3f3f3!important;
}
i.econ:before
{
    position:relative;
    padding-left:10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 4px 4px 0 0;
}
i.econ.econ-dot:before{

    background-image: url(/images/icon/dot.png);
}
i.econ.econ-check:before{

    background-image: url(/images/icon/check.png);
}
i.econ.econ-gift:before{

    background-image: url(/images/icon/gift.png);
}
i.econ.econ-arrow:before{
    height: 18px;
    width: 18px;
    background-image: url(/images/icon/arrow.gif);
}
i.econ.econ-hot:before{
    width: 30px;
    height: 12px;
    background-image: url(/images/icon/hot.gif);
}
i.econ.econ-hot2:before{
    width: 43px;
    height: 20px;
    background-image: url(/images/icon/hot2.gif);
}
i.econ.econ-new:before{
    width: 41px;
    height: 22px;
    background-image: url(/images/icon/new.gif);
}
i.econ.econ-new2:before{
    width: 32px;
    height: 22px;
    background-image: url(/images/icon/new2.gif);
}
.bcon
{
    max-width: 340px!important;
}
/*end feature*/
/*end rte*/
.intro {padding-top:20px;}
.intro .b-title-description{padding-bottom:30px;    margin-bottom: 10px;}
.intro img.logo{
     max-width: 320px;
    margin: 0 auto 20px;
    opacity: 0.9;  transition: all 400ms;
}
.intro img.logo:hover{
    opacity: 1;  
        transform: scale(1.08);
}
.intro p.slogan {
    color: #37a62c;
    font-weight: 400;
    margin-top: 7px;
    font-size: 23px;
    line-height: 20px;
    font-family: 'Exo 2', sans-serif;
    margin-bottom: auto;
    text-transform: capitalize;
}
.intro .b-title-description:before {
    background: url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: 4px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin: 0 auto;
    max-width: 220px;
    position: absolute;
    right: 0;
    width: 100%;
}
.hasline:before {
    background: url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: -17px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin: 0 auto;
    max-width: 300px;
    position: absolute;
    right: 0;
    width: 100%;
}
.intro-promo .box-promo p {
    margin-bottom: 10px;
}
.booking{
    background: linear-gradient(#fffefb, #fffff4);padding-top: 50px;
}
.booking .b-description{
    color: #ff7f00;
}
.booking .b-title-description:before{
    background: url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
}
.sdanh-gia p{margin-bottom:15px;}

#phan-khu .ar-article1 .title{font-weight: bold;
    font-size: 21px;}
.page-pk  .main-title{    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    display: block;font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;padding-bottom:0;margin-top:30px;
}
.page-pk .sub-title {
    color: #123846;
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    font-family: 'Exo 2', sans-serif;
    padding-bottom: 30px;
    margin-bottom: 30px;margin-top:0;    position: relative;
    display: block;
    text-align: center;
}
.page-pk{max-width:1100px;margin: 0 auto;padding-bottom:30px;width: 100%;}
.page-pk .page-sm{max-width:1020px;}

.page-pk .sub-title:before {
    background: url(/theme/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: 7px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin: 0 auto;
    max-width: 300px;
    position: absolute;
    right: 0;
    width: 100%;
}
.page-pk h2 {
	color: #056b88;
	display: block;
	font-size: 28px;
	line-height: 1.05;
	position: relative;
	width: 100%;
	text-align:center;
	margin-top: 30px;
}
.page-pk h2:after {
	content: "";
	background: url(/img/line.png);
	display: inline-block;
	margin: 15px  auto;
	display: block;
    width: 180px;
    height: 10px;
	background-repeat: no-repeat;
}
.page-pk .content-body th, .page-pk .content-body td {
    padding: 0.5em;
    text-align: left;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em;
}
.large-width {
    margin-left: -130px;
    margin-right: -130px;
    width: calc(100% + 260px);
}
@media (max-width: 1260px) {
	.large-width {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}
.thietke  .left-right
{
    background: #244c87;
    -ms-flex-align: center;
    align-items: center;
  
    margin-bottom:40px;
    border-radius: 12px;
}
@media (min-width: 992px)
{
    .thietke  .left-right
    {
        display: -ms-flexbox;
        display: flex;
    }
    .thietke .images{
        width:62%;
        float:left;
    }
    .thietke .texts{
     width:38%;
    float:left;
}
}

/*.thietke .images img{
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}*/
.thietke .texts{
    color: #fff;
    font-weight: 500;padding: 1px;
}
.thietke .texts h3{
    color: #F9BC2C;
    font-weight: 700;
    font-family: 'Baloo 2';
    font-size: 30px;
    text-align: center;
    position:relative;    margin-bottom: 30px;
}
.thietke .texts h3:before {
    background: url(/theme/img/underline-02.png) center center no-repeat;
    background-size: contain;
    bottom: -12px;
    content: '';
    display: block;
    height: 14px;
    left: 0;
    margin: 0 auto;
    max-width: 200px;
    position: absolute;
    right: 0;
    width: 100%;
}
.thietke .texts .inner{
    border-style: dashed;
    border-width: 3px 3px 3px 3px;
    border-color: #edc756;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    margin: 13px;    padding: 13px;
}
.thietke .texts .inner ul.has-icon li {
    margin-bottom:2px;
}
.thietke .texts .inner a.btn {
    width: 200px;
    min-width: 253px;
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
}
.tienich,
.tienich .content-description{
    color:#181818;
}
.tienich.block-dark,
.tienich.block-dark .content-description{
    color:#fff;
}
.tienich .grid .title{
    font-size:16px!important;
    text-align:left!important;
}
@media (max-width: 768px)
{
   .intro p.slogan{font-size:22px;}
   .b-title{font-size:28px;}
   .b-title span.sub {
        font-size: 19px;
    }
   .content-body blockquote {
        padding: 16px 6px 10px 12px;
    }
}
@media(max-width:576px) {
    .intro  img{
            margin-left: -10px;
        margin-right: -10px;
        max-width: calc(100% + 20px);
    }
     .intro img.logo{
            max-width: 210px;
    }
    .content-body {
        font-size: 16px;
        line-height: 1.7;
    }
    iframe.saban{
            height: 400px!important;
    }
}
/*page*/
#vi-tri{ padding-top:30px;}
#tien-ich{
        background: #fffeedb5;
}
.qna{
    background: #f5f9f9;
}
.qna  .section-content{max-width:860px;margin:0 auto;}
/*accordion*/
ul#accordion{
        list-style:none;
    }
#accordion li.item {
    position: relative;
    background: #f9f9f9;
    box-shadow: 2px 0 6px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-left: 0;
}
               
#accordion li.item >div.ui-accordion-content-active:after {
    height: 80%;
}
#accordion li.item .content{
    display: block;
    text-align: left;
    padding: 5px  10px 10px 25px;
    font-size:17px;
}
#accordion li.item .content p {
    margin-bottom: 10px;
    margin-top: 0;
}
#accordion li.item .content ul {
    padding-left:10px;
    margin: 0;margin-bottom:10px;
}  
.ui-widget-content {
     
}
.ui-state-active,.ui-state-default {
    padding: 10px;
    margin-top: 5px;
    border:unset;
}
.ui-widget-content {
    box-shadow:unset;
    border:unset;
}
.ui-state-active,.ui-state-hover {
    border:unset;
    color:unset;
}
.ui-state-default:hover, .ui-state-default:focus,.ui-state-default:active {
    outline:0!important;
}
.ui-icon, .ui-widget-content .ui-icon {
    float: left;    opacity: 0.8;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 8px 0 0px 0;
    padding: .7em 0.5em .7em 25px;
    font-size: 16px;
    font-weight: 600;
    color: #434343;
    position:relative;    text-align: left;
}
.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    position:absolute;
left: 25px;
    top: 12px;
}
.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    color: #adadad;
    font-size: 20px;
    font-weight: bold;
}
            
@media (max-width: 768px) 
{
    #accordion li.item >div:after, .ui-accordion .ui-accordion-header:after,
    .ui-icon-triangle-1-s, .ui-icon-triangle-1-e
    {
        display: none;
    }
    .ui-accordion .ui-accordion-header {
    
        margin: 8px 0 0px 0;
        padding: .5em 0.4em .3em 10px;
        font-size:15px;
    }
    #accordion li.item .content {
        display: block;
        text-align: left;
        padding: 5px 12px 10px;
        font-size: 16px;
        line-height: 22px;
    }
}
.bg07
{
    background-image: url(/images/img/bg07.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.section-form {
    background-image: url(/images/img/background_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /*  background-attachment: fixed;background: linear-gradient(132deg, #0e4491 0%, #033e91 22%, #04563b 100%);*/
}
.section-form .container{
	padding: 70px  15px;   
    z-index: 1;
    position: relative;
}
.section-form .bg{
	content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgb(27 32 29 / 6%);
    width: 100%;
}
.section-form .input-list {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;gap: 1%; }
.section-form .input-group {margin-top: 20px; }
.section-form .input {
    padding: 9px 10px;
    border: 0 none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .1);
}
.section-form .btn-submit {margin: 0px auto; }
.section-form .form-vertical .input-group {width: 100%; text-align: center; }
.section-form .form-horizontal .input-group {width: 24%; margin-bottom: 10px; margin-top: 10px; }
.section-form .form label.error, .section-form  .form span.label{color:red;}
.section-form  button{
    width: 100%;
    border-radius: 40px;
    background: linear-gradient(180deg, rgba(199, 193, 22, 1), rgba(199, 152, 22, 1));
    color: rgb(58, 58, 58);
    background: linear-gradient(135deg, #f2b552 10%, #de804ce0 100%);
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07);
    color: #474747;
    font-size: 16px;
    margin: -3px 0;
    padding: 8px 0px;
    transition: .4s all;
    font-weight: 500;
}
@media screen and (max-width: 992px) {
    .section-form .form-horizontal .input-group {
        width: 49%;
    }
}
/*my-text-typing*/
.add-plus {
    font-size: 15px;
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
    cursor: pointer;
    text-align: left;
    letter-spacing: 1px;
    justify-content: flex-start;
    padding: 15px 10px;
    display: -webkit-flex;
    align-items: center;
    height: 45px;
    background: #f3d8a1;
    color: #79542f;
    border: 2px solid #79542f;
    border-bottom: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    margin: 0
}

.add-plus a {
    color: #79542f
}

#test-my-custom-button .my-text-typing {
    border-right: .15em solid #835e38!important
}

.my-text-typing {
    animation: tp-typing 4s steps(20) infinite;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border-right: .15em solid #fff
}

@keyframes tp-typing {
    0% {
        width: 0
    }

    50% {
        width: 100%
    }

    55%,65%,75% {
        opacity: 1
    }

    60%,70% {
        opacity: 0
    }

    80% {
        width: 100%
    }

    100% {
        width: 0
    }
}
@media screen and (max-width: 768px) {
    
    .footer-bottom {padding-bottom: 40px;}
}
/*end my-text-typing*/
#support-center .sup-action,
#back-to-top{display:none;}

@media screen and (max-width: 992px) {
    #support-center .sup-action{display:block;}
    #back-to-top{display:flex;}
    #test-my-custom-button {display:none;}
}