.vbggray{
    background-color: #f3f3f3;
}
.vbggrad{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.vbgall{
    background-color: #f2f5fe;
}
.vblock{
    display: block;
}
.vinblock{
    display: inline-block;
}
.vclred{
    color: #fe3202;
}
.vclgray{
    color: #999999;
}
.vclblack{
    color: #000000;
}
.vclwhite{
    color: #fff;
}
.vbgblack{
    background-color: #0b1517;
}
.vbgwhite{
    background-color: #ffff;
}
/* <===== vfmradio =====> */
.vfmradio{
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 15px;
    line-height: 23px;
    min-height: 23px;
    cursor: pointer;
    margin-bottom: 14px;
}
.vfmradio:last-child{
    margin-bottom: 0;
}
.vfmradio .ralabel{
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}
.vfmradio .rainput{
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #9c9c9c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    cursor: pointer;
}
.vfmradio .rainput{
    margin-right: 14px;
}
.vfmradio .rainput[type=radio]{
    border-radius: 50%;
}
.vfmradio .rainput:checked{
    background-color: #034ea2;
    border-color: #034ea2;
}
.vfmradio .rainput:checked[type=radio]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
/* <===== vfmradio =====> */
.vbbold{
    font-weight: 700;
}
.vsbold{
    font-weight: 600;
}
.vmbold{
    font-size: 500;
}
.vlfont10{
    font-size: 10px;
    line-height: 15px;
}
.vlfont11{
    font-size: 11px;
    line-height: 18px;
}
.vlfont12{
    font-size: 12px;
    line-height: 20px;
}
.vlfont13{
    font-size: 13px;
    line-height: 21px;
}
.vlfont14{
    font-size: 14px;
    line-height: 22px;
}
.vlfont15{
    font-size: 15px;
    line-height: 23px;
}
.vlfont16{
    font-size: 16px;
    line-height: 24px;
}
.vlfont17{
    font-size: 17px;
    line-height: 25px;
}
.vlfont18{
    font-size: 18px;
    line-height: 27px;
}
.vlfont19{
    font-size: 19px;
    line-height: 28px;
}
.vlfont20{
    font-size: 20px;
    line-height: 30px;
}
.vlfont21{
    font-size: 21px;
    line-height: 32px;
}
.vlfont22{
    font-size: 22px;
    line-height: 34px;
}
.vlfont23{
    font-size: 23px;
    line-height: 35px;
}
.vlfont24{
    font-size: 24px;
    line-height: 36px;
}
.vlfont25{
    font-size: 25px;
    line-height: 37px;
}
.vlfont26{
    font-size: 26px;
    line-height: 38px;
}
.vlfont27{
    font-size: 27px;
    line-height: 40px;
}
.vlfont28{
    font-size: 28px;
    line-height: 42px;
}
.vlfont29{
    font-size: 29px;
    line-height: 43px;
}
.vlfont30{
    font-size: 30px;
    line-height: 45px;
}
.vlfont31{
    font-size: 31px;
    line-height: 46px;
}
.vlfont32{
    font-size: 32px;
    line-height: 47px;
}
.vlfont33{
    font-size: 33px;
    line-height: 48px;
}
.vlfont34{
    font-size: 34px;
    line-height: 49px;
}
.vlfont35{
    font-size: 35px;
    line-height: 50px;
}
.vlfont40{
    font-size: 40px;
    line-height: 55px;
}
.vlfont50{
    font-size: 50px;
    line-height: 65px;
}
.vlfont60{
    font-size: 60px;
    line-height: 75px;
}
/*begin style slick */
.sldots{

}
.sldotsab .slick-dots{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}
.sldots .slick-dots{
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 20px;
}
.sldots .slick-dots li{
    margin: 0 10px;
}
.sldots .slick-dots li button{
    background-color: #fff;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    font-size: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
}
.sldots .slick-dots li button::before{
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    border: 2px solid #fff;
    border-radius: 100%;
    transform: scale(0.2);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sldots .slick-dots li.slick-active button::before{
    transform: scale(1);
}
.sldotsden .slick-dots li button{
    background-color: #000000;
    border: 1px solid #000000;
}
.sldots .slick-dots li.slick-active button{
    opacity: 1;
}
.sldotsres .slick-dots li{
    margin: 0 5px;
}
.sldotsres .slick-dots li button{
    border-radius: 0;
    background-color: rgba(255,255,255,0.5);
    transform: scale(1);
    border: rgba(255,255,255,0.5);
}
.sldotsres .slick-dots li.slick-active button{
    transform: scale(1.4);
    border: rgba(255,255,255,1);
    background-color: rgba(255,255,255,1);
}
.slbutton .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 0;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    z-index: 1;
    color: #c7c7c6;
}
.slbutton.vcolor .slick-arrow{
    color: #a6a6a6;
}
.slbutton .slick-arrow::before{
    font-family: 'icomoon' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-weight: 900;
    line-height: 45px;
}
.slbutton .slick-prev{
    left: -45px;
}
.slbutton .slick-next{
    right: -45px;
}
.slbutton .slick-prev::before{
    content: '\e90a';
}
.slbutton .slick-next::before{
    content: '\e909';
}
.vlslick0 .slick-list{
    margin: 0;
}
.vlslick5 .slick-list{
    margin: 0 -5px;
}
.vlslick10 .slick-list{
    margin: 0 -10px;
}
.vlslick15 .slick-list{
    margin: 0 -15px;
}
.vlslick20 .slick-list{
    margin: 0 -20px;
}
.vlslick25 .slick-list{
    margin: 0 -25px;
}
.vlslick30 .slick-list{
    margin: 0 -30px;
}
/*  */
.vlslick0 .slick-slide{
    padding: 0;
}
.vlslick5 .slick-slide{
    padding: 0 5px;
}
.vlslick10 .slick-slide{
    padding: 0 10px;
}
.vlslick15 .slick-slide{
    padding: 0 15px;
}
.vlslick20 .slick-slide{
    padding: 0 20px;
}
.vlslick25 .slick-slide{
    padding: 0 25px;
}
.vlslick30 .slick-slide{
    padding: 0 30px;
}
.slbutton.vminus .slick-prev{
    left: -70px;
}
.slbutton.vminus .slick-next{
    right: -70px;
}
.slbutton.vmobi{
    margin-bottom: 70px!important;
}
.slbutton.vmobi .slick-arrow{
    top: inherit;
    transform: inherit;
    bottom: -70px!important;
    border-radius: 100%;
    background-color: #fff;
}
.slbutton.vmobi .slick-prev{
    left: calc(50% - 55px)!important;
}
.slbutton.vmobi .slick-next{
    left: calc(50% + 15px)!important;
    right: inherit!important;
}
/* end style slick */
/* begin style text */
.vutext{
    text-transform: uppercase;
}
.vctext{
    text-transform: capitalize;
}
.vntext{
    text-transform: none;
}
.vtcenter{
    text-align: center;
}
.vtright{
    text-align: right;
}
.vtleft{
    text-align: left;
}
/* begin style thumb */
.vthimg img{
    width: 100%;
}
.vthzoom{
    display: block;
    overflow: hidden;
    position: relative;
}
.vthpadd30{
    padding-top: 30%;
}
.vthpadd50{
    padding-top: 50%;
}
.vthpadd53{
    padding-top: 53.333%;
}
.vthpadd55{
    padding-top: 55.1%;
}
.vthpadd60{
    padding-top: 60%;
}
.vthpadd65{
    padding-top: 65.56%;
}
.vthpadd70{
    padding-top: 70%;
}
.vthpadd74{
    padding-top: 74.52%;
}
.vthpadd76{
    padding-top: 85%;
}
.vthpadd80{
    padding-top: 80%;
}
.vthpadd100{
    padding-top: 100%;
}
.vthpadd110{
    padding-top: 110%;
}
.vthpadd120{
    padding-top: 120%;
}
.vthpadd140{
    padding-top: 140%;
}
.vthzoomno img{
    width: 100%;
    height: 100%;
}
.vthzoom img{
    -ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.vthfull img{
    position: absolute;
    left: -100%;
    bottom: -100%;
    top: -100%;
    right: -100%;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    max-width: 100%;
    object-fit: cover;
}
.vthcenter img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}
.vthzoomno:hover img{
    transform: scale(1);
}
.vthfull:hover img{
    transform: scale(1.05);
}
.vthcenter:hover img{
    transform: translate(-50%, -50%) scale(1.05);
}
/* border effect */
.vborderimg{
    position: relative;
}
.vborderimg::before{
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 50%;
    right: 50%;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    z-index: 1;
}
.vborderimg::after{
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    bottom: 50%;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none;
    z-index: 1;
}
.vborderimg:hover::before{
    left: 15px;
    right: 15px;
}
.vborderimg:hover::after{
    top: 20px;
    bottom: 20px;
}
/* line effect */
.vlineimg{
    position: relative;
    overflow: hidden;
}
.vlineimg::before{
    content: "";
    position: absolute;
    top: -15px;
    bottom: -15px;
    width: 60px;
    left: -100%;
    z-index: 2;
    -webkit-transform: skew( 15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
    background: rgba(255, 255, 255, 0.2);
    -webkit-filter: blur(1px);
    filter: blur(1px);
    pointer-events: none;
}
.vlineimg::after{
    content: "";
    position: absolute;
    top: -15px;
    bottom: -15px;
    width: 60px;
    left: -100%;
    z-index: 2;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
    background: rgba(255, 255, 255, 0.2);
    -webkit-filter: blur(1px);
    filter: blur(1px);
    pointer-events: none;
}
.vlineimg:hover::before{
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    left: 150%;
}
.vlineimg:hover::after{
    -webkit-transition: all 0.4s linear 0.2s;
    -o-transition: all 0.4s linear 0.2s;
    transition: all 0.4s linear 0.2s;
    left: 150%;
}
/* end style thumb */
.vflex{
    display: flex;
}
.vfwrap{
    flex-wrap: wrap;
}
.vtflex{
    overflow-x: auto;
    -webkit-display: flex;
    flex-flow: row nowrap;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
.vtflex::-webkit-scrollbar {
    height: 0px;
    background-color: #F5F5F5;
} 
.vtflex::-webkit-scrollbar-thumb {
    background-color: #698396;
}
.vbflex{
    overflow-x: scroll;
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.vbflex::-webkit-scrollbar {
    height: 0px;
    background-color: #fff;
} 
.vbflex::-webkit-scrollbar-thumb {
    background-color: #698396;
}
.vjcenter{
    justify-content: center;
}
.vjbetween{
    justify-content: space-between;
}
.vjstar{
    justify-content: flex-start;
}
.vjend{
    justify-content: flex-end;
}
.vaenter{
    align-items: center;
    align-content: center;
}
.vastart{
    align-content: flex-start;
    align-items: flex-start;
}
.vaend{
    align-content: flex-end;
    align-items: flex-end;
}
.vlcol0{
    width: 0%;
}
.vlcol25{
    width: 25%;
}
.vlcol30{
    width: 30%;
}
.vlcol35{
    width: 35%;
}
.vlcol40{
    width: 40%;
}
.vlcol45{
    width: 45%;
}
.vlcol55{
    width: 55%;
}
.vlcol60{
    width: 60%;
}
.vlcol65{
    width: 65%;
}
.vlcol66{
    width: 66.66666%;
}
.vlcol70{
    width: 70%;
}
.vlcol75{
    width: 75%;
}
.vlcol80{
    width: 80%;
}
.vlcol6{
    width: 16.66666%;
}
.vlcol5{
    width: 20%;
}
.vlcol4{
    width: 25%;
}
.vlcol3{
    width: 33.3333%;
}
.vlcol2{
    width: 50%;
}
.vlcol1{
    width: 100%;
}
/* end style block */
/* begin style margin */
.vhmargibn-auto{
    margin: 0 auto;
}
.vlmargin0{
    margin: 0;
}
.vlmargin5{
    margin: 5px;
}
.vlmargin10{
    margin: 10px;
}
.vlmargin15{
    margin: 15px;
}
.vlmargin20{
    margin: 20px;
}
.vlmargin25{
    margin: 25px;
}
.vlmargin30{
    margin: 30px;
}
.vlmargin35{
    margin: 35px;
}
.vlmargin40{
    margin: 40px;
}
.vlmargin45{
    margin: 45px;
}
.vlmargin50{
    margin: 50px;
}
.vlmargin60{
    margin: 60px;
}
.vlmargin70{
    margin: 70px;
}
/* top bottom */
.vltbmargin0{
    margin: 0;
}
.vltbmargin5{
    margin: 5px 0;
}
.vltbmargin10{
    margin: 10px 0;
}
.vltbmargin15{
    margin: 15px 0;
}
.vltbmargin20{
    margin: 20px 0;
}
.vltbmargin25{
    margin: 25px 0;
}
.vltbmargin30{
    margin: 30px 0;
}
.vltbmargin35{
    margin: 35px 0;
}
.vltbmargin40{
    margin: 40px 0;
}
.vltbmargin45{
    margin: 45px 0;
}
.vltbmargin50{
    margin: 50px 0;
}
.vltbmargin50{
    margin: 50px 0;
}
.vltbmargin60{
    margin: 60px 0;
}
.vltbmargin70{
    margin: 60px 0;
}
.vltbmargin80{
    margin: 80px 0;
}
.vltbmargin90{
    margin: 90px 0;
}
.vltbmargin100{
    margin: 100px 0;
}
/* left right */
.vllrmargin0{
    margin: 0;
}
.vllrmargin5{
    margin:0 5px;
}
.vllrmargin10{
    margin:0 10px;
}
.vllrmargin15{
    margin:0 15px;
}
.vllrmargin20{
    margin:0 20px;
}
.vllrmargin25{
    margin:0 25px;
}
.vllrmargin30{
    margin:0 30px;
}
.vllrmargin35{
    margin:0 35px;
}
.vllrmargin40{
    margin:0 40px;
}
.vllrmargin45{
    margin:0 45px;
}
.vllrmargin50{
    margin:0 50px;
}
.vllrmargin60{
    margin:0 60px;
}
.vllrmargin70{
    margin:0 70px;
}
.vllrmargin80{
    margin:0 80px;
}
.vllrmargin90{
    margin:0 90px;
}
.vllrmargin100{
    margin:0 100px;
}
/* top */
.vltmargin0{
    margin-top: 0;
}
.vltmargin5{
    margin-top: 5px;
}
.vltmargin10{
    margin-top: 10px;
}
.vltmargin15{
    margin-top: 15px;
}
.vltmargin20{
    margin-top: 20px;
}
.vltmargin25{
    margin-top: 25px;
}
.vltmargin30{
    margin-top: 30px;
}
.vltmargin35{
    margin-top: 35px;
}
.vltmargin40{
    margin-top: 40px;
}
.vltmargin45{
    margin-top: 45px;
}
.vltmargin50{
    margin-top: 50px;
}
.vltmargin60{
    margin-top: 60px;
}
.vltmargin70{
    margin-top: 70px;
}
.vltmargin80{
    margin-top: 80px;
}
.vltmargin90{
    margin-top: 90px;
}
.vltmargin100{
    margin-top: 100px;
}
/* bottom */
.vlbmargin0{
    margin-bottom: 0;
}
.vlbmargin5{
    margin-bottom: 5px;
}
.vlbmargin10{
    margin-bottom: 10px;
}
.vlbmargin15{
    margin-bottom: 15px;
}
.vlbmargin20{
    margin-bottom: 20px;
}
.vlbmargin25{
    margin-bottom: 25px;
}
.vlbmargin30{
    margin-bottom: 30px;
}
.vlbmargin35{
    margin-bottom: 35px;
}
.vlbmargin40{
    margin-bottom: 40px;
}
.vlbmargin45{
    margin-bottom: 45px;
}
.vlbmargin50{
    margin-bottom: 50px;
}
.vlbmargin60{
    margin-bottom: 60px;
}
.vlbmargin70{
    margin-bottom: 70px;
}
.vlbmargin80{
    margin-bottom: 80px;
}
.vlbmargin90{
    margin-bottom: 90px;
}
.vlbmargin100{
    margin-bottom: 100px;
}
/* left */
.vllmargin0{
    margin-left: 0;
}
.vllmargin5{
    margin-left: 5px;
}
.vllmargin10{
    margin-left: 10px;
}
.vllmargin15{
    margin-left: 15px;
}
.vllmargin20{
    margin-left: 20px;
}
.vllmargin25{
    margin-left: 25px;
}
.vllmargin30{
    margin-left: 30px;
}
.vllmargin35{
    margin-left: 35px;
}
.vllmargin40{
    margin-left: 40px;
}
.vllmargin45{
    margin-left: 45px;
}
.vllmargin50{
    margin-left: 50px;
}
.vllmargin60{
    margin-left: 60px;
}
.vllmargin70{
    margin-left: 70px;
}
.vllmargin80{
    margin-left: 80px;
}
.vllmargin90{
    margin-left: 90px;
}
.vllmargin100{
    margin-left: 100px;
}
/* right */
.vlrmargin0{
    margin-right: 0;
}
.vlrmargin5{
    margin-right: 5px;
}
.vlrmargin10{
    margin-right: 10px;
}
.vlrmargin15{
    margin-right: 15px;
}
.vlrmargin20{
    margin-right: 20px;
}
.vlrmargin25{
    margin-right: 25px;
}
.vlrmargin30{
    margin-right: 30px;
}
.vlrmargin35{
    margin-right: 35px;
}
.vlrmargin40{
    margin-right: 40px;
}
.vlrmargin45{
    margin-right: 45px;
}
.vlrmargin50{
    margin-right: 50px;
}
.vlrmargin60{
    margin-right: 60px;
}
.vlrmargin70{
    margin-right: 70px;
}
.vlrmargin80{
    margin-right: 80px;
}
.vlrmargin90{
    margin-right: 90px;
}
.vlrmargin100{
    margin-right: 100px;
}
/* magin col */
.vlcmargin0{
    margin: 0 ;
}
.vlcmargin5{
    margin: 0 -5px;
}
.vlcmargin10{
    margin: 0 -10px;
}
.vlcmargin15{
    margin: 0 -15px;
}
.vlcmargin20{
    margin: 0 -20px;
}
.vlcmargin225{
    margin: 0 -22.5px;
}
.vlcmargin25{
    margin: 0 -25px;
}
.vlcmargin30{
    margin: 0 -30px;
}
.vlcmargin35{
    margin: 0 -35px;
}
.vlcmargin40{
    margin: 0 -40px;
}
.vlcmargin45{
    margin: 0 -45px;
}
.vlcmargin50{
    margin: 0 -50px;
}
/* end style margin */
/* begin style padding */
.vlpadd0{
    padding: 0;
}
.vlpadd5{
    padding: 5px;
}
.vlpadd10{
    padding: 10px;
}
.vlpadd15{
    padding: 15px;
}
.vlpadd20{
    padding: 20px;
}
.vlpadd25{
    padding: 25px;
}
.vlpadd30{
    padding: 30px;
}
.vlpadd35{
    padding: 35px;
}
.vlpadd40{
    padding: 40px;
}
.vlpadd45{
    padding: 45px;
}
.vlpadd50{
    padding: 50px;
}
.vlpadd60{
    padding: 60px;
}
.vlpadd70{
    padding: 70px;
}
.vlpadd80{
    padding: 80px;
}
.vlpadd90{
    padding: 90px;
}
.vlpadd100{
    padding: 100px;
}
/* top bottom */
.vltbpadd0{
    padding: 0;
}
.vltbpadd5{
    padding: 5px 0;
}
.vltbpadd10{
    padding: 10px 0;
}
.vltbpadd15{
    padding: 15px 0;
}
.vltbpadd20{
    padding: 20px 0;
}
.vltbpadd25{
    padding: 25px 0;
}
.vltbpadd30{
    padding: 30px 0;
}
.vltbpadd35{
    padding: 35px 0;
}
.vltbpadd40{
    padding: 40px 0;
}
.vltbpadd45{
    padding: 45px 0;
}
.vltbpadd50{
    padding: 50px 0;
}
.vltbpadd60{
    padding: 60px 0;
}
.vltbpadd70{
    padding: 70px 0;
}
.vltbpadd80{
    padding: 80px 0;
}
.vltbpadd90{
    padding: 90px 0;
}
.vltbpadd100{
    padding: 100px 0;
}
/* left right */
.vllrpadd0{
    padding: 0 ;
}
.vllrpadd5{
    padding: 0 5px;
}
.vllrpadd10{
    padding:0 10px;
}
.vllrpadd15{
    padding:-0 15px;
}
.vllrpadd20{
    padding:0 20px;
}
.vllrpadd25{
    padding:0 25px;
}
.vllrpadd30{
    padding:0 30px;
}
.vllrpadd35{
    padding:0 35px;
}
.vllrpadd40{
    padding:0 40px;
}
.vllrpadd45{
    padding:0 45px;
}
.vllrpadd50{
    padding:0 50px;
}
.vllrpadd60{
    padding:0 60px;
}
.vllrpadd70{
    padding:0 70px;
}
.vllrpadd80{
    padding:0 80px;
}
.vllrpadd90{
    padding:0 90px;
}
.vllrpadd100{
    padding:0 100px;
}
/* top */
.vltpadd0{
    padding-top: 0;
}
.vltpadd5{
    padding-top: 5px;
}
.vltpadd10{
    padding-top: 10px;
}
.vltpadd15{
    padding-top: 15px;
}
.vltpadd20{
    padding-top: 20px;
}
.vltpadd25{
    padding-top: 25px;
}
.vltpadd30{
    padding-top: 30px;
}
.vltpadd35{
    padding-top: 35px;
}
.vltpadd40{
    padding-top: 40px;
}
.vltpadd45{
    padding-top: 45px;
}
.vltpadd50{
    padding-top: 50px;
}
.vltpadd55{
    padding-top: 55px;
}
.vltpadd60{
    padding-top: 60px;
}
.vltpadd70{
    padding-top: 70px;
}
.vltpadd80{
    padding-top: 80px;
}
.vltpadd90{
    padding-top: 90px;
}
.vltpadd100{
    padding-top: 100px;
}
/* bottom */
.vlbpadd0{
    padding-bottom: 0;
}
.vlbpadd5{
    padding-bottom: 5px;
}
.vlbpadd10{
    padding-bottom: 10px;
}
.vlbpadd15{
    padding-bottom: 15px;
}
.vlbpadd20{
    padding-bottom: 20px;
}
.vlbpadd25{
    padding-bottom: 25px;
}
.vlbpadd30{
    padding-bottom: 30px;
}
.vlbpadd35{
    padding-bottom: 35px;
}
.vlbpadd40{
    padding-bottom: 40px;
}
.vlbpadd45{
    padding-bottom: 45px;
}
.vlbpadd50{
    padding-bottom: 50px;
}
.vlbpadd60{
    padding-bottom: 60px;
}
.vlbpadd65{
    padding-bottom: 65px;
}
.vlbpadd70{
    padding-bottom: 70px;
}
.vlbpadd80{
    padding-bottom: 80px;
}
.vlbpadd90{
    padding-bottom: 90px;
}
.vlbpadd100{
    padding-bottom: 100px;
}
/* left */
.vllpadd0{
    padding-left: 0;
}
.vllpadd5{
    padding-left: 5px;
}
.vllpadd10{
    padding-left: 10px;
}
.vllpadd15{
    padding-left: 15px;
}
.vllpadd20{
    padding-left: 20px;
}
.vllpadd25{
    padding-left: 25px;
}
.vllpadd30{
    padding-left: 30px;
}
.vllpadd35{
    padding-left: 35px;
}
.vllpadd40{
    padding-left: 40px;
}
.vllpadd45{
    padding-left: 45px;
}
.vllpadd50{
    padding-left: 50px;
}
.vllpadd60{
    padding-left: 60px;
}
.vllpadd70{
    padding-left: 70px;
}
.vllpadd80{
    padding-left: 80px;
}
.vllpadd90{
    padding-left: 90px;
}
.vllpadd100{
    padding-left: 100px;
}
/* right */
.vlrpadd0{
    padding-right: 0;
}
.vlrpadd5{
    padding-right: 5px;
}
.vlrpadd10{
    padding-right: 10px;
}
.vlrpadd15{
    padding-right: 15px;
}
.vlrpadd20{
    padding-right: 20px;
}
.vlrpadd25{
    padding-right: 25px;
}
.vlrpadd30{
    padding-right: 30px;
}
.vlrpadd35{
    padding-right: 35px;
}
.vlrpadd40{
    padding-right: 40px;
}
.vlrpadd45{
    padding-right: 45px;
}
.vlrpadd50{
    padding-right: 50px;
}
.vlrpadd60{
    padding-right: 60px;
}
.vlrpadd70{
    padding-right: 70px;
}
.vlrpadd80{
    padding-right: 80px;
}
.vlrpadd90{
    padding-right: 90px;
}
.vlrpadd100{
    padding-right: 100px;
}
/* padding col */
.vlcpadd0{
    padding: 0;
}
.vlcpadd5{
    padding: 0 5px;
}
.vlcpadd10{
    padding: 0 10px;
}
.vlcpadd15{
    padding: 0 15px;
}
.vlcpadd20{
    padding: 0 20px;
}
.vlcpadd225{
    padding: 0 22.5px;
}
.vlcpadd25{
    padding: 0 25px;
}
.vlcpadd30{
    padding: 0 30px;
}
.vlcpadd35{
    padding: 0 35px;
}
.vlcpadd40{
    padding: 0 40px;
}
.vlcpadd45{
    padding: 0 45px;
}
.vlcpadd50{
    padding: 0 50px;
}
/* end style padding */
/* vhtoa */
.vtoa{
    animation: pulse_toa 2s infinite;
}
@keyframes pulse_toa {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }

    70% {
        box-shadow: 0 0 0 15px rgba(239, 67, 67, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 67, 67, 0);
    }
}
.vhrung{
    display: inline-block;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
} 
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}
@keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}
/*  */
@-moz-keyframes quick-alo-circle-anim {
    0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0deg) scale(1.1) skew(1deg);
		opacity: .3
	}
	100% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .1
	}
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0deg) scale(1.1) skew(1deg);
		opacity: .3
	}
	100% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .1
	}
}
@-o-keyframes quick-alo-circle-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0deg) scale(1.1) skew(1deg);
		opacity: .3
	}
	100% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .1
	}
}
@keyframes quick-alo-circle-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}
	30% {
		transform: rotate(0deg) scale(1.1) skew(1deg);
		opacity: .3
	}
	100% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .1
	}
}
/*  */
.vhzoom{
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: tada;
}
@keyframes tada {
    0% { transform: scale3d(1,1,1);}
    10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
    30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
    40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
    100% { transform: scale3d(1,1,1);}
}
/* begin style form */
.vborder{
    border: 1px solid rgba(0,0,0,0.1);
}
.vbordert{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.vborderr{
    border-right: 1px solid rgba(0,0,0,0.1);
}
.vborderl{
    border-left: 1px solid rgba(0,0,0,0.1);
}
.vborderb{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* raidius */
.vradi2{
    border-radius: 2px;
}
.vradi3{
    border-radius: 3px;
}
.vradi5{
    border-radius: 5px;
}
.vradi10{
    border-radius: 10px;
}
.vradi15{
    border-radius: 15px;
}
.vradi20{
    border-radius: 20px;
}
.vradi25{
    border-radius: 25px;
}
.vradi100{
    border-radius: 100%;
}
/* effect img */

/* <==== load slick ====> */

.slload .colsl, .slload .item, .slload .lcol, .slload .colo{
    display: none;
}
.slload.slick-slider .colsl, .slload.slick-slider .item, .slload.slick-slider .lcol,  .slload.slick-slider .colo{
    display: block;
}
.slflex .slick-track{
    display: flex;
    flex-wrap: wrap;
}
.slflex .slick-track > div{
    height: unset;
}
.slflex .slick-track > div > div{
    height: 100%;
}
/* <==== load slick ====> */

/* <==== booktrap ====> */
.hiddenmb{
    display: block!important;
}
.hiddenpc{
    display: none!important;
}
/* <==== booktrap ====> */
@media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
       display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
       display: none !important;
    }
}
@media screen and (max-width:1350px) {
    .slbutton.vminus .slick-prev{
        left: -15px;
    }
    .slbutton.vminus .slick-next{
        right: -15px;
    }
}
@media all and (min-width: 991px){

    /*beign custom css effect img */
    .effectImg{
        position: relative;
    }
    .effectImgL::before{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #f8f8f8;
        width: 0%;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
        z-index: 11;
    }
    .effectImgL.bgwhite::before{
        background-color: #ffff;
    }
    .effectImgL.lazyloading::before{
        width: 100%;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .effectImgR::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        width: 0%;
        z-index: 11;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
    }
    .effectImgR.lazyloading::before{
        width: 100%;

    }
    .effectImgT::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        height: 0%;
        z-index: 11;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
    }
    .effectImgT.lazyloading::before{
        height: 100%;

    }
    /*end custom css effect img */
}
@media screen and (max-width:1200px) {
    .hiddenmb{
        display: none!important;
    }
    .hiddenpc{
        display: block!important;
    }
    .vmfont10{
        font-size: 10px;
        line-height: 15px;
    }
    .vmfont11{
        font-size: 11px;
        line-height: 18px;
    }
    .vmfont12{
        font-size: 12px;
        line-height: 20px;
    }
    .vmfont13{
        font-size: 13px;
        line-height: 21px;
    }
    .vmfont14{
        font-size: 14px;
        line-height: 22px;
    }
    .vmfont15{
        font-size: 15px;
        line-height: 23px;
    }
    .vmfont16{
        font-size: 16px;
        line-height: 24px;
    }
    .vmfont17{
        font-size: 17px;
        line-height: 25px;
    }
    .vmfont18{
        font-size: 18px;
        line-height: 27px;
    }
    .vmfont19{
        font-size: 19px;
        line-height: 28px;
    }
    .vmfont20{
        font-size: 20px;
        line-height: 30px;
    }
    .vmfont21{
        font-size: 21px;
        line-height: 32px;
    }
    .vmfont22{
        font-size: 22px;
        line-height: 34px;
    }
    .vmfont23{
        font-size: 23px;
        line-height: 35px;
    }
    .vmfont24{
        font-size: 24px;
        line-height: 36px;
    }
    .vmfont25{
        font-size: 25px;
        line-height: 37px;
    }
    .vmfont26{
        font-size: 26px;
        line-height: 38px;
    }
    .vmfont27{
        font-size: 27px;
        line-height: 40px;
    }
    .vmfont28{
        font-size: 28px;
        line-height: 42px;
    }
    .vmfont29{
        font-size: 29px;
        line-height: 43px;
    }
    .vmfont30{
        font-size: 30px;
        line-height: 45px;
    }
    .vmfont31{
        font-size: 31px;
        line-height: 46px;
    }
    .vmfont32{
        font-size: 32px;
        line-height: 47px;
    }
    .vmfont33{
        font-size: 33px;
        line-height: 48px;
    }
    .vmfont34{
        font-size: 34px;
        line-height: 49px;
    }
    .vmfont35{
        font-size: 35px;
        line-height: 50px;
    }
    .vmfont40{
        font-size: 40px;
        line-height: 55px;
    }
    .vmfont50{
        font-size: 50px;
        line-height: 65px;
    }
    .vmfont60{
        font-size: 60px;
        line-height: 75px;
    }
    .vmslick0 .slick-list{
        margin: 0;
    }
    .vmslick5 .slick-list{
        margin: 0 -5px;
    }
    .vmslick10 .slick-list{
        margin: 0 -10px;
    }
    .vmslick15 .slick-list{
        margin: 0 -15px;
    }
    .vmslick20 .slick-list{
        margin: 0 -20px;
    }
    .vmslick25 .slick-list{
        margin: 0 -25px;
    }
    .vmslick30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vmslick0 .slick-slide{
        padding: 0;
    }
    .vmslick5 .slick-slide{
        padding: 0 5px;
    }
    .vmslick10 .slick-slide{
        padding: 0 10px;
    }
    .vmslick15 .slick-slide{
        padding: 0 15px;
    }
    .vmslick20 .slick-slide{
        padding: 0 20px;
    }
    .vmslick25 .slick-slide{
        padding: 0 25px;
    }
    .vmslick30 .slick-slide{
        padding: 0 30px;
    }
    /* begin style block */
    .vmcol0{
        width: 0%;
    }
    .vmcol25{
        width: 25%;
    }
    .vmcol30{
        width: 30%;
    }
    .vmcol35{
        width: 35%;
    }
    .vmcol40{
        width: 40%;
    }
    .vmcol45{
        width: 45%;
    }
    .vmcol55{
        width: 55%;
    }
    .vmcol60{
        width: 60%;
    }
    .vmcol65{
        width: 65%;
    }
    .vmcol66{
        width: 66.66666%;
    }
    .vmcol70{
        width: 70%;
    }
    .vmcol75{
        width: 75%;
    }
    .vmcol80{
        width: 80%;
    }
    .vmcol6{
        width: 16.66666%;
    }
    .vmcol5{
        width: 20%;
    }
    .vmcol4{
        width: 25%;
    }
    .vmcol3{
        width: 33.3333%;
    }
    .vmcol2{
        width: 50%;
    }
    .vmcol1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vhmargibn-auto{
        margin: 0 auto;
    }
    .vmmargin0{
        margin: 0;
    }
    .vmmargin5{
        margin: 5px;
    }
    .vmmargin10{
        margin: 10px;
    }
    .vmmargin15{
        margin: 15px;
    }
    .vmmargin20{
        margin: 20px;
    }
    .vmmargin25{
        margin: 25px;
    }
    .vmmargin30{
        margin: 30px;
    }
    .vmmargin35{
        margin: 35px;
    }
    .vmmargin40{
        margin: 40px;
    }
    .vmmargin45{
        margin: 45px;
    }
    .vmmargin50{
        margin: 50px;
    }
    .vmmargin60{
        margin: 60px;
    }
    .vmmargin70{
        margin: 70px;
    }
    /* top bottom */
    .vmtbmargin0{
        margin: 0;
    }
    .vmtbmargin5{
        margin: 5px 0;
    }
    .vmtbmargin10{
        margin: 10px 0;
    }
    .vmtbmargin15{
        margin: 15px 0;
    }
    .vmtbmargin20{
        margin: 20px 0;
    }
    .vmtbmargin25{
        margin: 25px 0;
    }
    .vmtbmargin30{
        margin: 30px 0;
    }
    .vmtbmargin35{
        margin: 35px 0;
    }
    .vmtbmargin40{
        margin: 40px 0;
    }
    .vmtbmargin45{
        margin: 45px 0;
    }
    .vmtbmargin50{
        margin: 50px 0;
    }
    .vmtbmargin50{
        margin: 50px 0;
    }
    .vmtbmargin60{
        margin: 60px 0;
    }
    .vmtbmargin70{
        margin: 60px 0;
    }
    .vmtbmargin80{
        margin: 80px 0;
    }
    .vmtbmargin90{
        margin: 90px 0;
    }
    .vmtbmargin100{
        margin: 100px 0;
    }
    /* left right */
    .vmlrmargin0{
        margin: 0;
    }
    .vmlrmargin5{
        margin:0 5px;
    }
    .vmlrmargin10{
        margin:0 10px;
    }
    .vmlrmargin15{
        margin:0 15px;
    }
    .vmlrmargin20{
        margin:0 20px;
    }
    .vmlrmargin25{
        margin:0 25px;
    }
    .vmlrmargin30{
        margin:0 30px;
    }
    .vmlrmargin35{
        margin:0 35px;
    }
    .vmlrmargin40{
        margin:0 40px;
    }
    .vmlrmargin45{
        margin:0 45px;
    }
    .vmlrmargin50{
        margin:0 50px;
    }
    .vmlrmargin60{
        margin:0 60px;
    }
    .vmlrmargin70{
        margin:0 70px;
    }
    .vmlrmargin80{
        margin:0 80px;
    }
    .vmlrmargin90{
        margin:0 90px;
    }
    .vmlrmargin100{
        margin:0 100px;
    }
    /* top */
    .vmtmargin0{
        margin-top: 0;
    }
    .vmtmargin5{
        margin-top: 5px;
    }
    .vmtmargin10{
        margin-top: 10px;
    }
    .vmtmargin15{
        margin-top: 15px;
    }
    .vmtmargin20{
        margin-top: 20px;
    }
    .vmtmargin25{
        margin-top: 25px;
    }
    .vmtmargin30{
        margin-top: 30px;
    }
    .vmtmargin35{
        margin-top: 35px;
    }
    .vmtmargin40{
        margin-top: 40px;
    }
    .vmtmargin45{
        margin-top: 45px;
    }
    .vmtmargin50{
        margin-top: 50px;
    }
    .vmtmargin60{
        margin-top: 60px;
    }
    .vmtmargin70{
        margin-top: 70px;
    }
    .vmtmargin80{
        margin-top: 80px;
    }
    .vmtmargin90{
        margin-top: 90px;
    }
    .vmtmargin100{
        margin-top: 100px;
    }
    /* bottom */
    .vmbmargin0{
        margin-bottom: 0;
    }
    .vmbmargin5{
        margin-bottom: 5px;
    }
    .vmbmargin10{
        margin-bottom: 10px;
    }
    .vmbmargin15{
        margin-bottom: 15px;
    }
    .vmbmargin20{
        margin-bottom: 20px;
    }
    .vmbmargin25{
        margin-bottom: 25px;
    }
    .vmbmargin30{
        margin-bottom: 30px;
    }
    .vmbmargin35{
        margin-bottom: 35px;
    }
    .vmbmargin40{
        margin-bottom: 40px;
    }
    .vmbmargin45{
        margin-bottom: 45px;
    }
    .vmbmargin50{
        margin-bottom: 50px;
    }
    .vmbmargin60{
        margin-bottom: 60px;
    }
    .vmbmargin70{
        margin-bottom: 70px;
    }
    .vmbmargin80{
        margin-bottom: 80px;
    }
    .vmbmargin90{
        margin-bottom: 90px;
    }
    .vmbmargin100{
        margin-bottom: 100px;
    }
    /* left */
    .vmlmargin0{
        margin-left: 0;
    }
    .vmlmargin5{
        margin-left: 5px;
    }
    .vmlmargin10{
        margin-left: 10px;
    }
    .vmlmargin15{
        margin-left: 15px;
    }
    .vmlmargin20{
        margin-left: 20px;
    }
    .vmlmargin25{
        margin-left: 25px;
    }
    .vmlmargin30{
        margin-left: 30px;
    }
    .vmlmargin35{
        margin-left: 35px;
    }
    .vmlmargin40{
        margin-left: 40px;
    }
    .vmlmargin45{
        margin-left: 45px;
    }
    .vmlmargin50{
        margin-left: 50px;
    }
    .vmlmargin60{
        margin-left: 60px;
    }
    .vmlmargin70{
        margin-left: 70px;
    }
    .vmlmargin80{
        margin-left: 80px;
    }
    .vmlmargin90{
        margin-left: 90px;
    }
    .vmlmargin100{
        margin-left: 100px;
    }
    /* right */
    .vmrmargin0{
        margin-right: 0;
    }
    .vmrmargin5{
        margin-right: 5px;
    }
    .vmrmargin10{
        margin-right: 10px;
    }
    .vmrmargin15{
        margin-right: 15px;
    }
    .vmrmargin20{
        margin-right: 20px;
    }
    .vmrmargin25{
        margin-right: 25px;
    }
    .vmrmargin30{
        margin-right: 30px;
    }
    .vmrmargin35{
        margin-right: 35px;
    }
    .vmrmargin40{
        margin-right: 40px;
    }
    .vmrmargin45{
        margin-right: 45px;
    }
    .vmrmargin50{
        margin-right: 50px;
    }
    .vmrmargin60{
        margin-right: 60px;
    }
    .vmrmargin70{
        margin-right: 70px;
    }
    .vmrmargin80{
        margin-right: 80px;
    }
    .vmrmargin90{
        margin-right: 90px;
    }
    .vmrmargin100{
        margin-right: 100px;
    }
    /* magin col */
    .vmcmargin0{
        margin: 0 ;
    }
    .vmcmargin5{
        margin: 0 -5px;
    }
    .vmcmargin10{
        margin: 0 -10px;
    }
    .vmcmargin15{
        margin: 0 -15px;
    }
    .vmcmargin20{
        margin: 0 -20px;
    }
    .vmcmargin25{
        margin: 0 -25px;
    }
    .vmcmargin30{
        margin: 0 -30px;
    }
    .vmcmargin35{
        margin: 0 -35px;
    }
    .vmcmargin40{
        margin: 0 -40px;
    }
    .vmcmargin45{
        margin: 0 -45px;
    }
    .vmcmargin50{
        margin: 0 -50px;
    }
    /* end style margin */
    /* begin style padding */
    .vmpadd0{
        padding: 0;
    }
    .vmpadd5{
        padding: 5px;
    }
    .vmpadd10{
        padding: 10px;
    }
    .vmpadd15{
        padding: 15px;
    }
    .vmpadd20{
        padding: 20px;
    }
    .vmpadd25{
        padding: 25px;
    }
    .vmpadd30{
        padding: 30px;
    }
    .vmpadd35{
        padding: 35px;
    }
    .vmpadd40{
        padding: 40px;
    }
    .vmpadd45{
        padding: 45px;
    }
    .vmpadd50{
        padding: 50px;
    }
    .vmpadd60{
        padding: 60px;
    }
    .vmpadd70{
        padding: 70px;
    }
    .vmpadd80{
        padding: 80px;
    }
    .vmpadd90{
        padding: 90px;
    }
    .vmpadd100{
        padding: 100px;
    }
    /* top bottom */
    .vmtbpadd0{
        padding: 0;
    }
    .vmtbpadd5{
        padding: 5px 0;
    }
    .vmtbpadd10{
        padding: 10px 0;
    }
    .vmtbpadd15{
        padding: 15px 0;
    }
    .vmtbpadd20{
        padding: 20px 0;
    }
    .vmtbpadd25{
        padding: 25px 0;
    }
    .vmtbpadd30{
        padding: 30px 0;
    }
    .vmtbpadd35{
        padding: 35px 0;
    }
    .vmtbpadd40{
        padding: 40px 0;
    }
    .vmtbpadd45{
        padding: 45px 0;
    }
    .vmtbpadd50{
        padding: 50px 0;
    }
    .vmtbpadd60{
        padding: 60px 0;
    }
    .vmtbpadd70{
        padding: 70px 0;
    }
    .vmtbpadd80{
        padding: 80px 0;
    }
    .vmtbpadd90{
        padding: 90px 0;
    }
    .vmtbpadd100{
        padding: 100px 0;
    }
    /* left right */
    .vmlrpadd0{
        padding: 0 ;
    }
    .vmlrpadd5{
        padding: 0 5px;
    }
    .vmlrpadd10{
        padding:0 10px;
    }
    .vmlrpadd15{
        padding:-0 15px;
    }
    .vmlrpadd20{
        padding:0 20px;
    }
    .vmlrpadd25{
        padding:0 25px;
    }
    .vmlrpadd30{
        padding:0 30px;
    }
    .vmlrpadd35{
        padding:0 35px;
    }
    .vmlrpadd40{
        padding:0 40px;
    }
    .vmlrpadd45{
        padding:0 45px;
    }
    .vmlrpadd50{
        padding:0 50px;
    }
    .vmlrpadd60{
        padding:0 60px;
    }
    .vmlrpadd70{
        padding:0 70px;
    }
    .vmlrpadd80{
        padding:0 80px;
    }
    .vmlrpadd90{
        padding:0 90px;
    }
    .vmlrpadd100{
        padding:0 100px;
    }
    /* top */
    .vmtpadd0{
        padding-top: 0;
    }
    .vmtpadd5{
        padding-top: 5px;
    }
    .vmtpadd10{
        padding-top: 10px;
    }
    .vmtpadd15{
        padding-top: 15px;
    }
    .vmtpadd20{
        padding-top: 20px;
    }
    .vmtpadd25{
        padding-top: 25px;
    }
    .vmtpadd30{
        padding-top: 30px;
    }
    .vmtpadd35{
        padding-top: 35px;
    }
    .vmtpadd40{
        padding-top: 40px;
    }
    .vmtpadd45{
        padding-top: 45px;
    }
    .vmtpadd50{
        padding-top: 50px;
    }
    .vmtpadd60{
        padding-top: 60px;
    }
    .vmtpadd70{
        padding-top: 70px;
    }
    .vmtpadd80{
        padding-top: 80px;
    }
    .vmtpadd90{
        padding-top: 90px;
    }
    .vmtpadd100{
        padding-top: 100px;
    }
    /* bottom */
    .vmbpadd0{
        padding-bottom: 0;
    }
    .vmbpadd5{
        padding-bottom: 5px;
    }
    .vmbpadd10{
        padding-bottom: 10px;
    }
    .vmbpadd15{
        padding-bottom: 15px;
    }
    .vmbpadd20{
        padding-bottom: 20px;
    }
    .vmbpadd25{
        padding-bottom: 25px;
    }
    .vmbpadd30{
        padding-bottom: 30px;
    }
    .vmbpadd35{
        padding-bottom: 35px;
    }
    .vmbpadd40{
        padding-bottom: 40px;
    }
    .vmbpadd45{
        padding-bottom: 45px;
    }
    .vmbpadd50{
        padding-bottom: 50px;
    }
    .vmbpadd60{
        padding-bottom: 60px;
    }
    .vmbpadd70{
        padding-bottom: 70px;
    }
    .vmbpadd80{
        padding-bottom: 80px;
    }
    .vmbpadd90{
        padding-bottom: 90px;
    }
    .vmbpadd100{
        padding-bottom: 100px;
    }
    /* left */
    .vmlpadd0{
        padding-left: 0;
    }
    .vmlpadd5{
        padding-left: 5px;
    }
    .vmlpadd10{
        padding-left: 10px;
    }
    .vmlpadd15{
        padding-left: 15px;
    }
    .vmlpadd20{
        padding-left: 20px;
    }
    .vmlpadd25{
        padding-left: 25px;
    }
    .vmlpadd30{
        padding-left: 30px;
    }
    .vmlpadd35{
        padding-left: 35px;
    }
    .vmlpadd40{
        padding-left: 40px;
    }
    .vmlpadd45{
        padding-left: 45px;
    }
    .vmlpadd50{
        padding-left: 50px;
    }
    .vmlpadd60{
        padding-left: 60px;
    }
    .vmlpadd70{
        padding-left: 70px;
    }
    .vmlpadd80{
        padding-left: 80px;
    }
    .vmlpadd90{
        padding-left: 90px;
    }
    .vmlpadd100{
        padding-left: 100px;
    }
    /* right */
    .vmrpadd0{
        padding-right: 0;
    }
    .vmrpadd5{
        padding-right: 5px;
    }
    .vmrpadd10{
        padding-right: 10px;
    }
    .vmrpadd15{
        padding-right: 15px;
    }
    .vmrpadd20{
        padding-right: 20px;
    }
    .vmrpadd25{
        padding-right: 25px;
    }
    .vmrpadd30{
        padding-right: 30px;
    }
    .vmrpadd35{
        padding-right: 35px;
    }
    .vmrpadd40{
        padding-right: 40px;
    }
    .vmrpadd45{
        padding-right: 45px;
    }
    .vmrpadd50{
        padding-right: 50px;
    }
    .vmrpadd60{
        padding-right: 60px;
    }
    .vmrpadd70{
        padding-right: 70px;
    }
    .vmrpadd80{
        padding-right: 80px;
    }
    .vmrpadd90{
        padding-right: 90px;
    }
    .vmrpadd100{
        padding-right: 100px;
    }
    /* padding col */
    .vmcpadd0{
        padding: 0;
    }
    .vmcpadd5{
        padding: 0 5px;
    }
    .vmcpadd10{
        padding: 0 10px;
    }
    .vmcpadd15{
        padding: 0 15px;
    }
    .vmcpadd20{
        padding: 0 20px;
    }
    .vmcpadd25{
        padding: 0 25px;
    }
    .vmcpadd30{
        padding: 0 30px;
    }
    .vmcpadd35{
        padding: 0 35px;
    }
    .vmcpadd40{
        padding: 0 40px;
    }
    .vmcpadd45{
        padding: 0 45px;
    }
    .vmcpadd50{
        padding: 0 50px;
    }
    .slbuttonmb{
        padding-bottom: 60px;
    }
    .slbuttonmb .slick-arrow{
        top: initial!important;
        transform: initial;
        bottom: 0px;
    }
    .slbuttonmb .slick-prev{
        left: calc(50% - 40px)!important;
    }
    .slbuttonmb .slick-next{
        left: calc(50% + 0px)!important;
        right: initial!important;
    }
}
@media screen and (max-width: 991px) {
    /*  */
    .sldotsab .slick-dots{
        bottom: 15px;
    }
    .slbutton .slick-arrow{
        width: 40px;
        height: 40px;
    }
    .slbutton .slick-arrow::before{
        font-size: 18px;
        line-height: 30px;
    }
    .slbutton .slick-next{
        right: -30px;
    }
    .slbutton .slick-prev{
        left: -30px;
    }
    .slbuttonbn .slick-next{
        right: 10px;
    }
    .slbuttonbn .slick-prev{
        left: 10px;
    }
    .slbuttonban .slick-next{
        right: -20px;
    }
    .slbuttonban .slick-prev{
        right: -20px;
    }
    /* begin style font */
    .vhfont-title{
        font-size: 22px;
        line-height: 30px;
    }
    
    .vsfont10{
        font-size: 10px;
        line-height: 15px;
    }
    .vsfont11{
        font-size: 11px;
        line-height: 18px;
    }
    .vsfont12{
        font-size: 12px;
        line-height: 20px;
    }
    .vsfont13{
        font-size: 13px;
        line-height: 21px;
    }
    .vsfont14{
        font-size: 14px;
        line-height: 22px;
    }
    .vsfont15{
        font-size: 15px;
        line-height: 23px;
    }
    .vsfont16{
        font-size: 16px;
        line-height: 24px;
    }
    .vsfont17{
        font-size: 17px;
        line-height: 25px;
    }
    .vsfont18{
        font-size: 18px;
        line-height: 27px;
    }
    .vsfont19{
        font-size: 19px;
        line-height: 28px;
    }
    .vsfont20{
        font-size: 20px;
        line-height: 30px;
    }
    .vsfont21{
        font-size: 21px;
        line-height: 32px;
    }
    .vsfont22{
        font-size: 22px;
        line-height: 34px;
    }
    .vsfont23{
        font-size: 23px;
        line-height: 35px;
    }
    .vsfont24{
        font-size: 24px;
        line-height: 36px;
    }
    .vsfont25{
        font-size: 25px;
        line-height: 37px;
    }
    .vsfont26{
        font-size: 26px;
        line-height: 38px;
    }
    .vsfont27{
        font-size: 27px;
        line-height: 40px;
    }
    .vsfont28{
        font-size: 28px;
        line-height: 42px;
    }
    .vsfont29{
        font-size: 29px;
        line-height: 43px;
    }
    .vsfont30{
        font-size: 30px;
        line-height: 45px;
    }
    .vsfont31{
        font-size: 31px;
        line-height: 46px;
    }
    .vsfont32{
        font-size: 32px;
        line-height: 47px;
    }
    .vsfont33{
        font-size: 33px;
        line-height: 48px;
    }
    .vsfont34{
        font-size: 34px;
        line-height: 49px;
    }
    .vsfont35{
        font-size: 35px;
        line-height: 50px;
    }
    .vsfont40{
        font-size: 40px;
        line-height: 55px;
    }
    .vsfont45{
        font-size: 45px;
        line-height: 60px;
    }
    /* end style font */
    /* begin style block */
    .vhflex-sm-column{
        flex-direction: column-reverse;
    }
    .vscol30{
        width: 30%;
    }
    .vscol66{
        width: 66.6666%;
    }
    .vscol70{
        width: 70%;
    }
    .vscol80{
        width: 80%;
    }
    .vscol6{
        width: 16.66666%;
    }
    .vscol5{
        width: 20%;
    }
    .vscol4{
        width: 25%;
    }
    .vscol3{
        width: 33.3333%;
    }
    .vscol2{
        width: 50%;
    }
    .vscol1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vsmargin0{
        margin: 0;
    }
    .vsmargin5{
        margin: 5px;
    }
    .vsmargin10{
        margin: 10px;
    }
    .vsmargin15{
        margin: 15px;
    }
    .vsmargin20{
        margin: 20px;
    }
    .vsmargin25{
        margin: 25px;
    }
    .vsmargin30{
        margin: 30px;
    }
    .vsmargin35{
        margin: 35px;
    }
    .vsmargin40{
        margin: 40px;
    }
    .vsmargin45{
        margin: 45px;
    }
    .vsmargin50{
        margin: 50px;
    }
    /* magin col */
    .vscmargin0{
        margin: 0 ;
    }
    .vscmargin5{
        margin: 0 -5px;
    }
    .vscmargin7{
        margin: 0 -7px;
    }
    .vscmargin10{
        margin: 0 -10px;
    }
    .vscmargin15{
        margin: 0 -15px;
    }
    .vscmargin20{
        margin: 0 -20px;
    }
    .vscmargin25{
        margin: 0 -25px;
    }
    .vscmargin30{
        margin: 0 -30px;
    }
    .vscmargin35{
        margin: 0 -35px;
    }
    .vscmargin40{
        margin: 0 -40px;
    }
    .vscmargin45{
        margin: 0 -45px;
    }
    .vscmargin50{
        margin: 0 -50px;
    }
    /* top bottom */
    .vstbmargin0{
        margin: 0;
    }
    .vstbmargin5{
        margin: 5px 0;
    }
    .vstbmargin10{
        margin: 10px 0;
    }
    .vstbmargin15{
        margin: 15px 0;
    }
    .vstbmargin20{
        margin: 20px 0;
    }
    .vstbmargin25{
        margin: 25px 0;
    }
    .vstbmargin30{
        margin: 30px 0;
    }
    .vstbmargin35{
        margin: 35px 0;
    }
    .vstbmargin40{
        margin: 40px 0;
    }
    .vstbmargin45{
        margin: 45px 0;
    }
    .vstbmargin50{
        margin: 50px 0;
    }
    /* left right */
    .vslrmargin0{
        margin:0 ;
    }
    .vslrmargin5{
        margin:0 5px;
    }
    .vslrmargin10{
        margin:0 10px;
    }
    .vslrmargin15{
        margin:0 15px;
    }
    .vslrmargin20{
        margin:0 20px;
    }
    .vslrmargin25{
        margin:0 25px;
    }
    .vslrmargin30{
        margin:0 30px;
    }
    .vslrmargin35{
        margin:0 35px;
    }
    .vslrmargin40{
        margin:0 40px;
    }
    .vslrmargin45{
        margin:0 45px;
    }
    .vslrmargin50{
        margin:0 50px;
    }
    /* top */
    .vstmargin0{
        margin-top: 0;
    }
    .vstmargin5{
        margin-top: 5px;
    }
    .vstmargin10{
        margin-top: 10px;
    }
    .vstmargin15{
        margin-top: 15px;
    }
    .vstmargin20{
        margin-top: 20px;
    }
    .vstmargin25{
        margin-top: 25px;
    }
    .vstmargin30{
        margin-top: 30px;
    }
    .vstmargin35{
        margin-top: 35px;
    }
    .vstmargin40{
        margin-top: 40px;
    }
    .vstmargin45{
        margin-top: 45px;
    }
    .vstmargin50{
        margin-top: 50px;
    }
    /* bottom */
    .vsbmargin0{
        margin-bottom: 0;
    }
    .vsbmargin5{
        margin-bottom: 5px;
    }
    .vsbmargin10{
        margin-bottom: 10px;
    }
    .vsbmargin15{
        margin-bottom: 15px;
    }
    .vsbmargin20{
        margin-bottom: 20px;
    }
    .vsbmargin25{
        margin-bottom: 25px;
    }
    .vsbmargin30{
        margin-bottom: 30px;
    }
    .vsbmargin35{
        margin-bottom: 35px;
    }
    .vsbmargin40{
        margin-bottom: 40px;
    }
    .vsbmargin45{
        margin-bottom: 45px;
    }
    .vsbmargin50{
        margin-bottom: 50px;
    }
    /* left */
    .vslmargin0{
        margin-left: 0;
    }
    .vslmargin5{
        margin-left: 5px;
    }
    .vslmargin10{
        margin-left: 10px;
    }
    .vslmargin15{
        margin-left: 15px;
    }
    .vslmargin20{
        margin-left: 20px;
    }
    .vslmargin25{
        margin-left: 25px;
    }
    .vslmargin30{
        margin-left: 30px;
    }
    .vslmargin35{
        margin-left: 35px;
    }
    .vslmargin40{
        margin-left: 40px;
    }
    .vslmargin45{
        margin-left: 45px;
    }
    .vslmargin50{
        margin-left: 50px;
    }
    /* right */
    .vsrmargin0{
        margin-right: 0;
    }
    .vsrmargin5{
        margin-right: 5px;
    }
    .vsrmargin10{
        margin-right: 10px;
    }
    .vsrmargin15{
        margin-right: 15px;
    }
    .vsrmargin20{
        margin-right: 20px;
    }
    .vsrmargin25{
        margin-right: 25px;
    }
    .vsrmargin30{
        margin-right: 30px;
    }
    .vsrmargin35{
        margin-right: 35px;
    }
    .vsrmargin40{
        margin-right: 40px;
    }
    .vsrmargin45{
        margin-right: 45px;
    }
    .vsrmargin50{
        margin-right: 50px;
    }
    /* end style margin */
    /* begin style padding */
    .vspadd0{
        padding: 0;
    }
    .vspadd5{
        padding: 5px;
    }
    .vspadd10{
        padding: 10px;
    }
    .vspadd15{
        padding: 15px;
    }
    .vspadd20{
        padding: 20px;
    }
    .vspadd25{
        padding: 25px;
    }
    .vspadd30{
        padding: 30px;
    }
    .vspadd35{
        padding: 35px;
    }
    .vspadd40{
        padding: 40px;
    }
    .vspadd45{
        padding: 45px;
    }
    .vspadd50{
        padding: 50px;
    }
    /* top bottom */
    .vstbrpadd0{
        padding: 0;
    }
    .vstbrpadd5{
        padding: 5px 0;
    }
    .vstbrpadd10{
        padding: 10px 0;
    }
    .vstbrpadd15{
        padding: 15px 0;
    }
    .vstbrpadd20{
        padding: 20px 0;
    }
    .vstbrpadd25{
        padding: 25px 0;
    }
    .vstbrpadd30{
        padding: 30px 0;
    }
    .vstbrpadd35{
        padding: 35px 0;
    }
    .vstbrpadd40{
        padding: 40px 0;
    }
    .vstbrpadd45{
        padding: 45px 0;
    }
    .vstbrpadd50{
        padding: 50px 0;
    }
    /* left right */
    .vslrpadd0{
        padding: 0 ;
    }
    .vslrpadd5{
        padding: 0 5px;
    }
    .vslrpadd10{
        padding:0 10px;
    }
    .vslrpadd15{
        padding:-0 15px;
    }
    .vslrpadd20{
        padding:0 20px;
    }
    .vslrpadd25{
        padding:0 25px;
    }
    .vslrpadd30{
        padding:0 30px;
    }
    .vslrpadd35{
        padding:0 35px;
    }
    .vslrpadd40{
        padding:0 40px;
    }
    .vslrpadd45{
        padding:0 45px;
    }
    .vslrpadd50{
        padding:0 50px;
    }
    /* top */
    .vstpadd0{
        padding-top: 0;
    }
    .vstpadd5{
        padding-top: 5px;
    }
    .vstpadd10{
        padding-top: 10px;
    }
    .vstpadd15{
        padding-top: 15px;
    }
    .vstpadd20{
        padding-top: 20px;
    }
    .vstpadd25{
        padding-top: 25px;
    }
    .vstpadd30{
        padding-top: 30px;
    }
    .vstpadd35{
        padding-top: 35px;
    }
    .vstpadd40{
        padding-top: 40px;
    }
    .vstpadd45{
        padding-top: 45px;
    }
    .vstpadd50{
        padding-top: 50px;
    }
    /* bottom */
    .vsbpadd0{
        padding-bottom: 0;
    }
    .vsbpadd5{
        padding-bottom: 5px;
    }
    .vsbpadd10{
        padding-bottom: 10px;
    }
    .vsbpadd15{
        padding-bottom: 15px;
    }
    .vsbpadd20{
        padding-bottom: 20px;
    }
    .vsbpadd25{
        padding-bottom: 25px;
    }
    .vsbpadd30{
        padding-bottom: 30px;
    }
    .vsbpadd35{
        padding-bottom: 35px;
    }
    .vsbpadd40{
        padding-bottom: 40px;
    }
    .vsbpadd45{
        padding-bottom: 45px;
    }
    .vsbpadd50{
        padding-bottom: 50px;
    }
    .vsbpadd60 {
        padding-bottom: 60px;
    }
    /* left */
    .vslpadd0{
        padding-left: 0;
    }
    .vslpadd5{
        padding-left: 5px;
    }
    .vslpadd10{
        padding-left: 10px;
    }
    .vslpadd15{
        padding-left: 15px;
    }
    .vslpadd20{
        padding-left: 20px;
    }
    .vslpadd25{
        padding-left: 25px;
    }
    .vslpadd30{
        padding-left: 30px;
    }
    .vslpadd35{
        padding-left: 35px;
    }
    .vslpadd40{
        padding-left: 40px;
    }
    .vslpadd45{
        padding-left: 45px;
    }
    .vslpadd50{
        padding-left: 50px;
    }
    /* right */
    .vsrpadd0{
        padding-right: 0;
    }
    .vsrpadd5{
        padding-right: 5px;
    }
    .vsrpadd10{
        padding-right: 10px;
    }
    .vsrpadd15{
        padding-right: 15px;
    }
    .vsrpadd20{
        padding-right: 20px;
    }
    .vsrpadd25{
        padding-right: 25px;
    }
    .vsrpadd30{
        padding-right: 30px;
    }
    .vsrpadd35{
        padding-right: 35px;
    }
    .vsrpadd40{
        padding-right: 40px;
    }
    .vsrpadd45{
        padding-right: 45px;
    }
    .vsrpadd50{
        padding-right: 50px;
    }
    /* padding col */
    .vscpadd0{
        padding: 0;
    }
    .vscpadd5{
        padding: 0 5px;
    }
    .vscpadd7{
        padding: 0 7px;
    }
    .vscpadd10{
        padding: 0 10px;
    }
    .vscpadd15{
        padding: 0 15px;
    }
    .vscpadd20{
        margin: 0 20px;
    }
    .vscpadd25{
        padding: 0 25px;
    }
    .vscpadd30{
        padding: 0 30px;
    }
    .vscpadd35{
        padding: 0 35px;
    }
    .vscpadd40{
        padding: 0 40px;
    }
    .vscpadd45{
        padding: 0 45px;
    }
    .vscpadd50{
        padding: 0 50px;
    }
    /* end style padding */
    /* slick */
    .vsslick0 .slick-list{
        margin: 0 ;
    }
    .vsslick5 .slick-list{
        margin: 0 -5px;
    }
    .vsslick7 .slick-list{
        margin: 0 -7px;
    }
    .vsslick10 .slick-list{
        margin: 0 -10px;
    }

    .vsslick15 .slick-list{
        margin: 0 -15px;
    }
    .vsslick20 .slick-list{
        margin: 0 -20px;
    }
    .vsslick25 .slick-list{
        margin: 0 -25px;
    }
    .vsslick30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vsslick0 .slick-slide{
        padding: 0 ;
    }
    .vsslick5 .slick-slide{
        padding: 0 5px;
    }
    .vsslick7 .slick-slide{
        padding: 0 7px;
    }
    .vsslick10 .slick-slide{
        padding: 0 10px;
    }
    .vsslick15 .slick-slide{
        padding: 0 15px;
    }
    .vsslick20 .slick-slide{
        padding: 0 20px;
    }
    .vsslick25 .slick-slide{
        padding: 0 25px;
    }
    .vsslick30 .slick-slide{
        padding: 0 30px;
    }
    .slbutton.vmobi{
        margin-bottom: 60px!important;
    }
    .slbutton.vmobi .slick-arrow{
        bottom: -60px!important;
    }
    .slbutton.vmobi .slick-prev{
        left: calc(50% - 40px)!important;
    }
    .slbutton.vmobi .slick-next{
        left: calc(50% + 10px)!important;
    }
    .vhtext-sm-center{
        text-align: center;
    }
    .vhtext-sm-right{
        text-align: right;
    }
    .vhtext-sm-left{
        text-align: left;
    }

    /*  */
    .vmarginam{
        margin: 0 -20px;
    }
    .slmobi .slick-track{
        width: 100%!important;
        transform: unset!important;
        overflow-x: scroll;
        display: flex;
        -webkit-display: flex;
        flex-flow: row nowrap;
        flex: 1 100%;
        -webkit-transition: all 0.3s linear!important;
        -o-transition: all 0.3s linear!important;
        transition: all 0.3s linear!important;
    }
    .slmobi .slick-track::-webkit-scrollbar{
        height: 0;
    }
    .slmobi .slick-slide {
        width: auto!important
    }
    .slmobi .slick-slide:first-child{
        margin-left: 20px;
    }
    .slmobi .slick-slide:last-child{
        margin-right: 20px;
    }
    .slmobi .slick-slide > div{
        width: 270px;
    }
}
@media screen and (max-width: 767px) {
    /* begin style font */
    .vxfont10{
        font-size: 10px;
        line-height: 15px;
    }
    .vxfont11{
        font-size: 11px;
        line-height: 18px;
    }
    .vxfont12{
        font-size: 12px;
        line-height: 20px;
    }
    .vxfont13{
        font-size: 13px;
        line-height: 21px;
    }
    .vxfont14{
        font-size: 14px;
        line-height: 22px;
    }
    .vxfont15{
        font-size: 15px;
        line-height: 23px;
    }
    .vxfont16{
        font-size: 16px;
        line-height: 24px;
    }
    .vxfont17{
        font-size: 17px;
        line-height: 25px;
    }
    .vxfont18{
        font-size: 18px;
        line-height: 27px;
    }
    .vxfont19{
        font-size: 19px;
        line-height: 28px;
    }
    .vxfont20{
        font-size: 20px;
        line-height: 30px;
    }
    .vxfont21{
        font-size: 21px;
        line-height: 32px;
    }
    .vxfont22{
        font-size: 22px;
        line-height: 34px;
    }
    .vxfont23{
        font-size: 23px;
        line-height: 35px;
    }
    .vxfont24{
        font-size: 24px;
        line-height: 36px;
    }
    .vxfont25{
        font-size: 25px;
        line-height: 37px;
    }
    .vxfont26{
        font-size: 26px;
        line-height: 38px;
    }
    .vxfont27{
        font-size: 27px;
        line-height: 40px;
    }
    .vxfont28{
        font-size: 28px;
        line-height: 42px;
    }
    .vxfont29{
        font-size: 29px;
        line-height: 43px;
    }
    .vxfont30{
        font-size: 30px;
        line-height: 45px;
    }
    .vxfont35{
        font-size: 35px;
        line-height: 50px;
    }
    .vxfont40{
        font-size: 40px;
        line-height: 55px;
    }
    /* end style font */
    /* begin style block */
    .vxcolumn{
        flex-direction: column-reverse;
    }
    .vxcol6{
        width: 16.66666%;
    }
    .vxcol5{
        width: 20%;
    }
    .vxcol4{
        width: 25%;
    }
    .vxcol3{
        width: 33.3333%;
    }
    .vxcol2{
        width: 50%;
    }
    .vxcol1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vxmargin0{
        margin: 0;
    }
    .vxmargin5{
        margin: 5px;
    }
    .vxmargin10{
        margin: 10px;
    }
    .vxmargin15{
        margin: 15px;
    }
    .vxmargin20{
        margin: 20px;
    }
    .vxmargin25{
        margin: 25px;
    }
    .vxmargin30{
        margin: 30px;
    }
    .vxmargin35{
        margin: 35px;
    }
    .vxmargin40{
        margin: 40px;
    }
    .vxmargin45{
        margin: 45px;
    }
    .vxmargin50{
        margin: 50px;
    }
    /* magin col */
    .vxcmargin0{
        margin: 0;
    }
    .vxcmargin5{
        margin: 0 -5px;
    }
    .vxcmargin7{
        margin: 0 -7px;
    }
    .vxcmargin10{
        margin: 0 -10px;
    }
    .vxcmargin15{
        margin: 0 -15px;
    }
    .vxcmargin20{
        margin: 0 -20px;
    }
    .vxcmargin25{
        margin: 0 -25px;
    }
    .vxcmargin30{
        margin: 0 -30px;
    }
    .vxcmargin35{
        margin: 0 -35px;
    }
    .vxcmargin40{
        margin: 0 -40px;
    }
    .vxcmargin45{
        margin: 0 -45px;
    }
    .vxcmargin50{
        margin: 0 -50px;
    }
    /* top bottom */
    .vxtbrmargin0{
        margin: 0;
    }
    .vxtbrmargin5{
        margin: 5px 0;
    }
    .vxtbrmargin10{
        margin: 10px 0;
    }
    .vxtbrmargin15{
        margin: 15px 0;
    }
    .vxtbrmargin20{
        margin: 20px 0;
    }
    .vxtbrmargin25{
        margin: 25px 0;
    }
    .vxtbrmargin30{
        margin: 30px 0;
    }
    .vxtbrmargin35{
        margin: 35px 0;
    }
    .vxtbrmargin40{
        margin: 40px 0;
    }
    .vxtbrmargin45{
        margin: 45px 0;
    }
    .vxtbrmargin50{
        margin: 50px 0;
    }
    /* left right */
    .vxlrmargin0{
        margin:0;
    }
    .vxlrmargin5{
        margin:0 5px;
    }
    .vxlrmargin10{
        margin:0 10px;
    }
    .vxlrmargin15{
        margin:0 15px;
    }
    .vxlrmargin20{
        margin:0 20px;
    }
    .vxlrmargin25{
        margin:0 25px;
    }
    .vxlrmargin30{
        margin:0 30px;
    }
    .vxlrmargin35{
        margin:0 35px;
    }
    .vxlrmargin40{
        margin:0 40px;
    }
    .vxlrmargin45{
        margin:0 45px;
    }
    .vxlrmargin50{
        margin:0 50px;
    }
    /* top */
    .vxtmargin0{
        margin-top: 0px;
    }
    .vxtmargin5{
        margin-top: 5px;
    }
    .vxtmargin10{
        margin-top: 10px;
    }
    .vxtmargin15{
        margin-top: 15px;
    }
    .vxtmargin20{
        margin-top: 20px;
    }
    .vxtmargin25{
        margin-top: 25px;
    }
    .vxtmargin30{
        margin-top: 30px;
    }
    .vxtmargin35{
        margin-top: 35px;
    }
    .vxtmargin40{
        margin-top: 40px;
    }
    .vxtmargin45{
        margin-top: 45px;
    }
    .vxtmargin50{
        margin-top: 50px;
    }
    /* bottom */
    .vxbmargin0{
        margin-bottom: 0;
    }
    .vxbmargin5{
        margin-bottom: 5px;
    }
    .vxbmargin10{
        margin-bottom: 10px;
    }
    .vxbmargin15{
        margin-bottom: 15px;
    }
    .vxbmargin20{
        margin-bottom: 20px;
    }
    .vxbmargin25{
        margin-bottom: 25px;
    }
    .vxbmargin30{
        margin-bottom: 30px;
    }
    .vxbmargin35{
        margin-bottom: 35px;
    }
    .vxbmargin40{
        margin-bottom: 40px;
    }
    .vxbmargin45{
        margin-bottom: 45px;
    }
    .vxbmargin50{
        margin-bottom: 50px;
    }
    /* left */
    .vxlmargin0{
        margin-left: 0;
    }
    .vxlmargin5{
        margin-left: 5px;
    }
    .vxlmargin10{
        margin-left: 10px;
    }
    .vxlmargin15{
        margin-left: 15px;
    }
    .vxlmargin20{
        margin-left: 20px;
    }
    .vxlmargin25{
        margin-left: 25px;
    }
    .vxlmargin30{
        margin-left: 30px;
    }
    .vxlmargin35{
        margin-left: 35px;
    }
    .vxlmargin40{
        margin-left: 40px;
    }
    .vxlmargin45{
        margin-left: 45px;
    }
    .vxlmargin50{
        margin-left: 50px;
    }
    /* right */
    .vxrmargin0{
        margin-right: 0;
    }
    .vxrmargin5{
        margin-right: 5px;
    }
    .vxrmargin10{
        margin-right: 10px;
    }
    .vxrmargin15{
        margin-right: 15px;
    }
    .vxrmargin20{
        margin-right: 20px;
    }
    .vxrmargin25{
        margin-right: 25px;
    }
    .vxrmargin30{
        margin-right: 30px;
    }
    .vxrmargin35{
        margin-right: 35px;
    }
    .vxrmargin40{
        margin-right: 40px;
    }
    .vxrmargin45{
        margin-right: 45px;
    }
    .vxrmargin50{
        margin-right: 50px;
    }
    /* end style margin */
    /* begin style padding */
    .vxpadd0{
        padding: 0;
    }
    .vxpadd5{
        padding: 5px;
    }
    .vxpadd10{
        padding: 10px;
    }
    .vxpadd15{
        padding: 15px;
    }
    .vxpadd20{
        padding: 20px;
    }
    .vxpadd25{
        padding: 25px;
    }
    .vxpadd30{
        padding: 30px;
    }
    .vxpadd35{
        padding: 35px;
    }
    .vxpadd40{
        padding: 40px;
    }
    .vxpadd45{
        padding: 45px;
    }
    .vxpadd50{
        padding: 50px;
    }
    /* top bottom */
    .vxbpadd0{
        padding: 0;
    }
    .vxbpadd5{
        padding: 5px 0;
    }
    .vxbpadd10{
        padding: 10px 0;
    }
    .vxbpadd15{
        padding: 15px 0;
    }
    .vxbpadd20{
        padding: 20px 0;
    }
    .vxbpadd25{
        padding: 25px 0;
    }
    .vxbpadd30{
        padding: 30px 0;
    }
    .vxbpadd35{
        padding: 35px 0;
    }
    .vxbpadd40{
        padding: 40px 0;
    }
    .vxbpadd45{
        padding: 45px 0;
    }
    .vxbpadd50{
        padding: 50px 0;
    }
    /* left right */
    .vxrpadd0{
        padding: 0 ;
    }
    .vxrpadd5{
        padding: 0 5px;
    }
    .vxrpadd10{
        padding:0 10px;
    }
    .vxrpadd15{
        padding:-0 15px;
    }
    .vxrpadd20{
        padding:0 20px;
    }
    .vxrpadd25{
        padding:0 25px;
    }
    .vxrpadd30{
        padding:0 30px;
    }
    .vxrpadd35{
        padding:0 35px;
    }
    .vxrpadd40{
        padding:0 40px;
    }
    .vxrpadd45{
        padding:0 45px;
    }
    .vxrpadd50{
        padding:0 50px;
    }
    /* top */
    .vxtpadd0{
        padding-top: 0;
    }
    .vxtpadd5{
        padding-top: 5px;
    }
    .vxtpadd10{
        padding-top: 10px;
    }
    .vxtpadd15{
        padding-top: 15px;
    }
    .vxtpadd20{
        padding-top: 20px;
    }
    .vxtpadd25{
        padding-top: 25px;
    }
    .vxtpadd30{
        padding-top: 30px;
    }
    .vxtpadd35{
        padding-top: 35px;
    }
    .vxtpadd40{
        padding-top: 40px;
    }
    .vxtpadd45{
        padding-top: 45px;
    }
    .vxtpadd50{
        padding-top: 50px;
    }
    /* bottom */
    .vxbpadd0{
        padding-bottom: 0;
    }
    .vxbpadd5{
        padding-bottom: 5px;
    }
    .vxbpadd10{
        padding-bottom: 10px;
    }
    .vxbpadd15{
        padding-bottom: 15px;
    }
    .vxbpadd20{
        padding-bottom: 20px;
    }
    .vxbpadd25{
        padding-bottom: 25px;
    }
    .vxbpadd30{
        padding-bottom: 30px;
    }
    .vxbpadd35{
        padding-bottom: 35px;
    }
    .vxbpadd40{
        padding-bottom: 40px;
    }
    .vxbpadd45{
        padding-bottom: 45px;
    }
    .vxbpadd50{
        padding-bottom: 50px;
    }
    /* left */
    .vxlpadd0{
        padding-left: 0;
    }
    .vxlpadd5{
        padding-left: 5px;
    }
    .vxlpadd10{
        padding-left: 10px;
    }
    .vxlpadd15{
        padding-left: 15px;
    }
    .vxlpadd20{
        padding-left: 20px;
    }
    .vxlpadd25{
        padding-left: 25px;
    }
    .vxlpadd30{
        padding-left: 30px;
    }
    .vxlpadd35{
        padding-left: 35px;
    }
    .vxlpadd40{
        padding-left: 40px;
    }
    .vxlpadd45{
        padding-left: 45px;
    }
    .vxlpadd50{
        padding-left: 50px;
    }
    /* right */
    .vxrpadd0{
        padding-right: 0;
    }
    .vxrpadd5{
        padding-right: 5px;
    }
    .vxrpadd10{
        padding-right: 10px;
    }
    .vxrpadd15{
        padding-right: 15px;
    }
    .vxrpadd20{
        padding-right: 20px;
    }
    .vxrpadd25{
        padding-right: 25px;
    }
    .vxrpadd30{
        padding-right: 30px;
    }
    .vxrpadd35{
        padding-right: 35px;
    }
    .vxrpadd40{
        padding-right: 40px;
    }
    .vxrpadd45{
        padding-right: 45px;
    }
    .vxrpadd50{
        padding-right: 50px;
    }
    /* padding col */
    .vxcpadd0{
        padding: 0 ;
    }
    .vxcpadd5{
        padding: 0 5px;
    }
    .vxcpadd7{
        padding: 0 7px;
    }
    .vxcpadd10{
        padding: 0 10px;
    }
    .vxcpadd15{
        padding: 0 15px;
    }
    .vxcpadd20{
        margin: 0 20px;
    }
    .vxcpadd25{
        padding: 0 25px;
    }
    .vxcpadd30{
        padding: 0 30px;
    }
    .vxcpadd35{
        padding: 0 35px;
    }
    .vxcpadd40{
        padding: 0 40px;
    }
    .vxcpadd45{
        padding: 0 45px;
    }
    .vxcpadd50{
        padding: 0 50px;
    }
    /* end style padding */
    /* slick */
    .vxslick0 .slick-list{
        margin: 0;
    }
    .vxslick5 .slick-list{
        margin: 0 -5px;
    }
    .vxslick7 .slick-list{
        margin: 0 -7px;
    }
    .vxslick6 .slick-list{
        margin: 0 -6px;
    }
    .vxslick10 .slick-list{
        margin: 0 -10px;
    }
    .vxslick15 .slick-list{
        margin: 0 -15px;
    }
    .vxslick20 .slick-list{
        margin: 0 -20px;
    }
    .vxslick25 .slick-list{
        margin: 0 -25px;
    }
    .vxslick30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vxslick0 .slick-slide{
        padding: 0;
    }
    .vxslick5 .slick-slide{
        padding: 0 5px;
    }
    .vxslick7 .slick-slide{
        padding: 0 7px;
    }
    .vxslick6 .slick-slide{
        padding: 0 6px;
    }
    .vxslick10 .slick-slide{
        padding: 0 10px;
    }
    .vxslick15 .slick-slide{
        padding: 0 15px;
    }
    .vxslick20 .slick-slide{
        padding: 0 20px;
    }
    .vxslick25 .slick-slide{
        padding: 0 25px;
    }
    .vxslick30 .slick-slide{
        padding: 0 30px;
    }
}