/**************************

 font-family: 'rocknessregular';
 font-family: 'Utopia';

 ****************************/
 em{font-family: 'rocknessregular';font-style: normal;}
 *, ul{margin:0;padding:0}
img{max-width: 100%;}
   html, body {
    overflow-x: hidden;
}
 * {
     list-style: none
}
 img{
    max-width:100%
}
 html {
     overflow-x:hidden;
}
a:focus, a:hover, a:active, a:visited, button:focus, button:hover, button:active, button:visited {outline:none}

 body {
     text-decoration: none;
     animation: fadeoo ease 2s;
     -webkit-animation: fadeoo ease 2s;
     -moz-animation: fadeoo ease 2s;
     -o-animation: fadeoo ease 2s;
     -ms-animation: fadeoo ease 2s;
}
 @keyframes fadeoo{
     0% {
         opacity:0;
    }
     100% {
         opacity:1;
    }
}
 @-moz-keyframes fadeoo {
     0% {
         opacity:0;
    }
     100% {
         opacity:1;
    }
}
 @-webkit-keyframes fadeoo {
     0% {
         opacity:0;
    }
     100% {
         opacity:1;
    }
}
 @-o-keyframes fadeoo {
     0% {
         opacity:0;
    }
     100% {
         opacity:1;
    }
}
 @-ms-keyframes fadeoo {
     0% {
         opacity:0;
    }
     100% {
         opacity:1;
    }
}
/************************/

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


 @keyframes fadeimg{
     0% {
         opacity:0;
    }
     50% {
         opacity:.5;
    }
    10% {
         opacity:1;
    }
}
 @-moz-keyframes fadeimg {
      0% {
         opacity:0;
    }
     50% {
         opacity:.5;
    }
    10% {
         opacity:1;
    }
}
 @-webkit-keyframes fadeimg {
       0% {
         opacity:0;
    }
     50% {
         opacity:.5;
    }
    10% {
         opacity:1;
    }
}
 @-o-keyframes fadeimg {
     0% {
         opacity:0;
    }
     50% {
         opacity:.5;
    }
    10% {
         opacity:1;
    }
}
 @-ms-keyframes fadeimg {
     0% {
         opacity:0;
    }
     50% {
         opacity:.5;
    }
    10% {
         opacity:1;
    }
}
body{font-family: 'proxima_novaregular';letter-spacing: .2px;}
html {
    scroll-behavior: smooth;
    scroll-padding: 0 0 0 0;
}
var {font-style:normal}
ul, ol{list-style:none}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none;box-shadow:none}
h1, h2, h3, h4, h5, h6{ font-family: 'proxima_novaregular';
}
.p-0{padding:0}
a:hover, a:focus, a:active, .nav>li>a:focus, .nav>li>a:hover{background:none ;outline:none; text-decoration:none}
.boost{}
.brain{ color: #59C4E8 !important;}
.ecell{ color: #CF168B !important;}
.peak{ color: #004FA1 !important;}
.shield{ color: #29AC5A !important;}
.sleep{ color: #933293 !important;}
.trim{ color: #509A45 !important;}
.ultra{ color: #ED8227 !important;}
.hover-pro.p1 h4{ color: #CF168B !important;}
.hover-pro.p2 h4{color: #004FA1 !important;}
.hover-pro.p3 h4{ color: #29AC5A !important;}
.hover-pro.p4 h4{color: #933293 !important;}
.hover-pro.p5 h4{color: #509A45 !important;}
.hover-pro.p6 h4{ color: #ED8227 !important;}
.hover-pro.p7 h4{ color: #DB2035 !important;}
.hover-pro.p8 h4{color: #59C4E8 !important;}
.hover-pro.p1 a{ background: #CF168B !important;}
.hover-pro.p2 a{background: #004FA1 !important;}
.hover-pro.p3 a{ background: #29AC5A !important;}
.hover-pro.p4 a{background: #933293 !important;}
.hover-pro.p5 a{background: #509A45 !important;}
.hover-pro.p6 a{ background: #ED8227 !important;}
.hover-pro.p7 a{ background: #DB2035 !important;}
.hover-pro.p8 a{background: #59C4E8 !important;}
.top-header{
    height: 40px;
    background: #777263;
}
.top-header .navbar-left li a{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 0 9px;
    margin: 9px 30px 0 0;
    color: #fff;
}
.top-header .navbar-left li a:hover{background:none;border-bottom: 2px solid #72A546;}
.top-header .navbar-left li{}
.top-header .navbar-left{}
.top-header .navbar-right li a{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 0 9px;
    margin: 9px 0 0 45px;
    color: #fff;
    }
	.top-header .navbar-right li a img{
    width: 18px;
}
	.top-header .navbar-right li a span{
    width: 12px;
    height: 12px;
    background: #049E4A;
    display: inline-block;
    border-radius: 20px;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    position: absolute;
}
.top-header .navbar-right li{}
.top-header .navbar-right{
    margin: 0;
}
.navbar-default .navbar-brand{padding: 8px 0;}
.navbar-default .navbar-brand img{width: 150px;margin: 17px 0 0 0;}
header .navbar-default .navbar-collapse, header  .navbar-default .navbar-form{
    padding: 0;
    background: none;
}
header {
	padding: 0 0px;
	position: relative;
	z-index: 99;
	background: #E6EEF6;
}
header .navbar-default{
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    padding: 0;
    height: 64px;
    border-radius: 0;
    border: 0;
    }
	header .all-header{
    display: inline-block;
    text-align: revert;
    float: none;
}
	header .navbar-default .navbar-nav>li>a{padding: 21px 0;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;font-family: 'proxima_novaregular';color: #7F8FA4;font-weight: 500;}
		header .navbar-default .navbar-nav>li>a:hover, header .navbar-default .navbar-nav>li>a.active{font-weight: bold;}
		header .navbar-default .navbar-nav>li{
    padding: 0 20px;
}
	header .all-headerli{}
	header .navbar-right{
    margin: 15px 0 0;
}
header .navbar-default .navbar-collapse{text-align:center}
	header .navbar-right li a{
    background: #FF7912;
    width: 202px;
    height: auto;
    font-family: 'proxima_novaregular'; !important;
    color: #fff !important;
    padding: 8px 0 !important;
    text-align: center;
    border-radius: 0;
    border: 0 !important;
    margin: 0 0 0 32px;
}
	header .container{padding:0;border: 0;}
	header .navbar-right li{}
	header .navbar-default .navbar-nav.navbar-right li a:hover{
    border: 0;
    background: #000;
}
.navbar-default .navbar-nav>.active>a{
    background-color: transparent;
    border-bottom: 2px solid #85D0D1;
    font-weight: bold;
    color: #354052;
}
.director-banner img{margin: 56px 0 0;}
.director-banner{
    background: url(/images/hempWorx/dire-color.png);
    background-repeat-y: no-repeat;
    background-position: center;
}
#dir-pro{
    margin-bottom: 100px;
}
#dir-pro h2{text-align:center;     font-family: 'UtopiaBlack';
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 36px;
color: #656053;}
#dir-pro h2 span{font-family: 'proxima_novaextrabold';
}
.col-se-dir .dir-img img{}
.col-se-dir .dir-img{
    width: 20%;
    float: left;
    padding: 6px;
}
.col-se-dir .dir-pro button{font-size: 14px;color:#fff;border:0;line-height: 19px;text-align:center;width: 136px;height: 43px;background: #384971;font-family: 'proxima_novaextrabold';border-radius: 4px;font-weight: 800;}
.col-se-dir .dir-pro select{width: 96px;height: 43px;background: #FFFFFF;border: 1px solid #DFE3E9;box-sizing: border-box;border-radius: 4px;margin: 0 12px 0 0;padding: 0 5px;}
.col-se-dir .dir-pro p{font-weight: 500;font-size: 16px;line-height: 25px;
/* or 150% */color: #7F8FA4;margin-bottom: 24px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 130px;}
.col-se-dir .dir-pro h3 {font-weight: 800;font-size: 36px;line-height: 36px;margin: 8px 0 22px;text-transform: uppercase;font-family: 'proxima_novaextrabold';}

.col-se-dir .dir-pro{
    float: left;
    width: 80%;
    padding: 15px;
}
.col-se-dir{
    margin-top: 60px;
}
.footer-text a{font-weight: 800;color:#fff;display:block;font-size: 14px;letter-spacing: 0.15em;}
.footer-text span{font-weight: 600;color:#fff;font-size: 12px;letter-spacing: 0.1em;}
.footer-text{background: #777263;padding: 45px 0;margin-top: 0;}
.footer-text .text-right span{
    display: inline-block;
    margin: 16px 0 0;
}
/******************/
#products-view .container{
    max-width: 1300px;
    width: 100%;
}
#products-view .products-cart{}
#products-view .pro-zoom-section{}
#products-view .pro-img-thum ul li img{padding: 7px;}
#products-view .pro-img-thum ul li{
    border: 2px solid #72A546;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    background-color:white;
}
#products-view .pro-img-thum ul{}
#products-view .pro-img-thum{
    float: left;
    position: absolute;
    top: 26%;
}
//#products-view .pro-img-full img{}
#products-view .pro-img-full{
    float: left;
}
#products-view .pro-text h5{
    margin: 5px 0 5px;
    font-weight: 600;
    font-size: 24px;
    color: #579A3F;
    font-family: 'Lato', sans-serif;
    line-height: 29px;
    display: inline-block;
}
#products-view .pro-text h3{
    margin: 0 0 3px;
    letter-spacing: 0;
    font-style: normal;
    font-weight: 900;
    line-height: 55px;
    color: #656053;
    font-family: 'UtopiaBlack';
    font-size: 52px;
}
#products-view .pro-text{
    margin: 82px  0 0;
}
#products-view .pro-info p{
    color: #7F8FA4;
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px;
}
#products-view .pro-info ul li{
    font-size: 16px;
    line-height: 29px;
    font-weight: 500;
    color: #7F8FA4;
}
#products-view .pro-info ul{}
#products-view .pro-info h4{
    color: #7F8FA4;
    font-weight: 800;
    font-weight: 800;
    font-size: 14px;
    font-family: 'proxima_novabold';
}
#products-view .pro-info h4 span{font-family: 'proxima_novabold';}
#products-view .pro-info{
    margin: 30px  0 0;
}
#products-view .pro-cont ul li img{
    width: 65px;
    height: 65px;
    border-radius: 100px;
}
#products-view .pro-cont ul li span{font-size: 12px;color: #7F8FA4;display: block;line-height: 12px;margin: 10px 0 0 0;}
#products-view .pro-cont ul li{
    display: inline-block;
    width: 30%;
    float: left;
    text-align: center;
    margin: 0 2% 0 0;
}
#products-view .pro-cont ul{}
#products-view .pro-cont h6{color: #7F8FA4;font-size: 14px;font-family: 'proxima_novabold';font-weight: bold;}
#products-view .pro-cont{
    margin: 25px  0 0;
}
#products-view .pro-pur strong{font-weight: 500;font-size: 32px;display: block;line-height: 32px;color: #579A3F;margin: 10px 0 0;}
/*#products-view .pro-pur span{font-size: 14px;font-weight: 800;color: #7F8FA4;}*/
.packVolume {
   font-size:24px;
   color: #7F8FA4;
}
#products-view .pro-pur .purchase-2{}
#products-view .pro-pur .purchase-1{
    width: auto;
    float: left;
    margin: 0 62px 0 0;
}
#products-view .pro-pur-btn button, #pack-view button {background: #579A3F;width: 156px;color: #FFFFFF;height: 43px;border-radius: 4px;border: 0;}
#products-view .pro-pur-btn select{box-sizing: border-box;border-radius: 4px;width: 90px;height: 43px;padding: 0 2px;margin: 0 28px 0 0;border: 1px solid #7F8FA4;color: #7F8FA4;}
#products-view .pro-pur-btn{}
#products-view .pro-pur{
    display: inline-block;
    width: 100%;
    margin: 25px 0;
}
#products-view{
    margin: 0 0 50px;
}

/*****************/

.product-descrip {
    text-align: right;
    overflow: hidden;
    position: relative;
    /* padding: 11px 0 0; */
    max-width: 1920px;
    margin: 0 auto;
}
.product-descrip:before {
    content: "";
    background: #fff;
    height: 74px;
    top: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    box-shadow: inset 0 -8px 4px -4px rgb(0 0 0 / 40%);
}
.product-descrip .container {
    padding: 0;
}
p {font-style: normal;font-size: 17px;line-height: 27px;
/* or 125% */color: #656053;margin-bottom: 10px;font-family: 'Lato', sans-serif;}
.tab-pane > .tab-container {
    background-image: url(/images/hempWorx/Products/Paint%20Swipe.png);
    background-size: cover;
    display: block;
    width: 58%;
    float: right;
    text-align: left;
    /* margin-right: -20px; */
}
.tab-content > .tab-pane {
    padding: 200px 0 200px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -90px;
    float: left;
    background-position: top;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}
.tab-pane-detailed {
    margin-left: 190px;
    padding: 44px 60px 60px;
    position: relative;
}.product-descrip .nav-pills {float: right;}
.product-descrip ul.nav:before {
    content: "";
    height: 63px;
    top: 0;
    position: absolute;
    background: #fff;
    right: 0;
}
.product-descrip .nav-pills li.active {
    background: transparent;
    position: relative;
    z-index: 99;
}
.nav-pills > li > a {
    text-align: center;
    position: relative;
    display: block;
    padding: 22px 73px;
    font-weight: bold;
    color: #656053!important;
    line-height: 19px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'proxima_novabold';
}
.product-descrip .nav-pills li {
    float: left;
    display: block;
    background: #fff;
    margin: 0;
}
.product-descrip ul.nav:after {
    content: "";
    background: #fff;
    height: 79px;
    width: 508px;
    top: 0;
    position: absolute;
    right: -507px;
    z-index: 99;
}
#exTab1 .tab-pane-detailed h2{}
#exTab1 .tab-pane-detailed ul li img{
}

#exTab1 .tab-pane-detailed p{}
#exTab1 .tab-pane-detailed h2{
    color: #656053;
    font-size: 36px;
    margin: 10px 0 20px;
    position: relative;
    z-index: 2;
    font-family: 'UtopiaBlack';
}
#exTab1 .tab-pane-detailed ul{padding-top:25px;}
#exTab1 .tab-pane-detailed{
    background: #FFFFFF;
    box-shadow: 0px 196px 268px rgba(0, 0, 0, 0.06), 0px 81.8841px 111.964px rgba(0, 0, 0, 0.0431313), 0px 43.7792px 59.8613px rgba(0, 0, 0, 0.0357664), 0px 24.5422px 33.5578px rgba(0, 0, 0, 0.03), 0px 13.0342px 17.8223px rgba(0, 0, 0, 0.0242336), 0px 5.42382px 7.41625px rgba(0, 0, 0, 0.0168687);
    width: 600px;
    float: right;
    text-align: left;
    color: #7F8FA4;
    font-size: 16px;
}
.po-0r{position: absolute;z-index: 0;}
#exTab1 #a1 .tab-pane-detailed .po-0r.po-0r4{
	top: -12px;
	left: 0;
	width: 40%;
}
#exTab1 #a1 .tab-pane-detailed .po-0r{

top: -12px;

left: 0;

width: 75%;
}
#exTab1{}
#exTab1 #a2 .tab-pane-detailed .po-0r{top: -28px;left: -15px;width: 520px;}
#exTab1 #a3 .tab-pane-detailed .po-0r{top: -15px;left: 13px;width: 260px;}
#exTab1 #a4 .tab-pane-detailed .po-0r{top: -13px;left: 4px;width: 300px;}
#exTab1 .tab-pane-detailed  a{background: #394A71;border-radius: 4px;display: inline-block;padding: 10px 25px;text-align: center;text-transform: uppercase;color: #FFFFFF;margin: 30px  0 0;}
#exTab1 .tab-pane-detailed h3{color: #394A71;font-size: 16px;margin: 30px 0 10px 0;font-family: 'proxima_novabold';}
#exTab1 .tob-bd{position: relative;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:transparent;border-radius: 0;}
.tob-bd{}
.tob-bd:before{content:"";width: 57%;background: #fff;height: 63px;position: absolute;top: 0;left: 0;}

/*******************/
#pro-box .col-se-pro .pro-img img{
}
#pro-box .col-se-pro .pro-img{
}
#pro-box .col-se-pro{
    text-align: center;
    margin-bottom: 180px;
    padding: 0;
}
#pro-box .pro-pro p{
    color: #7F8FA4;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 21px 0;
}
#pro-box .pro-pro h3{
    margin-bottom: 15px;
    font-family: 'UtopiaBlack';
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 34px;
    color: #656053;
}
#pro-box .pro-pro s{
    font-size: 18px;
    line-height: 18px;
    color: #85D0D1;
    /* font-weight: 600; */
}
#pro-box .pro-pro .membr{
    font-size: 24px;
    line-height: 24px;
    color: #85D0D1;
    margin: 10px 0;
    font-weight: 800;
    font-family: 'proxima_novaextrabold';
}
#pro-box .pro-pro .tot-sav{font-weight: 600;font-size: 18px;line-height: 18px;margin-bottom: 14px;color: #7F8FA4;}
#pro-box .pro0-btn a.cry{}
#pro-box .pro-pro{
    padding: 0 20px;
    //margin-top: -6%;
    margin-top: 1%;
}
#pro-box .pro-mem strong{
    color: #85D0D1;
    font-size: 20px;
    line-height: 20px;
    display: block;
    font-weight: normal;
    margin: 8px 0 0;
}
#pro-box .pro-mem span{
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #7F8FA4;
}
#pro-box .pro-mem .pro-mem-2{}
#pro-box .pro-mem .pro-mem-1{width: 50%;float: left;}
#pro-box .pro-mem{
    margin: 20px 0 20px;
}
#pro-box .pro0-btn button{
    border: 0;
    color: #fff;
    padding: 12px 36px;
    margin: 0;
    font-weight: 800;
    text-transform: uppercase;
    background: #579A3F;
    border-radius: 4px;
}
#pro-box .pro0-btn a{
    border: 0;
    color: #fff;
    padding: 12px 36px;
    margin: 0;
    font-weight: 800;
    display: inline-block;
    text-transform: uppercase;
    background: #579A3F;
    border-radius: 4px;
}
#pro-box .pro0-btn{}
#pro-box{
    margin: 0;
    //margin-top: -19%;
    margin-bottom: 5%;
}
/*****************/
.container{padding:0}
.top-header .language-box button {
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 0 9px;
    margin: 12px 0 0;
    color: #fff;
}
.top-header .language-box .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.top-header .language-box .dropdown-menu a {
    color: #30426A;
    width: 100%;
    padding: 9px 5px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    margin: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:transparent;}
