/* <===== vformradio =====> */
.vformradio{
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 15px;
    line-height: 23px;
    min-height: 23px;
    cursor: pointer;
    margin-bottom: 14px;
}
.vformradio:last-child{
    margin-bottom: 0;
}
.vformradio .ralabel{
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}
.vformradio .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;
}
.vformradio .rainput{
    margin-right: 14px;
}
.vformradio .rainput[type=radio]{
    border-radius: 50%;
}
.vformradio .rainput:checked{
    background-color: #034ea2;
    border-color: #034ea2;
}
.vformradio .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");
}
/* <===== vformradio =====> */
/*  */
.vhponsition-ab{
    position: absolute;
}
.vhponsition-re{
    position: relative;
}
.vhheight100{
    height: 100%;
}
.vhheight50{
    height: 50%;
}
.vhdisplay-block{
    display: block;
}
.vhdisplay-in{
    display: inline-block;
}
/* begin style color */
.vhtextcolor{
    color: #fe3202;
}
.vhtextcolor-1{
    color: #666666;
}
.vhtextcolor-2{
    color: #2d373c;
}
.vhtextcolor-3{
    color: #555555;
}
.vhtextcolor-4{
    color: #999999;
}
.vhtextcolor-b{
    color: #000000;
}
.vhtextcolor-w{
    color: #fff;
}
.vhbgcolor{
    background-color: #0b1517;
}
.vhbgcolor-1{
    background-color: #f8f8f8;
}
.vhbgcolor-2{
    background-color: #f2f5fe;
}
.vhbgcolor-3{
    background-color: #ebf0f5;
}
.vhbgcolor-4{
    background-color: #f5f5f5;
}
.vhbgcolor-b{
    background-color: #000000;
}
.vhbgcolor-w{
    background-color: #ffff;
}
/* end style color */
/* begin style font */
.vhfont{
    
}
.vhfont-title{
    font-size: 50px;
    line-height: 60px;
    text-transform: capitalize;
    font-weight: 700;
}
.vhbold{
    font-weight: bold;
}
.vhsemibold{
    font-weight: 600;
}
.vnttitleall .vhfont-title{
    text-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}
.vnttitleall .cont {
    text-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}
.vhfont-lg-10{
    font-size: 10px;
    line-height: 15px;
}
.vhfont-lg-11{
    font-size: 11px;
    line-height: 18px;
}
.vhfont-lg-12{
    font-size: 12px;
    line-height: 20px;
}
.vhfont-lg-13{
    font-size: 13px;
    line-height: 21px;
}
.vhfont-lg-14{
    font-size: 14px;
    line-height: 22px;
}
.vhfont-lg-15{
    font-size: 15px;
    line-height: 23px;
}
.vhfont-lg-16{
    font-size: 16px;
    line-height: 24px;
}
.vhfont-lg-17{
    font-size: 17px;
    line-height: 25px;
}
.vhfont-lg-18{
    font-size: 18px;
    line-height: 27px;
}
.vhfont-lg-19{
    font-size: 19px;
    line-height: 28px;
}
.vhfont-lg-20{
    font-size: 20px;
    line-height: 30px;
}
.vhfont-lg-21{
    font-size: 21px;
    line-height: 32px;
}
.vhfont-lg-22{
    font-size: 22px;
    line-height: 34px;
}
.vhfont-lg-23{
    font-size: 23px;
    line-height: 35px;
}
.vhfont-lg-24{
    font-size: 24px;
    line-height: 36px;
}
.vhfont-lg-25{
    font-size: 25px;
    line-height: 37px;
}
.vhfont-lg-26{
    font-size: 26px;
    line-height: 38px;
}
.vhfont-lg-27{
    font-size: 27px;
    line-height: 40px;
}
.vhfont-lg-28{
    font-size: 28px;
    line-height: 42px;
}
.vhfont-lg-29{
    font-size: 29px;
    line-height: 43px;
}
.vhfont-lg-30{
    font-size: 30px;
    line-height: 45px;
}
.vhfont-lg-31{
    font-size: 31px;
    line-height: 46px;
}
.vhfont-lg-32{
    font-size: 32px;
    line-height: 47px;
}
.vhfont-lg-33{
    font-size: 33px;
    line-height: 48px;
}
.vhfont-lg-34{
    font-size: 34px;
    line-height: 49px;
}
.vhfont-lg-35{
    font-size: 35px;
    line-height: 50px;
}
.vhfont-lg-40{
    font-size: 40px;
    line-height: 55px;
}
.vhfont-lg-50{
    font-size: 50px;
    line-height: 65px;
}
.vhfont-lg-60{
    font-size: 60px;
    line-height: 75px;
}
.vhfont-we-100{
    font-weight: 100;
}
.vhfont-we-200{
    font-weight: 200;
}
.vhfont-we-300{
    font-weight: 300;
}
.vhfont-we-400{
    font-weight: 400;
}
.vhfont-we-500{
    font-weight: 500;
}
.vhfont-we-600{
    font-weight: 600;
}
.vhfont-we-700{
    font-weight: 700;
}
.vhfont-we-800{
    font-weight: 800;
}
.vhfont-we-900{
    font-weight: 900;
}
/* end style font */

