@font-face {
    font-family:Lato-Regular;
    src: url(../font/Lato-Regular.ttf) format("truetype");
}
@font-face {
    font-family: Neuzeit-Grotesk;
    font-style: normal;
    font-weight: 400;
    src: url(../font/Neuzeit-Grotesk_400.woff2) format("woff2");
}
@font-face {
    font-family: Neuzeit-Grotesk;
    font-style: normal;
    font-weight: 700;
    src: url(../font/Neuzeit-Grotesk_700.woff2) format("woff2");
}
@font-face {
    font-family: Madera-Medium;
    src: url(../font/madera-medium.woff2) format("woff2");
}
@font-face{
    font-family:Madera-Bold;
    font-display:swap;
    src:url(../font/Madera-bold.woff2) format("woff2");
}
@font-face {
    font-family: Madera-Regular;
    src: url(../font/Madera-Regular.woff2) format("woff2");
}
/*new*/

@media only screen and (max-width: 992px){
    .new-head {
    padding: 30px 0 0px 0 !important;
}
.iimg{
    margin-top:0px !important;
}
}

 .wid{
   width: 17% !important;
}



.one.mcb-wrap {
    width: 100%;
}
.one {
    background: transparent!important;
}
.m-7 {
    margin-bottom: 70px!important;
}
.mcb-wrap {
    float: left;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
h6 {
    font-family: "Lato",Helvetica,Arial,sans-serif;

    text-transform: uppercase;
    letter-spacing: 1.5px!important;
    font-size: 26px!important;
    font-weight: 500!important;
}
h1 {
    font-size: 2.0rem;
    font-weight: initial;
}
h4 {
    font-size: 1.3rem;
    font-weight: 400;
}
.product_title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    font-weight: 600;
}
.fs32{
     font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
    margin: 20px 0 20px 0px;
}
.line_hr:before {
    content: " ";
    background: #A47642;
    height: 6px;
    width: 100%;
    display: inline-block;
    text-align: center;
}
h6, h6 a, h6 a:hover, a.content_link .title {
    color: #161922;
}
.column_attr.align_center {
    text-align: center;
}
.one-third.column {
    width: 31.333%;
}

.column, .columns {
    float: left;
    margin: 0 1% 40px;
}
.catThumbBox .photo_box {
    position: relative;
}

.photo_box {
    text-align: center;
}
.catThumbBox.catThumbBoxNew.catThumbBoxNew2 .photo_box h4 {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    top: 20px;
    -ms-transform: translateY(0%) translateX(0%);
    -webkit-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
    -moz-transform: translateY(0%) translateX(0%);
    -o-transform: translateY(0%) translateX(0%);
    font-size: 18px;
    letter-spacing: .05em;
    color: #000;
}

.catThumbBox .photo_box h4 {
    position: absolute;
    left: 0%;
    right: 0;
    text-align: center;
    color: #fff;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    -moz-transform: translateY(-50%) translateX(0%);
    -o-transform: translateY(-50%) translateX(0%);
    z-index: 2;
    padding: 0 10px!important;
    font-weight: 700;
    font-size: 1.3em;
    z-index: 9;
}
.catThumbBox.catThumbBoxNew.catThumbBoxNew2 .photo_box .image_frame {
    margin-bottom: 0;
}