/************/

#center-statement{
//   margin-top: 9%;
}

footer{
    background: #EFF3F6;
    padding: 70px  0;
    float: none;
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 0%;
}
footer span{
    display: block;
    color: #7F8FA4;
    font-size: 13px;
    margin: 12px 20px 0 0;
}
footer img{
    width: 123px;
} footer ul li img{
    width: 23px;
    float: left;
    margin: 0 5px 0  0;
}
footer ul li span{
    font-size: 14px;
    float: left;
    margin: 0;
    width: 87%;
}
footer ul li a{
    color: #7F8FA4;
    font-size: 14px;
    list-style: none;
    padding: 4px 0;
}
footer ul li{
    color: #7F8FA4;
    font-size: 14px;
    list-style: none;
    padding: 4px 0;
    display: inline-block;
    width: 100%;
}
footer ul{}
footer h3{
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 16px;
    color: #7F8FA4;
}

.product-disclaimer{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 50px 0 0 0;
    border-top: 1px solid #DFE3E9;
    padding: 50px 50px 0;
}
.product-disclaimer p{
    color: #7F8FA4;
    font-size: 12px;
}
.product-disclaimer h4{
    color: #7F8FA4;
    font-size: 16px;
    font-weight: 600;
}
.footer-br{background: #656053;padding: 40px 0;display: inline-block;width: 100%;float: left;}
.footer-br h4{font-weight: 600;font-size: 28px;line-height: 28px;
/* identical to box height */color: #FFFFFF;padding: 0 15px;margin: 10px 0 0 24px;}
.footer-br a{color: #FFFFFF;font-size: 14px;line-height: 14px;border: 2px solid #FFFFFF;border-radius: 4px;width: 145px;display: inline-block;text-align: center;font-weight: 800;padding: 15px 0;}
/
	/********************************/
	.hover-pro a{width: 86px;height: 28px;font-weight: 800;font-size: 10px;line-height: 19px;color: #FFFFFF;background: #7B298D;border-radius: 4px;display: block;text-align: center;padding: 6px 0 0 0;}
	.hover-pro p{font-size: 12px;line-height: 18px;color: #30426A;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	.hover-pro h4{font-size: 20px;
line-height: 20px;

color: #7B298D;}
	.hover-pro img{
    width: 50px;
}

	.hover-pro{
                width: 215px;
                background: #FFFFFF;
                box-shadow: 0px 22px 464px rgba(0, 0, 0, 0.07), 0px 9.19107px 193.848px rgba(0, 0, 0, 0.0503198), 0px 4.91399px 103.64px rgba(0, 0, 0, 0.0417275), 0px 2.75474px 58.1px rgba(0, 0, 0, 0.035), 0px 1.46302px 30.8565px rgba(0, 0, 0, 0.0282725), 0px 0.608796px 12.8401px rgba(0, 0, 0, 0.0196802); display:none;
                border-radius: 8px;
                width: 0;
                padding: 20px;
                position: absolute;
                top: 38px;
                left: 44px;
                -webkit-animation-duration:1s;
                animation-duration:1s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both;
                }

	.col-se-8{width: 11%;float:left;height: 290px;margin: .6%;}
	.col-se-8 .prode-top{ margin: 15px 0;  transition: transform .1s; }
	.col-se-8 .prode-top .pro-slid-img{width: 135px;margin: 0 auto;}
	.col-se-8:hover .hover-pro{display:block;width: 215px;}
	.col-se-8:hover .prode-top{display: inline-block;position: absolute;transform: scale(1.1);z-index:999;}




	#product-hover{
    padding: 150px  0 110px;
}
	.Spray h2 img{
    position: absolute;
    top: -61px;
    width: 717px;
    max-width: inherit;
    z-index: -1;
    margin: 0 auto;
    left: 0;
    right: 0;
}
	.Spray h2 span{font-weight:bold;font-family: 'proxima_novaextrabold';}
	.Spray h2{
    font-size: 28px;
    line-height: 34px;
    color: #30426A;
    position: relative;
    z-index: 9;
    margin-bottom: 52px;
    font-weight: 600;
    padding: 0 15px;
}
	.Spray{
    text-align: center;
}
.col-se-8:hover .pro-slid-img {position:relative;z-index:999}

  .owl-carousel .owl-nav {
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    display: inline-block;
    }
  .owl-carousel .owl-nav button.owl-prev{}
  .owl-carousel .owl-nav button.owl-prev{background: url(/images/hempWorx/left.png) no-repeat;width: 50px;height: 50px;background-size: 100% 100%;font-size: 0;left: 19px;display: none;position: relative;}
  .owl-carousel .owl-nav button.owl-next{background: url(/images/hempWorx/right.png) no-repeat;width: 50px;height: 50px;background-size: 100% 100%;font-size: 0;right: 19px;position: relative;float: right;}
  #technology .col-sm-7{padding:0}
  .product-descrip .nav-pills{
    width:100%;
    margin: 0 0 0 65%;
    float: none;
    display: inline-block;
    }
.product-descrip .nav-pills li{width: 15%;z-index: 100;}
.nav-pills > li > a{padding: 30px 0;}
.tob-bd .container{width:100%;max-width: inherit;}
.tob-bd:before {
    content: "";
    width: 65%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 79px;
    z-index: 99;
}
.product-descrip ul.nav:after{right:0;width: 5%;}
.nav-pills>li.active>a.wht{color:#fff !important}
.web-wid{max-width: 1700px;margin:0 auto;}




            @-webkit-keyframes fadet{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(0);
                    transform:translateX(0)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(50px);
                    transform:translateX(50px)
                }
            }
            @keyframes fadet{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(0);
                    -ms-transform:translateX(0);
                    transform:translateX(0)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(50px);
                    -ms-transform:translateX(50px);
                    transform:translateX(50px)
                }
            }
            .fadet{
                -webkit-animation-name:fadet;
                animation-name:fadet
            }

/*******************************************************/

            @-webkit-keyframes tab-pane-detailed{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(200px);
                    transform:translateX(200px)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    transform:translateX(0)
                }
            }
            @keyframes tab-pane-detailed{
                0%{
                    opacity:0;
                    -webkit-transform:translateX(200px);
                    -ms-transform:translateX(200px);
                    transform:translateX(200px)
                }
                100%{
                    opacity:1;
                    -webkit-transform:translateX(0);
                    -ms-transform:translateX(0);
                    transform:translateX(0)
                }
            }

        .active  .tab-pane-detailed h2 {
                -webkit-animation-name:tab-pane-detailed;
                animation-name:tab-pane-detailed;-webkit-animation-duration:1s;
                animation-duration:1s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both;
               animation-delay: 1s;

            }
        .active  .tab-pane-detailed p,  .active  .tab-pane-detailed h3, .active  .tab-pane-detailed a,  .active  .tab-pane-detailed img,.active  .tab-pane-detailed ul {
                -webkit-animation-name:tab-pane-detailed;
                animation-name:tab-pane-detailed;-webkit-animation-duration:1.5s;
                animation-duration:1.5s;
                -webkit-animation-fill-mode:both;
                animation-fill-mode:both;
               animation-delay: 1.5s;

            }

	/*****************************/

.active  .tab-pane-detailed {
    -webkit-animation-name: fadesIn;
            animation-name: fadesIn;

 -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
 animation-delay: .3s;
}
.active  .tab-pane-detailed .po-0r {
	 animation-delay: .5s;
-webkit-animation-name: fadesIn;
            animation-name: fadesIn;

 -webkit-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }


         @-webkit-keyframes fadesIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

         @keyframes fadesIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }




/*****************   new css ******************/
.slide-progress {
  width: 0;
  max-width: 100%;
  height: 6px;
  background: #abd8d8;
}
.slide-progress-bg{content:"";max-width: 100%;height: 6px;background: #c66659;}
.owl-dots{display: none;}
.home-baner3 header{background:#fff}
.owl-carousel .owl-item   .smop img{width: 196px;position: absolute;top: 58%;right: 14%;/* left: 0; */}
.smop  {width:200px}
.aos-animate img{transition:  4s;}
#pro-box .container{}
.closrbar{
    width: 12px !important;
    position: absolute;
    right: 29px;
}
#products-view .pro-info h4 span.peak{color:#384971 !important}
.pro-cont{}
.pro-cont   input{
    display: none;
}
.pro-cont label{
    width: 100%;
    border: 1px solid #DFE3E9;
    box-sizing: border-box;
    border-radius: 4px;
    color: #7F8FA4;
    padding: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
}
.flavor{}
.flavor select{
    background: #FFFFFF;
    border: 1px solid #DFE3E9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 324px;
    padding: 12px  4px;
    font-size: 16px;
}
.flavor select option{
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    align-items: flex-end;
    color: #7F8FA4;
    display: inline-block;
}
.flavor h6{
    color: #7F8FA4;
    font-size: 16px;
    font-family: 'proxima_novabold';
    font-weight: bold;
    margin: 10px 0 6px;
    display: inline-block;
    width: 110%;
}
input[type="radio"]:checked+label  {
  border:1px solid #579A3F;
  color:#579A3F;
}

#lets{
    text-align: center;
    padding: 50px 5%;
    background: url(/images/hempWorx/let.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 100%;
    margin: 100px 0 0;
}
#lets img{
    box-shadow: 0 0 12px #a9a9a9;
    margin: 50px 0 60px;
}
#lets a{
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
/* identical to box height */
    color: #656053;
    margin: 0 13px;
}
#lets h3{
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
/* identical to box height */
    color: #656053;
}
#lets h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    color: #656053;
}
#sory{
    background: #F2F0E4;
    display: inline-block;
    margin: 100px 0 0;
    padding: 0 3%;
    position: relative;
}
#sory h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 42px;
/* identical to box height */
    color: #656053;
    margin-bottom: 15px;
    margin: 0 0 20px;
}
#sory 9{}
#sory .top-ru2{
    position: absolute;
    right: -8%;
    bottom: -147px;
    width: 200px;
}
#sory .top-ru1{
    margin: -100px 0 -30px -67px;
}
#sory .top-ru{
    margin-top: -100px;
    margin-bottom: 100px;
    position: relative;
    z-index: 9;
}
#sory .roots{
    padding: 0 10%;
}
#sory a{
    left: 982px;
    top: 3207px;
