/*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;
	}
}