.catThumbBox .photo_box .image_frame {
    border: none;
}
.if-border-hide .image_frame:not(.has_border) {
    border-width: 0;
}
.photo_box .image_frame {
    margin-bottom: 15px;
}
.if-caption-on .image_frame {
    position: relative;
}
.image_frame {
    border-color: #f8f8f8;
}
.image_frame, .wp-caption, .google-map, .icon_box .icon_wrapper, .content_slider .content_slider_ul, .author-box .avatar-wrapper, #comments .commentlist>li .photo, .edd_download_image {
    border-color: #f8f8f8;
}
.image_frame, .wp-caption {
    display: block;
    margin: 0;
    border-width: 8px;
    border-style: solid;
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before {
    border-color: #e2e2e2;
}

.image_frame .image_wrapper {
    position: relative;
    overflow: hidden;
}

.catThumbBox.catThumbBoxNew.catThumbBoxNew2 .photo_box .image_frame .image_wrapper .mask {
    background: transparent;
    box-shadow: none;
}
.catThumbBox.catThumbBoxNew .photo_box .image_frame .image_wrapper .mask {
    background: -moz-linear-gradient(top,rgba(0,0,0,.26) 0%,rgba(0,0,0,.34) 99%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.26) 0%,rgba(0,0,0,.34) 99%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.26) 0%,rgba(0,0,0,.34) 99%,rgba(0,0,0,0) 100%);
}
.catThumbBox .photo_box .image_frame .image_wrapper .mask {
    background: -moz-linear-gradient(top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 99%,rgba(0,0,0,.4) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 99%,rgba(0,0,0,.4) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 99%,rgba(0,0,0,.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#66000000',GradientType=0);
}
.image_frame .image_wrapper .mask, .edd_download_image:after {
    -webkit-box-shadow: inset 0 0 5px 2px rgb(0 0 0 / 7%);
    box-shadow: inset 0 0 5px 2px rgb(0 0 0 / 7%);
}
.image_frame .image_wrapper .mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.image_frame .image_wrapper .mask::after {
    background: rgba(255,255,255,.4);
}

.image_frame .image_wrapper .mask:after {
    background: rgba(255,255,255,.4);
}
.image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.image_frame .image_wrapper .mask:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0;
}
img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
}

.catThumbBox.catThumbBoxNew.catThumbBoxNew2 .image_frame .image_wrapper img:not(.ls-l) {
    position: static;
}
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: -15px!important;
}
.catThumbBox.catThumbBoxNew.catThumbBoxNew2 .photo_box .desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    margin: 0;
}
.button .m-0 .button_size_2 .button_dark{
    background-color: #0a0a09;
    color: #fff;
}

.content_wrapper .button, .content_wrapper button, .content_wrapper input[type="button"], .content_wrapper input[type="reset"], .content_wrapper input[type="submit"] {
    margin: 0 10px 15px 0;
}
.button-flat .button, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"] {
    border: none;
}
a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    border-radius: 0;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.m-0 {
    margin-bottom: 0!important;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    font-size: inherit;
    overflow: hidden;
    text-decoration: none!important;
    cursor: pointer;
    border-style: solid;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out;
}
.catThumbBox.catThumbBoxNew.catThumbBoxNew2 a.button .button_label {
    padding: 8px 20px;
    font-size: 13px;
}
.button-flat .button:after, .button-flat button:after, .button-flat .action_button:after, .button-flat .footer_button:after, .button-flat input[type="submit"]:after, .button-flat input[type="reset"]:after, .button-flat input[type="button"]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.05);
    z-index: 1;
    transition: opacity .2s ease-in-out;
    opacity: 0;
}
.new-head {
    padding: 60px 0 40px 0;
}
.newHomeBanner .column {
    margin-bottom: 3.1%;
    padding: 0 .5%;
}

.column-margin-0px.column {
    margin-bottom: 0!important;
}
img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
}
.newHBanLeftLogos ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.newHBanLeftLogos ul li {
    margin-bottom: 20px;
    width: 25%;
    text-align: center;
    padding: 0 10px;
}

.code_cl{
    border-radius: 4px;
    display: inline-block;
    padding: 3px 7px;
    color: #fff;
    background-color: #000;
    margin: 0 4px;
    font-weight: 700;
}
.last_wpd,.last_wpd:hover{
    color: #000;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    margin-top: 10px;
     font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    text-decoration: block;
    text-align: center;
}
.last{
    text-align: center;
    border: solid 1px #e2e2e2;
    margin-bottom: 10px!important;
    padding-bottom: 30px;        
    }