font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #579A3F;
    border: 3px solid #579A3F;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 45px;
    margin: 30px 0;
    display: inline-block;
    font-family: 'proxima_novabold';
}
#sory p{
    font-weight: 600;
    font-size: 21px;
    line-height: 34px;
/* or 111% */
    color: #656053;
    font-family: 'Lato', sans-serif;
}
#sory h2{}
#sory ul li img{
    width: 44px;
    margin: 0 7px 0 0;
}
#sory ul li{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 21px;
/* identical to box height */
    margin: 11px  0;
    color: #656053;
}
#sory ul{
    margin: 21px 0 0;
}
#protet{
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 80px  00;
    background: url(/images/hempWorx/drops.jpg) no-repeat;
    background-size: 58% 74%;
}
#protet .drops a{
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 19px;
/* identical to box height, or 136% */
    align-items: center;
    text-align: center;
    color: #579A3F;
    border: 3px solid #579A3F;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 45px;
    margin: 30px 0;
    display: inline-block;
    font-family: 'proxima_novabold';
}
#protet .drops h3{
    font-weight: 600;
    font-size: 28px;
    line-height: 29px;
/* identical to box height */
    color: #656053;
    font-family: 'Lato', sans-serif;
}
#protet .drops h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 49px;
/* identical to box height */
    color: #656053;
    margin: 41px 0 0;
}
#protet .drops img{
    position: absolute;
    right: -45px;
    z-index: -1;
    top: -27px;
}
#protet .drops{
    display: inline-block;
    position: relative;
}
#protet .products-home ul li a img{ }
#protet .products-home ul li a{ }
#protet .products-home ul li{display: inline-block;width: 12%;margin: 0 .5%;}
#protet .products-home ul{ }
#protet .products-home{
    padding: 50px  0;
}
.io1 a{
    font-style: normal;
    font-weight: 800;
    font-size: 29px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #579A3F;
    border: 3px solid #579A3F;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 30px;
    margin: 30px auto;
    display: block;
    padding: 17px;
}
.io2 a{
    font-style: normal;
    font-weight: 800;
    font-size: 29px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #fff;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 30px;
    margin: 30px 0;
    display: block;
    padding: 17px;
    margin: 40px auto 0;
    }
.io3 a{
    font-style: normal;
    font-weight: 800;
    font-size: 29px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #fff;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px 30px;
    margin: 30px 0;
    display: block;
    padding: 17px;
    margin: 40px auto;
    }
	.yotu{
    background: url(/images/hempWorx/ou-bg.png) no-repeat;
    display: inline-block;
    width: 100%;
    background-size: 100%;
    padding: 140px 00;
}
	.web-wid3{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}
	.force{
    padding: 0 9% 0 0;
    position: relative;
}
	.force img{
    width: 434px;
    margin: -80px 0 70px 70px;
}
	.force p{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
/* or 111% */
    color: #656053;
    font-family: 'Lato', sans-serif;
}
	.force h4{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
/* identical to box height */
    color: #656053;
}
	.force h3{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
/* identical to box height */
    color: #656053;
}
	.force h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 90px;
    line-height: 105px;
/* identical to box height */
    color: #656053;
}
.network .topsp{
    position: absolute;
    bottom: 0;
    right: -51px;
    width: 266px;
}
.network .topsp2{
    transform: rotate(109deg);
    position: absolute;
    bottom: -9%;
    left: -23%;
    width: 266px;
}
.network{}
.network .top-rups{
    width: 200px;
    float: right;
    position: absolute;
    right: -122px;
    top: -84px;
}
.network .top-rups1{
    transform: rotate(180deg);
    width: 200px;
    float: right;
    position: absolute;
    right: -122px;
    top: -141px;
}
.network .top-ru1s{
    width: 272px;
    margin: 3px 0 29px -16px;
    position: relative;
    z-index: 1;
}
.network h4{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 65px;
    color: #656053;
    position: relative;
    z-index: 2;
    margin: 100px 0 0 0;
    display: inline-block;
}
.network strong{font-family: Utopia;font-style: normal;font-weight: bold;font-size: 24px;line-height: 28px;
/* identical to box height */color: #656053;margin-bottom: 37px;display: inline-block;}
.network h5{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 65px;
    color: #656053;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 100px 0 0 0;
}
.network input{
    background: #FFFFFF;
    border: 1px solid #7F8FA4;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    padding: 15px;
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 20px;
}
.network select{
    background: #FFFFFF;
    border: 1px solid #7F8FA4;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 10px;
}
.what-cbd{
    padding: 0;
}
.force em{font-style: normal;font-weight: normal;font-size: 159px;display: inline-block;line-height: 148px;
/* identical to box height */color: #72A546;font-family: 'rocknessregular';margin: -59px 0  27px 0;}
.force strong{font-family: Utopia;font-style: normal;font-weight: bold;font-size: 26px;line-height: 28px;
/* identical to box height */width: 100%;display: inline-block;margin: 0 0 26px;color: #656053;}
#cbd{
    background: url(/images/hempWorx/cbd.png) no-repeat;
    display: inline-block;
    width: 100%;
//    padding: 5% 5%;
    float: left;
    background-size: 44%;
}
.web-wid img{
    /* max-width: 730px; */
    margin: 64px 0 0;
}
.what-cbd p{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #656053;
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
}
.what-cbd h3{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
/* identical to box height */
    margin: 70px 0 10px 0px;
    color: #656053;
}
#cbd2{
    display: inline-block;
    width: 100%;
    background: #F2F0E4;
    padding: 50px 50px 100px;
    float: left;
    margin: 0;
}
#cbd2 img{
    position: absolute;
    padding: 20px 5%;
}
#cbd3{
    background: url(/images/hempWorx/products2.png) no-repeat;
    background-position: 5% -14px;
    background-size: 480px;
    display: inline-block;
    width: 100%;
    padding: 200px 0  0;
}
.what-cbd span{    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #656053;
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
}
.what-cbd ul li{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    color: #656053;
    font-family: 'Lato', sans-serif;
    margin-bottom: -2px;
}
.what-cbd ul{}
#cbd4{
    background: url(/images/hempWorx/btp.png) no-repeat;
    background-position: 100% 0;
    padding: 160px 0 100px;
    /* margin: -100px; */
}
#cbd4 img{
    position: absolute;
    top: 0;
    margin: -84px 0 0;
}
#cbd4 .bg-web-wid {
    background: #F2F0E4;
    display: inline-block;
    width: 100%;
    padding: 30px 30px 100px;
}
#cbd4 .what-cbd{padding: 0;}
#faq-tab{
    float: none;
    display: inline-block;
    padding: 0 0 50px;
    width: 100%;
    background: url(/images/hempWorx/faq-bg.png),  #f9f9f9;
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
#faq-tab .panel-body{
    font-style: normal;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
/* or 171% */
    color: #7F8FA4;
    border: 0;
    margin: 0 30px;
    border-top: 1px solid #DFE3E9;
    padding: 25px 0;
}
#faq-tab .panel-collapse{
    background: #fff;
    text-align: left;
    position: relative;
}
#faq-tab .panel-heading{
    background: #FFFFFF;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    color: #656053;
    padding: 0;
    margin: 0;
}
#faq-tab .panel-title a i{
    position: absolute;
    right: 32px;
    font-size: 15px;
}
#faq-tab .panel-title a{font-family: 'Lato', sans-serif;display: inline-block;width: 100%;padding: 30px 30px;}
#faq-tab .panel-title{
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 19px;
    color: #656053;
    text-align: left;
    position: relative;
}
#faq-tab .coal-text p{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
/* or 144% */
    text-align: center;
    color: #656053;
    padding: 1px 22% 5%;
    font-family: 'Lato', sans-serif;
}
#faq-tab .coal-text h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 42px;
/* identical to box height */
    color: #656053;
    padding: 100px 0 26px;
    display: inline-block;
}
#faq-tab .coal-text{
    text-align: center;
    padding: 0;
    display: inline-block;
    width: 100%;
}
#faq-tab #loadMore{
    background: #FFFFFF;
    border: 1px solid #E6EAEE;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 23px;
    font-size: 20px;
    font-weight: 800;
    line-height: 19px;
    color: #72A546;
    margin-bottom: 30px;
}
.containerdemo{
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 15px;
}
.panel-group .panel
{
    margin-bottom: 10px;
    position: relative;
}