/*begin style slick */
.vhdots{

}
.vhdotsab .slick-dots{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}
.vhdots .slick-dots{
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 20px;
}
.vhdots .slick-dots li{
    margin: 0 12px;
}
.vhdots .slick-dots li button{
    background-color: transparent;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    padding: 0;
    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;
}
.vhdots .slick-dots li.slick-active button{
    background-color: #fff;
}
.vhdotsden .slick-dots li button{
    background-color: #000000;
    border: 1px solid #000000;
}
.vhdots .slick-dots li.slick-active button{
    opacity: 1;
}
.vhdotsres .slick-dots li{
    margin: 0 5px;
}
.vhdotsres .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);
}
.vhdotsres .slick-dots li.slick-active button{
    transform: scale(1.4);
    border: rgba(255,255,255,1);
    background-color: rgba(255,255,255,1);
}
.vhbtnslick .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 0;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
    color: #fff;
}
.vhbtnslick.vcolor .slick-arrow{
    color: #a6a6a6;
}
.vhbtnslick .slick-arrow::before{
    font-family: fontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
}
.vhbtnslickres .slick-arrow{
    width: 45px;
    height: 45px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    color: #b7202f;
}
.vhbtnslickres .slick-arrow::before{
    font-size: 14px;
    line-height: 22px;
}
.vhbtnslick .slick-prev{
    left: 50px;
}
.vhbtnslick .slick-next{
    right: 50px;
}
.vhbtnslickres .slick-prev{
    left: -23px;
}
.vhbtnslickres .slick-next{
    right: -23px;
}
.vhbtnslickplus  .slick-prev{
    left: 10px!important;
}
.vhbtnslickplus  .slick-next{
    right: 10px!important;
}
.vhbtnslick .slick-prev::before{
    content: '\f104';
}
.vhbtnslick .slick-next::before{
    content: '\f105';
}
.vhbtnslickban .slick-arrow{
    background-color: rgba(0,0,0, 0.2);
    border-radius: 100%;
}
.vhbtnslickban .slick-arrow::before{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
.vhslick-lg-0 .slick-list{
    margin: 0;
}
.vhslick-lg-5 .slick-list{
    margin: 0 -5px;
}
.vhslick-lg-10 .slick-list{
    margin: 0 -10px;
}
.vhslick-lg-15 .slick-list{
    margin: 0 -15px;
}
.vhslick-lg-20 .slick-list{
    margin: 0 -20px;
}
.vhslick-lg-25 .slick-list{
    margin: 0 -25px;
}
.vhslick-lg-30 .slick-list{
    margin: 0 -30px;
}
/*  */
.vhslick-lg-0 .slick-slide{
    padding: 0;
}
.vhslick-lg-5 .slick-slide{
    padding: 0 5px;
}
.vhslick-lg-10 .slick-slide{
    padding: 0 10px;
}
.vhslick-lg-15 .slick-slide{
    padding: 0 15px;
}
.vhslick-lg-20 .slick-slide{
    padding: 0 20px;
}
.vhslick-lg-25 .slick-slide{
    padding: 0 25px;
}
.vhslick-lg-30 .slick-slide{
    padding: 0 30px;
}

.vhbtnslickam .slick-prev{
    left: -70px;
}
.vhbtnslickam .slick-next{
    right: -70px;
}
.vhslickmb{
    margin-bottom: 70px!important;
}
.vhslickmb .slick-arrow{
    top: inherit;
    transform: inherit;
    bottom: -70px!important;
    border-radius: 100%;
    background-color: #fff;
}
.vhslickmb .slick-prev{
    left: calc(50% - 55px)!important;
}
.vhslickmb .slick-next{
    left: calc(50% + 15px)!important;
    right: inherit!important;
}
/* end style slick */
/* begin style text */
.vhtext-hoa{
    text-transform: uppercase;
}
.vhtext-thuong{
    text-transform: capitalize;
}
.vhtext-none{
    text-transform: none;
}
.vhtext-center{
    text-align: center;
}
.vhtext-right{
    text-align: right;
}
.vhtext-left{
    text-align: left;
}
/* end style text */
/* begin style thumb */
.vhthumbimg img{
    width: 100%;
}
.vhthumbzoom{
    display: block;
    overflow: hidden;
    position: relative;
}
.vhthumb-30{
    padding-top: 30%;
}
.vhthumb-50{
    padding-top: 50%;
}
.vhthumb-53{
    padding-top: 53.333%;
}
.vhthumb-55{
    padding-top: 55.1%;
}
.vhthumb-60{
    padding-top: 60%;
}
.vhthumb-65{
    padding-top: 65.56%;
}
.vhthumb-70{
    padding-top: 70%;
}
.vhthumb-74{
    padding-top: 74.52%;
}
.vhthumb-76{
    padding-top: 85%;
}
.vhthumb-80{
    padding-top: 80%;
}
.vhthumb-100{
    padding-top: 100%;
}
.vhthumb-110{
    padding-top: 110%;
}
.vhthumb-120{
    padding-top: 120%;
}
.vhthumb-140{
    padding-top: 140%;
}
.vhthumbzoomno img{
    width: 100%;
    height: 100%;
}
.vhthumbzoom 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;
}
.vhthumb-full 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;
}
.vhthumb-center img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height:70%;
}
.vhthumbzoomno:hover img{
    transform: scale(1.05);
}
.vhthumb-full:hover img{
    transform: scale(1.05);
}
.vhthumb-center:hover img{
    transform: translate(-50%, -50%) scale(1.05);
}
/* border effect */
.vhthumbborder{
    position: relative;
}
.vhthumbborder::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;
}
.vhthumbborder::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;
}
.vhthumbborder:hover::before{
    left: 15px;
    right: 15px;
}
.vhthumbborder:hover::after{
    top: 20px;
    bottom: 20px;
}
.vhthumbbong{
    position: relative;
}
.vhthumbbong::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
}
/* line effect */
.vhthumbline{
    position: relative;
    overflow: hidden;
}
.vhthumbline::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;
}
.vhthumbline::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;
}
.vhthumbline:hover::before{
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    left: 150%;
}
.vhthumbline: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 */
/* begin style backgroup-color */
.vhgradient{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

/* begin style block */
.vhflex{
    display: flex;
}
.vhflex-wrap{
    flex-wrap: wrap;
}
.vhflex-scroll-text{
    overflow-x: auto;
    -webkit-display: flex;
    flex-flow: row nowrap;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
.vhflex-scroll-text::-webkit-scrollbar {
    height: 0px;
    background-color: #F5F5F5;
} 
.vhflex-scroll-text::-webkit-scrollbar-thumb {
    background-color: #698396;
}
.vhflex-scroll-block{
    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;
}
.vhflex-scroll-block::-webkit-scrollbar {
    height: 0px;
    background-color: #fff;
} 
.vhflex-scroll-block::-webkit-scrollbar-thumb {
    background-color: #698396;
}
.vhflex-jus-center{
    justify-content: center;
}
.vhflex-jus-begin-end{
    justify-content: space-between;
}
.vhflex-jus-start{
    justify-content: flex-start;
}
.vhflex-jus-end{
    justify-content: flex-end;
}
.vhflex-ali-center{
    align-items: center;
    align-content: center;
}
.vhflex-ali-start{
    align-content: flex-start;
    align-items: flex-start;
}
.vhflex-ali-end{
    align-content: flex-end;
    align-items: flex-end;
}
.vhslickflex .slick-track{
    display: flex;
    flex-wrap: wrap;
}
.vhslickflex .slick-track > div{
    height: unset;
}
.vhslickflex .slick-track > div > div{
    height: 100%;
}
/* end style block */
/* begin style block */
.vhcol-lg-0{
    width: 0%;
}
.vhcol-lg-25{
    width: 25%;
}
.vhcol-lg-30{
    width: 30%;
}
.vhcol-lg-35{
    width: 35%;
}
.vhcol-lg-40{
    width: 40%;
}
.vhcol-lg-45{
    width: 45%;
}
.vhcol-lg-55{
    width: 55%;
}
.vhcol-lg-60{
    width: 60%;
}
.vhcol-lg-65{
    width: 65%;
}
.vhcol-lg-66{
    width: 66.66666%;
}
.vhcol-lg-70{
    width: 70%;
}
.vhcol-lg-75{
    width: 75%;
}
.vhcol-lg-80{
    width: 80%;
}
.vhcol-lg-6{
    width: 16.66666%;
}
.vhcol-lg-5{
    width: 20%;
}
.vhcol-lg-4{
    width: 25%;
}
.vhcol-lg-3{
    width: 33.3333%;
}
.vhcol-lg-2{
    width: 50%;
}
.vhcol-lg-1{
    width: 100%;
}
/* end style block */
/* begin style margin */
.vhmargibn-auto{
    margin: 0 auto;
}
.vhmargin-lg-0{
    margin: 0;
}
.vhmargin-lg-5{
    margin: 5px;
}
.vhmargin-lg-10{
    margin: 10px;
}
.vhmargin-lg-15{
    margin: 15px;
}
.vhmargin-lg-20{
    margin: 20px;
}
.vhmargin-lg-25{
    margin: 25px;
}
.vhmargin-lg-30{
    margin: 30px;
}
.vhmargin-lg-35{
    margin: 35px;
}
.vhmargin-lg-40{
    margin: 40px;
}
.vhmargin-lg-45{
    margin: 45px;
}
.vhmargin-lg-50{
    margin: 50px;
}
.vhmargin-lg-60{
    margin: 60px;
}
.vhmargin-lg-70{
    margin: 70px;
}
/* top bottom */
.vhmargin-lg-top-bottom-0{
    margin: 0;
}
.vhmargin-lg-top-bottom-5{
    margin: 5px 0;
}
.vhmargin-lg-top-bottom-10{
    margin: 10px 0;
}
.vhmargin-lg-top-bottom-15{
    margin: 15px 0;
}
.vhmargin-lg-top-bottom-20{
    margin: 20px 0;
}
.vhmargin-lg-top-bottom-25{
    margin: 25px 0;
}
.vhmargin-lg-top-bottom-30{
    margin: 30px 0;
}
.vhmargin-lg-top-bottom-35{
    margin: 35px 0;
}
.vhmargin-lg-top-bottom-40{
    margin: 40px 0;
}
.vhmargin-lg-top-bottom-45{
    margin: 45px 0;
}
.vhmargin-lg-top-bottom-50{
    margin: 50px 0;
}
.vhmargin-lg-top-bottom-50{
    margin: 50px 0;
}
.vhmargin-lg-top-bottom-60{
    margin: 60px 0;
}
.vhmargin-lg-top-bottom-70{
    margin: 60px 0;
}
.vhmargin-lg-top-bottom-80{
    margin: 80px 0;
}
.vhmargin-lg-top-bottom-90{
    margin: 90px 0;
}
.vhmargin-lg-top-bottom-100{
    margin: 100px 0;
}
/* left right */
.vhmargin-lg-left-right-0{
    margin: 0;
}
.vhmargin-lg-left-right-5{
    margin:0 5px;
}
.vhmargin-lg-left-right-10{
    margin:0 10px;
}
.vhmargin-lg-left-right-15{
    margin:0 15px;
}
.vhmargin-lg-left-right-20{
    margin:0 20px;
}
.vhmargin-lg-left-right-25{
    margin:0 25px;
}
.vhmargin-lg-left-right-30{
    margin:0 30px;
}
.vhmargin-lg-left-right-35{
    margin:0 35px;
}
.vhmargin-lg-left-right-40{
    margin:0 40px;
}
.vhmargin-lg-left-right-45{
    margin:0 45px;
}
.vhmargin-lg-left-right-50{
    margin:0 50px;
}
.vhmargin-lg-left-right-60{
    margin:0 60px;
}
.vhmargin-lg-left-right-70{
    margin:0 70px;
}
.vhmargin-lg-left-right-80{
    margin:0 80px;
}
.vhmargin-lg-left-right-90{
    margin:0 90px;
}
.vhmargin-lg-left-right-100{
    margin:0 100px;
}
/* top */
.vhmargin-lg-top-0{
    margin-top: 0;
}
.vhmargin-lg-top-5{
    margin-top: 5px;
}
.vhmargin-lg-top-10{
    margin-top: 10px;
}
.vhmargin-lg-top-15{
    margin-top: 15px;
}
.vhmargin-lg-top-20{
    margin-top: 20px;
}
.vhmargin-lg-top-25{
    margin-top: 25px;
}
.vhmargin-lg-top-30{
    margin-top: 30px;
}
.vhmargin-lg-top-35{
    margin-top: 35px;
}
.vhmargin-lg-top-40{
    margin-top: 40px;
}
.vhmargin-lg-top-45{
    margin-top: 45px;
}
.vhmargin-lg-top-50{
    margin-top: 50px;
}
.vhmargin-lg-top-60{
    margin-top: 60px;
}
.vhmargin-lg-top-70{
    margin-top: 70px;
}
.vhmargin-lg-top-80{
    margin-top: 80px;
}
.vhmargin-lg-top-90{
    margin-top: 90px;
}
.vhmargin-lg-top-100{
    margin-top: 100px;
}
/* bottom */
.vhmargin-lg-bottom-0{
    margin-bottom: 0;
}
.vhmargin-lg-bottom-5{
    margin-bottom: 5px;
}
.vhmargin-lg-bottom-10{
    margin-bottom: 10px;
}
.vhmargin-lg-bottom-15{
    margin-bottom: 15px;
}
.vhmargin-lg-bottom-20{
    margin-bottom: 20px;
}
.vhmargin-lg-bottom-25{
    margin-bottom: 25px;
}
.vhmargin-lg-bottom-30{
    margin-bottom: 30px;
}
.vhmargin-lg-bottom-35{
    margin-bottom: 35px;
}
.vhmargin-lg-bottom-40{
    margin-bottom: 40px;
}
.vhmargin-lg-bottom-45{
    margin-bottom: 45px;
}
.vhmargin-lg-bottom-50{
    margin-bottom: 50px;
}
.vhmargin-lg-bottom-60{
    margin-bottom: 60px;
}
.vhmargin-lg-bottom-70{
    margin-bottom: 70px;
}
.vhmargin-lg-bottom-80{
    margin-bottom: 80px;
}
.vhmargin-lg-bottom-90{
    margin-bottom: 90px;
}
.vhmargin-lg-bottom-100{
    margin-bottom: 100px;
}
/* left */
.vhmargin-lg-left-0{
    margin-left: 0;
}
.vhmargin-lg-left-5{
    margin-left: 5px;
}
.vhmargin-lg-left-10{
    margin-left: 10px;
}
.vhmargin-lg-left-15{
    margin-left: 15px;
}
.vhmargin-lg-left-20{
    margin-left: 20px;
}
.vhmargin-lg-left-25{
    margin-left: 25px;
}
.vhmargin-lg-left-30{
    margin-left: 30px;
}
.vhmargin-lg-left-35{
    margin-left: 35px;
}
.vhmargin-lg-left-40{
    margin-left: 40px;
}
.vhmargin-lg-left-45{
    margin-left: 45px;
}
.vhmargin-lg-left-50{
    margin-left: 50px;
}
.vhmargin-lg-left-60{
    margin-left: 60px;
}
.vhmargin-lg-left-70{
    margin-left: 70px;
}
.vhmargin-lg-left-80{
    margin-left: 80px;
}
.vhmargin-lg-left-90{
    margin-left: 90px;
}
.vhmargin-lg-left-100{
    margin-left: 100px;
}
/* right */
.vhmargin-lg-right-0{
    margin-right: 0;
}
.vhmargin-lg-right-5{
    margin-right: 5px;
}
.vhmargin-lg-right-10{
    margin-right: 10px;
}
.vhmargin-lg-right-15{
    margin-right: 15px;
}
.vhmargin-lg-right-20{
    margin-right: 20px;
}
.vhmargin-lg-right-25{
    margin-right: 25px;
}
.vhmargin-lg-right-30{
    margin-right: 30px;
}
.vhmargin-lg-right-35{
    margin-right: 35px;
}
.vhmargin-lg-right-40{
    margin-right: 40px;
}
.vhmargin-lg-right-45{
    margin-right: 45px;
}
.vhmargin-lg-right-50{
    margin-right: 50px;
}
.vhmargin-lg-right-60{
    margin-right: 60px;
}
.vhmargin-lg-right-70{
    margin-right: 70px;
}
.vhmargin-lg-right-80{
    margin-right: 80px;
}
.vhmargin-lg-right-90{
    margin-right: 90px;
}
.vhmargin-lg-right-100{
    margin-right: 100px;
}
/* magin col */
.vhmargin-lg-col-0{
    margin: 0 ;
}
.vhmargin-lg-col-5{
    margin: 0 -5px;
}
.vhmargin-lg-col-10{
    margin: 0 -10px;
}
.vhmargin-lg-col-15{
    margin: 0 -15px;
}
.vhmargin-lg-col-20{
    margin: 0 -20px;
}
.vhmargin-lg-col-225{
    margin: 0 -22.5px;
}
.vhmargin-lg-col-25{
    margin: 0 -25px;
}
.vhmargin-lg-col-30{
    margin: 0 -30px;
}
.vhmargin-lg-col-35{
    margin: 0 -35px;
}
.vhmargin-lg-col-40{
    margin: 0 -40px;
}
.vhmargin-lg-col-45{
    margin: 0 -45px;
}
.vhmargin-lg-col-50{
    margin: 0 -50px;
}

/* end style margin */
/* begin style padding */
.vhpadding-lg-0{
    padding: 0;
}
.vhpadding-lg-5{
    padding: 5px;
}
.vhpadding-lg-10{
    padding: 10px;
}
.vhpadding-lg-15{
    padding: 15px;
}
.vhpadding-lg-20{
    padding: 20px;
}
.vhpadding-lg-25{
    padding: 25px;
}
.vhpadding-lg-30{
    padding: 30px;
}
.vhpadding-lg-35{
    padding: 35px;
}
.vhpadding-lg-40{
    padding: 40px;
}
.vhpadding-lg-45{
    padding: 45px;
}
.vhpadding-lg-50{
    padding: 50px;
}
.vhpadding-lg-60{
    padding: 60px;
}
.vhpadding-lg-70{
    padding: 70px;
}
.vhpadding-lg-80{
    padding: 80px;
}
.vhpadding-lg-90{
    padding: 90px;
}
.vhpadding-lg-100{
    padding: 100px;
}
/* top bottom */
.vhpadding-lg-top-bottom-0{
    padding: 0;
}
.vhpadding-lg-top-bottom-5{
    padding: 5px 0;
}
.vhpadding-lg-top-bottom-10{
    padding: 10px 0;
}
.vhpadding-lg-top-bottom-15{
    padding: 15px 0;
}
.vhpadding-lg-top-bottom-20{
    padding: 20px 0;
}
.vhpadding-lg-top-bottom-25{
    padding: 25px 0;
}
.vhpadding-lg-top-bottom-30{
    padding: 30px 0;
}
.vhpadding-lg-top-bottom-35{
    padding: 35px 0;
}
.vhpadding-lg-top-bottom-40{
    padding: 40px 0;
}
.vhpadding-lg-top-bottom-45{
    padding: 45px 0;
}
.vhpadding-lg-top-bottom-50{
    padding: 50px 0;
}
.vhpadding-lg-top-bottom-60{
    padding: 60px 0;
}
.vhpadding-lg-top-bottom-70{
    padding: 70px 0;
}
.vhpadding-lg-top-bottom-80{
    padding: 80px 0;
}
.vhpadding-lg-top-bottom-90{
    padding: 90px 0;
}
.vhpadding-lg-top-bottom-100{
    padding: 100px 0;
}
/* left right */
.vhpadding-lg-left-right-0{
    padding: 0 ;
}
.vhpadding-lg-left-right-5{
    padding: 0 5px;
}
.vhpadding-lg-left-right-10{
    padding:0 10px;
}
.vhpadding-lg-left-right-15{
    padding:-0 15px;
}
.vhpadding-lg-left-right-20{
    padding:0 20px;
}
.vhpadding-lg-left-right-25{
    padding:0 25px;
}
.vhpadding-lg-left-right-30{
    padding:0 30px;
}
.vhpadding-lg-left-right-35{
    padding:0 35px;
}
.vhpadding-lg-left-right-40{
    padding:0 40px;
}
.vhpadding-lg-left-right-45{
    padding:0 45px;
}
.vhpadding-lg-left-right-50{
    padding:0 50px;
}
.vhpadding-lg-left-right-60{
    padding:0 60px;
}
.vhpadding-lg-left-right-70{
    padding:0 70px;
}
.vhpadding-lg-left-right-80{
    padding:0 80px;
}
.vhpadding-lg-left-right-90{
    padding:0 90px;
}
.vhpadding-lg-left-right-100{
    padding:0 100px;
}
/* top */
.vhpadding-lg-top-0{
    padding-top: 0;
}
.vhpadding-lg-top-5{
    padding-top: 5px;
}
.vhpadding-lg-top-10{
    padding-top: 10px;
}
.vhpadding-lg-top-15{
    padding-top: 15px;
}
.vhpadding-lg-top-20{
    padding-top: 20px;
}
.vhpadding-lg-top-25{
    padding-top: 25px;
}
.vhpadding-lg-top-30{
    padding-top: 30px;
}
.vhpadding-lg-top-35{
    padding-top: 35px;
}
.vhpadding-lg-top-40{
    padding-top: 40px;
}
.vhpadding-lg-top-45{
    padding-top: 45px;
}
.vhpadding-lg-top-50{
    padding-top: 50px;
}
.vhpadding-lg-top-55{
    padding-top: 55px;
}
.vhpadding-lg-top-60{
    padding-top: 60px;
}
.vhpadding-lg-top-70{
    padding-top: 70px;
}
.vhpadding-lg-top-80{
    padding-top: 80px;
}
.vhpadding-lg-top-90{
    padding-top: 90px;
}
.vhpadding-lg-top-100{
    padding-top: 100px;
}
/* bottom */
.vhpadding-lg-bottom-0{
    padding-bottom: 0;
}
.vhpadding-lg-bottom-5{
    padding-bottom: 5px;
}
.vhpadding-lg-bottom-10{
    padding-bottom: 10px;
}
.vhpadding-lg-bottom-15{
    padding-bottom: 15px;
}
.vhpadding-lg-bottom-20{
    padding-bottom: 20px;
}
.vhpadding-lg-bottom-25{
    padding-bottom: 25px;
}
.vhpadding-lg-bottom-30{
    padding-bottom: 30px;
}
.vhpadding-lg-bottom-35{
    padding-bottom: 35px;
}
.vhpadding-lg-bottom-40{
    padding-bottom: 40px;
}
.vhpadding-lg-bottom-45{
    padding-bottom: 45px;
}
.vhpadding-lg-bottom-50{
    padding-bottom: 50px;
}
.vhpadding-lg-bottom-60{
    padding-bottom: 60px;
}
.vhpadding-lg-bottom-65{
    padding-bottom: 65px;
}
.vhpadding-lg-bottom-70{
    padding-bottom: 70px;
}
.vhpadding-lg-bottom-80{
    padding-bottom: 80px;
}
.vhpadding-lg-bottom-90{
    padding-bottom: 90px;
}
.vhpadding-lg-bottom-100{
    padding-bottom: 100px;
}
/* left */
.vhpadding-lg-left-0{
    padding-left: 0;
}
.vhpadding-lg-left-5{
    padding-left: 5px;
}
.vhpadding-lg-left-10{
    padding-left: 10px;
}
.vhpadding-lg-left-15{
    padding-left: 15px;
}
.vhpadding-lg-left-20{
    padding-left: 20px;
}
.vhpadding-lg-left-25{
    padding-left: 25px;
}
.vhpadding-lg-left-30{
    padding-left: 30px;
}
.vhpadding-lg-left-35{
    padding-left: 35px;
}
.vhpadding-lg-left-40{
    padding-left: 40px;
}
.vhpadding-lg-left-45{
    padding-left: 45px;
}
.vhpadding-lg-left-50{
    padding-left: 50px;
}
.vhpadding-lg-left-60{
    padding-left: 60px;
}
.vhpadding-lg-left-70{
    padding-left: 70px;
}
.vhpadding-lg-left-80{
    padding-left: 80px;
}
.vhpadding-lg-left-90{
    padding-left: 90px;
}
.vhpadding-lg-left-100{
    padding-left: 100px;
}
/* right */
.vhpadding-lg-right-0{
    padding-right: 0;
}
.vhpadding-lg-right-5{
    padding-right: 5px;
}
.vhpadding-lg-right-10{
    padding-right: 10px;
}
.vhpadding-lg-right-15{
    padding-right: 15px;
}
.vhpadding-lg-right-20{
    padding-right: 20px;
}
.vhpadding-lg-right-25{
    padding-right: 25px;
}
.vhpadding-lg-right-30{
    padding-right: 30px;
}
.vhpadding-lg-right-35{
    padding-right: 35px;
}
.vhpadding-lg-right-40{
    padding-right: 40px;
}
.vhpadding-lg-right-45{
    padding-right: 45px;
}
.vhpadding-lg-right-50{
    padding-right: 50px;
}
.vhpadding-lg-right-60{
    padding-right: 60px;
}
.vhpadding-lg-right-70{
    padding-right: 70px;
}
.vhpadding-lg-right-80{
    padding-right: 80px;
}
.vhpadding-lg-right-90{
    padding-right: 90px;
}
.vhpadding-lg-right-100{
    padding-right: 100px;
}
/* padding col */
.vhpadding-lg-col-0{
    padding: 0;
}
.vhpadding-lg-col-5{
    padding: 0 5px;
}
.vhpadding-lg-col-10{
    padding: 0 10px;
}
.vhpadding-lg-col-15{
    padding: 0 15px;
}
.vhpadding-lg-col-20{
    padding: 0 20px;
}
.vhpadding-lg-col-225{
    padding: 0 22.5px;
}
.vhpadding-lg-col-25{
    padding: 0 25px;
}
.vhpadding-lg-col-30{
    padding: 0 30px;
}
.vhpadding-lg-col-35{
    padding: 0 35px;
}
.vhpadding-lg-col-40{
    padding: 0 40px;
}
.vhpadding-lg-col-45{
    padding: 0 45px;
}
.vhpadding-lg-col-50{
    padding: 0 50px;
}
/* end style padding */
/* vhtoa */
.vhtoa{
    position: relative;
}
.vhtoa::before{
    content: '';
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 20px solid #fff;
    opacity: 0.5;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.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);}
}