.sec_div1{
font-family: "Lato",Helvetica,Arial,sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px!important;
font-size: 26px!important;
font-weight: 500!important;
color: var(--home-darkgrey);
font-stretch: normal;
text-align: center;
margin-top: 60px;
}
.qou{
    width: 29px;
    height: 27px;
    margin: 0 auto 20px auto;
    background-image: url(../img/testicon.png);
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
}

.bg-img{
	background:url(../img/web_bannermain.jpg);
	background-size:contain;
	height:400px;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}

.bk_banner {
    width: 460px;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 40px;
    background-color: rgba(82,216,213,.85);
}
.inva{
    font-size: 1px;
}
.f20_txt{
    font-family: Madera-Regular,sans-serif;
    color: gray;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    color: rgb(59, 117, 158);
    text-decoration: none;
}
.f20_btn  {
    background-color: rgb(234, 108, 71);
    font-family: Madera-Regular,sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    padding: 20px 70px 17px;
    border-radius: 2px;
}
.f20_btn:hover{
    opacity: 0.5;
    color: #fff;
}
.f20_pd,.f20_pd:hover{
    font-family: Neuzeit-Grotesk,sans-serif;
    background-color: #2076a2;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    outline: none;
    transition: opacity .2s ease-in-out;
    border: none;
    cursor: pointer;
    padding: 15px 40px;
    width: 100%!important;
}

.f20_pd:hover{
    transition: opacity .2s ease-in-out;
    opacity: .5;
}
.box_wp{
    padding: 50px;
    margin-bottom: 20px;
    background-color: #dfdfdf;
    height: auto;
    position: relative;
    height: 350px;
}


.bk_ban {
    position: absolute;
    
}
.head_m{
	    font-family: "Lato",Helvetica,Arial,sans-serif;
	font-size: 34px;
    line-height: 37px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
    color: #000;
    margin-bottom: 20px;
}
.mrgtp30{
    margin-top: 30px;
}
.head_s{
    font-family: "Lato",Helvetica,Arial,sans-serif;
	font-size: 25px;
    line-height: 29px;
    font-weight: 400;
    letter-spacing: 0;
}
.head_s1{
    font-family: Neuzeit-Grotesk,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}
.shop_b ,.shop_b:hover {
    background-color: #000;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1.5px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.sec_div{
   font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-top: 80px;
    font-size: 34px!important;
    line-height: 37px!important;
}

.img_hove{
    text-align: center;
    margin-top: 60px;
}
.pd_nm , .pd_nm:hover{
    font-family: Madera-Medium,sans-serif;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 100%;
    height: 22px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-decoration: none
}
.pd_nm1{
    font-family: Madera-Regular,sans-serif;
    color: gray;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
    text-decoration: none;
}
}
.c1,.c1 a, .c1 a:hover,.c1 a:before,.c5,.c5 a,.c5 a:hover,.c5 a:before{
    color: #DD777C;
}
.c2,.c2 a,.c2 a:hover,.c2 a:before,.c6,.c6 a,.c6 a:hover,.c6 a:before{
    color: #e8b657;
}
.c3,.c3 a,.c3 a:hover,.c3 a:before,.c7,.c7 a,.c7 a:hover,.c7 a:before{
    color: #d76b44;
}
.c4,.c4 a,.c4 a:hover,.c4 a:before,.c8,.c8 a,.c8 a:hover,.c8 a:before{
    color: #793c5a;
}
.button_shop,.button_shop:hover{
    font-size: 16px;
    font-family: Madera-Bold,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    text-decoration: none;
}
.button_shop:before{
    content: "";
    position: absolute;
    height: 2px;
    bottom: -8px;
    left: 120px;
    right:120px;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform .3s ease-in-out;
}
.glpy_star {
    color: #66cce1;
    float: left;
    margin-right: 10px;
    font-size: 18px;
}
.half {
    position:relative;
}
.half:after {
    content:'';
    position:absolute;
    z-index:1;
    background:white;
    width: 50%;
    height: 100%;
    left: 47%;
}