.panel {
/*  display: none;*/
}
#loadMore {
  transition: .3s;
}
#loadMore:hover {
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
	 #faq-tab .panel-collapse.in{}
	 #faq-tab .panel-collapse.in:before{content:"";background: #579A3F;width: 5px;top: -70px;left: 0;z-index: 999999;display: inline-block;position: absolute;height: calc(100% + 70px);}
	 #baytg{
    background: linear-gradient(180deg, #FFFFFF 0%, #FCF0EA 100%);
    display: inline-block;
    width: 100%;
    padding: 130px 0;
    overflow: hidden;
    float: left;
}
	 #baytg .nav-pills  li a{
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 20px;
/* identical to box height, or 91% */
    color: #656053;
    font-family: 'Lato', sans-serif;
}
	 #baytg .nav-pills  li.active a{}
	 #baytg .nav-pills  li.active{
    border-bottom: 3px solid #C56658;
}
	 #baytg .nav-pills  li{
    width: 25%;
    text-align: center;
    float: left;
    margin: 0;
    border-bottom: 3px solid #85D0D1;
}
	 #baytg .nav-pills {}
	 #baytg .tab-content .tab-pane strong p{}
	 #baytg .tab-content .tab-pane strong{
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
/* or 125% */
    color: #656053;
}
	 #baytg .tab-content .tab-pane h4{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
/* or 125% */
    color: #656053;
}
	 #baytg .tab-content .tab-pane h3{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 61px;
/* identical to box height */
    color: #656053;
    margin: 47px 0 39px 50px;
    position: relative;
    z-index: 1;
}
	 #baytg .tab-content .tab-pane img{}
	 #baytg .tab-content .tab-pane em{
    font-style: normal;
    font-weight: normal;
    font-size: 135px;
    line-height: 197px;
    color: #F4D1BE;
    transform: rotate(-9.34deg);
    position: absolute;
    top: -25px;
    left: 32px;
}
	 #baytg .tab-content .tab-pane {margin: 0;padding: 50px 0 0;}
	 #baytg .tab-content {
    max-width: 1535px;
    margin: 0 auto;
}
	 .main-banner, .full-width-wrape{max-width:1920px;margin:0 auto;position: relative;}
	 .story-ur .roots em {
    font-style: normal;
    font-weight: normal;
    font-size: 154px;
    display: inline-block;
    line-height: 148px;
    color: #72A546;
    margin: -72px 0 58px -28px;
    position: relative;
    z-index: -1;
  }
  .em-ben{
    position: relative;
    z-index: 1;
    display: inline-block;
}
	 .story-ur .web-wid3 .force em {font-style: normal;
    font-weight: normal;
    font-size: 146px;
    display: inline-block;
    line-height: 148px;
    color: #72A546;
    margin: -56px 0 90px -28px;
	 }

	 .story-ur .web-widwe .force em {
    font-style: normal;
    font-weight: normal;
    font-size: 193px;
    display: inline-block;
    line-height: 148px;
    color: #72A546;
    margin: -56px 0 30px 75px;
  }
 #sory h2.srt {
    margin:20px 0 20px;
 }
 .force3{padding:40px  50px 0 0}
 .force strong.trp{margin-top:100px; display:inline-block; width:100%}
 .noContent{display:none !important}
 #baytg .web-wid {
}
.certified{    padding: 27px;}
.certified strong , .certified h4 {font-family: 'proxima_novabold';}
.footer-br .container{
    max-width: 1540px;
}
.products-banner{position: relative;text-align: center;}
.trusted-banner{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 25%;
}
.trusted-banner2{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 25%;
}
.trusted-banner2 em{
    color: #72a546;
    font-size: 340px;
    margin: 0 0;
    line-height: 152px;
    transform: rotate(-2deg);
    display: inline-block;
    /* letter-spacing: -3px; */
}
.trusted-banner2 h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 117px;
    line-height: 139px;
    color: #656053;
    letter-spacing: 0px;
}
.trusted-banner em{
    color: #72a546;
    font-size: 220px;
    margin: 0 0;
    line-height: 153px;
    transform: rotate(-2deg);
    display: inline-block;
    letter-spacing: -3px;
}
.trusted-banner h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    //font-size: 101px;
    font-size: 85px;
    line-height: 126px;
    color: #656053;
    letter-spacing: 0px;
}
.trusted-banner h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 85px;
    line-height: 73px;
    color: #656053;
    letter-spacing: 0px;
}
.inner-bnaer-fx{
    position: relative;
}
.inner-bnaer-fx img{width:100%}
.inner-bnaer-fx-bar h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 104px;
    line-height: 114px;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
}
.inner-bnaer-fx-bar em{
    font-size: 210px;
    margin: 75px 0 0 85px;
    transform: rotate(-9deg);
    display: inline-flex;
    color: #72a546;
    line-height: 162px;
}
.inner-bnaer-fx-bar{
    position: absolute;
    margin: 80px 0 0;
}
.inner-bnaer-story{
    position: absolute;
    right: 9%;
    top: 19%;
}
.inner-bnaer-story h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 213px;
    line-height: 0;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
}
.inner-bnaer-story em{
    font-size: 400px;
    color: #72a546;
    line-height: 318px;
    margin: 0 0 0 78px;
}
.inner-bnaer-doc a{border:3px solid #72a546; font-size:22px;padding:15px 40px; color:#72a546; font-weight:bold}
.inner-bnaer-doc a{
    margin: 10% 0  0 29%;
    display: inline-block;
    padding: 10px 32px;
    font-size: 22px;
}
.inner-bnaer-doc h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 58px;
    line-height: 86px;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    }
.inner-bnaer-doc em{
    font-size: 182px;
    color: #72a546;
    line-height: 179px;
    margin: 0 0 0 15px;
    }
.inner-bnaer-doc h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 62px;
    /* line-height: 0; */
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    }
.inner-bnaer-doc{
    position: absolute;
    right: 6%;
    top: 19%;
    }
.inner-bnaer-faq{
    position: absolute;
    left: 6%;
    top: 26%;
    }
.inner-bnaer-faq h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 78px;
    line-height: 86px;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    }
.inner-bnaer-faq h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 90px;
    /* line-height: 0; */
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    }
.inner-bnaer-faq em{
    font-size: 179px;
    color: #72a546;
    line-height: 82px;
    margin: 0 0 0 61px;
    transform: rotate(-9deg);
    display: inline-block;
    }




	.baner-3 h6 strong{
    display: block;
}
	.baner-3 h6{
    color: #fff;
    margin: 29px  0 0;
    text-align: center;
    font-size: 22px;
}
	.baner-3 a{}
	.baner-3 h4{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 73px;
    /* line-height: 0; */
    color: #fff;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    text-shadow: 0 0 3px #000;
}
	.baner-3 em{
    font-size: 181px;
    color: #72a546;
    line-height: 61px;
    margin: 0;
    transform: rotate(-9deg);
    display: inline-block;
    display: inline-block;
}
	.baner-3  h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 102px;
    /* line-height: 0; */
    color: #fff;
    letter-spacing: 0px;
    margin: 3px 0 51px 32px;
    display: inline-block;
    text-shadow: 0 0 3px #000;
}





	.baner-1 h6 strong{
    display: block;
}
	.baner-1 h6{
    font-size: 22px;
    color: #656053;
    margin: 0;
    text-align: center;
}
	.baner-1 a{}
	.baner-1 h3{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 73px;
    /* line-height: 0; */
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
}
	.baner-1 em{
    font-size: 181px;
    color: #72a546;
    line-height: 61px;
    margin: 0 0 93px 139px;
    transform: rotate(-9deg);
    display: inline-block;
}
	.baner-1 h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 90px;
    /* line-height: 0; */
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 -12px 32px;
}
	.baner-1.baner-2 h2{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 90px;
    color: #fff;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
    text-shadow: 0 0 5px #000;
}
.baner-2 h6{    font-size: 22px;
    color: #fff;
       margin: 40px 0;
    text-align: center;}
	.baner-1{
    position: absolute;
    left: 5%;
    top: 18%;
}
	 .baner-3{
    position: absolute;
    right: 4%;
    top: 12%;
}
	.baner-1 h4 em{
    font-size: 118px;
    color: #f3dac1;
    line-height: 61px;
    margin: 0 0 29px 0;
    transform: rotate(-9deg);
    display: inline-block;
}
.baner-1 h4{font-weight:normal;text-shadow: 0 0 5px #000;}
	.baner-1 h4 span{
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 90px;
    /* line-height: 0; */
    color: #fff;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
}
.hepm em.hep{
    font-size: 106px;
    color: #72a546;
    line-height: 61px;
    margin: 0 0 47px 142px;
    transform: rotate(-3deg);
    display: inline-block;
    width: 100%;
}
.hepm em{
    font-size: 189px;
    color: #72a546;
    line-height: 32px;
    margin: 0 0 82px -2px;
    display: block;
    font-style: normal;
}
.soots em{
}
.hepm{
    margin: -43px 0 0;
}.bt-tb{
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 54%;
}
 .bt-tb h2{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 68px;
    line-height: 78px;
    color: #656053;
    margin-bottom: 15px;
    margin: -89px 0 20px;
    }
 .bt-tb em{color:#fbf0ea;font-size: 197px;line-height: 0;transform: rotate(-6deg);display: inline-block;z-index: -1;position: relative;}
 #exTab1 .tab-pane-detailed  em{
    font-family: 'ancientregular';
    font-size: 115px;
    line-height: 29px;
    color: #DAF0F1;
    opacity: 0.75;
    margin: 0 0 0 -69px;
    position: absolute;
    }
	 #exTab1 .tab-pane-detailed  em.small{font-size:100px}
	 .abolu-width{

background: url(/images/hempWorx/ou-bg.png), url(/images/hempWorx/drops.jpg);

display: inline-block;

width: 100%;

background-size: 100%;

padding: 140px 00;

background-repeat:no-repeat;

background-position: bottom;

float: left;
}
.soots em {
    margin: 22px 0 85px -32px;
    transform: rotate(-5deg);
 }
	.baner-1 h6 , .baner-3 h6{line-height: 35px;}
	#baytg{}
#baytg .tab-content #menu3.tab-pane h3{margin-left:0}
#baytg .tab-content #menu3.tab-pane em{
    transform: rotate(0deg);
    left: 151px;
    top: -3px;
}
//#baytg .tab-content #home:after, #baytg .tab-content #menu1:after, #baytg .tab-content #menu3:after{content:"";width: 1px;background: #989898;height: 1230px;top: -17%;position: absolute;right: 14px;}
//#baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{content:"";width: 1px;background: #989898;height: 1230px;top: -17%;position: absolute;left: 42px;}
/********************/

.select ul li.option {
    background: #FFFFFF;
    border: 1px solid #DFE3E9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 231px;
    padding: 12px 4px;
    font-size: 18px;
}

.select ul li.option:hover {
  background-color: #E9F5F7;
}

.select ul li.option {
  z-index: 1;
  padding: 12px;
  display: none;
  list-style: none;
  color: #7F8FA4;
  width: 100%;
  border-radius: 0;
  font-style: normal;
  font-weight: 500;
}

.select ul li:first-child {
  display: block;
  color: #354052;
  font-size: 18px;
}

.select ul li {
  cursor: default;
}
.select ul:after  {content:"\f0d7";font-family:"FontAwesome";position: absolute;top: 10px;right: 11px;font-size: 20px;}
.select ul   {
    background: #FFFFFF;
    border: 1px solid #DFE3E9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 324px;
    position: relative;
    padding: 0;
    font-size: 16px;
    position: absolute;
}
.select{width:100%;display: inline-block;height: 50px;}

/***************************** mobile View ***********************/

	@media   (min-width:2301px)  {

	.container {
    width: 1727px;
}
	}
	@media   (min-width:1920px) and  (max-width:2300px) {

		#exTab1 .tab-content > .tab-pane {
    padding: 300px 0 200px;
    height: 1232px;
}
	.inner-bnaer-doc a{
    margin: 10% 0  0 36%;
    display: inline-block;
}
.inner-bnaer-doc h3{     margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 87px;
    line-height: 86px;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;}