/* bggra  */
.vhbgall{
    background-color: #f2f5fe;
}

/* begin style form */
.vhborder{
    border: 1px solid rgba(0,0,0,0.1);
}
.vhborder-top{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.vhborder-right{
    border-right: 1px solid rgba(0,0,0,0.1);
}
.vhborder-left{
    border-left: 1px solid rgba(0,0,0,0.1);
}
.vhborder-bottom{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.vhborder-bottom-w{
    border-bottom: 2px solid #fff;
}
.vhform{
    margin-bottom: 15px;
}
.vhform input, .vhform select{
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
}
.vhform button{
    width: 100%;
    height: 45px;
    border: 1px solid #b7202f;
    text-align: center;
    background-color: #b7202f;
    color: #ffffff;
    font-size: 13px;
    line-height: 21px;
    border-radius: 3px;
}
.vhform button i{
    margin-right: 5px;
}
.vhform button:hover{
    background-color: #ffffff;
    color: #b7202f;
}
/* .vhform input::-webkit-input-placeholder { 
    color: #333;
}
  
.vhform input:-ms-input-placeholder { 
    color: #333;
}
.vhform input::placeholder {
    color: #333;
} */

.vhform label{
    display: block;
    font-weight: 600;
}
.vhform label span{
    color: #b7202f;
}
.vhform textarea{
    width: 100%;
    height: 219px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.1);
}
.vhform .vhfa{
    position: relative;
}
.vhform .vhfa::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.vhform .vhfa input{
    padding-right: 50px;
}
.vhform{
    
}
.vhformradio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  /* Hide the browser's default radio button */
.vhformradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.vhradio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f4f4f4;
    border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.vhformradio:hover input ~ .vhradio {
    background-color: #f4f4f4;
}
/* When the radio button is checked, add a blue background */
.vhformradio input:checked ~ .vhradio {
    background-color: #ffffff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.vhradio:after {
    content: "";
    position: absolute;
    display: none;
}
.vhradio::before{
    content: '';
    border: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
}
/* Show the indicator (dot/circle) when checked */
.vhformradio input:checked ~ .vhradio:after {
    display: block;
}
.vhformradio input:checked ~ .vhradio::before{
    border: 2px solid #f68420;
}
/* Style the indicator (dot/circle) */
.vhformradio .vhradio:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f68420;
}
/* style height */
.vhheight-0{
    height: 0;
}
.vhheight-5{
    height: 5px;
}
.vhheight-10{
    height: 10px;
}
.vhheight-15{
    height: 15px;
}
.vhheight-20{
    height: 20px;
}
.vhheight-25{
    height: 25px;
}
.vhheight-30{
    height: 30px;
}
.vhheight-35{
    height: 35px;
}
.vhheight-40{
    height: 40px;
}
.vhheight-45{
    height: 45px;
}
.vhheight-50{
    height: 50px;
}
.vhheight-55{
    height: 55px;
}
.vhheight-60{
    height: 60px;
}
.vhheight-65{
    height: 65px;
}
.vhheight-70{
    height: 70px;
}
.vhheight-75{
    height: 75px;
}
.vhheight-80{
    height: 80px;
}
.vhheight-85{
    height: 85px;
}
.vhheight-90{
    height: 90px;
}
.vhheight-95{
    height: 95px;
}
.vhheight-100{
    height: 100px;
}

.vhheight-lg-0{
    height: 0;
}
.vhheight-lg-5{
    height: 5px;
}
.vhheight-lg-10{
    height: 10px;
}
.vhheight-lg-15{
    height: 15px;
}
.vhheight-lg-20{
    height: 20px;
}
.vhheight-lg-25{
    height: 25px;
}
.vhheight-lg-30{
    height: 30px;
}
.vhheight-lg-35{
    height: 35px;
}
.vhheight-lg-40{
    height: 40px;
}
.vhheight-lg-45{
    height: 45px;
}
.vhheight-lg-50{
    height: 50px;
}
.vhheight-lg-55{
    height: 55px;
}
.vhheight-lg-60{
    height: 60px;
}
.vhheight-lg-65{
    height: 65px;
}
.vhheight-lg-70{
    height: 70px;
}
.vhheight-lg-75{
    height: 75px;
}
.vhheight-lg-80{
    height: 80px;
}
.vhheight-lg-85{
    height: 85px;
}
.vhheight-lg-90{
    height: 90px;
}
.vhheight-lg-95{
    height: 95px;
}
.vhheight-lg-100{
    height: 100px;
}
/* max wigth */
.vhwidth-100{
    width: 100%;
}
.vhwrap-200{
    max-width: 200px;
}
.vhwrap-270{
    max-width: 270px;
}
.vhwrap-300{
    max-width: 300px;
}
.vhwrap-400{
    max-width: 400px;
}
.vhwrap-420{
    max-width: 420px;
}
.vhwrap-500{
    max-width: 500px;
}
.vhwrap-600{
    max-width: 600px;
}
.vhwrap-700{
    max-width: 700px;
}
.vhwrap-800{
    max-width: 800px;
}
.vhwrap-900{
    max-width: 900px;
}
.vhwrap-970{
    max-width: 970px;
}
.vhwrap-1000{
    max-width: 1000px;
}
/* raidius */
.vhradi-2{
    border-radius: 2px;
}
.vhradi-3{
    border-radius: 3px;
}
.vhradi-5{
    border-radius: 5px;
}
.vhradi-10{
    border-radius: 10px;
}
.vhradi-15{
    border-radius: 15px;
}
.vhradi-20{
    border-radius: 20px;
}
.vhradi-25{
    border-radius: 25px;
}
.vhradi-100{
    border-radius: 100%;
}


/* buttom a */
.vhbtn{
    display: inline-block;
    text-align: center;
    padding: 8px 25px;
    position: relative;
    z-index: 1;
    background-color: #fe3202;
    border: 1px solid #fe3202;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 5px;
}
.vhbtnborder{
    border: 1px solid #333333;
    color: #333333;
}
.vhbtnbg{
    color: #fff;
    border: 1px solid #333333;
}
.vhbtn:hover{
    color: #fe3202;
    background-color: #fff;
}
.vhbtnbg:hover{
    color: #333333;
}
.vhbtn-right::before, .vhbtn-left::before, .vhbtn-top::before, .vhbtn-bottom::before{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #333333;
    content: '';
    position: absolute;
    z-index: -1;
}
.vhbtn-right::before{
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
}
.vhbtn-left::before{
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
}
.vhbtn-top::before{
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 0;
}
.vhbtn-bottom::before{
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 0;
}
.vhbtn-left-no::before, .vhbtn-right-no::before{
    width: 100%;
}
.vhbtn-top-no::before, .vhbtn-bottom-no::before{
    height: 100%;
}
.vhbtn-right:hover::before, .vhbtn-left:hover::before{
    width: 100%;
}
.vhbtn-top:hover::before, .vhbtn-bottom:hover::before{
    height: 100%;
}
.vhbtn-right-no:hover::before, .vhbtn-left-no:hover::before{
    width: 0%;
}
.vhbtn-top-no:hover::before, .vhbtn-bottom-no:hover::before{
    height: 0%;
}

.vhbtn-full{
    width: 100%;
}
.vhbtnfa span.left{
    padding-left: 20px;
    position: relative;
}
.vhbtnfa span.right{
    padding-right: 20px;
    position: relative;
}
.vhbtnfa span::before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vhbtnfa span.left::before{
    left: 0;
}
.vhbtnfa span.right::before{
    right: 0;
}
/* effect img */

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