.hh1:before,.hh5:before{
   background-color: #337ab7; 
}
.hh2:before,.hh6:before{
   background-color: #e8b657; 
}
.hh3:before,.hh7:before{
   background-color: #d76b44;
}
.hh4:before,.hh8:before{
   background-color: #793c5a;
}


.img_hove:hover .button_shop:before{
    transform: scaleX(0);
    transform-origin: bottom right;
}
.third_sec1{
    padding: 15px;
    background-image: linear-gradient(180deg,#fac69c,#fac69c 30%,#ff987d);
    min-height: 180px;
    height: 15vw;
    max-height: 300px;
    color: #fff;
}
.third_sec{
    background-color:#fac79e1a;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    height: 15vw;
    max-height: 300px;
}
.feel{
    font-family: Madera-Regular,sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: .5px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.dis{
    font-family: Madera-Regular,sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
}
.f_para,.f_para:hover{
    font-family: Madera-Regular,sans-serif; 
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #595959;
    text-align: center;
    padding: 0 10px 10px;
    margin-top: 5px;
    text-decoration: none
}
.third_sec:hover{
    background-color: hsla(19,81%,73%,.35);
    text-decoration: none
}
.last_text{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0;
    width: 255px;
    font-family: Madera-Medium,sans-serif;
}
.last_cen{
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    margin: 20px 0px 20px 0px;
    text-align: center;
}
.last_par{
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 23px;
    line-height: 27px;
    font-weight: 400;
    margin: 20px 0px 20px 0px;
    text-align: left;
}
a, a:hover{
    text-decoration: none!important;
}
.last_btn,.last_btn:hover{
    padding: 10px 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    position: relative;
    background-color: #000;
    font-family: Lato,sans-serif;
    cursor: pointer;
    font-size: .9em;
    text-transform: uppercase;
    transition: color .4s,background-color .4s;
    padding: 12px 22px 10px;
    display: inline-block;
    vertical-align: middle;
    /*line-height: 64px;*/
    text-align: center;
    text-decoration: none;
    /*width: 220px;
    height: 60px;*/
    color: #fff;
    transition: opacity .2s ease-in-out;
}

.last_btn:hover{
    transition: opacity .2s ease-in-out;
    opacity: .5;
}
img.scale-with-grid {
    max-width: 100%;
}
.product-details__short-description img {
    margin-top: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 80px!important;
    width: auto!important;
}
.bg-img-soul
{
    background: url(../img/Image-tribe-toke.jpg);
    background-size: contain;
    height: 600px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
}
.last_blu,.last_blu:hover{
    font-size: 16px;
    font-weight: 700;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    line-height: normal;
    color: #000000;
    margin-bottom: 5px;
    height: 60px;
}
.last_blu1,.last_blu1:hover{
    font-size: 16px;
    font-weight: 400;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    line-height: normal;
    color: #000000;
    margin-bottom: 5px;
    height: 60px;
    font-style: italic;
}
.btn_cent{
  font-size: 16px!important;
    font-weight: 400;
    letter-spacing: .5px;
    position: relative;
    background-color: #fac79e1a;
    padding: 0;
    margin: 0;
    font-family: Madera-Bold,sans-serif;
    border: none;
    cursor: pointer;
    font-size: .9em;
    text-transform: uppercase;
    transition: color .4s,background-color .4s;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    width: 220px;
    height: 60px;
    color: #fff;
    transition: opacity .2s ease-in-out;
}
.check_btn{
    position: relative;
    color: #d76b44;
    font-size: 16px;
    font-family: Madera-Bold,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    text-decoration: none;
    margin: 12px 0px 8px 2px;
}
.check_btn:before {
    content: "";
    position: absolute;
    height: 2px;
    bottom: -8px;
    left: 30px;
    right: 30px;
    background-color: #DD777C;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform .3s ease-in-out;
}
.btn_cent:hover .check_btn:before
{
    transform: scaleX(0);
    transform-origin: bottom right;
}
.footer-href {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px;
}
.footer-href:hover {
    color: #fff;
    text-decoration: none;
}
ul.no_list {
    list-style-type: none;
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.foot_h {
    font-family: Madera-Medium,sans-serif;
    color: #fff!important;
    margin-bottom: 50px;
    font-size: 30px;
}
.review_h{
    font-family: Madera-Medium,sans-serif;
    color: #000!important;
    margin-bottom: 100px;
    font-size: 30px;
}
.review_head{
    font-family: "Lato",Helvetica,Arial,sans-serif;
    color: #000!important;
    margin-bottom: 20px;
    font-size: 22px;
}
.review_body{
    font-family: aktiv-grotesk;
    font-weight: 400;
    color: #000!important;
    /*margin-bottom: 50px;*/
    font-size: 16px;
}
.mrg_30{
    margin-top: 30px;
}
.footer-line {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin: 20px 0px 20px 0px;
}
.invalu{
    font-size: 1px;
}
.bg-images{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 130px;
}
.bg-images1{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
}
.bgmono-img{
    background:url(../img/covid.png);
    background-size:cover;
    height:400px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.head_m1 {
    font-family: Neuzeit-Grotesk,sans-serif;
    font-size: 32px;
    line-height: 30px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}
.mono-t1{
    font-family: Neuzeit-Grotesk;
    font-size: 14px;
    color: #fff;
    text-align: right;
    font-weight: 700;
    letter-spacing: 2px;
    margin-right: 45px;
}
.wid-mono{
    padding-top: 30px;
}
.mono-im{
    float: right;
}
.wid-monor {
    width: 500px;
    padding: 100px 0 0 15px;
}
.mono-t3{
    font-family: Neuzeit-Grotesk;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    letter-spacing: 2px;
}
.mono-t4{
    font-family: Neuzeit-Grotesk;
    font-size: 20px;
    margin-top: 10px;
    line-height: 1.2;
    letter-spacing: normal;
    color: #fff;
    text-align: left;
}
.button_shopm,.button_shopm:hover{
    font-size: 14px;
    font-family: Neuzeit-Grotesk,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px 575px;
    top: 350%;
    padding: 20px;
    background-color: rgb(32, 118, 162);
}
.wid-mono1{
    padding-top: 50px;
}

.img_hovemono{
    text-align: center;
    margin-right: 150px;
}
.desc a:hover{
color: #fff;
}
@media (max-width: 959px)
{
    .column.mcb-column.one-third.column_photo_box.catThumbBox.catThumbBoxNew.catThumbBoxNew2 {
        background: #f3f3f5;
    }
    .catThumbBox.catThumbBoxNew.catThumbBoxNew2 .image_frame .image_wrapper img:not(.ls-l) {
        min-height: 270px;
        object-fit: contain;
    }       
}
@media only screen and (max-width: 767px)
{
     .one-third.column{
        margin: 10px  10px 20px 0px;
        width: 100%!important;
        clear: both;
    }
}

@media (max-width: 767px){
    .newHBanLeftLogos ul li {
        margin-bottom: 20px;
        width: 50%;
    }
    
    .wid{
   width: 50% !important;
}
    
    .iimg{
        margin-top:10px!important;
    }
    .new-head {
        padding: 20px 0 0px 0 !important;
    }
    .box_wp {
   
    height: 250px;
    }
	.bg-img{
		height: 300px;
	}
    .bk_banner {
        width: 250px;
        padding: 10px;
    }
    .head_m{
        font-size: 18px;
        line-height: 20px;
    }
    .head_s {
        font-size: 15px;
        line-height: 1.1;
    }
    .shop_b, .shop_b:hover {
        font-size: 12px;
        padding: 10px;
    }
    .third_sec1{
        height: 164px;
        justify-content: center;
        margin-bottom: 10px;
    }
    .third_sec{
            height: 33vw;
            margin-bottom: 20px;
    }
    .last{
    text-align: center;
    border: solid 1px #e2e2e2;
    margin-bottom: 10px!important;
    padding-bottom: 30px;        
    }
    .last_text,.last_cen,.last_btn{
       float: none; 
    }
    .glpy_star{
        float: none;
    }
    .mb-40 {
    margin-bottom: 50px;
    }
    ul.no_list {
        font-size: 10px;

    }
    .head_s1{
        margin-bottom: 10px; 
    }
    .wid-monor {
    width:100%;
    padding: 50px 0 0 15px;
    }
    .bgmono-img{
        height:650px;
    }
    .mono-t1 {
        margin-right: 70px;
    }
.button_shopm, .button_shopm:hover {
        margin: 10px 75px;
        top: 595%;
    }
}
@media (min-width: 768px) and(max-width: 1023px){
    .button_shopm, .button_shopm:hover {
        margin: 10px 280px;
    }
    }

/*Holiday Sale*/
.bg-img_holiday{
    background:url(../img/new_banner.jpg);
    background-size:cover;
    height:350px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_holi {
    position: absolute;
    top: 20%;
    left: 10%;
    right: 50%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
    /*background-color: rgba(82,216,213,.85);*/
}
.mrgtop25
{
    margin-top: 25px;
}
.mrgtop40
{
    margin-top: 40px;
}
.holid_sec
{
    padding: 50px 0px;
}
@media (max-width: 768px)
{
    .bg-img_holiday
    {
        height: 300px;
    }
    .bk_banner_holi
    {
       right: 0%; 
    }
}

/*Kiva*/
.bg-img_kiva{
    background:linear-gradient(0deg,rgba(16,16,16,0.22),rgba(16,16,16,0.22)),url(../img/banner_kiva.png);
    background-size:cover;
    height:350px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_kiva {
    position: absolute;
    top: 20%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
    /*background-color: rgba(82,216,213,.85);*/
}
.mrgtop25
{
    margin-top: 25px;
}
.pd_50
{
    padding: 50px 0px;
}
@media (max-width: 768px)
{
    .bg-img_kiva
    {
        height: 300px;
    }
    .bk_banner_kiva
    {
       right: 0%; 
    }
}
/*Deli*/
.bg-img_deli{
    background:url(../img/deli_banner.jpg);
    background-size:cover;
    height:350px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_deli {
    position: absolute;
    top: 20%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
    /*background-color: rgba(82,216,213,.85);*/
}
.mrgtop25
{
    margin-top: 25px;
}
.pd_50
{
    padding: 50px 0px;
}
@media (max-width: 768px)
{
    .bg-img_deli
    {
        height: 300px;
    }
    .bk_banner_deli
    {
       right: 0%; 
    }
}
.min_p_name
{
    min-height: 50px;
}
.clr_g{
    color:  #e3e3e3;
    font-size: 16px!important;
}
.clr_b{
    color:  #2076a2;
    font-size: 16px!important;
}
.can_height{
    height: 75px;
}
.can_pdnm{
    font-family: Neuzeit-Grotesk,sans-serif;
    color: #2076a2;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}
.can_revi{
    font-family: Neuzeit-Grotesk,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    color: #000;
}

/*Vape*/
.bg-img_vap{
    background:linear-gradient(0deg,rgba(16,16,16,0.22),rgba(16,16,16,0.22)),url(../img/cat-ban.jpg);
    background-size:cover;
    height:400px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_vap {
    position: absolute;
    top: 20%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
}
.hei-bd{
    height: 50px;
}
/*wyld*/
.bg-img_wyld{
    background:linear-gradient(0deg,rgba(16,16,16,0.22),rgba(16,16,16,0.22)),url(../img/wyld-bg.jpg);
    background-size:cover;
    height:400px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_wyld {
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
}
.hei-bd{
    height: 50px;
}
/*dosist*/
.bg-img_dosist{
    background:linear-gradient(0deg,rgba(16,16,16,0.22),rgba(16,16,16,0.22)),url(../img/dosis-bg.jpg);
    background-size:cover;
    height:300px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_dosist {
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
}
.hei-bd{
    height: 50px;
}
/*420*/
.bg-img_fu20{
    background:url(../img/420_ban.jpg);
    background-size:cover;
    height:500px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_fu20{
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
}
.hei-bd{
    height: 50px;
}
.text-cent{
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    margin: 20px 0px 20px 0px;
    
}
.tecx-cen{
    text-align: left;
}
/*chill*/
.bg-img_chill{
    background:linear-gradient(0deg,rgba(16,16,16,0.22),rgba(16,16,16,0.22)),url(../img/chill_ban.jpg);
    background-size:cover;
    height:300px;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.bk_banner_chill{
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    padding: 20px;
    transform: translate(0,0);
}
.hei-bd{
    height: 50px;
}

@media (max-width: 768px)
{
    .bg-img_wyld
    {
        height: 200px;
    }
    .bk_banner_wyld
    {
       right: 0%; 
    }
    .bg-img_dosist
    {
        height: 200px;
    }
    .bk_banner_dosist
    {
       right: 0%; 
    }
    .bg-img_vap
    {
        height: 300px;
    }
    .bk_banner_vap
    {
       right: 0%; 
    }
    .bg-img_fu20
    {
        height: 300px;
    }
    .bk_banner_fu20
    {
       right: 0%; 
    }
    .bg-img_chill
    {
        height: 300px;
    }
    .bk_banner_chill
    {
       right: 0%; 
    }
    .asmention{
        width: 100px;
        height: 100px;
    }
    .asmention1{
        width: 50px;
        height: 30px;
    }
    .bk_ban1{
        width: 150%;
    }
    .mtc{
        text-align: center;
    }
    .btn-primary-form1
    {
        width:100% !important;
    }   
}
@media (min-width: 768px) and (max-width: 1023px)
{
    .head_m {
    font-size: 17px;
    line-height: 25px;
    }
    .head_s {
    font-size: 20px;
    line-height: 26px;
    }
    .shop_b, .shop_b:hover{
        font-size: 12px;
        padding: 10px 10px;
    }
    .mrgtp50 {
    margin-top: 54%;
}
.mtc{
        text-align: center;


}
  .btn-primary-form1
  {
    width:100% !important;
  }
}
@media (min-width: 1024px)
{
.mrgtpbig {
    margin-top: 15%;
}

}

@media (min-width: 1024px) and (max-width:1200px)
{
    .btn-primary-form1
     {
        width:100% !important;
     }
}

@media screen and (min-width:320px) and (max-width:767px)
{
     /*.row.why-work-sec {
    display: grid;
   }*/
   .col-md-12.col-sm-12.col-lg-8.left-container {
    order: 2;
    position: relative;
    }
.col-md-12.col-sm-12.col-lg-4.right-container.sticky {
    order: 1;
    position: relative;
    }
}

.hero-section h2{
    font-size: 2.26666666667rem;
    font-weight: 100;
    font-family: Lato,sans-serif;
    line-height: 1.25em;
    color: #000;
    margin-bottom: 20px;
    padding-top:40px;
}

.hero-section h4{
    color: #161922;
    margin-bottom: 15px;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    text-align:left;
}
.hero-section ul li{
    font-size:16px;
    color: #000;
    font-weight: 400;
    line-height: 1.9;
}

.imgdiv{
    
    margin-bottom: 20px;
}
img.imgdiv-border {
    border: 1px solid #e4e4e4;
}

/*.imgdiv-border1{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 260px;

}
.imgdiv-border2{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 250px;

}
.imgdiv-border3{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 250px;

}
.imgdiv-border4{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 350px;

}
.imgdiv-border5{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 265px;

}
.imgdiv-border6{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 250px;

}
.imgdiv-border7{
    
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    max-width: 300px;

}*/
.ultra-content{
    display: flex;
}
.contentdiv{
    padding-left: 30px;
}
@media (min-width: 1400px){
.hero-container{
    max-width: 1150px;
}
}
@media screen and (min-width:280px) and (max-width:768px)
{
    .ultra-content{
    display: flex;
    flex-direction: column;

}
.imgdiv{
    border: none;
}
.contentdiv{
    padding-left: 10px;
    padding-top: 40px;
}
.imgdiv-border{
    display: flex;
    margin:0 auto;
}
.row.why-work-sec{
    flex-direction:revert;
}
.display-Desktop{
    display:none;
}

}
@media screen and (max-width:1024px)
{
    .imgdiv-border3 {max-width: 200px;}
}

@media screen and (min-width:768px){
    .display-mobile{
    display:none;
}
}
/**/
/* slider css */

 
    .carousel-item {
    height: 500px;
    min-height: 300px;
}
        .bg-1{
            background-image: url(../img/slider-6.jpg);
        }
        .bg-2{
            background-image: url(../img/slider2.webp);
        }
        .bg-3{
            background-image: url(../img/slider3.webp);
        }
         .bg-4{
            background-image: url(../img/slider4.webp);
        }
         .bg-5{
            background-image: url(../img/slider-7.jpg);
        }
        .bg-1, .bg-2, .bg-3, .bg-4, .bg-5{
            -webkit-background-size: cover;
            background-size: cover;
        }

        .carousel-indicators {
    margin: -25px;
    padding: 0;
    opacity: 0.7;

}
        .carousel-indicators button {
    width: 100px !important;
}
     
        
        @media only screen and (min-width: 768px) and (max-width: 991px) {
       
            .carousel-caption {
        bottom: 350px;
    }
            .carousel-caption h5 {
    font-size: 65px;
}
            .carousel-caption p {
        font-size: 18px;
        width: 100%;
    }
        }        
        
@media only screen and (max-width: 767px) {

    .carousel-caption {
        bottom: 165px;
    }
    .carousel-caption h5 {
        font-size: 25px;
    }
    .carousel-caption p {
        font-size: 12px;
        width: 100%;
    }
    .carousel-caption a {
        padding: 10px 15px;
        font-size: 15px;
    } 
  
    
    
}
@media screen and (min-width:320px) and (max-width:767px){
.carousel-item {
    height: 100% !important;
    min-height: 200px !important;
}


 .row.why-work-sec
 {
display:grid !important;
 }
 .col-md-8
 {
  order:2;
 }
 .col-md-4.right-container.sticky
 {
  order:1;
  position:relative;
 }
}


@media (min-width: 1200px){
section.hero-section .container{
    max-width: 1050px
}
}

 .img-border {
        border: 1px solid #0a0a0a14;
        margin: 10px;
        padding: 0px;
      }
      
       .tnc a:hover {
        text-decoration: underline !important;
      }

      .hero-content {
        padding: 15% 5%;
      }
   
    
    .stick {
    position: fixed;
    width: 26.7%;
    top:00px;
}
.img-resp{
  margin-top: 10px;
    margin-bottom: 10px;

}

h4{
  margin-bottom: 15px;
}
.sticky {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 20px;
  align-self: flex-start; /* <-- this is the fix */
}

/*        
    header
{
    width:100%;
    height:80px;
    
}   

.sidebar
{
    
    height:250px;
    padding:15px;
}
.stick {
    position: fixed;
    width: 26.7%;
    top:00px;
}

.abs {
    position: absolute;
    bottom: 0px;
    width: 92.5%;
}



.footer{background-color:none;}
*/