.inner-bnaer-doc em{
    font-size: 236px;
    color: #72a546;
    line-height: 179px;
    margin: 0 0 0 15px;
    }
.inner-bnaer-doc h2{ margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 89px;
    /* line-height: 0; */
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;}
.inner-bnaer-doc{
    position: absolute;
    right: 6%;
    top: 19%;
    }

 .top098 .web-wid img{padding: 0 0 0 30px;}
		.abolu-width .web-wid3{    max-width: 1540px;}
		.abolu-width .web-wid3  .force{       padding: 0 9% 0 3%;}
		.hover-pro{padding: 30px 30px 30px 60px;top: 18px;}
		#pro-box .col-se-pro {
    text-align: center;
    margin-bottom: 80px;
    padding: 0 20px;
}
		.col-se-dir .dir-pro p{height: 124px;font-size: 18px;}
		.col-se-dir {
    margin-top: 60px;
    padding: 0 13%;
}
		#proven h2 img {
    width: 676px;
    top: -60px;
}

		#how-use h2 img{    top: -105px;    width: 472px;}
	 .org{    top: -220px;
}
#how-use h2{    margin: 51px 0 0 0;
    font-weight: 800;}
		#pro-box .pro-mem strong {
    font-size: 24px;
    font-weight: normal;
    margin: 13px 0 0;
}
#pro-box .pro0-btn a, #pro-box .pro0-btn button {
    font-size: 16px;
}
		#pro-box .pro-mem span{    font-size: 18px;}
			.container, #products-view .container {
    max-width: 1600px;
    width:100%;
}.Spray h2 {
    font-size: 34px;
}
.top-header .navbar-left li a, .top-header .navbar-right li a{font-size:12px}
header .navbar-default .navbar-nav>li>a{font-size:16px}

 #effortless .effortless-text h2, #technology .innovation h2, #how-use h2, #proven h2, .footer-br h4 {
    font-size: 34px;
    letter-spacing: 0;
}
#effortless .effortless-text {
    padding: 100px 40px;
}
#effortless .effortless-text p, #exTab1 .tab-pane-detailed p, #technology .innovation p, #pro-box .pro-pro p, #products-view .pro-info ul li, #products-view .pro-info p {
    font-size: 20px;
    line-height: 33px;
}
#effortless .effortless-img img {
    padding: 0 100px;
}.max-container {
    max-width: 1740px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
#effortless .effortless-text h2 img {
    position: absolute;
    top: -97px;
    left: -251px;
    width: 631px;
    max-width: inherit;
    z-index: -1;
    margin: 0 auto;
    right: 0;
}
#effortless .effortless-text a, #technology .innovation a, #products-view .pro-pur-btn button {
    width: 168px;
    height: 50px;

    font-size: 18px;
    line-height: 14px;
    padding: 18px 0;
    margin: 15px 0;
}
#products-view .pro-pur-btn select{  height: 50px;}
.footer-br a{
    width: 170px;
    height: 50px;
    font-size: 18px;
    line-height: 14px;
    margin: 0 15px;
    }
#proven a{height:50px; width:260px;  font-size: 18px;
    line-height: 14px;
    padding: 18px 0;}
#technology .innovation{    background-size: 98%;}
#technology{background-position: right top;margin: -94px 0 0;}
#products-view .pro-text h5, #exTab1 .tab-pane-detailed h3 {
    font-size: 24px;
}#products-view .pro-info h4, #products-view .pro-cont h6, #products-view .pro-pur span {
    font-size: 18px;
}
#products-view .pro-pur strong{font-size:34px; margin:10px 0 0 }
#products-view .pro-cont ul li span{font-size:14px}

.col-se-8{width: 11%;float:left;height: 290px;margin: .6%;}
	.col-se-8 .prode-top{width:auto;}
	.col-se-8 .prode-top .pro-slid-img{width: 144px;margin: 0 auto;}
	.col-se-8:hover .hover-pro{display:block;width: 280px;}
	.col-se-8:hover .prode-top{display: inline-block;position: relative;}
	.col-se-8:hover .pro-slid-img{width: 154px;transition: width 1s;}
	.peoduct-hover-section {
    padding: 0 10%;
}

		}

@media(min-width:1401px) and (max-width:1900px){
	#baytg .tab-content .tab-pane {
    margin: 0;
    padding: 50px 32px 0;
}
	#baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{    left: 75px;}
	#baytg .tab-content #home:after, #baytg .tab-content #menu1:after, #baytg .tab-content #menu3:after{    right: 45px;}
	#cbd2{    padding: 50px 50px 38px;}
	.hepm em {
    font-size: 150px;
	}
	.hepm em.hep {
    font-size: 92px;
    margin: 0 0 43px 98px;

	}
	.story-ur .roots em {
    font-size: 128px;
    margin: -72px 0 8px -28px;
 }
	.force p, #sory p{font-size:16px;     line-height: 25px;}
	.abolu-width .web-wid3, .web-wid3 {
    max-width: 1300px;
}
	.inner-bnaer-story {
    position: absolute;
    right: 7%;
    top: 19%;
}.inner-bnaer-story em {
    font-size: 312px;
    line-height: 243px;
    margin: 0 0 0 78px;
}
.web-wid {
    max-width: 1300px;
    margin: 0 auto;
}
.inner-bnaer-story h3  {
    font-size: 168px;
    line-height: 0;
}
	.inner-bnaer-fx-bar em {
    font-size: 210px;
    margin: 66px 0 0 85px;
    transform: rotate(-9deg);
    display: inline-flex;
    color: #72a546;
    line-height: 158px;
}
.inner-bnaer-fx-bar {
    position: absolute;
    margin: 80px 0 0;
}
.inner-bnaer-fx-bar h3 {
    margin-bottom: 15px;
    font-family: 'Utopia';
    font-style: normal;
    font-weight: 900;
    font-size: 104px;
    line-height: 92px;
    color: #656053;
    letter-spacing: 0px;
    margin: 0px 0 0 32px;
}
	.trusted-banner em {
    color: #72a546;
    font-size: 182px;
    margin: 0 0;
    line-height: 98px;
	}
	.trusted-banner h2{font-size:80px;line-height: 69px;}
.trusted-banner h3{font-size: 62px;}
	#pro-box .pro-pro h3{font-size: 30px;}
	#how-use h2{margin:50px  0 0}
	#technology {
    display: inline-block;
    width: 100%;
    padding: 213px 0;
    background-size: 100%;
}
.col-se-8:hover .hover-pro{    top: 11px;
    left: 35px;}
}
@media(min-width:1200px) and (max-width:1400px){
		#baytg .tab-content .tab-pane {
    margin: 0;
    padding: 50px 22px 0;
}
	#baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{left: 64px;}
	#baytg .tab-content #home:after, #baytg .tab-content #menu1:after, #baytg .tab-content #menu3:after{right: 35px;}
	#cbd2{padding: 0 0 0 30px;}
	#cbd2 .what-cbd p{    font-size: 16px;}
	#cbd3{
    padding: 150px 0 0;}
	#cbd4 .what-cbd p {
    font-size: 16px;
    line-height: 25px;
	}
	#cbd4 .bg-web-wid {
    padding: 30px 30px 20px;
}
	#cbd4 .what-cbd h3 {
    font-size: 29px;
	}
	#cbd4 {
    padding: 140px 0 100px;
	}
	 .hepm em {
    font-size: 135px;
  }
	 .hepm em.hep {
    font-size: 70px;
    margin: 0 0 25px 109px;
  }
	.story-ur .roots em {
    font-size: 113px;
    margin: -72px 0 8px -28px;
	}
	.force p, #sory p{font-size:16px;     line-height: 25px;}
	.abolu-width .web-wid3, .web-wid3 {
    max-width: 1300px;
}
	.inner-bnaer-story {
    position: absolute;
    right: 7%;
    top: 19%;
}.inner-bnaer-story em {
    font-size: 200px;
  line-height: 144px;
    margin: 0 0 0 78px;
}
.inner-bnaer-story h3{    font-size: 126px;}
	.trusted-banner2 h2{    font-size: 90px;
    line-height: 60px;}
	.trusted-banner2 em{    font-size: 260px;}
	.trusted-banner h2{    font-size: 75px;     line-height: 48px;}
	.trusted-banner em{    font-size: 156px;}
	.trusted-banner h3{ font-size: 55px;}
	#pro-box .pro-pro h3{ font-size:30px;}
	.smop {
    width: 158px;
    bottom: 0 !important;
    font-size: 19px !important;
    padding: 16px !important;
}
	#how-use h2 {
    margin: 40px 0 0;
}

	#technology .innovation {
    background-size: 100% 100%;
}
#technology {
    background-position: right top;
    margin: 0;
    padding: 50px 0;
}
	.col-se-8:hover .pro-slid-img {
    width: 150px;
    float: left;
}
.hover-pro{width: 160px;left: 41px;}
.inner-bnaer-fx-bar em{  font-size: 114px;  line-height: 69px;}
.inner-bnaer-fx-bar h3{font-size: 65px;
    line-height: 73px;}
.inner-bnaer-fx-bar  {}
}
@media(min-width:992px) and (max-width:1199px){

	#cbd div, #cbd2 div, #cbd3 div , #cbd4 div {width:100%; text-align:center; }
	#cbd2, #cbd3, #cbd4 {padding:30px 50px}
	#cbd2 img, #cbd4 img{position:relative; padding:30px; margin:0}
.soots em {
    margin: 46px 0 66px 0;
}
#sory{/* margin:    0; */}
	.bt-tb h2{
    font-size: 44px;
    line-height: 50px;
}
	.baner-1 h6{margin: 30px  0;}
  .baner-1{top:6%}
   .hepm em.hep{margin: 0 0 8px 108px;font-size: 59px;}
	  .hepm em{font-size: 135px;}
	  .baner-1 h4 {margin:0}
	  	.baner-1 h3, .baner-1 h4 span, .baner-3 h4{font-size: 58px;}
	.baner-1 h2, .baner-1.baner-2 h2, .baner-3 h2{font-size: 78px;}
	.baner-1 em, .baner-1 h4 em, .baner-3 em{
    font-size: 87px;
    line-height: 30px;
    margin: 7px 0 3px 101px;
    }
  .io1 a, .io2 a, .io3 a{margin: 11px auto;}
  .baner-1 h6, .baner-3 h6, {font-size:13px;display: none;}
  .baner-1{top:6%;left: 57px;}
	   	.inner-bnaer-fx-bar em{
    font-size: 37px;
    line-height: 54px;
    margin: 0 0 0 7px;
    }
	.baner-1 h4 em{    margin: 29px 0 25px 24px;}

	.inner-bnaer-faq{
    position: absolute;
    left: 3%;
    top: 12%;
    }
	 .baner-3 em{margin:0}
.inner-bnaer-faq h3{
    font-size: 59px;
    line-height: 86px;
    }
.inner-bnaer-faq h2{
    font-size: 70px;
    margin: 0px 0 0 32px;
    line-height: 86px;
    }
.inner-bnaer-faq em{
    font-size: 124px;
    line-height: 82px;
    margin: 0 0 0 61px;
    }


	.inner-bnaer-fx-bar em{  font-size: 114px;  line-height: 69px;}
.inner-bnaer-fx-bar h3{font-size: 65px;
    line-height: 73px;}
.inner-bnaer-fx-bar  {}
	#pro-box .pro-pro h3{    font-size: 34px;}
	.trusted-banner2 em {
    font-size: 176px;
    line-height: 129px;
}.trusted-banner2 h2 {
    font-size: 75px;
    line-height: 4px;
}
	.yotu{padding-bottom:30px}
	#sory .roots, .force {
    padding: 0;
}
	#sory .top-ru{/* margin:40px 0 */}
	.network .top-ru1s {
    width: 154px;
    margin: 3px 0 29px -16px;
    position: relative;
    z-index: 1;
    position: absolute;
    top: 0;
}.network h4 {
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 65px;
    color: #656053;
    position: relative;
    z-index: 2;
    margin: 30px 0 010px;
    display: inline-block;
}
	.force h2{font-size:70px}
	.force img {
    width: 326px;
    margin: -80px 0 -1px 70px;
}
	.force p{    font-size: 16px;
    line-height: 24px;}
	#sory .top-ru{/* margin:40px 0 */}
	.smop {
    width: 158px;
    bottom: 0 !important;
    font-size: 15px !important;
    padding: 10px !important;
}
	.top-header .language-box .dropdown-menu a {
 }
		#pro-box .pro-pro.pac20 h3{margin-bottom: 45px;}
	.col-se-8:hover .prode-top{position:relative}
	.peoduct-hover-section{text-align:center}
	#how-use h2{margin:40px 0 0}
	.col-se-dir .dir-img {
    width: 15%;
	}
	#dir-pro .col-sm-4, #pro-box .col-sm-4{width:50%}
	  #technology .innovation {
    background: #f0f9f8;
    padding: 50px 0;
}
	 #technology .col-sm-7{margin:0  auto; width:80%; float:none}