.vhslickload .colsl, .vhslickload .item, .vhslickload .lcol, .vhslickload .colo{
    opacity: 0;
}
.vhslickload.slick-slider .colsl, .vhslickload.slick-slider .item, .vhslickload.slick-slider .lcol,  .vhslickload.slick-slider .colo{
    opacity: 1;
}
/* <==== load slick ====> */

/* <==== booktrap ====> */
.hiddenmb{
    display: block!important;
}
.hiddenpc{
    display: none!important;
}
.row{
    margin-left: -10px;
    margin-right: -10px;
}
.row>*[class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}
/* <==== 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) {
    .vhbtnslickam .slick-prev{
        left: -15px;
    }
    .vhbtnslickam .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;
    }
    .vhfont-md-10{
        font-size: 10px;
        line-height: 15px;
    }
    .vhfont-md-11{
        font-size: 11px;
        line-height: 18px;
    }
    .vhfont-md-12{
        font-size: 12px;
        line-height: 20px;
    }
    .vhfont-md-13{
        font-size: 13px;
        line-height: 21px;
    }
    .vhfont-md-14{
        font-size: 14px;
        line-height: 22px;
    }
    .vhfont-md-15{
        font-size: 15px;
        line-height: 23px;
    }
    .vhfont-md-16{
        font-size: 16px;
        line-height: 24px;
    }
    .vhfont-md-17{
        font-size: 17px;
        line-height: 25px;
    }
    .vhfont-md-18{
        font-size: 18px;
        line-height: 27px;
    }
    .vhfont-md-19{
        font-size: 19px;
        line-height: 28px;
    }
    .vhfont-md-20{
        font-size: 20px;
        line-height: 30px;
    }
    .vhfont-md-21{
        font-size: 21px;
        line-height: 32px;
    }
    .vhfont-md-22{
        font-size: 22px;
        line-height: 34px;
    }
    .vhfont-md-23{
        font-size: 23px;
        line-height: 35px;
    }
    .vhfont-md-24{
        font-size: 24px;
        line-height: 36px;
    }
    .vhfont-md-25{
        font-size: 25px;
        line-height: 37px;
    }
    .vhfont-md-26{
        font-size: 26px;
        line-height: 38px;
    }
    .vhfont-md-27{
        font-size: 27px;
        line-height: 40px;
    }
    .vhfont-md-28{
        font-size: 28px;
        line-height: 42px;
    }
    .vhfont-md-29{
        font-size: 29px;
        line-height: 43px;
    }
    .vhfont-md-30{
        font-size: 30px;
        line-height: 45px;
    }
    .vhfont-md-31{
        font-size: 31px;
        line-height: 46px;
    }
    .vhfont-md-32{
        font-size: 32px;
        line-height: 47px;
    }
    .vhfont-md-33{
        font-size: 33px;
        line-height: 48px;
    }
    .vhfont-md-34{
        font-size: 34px;
        line-height: 49px;
    }
    .vhfont-md-35{
        font-size: 35px;
        line-height: 50px;
    }
    .vhfont-md-40{
        font-size: 40px;
        line-height: 55px;
    }
    .vhfont-md-50{
        font-size: 50px;
        line-height: 65px;
    }
    .vhfont-md-60{
        font-size: 60px;
        line-height: 75px;
    }
    .vhslick-md-0 .slick-list{
        margin: 0;
    }
    .vhslick-md-5 .slick-list{
        margin: 0 -5px;
    }
    .vhslick-md-10 .slick-list{
        margin: 0 -10px;
    }
    .vhslick-md-15 .slick-list{
        margin: 0 -15px;
    }
    .vhslick-md-20 .slick-list{
        margin: 0 -20px;
    }
    .vhslick-md-25 .slick-list{
        margin: 0 -25px;
    }
    .vhslick-md-30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vhslick-md-0 .slick-slide{
        padding: 0;
    }
    .vhslick-md-5 .slick-slide{
        padding: 0 5px;
    }
    .vhslick-md-10 .slick-slide{
        padding: 0 10px;
    }
    .vhslick-md-15 .slick-slide{
        padding: 0 15px;
    }
    .vhslick-md-20 .slick-slide{
        padding: 0 20px;
    }
    .vhslick-md-25 .slick-slide{
        padding: 0 25px;
    }
    .vhslick-md-30 .slick-slide{
        padding: 0 30px;
    }
    .vhbtnslickres .slick-prev{
        left: -10px;
    }
    .vhbtnslickres .slick-next{
        right: -10px;
    }
    
    /* begin style block */
    .vhcol-md-0{
        width: 0%;
    }
    .vhcol-md-25{
        width: 25%;
    }
    .vhcol-md-30{
        width: 30%;
    }
    .vhcol-md-35{
        width: 35%;
    }
    .vhcol-md-40{
        width: 40%;
    }
    .vhcol-md-45{
        width: 45%;
    }
    .vhcol-md-55{
        width: 55%;
    }
    .vhcol-md-60{
        width: 60%;
    }
    .vhcol-md-65{
        width: 65%;
    }
    .vhcol-md-66{
        width: 66.66666%;
    }
    .vhcol-md-70{
        width: 70%;
    }
    .vhcol-md-75{
        width: 75%;
    }
    .vhcol-md-80{
        width: 80%;
    }
    .vhcol-md-6{
        width: 16.66666%;
    }
    .vhcol-md-5{
        width: 20%;
    }
    .vhcol-md-4{
        width: 25%;
    }
    .vhcol-md-3{
        width: 33.3333%;
    }
    .vhcol-md-2{
        width: 50%;
    }
    .vhcol-md-1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vhmargibn-auto{
        margin: 0 auto;
    }
    .vhmargin-md-0{
        margin: 0;
    }
    .vhmargin-md-5{
        margin: 5px;
    }
    .vhmargin-md-10{
        margin: 10px;
    }
    .vhmargin-md-15{
        margin: 15px;
    }
    .vhmargin-md-20{
        margin: 20px;
    }
    .vhmargin-md-25{
        margin: 25px;
    }
    .vhmargin-md-30{
        margin: 30px;
    }
    .vhmargin-md-35{
        margin: 35px;
    }
    .vhmargin-md-40{
        margin: 40px;
    }
    .vhmargin-md-45{
        margin: 45px;
    }
    .vhmargin-md-50{
        margin: 50px;
    }
    .vhmargin-md-60{
        margin: 60px;
    }
    .vhmargin-md-70{
        margin: 70px;
    }
    /* top bottom */
    .vhmargin-md-top-bottom-0{
        margin: 0;
    }
    .vhmargin-md-top-bottom-5{
        margin: 5px 0;
    }
    .vhmargin-md-top-bottom-10{
        margin: 10px 0;
    }
    .vhmargin-md-top-bottom-15{
        margin: 15px 0;
    }
    .vhmargin-md-top-bottom-20{
        margin: 20px 0;
    }
    .vhmargin-md-top-bottom-25{
        margin: 25px 0;
    }
    .vhmargin-md-top-bottom-30{
        margin: 30px 0;
    }
    .vhmargin-md-top-bottom-35{
        margin: 35px 0;
    }
    .vhmargin-md-top-bottom-40{
        margin: 40px 0;
    }
    .vhmargin-md-top-bottom-45{
        margin: 45px 0;
    }
    .vhmargin-md-top-bottom-50{
        margin: 50px 0;
    }
    .vhmargin-md-top-bottom-50{
        margin: 50px 0;
    }
    .vhmargin-md-top-bottom-60{
        margin: 60px 0;
    }
    .vhmargin-md-top-bottom-70{
        margin: 60px 0;
    }
    .vhmargin-md-top-bottom-80{
        margin: 80px 0;
    }
    .vhmargin-md-top-bottom-90{
        margin: 90px 0;
    }
    .vhmargin-md-top-bottom-100{
        margin: 100px 0;
    }
    /* left right */
    .vhmargin-md-left-right-0{
        margin: 0;
    }
    .vhmargin-md-left-right-5{
        margin:0 5px;
    }
    .vhmargin-md-left-right-10{
        margin:0 10px;
    }
    .vhmargin-md-left-right-15{
        margin:0 15px;
    }
    .vhmargin-md-left-right-20{
        margin:0 20px;
    }
    .vhmargin-md-left-right-25{
        margin:0 25px;
    }
    .vhmargin-md-left-right-30{
        margin:0 30px;
    }
    .vhmargin-md-left-right-35{
        margin:0 35px;
    }
    .vhmargin-md-left-right-40{
        margin:0 40px;
    }
    .vhmargin-md-left-right-45{
        margin:0 45px;
    }
    .vhmargin-md-left-right-50{
        margin:0 50px;
    }
    .vhmargin-md-left-right-60{
        margin:0 60px;
    }
    .vhmargin-md-left-right-70{
        margin:0 70px;
    }
    .vhmargin-md-left-right-80{
        margin:0 80px;
    }
    .vhmargin-md-left-right-90{
        margin:0 90px;
    }
    .vhmargin-md-left-right-100{
        margin:0 100px;
    }
    /* top */
    .vhmargin-md-top-0{
        margin-top: 0;
    }
    .vhmargin-md-top-5{
        margin-top: 5px;
    }
    .vhmargin-md-top-10{
        margin-top: 10px;
    }
    .vhmargin-md-top-15{
        margin-top: 15px;
    }
    .vhmargin-md-top-20{
        margin-top: 20px;
    }
    .vhmargin-md-top-25{
        margin-top: 25px;
    }
    .vhmargin-md-top-30{
        margin-top: 30px;
    }
    .vhmargin-md-top-35{
        margin-top: 35px;
    }
    .vhmargin-md-top-40{
        margin-top: 40px;
    }
    .vhmargin-md-top-45{
        margin-top: 45px;
    }
    .vhmargin-md-top-50{
        margin-top: 50px;
    }
    .vhmargin-md-top-60{
        margin-top: 60px;
    }
    .vhmargin-md-top-70{
        margin-top: 70px;
    }
    .vhmargin-md-top-80{
        margin-top: 80px;
    }
    .vhmargin-md-top-90{
        margin-top: 90px;
    }
    .vhmargin-md-top-100{
        margin-top: 100px;
    }
    /* bottom */
    .vhmargin-md-bottom-0{
        margin-bottom: 0;
    }
    .vhmargin-md-bottom-5{
        margin-bottom: 5px;
    }
    .vhmargin-md-bottom-10{
        margin-bottom: 10px;
    }
    .vhmargin-md-bottom-15{
        margin-bottom: 15px;
    }
    .vhmargin-md-bottom-20{
        margin-bottom: 20px;
    }
    .vhmargin-md-bottom-25{
        margin-bottom: 25px;
    }
    .vhmargin-md-bottom-30{
        margin-bottom: 30px;
    }
    .vhmargin-md-bottom-35{
        margin-bottom: 35px;
    }
    .vhmargin-md-bottom-40{
        margin-bottom: 40px;
    }
    .vhmargin-md-bottom-45{
        margin-bottom: 45px;
    }
    .vhmargin-md-bottom-50{
        margin-bottom: 50px;
    }
    .vhmargin-md-bottom-60{
        margin-bottom: 60px;
    }
    .vhmargin-md-bottom-70{
        margin-bottom: 70px;
    }
    .vhmargin-md-bottom-80{
        margin-bottom: 80px;
    }
    .vhmargin-md-bottom-90{
        margin-bottom: 90px;
    }
    .vhmargin-md-bottom-100{
        margin-bottom: 100px;
    }
    /* left */
    .vhmargin-md-left-0{
        margin-left: 0;
    }
    .vhmargin-md-left-5{
        margin-left: 5px;
    }
    .vhmargin-md-left-10{
        margin-left: 10px;
    }
    .vhmargin-md-left-15{
        margin-left: 15px;
    }
    .vhmargin-md-left-20{
        margin-left: 20px;
    }
    .vhmargin-md-left-25{
        margin-left: 25px;
    }
    .vhmargin-md-left-30{
        margin-left: 30px;
    }
    .vhmargin-md-left-35{
        margin-left: 35px;
    }
    .vhmargin-md-left-40{
        margin-left: 40px;
    }
    .vhmargin-md-left-45{
        margin-left: 45px;
    }
    .vhmargin-md-left-50{
        margin-left: 50px;
    }
    .vhmargin-md-left-60{
        margin-left: 60px;
    }
    .vhmargin-md-left-70{
        margin-left: 70px;
    }
    .vhmargin-md-left-80{
        margin-left: 80px;
    }
    .vhmargin-md-left-90{
        margin-left: 90px;
    }
    .vhmargin-md-left-100{
        margin-left: 100px;
    }
    /* right */
    .vhmargin-md-right-0{
        margin-right: 0;
    }
    .vhmargin-md-right-5{
        margin-right: 5px;
    }
    .vhmargin-md-right-10{
        margin-right: 10px;
    }
    .vhmargin-md-right-15{
        margin-right: 15px;
    }
    .vhmargin-md-right-20{
        margin-right: 20px;
    }
    .vhmargin-md-right-25{
        margin-right: 25px;
    }
    .vhmargin-md-right-30{
        margin-right: 30px;
    }
    .vhmargin-md-right-35{
        margin-right: 35px;
    }
    .vhmargin-md-right-40{
        margin-right: 40px;
    }
    .vhmargin-md-right-45{
        margin-right: 45px;
    }
    .vhmargin-md-right-50{
        margin-right: 50px;
    }
    .vhmargin-md-right-60{
        margin-right: 60px;
    }
    .vhmargin-md-right-70{
        margin-right: 70px;
    }
    .vhmargin-md-right-80{
        margin-right: 80px;
    }
    .vhmargin-md-right-90{
        margin-right: 90px;
    }
    .vhmargin-md-right-100{
        margin-right: 100px;
    }
    /* magin col */
    .vhmargin-md-col-0{
        margin: 0 ;
    }
    .vhmargin-md-col-5{
        margin: 0 -5px;
    }
    .vhmargin-md-col-10{
        margin: 0 -10px;
    }
    .vhmargin-md-col-15{
        margin: 0 -15px;
    }
    .vhmargin-md-col-20{
        margin: 0 -20px;
    }
    .vhmargin-md-col-25{
        margin: 0 -25px;
    }
    .vhmargin-md-col-30{
        margin: 0 -30px;
    }
    .vhmargin-md-col-35{
        margin: 0 -35px;
    }
    .vhmargin-md-col-40{
        margin: 0 -40px;
    }
    .vhmargin-md-col-45{
        margin: 0 -45px;
    }
    .vhmargin-md-col-50{
        margin: 0 -50px;
    }

    /* end style margin */
    /* begin style padding */
    .vhpadding-md-0{
        padding: 0;
    }
    .vhpadding-md-5{
        padding: 5px;
    }
    .vhpadding-md-10{
        padding: 10px;
    }
    .vhpadding-md-15{
        padding: 15px;
    }
    .vhpadding-md-20{
        padding: 20px;
    }
    .vhpadding-md-25{
        padding: 25px;
    }
    .vhpadding-md-30{
        padding: 30px;
    }
    .vhpadding-md-35{
        padding: 35px;
    }
    .vhpadding-md-40{
        padding: 40px;
    }
    .vhpadding-md-45{
        padding: 45px;
    }
    .vhpadding-md-50{
        padding: 50px;
    }
    .vhpadding-md-60{
        padding: 60px;
    }
    .vhpadding-md-70{
        padding: 70px;
    }
    .vhpadding-md-80{
        padding: 80px;
    }
    .vhpadding-md-90{
        padding: 90px;
    }
    .vhpadding-md-100{
        padding: 100px;
    }
    /* top bottom */
    .vhpadding-md-top-bottom-0{
        padding: 0;
    }
    .vhpadding-md-top-bottom-5{
        padding: 5px 0;
    }
    .vhpadding-md-top-bottom-10{
        padding: 10px 0;
    }
    .vhpadding-md-top-bottom-15{
        padding: 15px 0;
    }
    .vhpadding-md-top-bottom-20{
        padding: 20px 0;
    }
    .vhpadding-md-top-bottom-25{
        padding: 25px 0;
    }
    .vhpadding-md-top-bottom-30{
        padding: 30px 0;
    }
    .vhpadding-md-top-bottom-35{
        padding: 35px 0;
    }
    .vhpadding-md-top-bottom-40{
        padding: 40px 0;
    }
    .vhpadding-md-top-bottom-45{
        padding: 45px 0;
    }
    .vhpadding-md-top-bottom-50{
        padding: 50px 0;
    }
    .vhpadding-md-top-bottom-60{
        padding: 60px 0;
    }
    .vhpadding-md-top-bottom-70{
        padding: 70px 0;
    }
    .vhpadding-md-top-bottom-80{
        padding: 80px 0;
    }
    .vhpadding-md-top-bottom-90{
        padding: 90px 0;
    }
    .vhpadding-md-top-bottom-100{
        padding: 100px 0;
    }
    /* left right */
    .vhpadding-md-left-right-0{
        padding: 0 ;
    }
    .vhpadding-md-left-right-5{
        padding: 0 5px;
    }
    .vhpadding-md-left-right-10{
        padding:0 10px;
    }
    .vhpadding-md-left-right-15{
        padding:-0 15px;
    }
    .vhpadding-md-left-right-20{
        padding:0 20px;
    }
    .vhpadding-md-left-right-25{
        padding:0 25px;
    }
    .vhpadding-md-left-right-30{
        padding:0 30px;
    }
    .vhpadding-md-left-right-35{
        padding:0 35px;
    }
    .vhpadding-md-left-right-40{
        padding:0 40px;
    }
    .vhpadding-md-left-right-45{
        padding:0 45px;
    }
    .vhpadding-md-left-right-50{
        padding:0 50px;
    }
    .vhpadding-md-left-right-60{
        padding:0 60px;
    }
    .vhpadding-md-left-right-70{
        padding:0 70px;
    }
    .vhpadding-md-left-right-80{
        padding:0 80px;
    }
    .vhpadding-md-left-right-90{
        padding:0 90px;
    }
    .vhpadding-md-left-right-100{
        padding:0 100px;
    }
    /* top */
    .vhpadding-md-top-0{
        padding-top: 0;
    }
    .vhpadding-md-top-5{
        padding-top: 5px;
    }
    .vhpadding-md-top-10{
        padding-top: 10px;
    }
    .vhpadding-md-top-15{
        padding-top: 15px;
    }
    .vhpadding-md-top-20{
        padding-top: 20px;
    }
    .vhpadding-md-top-25{
        padding-top: 25px;
    }
    .vhpadding-md-top-30{
        padding-top: 30px;
    }
    .vhpadding-md-top-35{
        padding-top: 35px;
    }
    .vhpadding-md-top-40{
        padding-top: 40px;
    }
    .vhpadding-md-top-45{
        padding-top: 45px;
    }
    .vhpadding-md-top-50{
        padding-top: 50px;
    }
    .vhpadding-md-top-60{
        padding-top: 60px;
    }
    .vhpadding-md-top-70{
        padding-top: 70px;
    }
    .vhpadding-md-top-80{
        padding-top: 80px;
    }
    .vhpadding-md-top-90{
        padding-top: 90px;
    }
    .vhpadding-md-top-100{
        padding-top: 100px;
    }
    /* bottom */
    .vhpadding-md-bottom-0{
        padding-bottom: 0;
    }
    .vhpadding-md-bottom-5{
        padding-bottom: 5px;
    }
    .vhpadding-md-bottom-10{
        padding-bottom: 10px;
    }
    .vhpadding-md-bottom-15{
        padding-bottom: 15px;
    }
    .vhpadding-md-bottom-20{
        padding-bottom: 20px;
    }
    .vhpadding-md-bottom-25{
        padding-bottom: 25px;
    }
    .vhpadding-md-bottom-30{
        padding-bottom: 30px;
    }
    .vhpadding-md-bottom-35{
        padding-bottom: 35px;
    }
    .vhpadding-md-bottom-40{
        padding-bottom: 40px;
    }
    .vhpadding-md-bottom-45{
        padding-bottom: 45px;
    }
    .vhpadding-md-bottom-50{
        padding-bottom: 50px;
    }
    .vhpadding-md-bottom-60{
        padding-bottom: 60px;
    }
    .vhpadding-md-bottom-70{
        padding-bottom: 70px;
    }
    .vhpadding-md-bottom-80{
        padding-bottom: 80px;
    }
    .vhpadding-md-bottom-90{
        padding-bottom: 90px;
    }
    .vhpadding-md-bottom-100{
        padding-bottom: 100px;
    }
    /* left */
    .vhpadding-md-left-0{
        padding-left: 0;
    }
    .vhpadding-md-left-5{
        padding-left: 5px;
    }
    .vhpadding-md-left-10{
        padding-left: 10px;
    }
    .vhpadding-md-left-15{
        padding-left: 15px;
    }
    .vhpadding-md-left-20{
        padding-left: 20px;
    }
    .vhpadding-md-left-25{
        padding-left: 25px;
    }
    .vhpadding-md-left-30{
        padding-left: 30px;
    }
    .vhpadding-md-left-35{
        padding-left: 35px;
    }
    .vhpadding-md-left-40{
        padding-left: 40px;
    }
    .vhpadding-md-left-45{
        padding-left: 45px;
    }
    .vhpadding-md-left-50{
        padding-left: 50px;
    }
    .vhpadding-md-left-60{
        padding-left: 60px;
    }
    .vhpadding-md-left-70{
        padding-left: 70px;
    }
    .vhpadding-md-left-80{
        padding-left: 80px;
    }
    .vhpadding-md-left-90{
        padding-left: 90px;
    }
    .vhpadding-md-left-100{
        padding-left: 100px;
    }
    /* right */
    .vhpadding-md-right-0{
        padding-right: 0;
    }
    .vhpadding-md-right-5{
        padding-right: 5px;
    }
    .vhpadding-md-right-10{
        padding-right: 10px;
    }
    .vhpadding-md-right-15{
        padding-right: 15px;
    }
    .vhpadding-md-right-20{
        padding-right: 20px;
    }
    .vhpadding-md-right-25{
        padding-right: 25px;
    }
    .vhpadding-md-right-30{
        padding-right: 30px;
    }
    .vhpadding-md-right-35{
        padding-right: 35px;
    }
    .vhpadding-md-right-40{
        padding-right: 40px;
    }
    .vhpadding-md-right-45{
        padding-right: 45px;
    }
    .vhpadding-md-right-50{
        padding-right: 50px;
    }
    .vhpadding-md-right-60{
        padding-right: 60px;
    }
    .vhpadding-md-right-70{
        padding-right: 70px;
    }
    .vhpadding-md-right-80{
        padding-right: 80px;
    }
    .vhpadding-md-right-90{
        padding-right: 90px;
    }
    .vhpadding-md-right-100{
        padding-right: 100px;
    }
    /* padding col */
    .vhpadding-md-col-0{
        padding: 0;
    }
    .vhpadding-md-col-5{
        padding: 0 5px;
    }
    .vhpadding-md-col-10{
        padding: 0 10px;
    }
    .vhpadding-md-col-15{
        padding: 0 15px;
    }
    .vhpadding-md-col-20{
        padding: 0 20px;
    }
    .vhpadding-md-col-25{
        padding: 0 25px;
    }
    .vhpadding-md-col-30{
        padding: 0 30px;
    }
    .vhpadding-md-col-35{
        padding: 0 35px;
    }
    .vhpadding-md-col-40{
        padding: 0 40px;
    }
    .vhpadding-md-col-45{
        padding: 0 45px;
    }
    .vhpadding-md-col-50{
        padding: 0 50px;
    }
    .vhheight-md-0{
        height: 0;
    }
    .vhheight-md-5{
        height: 5px;
    }
    .vhheight-md-10{
        height: 10px;
    }
    .vhheight-md-15{
        height: 15px;
    }
    .vhheight-md-20{
        height: 20px;
    }
    .vhheight-md-25{
        height: 25px;
    }
    .vhheight-md-30{
        height: 30px;
    }
    .vhheight-md-35{
        height: 35px;
    }
    .vhheight-md-40{
        height: 40px;
    }
    .vhheight-md-45{
        height: 45px;
    }
    .vhheight-md-50{
        height: 50px;
    }
    .vhheight-md-55{
        height: 55px;
    }
    .vhheight-md-60{
        height: 60px;
    }
    .vhheight-md-65{
        height: 65px;
    }
    .vhheight-md-70{
        height: 70px;
    }
    .vhheight-md-75{
        height: 75px;
    }
    .vhheight-md-80{
        height: 80px;
    }
    .vhheight-md-85{
        height: 85px;
    }
    .vhheight-md-90{
        height: 90px;
    }
    .vhheight-md-95{
        height: 95px;
    }
    .vhheight-md-100{
        height: 100px;
    }
    .vhbtnslickmb{
        padding-bottom: 60px;
    }
    .vhbtnslickmb .slick-arrow{
        top: initial!important;
        transform: initial;
        bottom: 0px;
    }
    .vhbtnslickmb .slick-prev{
        left: calc(50% - 40px)!important;
    }
    .vhbtnslickmb .slick-next{
        left: calc(50% + 0px)!important;
        right: initial!important;
    }
}
@media screen and (max-width: 991px) {
    .vhheight-sm-0{
        height: 0;
    }
    .vhheight-sm-5{
        height: 5px;
    }
    .vhheight-sm-10{
        height: 10px;
    }
    .vhheight-sm-15{
        height: 15px;
    }
    .vhheight-sm-20{
        height: 20px;
    }
    .vhheight-sm-25{
        height: 25px;
    }
    .vhheight-sm-30{
        height: 30px;
    }
    .vhheight-sm-35{
        height: 35px;
    }
    .vhheight-sm-40{
        height: 40px;
    }
    .vhheight-sm-45{
        height: 45px;
    }
    .vhheight-sm-50{
        height: 50px;
    }
    .vhheight-sm-55{
        height: 55px;
    }
    .vhheight-sm-60{
        height: 60px;
    }
    .vhheight-sm-65{
        height: 65px;
    }
    .vhheight-sm-70{
        height: 70px;
    }
    .vhheight-sm-75{
        height: 75px;
    }
    .vhheight-sm-80{
        height: 80px;
    }
    .vhheight-sm-85{
        height: 85px;
    }
    .vhheight-sm-90{
        height: 90px;
    }
    .vhheight-sm-95{
        height: 95px;
    }
    .vhheight-sm-100{
        height: 100px;
    }
    /*  */
    .vhdotsab .slick-dots{
        bottom: 15px;
    }
    .vhbtnslick .slick-arrow{
        width: 40px;
        height: 40px;
    }
    .vhbtnslickres .slick-arrow{
        width: 40px;
        height: 40px;
    }
    
    .vhbtnslick .slick-arrow::before{
        font-size: 30px;
        line-height: 30px;
    }
    .vhbtnslick .slick-next{
        right: 0;
    }
    .vhbtnslick .slick-prev{
        left: 0;
    }
    .vhbtnslickbn .slick-next{
        right: 10px;
    }
    .vhbtnslickbn .slick-prev{
        left: 10px;
    }
    .vhbtnslickban .slick-next{
        right: -20px;
    }
    .vhbtnslickban .slick-prev{
        right: -20px;
    }
    .vhbtnslickres .slick-prev{
        left: -10px;
    }
    .vhbtnslickres .slick-next{
        right: -10px;
    }
    .vhbtnslickres .slick-arrow::before{
        font-size: 14px;
        line-height: 22px;
    }
    /* begin style font */
    .vhfont-title{
        font-size: 22px;
        line-height: 30px;
    }
    
    .vhfont-sm-10{
        font-size: 10px;
        line-height: 15px;
    }
    .vhfont-sm-11{
        font-size: 11px;
        line-height: 18px;
    }
    .vhfont-sm-12{
        font-size: 12px;
        line-height: 20px;
    }
    .vhfont-sm-13{
        font-size: 13px;
        line-height: 21px;
    }
    .vhfont-sm-14{
        font-size: 14px;
        line-height: 22px;
    }
    .vhfont-sm-15{
        font-size: 15px;
        line-height: 23px;
    }
    .vhfont-sm-16{
        font-size: 16px;
        line-height: 24px;
    }
    .vhfont-sm-17{
        font-size: 17px;
        line-height: 25px;
    }
    .vhfont-sm-18{
        font-size: 18px;
        line-height: 27px;
    }
    .vhfont-sm-19{
        font-size: 19px;
        line-height: 28px;
    }
    .vhfont-sm-20{
        font-size: 20px;
        line-height: 30px;
    }
    .vhfont-sm-21{
        font-size: 21px;
        line-height: 32px;
    }
    .vhfont-sm-22{
        font-size: 22px;
        line-height: 34px;
    }
    .vhfont-sm-23{
        font-size: 23px;
        line-height: 35px;
    }
    .vhfont-sm-24{
        font-size: 24px;
        line-height: 36px;
    }
    .vhfont-sm-25{
        font-size: 25px;
        line-height: 37px;
    }
    .vhfont-sm-26{
        font-size: 26px;
        line-height: 38px;
    }
    .vhfont-sm-27{
        font-size: 27px;
        line-height: 40px;
    }
    .vhfont-sm-28{
        font-size: 28px;
        line-height: 42px;
    }
    .vhfont-sm-29{
        font-size: 29px;
        line-height: 43px;
    }
    .vhfont-sm-30{
        font-size: 30px;
        line-height: 45px;
    }
    .vhfont-sm-31{
        font-size: 31px;
        line-height: 46px;
    }
    .vhfont-sm-32{
        font-size: 32px;
        line-height: 47px;
    }
    .vhfont-sm-33{
        font-size: 33px;
        line-height: 48px;
    }
    .vhfont-sm-34{
        font-size: 34px;
        line-height: 49px;
    }
    .vhfont-sm-35{
        font-size: 35px;
        line-height: 50px;
    }
    .vhfont-sm-40{
        font-size: 40px;
        line-height: 55px;
    }
    .vhfont-sm-45{
        font-size: 45px;
        line-height: 60px;
    }
    /* end style font */
    /* begin style block */
    .vhflex-sm-column{
        flex-direction: column-reverse;
    }

    .vhcol-sm-30{
        width: 30%;
    }
    .vhcol-sm-66{
        width: 66.6666%;
    }
    .vhcol-sm-70{
        width: 70%;
    }
    .vhcol-sm-80{
        width: 80%;
    }
    .vhcol-sm-6{
        width: 16.66666%;
    }
    .vhcol-sm-5{
        width: 20%;
    }
    .vhcol-sm-4{
        width: 25%;
    }
    .vhcol-sm-3{
        width: 33.3333%;
    }
    .vhcol-sm-2{
        width: 50%;
    }
    .vhcol-sm-1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vhmargin-sm-0{
        margin: 0;
    }
    .vhmargin-sm-5{
        margin: 5px;
    }
    .vhmargin-sm-10{
        margin: 10px;
    }
    .vhmargin-sm-15{
        margin: 15px;
    }
    .vhmargin-sm-20{
        margin: 20px;
    }
    .vhmargin-sm-25{
        margin: 25px;
    }
    .vhmargin-sm-30{
        margin: 30px;
    }
    .vhmargin-sm-35{
        margin: 35px;
    }
    .vhmargin-sm-40{
        margin: 40px;
    }
    .vhmargin-sm-45{
        margin: 45px;
    }
    .vhmargin-sm-50{
        margin: 50px;
    }
    /* magin col */
    .vhmargin-sm-col-0{
        margin: 0 ;
    }
    .vhmargin-sm-col-5{
        margin: 0 -5px;
    }
    .vhmargin-sm-col-7{
        margin: 0 -7px;
    }
    .vhmargin-sm-col-10{
        margin: 0 -10px;
    }
    .vhmargin-sm-col-15{
        margin: 0 -15px;
    }
    .vhmargin-sm-col-20{
        margin: 0 -20px;
    }
    .vhmargin-sm-col-25{
        margin: 0 -25px;
    }
    .vhmargin-sm-col-30{
        margin: 0 -30px;
    }
    .vhmargin-sm-col-35{
        margin: 0 -35px;
    }
    .vhmargin-sm-col-40{
        margin: 0 -40px;
    }
    .vhmargin-sm-col-45{
        margin: 0 -45px;
    }
    .vhmargin-sm-col-50{
        margin: 0 -50px;
    }
    /* top bottom */
    .vhmargin-sm-top-bottom-0{
        margin: 0;
    }
    .vhmargin-sm-top-bottom-5{
        margin: 5px 0;
    }
    .vhmargin-sm-top-bottom-10{
        margin: 10px 0;
    }
    .vhmargin-sm-top-bottom-15{
        margin: 15px 0;
    }
    .vhmargin-sm-top-bottom-20{
        margin: 20px 0;
    }
    .vhmargin-sm-top-bottom-25{
        margin: 25px 0;
    }
    .vhmargin-sm-top-bottom-30{
        margin: 30px 0;
    }
    .vhmargin-sm-top-bottom-35{
        margin: 35px 0;
    }
    .vhmargin-sm-top-bottom-40{
        margin: 40px 0;
    }
    .vhmargin-sm-top-bottom-45{
        margin: 45px 0;
    }
    .vhmargin-sm-top-bottom-50{
        margin: 50px 0;
    }
    /* left right */
    .vhmargin-sm-left-right-0{
        margin:0 ;
    }
    .vhmargin-sm-left-right-5{
        margin:0 5px;
    }
    .vhmargin-sm-left-right-10{
        margin:0 10px;
    }
    .vhmargin-sm-left-right-15{
        margin:0 15px;
    }
    .vhmargin-sm-left-right-20{
        margin:0 20px;
    }
    .vhmargin-sm-left-right-25{
        margin:0 25px;
    }
    .vhmargin-sm-left-right-30{
        margin:0 30px;
    }
    .vhmargin-sm-left-right-35{
        margin:0 35px;
    }
    .vhmargin-sm-left-right-40{
        margin:0 40px;
    }
    .vhmargin-sm-left-right-45{
        margin:0 45px;
    }
    .vhmargin-sm-left-right-50{
        margin:0 50px;
    }
    /* top */
    .vhmargin-sm-top-0{
        margin-top: 0;
    }
    .vhmargin-sm-top-5{
        margin-top: 5px;
    }
    .vhmargin-sm-top-10{
        margin-top: 10px;
    }
    .vhmargin-sm-top-15{
        margin-top: 15px;
    }
    .vhmargin-sm-top-20{
        margin-top: 20px;
    }
    .vhmargin-sm-top-25{
        margin-top: 25px;
    }
    .vhmargin-sm-top-30{
        margin-top: 30px;
    }
    .vhmargin-sm-top-35{
        margin-top: 35px;
    }
    .vhmargin-sm-top-40{
        margin-top: 40px;
    }
    .vhmargin-sm-top-45{
        margin-top: 45px;
    }
    .vhmargin-sm-top-50{
        margin-top: 50px;
    }
    /* bottom */
    .vhmargin-sm-bottom-0{
        margin-bottom: 0;
    }
    .vhmargin-sm-bottom-5{
        margin-bottom: 5px;
    }
    .vhmargin-sm-bottom-10{
        margin-bottom: 10px;
    }
    .vhmargin-sm-bottom-15{
        margin-bottom: 15px;
    }
    .vhmargin-sm-bottom-20{
        margin-bottom: 20px;
    }
    .vhmargin-sm-bottom-25{
        margin-bottom: 25px;
    }
    .vhmargin-sm-bottom-30{
        margin-bottom: 30px;
    }
    .vhmargin-sm-bottom-35{
        margin-bottom: 35px;
    }
    .vhmargin-sm-bottom-40{
        margin-bottom: 40px;
    }
    .vhmargin-sm-bottom-45{
        margin-bottom: 45px;
    }
    .vhmargin-sm-bottom-50{
        margin-bottom: 50px;
    }
    /* left */
    .vhmargin-sm-left-0{
        margin-left: 0;
    }
    .vhmargin-sm-left-5{
        margin-left: 5px;
    }
    .vhmargin-sm-left-10{
        margin-left: 10px;
    }
    .vhmargin-sm-left-15{
        margin-left: 15px;
    }
    .vhmargin-sm-left-20{
        margin-left: 20px;
    }
    .vhmargin-sm-left-25{
        margin-left: 25px;
    }
    .vhmargin-sm-left-30{
        margin-left: 30px;
    }
    .vhmargin-sm-left-35{
        margin-left: 35px;
    }
    .vhmargin-sm-left-40{
        margin-left: 40px;
    }
    .vhmargin-sm-left-45{
        margin-left: 45px;
    }
    .vhmargin-sm-left-50{
        margin-left: 50px;
    }
    /* right */
    .vhmargin-sm-right-0{
        margin-right: 0;
    }
    .vhmargin-sm-right-5{
        margin-right: 5px;
    }
    .vhmargin-sm-right-10{
        margin-right: 10px;
    }
    .vhmargin-sm-right-15{
        margin-right: 15px;
    }
    .vhmargin-sm-right-20{
        margin-right: 20px;
    }
    .vhmargin-sm-right-25{
        margin-right: 25px;
    }
    .vhmargin-sm-right-30{
        margin-right: 30px;
    }
    .vhmargin-sm-right-35{
        margin-right: 35px;
    }
    .vhmargin-sm-right-40{
        margin-right: 40px;
    }
    .vhmargin-sm-right-45{
        margin-right: 45px;
    }
    .vhmargin-sm-right-50{
        margin-right: 50px;
    }

    /* end style margin */
    /* begin style padding */
    .vhpadding-sm-0{
        padding: 0;
    }
    .vhpadding-sm-5{
        padding: 5px;
    }
    .vhpadding-sm-10{
        padding: 10px;
    }
    .vhpadding-sm-15{
        padding: 15px;
    }
    .vhpadding-sm-20{
        padding: 20px;
    }
    .vhpadding-sm-25{
        padding: 25px;
    }
    .vhpadding-sm-30{
        padding: 30px;
    }
    .vhpadding-sm-35{
        padding: 35px;
    }
    .vhpadding-sm-40{
        padding: 40px;
    }
    .vhpadding-sm-45{
        padding: 45px;
    }
    .vhpadding-sm-50{
        padding: 50px;
    }
    /* top bottom */
    .vhpadding-sm-top-bottom-0{
        padding: 0;
    }
    .vhpadding-sm-top-bottom-5{
        padding: 5px 0;
    }
    .vhpadding-sm-top-bottom-10{
        padding: 10px 0;
    }
    .vhpadding-sm-top-bottom-15{
        padding: 15px 0;
    }
    .vhpadding-sm-top-bottom-20{
        padding: 20px 0;
    }
    .vhpadding-sm-top-bottom-25{
        padding: 25px 0;
    }
    .vhpadding-sm-top-bottom-30{
        padding: 30px 0;
    }
    .vhpadding-sm-top-bottom-35{
        padding: 35px 0;
    }
    .vhpadding-sm-top-bottom-40{
        padding: 40px 0;
    }
    .vhpadding-sm-top-bottom-45{
        padding: 45px 0;
    }
    .vhpadding-sm-top-bottom-50{
        padding: 50px 0;
    }
    /* left right */
    .vhpadding-sm-left-right-0{
        padding: 0 ;
    }
    .vhpadding-sm-left-right-5{
        padding: 0 5px;
    }
    .vhpadding-sm-left-right-10{
        padding:0 10px;
    }
    .vhpadding-sm-left-right-15{
        padding:-0 15px;
    }
    .vhpadding-sm-left-right-20{
        padding:0 20px;
    }
    .vhpadding-sm-left-right-25{
        padding:0 25px;
    }
    .vhpadding-sm-left-right-30{
        padding:0 30px;
    }
    .vhpadding-sm-left-right-35{
        padding:0 35px;
    }
    .vhpadding-sm-left-right-40{
        padding:0 40px;
    }
    .vhpadding-sm-left-right-45{
        padding:0 45px;
    }
    .vhpadding-sm-left-right-50{
        padding:0 50px;
    }
    /* top */
    .vhpadding-sm-top-0{
        padding-top: 0;
    }
    .vhpadding-sm-top-5{
        padding-top: 5px;
    }
    .vhpadding-sm-top-10{
        padding-top: 10px;
    }
    .vhpadding-sm-top-15{
        padding-top: 15px;
    }
    .vhpadding-sm-top-20{
        padding-top: 20px;
    }
    .vhpadding-sm-top-25{
        padding-top: 25px;
    }
    .vhpadding-sm-top-30{
        padding-top: 30px;
    }
    .vhpadding-sm-top-35{
        padding-top: 35px;
    }
    .vhpadding-sm-top-40{
        padding-top: 40px;
    }
    .vhpadding-sm-top-45{
        padding-top: 45px;
    }
    .vhpadding-sm-top-50{
        padding-top: 50px;
    }
    /* bottom */
    .vhpadding-sm-bottom-0{
        padding-bottom: 0;
    }
    .vhpadding-sm-bottom-5{
        padding-bottom: 5px;
    }
    .vhpadding-sm-bottom-10{
        padding-bottom: 10px;
    }
    .vhpadding-sm-bottom-15{
        padding-bottom: 15px;
    }
    .vhpadding-sm-bottom-20{
        padding-bottom: 20px;
    }
    .vhpadding-sm-bottom-25{
        padding-bottom: 25px;
    }
    .vhpadding-sm-bottom-30{
        padding-bottom: 30px;
    }
    .vhpadding-sm-bottom-35{
        padding-bottom: 35px;
    }
    .vhpadding-sm-bottom-40{
        padding-bottom: 40px;
    }
    .vhpadding-sm-bottom-45{
        padding-bottom: 45px;
    }
    .vhpadding-sm-bottom-50{
        padding-bottom: 50px;
    }
    .vhpadding-sm-bottom-60 {
        padding-bottom: 60px;
    }
    /* left */
    .vhpadding-sm-left-0{
        padding-left: 0;
    }
    .vhpadding-sm-left-5{
        padding-left: 5px;
    }
    .vhpadding-sm-left-10{
        padding-left: 10px;
    }
    .vhpadding-sm-left-15{
        padding-left: 15px;
    }
    .vhpadding-sm-left-20{
        padding-left: 20px;
    }
    .vhpadding-sm-left-25{
        padding-left: 25px;
    }
    .vhpadding-sm-left-30{
        padding-left: 30px;
    }
    .vhpadding-sm-left-35{
        padding-left: 35px;
    }
    .vhpadding-sm-left-40{
        padding-left: 40px;
    }
    .vhpadding-sm-left-45{
        padding-left: 45px;
    }
    .vhpadding-sm-left-50{
        padding-left: 50px;
    }
    /* right */
    .vhpadding-sm-right-0{
        padding-right: 0;
    }
    .vhpadding-sm-right-5{
        padding-right: 5px;
    }
    .vhpadding-sm-right-10{
        padding-right: 10px;
    }
    .vhpadding-sm-right-15{
        padding-right: 15px;
    }
    .vhpadding-sm-right-20{
        padding-right: 20px;
    }
    .vhpadding-sm-right-25{
        padding-right: 25px;
    }
    .vhpadding-sm-right-30{
        padding-right: 30px;
    }
    .vhpadding-sm-right-35{
        padding-right: 35px;
    }
    .vhpadding-sm-right-40{
        padding-right: 40px;
    }
    .vhpadding-sm-right-45{
        padding-right: 45px;
    }
    .vhpadding-sm-right-50{
        padding-right: 50px;
    }
    /* padding col */
    .vhpadding-sm-col-0{
        padding: 0;
    }
    .vhpadding-sm-col-5{
        padding: 0 5px;
    }
    .vhpadding-sm-col-7{
        padding: 0 7px;
    }
    .vhpadding-sm-col-10{
        padding: 0 10px;
    }
    .vhpadding-sm-col-15{
        padding: 0 15px;
    }
    .vhpadding-sm-col-20{
        margin: 0 20px;
    }
    .vhpadding-sm-col-25{
        padding: 0 25px;
    }
    .vhpadding-sm-col-30{
        padding: 0 30px;
    }
    .vhpadding-sm-col-35{
        padding: 0 35px;
    }
    .vhpadding-sm-col-40{
        padding: 0 40px;
    }
    .vhpadding-sm-col-45{
        padding: 0 45px;
    }
    .vhpadding-sm-col-50{
        padding: 0 50px;
    }
    /* end style padding */
    /* slick */
    .vhslick-sm-0 .slick-list{
        margin: 0 ;
    }
    .vhslick-sm-5 .slick-list{
        margin: 0 -5px;
    }
    .vhslick-sm-7 .slick-list{
        margin: 0 -7px;
    }
    .vhslick-sm-10 .slick-list{
        margin: 0 -10px;
    }

    .vhslick-sm-15 .slick-list{
        margin: 0 -15px;
    }
    .vhslick-sm-20 .slick-list{
        margin: 0 -20px;
    }
    .vhslick-sm-25 .slick-list{
        margin: 0 -25px;
    }
    .vhslick-sm-30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vhslick-sm-0 .slick-slide{
        padding: 0 ;
    }
    .vhslick-sm-5 .slick-slide{
        padding: 0 5px;
    }
    .vhslick-sm-7 .slick-slide{
        padding: 0 7px;
    }
    .vhslick-sm-10 .slick-slide{
        padding: 0 10px;
    }
    .vhslick-sm-15 .slick-slide{
        padding: 0 15px;
    }
    .vhslick-sm-20 .slick-slide{
        padding: 0 20px;
    }
    .vhslick-sm-25 .slick-slide{
        padding: 0 25px;
    }
    .vhslick-sm-30 .slick-slide{
        padding: 0 30px;
    }
    .vhslickmb{
        margin-bottom: 60px!important;
    }
    .vhslickmb .slick-arrow{
        bottom: -60px!important;
    }
    .vhslickmb .slick-prev{
        left: calc(50% - 40px)!important;
    }
    .vhslickmb .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;
    }

    /*  */
}
@media screen and (max-width: 767px) {
    .vhheight-xs-0{
        height: 0;
    }
    .vhheight-xs-5{
        height: 5px;
    }
    .vhheight-xs-10{
        height: 10px;
    }
    .vhheight-xs-15{
        height: 15px;
    }
    .vhheight-xs-20{
        height: 20px;
    }
    .vhheight-xs-25{
        height: 25px;
    }
    .vhheight-xs-30{
        height: 30px;
    }
    .vhheight-xs-35{
        height: 35px;
    }
    .vhheight-xs-40{
        height: 40px;
    }
    .vhheight-xs-45{
        height: 45px;
    }
    .vhheight-xs-50{
        height: 50px;
    }
    .vhheight-xs-55{
        height: 55px;
    }
    .vhheight-xs-60{
        height: 60px;
    }
    .vhheight-xs-65{
        height: 65px;
    }
    .vhheight-xs-70{
        height: 70px;
    }
    .vhheight-xs-75{
        height: 75px;
    }
    .vhheight-xs-80{
        height: 80px;
    }
    .vhheight-xs-85{
        height: 85px;
    }
    .vhheight-xs-90{
        height: 90px;
    }
    .vhheight-xs-95{
        height: 95px;
    }
    .vhheight-xs-100{
        height: 100px;
    }
    /*  */
    .vhtext-xs-center{
        text-align: center;
    }
    .vhtext-xs-right{
        text-align: right;
    }
    .vhtext-xs-left{
        text-align: left;
    }
    /* begin style font */
    .vhfont-xs-10{
        font-size: 10px;
        line-height: 15px;
    }
    .vhfont-xs-11{
        font-size: 11px;
        line-height: 18px;
    }
    .vhfont-xs-12{
        font-size: 12px;
        line-height: 20px;
    }
    .vhfont-xs-13{
        font-size: 13px;
        line-height: 21px;
    }
    .vhfont-xs-14{
        font-size: 14px;
        line-height: 22px;
    }
    .vhfont-xs-15{
        font-size: 15px;
        line-height: 23px;
    }
    .vhfont-xs-16{
        font-size: 16px;
        line-height: 24px;
    }
    .vhfont-xs-17{
        font-size: 17px;
        line-height: 25px;
    }
    .vhfont-xs-18{
        font-size: 18px;
        line-height: 27px;
    }
    .vhfont-xs-19{
        font-size: 19px;
        line-height: 28px;
    }
    .vhfont-xs-20{
        font-size: 20px;
        line-height: 30px;
    }
    .vhfont-xs-21{
        font-size: 21px;
        line-height: 32px;
    }
    .vhfont-xs-22{
        font-size: 22px;
        line-height: 34px;
    }
    .vhfont-xs-23{
        font-size: 23px;
        line-height: 35px;
    }
    .vhfont-xs-24{
        font-size: 24px;
        line-height: 36px;
    }
    .vhfont-xs-25{
        font-size: 25px;
        line-height: 37px;
    }
    .vhfont-xs-26{
        font-size: 26px;
        line-height: 38px;
    }
    .vhfont-xs-27{
        font-size: 27px;
        line-height: 40px;
    }
    .vhfont-xs-28{
        font-size: 28px;
        line-height: 42px;
    }
    .vhfont-xs-29{
        font-size: 29px;
        line-height: 43px;
    }
    .vhfont-xs-30{
        font-size: 30px;
        line-height: 45px;
    }
    .vhfont-xs-35{
        font-size: 35px;
        line-height: 50px;
    }
    .vhfont-xs-40{
        font-size: 40px;
        line-height: 55px;
    }
    /* end style font */
    /* begin style block */
    .vhflex-xs-column{
        flex-direction: column-reverse;
    }
    .vhcol-xs-6{
        width: 16.66666%;
    }
    .vhcol-xs-5{
        width: 20%;
    }
    .vhcol-xs-4{
        width: 25%;
    }
    .vhcol-xs-3{
        width: 33.3333%;
    }
    .vhcol-xs-2{
        width: 50%;
    }
    .vhcol-xs-1{
        width: 100%;
    }
    /* end style block */
    /* begin style margin */
    .vhmargin-xs-0{
        margin: 0;
    }
    .vhmargin-xs-5{
        margin: 5px;
    }
    .vhmargin-xs-10{
        margin: 10px;
    }
    .vhmargin-xs-15{
        margin: 15px;
    }
    .vhmargin-xs-20{
        margin: 20px;
    }
    .vhmargin-xs-25{
        margin: 25px;
    }
    .vhmargin-xs-30{
        margin: 30px;
    }
    .vhmargin-xs-35{
        margin: 35px;
    }
    .vhmargin-xs-40{
        margin: 40px;
    }
    .vhmargin-xs-45{
        margin: 45px;
    }
    .vhmargin-xs-50{
        margin: 50px;
    }
    /* magin col */
    .vhmargin-xs-col-0{
        margin: 0;
    }
    .vhmargin-xs-col-5{
        margin: 0 -5px;
    }
    .vhmargin-xs-col-7{
        margin: 0 -7px;
    }
    .vhmargin-xs-col-10{
        margin: 0 -10px;
    }
    .vhmargin-xs-col-15{
        margin: 0 -15px;
    }
    .vhmargin-xs-col-20{
        margin: 0 -20px;
    }
    .vhmargin-xs-col-25{
        margin: 0 -25px;
    }
    .vhmargin-xs-col-30{
        margin: 0 -30px;
    }
    .vhmargin-xs-col-35{
        margin: 0 -35px;
    }
    .vhmargin-xs-col-40{
        margin: 0 -40px;
    }
    .vhmargin-xs-col-45{
        margin: 0 -45px;
    }
    .vhmargin-xs-col-50{
        margin: 0 -50px;
    }
    /* top bottom */
    .vhmargin-xs-top-bottom-0{
        margin: 0;
    }
    .vhmargin-xs-top-bottom-5{
        margin: 5px 0;
    }
    .vhmargin-xs-top-bottom-10{
        margin: 10px 0;
    }
    .vhmargin-xs-top-bottom-15{
        margin: 15px 0;
    }
    .vhmargin-xs-top-bottom-20{
        margin: 20px 0;
    }
    .vhmargin-xs-top-bottom-25{
        margin: 25px 0;
    }
    .vhmargin-xs-top-bottom-30{
        margin: 30px 0;
    }
    .vhmargin-xs-top-bottom-35{
        margin: 35px 0;
    }
    .vhmargin-xs-top-bottom-40{
        margin: 40px 0;
    }
    .vhmargin-xs-top-bottom-45{
        margin: 45px 0;
    }
    .vhmargin-xs-top-bottom-50{
        margin: 50px 0;
    }
    /* left right */
    .vhmargin-xs-left-right-0{
        margin:0;
    }
    .vhmargin-xs-left-right-5{
        margin:0 5px;
    }
    .vhmargin-xs-left-right-10{
        margin:0 10px;
    }
    .vhmargin-xs-left-right-15{
        margin:0 15px;
    }
    .vhmargin-xs-left-right-20{
        margin:0 20px;
    }
    .vhmargin-xs-left-right-25{
        margin:0 25px;
    }
    .vhmargin-xs-left-right-30{
        margin:0 30px;
    }
    .vhmargin-xs-left-right-35{
        margin:0 35px;
    }
    .vhmargin-xs-left-right-40{
        margin:0 40px;
    }
    .vhmargin-xs-left-right-45{
        margin:0 45px;
    }
    .vhmargin-xs-left-right-50{
        margin:0 50px;
    }
    /* top */
    .vhmargin-xs-top-0{
        margin-top: 0px;
    }
    .vhmargin-xs-top-5{
        margin-top: 5px;
    }
    .vhmargin-xs-top-10{
        margin-top: 10px;
    }
    .vhmargin-xs-top-15{
        margin-top: 15px;
    }
    .vhmargin-xs-top-20{
        margin-top: 20px;
    }
    .vhmargin-xs-top-25{
        margin-top: 25px;
    }
    .vhmargin-xs-top-30{
        margin-top: 30px;
    }
    .vhmargin-xs-top-35{
        margin-top: 35px;
    }
    .vhmargin-xs-top-40{
        margin-top: 40px;
    }
    .vhmargin-xs-top-45{
        margin-top: 45px;
    }
    .vhmargin-xs-top-50{
        margin-top: 50px;
    }
    /* bottom */
    .vhmargin-xs-bottom-0{
        margin-bottom: 0;
    }
    .vhmargin-xs-bottom-5{
        margin-bottom: 5px;
    }
    .vhmargin-xs-bottom-10{
        margin-bottom: 10px;
    }
    .vhmargin-xs-bottom-15{
        margin-bottom: 15px;
    }
    .vhmargin-xs-bottom-20{
        margin-bottom: 20px;
    }
    .vhmargin-xs-bottom-25{
        margin-bottom: 25px;
    }
    .vhmargin-xs-bottom-30{
        margin-bottom: 30px;
    }
    .vhmargin-xs-bottom-35{
        margin-bottom: 35px;
    }
    .vhmargin-xs-bottom-40{
        margin-bottom: 40px;
    }
    .vhmargin-xs-bottom-45{
        margin-bottom: 45px;
    }
    .vhmargin-xs-bottom-50{
        margin-bottom: 50px;
    }
    /* left */
    .vhmargin-xs-left-0{
        margin-left: 0;
    }
    .vhmargin-xs-left-5{
        margin-left: 5px;
    }
    .vhmargin-xs-left-10{
        margin-left: 10px;
    }
    .vhmargin-xs-left-15{
        margin-left: 15px;
    }
    .vhmargin-xs-left-20{
        margin-left: 20px;
    }
    .vhmargin-xs-left-25{
        margin-left: 25px;
    }
    .vhmargin-xs-left-30{
        margin-left: 30px;
    }
    .vhmargin-xs-left-35{
        margin-left: 35px;
    }
    .vhmargin-xs-left-40{
        margin-left: 40px;
    }
    .vhmargin-xs-left-45{
        margin-left: 45px;
    }
    .vhmargin-xs-left-50{
        margin-left: 50px;
    }
    /* right */
    .vhmargin-xs-right-0{
        margin-right: 0;
    }
    .vhmargin-xs-right-5{
        margin-right: 5px;
    }
    .vhmargin-xs-right-10{
        margin-right: 10px;
    }
    .vhmargin-xs-right-15{
        margin-right: 15px;
    }
    .vhmargin-xs-right-20{
        margin-right: 20px;
    }
    .vhmargin-xs-right-25{
        margin-right: 25px;
    }
    .vhmargin-xs-right-30{
        margin-right: 30px;
    }
    .vhmargin-xs-right-35{
        margin-right: 35px;
    }
    .vhmargin-xs-right-40{
        margin-right: 40px;
    }
    .vhmargin-xs-right-45{
        margin-right: 45px;
    }
    .vhmargin-xs-right-50{
        margin-right: 50px;
    }

    /* end style margin */
    /* begin style padding */
    .vhpadding-xs-0{
        padding: 0;
    }
    .vhpadding-xs-5{
        padding: 5px;
    }
    .vhpadding-xs-10{
        padding: 10px;
    }
    .vhpadding-xs-15{
        padding: 15px;
    }
    .vhpadding-xs-20{
        padding: 20px;
    }
    .vhpadding-xs-25{
        padding: 25px;
    }
    .vhpadding-xs-30{
        padding: 30px;
    }
    .vhpadding-xs-35{
        padding: 35px;
    }
    .vhpadding-xs-40{
        padding: 40px;
    }
    .vhpadding-xs-45{
        padding: 45px;
    }
    .vhpadding-xs-50{
        padding: 50px;
    }
    /* top bottom */
    .vhpadding-xs-top-bottom-0{
        padding: 0;
    }
    .vhpadding-xs-top-bottom-5{
        padding: 5px 0;
    }
    .vhpadding-xs-top-bottom-10{
        padding: 10px 0;
    }
    .vhpadding-xs-top-bottom-15{
        padding: 15px 0;
    }
    .vhpadding-xs-top-bottom-20{
        padding: 20px 0;
    }
    .vhpadding-xs-top-bottom-25{
        padding: 25px 0;
    }
    .vhpadding-xs-top-bottom-30{
        padding: 30px 0;
    }
    .vhpadding-xs-top-bottom-35{
        padding: 35px 0;
    }
    .vhpadding-xs-top-bottom-40{
        padding: 40px 0;
    }
    .vhpadding-xs-top-bottom-45{
        padding: 45px 0;
    }
    .vhpadding-xs-top-bottom-50{
        padding: 50px 0;
    }
    /* left right */
    .vhpadding-xs-left-right-0{
        padding: 0 ;
    }
    .vhpadding-xs-left-right-5{
        padding: 0 5px;
    }
    .vhpadding-xs-left-right-10{
        padding:0 10px;
    }
    .vhpadding-xs-left-right-15{
        padding:-0 15px;
    }
    .vhpadding-xs-left-right-20{
        padding:0 20px;
    }
    .vhpadding-xs-left-right-25{
        padding:0 25px;
    }
    .vhpadding-xs-left-right-30{
        padding:0 30px;
    }
    .vhpadding-xs-left-right-35{
        padding:0 35px;
    }
    .vhpadding-xs-left-right-40{
        padding:0 40px;
    }
    .vhpadding-xs-left-right-45{
        padding:0 45px;
    }
    .vhpadding-xs-left-right-50{
        padding:0 50px;
    }
    /* top */
    .vhpadding-xs-top-0{
        padding-top: 0;
    }
    .vhpadding-xs-top-5{
        padding-top: 5px;
    }
    .vhpadding-xs-top-10{
        padding-top: 10px;
    }
    .vhpadding-xs-top-15{
        padding-top: 15px;
    }
    .vhpadding-xs-top-20{
        padding-top: 20px;
    }
    .vhpadding-xs-top-25{
        padding-top: 25px;
    }
    .vhpadding-xs-top-30{
        padding-top: 30px;
    }
    .vhpadding-xs-top-35{
        padding-top: 35px;
    }
    .vhpadding-xs-top-40{
        padding-top: 40px;
    }
    .vhpadding-xs-top-45{
        padding-top: 45px;
    }
    .vhpadding-xs-top-50{
        padding-top: 50px;
    }
    /* bottom */
    .vhpadding-xs-bottom-0{
        padding-bottom: 0;
    }
    .vhpadding-xs-bottom-5{
        padding-bottom: 5px;
    }
    .vhpadding-xs-bottom-10{
        padding-bottom: 10px;
    }
    .vhpadding-xs-bottom-15{
        padding-bottom: 15px;
    }
    .vhpadding-xs-bottom-20{
        padding-bottom: 20px;
    }
    .vhpadding-xs-bottom-25{
        padding-bottom: 25px;
    }
    .vhpadding-xs-bottom-30{
        padding-bottom: 30px;
    }
    .vhpadding-xs-bottom-35{
        padding-bottom: 35px;
    }
    .vhpadding-xs-bottom-40{
        padding-bottom: 40px;
    }
    .vhpadding-xs-bottom-45{
        padding-bottom: 45px;
    }
    .vhpadding-xs-bottom-50{
        padding-bottom: 50px;
    }
    /* left */
    .vhpadding-xs-left-0{
        padding-left: 0;
    }
    .vhpadding-xs-left-5{
        padding-left: 5px;
    }
    .vhpadding-xs-left-10{
        padding-left: 10px;
    }
    .vhpadding-xs-left-15{
        padding-left: 15px;
    }
    .vhpadding-xs-left-20{
        padding-left: 20px;
    }
    .vhpadding-xs-left-25{
        padding-left: 25px;
    }
    .vhpadding-xs-left-30{
        padding-left: 30px;
    }
    .vhpadding-xs-left-35{
        padding-left: 35px;
    }
    .vhpadding-xs-left-40{
        padding-left: 40px;
    }
    .vhpadding-xs-left-45{
        padding-left: 45px;
    }
    .vhpadding-xs-left-50{
        padding-left: 50px;
    }
    /* right */
    .vhpadding-xs-right-0{
        padding-right: 0;
    }
    .vhpadding-xs-right-5{
        padding-right: 5px;
    }
    .vhpadding-xs-right-10{
        padding-right: 10px;
    }
    .vhpadding-xs-right-15{
        padding-right: 15px;
    }
    .vhpadding-xs-right-20{
        padding-right: 20px;
    }
    .vhpadding-xs-right-25{
        padding-right: 25px;
    }
    .vhpadding-xs-right-30{
        padding-right: 30px;
    }
    .vhpadding-xs-right-35{
        padding-right: 35px;
    }
    .vhpadding-xs-right-40{
        padding-right: 40px;
    }
    .vhpadding-xs-right-45{
        padding-right: 45px;
    }
    .vhpadding-xs-right-50{
        padding-right: 50px;
    }
    /* padding col */
    .vhpadding-xs-col-0{
        padding: 0 ;
    }
    .vhpadding-xs-col-5{
        padding: 0 5px;
    }
    .vhpadding-xs-col-7{
        padding: 0 7px;
    }
    .vhpadding-xs-col-10{
        padding: 0 10px;
    }
    .vhpadding-xs-col-15{
        padding: 0 15px;
    }
    .vhpadding-xs-col-20{
        margin: 0 20px;
    }
    .vhpadding-xs-col-25{
        padding: 0 25px;
    }
    .vhpadding-xs-col-30{
        padding: 0 30px;
    }
    .vhpadding-xs-col-35{
        padding: 0 35px;
    }
    .vhpadding-xs-col-40{
        padding: 0 40px;
    }
    .vhpadding-xs-col-45{
        padding: 0 45px;
    }
    .vhpadding-xs-col-50{
        padding: 0 50px;
    }
    /* end style padding */
    /* slick */
    .vhslick-xs-0 .slick-list{
        margin: 0;
    }
    .vhslick-xs-5 .slick-list{
        margin: 0 -5px;
    }
    .vhslick-xs-7 .slick-list{
        margin: 0 -7px;
    }
    .vhslick-xs-6 .slick-list{
        margin: 0 -6px;
    }
    .vhslick-xs-10 .slick-list{
        margin: 0 -10px;
    }
    .vhslick-xs-15 .slick-list{
        margin: 0 -15px;
    }
    .vhslick-xs-20 .slick-list{
        margin: 0 -20px;
    }
    .vhslick-xs-25 .slick-list{
        margin: 0 -25px;
    }
    .vhslick-xs-30 .slick-list{
        margin: 0 -30px;
    }
    /*  */
    .vhslick-xs-0 .slick-slide{
        padding: 0;
    }
    .vhslick-xs-5 .slick-slide{
        padding: 0 5px;
    }
    .vhslick-xs-7 .slick-slide{
        padding: 0 7px;
    }
    .vhslick-xs-6 .slick-slide{
        padding: 0 6px;
    }
    .vhslick-xs-10 .slick-slide{
        padding: 0 10px;
    }
    .vhslick-xs-15 .slick-slide{
        padding: 0 15px;
    }
    .vhslick-xs-20 .slick-slide{
        padding: 0 20px;
    }
    .vhslick-xs-25 .slick-slide{
        padding: 0 25px;
    }
    .vhslick-xs-30 .slick-slide{
        padding: 0 30px;
    }
}