/*COMMON CSS*/
@charset "utf-8";
body{
font-family: 'Open Sans', sans-serif;
margin:0;
padding:0;
width:100%;
height:100%;
background-color:#ffffff ;
overflow:-moz-scrollbars-none;
}
html{
width:100%;
height:100%;
overflow-x:hidden;
}
h1{
font-size:36px;
line-height:45px;
}
h2{
font-size:30px;
line-height:38px;
}
h1, h2{
font-weight:700;
color:#333333;
margin:0px;
}
h2::after {
content:"";
background:#4fb84f;
max-width:90px;
display:block;
height:4px;
}
h4{
font-size:20px;
font-weight:700;
}
p{
margin:0px;
color:#454545;
font-size:18px;
line-height:28px;
font-weight:400;
}
a{
text-decoration:none!important;
color:#333333;
}
a:active, a:focus{
text-decoration:none!important;
}
a:hover, a:focus{
text-decoration:none!important;
color:#4fb84f;
}
ul, li{
list-style:none;
padding:0;
margin:0;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.clear{
clear:both;
}
/*END OF COMMON CSS*/

/*NAVIGATION CSS*/
.overlay{
position:fixed;
top:60px;
left:0;
width:calc(100% - 245px);
height:100%;
display:none;
}
.inner-body .overlay {
left:225px;
width:calc(100% - 220px);
z-index:99;
}
.header-wrapper{
padding:10px 0;
min-height:50px;
background-color:#ffffff;
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
float:left;
width:100%;
}
.site-logo{
float:left;
}
.menu-wrapper{
float:right;
padding:15px 0;
}
.menu-wrapper ul li{
font-size:14px;
color:#333333;
font-weight:700;
line-height:11px;
text-transform:uppercase;
}
.menu-wrapper ul li:active{
color:#4fb84f;
}
.menu-wrapper ul li{
display:inline-block;
margin:0px 13px;
}
.menu-wrapper ul li:last-child{
margin-right:0px;
}
.menu-wrapper ul li a{
position:relative;
width:100%;
color:#333333;
}
.menu-wrapper ul li a:hover, .active{
color:#4fb84f!important;
}
.sticky-body .header-wrapper,.sticky-header {
min-height:60px;
position:fixed;
top:0;
width:100%;
margin 0;
z-index:999;
box-shadow:0px 1px 6px 5px rgba(0,0,0,0.1);
}
.sticky-body,.sticky-inner-body{
padding-top:60px;
}

/*HAMBURGER MENU*/
.hamburger-menu > span {
width:25px;
height:3px;
background-color:#333333;
margin:4px 0;
transition:0.3s;
display:block;
}
.change > span:nth-child(1){
-webkit-transform: rotate(-45deg) translate(-3px, 6px);
transform: rotate(-45deg) translate(-3px, 6px);
}
.change > span:nth-child(2){
opacity: 0;
}
.change > span:nth-child(3){
-webkit-transform: rotate(45deg) translate(-4px, -7px);
transform: rotate(45deg) translate(-4px, -7px);
}
.hamburger-menu ,.hamburger-menu-inner{
color:#333333;
float:right;
cursor:pointer;
display:none;
margin-top:8px;
}
.menu-wrapper.active{
right: 0px;
display: block;
}
.menu-wrapper::-webkit-scrollbar{
width: 0 !important;
}
/*END OF NAVIGATION CSS*/

/*LEFTBAR CSS*/
.content{
display:inline-block;
width:100%;
padding:40px 0;
}
.leftbar, .rightbar{
float:left;
background-color:#ffffff;
box-shadow:0 3px 11px 2px rgba(0, 0, 0, 0.1);
}
.leftbar-white, .leftbar-gray{
padding:20px;
float:left;
width:100%;
}
.leftbar-gray{
background-color:#f6f6f6;
}
.leftbar-image{
width:100%;
height:500px;
float:left;
background-size:cover;
position:relative;
background-position:center center;
z-index:11;
background-repeat:no-repeat;
}
.snore-stopper{
background-image: url(../images/stop-snoring.jpg);
}
.back-and-neck-massager{
background-image: url(../images/back-pain.jpg);
}
.portable-iron{
background-image: url(../images/meeting.jpg);
}
.leftbar-text{
position:absolute;
bottom:0;
width:100%;
left:0;
}
.inside-text{
width:100%;
background:rgba(0,0,0, 0.85);
padding:20px;
}
.oxybreath-pro>.leftbar-text{
position:relative;
}
.oxybreath-pro>.leftbar-text>.inside-text{
background:rgba(0,0,0,1);
}
.inside-text h1{
color:#ffffff;
}
.inside-text .box{
padding:3px 10px;
color:#ffffff;
background-color:#4fb84f;
border-radius:5px;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
width:max-content;
margin:15px 0;
display:inline-block;
}
.inside-text .box:nth-child(2), .share .facebook{
margin-right:10px!important;
}
.inside-text .star{
color:#4fb84f;
font-size:16px;
display:inline;
margin-right:10px;
}
.inside-text .detail>span{
color:#ffffff;
}
.share .facebook, .share .twitter{
padding-top:15px;
display:inline-flex;
}
h2::after{
margin:25px 0;
}
h2 span{
color:#4fb84f;
}
.leftbar img, .rightbar img{
width:100%;
}
.highlight{
color:#333333;
}
.separation{
border-bottom:1px solid #eee;
margin:20px 0;
}
.right-img{
float:right;
width:300px!important;
margin-left:20px;
}
.left-img{
float:left;
width:300px!important;
margin-right:20px;
}
.leftbar ul, .detail ul{
padding-top:20px;
}
.leftbar li, .detail li{
font-size:18px;
background: url('../images/tickmark.png') no-repeat left top;
padding-left:40px;
color:#666666;
padding-bottom:20px;
}
.leftbar .bullet img{
float:left;
width:36%!important;
}
.leftbar .bullet ul{
float:right;
width:60%;
}
.bullet{
width:100%;
float:left;
display:flex;
align-items:center;
}
.spacing{
padding-bottom:20px;
}
.video{
width:100%;
height:360px;
}
.price{
font-weight:bold;
color:#ec1b2e;
}
.buy-section{
background-color:#cfff9f;
border-radius:5px;
border:1px solid #33ff33;
padding:20px;
margin-top:20px;
float:left;
width:100%;
}
span.buy-section{
font-size:18px;
line-height:26px;
padding:15px;
}
.buy-section h2{
padding-bottom:10px;
padding-top:0;
}
.buy-section h2::after{
display:none;
}
.buy-section>p{
display:inline-block;
width:80%;
}
.buy-section>p>a{
text-decoration:underline!important;
color:#00ab00;
font-weight:600;
}
.buy-section .click-btn{
color:#ffffff;
background-color:#4fb84f;
padding:8px 20px;
border-radius:5px;
font-weight:bold;
text-decoration:none!important;
text-transform:uppercase;
font-size:18px;
float:right;
margin-top:-5px;
}
.buy-section .click-btn:hover{
background-color:#00ab00;
}
.bottom-btn, .rightbar-btn{
background:#4fb84f;
border-radius:5px;
color:#ffffff;
text-align:center;
text-transform: uppercase;
font-size:22px;
font-weight:bold;
display:inline-block;
width:100%;
padding:15px;
margin-left:0;
margin-top:20px;
}
.bottom-btn:hover, .rightbar-btn:hover{
background-color:#00ab00;
color:#ffffff;
}
.leftbar-white h4{
padding-top:20px;
}
/*END OF LEFTBAR CSS*/

/*RIGHTBAR CSS*/
.rightbar{
padding:20px;
}
.rightbar h4{
font-weight:bold;
color:#333333;
margin:0;
padding-bottom:20px;
}
.rightbar img{
padding-bottom:20px;
}
.rightbar .product-link{
font-size:16px;
line-height:24px;
text-decoration:underline!important;
color:#189cd8;
font-weight:bold;
}
.rightbar .product-link:hover{
color:#0070d8;
}
.rightbar-btn{
font-size:20px;
padding:12px;
}
/*END OF RIGHTBAR CSS*/

/*SUBPAGES CSS*/
.privacypolicy h3, .termsofuse h3, .contactus h3{
font-weight:700;
padding-top:20px;
margin-bottom:15px;
line-height:32px;
}
.contactus h3{
padding-top:0;
}
.aboutus br, .privacypolicy br, .termsofuse br, .contactus br{
content: "";
margin:15px;
display:block;
}
.contactus .info-row{
margin-bottom:15px;
}
.contactus .info-row span{
font-weight:600;
}
.contactus .info-row span, .contactus .info-row a{
font-size:18px;
}
.contactus .info-row a:hover{
color:#333333;
}
.contactus p{
padding:20px 0 10px 0;
}
/*END OF SUBPAGES CSS*/

/*FOOTER CSS*/
.footer{
background-color:#031718;
padding:40px 0;
float:left;
width:100%;
color:#fff;
}
.footer-links a{
font-size:15px;
color:#ffffff;
opacity:0.8;
}
.footer-links a:hover{
opacity:1;
}
.footer-links .separator{
margin:0 10px;
opacity:0.8;
}
.footer-content, .footer>span{
font-size:13px;
line-height:20px;
max-width:70%;
margin:0 auto;
color:#ffffff;
opacity:0.8;
}
.footer-content{
padding:30px 0;
}
.footer-content br{
content:"";
margin:15px;
display:block;
}
.copyright-links a, .copyright-links span{
font-size:15px;
color:#abb0ba;
}
.copyright-links a:hover{
color:#abb0ba;
}
.footer-text{
font-size:17px;
line-height:26px;
padding-bottom:0px;
max-width:100%;
color:#abb0ba;
}
/*END OF FOOTER CSS*/


/*MEDIA QUERY CSS*/
@media only screen and (max-width:1024px){
.menu-wrapper ul li{
font-size:13px;
margin:0 10px;
}
.buy-section>p{
width:70%;
font-size:16px;
}
.buy-section .click-btn{
margin-top:0;
font-size:16px;
padding:8px 15px;
}
}

@media only screen and (max-width: 992px) {
.site-logo img{
width:85%;
}
.hamburger-menu{
display:inline-block;
}
.menu-wrapper{
overflow-y:scroll!important;
max-height:calc(100vh - 63px);
position:fixed;
top:62px;
width:245px;
right:-245px;
border-left: 1px solid #d8d8d8;
height:100%;
z-index:9999;
background:#fff;
transition:all 0.8s ease;
padding:0;
}
.menu-wrapper.active{
box-shadow: -7px 0 10px -5px rgba(0,0,0,0.2);
}
.menu-wrapper ul{
display: block;
width: 100%;
padding:0;
}
.menu-wrapper ul li{
display: block;
margin: 0px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
}
.menu-wrapper ul li a{
position:relative;
display:inline-block;
padding:20px 0;
color:#333333;
opacity:1;
}
.menu-wrapper ul li a:hover, .active{
color:#4fb84f!important;
}
.menu-wrapper ul li a:hover:after{
width: 50%;
}
.menu-wrapper ul li:last-child{
border-bottom: none;
}
.rightbar{
position:fixed!important;
bottom:0!important;
left:0;
width:100%;
padding:13px;
display:block;
z-index:99999!important;
}
.rightbar h4, .rightbar .product-link{
float:right;
width:84%;
}
.rightbar h4, .rightbar .product-link{
float:right;
width:87%;
}
.rightbar h4{
padding-bottom:10px;
}
.rightbar .product-image{
float:left;
width:13%;
}
.oxybreath-right .product-image{
float:left;
width:10%;
}
.oxybreath-right .product-link{
display:none;
}
.rightbar img{
padding-bottom:0;
}
.rightbar-btn{
width:87%;
font-size:16px;
padding:8px;
margin-top:0;
margin-left:20px;
}
.footer{
float:none;
margin-bottom:132px;
}
.innerpage{
margin-bottom:0!important;
}
.col-sm-12:last-child{
padding:0;
}
}

@media only screen and (max-width:768px){
.container{
float:left;
width:100%;
}
.box{
padding: 10px 15px;
font-size: 14px;
}
h1{
font-size:30px;
line-height:38px;
}
h2{
font-size:22px;
line-height:30px;
}
p{
font-size:17px;
}
.leftbar h2::after{
margin:20px 0;
}
.leftbar li, .leftbar .bullet li, .detail li{
font-size:17px;
padding-bottom:15px;
}
.content{
padding:30px 0;
}
.aboutus, .contactus, .privacypolicy, .termsofuse{
padding:30px 15px;
}
.contactus .col-md-12, .contactus .col-md-6{
padding:0;
}
.leftbar>h2 {
padding-top:15px;
}
.video {
height:257px;
}
.footer{
padding:30px 15px;
}
.footer-content{
padding:20px 0;
}
}

@media only screen and (max-width:767px){
.footer-content, .footer>span{
max-width:100%;
}
.buy-section{
padding:15px;
}
span.buy-section{
font-size:16px;
line-height:24px;
}
.rightbar-btn{
margin-left:10px;
}
}
@media only screen and (max-width:375px){
.inside-text .star{
font-size:14px;
margin-right:4px;
}
}

@media only screen and (orientation: portrait) and (max-width: 767px) {
.leftbar-image{
height:230px;
}
.right-img, .left-img{
margin-left:0px;
margin-right:0px;
width:100%!important;
}
.leftbar .bullet img, .leftbar .bullet ul{
float:left;
width:100%!important;
}
.leftbar .bullet img{
padding-bottom:20px;
}
.bullet{
display: block;
}
.video{
height:auto;
}
.buy-section>p{
width:100%;
}
.buy-section .click-btn{
float:left;
margin-top:20px;
}
.rightbar h4{
width:66%;
}
.rightbar .product-image{
width:30%;
}
.oxybreath-right h4{
width:81%;
}
.oxybreath-right .product-image{
width:18%;
}
.rightbar h4{
font-size:17px;
padding-bottom:8px;
}
.rightbar .product-link{
font-size:14px;
}
.rightbar-btn{
width:78%;
font-size:14px;
}
.footer{
margin-bottom:146px;
padding:30px 15px;
}
}

@media only screen and (orientation: portrait) and (max-width: 412px) {
.massager{
margin-bottom:165px;
}
.footer-links .separator{
margin:0 8px;
}
}

@media only screen and (orientation: portrait) and (max-width: 375px) {
.footer{
margin-bottom:141px;
}
.massager{
margin-bottom:184px;
}
.iron{
margin-bottom:165px;
}
}

@media only screen and (orientation: landscape) and (min-width: 650px) and (max-width: 992px) {
/*.leftbar {
width:80%;
margin:0 auto;
}*/
.rightbar-btn{
margin-left:20px;
}
.footer{
margin-bottom:127px;
}
}

@media only screen and (orientation: landscape) and (min-width: 375px) and (max-width: 685px) {
.footer{
margin-bottom:119px;
}
.leftbar .bullet img{
width:35%!important;
}
.rightbar-btn{
width:84%;
}
}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (min--moz-device-pixel-ratio:0) and (orientation: portrait){
.footer{
margin-bottom:138px;
}
}

@-moz-document url-prefix() {
br{
content:"";
margin:8px;
display:block;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box{
width:231px;
}
}