#technology{padding: 100px 6%;margin: 0;}	  .hover-pro{
    width: 220px !important;
    padding: 10px 10px;
    top: 1px;
    left: 23px;
    text-align: left;
    }
	  .col-se-8 .prode-top {
    float: none;
    margin: 0 auto;
}
.col-se-8 .prode-top .pro-slid-img {
    width: 120px;
    float: none;
    margin: 0 auto;
}
	  .col-se-8 {
   width: 25%;
   float: none;
   height: 340px;
   display: inline-block;
}
.col-se-8:hover .pro-slid-img {
}
.max-container {
    max-width: 1400px;
    margin: 0 auto;
    background: #f0f9f8;
}
#effortless .effortless-text {
    padding: 0;
}
#product-hover {
    padding: 100px 0 60px;
}
.col-se-dir .dir-pro p{
    height: 115px;
}
#pro-box .pro-pro.pac20 .pro0-btn {
    margin: 50px 0 0;
}
.re6 {
    background-repeat-y: repeat;
}.Spray h2{    margin-bottom: 80px;}
#cbd4{margin:0}
.trusted-banner h2 {
    font-size: 57px;
    line-height: 0;
    margin: 69px  0 0;
}
.trusted-banner h3 {
    font-size: 43px;
    line-height: 91px;
}
.trusted-banner em {
    color: #72a546;
    font-size: 126px;
    margin: 0 0;
    line-height: 23px;
    margin-top: 5%;
}

#pro-box .col-se-pro {
    text-align: center;
    margin-bottom: 60px;
}
.inner-bnaer-story {
    position: absolute;
    right: 8%;
    top: 21%;
}
#sory p {
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;

}
.inner-bnaer-story em{
    margin: 0 0 0 40px;
    font-size: 170px;
    color: #72a546;
    line-height: 149px;
    }
	.inner-bnaer-story h3{font-size: 96px;}
  .story-ur .web-widwe .force em{
    font-size: 139px;
    line-height: 0;
    color: #72A546;
    margin: 0px 0 0 79px;
    }
	.story-ur .roots em{line-height: 109px;font-size: 92px;margin: -72px 0 0 -14px;}
	.force em{    font-size: 139px;}
	.inner-bnaer-doc a {
    margin: 3% 0 0 24%;
    display: inline-block;
}
.inner-bnaer-doc h3{    font-size: 47px;
    line-height: 86px;}
	.inner-bnaer-doc h2{    font-size: 50px;}
	.inner-bnaer-doc em{    font-size: 100px;
    color: #72a546;
    line-height: 77px;}
	.bt-tb em{font-size: 113px;}
	#baytg .nav-pills li a{    font-size: 23px;}
		#baytg .tab-content .tab-pane {
    margin: 0;
    padding: 50px 22px 0;
}
	#baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{left: 64px;}
	#baytg .tab-content #home:after, #baytg .tab-content #menu1:after, #baytg .tab-content #menu3:after{right: 35px;}#baytg .nav-pills li a {
    font-size: 18px;
    margin: 0 0 0 4px;
}
 [data-aos][data-aos][data-aos-delay="400"].aos-init, body[data-aos-delay="400"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="600"].aos-init, body[data-aos-delay="600"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="800"].aos-init, body[data-aos-delay="800"] [data-aos].aos-init {
       transition-delay: inherit !important;
    opacity: 1 !important;
    transform: inherit !important;
    transition-duration: inherit; all: inherit !important;
}
.aos-init, .aos-animate{all: inherit !important;}
}
  @media (min-width:768px) and  (max-width:991px){
	   [data-aos][data-aos][data-aos-delay="400"].aos-init, body[data-aos-delay="400"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="600"].aos-init, body[data-aos-delay="600"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="800"].aos-init, body[data-aos-delay="800"] [data-aos].aos-init {
       transition-delay: inherit !important;
    opacity: 1 !important;
    transform: inherit !important;
    transition-duration: inherit; all: inherit !important;
}
	   .aos-init, .aos-animate{all: inherit !important;}
	  #baytg .tab-content #menu3.tab-pane em {
    transform: rotate(0deg);
    left: 122px;
    top: -69px;
}
	  #baytg .tab-content .tab-pane em {
    font-size: 85px;
    top: -75px;
    left: 8px;
}
#baytg .tab-content .tab-pane h3{margin: 0px 0 19px 23px;}
	  .certified{padding:0}
	  	#baytg .nav-pills li a{    font-size: 23px;}
		#baytg .tab-content .tab-pane {
    margin: 0;
    padding: 50px 22px 0;
}
	#baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{left: 36px;}
	#baytg .tab-content #home:after, #baytg .tab-content #menu1:after, #baytg .tab-content #menu3:after{right: 35px;}
	  .soots em {
    margin: 135px 0 71px;
}
	  #sory{margin:0}
	  .bt-tb h2{    font-size: 35px;
    line-height: 52px;}
	.bt-tb em{font-size: 113px;}
	  .inner-bnaer-doc a{padding:10px 20px; font-size:16px}
	.hepm em.hep{margin: 95px  0 20px 46px;font-size: 64px;}
	  .hepm em{font-size: 140px;}
	  .baner-1 h4 {margin:0}
	  	.baner-1 h3, .baner-1 h4 span, .baner-3 h4{font-size: 39px;}
	.baner-1 h2, .baner-1.baner-2 h2, .baner-3 h2{font-size: 49px;}
	.baner-1 em, .baner-1 h4 em, .baner-3 em{
    font-size: 70px;
    line-height: 30px;
    margin: 29px 0 26px 104px;
    }
	.baner-3 h2{margin-bottom:0}
  .io1 a, .io2 a, .io3 a{margin: 11px 0 0 23px;width: 142px;margin: 26px auto;}

	  .baner-2 h6 {
    margin: 20px 0;
}
 .baner-1 h4 em, .baner-3 em {margin: 29px 0 26px 0px;}
	  	.inner-bnaer-faq{
    position: absolute;
    left: 2%;
    top: 13%;
    }
.inner-bnaer-faq h3{
    font-size: 45px;
    line-height: 50px;
    }
.inner-bnaer-faq h2{
    font-size: 55px;
    margin: 0px 0 0 32px;
    line-height: 86px;
    }
.inner-bnaer-faq em{
    font-size: 92px;
    line-height: 19px;
    margin: 0 0 0 61px;
    }

	  .inner-bnaer-doc h3{
    font-size: 36px;
    line-height: 32px;
    }
	.inner-bnaer-doc h2{font-size: 34px;}
	.inner-bnaer-doc em{
    font-size: 67px;
    color: #72a546;
    line-height: 77px;
    }
	  	.inner-bnaer-fx-bar em{      font-size: 61px;
    line-height: 69px;
    margin: 0 0 0 50px;}
.inner-bnaer-fx-bar h3{    font-size: 44px;
    line-height: 46px;}

	  #pro-box .pro-pro h3{font-size:30px}
	  #cbd4 img {
    position: relative;
    top: 0;
    margin: 0;
}
	  #cbd4{margin:0;padding: 50px  0;}
	  .force{padding:0}
	  #sory .top-ru{margin: -76px 0 0;}
	  .yotu{padding:50px 0 0;text-align: center;}
	  .smop {
    width: 158px;
    bottom: 0 !important;
    font-size: 15px !important;
    padding: 10px !important;
}
	  .top-header .language-box .dropdown-menu a {
   }
	  #protet .products-home ul li{width: 22%;}
	  .Spray h2{    margin-bottom: 80px;}
	  .re6 {
    background-repeat-y: repeat;
	  }
	  .col-se-dir .dir-pro p
	  .peoduct-hover-section{
    max-width: 546px;
    margin: 0 auto;
}
	  #how-use h2{margin:40px 0 0}
	  .hover-pro{
    width: 160px;
    padding: 20px;
    top: 38px;
    left: 40px;
    }
	  .col-se-8 .prode-top {
    width: 172px;
    float: none;
    margin: 0 auto;
}
.col-se-8 .prode-top .pro-slid-img {
    width: 120px;
    float: none;
    margin: 0 auto;
}
	  .col-se-8 {
   width: 160px;
   float: left;
   height: 340px;
}
.col-se-8:hover .pro-slid-img {
    width: 154px;
    float: left;
}
	  #proven ul li {
    width: 25%;
    height: 140px;
}
	  #effortless .col-sm-6{width:100%}
	  #technology .col-sm-7{margin:0  auto; width:80%; float:none}
	  #technology .innovation {
    background: #f0f9f8;
    padding: 18px 34px;
}
#technology{padding:100px 0;margin: -7px 0 0;}
	  #dir-pro .col-sm-4,  #pro-box .col-sm-4 {
    width: 50%;
    height: 630px;
}
	  header .navbar-default .navbar-nav>li{padding:0}
	  header .navbar-default .navbar-nav>li>a{font-size:13px;
    padding: 21px 12px;
}header .all-header{display: block;position: absolute;right: 0;}
.tob-bd:before, .product-descrip ul.nav:after, .product-descrip ul.nav:before{width:auto}
 .product-descrip .nav-pills{width:100%;    margin: 0 0 0 40%;
    float: none;
    display: inline-block;}
.product-descrip .nav-pills li{width:25%; }
.nav-pills > li > a{padding:22px 0}
.tob-bd .container{width:100%}
.tob-bd:before {
    content: "";
    width: 40%;
    background: #fff;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
}
.product-descrip ul.nav:after{right:0;width:10%;height: 63px;}
#product-hover {
    padding: 70px 0 52px;
    margin: 0 auto;
}
#effortless .effortless-text .rt img{left:0}
#pro-box .pro-pro.pac20 h3{
    margin-bottom: 46px;
}

#pro-box .pro-pro.pac20 .pro0-btn{margin: 50px 0 0;}
.owl-carousel .owl-item .smop img {
    right: 7%;
    /* left: 0; */
}
.peoduct-hover-section{
    width: 675px;
    margin: 0 auto;
}.force img {
    width: 290px;
    margin: 0;
}
#sory .roots {
    padding: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}#baytg .nav-pills li a {
    font-size: 17px;

}
#faq-tab .coal-text p{padding: 0 50px}
#cbd2 img {
    position: relative;
    padding: 0;
}
#cbd, #cbd2, #cbd3, #cbd4{text-align:center;padding: 30px;}
.trusted-banner2 h2 {
    font-size: 56px;
    line-height: 0;
}
.trusted-banner2 em {
    font-size: 126px;
    line-height: 93px;
}

.trusted-banner h2 {
    font-size: 50px;
    line-height: 0;
    margin: 40px  0 0;
}
.trusted-banner h3 {
    font-size: 35px;
    line-height: 59px;
}
.trusted-banner em {
    color: #72a546;
    font-size: 100px;
    margin: 0 0;
    line-height: 23px;
    margin-top: 5%;
}

#pro-box .col-se-pro {
    text-align: center;
    margin-bottom: 60px;
}
.inner-bnaer-story {
    position: absolute;
    right: 8%;
    top: 21%;
}
#sory p {
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;

}
.inner-bnaer-story em{
    margin: 0 0 0 40px;
    font-size: 145px;
    color: #72a546;
    line-height: 116px;
    }
	.inner-bnaer-story h3{font-size: 75px;}
  .story-ur .web-widwe .force em{
    font-size: 138px;
    line-height: 0;
    color: #72A546;
    margin: 18px 0 0 0;
    }
	.story-ur .roots em{line-height: 91px;font-size: 98px;margin: -72px 0 28px -14px;}

  .baner-1{top:6%;left: 5%;}
	   	.inner-bnaer-fx-bar em{
    font-size: 37px;
    line-height: 54px;
    margin: 0 0 0 7px;
    }
	.top-header .navbar-left li a {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 0 9px;
    margin: 11px 4px 0 0;
    color: #fff;
}
.top-header .navbar-right li a{    margin: 9px 9px 0 14px;}
#protet{background:none}
   [data-aos-delay] {
    transition-delay: 0 !important;
  }
  .web-widwe {
    margin: 0 auto 120px;
}
  }
  @media (min-width:240px) and  (max-width:767px){
      .trusted-banner2 h2 {
         font-size: 30px;
         line-height: 30px;
      }
      .trusted-banner2 em {
         font-size: 80px;
         line-height: 40px;
      }
      .trusted-banner em {
         font-size: 60px;
         line-height: 40px;
      }
      .inner-bnaer-faq h3, .inner-bnaer-faq h2 {
      font-size: 20px;
      line-height: 20px;
      }
      .inner-bnaer-faq em {
      font-size: 50px;
      line-height: 40px;
       margin: 0 0 0 20px;
      }
      .trusted-banner h2, .trusted-banner h3 {
         font-size: 20px;
         line-height: 10px;
      }
	    .web-widwe {
    margin: 0 auto 50px;
}
	  #exTab1 .tab-pane-detailed h2{ font-size: 32px;}
	     [data-aos][data-aos][data-aos-delay="400"].aos-init, body[data-aos-delay="400"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="600"].aos-init, body[data-aos-delay="600"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="800"].aos-init, body[data-aos-delay="800"] [data-aos].aos-init {
       transition-delay: inherit !important;
    opacity: 1 !important;
    transform: inherit !important;
    transition-duration: inherit; all: inherit !important;
}
 	   .aos-init, .aos-animate{all: inherit !important;}
	  #baytg .tab-content #home:before, #baytg .tab-content #menu1:before, #baytg .tab-content #menu3:before{left:16px}
	  .certified{padding:0}
	  .inner-bnaer-doc a{padding:10px 20px; font-size:14px}
	  #cbd4 .bg-web-wid{padding:0}
	  #cbd2 img {
    position: relative;
    padding: 0;
}
	  #cbd, #cbd2, #cbd3, #cbd4{text-align:center;padding: 40px  0 0;}
	  #faq-tab .coal-text p{padding: 0 30px}
	  #baytg .nav-pills{    overflow: auto;
    white-space: nowrap;}
	#baytg .nav-pills li{width:auto;display:inline-block;float: none;padding: 0 30px;margin: 0 -13px;}a
	  #cbd2{padding:0}
	  .force p {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
   }
	  .force h2, .network h4{font-size: 34px;margin: 0;}
	  .force img, .network .top-ru1s {
    width: 189px;
    margin: -49px 0 0 70px;
}
.force h3{font-size:25px}
	  #sory .top-ru {
    margin-bottom: 20px;
    /* margin: 0; */
}
	  .force{padding:0}
	  .yotu{padding:50px 0 0 0;text-align:center}
	  .top-header .language-box .dropdown-menu {
    border-radius: 0;
    padding: 0;
    background: #ffffff;
    position: absolute;
    color: #fff;
}.top-header .language-box .dropdown-menu a {
    color: #131313;
}
	  .re6{background-repeat-y: repeat;padding: 0 15px 20px;text-align: center;}
	  .col-se-8:hover .prode-top{position:relative}
	  .col-se-8:hover .hover-pro{
    top: 0px;
    left: 28px;
    }
	  #how-use h2{margin:40px 0 0}
	  .peoduct-hover-section {
    padding: 0 0%;
}
	.product-descrip .nav-pills{width:100%;    margin: 0 0 0 10%;
    float: none;
    display: inline-block;}
.product-descrip .nav-pills li{width:40%; }
.nav-pills > li > a{padding:22px 0}
.tob-bd .container{width:100%}
.tob-bd:before {
    content: "";
    width: 10%;
    background: #fff;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
}
.product-descrip ul.nav:after{right:0;width:10%;height: 63px;}
	  #technology .innovation {
    background: #f0f9f8;
    padding: 10px 15px;
    margin: 0 30px;
}
#technology{padding:100px 0;margin: 0;}
	  #effortless .effortless-text {
    padding: 0;
}
	  .footer-br h4{text-align:center}
	  .footer-br .text-right{text-align:center; margin-top:20px}
	  footer ul li img{display:none}
footer .container .col-sm-1{width:100%}
	   body {
    overflow-x: hidden;
}
	  .row{margin:0}
	  	 .navbar-default .navbar-toggle {
    border-color: #384971;
    padding: 11px;
}.navbar-default .navbar-toggle .icon-bar {
    background-color: #384971;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #e6eef6;}
	 .loding-section.med-section{margin:30px 0}
	 header .navbar-right li a{margin:0 auto}
	 .helping-section {
    padding: 30px;
    background-size: cover;
}
	 footer{text-align:center;padding: 40px 0 0;}
	 footer .language-box{margin:21px auto 0}

	 .top-header .navbar-left li a{    padding: 0;
    margin: 0;}
	.top-header .navbar-left li {
    display: inline-block;
    margin: 0 5px;
}
.top-header .navbar-left {
    text-align: center;
}
.top-header .navbar-right {
    margin: 0;
    border-top: 1px solid #fff;
    text-align: center;
    padding: 6px 0 0;
}
.top-header .navbar-right li {
    display: inline-block;
}
.top-header .navbar-right li a{margin: 0 15px;}
.top-header{height:auto}
header .all-header{float:left;width: 100%;margin: 0;}
header .navbar-default .navbar-collapse, header .navbar-default .navbar-form{background:#fff;margin: 0;}
header .navbar-default .navbar-nav>li>a {
    font-family: 'camptonlight_demo';
    color: #30426A;
    padding: 18px 26px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    text-align: center;
    border-bottom: 1px solid;
}footer h3{margin-top:30px}
footer .container .col-sm-2, footer .container .col-sm-1{padding:0  15px}
.placename {
    margin: 0;
}

  .footer-text .text-right, .footer-text{text-align:center;margin: 0;}
  .footer-text{padding:15px 0}
    .navbar-default .navbar-brand {
    padding: 8px 20px;
}

.tab-content > .tab-pane{    margin-top: -61px;}
#proven ul li img {
    width: 189px;
}
  #how-use ul li {
    width: 50%;
}
#effortless .effortless-img img{padding:0}
#effortless .effortless-text .rt img, #technology .innovation h2 img, #how-use h2 img  {

top: -15px;

left: 0;

width: 255px;

max-width: inherit;

right: 0;

margin: 0 auto;
}
.Spray h2 img {    top: -30px;
    width: 469px; }


#effortless .effortless-text h2, #technology .innovation h2, #how-use h2, #proven h2, .footer-br h4 {
    font-size: 26px;
    letter-spacing: 0;
    position:relative;
}
#product-hover{padding:50px 0}

#effortless .effortless-text p, #exTab1 .tab-pane-detailed p, #technology .innovation p, #pro-box .pro-pro p, #products-view .pro-info ul li, #products-view .pro-info p{
    font-size: 17px;
    line-height: 28px;
}
#exTab1 .tab-pane-detailed{margin:0 auto;width: 92%;float: none;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
      background-size: 100%;
    width: 27px;
    height: 27px;
}
/*
.owl-carousel .owl-nav{top:30%}
*/
.owl-carousel .owl-item .smop img {
    width: 129px;
    position: absolute;
    top: 57%;
    right: 7%;
    /* left: 0; */
}
#protet .drops h2{    font-size: 30px;
    line-height: 37px;}
	#protet .drops h3{font-size:22px}
	#sory .roots{padding:0;text-align: center;}
	#sory h2 {
    font-size: 30px;
}#sory .top-ru{/* margin-bottom: 113px; */}#sory .top-ru1 {
    margin: 0;
}
#sory .top-ru1{max-width: 400px    width: 100%;
  }
  #sory{padding:0 0 30px}
  .force em {
    font-size: 70px;
    display: inline-block;
    line-height: 32px;
    color: #72A546;
    font-family: 'rocknessregular';
    margin: 0;
}#cbd4{margin:0;padding: 40px 0;}
#cbd4 img {
    position: relative;
    top: 0;
    margin: 0 0 0;
}#cbd2{padding: 0;}
 br{display:none}
 	.bt-tb h2{font-size: 21px;line-height:normal;margin: -31px 10px 0;}
	.bt-tb em{font-size: 43px;margin: 0;}
		.bt-tb {margin: 0;top: 71px;}
			#protet{background:none}
			#lets a{display:block}
			#lets img {
    box-shadow: 0 0 12px #a9a9a9;
    margin: 30px 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-init, body[data-aos-delay="400"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="600"].aos-init, body[data-aos-delay="600"] [data-aos].aos-init,
[data-aos][data-aos][data-aos-delay="800"].aos-init, body[data-aos-delay="800"] [data-aos].aos-init {
      transition-delay: inherit !important;
    opacity: 1 !important;
    transform: inherit !important;
    transition-duration: inherit;
}#products-view .pro-img-thum {
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}
#exTab1 .tab-pane-detailed em {
    font-size: 52px;
    margin: 0 0 0 -24px;
}
#products-view .pro-text h3{font-size:40px}
#products-view .pro-img-thum ul li{     position: relative;
    display: inline-block;   margin: 20px 7px;    width: 80px;
    height: 80px;}
  }
  @media (min-width:561px) and  (max-width:767px){
	  .hepm em {
    font-size: 140px;
	  }
	   	.inner-bnaer-fx-bar em{
    font-size: 46px;
    line-height: 39px;
    margin: 0 0 0 50px;
    }
.inner-bnaer-fx-bar h3{
    font-size: 30px;
    line-height: 32px;
    }
.inner-bnaer-fx-bar  {}
	  .trusted-banner2 h2 {
    font-size: 48px;
    line-height: 0;
}
	  .trusted-banner2 em {
    font-size: 100px;
    line-height: 67px;

	  }
	  #pro-box .pro-pro h3{font-size: 23px;}
	   #protet .products-home ul li{width: 22%;}

	#pro-box .pro0-btn a{
    margin: 0;
    display: inline-block;
    }
	 	#dir-pro .col-sm-4, #pro-box .col-sm-4{width:50%; float:left}
		.col-se-dir .dir-pro button{width:auto;height:auto;font-size: 14px;padding: 10px 6px;}
		.col-se-dir .dir-pro select{width:auto;height:auto;padding: 10px  5px;}
		.col-se-dir .dir-pro h3{    font-size: 28px;
    margin: 0 0 0px;}
	#proven ul li{width:33%}
	  .col-se-8{width:275px;float: none;margin: 0 auto;display:inline-block;}
	  .col-se-8 .prode-top {
    width: 100px; float:none;
    margin: 0 auto;
}
#proven h2 img {
    position: absolute;
    left: 0;
    right: 0;
    width: 63%;
    margin: 0 auto;
    z-index: -1;
    top: -42px;
}
   .col-se-dir .dir-pro p{-webkit-line-clamp: 3;height: 70px;}
   #dir-pro .col-sm-4, #pro-box .col-sm-4 {
    width: 289px;
    margin: 0auto;
    /* float: none; */
    display:inline-block;
    text-align: left;
}#dir-pro {
    margin-bottom: 100px;
    text-align: center;
}
#pro-box {
    text-align: center;
    margin: 0 auto;
    width: 590px;
}
.col-se-dir .dir-pro p{}

	#pro-box .pro-pro.pac3 h3{margin-bottom: 28px;}
	#pro-box .pro-pro.pac20 h3 {
    margin-bottom: 60px;
}
#pro-box .pro-pro.pac3 .pro0-btn{margin: 47px 0 0;}

#pro-box .pro-pro.pac20 .pro0-btn{    margin: 63px 0 0;}
 #technology .innovation .pt img {
    position: absolute;
    top: -64px;
    left: -22px;
    width: 449px;
    max-width: inherit;
}
.smop {
    width: 158px;
    bottom: 0 !important;
    font-size: 15px !important;
    padding: 10px !important;
}
#pro-box .col-se-pro {    margin-bottom: 80px;
}
.trusted-banner h2 {
    font-size: 35px;
    line-height: 0;
    margin: 40px 0 0;
}
.trusted-banner h3 {
    font-size: 28px;
    line-height: 40px;
}
.trusted-banner em {
    color: #72a546;
    font-size: 80px;
    margin: 0 0;
    line-height: 23px;
    margin-top: 5%;
}
#pro-box .col-se-pro {
    text-align: center;
    margin-bottom: 60px;
}
.inner-bnaer-story {
    position: absolute;
    right: 8%;
    top: 21%;
}
#sory p {
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;

}
.inner-bnaer-story em{
    margin: 0 0 0 40px;
    font-size: 95px;
    color: #72a546;
    line-height: 76px;
    }
	.inner-bnaer-story h3{font-size: 62px;}
  .story-ur .web-widwe .force em{    font-size: 71px;    line-height: 0;
    color: #72A546;
    margin: 0 0 0 0;}
	.story-ur .roots em{line-height: 115px;font-size: 77px;margin: -72px 0 0 -14px;}
	.inner-bnaer-doc h3{
    font-size: 27px;
    line-height: 32px;
    }
	.inner-bnaer-doc h2{font-size: 28px;}
	.inner-bnaer-doc em{
    font-size: 46px;
    color: #72a546;
    line-height: 23px;
    }
		.inner-bnaer-faq{
    position: absolute;
    left: 6%;
    top: 26%;
    }
.inner-bnaer-faq h3{
    font-size: 30px;
    line-height: 0;
    }
.inner-bnaer-faq h2{
    font-size: 37px;
    margin: 0px 0 0 32px;
    line-height: 86px;
    }
.inner-bnaer-faq em{
    font-size: 66px;
    line-height: 0;
    margin: 0 0 0 61px;
    }
	.baner-1 h3{    font-size: 27px;}
	.baner-1 h2{font-size: 40px;}
	.baner-1 em{    font-size: 54px;
    color: #72a546;
    line-height: 30px;
    margin: 0 0 10px 50px;}
  .io1 a{margin: 12px auto;}
  .baner-1 h6{font-size:13px;margin: 30px  0;}
  .baner-1{top:6%}
   .hepm em.hep{margin: 62px  0 35px;font-size: 66px;}
	  .soots   em{font-size: 123px;margin: 130px 0 63px;}
	  .baner-1 h4 {margin:0}
	  	.baner-1 h3, .baner-1 h4 span, .baner-3 h4{font-size: 36px;margin: 0;}
	.baner-1 h2, .baner-1.baner-2 h2, .baner-3 h2{margin: 0;font-size: 43px;}
	.baner-1 em, .baner-1 h4 em, .baner-3 em{
    font-size: 59px;
    color: #72a546;
    line-height: 30px;
    margin: 0 0 0 0;
    }
  .io1 a, .io2 a, .io3 a{margin: 11px 0 0 23px;width: 100p;}
  .baner-1 h6, .baner-3 h6, {font-size:13px;display: none;}
  .baner-1{top:6%;left: 57px;}
	   	.inner-bnaer-fx-bar em{
    font-size: 37px;
    line-height: 54px;
    margin: 0 0 0 7px;
    }.baner-1 h6, .baner-3 h6{display:none}
.bt-tb h2 {
    margin: -31px 21% 0;
}

}

  @media (min-width:240px) and  (max-width:560px){
	  .hepm em.hep{margin: 50px  0 0;font-size: 47px;}
	  .hepm em{font-size: 80px;margin-bottom: 70px;}
	  .baner-1 h4 {margin:0}
	  	.baner-1 h3, .baner-1 h4 span, .baner-3 h4{font-size: 21px;margin: 0;}
	.baner-1 h2, .baner-1.baner-2 h2, .baner-3 h2{font-size: 28px;margin: 0;}
	.baner-1 em, .baner-1 h4 em, .baner-3 em{
    font-size: 32px;
    color: #72a546;
    line-height: 41px;
    margin: 0 0 0 75px;
    }
  .io1 a, .io2 a, .io3 a{margin: 0 auto;}// width: 100px;}
  .baner-1 h6, .baner-3 h6, {font-size:13px;display: none;}
  .baner-1{top:15%;left: 6%;}//6,6
/*
.inner-bnaer-fx-bar em{
    font-size: 37px;
    line-height: 54px;
    margin: 0 0 0 7px;
    }
.inner-bnaer-fx-bar h3{
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 0 8px;
    }
*/
.inner-bnaer-fx-bar  {
    margin: 7px 0 0 0;
}
/*
	  .smop {
    width: 158px;
    bottom: 0 !important;
    font-size: 15px !important;
    padding: 16px !important;
}
*/
	  .container {
    padding: 0 15px;
}
	    #pro-box .pro-pro h3{font-size: 24px;}
	   //#protet .products-home ul li{width: 44%;}
	  #technology .innovation .pt img {
    position: absolute;
    top: -12px;
    left: -22px;
    width: 299px;
    max-width: inherit;
}
	#products-view .pro-cont ul li {
    display: inline-block;
    width: 31%;
    float: left;
    text-align: center;
}


	    .col-se-8:hover .pro-slid-img {
    width: 126px;
    float: left;
    margin: 0;
}.hover-pro{
    top: -23px;
    left: 12px;
    }
	  .col-se-8{width:300px;float: none;margin: 0 auto;}
	  .col-se-8 .prode-top {
    width: 155px;
    float:none;
    margin: 0 auto;
}
	  #proven ul li {
    width: 50%;
    float: left;
    text-align: center;
    height: 150px;
}
	  .tab-pane-detailed {
    margin-left: 190px;
    padding: 55px 15px 58px;
    position: relative;
}
	  #exTab1 .tab-pane-detailed{}
	 	#dir-pro .col-sm-4, #pro-box .col-sm-4{
    width: 33%;
    //width: 100%;
    //margin: 30px auto;
    //float: none;
    }
	.col-se-dir {
    margin-top: 30px;
    display: inline-block;
}
.col-se-dir .dir-pro p{
    -webkit-line-clamp: 4;
    height: 120px;
}
/*
.trusted-banner h2 {
    font-size: 20px;
    line-height: 0;
}

.trusted-banner h3 {
    font-size: 17px;
    line-height: 0;
}
.trusted-banner em {
    color: #72a546;
    font-size: 47px;
    margin: 0 0;
    line-height: 23px;
}
*/
/*
.trusted-banner2 h2 {
    font-size: 28px;
    line-height: 0;
}

.trusted-banner2 em {
    color: #72a546;
    font-size: 54px;
    margin: 0 0;
    line-height: 23px;
}
*/

#pro-box .col-se-pro {
    text-align: center;
    margin-bottom: 60px;
    //margin-top: 15%;
    //margin-top: 24%;
}
.inner-bnaer-story {
    position: absolute;
    right: 8%;
    top: 21%;
}
#sory p {
    font-weight: 600;
    font-size: 21px;
    line-height: 34px;

}
/*
.inner-bnaer-doc h3{
    font-size: 15px;
    line-height: 9px;
    }
	.inner-bnaer-doc h2{font-size: 20px;}
	.inner-bnaer-doc em{
    font-size: 29px;
    color: #72a546; margin: 0 0 0 27px;
    line-height: 19px;
    }
*/
	.inner-bnaer-doc a {
    padding: 7px 8px;
    font-size: 8px;
}
	.inner-bnaer-faq{
    position: absolute;
 //   left: -7%;
    top: 26%;
    }
/*
.inner-bnaer-faq h3{
    font-size: 18px;
    line-height: 0;
    }

.inner-bnaer-faq h2{
    font-size: 25px;
    margin: 0px 0 0 32px;
    line-height: 41px;
    }
.inner-bnaer-faq em{
    font-size: 43px;
    line-height: 8px;
    margin: 0 0 0 61px;
    }
*/
/*
.inner-bnaer-story em{  margin: 0 0 0 40px;  font-size: 59px;
    color: #72a546;
    line-height: 55px;}

	.inner-bnaer-story h3{    font-size: 38px;}

  .story-ur .web-widwe .force em{    font-size: 71px;    line-height: 0;
    color: #72A546;
    margin: 0 0 0 0;}

	.story-ur .roots em{line-height: 91px;font-size: 73px;margin: -72px 0 0 -14px;}
*/
.baner-1 h6, .baner-3 h6{display:none}
.owl-carousel .owl-item img {
    display: block;
}
.baner-3 em{margin:0}
.baner-1 h2{margin-bottom:-15px;}

/*.soots em{
    margin: 90px 0 50px;
}
*/
#lets h2{font-size:36px}
.yu{margin-bottom: 27px;}
#baytg .tab-content .tab-pane em{font-size: 83px;
    top: -76px;
    left: 8px;
}
#baytg .tab-content #menu3.tab-pane em {
    transform: rotate(0deg);
    left: 105px;
    top: -64px;
}

#FDA{
   margin-bottom: 2%;
}

#baytg .tab-content .tab-pane h3{    margin: 0 0 9px 17px;}
.select ul{width:90%}
.select ul li.option{font-size:15px}
}

.labelThumbnail {
   display:table-cell;
   vertical-align:middle;
}
#pack-view .col-sm-4 {
   margin: 10px 0px;
   height: auto;
}
#pack-view .buttonSec {
   margin: 20px 0px;
   text-align:center;
}
.packSelectedQuantity {
    font-size: 16px;
    line-height: 24px;
    color: #579A3F;
}
.selectionHeader {
  font-family: 'proxima_novabold';
}
.shopCenter {
 text-align:center;
}
.faqCategory {
 border:none;
 background:none !important;
 -web-kit-box-shadow:none;
 box-shadow:none;
}
.faqCategory h3{
    font-family: Utopia;
    font-style: normal;
    font-weight: bold;
    color: #656053;
    font-size: 30px;
}
.faqCategory .panel-heading {
 background:none !important;
}
.faqSub {
 color: #579A3F;
 font-style:italic;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    font-family: 'Lato', sans-serif;
 margin-bottom:30px;
}
#pro-box .col-sm-4 {
 height:700px;
}

@media   (max-width:700px)  {
#pro-box .col-sm-4 {
 height:600px;
}
}

.tab-content li {
    list-style-type:"- ";
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    color: #656053;
    font-family: 'Lato', sans-serif;
    margin-left:15px;
}

.embed-container {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.tab-pane-detailed em{
   display: none;
}

.not-available-message_container {
   margin-bottom: 40px;
   text-align: center;
}

.not-available-message {
   font-size: 18px;
   font-weight: bold;
}


/* Product Page Buttons */

.product-page--btnlink {
    background: transparent !important;
    border-radius: 0 !important;
    display: block !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin: 20px 0 !important;
}

.product-page--btn {
    width: 190px;
    min-height: 60px;
}

.product-page--btn-coffeeberry {
    background-image: url('/images/hempWorx/productpage-coffeeberry-button.png') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-curcumin {
    background-image: url('/images/hempWorx/productpage-curcumin-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-facemask {
    background-image: url('/images/hempWorx/productpage-facemask-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-facemaskcbd {
    background-image: url('/images/hempWorx/productpage-facemaskcbd-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-melatonin {
    background-image: url('/images/hempWorx/productpage-melatonin-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-refreshBroadSpectrum {
    background-image: url('/images/hempWorx/productpage-refreshBroadSpectrum-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-relief {
    background-image: url('/images/hempWorx/productpage-relief-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-revive {
    background-image: url('/images/hempWorx/productpage-revive-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

.product-page--btn-vitality {
    background-image: url('/images/hempWorx/productpage-vitality-button.png?1') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

#softGel-center-text{
   margin-top: 9%;
}

@media (min-width: 2000px) and (max-width: 5000px){
   #tinctures-products-mobile{
      display: none;
   }

   #product-mobile{
      display: none;
   }

   #benefit-mobile{
      display: none;
   }
}

.container{
    /* max-width: 1600px; */
    /* width: 100%; */
}

@media (max-width: 414px){
   #pro-box .col-sm-4{
      width: 100%;
   }
}



#number-one-text{
   font-size: 92px;
}

#cbd-brand-text{
   font-size: 92px;
}

#naturally-text{
   font-size: 206px;
   margin: 33px 0 147px 136px;
}

.relaxed-body{
   top: 24%;
   left: 37%;
}

#relaxed-body-text{
   font-size: 88px;
   width: 115%;
}

#at-home-text{
   font-size: 103px;
}

#ahhh-text{
   margin-left: 3%;
   font-size: 195px;
   margin-top: 0%;
}