body{
	font-family: 'neue_montrealregular';
	color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6, .title{
	font-family: 'neue_montrealbold';
	font-weight: inherit;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.title sup{
    font-size: 0.8em;
	top: 0.2em;
}

.sub-title sup{
    font-size: 0.8em;
	top: 0.2em;
}

p {
	font-size: 18px;
	line-height: 160%;
	letter-spacing: 0;
}

p b, p strong{
	font-family: 'neue_montrealbold';
	font-weight: inherit;
	letter-spacing: 0;
}

.font-weight-bold {
	font-family: 'neue_montrealmedium';
    font-weight: normal !important;
}

small {
    font-family: 'neue_montrealmedium';
}

.shop-btn sup{
	font-size: 88%;
}

a, a:visited{
	color: #de0e16;
}

a:hover{
	color: #000000;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus{
	box-shadow: none;
}

@media (min-width: 768px) {
	
    p {
        font-size: 18px;
    }
	
}

@media (min-width: 1600px) {

	.container {
        max-width: 1280px;
    }

}

/**/

.march-madness-sale{
	background: #ebebeb;
	position: relative;
}

.march-madness-sale:after{
	content: "";
	background: #ebebeb;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

.march-madness-sale .container{
	position: relative;
	z-index: 2;
}

.march-madness-sale .shop-btn{
    position: absolute;
    bottom: 13px;
    right: auto;
    left: 50%;
    margin-left: -364px;
}

.march-madness-sale .shop-btn a {
    background: url(../images/vigrx-shop-btn.png) no-repeat 0 0/cover;
    border-radius: 0;
    border: none;
    font-size: 34px;
    font-weight: normal;
    padding: 12px 35px;
	height: 84px;
	width: 728px;
}

.march-madness-sale .btn-primary:not(:disabled):not(.disabled).active, .march-madness-sale .btn-primary:not(:disabled):not(.disabled):active, .march-madness-sale .show > .btn-primary.dropdown-toggle, .march-madness-sale a.btn-primary, .march-madness-sale a.btn-primary:visited {
    position: absolute;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background: #de0e16;
    border: solid 2px #ffffff;
    transition: none;
    padding: 15px 60px;
    font-size: 24px;
    line-height: 100%;
    border-radius: 40px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
    bottom: 105px;
    left: 50%;
    clip-path: none;
}

.march-madness-sale .shop-btn img{
	box-shadow: none; 
	outline: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.march-madness-sale {
		margin-top: -35px;
	}
	
	.march-madness-sale .shop-btn img {
		max-width: 350px;
	}
	
	.march-madness-sale .shop-btn {
		margin-left: -190px;
		bottom: 13px;
		left: 50%;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.march-madness-sale {
        padding-top: 40px;
        margin-bottom: 0;
        margin-top: 0;
		position: relative;
        top: 0;
	}
	
	.march-madness-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		z-index: 8;
	}
	
	.march-madness-sale .shop-btn img {
		max-width: 350px;
	}
	
	.march-madness-sale .btn-primary:not(:disabled):not(.disabled).active, .march-madness-sale .btn-primary:not(:disabled):not(.disabled):active, .march-madness-sale .show > .btn-primary.dropdown-toggle, .march-madness-sale a.btn-primary, .march-madness-sale a.btn-primary:visited{
		bottom: 30px;
	}
	
}

@media (max-width: 767px){
	
	#x1.promo-banner{
		padding-top: 0px;
	}
	
	.march-madness-sale {
		position: relative;
		margin-top: 0px;
	}

	.march-madness-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		position: relative;
		z-index: 2;
	}
	
	.march-madness-sale .shop-btn img {
		max-width: 350px;
	}
	
	.march-madness-sale .shop-btn {
		margin-left: -160px;
		bottom: 20px;
		left: 50%;
	}
	
	.march-madness-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.march-madness-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.march-madness-sale .show > .btn-primary.dropdown-toggle, 
	.march-madness-sale a.btn-primary, 
	.march-madness-sale a.btn-primary:visited {
		padding: 15px 40px;
		bottom: 25px;
		left: 50%;
		font-size: 21px;
		margin-left: -110px;
		right: auto;
	}
	
}

/**/

.xmas-wood-sale{
	background: #ffffff;
	position: relative;
}

.xmas-wood-sale:after{
	content: "";
	background: #3c0000;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

.xmas-wood-sale .container{
	position: relative;
	z-index: 2;
}

.xmas-wood-sale .shop-btn{
    position: absolute;
    bottom: 13px;
    right: auto;
    left: 50%;
    margin-left: -364px;
}

.xmas-wood-sale .shop-btn a {
    background: url(../images/vigrx-shop-btn.png) no-repeat 0 0/cover;
    border-radius: 0;
    border: none;
    font-size: 34px;
    font-weight: normal;
    padding: 12px 35px;
	height: 84px;
	width: 728px;
}

.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled).active, 
.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled):active, 
.xmas-wood-sale .show > .btn-primary.dropdown-toggle, 
.xmas-wood-sale a.btn-primary, 
.xmas-wood-sale a.btn-primary:visited {
    position: absolute;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: #000000;
    border: none;
    transition: none;
    padding: 15px 40px;
    font-size: 28px;
    line-height: 100%;
    border-radius: 0;
    bottom: 55px;
    left: 175px;
    clip-path: none;
}

.xmas-wood-sale .shop-btn img{
	box-shadow: none; 
	outline: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.xmas-wood-sale .shop-btn img {
		max-width: 350px;
	}
	
	.xmas-wood-sale .shop-btn {
		margin-left: -190px;
		bottom: 13px;
		left: 50%;
	}
	
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.xmas-wood-sale .show > .btn-primary.dropdown-toggle, 
	.xmas-wood-sale a.btn-primary, 
	.xmas-wood-sale a.btn-primary:visited {
		position: absolute;
        border: none;
        transition: none;
        padding: 15px 20px;
        font-size: 25px;
        bottom: 30px;
        left: 128px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.xmas-wood-sale {
        padding-top: 40px;
        margin-bottom: 0;
        margin-top: 0;
		position: relative;
        top: 0;
	}
	
	.xmas-wood-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		z-index: 8;
	}
	
	.xmas-wood-sale .shop-btn img {
		max-width: 350px;
	}
	
	.xmas-wood-sale .shop-btn {
		margin-left: -190px;
		bottom: 13px;
		left: 50%;
	}
	
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.xmas-wood-sale .show > .btn-primary.dropdown-toggle, 
	.xmas-wood-sale a.btn-primary, 
	.xmas-wood-sale a.btn-primary:visited {
        position: absolute;
        border: none;
        transition: none;
        padding: 15px 20px;
        font-size: 25px;
		bottom: 20px;
        left: 90px;
        font-size: 21px;
    }
	
}

@media (max-width: 767px){
	
	#x1.promo-banner{
		padding-top: 0px;
	}
	
	.xmas-wood-sale {
		position: relative;
		margin-top: 0px;
	}

	.xmas-wood-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		position: relative;
		z-index: 2;
	}
	
	.xmas-wood-sale .shop-btn img {
		max-width: 350px;
	}
	
	.xmas-wood-sale .shop-btn {
		margin-left: -160px;
		bottom: 20px;
		left: 50%;
	}
	
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.xmas-wood-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.xmas-wood-sale .show > .btn-primary.dropdown-toggle, 
	.xmas-wood-sale a.btn-primary, 
	.xmas-wood-sale a.btn-primary:visited {
		padding: 15px 40px;
		bottom: 25px;
		left: 50%;
		font-size: 21px;
		margin-left: -110px;
		right: auto;
	}
	
}

/**/

.cyber-monday-sale{
	background: #000000;
	position: relative;
}

.cyber-monday-sale .container{
	position: relative;
}

.cyber-monday-sale .shop-btn{
    position: absolute;
    bottom: 13px;
    right: auto;
    left: 50%;
    margin-left: -364px;
}

.cyber-monday-sale .shop-btn a {
    background: url(../images/vigrx-shop-btn.png) no-repeat 0 0/cover;
    border-radius: 0;
    border: none;
    font-size: 34px;
    font-weight: normal;
    padding: 12px 35px;
	height: 84px;
	width: 728px;
}

.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled).active, 
.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled):active, 
.cyber-monday-sale .show > .btn-primary.dropdown-toggle, 
.cyber-monday-sale a.btn-primary, 
.cyber-monday-sale a.btn-primary:visited {
    position: absolute;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: #fff609;
    border: none;
    transition: none;
    padding: 15px 40px;
    font-size: 28px;
    line-height: 100%;
    border-radius: 0;
	bottom: 80px;
    left: 180px;
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
}

.cyber-monday-sale .shop-btn img{
	box-shadow: none; 
	outline: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.cyber-monday-sale .shop-btn img {
		max-width: 350px;
	}
	
	.cyber-monday-sale .shop-btn {
		margin-left: -190px;
		bottom: 13px;
		left: 50%;
	}
	
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.cyber-monday-sale .show > .btn-primary.dropdown-toggle, 
	.cyber-monday-sale a.btn-primary, 
	.cyber-monday-sale a.btn-primary:visited {
		position: absolute;
        background: #fff609;
        border: none;
        transition: none;
        padding: 15px 20px;
        font-size: 25px;
        bottom: 50px;
        left: 128px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.cyber-monday-sale {
        padding-top: 30px;
        margin-bottom: 0;
        margin-top: 0;
		position: relative;
        top: 0;
	}
	
	.cyber-monday-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		z-index: 8;
	}
	
	.cyber-monday-sale .shop-btn img {
		max-width: 350px;
	}
	
	.cyber-monday-sale .shop-btn {
		margin-left: -190px;
		bottom: 13px;
		left: 50%;
	}
	
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.cyber-monday-sale .show > .btn-primary.dropdown-toggle, 
	.cyber-monday-sale a.btn-primary, 
	.cyber-monday-sale a.btn-primary:visited {
        position: absolute;
        background: #fff609;
        border: none;
        transition: none;
        padding: 15px 20px;
        font-size: 25px;
		bottom: 30px;
        left: 90px;
        font-size: 21px;
    }
	
}

@media (max-width: 767px){
	
	#x1.promo-banner{
		padding-top: 0px;
	}
	
	.cyber-monday-sale {
		position: relative;
		margin-top: 0px;
	}

	.cyber-monday-sale .container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		position: relative;
		z-index: 2;
	}
	
	.cyber-monday-sale .shop-btn img {
		max-width: 350px;
	}
	
	.cyber-monday-sale .shop-btn {
		margin-left: -160px;
		bottom: 20px;
		left: 50%;
	}
	
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled).active, 
	.cyber-monday-sale .btn-primary:not(:disabled):not(.disabled):active, 
	.cyber-monday-sale .show > .btn-primary.dropdown-toggle, 
	.cyber-monday-sale a.btn-primary, 
	.cyber-monday-sale a.btn-primary:visited {
		padding: 15px 40px;
		bottom: 55px;
		left: 50%;
		font-size: 21px;
		margin-left: -110px;
		right: auto;
	}
	
}

/**/


#ah, #ah p{
	color: #ffffff;
	font-family: 'neue_montrealmedium';
}

#ah .text-y-red{
	color: #ffffff;
}

.ah-2 a{
	color: #ffffff;
	font-size: 13px;
}

#above-header-widget-area {
    background-color: #d21b22;
    position: relative;
    z-index: 3;
}

#masthead {
    background: #dae6eb;
	padding: 15px 0;
}

#masthead.fix-header{
	box-shadow: 0px 0px 10px 0px rgba(26, 26, 26, 0.1);
}

.site-branding button{
	background: transparent;
}

.navbar-light .navbar-toggler{
	border: none;
}

.navbar-toggler svg path,
button:focus{
    fill: #000000;
	outline: none;
}

.home #masthead{
    position: fixed;
    top: 50px;
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    transition: top 0.1s;
}

#masthead{
    top: 54px;
}

.header-callout {
    display: block;
    margin-top: 105px;
    position: absolute;
    z-index: 9;
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.header-callout {
        display: block;
        margin-top: 0;
        position: absolute;
        top: 142px;
        z-index: 999;
        width: 100%;
	}
	
	.header-callout .clickinfo {
		padding: 7px 10px;
	}

}

@media (min-width: 992px) {

    #masthead{
		background-color: #ffffff;
        box-shadow: 0px 0px 10px 0px rgba(26, 26, 26, 0.1);
    	padding: 25px 0px 25px 0px;
		position: relative;
        z-index: 9;
    }

	.home #masthead.fix-header{
		top: 0;
	}

	.home.logged-in #masthead{
		top: 80px;
	}

	.home.logged-in #masthead.fix-header{
		top: 0px;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.header-callout {
		display: block;
        margin-top: 0;
        position: absolute;
        top: 134px;
        z-index: 9;
        width: 100%;
	}
	
	#masthead {
		top: -5px;
	}
	
}

@media screen and (max-width: 767px){
	
	.header-callout {
		margin-top: 0;
		top: 70px;
	}
	
}

/**/

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle, 
a.btn-primary, 
a.btn-primary:visited{
    position: relative;
    background: #de0e16;
	border-radius: 100px;
	color: #ffffff;
	font-family: 'neue_montrealbold';
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1em;
	padding: 20px 30px 20px 30px;
	text-transform: uppercase;
}

/**/

.navbar-light .main-navigation li.buy-btn a, 
.navbar-light .main-navigation li.buy-btn a.active{
	background: #de0e16;
	font-family: 'neue_montrealmedium';
	font-weight: normal;
}

.navbar-dark .navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus{
    color: #000000;
}

.navbar-dark .navbar-dark .navbar-nav .main-navigation li{
	margin-left: 20px;
}

@media (min-width: 1200px){

	.navbar-dark .navbar-nav .nav-link {
		font-size: 17px;
		font-weight: normal;
		font-family: 'neue_montrealmedium';
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.main-navigation li {
		margin-left: 5px;
	}
	
	.navbar-light .main-navigation li.buy-btn a, .navbar-light .main-navigation li.buy-btn a.active{
		padding: 10px 15px 10px 15px;
	}
	
	.main-navigation li.buy-btn {
		margin-left: 20px;
		top: -2px;
	}

}

@media screen and (max-width: 767px) {
    
	.main-navigation li.buy-btn a, .main-navigation li.buy-btn a.active{
		font-size: 17px;
		width: 130px;	
	}
	
}


/* Formulation */

#formulation{
	padding: 40px 0px 40px 0px;
	position: relative;
}

#formulation .container{
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 768px){
	
	.promo-banner{
		margin-bottom: 40px;
		padding-top: 0px;
	}
	
}

@media screen and (min-width: 992px){
	
	.logged-in .promo-banner{
		margin-bottom: 40px;
		padding-top: 65px;
	}
	
	.promo-banner{
		margin-bottom: 40px;
		padding-top: 105px;
	}
	
}

@media screen and (min-width: 1200px){
	
	.logged-in .promo-banner{
		margin-bottom: 40px;
		padding-top: 80px;
	}
	
	.promo-banner{
		margin-bottom: 40px;
		padding-top: 80px;
	}
	
}


@media screen and (max-width: 767px){

	.promo-banner{
		margin-bottom: 0px;
		padding-top: 80px;
	}
	
	.alt-promo-banner{
		margin-bottom: 20px;
		padding: 0px 15px;
	}
	
	.alt-promo-banner .couponSplash span{
		display: block;
	}
	
}


/**/

.bf-sale{
	background: #e5e5e5;
}

.bf-sale .container{
	position: relative;
	max-width: 1460px;
}

.bf-sale .btn-primary:not(:disabled):not(.disabled).active, 
.bf-sale .btn-primary:not(:disabled):not(.disabled):active, 
.bf-sale .show > .btn-primary.dropdown-toggle, 
.bf-sale a.btn-primary, 
.bf-sale a.btn-primary:visited{
	background: none;
	outline: none;
    box-shadow: none;
    position: absolute;
    bottom: 10px;
    left: 160px;
    padding: 0px;
    width: 480px;
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.bf-sale .btn-primary:not(:disabled):not(.disabled).active, .bf-sale .btn-primary:not(:disabled):not(.disabled):active, .bf-sale .show > .btn-primary.dropdown-toggle, .bf-sale a.btn-primary, .bf-sale a.btn-primary:visited {
		bottom: 10px;
		left: 115px;
		padding: 0px;
		width: 320px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.bf-sale .btn-primary:not(:disabled):not(.disabled).active, .bf-sale .btn-primary:not(:disabled):not(.disabled):active, .bf-sale .show > .btn-primary.dropdown-toggle, .bf-sale a.btn-primary, .bf-sale a.btn-primary:visited {
        bottom: 10px;
        left: 84px;
        padding: 0px;
        width: 230px;
	}

}

@media screen and (max-width: 767px){
	
	.bf-sale{
		padding-top: 20px;
	}
	
	.bf-sale .btn-primary:not(:disabled):not(.disabled).active, .bf-sale .btn-primary:not(:disabled):not(.disabled):active, .bf-sale .show > .btn-primary.dropdown-toggle, .bf-sale a.btn-primary, .bf-sale a.btn-primary:visited {
		bottom: 30px;
		left: 40px;
		padding: 0px;
		width: 280px;
	}
	
}

/**/

.couponInfo{
    background-color: #ffffb3;
    border: 2px dashed red;
	font-size: 19px;
    font-family: 'neue_montrealmedium';
    line-height: 1.2em;
    text-align: center;
    padding: 10px;
    margin: 0em 0 2em;
}

.couponSplash .couponInfo{
    background-color: #ffffb3;
    border: 2px dashed red;
	font-size: 19px;
    font-family: 'neue_montrealmedium';
    line-height: 1.2em;
    text-align: center;
    padding: 10px;
    margin: 0em 0 2em;
}

.couponSplash .couponInfo p{
	font-size: 19px;
}

.couponSplash .couponInfo .bold{
	font-weight: inherit;
	letter-spacing: 0px;
}

@media screen and (max-width: 991px){
	
	#product-packages{
		padding-top: 20px;
	}
	
	#product-packages .couponInfo {
		margin: 0px auto !important;
		max-width: 960px;
        padding: 10px !important;
        line-height: 1em;
    }
	
	.couponInfo>.inner {
		max-width: 800px;
		margin: 0 auto;
	}

	.couponSplash .couponInfo p {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1.2em;
	}

}

@media screen and (max-width: 767px){
	
	#product-packages .couponInfo {
		max-width: 320px !important;
		margin: 0px auto !important;
        padding: 10px !important;
        line-height: 1.2em;
    }
	
	.couponInfo>.inner {
		max-width: 800px;
		margin: 0 auto;
	}
	
	.couponInfo,
	.couponInfo p,
	.couponSplash .couponInfo p {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1.2em;
	}

}

/**/

.page-template-page-contained .site-main{
	padding: 40px 0px 40px 0px;
}

/**/

#hero{
    padding: 20px 0px 20px 0px;
	position: relative;
}

#hero:after {
    content: "";
    background: rgb(218,230,235);
	background: linear-gradient(180deg, rgba(218,230,235,1) 0%, rgba(218,230,235,1) 50%, rgba(255,255,255,1) 100%);
    position: absolute;
    top: 0;
    left: 0%;
    height: 100%;
    width: 100vw;
    transform: translate(0%, 0%);
    z-index: 1;
}

#hero .container{
	border-bottom: solid 5px #dfdfdf;
    padding-bottom: 50px;
	position: relative;
	z-index: 2;
}

#hero h1{
	color: #1a1a1a;
	font-weight: 800;
	line-height: 1.2em;
	max-width: 290px;
	margin: 0 auto 20px;
	text-align: center;
}

#hero h2 {
    font-family: 'neue_montrealmedium';
    font-size: 26px;
    font-weight: normal;
    text-align: left;
}

#hero .shop-btn{
  width: 100%;
  text-align: center;
  z-index: 10;
  position: relative;
}

#hero ul{
  padding-top: 30px;
  padding-bottom: 40px;
}

#hero ul li{
	color: #1a1a1a;
	font-size: 23px;
	font-weight: 400;
	letter-spacing: 0px;
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}

#hero ul li:before {
    content: "";
    background: url(../images/red-checkmark.png) no-repeat center center / contain;
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 4px;
}

#hero ul li strong{
	font-family: 'neue_montrealbold';
	font-weight: normal;
	letter-spacing: -0.5px;
}

#hero ul li sup{
	font-size: 50%;
	top: -1em;
}

#hero .inner-wrap{
  position: relative;
}

#hero .inner-wrap img{
	margin-left: 20px;
	position: relative;
	z-index: 9;
}

#hero .inner-wrap small{
	font-family: 'neue_montrealmedium';
}

/*#hero .btn .icon{
    display: inline-block;
    background: url(../images/cart-icon-white.png) 0 0/cover no-repeat;
    width: 25px;
    height: 23px;
    margin-left: 5px;
    position: relative;
    top: 4px;
    left: 5px;
}*/

@media (min-width: 768px){
	
	#hero h1{
        font-size: 36px;
        letter-spacing: -1px;
        margin-bottom: 10px;
		max-width: 680px;
	}

	#hero h1 span span{
		display: inline;
	}

	.inner-wrap .image img{
		position: relative;
		left: 100px;
		z-index: 9;
	}

}

@media (min-width: 992px){
	
	#hero{
		padding-top: 100px;
		padding-bottom: 40px;
		position: relative;
	}
	
	#hero h1{
		font-size: 29px;
		margin-left: 0;
		max-width: 610px;
		margin-bottom: 10px;
		text-align: left;
		position: relative;
		z-index: 9;
	}

	#hero h1 span span{
		background: none;
		padding: 0;
	}

	#hero .inner-wrap{
		order: 2;
		width: 50%;
	}

	#hero .shop-btn{
		position: relative;
		text-align: left;
		width: auto;
	}

	#hero ul{
		padding-top: 0;
		padding-bottom: 0px;
		position: relative;
		z-index: 9;
	}
	
	#hero .image{
		position: relative;
		order: 1;
		width: 50%;
	}

	#hero .image .prod {
        max-width: 610px;
        position: relative;
        right: 110px;
        top: 0px;
    }
	
	#hero .inner-wrap .d-flex {
        align-items: center;
        max-width: 440px;
        margin-bottom: 0px;
    }
	
	#hero .btn-primary:not(:disabled):not(.disabled).active, #hero .btn-primary:not(:disabled):not(.disabled):active, #hero .show > .btn-primary.dropdown-toggle, #hero a.btn-primary, #hero a.btn-primary:visited{
		line-height: 1em;
		padding: 15px 50px 20px 50px;
	}

}

@media (min-width: 992px) and (max-width: 1199px){

	#hero h1{
		max-width: 535px;
		margin-bottom: 20px;
		font-size: 42px;
	}
	
	#hero ul li {
		font-size: 20px;
	}
	
	#hero .container {
		padding-top: 50px;
	}
	
}

@media (min-width: 1200px){
	
	#hero{
		padding: 170px 0px 40px 0px;
	}
	
	#hero .inner-wrap{
		width: 50%;
	}
	
	#hero .inner-wrap small {
		font-size: 12px;
	}
	
	#hero .image{
		width: 50%;
	}
	
	#hero .image img:not(.prod){
		display: block;
        margin: -70px 0px 0px 175px;
    }
	
    #hero .image .prod {
		margin-bottom: 85px;
        max-width: 760px;
        position: relative;
        right: 105px;
        top: 0px;
    }
	
	#hero h1{
		font-size: 48px;
		font-weight: normal;
		max-width: 680px;
	}
	
    #hero p {
        font-size: 21px;
    }
	
	#hero ul{
		padding-bottom: 0px;
	}
	
	#hero ul li {
		font-size: 20px;
	}
	
	#hero .inner-wrap .d-flex{
		align-items: center;
		max-width: 440px;
		margin-bottom: 0px;
	}
	
	#hero .btn-primary:not(:disabled):not(.disabled).active, #hero .btn-primary:not(:disabled):not(.disabled):active, #hero .show > .btn-primary.dropdown-toggle, #hero a.btn-primary, #hero a.btn-primary:visited{
		padding: 20px 50px 20px 50px;
		width: 270px;
	}
	
}

@media (min-width: 1600px){
	
	#hero h1 {
        font-size: 60px;
        letter-spacing: -2px;
    }
	
	#hero .image .prod{
		margin-bottom: 85px;
        max-width: none;
        position: relative;
        right: 30px;
        top: 0px;
	}
	
	#hero ul li {
		font-size: 23px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.home #masthead{
		position: absolute;
		top: 0;
	}
	
	.home #masthead.fix-header{
		position: fixed;
	}
	
    #hero {
        padding-top: 100px;
    }
	
	#hero .d-flex{
		flex-direction: column;
		order: 5;
	}
	
	#hero .inner-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	#hero h1 {
        font-size: 42px;
        max-width: 100%;
        margin-bottom: 15px;
		order: 1;
    }
	
	#hero h2{
		font-size: 32px;
		margin-bottom: 0px;
		text-align: center;
		order: 3;
	}
	
	#hero .inner-wrap p{
		padding-right: 0px;
		text-align: center;
		order: 2;
	}
	
	#hero ul {
        margin: 0px auto;
        width: 475px;
        padding-bottom: 20px;
		order: 4;
    }
	
	#hero .inner-wrap img {
        margin-left: auto;
        margin-bottom: -60px;
        max-width: none;
        width: 640px;
        position: relative;
        left: -20px;
        order: 3;
	}
	
	#hero .image{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#hero .image img{
		margin: 0px 10px 0px 10px;
	}
	
	#hero .btn-primary:not(:disabled):not(.disabled).active, 
	#hero .btn-primary:not(:disabled):not(.disabled):active, 
	#hero .show > .btn-primary.dropdown-toggle, 
	#hero a.btn-primary, #hero a.btn-primary:visited {
		font-size: 26px;
		padding: 20px 30px 20px;
		width: 360px;
		margin-bottom: 15px;
	}
	
	/*#hero .btn .icon {
		width: 28px;
		height: 26px;
		position: relative;
		top: 4px;
	}*/
	
	#hero .inner-wrap small {
		margin-bottom: 15px;
		text-align: center;
		order: 6;
	}
	
}

@media (max-width: 767px){
	
	.entry-content{
		margin: 0px;
	}
	
	.home #masthead{
		position: absolute;
		top: 0;
		padding: 0px 20px;
	}
	
	.home #masthead.fix-header{
		padding: 0px 20px;
		position: fixed;
	}
	
	#hero {
        padding-top: 100px;
    }
	
    .logged-in #hero {
        padding-top: 70px;
    }
	
	#hero:before{
		background: rgb(218,230,235);
		background: linear-gradient(180deg, rgba(218,230,235,1) 0%, rgba(229,238,241,1) 30%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
	}
	
	#hero .d-flex{
		flex-direction: column;
	}
	
	#hero .inner-wrap {
		display: flex;
		flex-direction: column;
	}
	
    #hero h1 {
		font-size: 30px;
		letter-spacing: -1px;
		max-width: 100%;
		margin-bottom: 15px;
		order: 1;
    }
	
	#hero .inner-wrap p{
		margin-bottom: 25px;
		padding-right: 0px;
		text-align: center;
		order: 2;
	}
	
	#hero .inner-wrap img{
		order: 3;
	}
	
	#hero .inner-wrap .d-flex{
		order: 4;
	}
	
	#hero .inner-wrap small{
		order: 5;
	}
	
	#hero h2{
		font-size: 21px;
		text-align: center;
		order: 6;
	}
	
	#hero .inner-wrap ul{
		order: 7;
	}
	
	#hero ul{
        margin: 0px auto;
		padding: 0px;
		width: auto;
	}
	
	#hero ul li{
		font-size: 17px;
        margin-bottom: 15px;
        padding-left: 20px;
        letter-spacing: -0.5px;
    }
	
	#hero ul li:before {
        top: 4px;
        width: 15px;
        height: 15px;
    }
	
	#hero ul li strong {
		letter-spacing: -0.5px;
		font-size: 18px;
	}
	
	#hero .image{
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	
	#hero .image img{
		width: 80px;
	}
	
	#hero .inner-wrap img {
		margin-left: auto;
		margin-bottom: -25px;
		max-width: none;
		width: 450px;
		position: relative;
		left: -40px;
	}
	
	#hero .image img:nth-child(3){
		width: 215px;
	}
	
	#hero .btn-primary:not(:disabled):not(.disabled).active, 
	#hero .btn-primary:not(:disabled):not(.disabled):active, 
	#hero .show > .btn-primary.dropdown-toggle, 
	#hero a.btn-primary, #hero a.btn-primary:visited {
		font-size: 20px;
		padding: 20px 30px 20px;
		width: 280px;
		margin-bottom: 15px;
	}
	
	#hero .inner-wrap small {
		margin-bottom: 15px;
		text-align: center;
	}

}

/* Clinical Studies */

#dr-lamm{
	padding: 0px 0px 0px 0px;
}

#dr-lamm .container{
	padding-bottom: 40px;
}

#dr-lamm .d-flex{
	justify-content: center;
}

#dr-lamm .col-left {
    width: 50%;
    margin-right: -60px;
    position: relative;
    z-index: 2;
}

#dr-lamm .col-right {
    position: relative;
    width: 50%;
    margin-left: -60px;
    z-index: 1;
}

#dr-lamm .col-right > img{
	position: relative;
	z-index: 2;
}

#dr-lamm .title {
    font-family: 'neue_montrealmedium';
    line-height: 1.5em;
	text-align: center;
	margin: 0px auto 0px auto;
    max-width: 750px;
}

#dr-lamm blockquote{
	background: url(../images/quote-bg.png) no-repeat center center / cover;
    height: auto;
    width: 811px;
    font-family: 'Georgia', sans-serif;
    font-size: 25px;
    line-height: 1.5em;
    margin-top: -60px;
    padding: 70px 90px 60px 130px;
    position: relative;
}

#dr-lamm blockquote:before{
    content: "";
    background: url(../images/black-quote.png) no-repeat 0 0 / cover;
    height: 22px;
    width: 27px;
    position: absolute;
    top: 65px;
    left: 90px;
    z-index: 9;
}

#dr-lamm blockquote sup{
	font-size: 12px;
}

#dr-lamm blockquote cite{
    position: absolute;
    bottom: -40px;
    left: 110px;
}

#dr-lamm .col-left small{
	display: block;
    font-size: 17px;
    margin-left: 20px;
	text-align: center;
    width: 55%;
}

#dr-lamm .aso{
	background: #1a1a1a;
    padding: 10px 0px;
	text-align: center;
}

#dr-lamm .aso > img{
	margin: 0px auto 0px auto;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#dr-lamm .title {
		font-family: 'neue_montrealregular';
		font-size: 32px;
		line-height: 1.4em;
		margin: 0px auto 20px auto;
		max-width: 640px;
		text-align: center;
	}
	
	#dr-lamm .col-left {
		margin-right: auto;
	}
	
	#dr-lamm .col-right {
		margin-left: auto;
	}
	
	#dr-lamm .col-right > img {
		margin-left: -60px;
		margin-bottom: 5px;
	}

    #dr-lamm blockquote {
        background: url(../images/quote-bg.png) no-repeat center center / contain;
        height: auto;
        width: 655px;
        font-family: 'Georgia', sans-serif;
        font-size: 21px;
        line-height: 1.5em;
        margin-top: -60px;
        padding: 70px 45px 65px 130px;
        position: relative;
        margin-left: -105px;
    }
	
	#dr-lamm blockquote:before {
		content: "";
		background: url(../images/black-quote.png) no-repeat 0 0 / cover;
		height: 22px;
		width: 27px;
		position: absolute;
		top: 65px;
		left: 90px;
		z-index: 9;
	}
	
	#dr-lamm blockquote cite {
		bottom: 0;
		width: 175px;
	}
	
	#dr-lamm .aso {
		padding: 10px 60px;
		text-align: center;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	#dr-lamm .title {
		font-family: 'neue_montrealregular';
		font-size: 26px;
		line-height: 1.4em;
		margin: 0px auto 0px auto;
		max-width: fit-content;
		text-align: center;
	}
	
	#dr-lamm .col-left {
		margin-right: auto;
	}
	
	#dr-lamm .col-right {
		margin-left: auto;
	}
	
	#dr-lamm .col-right > img {
		margin-left: -60px;
		margin-bottom: 5px;
	}

	#dr-lamm blockquote {
		background: url(../images/quote-bg-sm.png) no-repeat center center / contain;
		height: auto;
		width: 509px;
		font-family: 'Georgia', sans-serif;
		font-size: 21px;
		line-height: 1.5em;
		margin-top: -60px;
		padding: 60px 100px 40px 130px;
		position: relative;
		margin-left: -105px;
	}
	
	#dr-lamm blockquote:before {
		content: "";
		background: url(../images/black-quote.png) no-repeat 0 0 / cover;
		height: 22px;
		width: 27px;
		position: absolute;
		top: 54px;
		left: 90px;
		z-index: 9;
	}
	
	#dr-lamm blockquote cite {
		bottom: -25px;
		width: 175px;
	}
	
	#dr-lamm .aso {
		padding: 10px 60px;
		text-align: center;
	}

}

@media screen and (max-width: 767px){
	
	#dr-lamm .container{
		padding-bottom: 40px;
		padding-top: 40px;
	}

	#dr-lamm .title {
		font-family: 'neue_montrealmedium';
		font-size: 19px;
		margin-bottom: -60px;
	}
	
	#dr-lamm .d-flex {
		flex-direction: column;
	}
	
	#dr-lamm .col-left {
		width: 100%;
		margin-right: auto;
	}
	
	#dr-lamm .col-right {
		width: 100%;
		margin-left: auto;
	}
	
	#dr-lamm .col-left{
		margin-left: -15px;
		max-width: none;
		width: calc(100% + 30px);
	}
	
	#dr-lamm .col-left small {
		display: block;
		font-size: 17px;
		line-height: 1.3em;
		margin: 0px auto;
		padding: 10px 0px 20px 0px;
		text-align: center;
		width: 290px;
	}
	
	#dr-lamm blockquote{
        background: url(../images/quote-bg-sm.png) center bottom / cover no-repeat;
        font-size: 21px;
        margin-top: -120px;
        padding: 110px 25px 60px 45px;
        width: calc(100% + 30px);
        margin-left: -15px;
        position: relative;
	}
	
    #dr-lamm blockquote:before {
        left: 10px;
        top: 105px;
    }
	
	#dr-lamm .col-right > img {
		margin-bottom: 20px;
		margin-left: auto;
		max-width: none;
		width: 420px;
		position: relative;
		left: -70px;
	}
	
	#dr-lamm blockquote cite {
		position: absolute;
		bottom: -20px;
		left: 40px;
		width: 160px;
	}
	
	#dr-lamm .aso {
		padding: 10px 60px;
		text-align: center;
	}
	
}

/**/

#clinically-tested{
	background: #f5f5f5;
	padding: 60px 0px 60px 0px;
}

#clinically-tested .title {
    font-size: 46px;
    line-height: 1.3em;
    margin: 0px auto 50px auto;
    max-width: 100%;
    text-align: center;
}

#clinically-tested .lg-txt{
	color: #de0e16;
	font-family: 'neue_montrealbold';
	font-size: 54px;
	letter-spacing: -1px;
	padding: 0px 20px 0px 20px;
}

#clinically-tested p{
	font-size: 21px;
}

#clinically-tested strong{
	font-family: 'neue_montrealbold';
}

#clinically-tested .d-flex{
	align-items: center;
    background: #ffffff;
    border-radius: 20px 20px 0px 0px;
	max-width: 930px;
    margin: 0px auto 0px auto;
    padding: 25px 30px 25px 30px;
    position: relative;
	left: 40px;
}

#clinically-tested .d-flex img {
    position: absolute;
    left: -130px;
    bottom: -5px;
}

#clinically-tested .icons{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1f1c1c;
	border-radius: 30px;
	max-width: 1260px;
	margin: 0px auto 0px auto;
	padding: 20px 30px 20px 30px;
}

#clinically-tested .icon img{
	display: block;
	margin: 0px auto 10px auto;
}

#clinically-tested .icons p{
	color: #ffffff;
	font-size: 16px;
}

#clinically-tested .icons .icon{
	padding: 0px 20px 0px 20px;
	text-align: center;
	width: 25%;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#clinically-tested {
		padding: 40px 0px 40px 0px;
	}
	
	#clinically-tested .title {
        font-size: 32px;
		margin-bottom: 40px;
        max-width: 800px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#clinically-tested .title {
		font-size: 32px;
        line-height: 1.3em;
        margin: 0px auto 100px auto;
        max-width: 560px;
        text-align: center;
	}
	
    #clinically-tested .lg-txt {
        font-size: 56px;
        margin-left: auto;
        margin-right: auto;
		margin-bottom: 50px;
		padding-right: 0;
		padding-left: 50px;
    }
	
	#clinically-tested .d-flex{
		display: flex;
		flex-direction: column;
        left: 0px;
        padding-bottom: 50px;
        padding-top: 40px;
	}
	
    #clinically-tested .d-flex img {
        position: absolute;
        left: 125px;
        top: -82px;
        width: 140px;
    }
	
	#clinically-tested p {
		font-size: 21px;
		text-align: center;
	}
	
    #clinically-tested .icons {
        flex-wrap: wrap;
        margin: -25px auto 0px auto;
		max-width: 700px;
        padding: 20px 30px 10px 30px;
        position: relative;
    }
	
	#clinically-tested .icons .icon {
		padding: 0px 10px 20px 10px;
		width: 50%;
	}
	
	#clinically-tested .icons p {
		margin: 0px auto;
		max-width: 250px;
	}

}

@media screen and (max-width: 767px){
	
	#clinically-tested{
		padding: 30px 0px 0px 0px;
	}
	
	#clinically-tested .title {
		font-size: 29px;
		letter-spacing: -1px;
		margin-bottom: 90px;
	}
	
    #clinically-tested .lg-txt {
        font-size: 56px;
		letter-spacing: 0px;
        margin-top: -20px;
        margin-left: auto;
        padding-right: 0;
    }
	
	#clinically-tested .d-flex{
		display: flex;
		flex-direction: column;
		left: 0px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#clinically-tested .d-flex img {
		position: absolute;
		left: 25px;
		top: -55px;
		width: 100px;
	}
	
    #clinically-tested p {
        font-size: 21px;
        padding-top: 15px;
		text-align: center;
    }
	
	#clinically-tested .icons {
        flex-wrap: wrap;
        margin: -25px 15px 0px 15px;
		padding: 20px 30px 10px 30px;
        position: relative;
	}
	
	#clinically-tested .icons .icon {
		padding: 0px 10px 20px 10px;
		width: 50%;
	}
	
}

/**/

.img-left{
	background: #f5f5f5;
	padding: 60px 0px 60px 0px;
}

.img-left .container{
	display: flex;
}

.img-left .image{
	text-align: right;
	order: 1;
	width: 45%;
}

.img-left .inner-wrap{
	order: 2;
	padding-left: 50px;
	width: 55%;
}

.img-left .title{
	font-family: 'neue_montrealregular';
	font-size: 36px;
	line-height: 1.5em;
	text-align: left;
}

.img-left sup {
    top: 0.1em;
    font-size: 0.8em;
}

.img-left .title .highlight{
	color: #de0e16;
	font-family: 'neue_montrealbold';
}

.img-left p strong{
	font-family: 'neue_montrealbold';
}

@media (min-width: 1200px){
	
	.img-left .inner-wrap{
		padding-right: 60px;
	}

}

@media (min-width: 992px) and (max-width: 1199px){
	
	.img-left .title {
		font-size: 32px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.img-left .title {
		font-size: 32px;
	}

}

@media screen and (max-width: 767px){
	
	.img-left{
		padding-top: 40px;
		padding-bottom: 0px;
	}
	
	.img-left .title{
		font-size: 29px;
		letter-spacing: -1px;
		line-height: 1.4em;
		text-align: left;
	}
	
	.img-left .container {
		flex-direction: column;
	}
	
	.img-left .inner-wrap {
		padding-left: 0;
		padding-top: 30px;
		width: 100%;
	}

	.img-left .image {
		width: 100%;
	}
	
}

/**/

.img-right{
	background: #f5f5f5;
	padding: 60px 0px 60px 0px;
}

.img-right .container{
	display: flex;
}

.img-right .image{
	text-align: left;
	order: 2;
	width: 45%;
}

.img-right .inner-wrap{
	order: 1;
	padding-right: 50px;
	width: 55%;
}

.img-right .title{
	font-family: 'neue_montrealregular';
	font-size: 36px;
	text-align: left;
}

.img-right sup {
    top: 0.2em;
    font-size: 85%;
}

.img-right .title .highlight{
	color: #de0e16;
	font-family: 'neue_montrealbold';
}

.img-right blockquote {
    background: url(../images/yellow-quote-bg.png) no-repeat center center / contain;
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    height: 191px;
    line-height: 1.4em;
    margin-top: 0px;
    margin-left: auto;
    padding: 20px 90px 0px 90px;
    position: relative;
    width: 665px;
}

.img-right blockquote:before{
    content: "";
    background: url(../images/black-quote.png) no-repeat 0 0 / cover;
    height: 22px;
    width: 27px;
    position: absolute;
    top: 15px;
    left: 54px;
    z-index: 9;
}

.img-right blockquote sup{
	font-size: 12px;
}

.img-right blockquote cite{
	font-family: 'neue_montrealregular';
	font-style: normal;
    position: absolute;
    bottom: -25px;
    left: 90px;
}

.img-right blockquote cite strong{
	font-family: 'neue_montrealbold';
}

.img-right .col-left small{
	display: block;
    font-size: 16px;
    margin-left: 20px;
	text-align: center;
    width: 55%;
}

.img-right .shop-btn{
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 60px;
    position: relative;
    z-index: 4;
}

.img-right .shop-btn > a{
	margin-bottom: 15px;    
    text-transform: uppercase;
	width: 310px;
}

.img-right .shop-btn small{
	font-size: 14px;
}

@media (min-width: 1200px){
	
	.img-right .inner-wrap{
		padding-right: 100px;
	}
	
	.img-right blockquote {
		margin-left: -60px;
	}

}

@media (min-width: 992px) and (max-width: 1199px){
	
	.img-right .title {
		font-size: 32px;
	}
	
	.img-right blockquote {
		margin-left: -60px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.img-right .title {
		font-family: 'neue_montrealregular';
		font-size: 28px;
	}
	
}

@media screen and (max-width: 767px){
	
	.img-right{
		border-radius: 0px 0px 40px 40px;
		padding: 40px 0px 40px 0px;
	}
	
	.img-right .container {
		flex-direction: column-reverse;
	}
	
	.img-right .inner-wrap {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 30px;
		width: 100%;
	}

	.img-right .image {
		width: 100%;
	}
	
	.img-right .title {
		font-size: 29px;
		text-align: left;
	}
	
	.img-right .title .highlight{
		display: block;
	}
	
	.img-right blockquote {
		background: url(../images/yellow-highlight-sm.png) no-repeat -2% 0 / cover;
		line-height: 1.5em;
		height: auto;
		margin: 0 auto 20px auto;
		padding: 40px 20px 55px 40px;
		font-size: 19px;
		max-width: none;
		width: calc(100% + 50px);
		letter-spacing: 0px;
		left: -20px;
	}
	
	.img-right blockquote:before {
		background-size: cover;
		height: 15px;
		width: 19px;
		position: absolute;
		top: 30px;
		left: 15px;
		z-index: 9;
	}
	
}


/**/

#enhanced-formula{
	background: #ffffff;
}

#enhanced-formula ul li{
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
}

#enhanced-formula ul li:before {
    content: "";
    background: url(../images/red-checkmark.png) no-repeat center center / contain;
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 4px;
}

#enhanced-formula ul li span,
#enhanced-formula ul li strong{
	font-size: 21px;
}

#enhanced-formula ul li strong{
	font-family: 'neue_montrealbold';
	font-weight: inherit;
}

#enhanced-formula .shop-btn{
    display: flex;
	align-items: center;
    flex-direction: column;
	justify-content: center;
    padding-top: 40px;
}

#enhanced-formula .shop-btn > a{
	margin-bottom: 15px;    
    text-transform: uppercase;
	width: 285px;
}

#enhanced-formula .shop-btn small{
	font-size: 14px;
}

@media screen and (max-width: 991px){
	
	#how-it-works .sub-title {
		font-size: 32px;
		margin-bottom: 30px;
		text-align: center;
	}

}

@media screen and (max-width: 767px){
	
	#enhanced-formula{
		padding-top: 0px;
		padding-bottom: 30px;
	}
	
	#enhanced-formula .container {
		flex-direction: column;
		padding-top: 40px;
		padding-bottom: 0px;
    }
	
	#enhanced-formula .title {
        font-size: 30px;
        font-family: 'neue_montrealregular';
    }
	
	#how-it-works .sub-title {
		font-size: 33px;
	}
	
	#enhanced-formula ul li span{
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.2em;
	}
	
	#enhanced-formula .shop-btn{
		padding-top: 20px;
	}
	
}

/**/

#how-it-works{
	padding-bottom: 60px;
}

#how-it-works .container{
	border-top: solid 5px #e8e8e8;
	padding-bottom: 40px;
	padding-top: 60px;
}

#how-it-works .title{
	font-family: 'neue_montrealmedium';
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

#how-it-works .sub-title{
	font-size: 38px;
	margin-bottom: 30px;
	text-align: center;
}

#how-it-works .c-title{
	font-size: 27px;
	margin-bottom: 10px;
	text-align: center;
}

#how-it-works p{
	padding: 0px 15px 0px 15px;
	text-align: center;
}

#how-it-works .col{
	padding: 0px 20px 0px 20px;
}

#how-it-works .col img{
	margin-bottom: 30px;
}

#how-it-works .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

#how-it-works .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

#how-it-works .shop-btn small {
    font-family: 'neue_montrealmedium';
}

@media screen and (min-width: 1200px){

	#how-it-works .sub-title{
		font-size: 46px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#how-it-works .title{
		margin-bottom: 10px;
	}
	
	#how-it-works .sub-title{
		font-size: 32px;
	}
	
	#how-it-works .c-title {
		font-size: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#how-it-works p {
		padding: 0;
		text-align: center;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#how-it-works .d-flex{
		flex-direction: column;
	}
	
	#how-it-works .col {
        max-width: 480px;
        margin: 0px auto;
		padding: 0px 10px 30px 10px;
        text-align: center;
	}
	
	#how-it-works p {
		padding: 0;
	}

}

@media screen and (max-width: 767px){
	
	#how-it-works {
		padding-bottom: 40px;
	}
	
	#how-it-works .container {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	
	#how-it-works .title {
        font-size: 16px;
        letter-spacing: 1px;
        margin-bottom: 5px;
        text-align: center;
        text-transform: uppercase;
    }
	
	#how-it-works .sub-title {
		font-size: 33px;
		margin-bottom: 30px;
		text-align: center;
		font-family: 'neue_montrealbold';
	}
	
	#how-it-works .d-flex{
		flex-direction: column;
	}
	
    #how-it-works .col {
        padding: 0px 0px 30px 0px;
    }
	
	#how-it-works p {
		padding: 0;
	}
	
	#how-it-works .shop-btn{
		padding-top: 0px;
	}

}

/**/

#ingredients {
    background: #ffffff;
    padding: 115px 0px 0px 0px;
	position: relative;
}

#ingredients:before {
    content: "";
    background: url(../images/ingredients-bg.jpg) no-repeat right 0 / auto #101014;
    border-radius: 0px 0px 80px 80px;
    padding: 115px 0px 0px 0px;
    position: absolute;
    top: 0;
    left: 0;
	height: 82%;
    width: 100%;
	z-index: 1;
}

#ingredients .container{
    position: relative;
    z-index: 2;
}

#ingredients .title{
	color: #ffffff;
	font-family: 'neue_montrealregular';
    font-size: 18px;
	font-weight: inherit;
    letter-spacing: 1px;
    margin-bottom: 20px;
	text-align: left;
    text-transform: uppercase;
}

#ingredients .title strong{
	font-family: 'neue_montrealbold';
	text-transform: none;
}

#ingredients .sub-title{
	color: #ffffff;
	font-size: 60px;
	margin-bottom: 60px;
	text-align: left;
}

#ingredients .formulated .sub-title{
	font-size: 60px;
}

#ingredients .row{
	justify-content: center;
}

#ingredients .row > div{
	padding-bottom: 40px;
}

#ingredients img{
	display: block;
	margin: 0px auto 30px auto;
}

#ingredients .c-title{
	color: #ffffff;
	font-size: 29px;
	font-weight: inherit;
	text-align: center;
}

#ingredients p{
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
}

#ingredients .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 0px;
	padding-bottom: 60px;
	position: relative;
	z-index: 4;
}

#ingredients .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

#ingredients .shop-btn small {
	color: #ffffff;
    font-family: 'neue_montrealmedium';
}

#ingredients .btn-primary:not(:disabled):not(.disabled).active, #ingredients .btn-primary:not(:disabled):not(.disabled):active, #ingredients .show > .btn-primary.dropdown-toggle, #ingredients a.btn-primary, #ingredients a.btn-primary:visited{
	background: #fbf30c;
	color: #101014;
	padding: 25px 30px 25px 30px;
}

@media (min-width: 992px) and (max-width: 1199px){

	#ingredients {
		padding: 70px 0px 0px 0px;
	}
	
	#ingredients:before{
		background-position: -200px -50px;
	}
	
	#ingredients .sub-title {
		font-size: 50px;
		margin-bottom: 60px;
		text-align: left;
	}
	
	#ingredients .formulated .sub-title{
		font-size: 36px;
	}
	
	#ingredients .formulated .row h3 {
		font-size: 21px;
		text-align: center;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	#ingredients {
		padding: 215px 0px 0px 0px;
	}
	
	#ingredients:before{
		background-position: right 0; 
		background-size: 680px auto;
	}
	
	#ingredients .sub-title,
	#ingredients .formulated .sub-title{
		font-size: 42px;
		margin-bottom: 30px;
		text-align: left;
	}
	
	#ingredients .title {
		font-size: 18px;
		text-align: left;
	}
	
	#ingredients .formulated .row h3{
		font-size: 32px;
	}
	
}


@media screen and (max-width: 767px){
	
	#ingredients {
		background-position: right 0; 
		padding: 215px 0px 0px 0px;
	}
	
	#ingredients:before{
		background-size: 680px auto;
	}
	
	#ingredients .sub-title,
	#ingredients .formulated .sub-title{
		font-size: 32px;
		margin-bottom: 20px;
		font-weight: inherit;
		text-align: left;
	}
	
	#ingredients .title {
		font-size: 18px;
		text-align: left;
	}
	
	#ingredients .title strong{
		display: block;
	}
	
	#ingredients .c-title{
		margin-bottom: 15px;
	}
	
	#ingredients p {
		font-size: 19px;
		letter-spacing: 0px;
	}
	
	#ingredients .row > div {
		padding-bottom: 25px;
	}
	
	#ingredients .formulated .row h3 {
		font-size: 28px;
		font-weight: inherit;
		letter-spacing: -0.5px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#ingredients .shop-btn{
		padding-bottom: 40px;
	}
	
}

/**/

.formulated{
	border-top: solid 4px #26262a;
	padding-top: 60px;
	position: relative;
}

.formulated:after{
	content: "";
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: calc(50% + -50vw);
    height: 58%;
    width: 100vw;
    z-index: 1;
}

.formulated .row{
	position: relative;
	z-index: 2;
}

#ingredients .formulated .sub-title{
	margin-bottom: 20px;
	text-align: center;
}

#ingredients .formulated p{
	margin-bottom: 40px;
	text-align: center;
}

#ingredients{
	border-bottom: solid 10px #f5f5f5;
}

#ingredients .formulated .row p{
	color: #000000;
}

#ingredients .formulated .row h3{
	text-align: center;
}


#ingredients .formulated .btn-primary:not(:disabled):not(.disabled).active, 
#ingredients .formulated .btn-primary:not(:disabled):not(.disabled):active, 
#ingredients .formulated .show > .btn-primary.dropdown-toggle, 
#ingredients .formulated a.btn-primary, #ingredients .formulated a.btn-primary:visited{
    background: #de0e16;
	color: #ffffff;
	line-height: 1em;
}

#ingredients .formulated .shop-btn small{
	color: #000000;
}

@media (min-width: 768px) and (max-width: 991px){
	
	.formulated:after {
		height: 85%;
	}
	
}

@media screen and (max-width: 767px){
	
	.formulated{
		padding-top: 40px;
	}
	
	.formulated:after{
		height: 83%;
	}
	
	.formulated .row{
		padding-top: 30px;
	}
	
	#ingredients .sub-title {
        font-size: 35px;
	}
	
	#ingredients .formulated p{
		margin-bottom: 0;
	}
}


/* Custom CSS for Masonry Layout */
.masonry-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px; /* adjust the negative margin to account for the gutter */
}

.masonry-item {
	margin-bottom: 50px;
	padding-left: 15px; /* adjust the padding to create the gutter */
	box-sizing: border-box;
}

.trust-pilot{
	padding: 40px 0px 20px 0px;
}

.trust-pilot .header{
	margin-bottom: 10px;
	text-align: center;
}

.trust-pilot .title{
	font-family: 'neue_montrealregular';
	font-size: 46px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.trust-pilot .title strong {
    font-family: 'neue_montrealbold';
    font-weight: inherit;
}

.trust-pilot .header img{
	display: block;
	margin: 0px auto 40px auto;
}

.trust-pilot blockquote{
	background: #f8f5db;
	border-radius: 30px;
	margin: 0px 5px 15px 5px;
	padding: 40px 30px 40px 30px;
	position: relative;
}

.trust-pilot blockquote:before{
	content: "";
	background: url(../images/tp-quote.png) no-repeat 0 0/cover;
	height: 51px;
	width: 60px;
	position: absolute;
	top: -27px;
	left: 0px;
}

.trust-pilot blockquote h3{
	font-size: 26px;
	margin-bottom: 10px;
}

.trust-pilot cite{
	font-family: 'neue_montrealmedium';
	font-size: 18px;
	font-style: normal;
}

.trust-pilot .tp-stars{
	margin-bottom: 20px;
}

.trust-pilot .vb{
	float: right;
	margin-top: 5px;
}

.trust-pilot .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

.trust-pilot .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

.trust-pilot .shop-btn small {
    font-family: 'neue_montrealmedium';
}

.trust-pilot .fans {
	background: rgb(218,230,235);
	background: linear-gradient(180deg, rgba(218,230,235,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	padding: 40px 0px 40px 0px;
	position: relative;
}

.trust-pilot .fans .d-flex{
	flex-wrap: wrap;
}

.trust-pilot .fans .container > h3{
	font-family: 'neue_montrealregular';
	font-size: 44px;
}

.trust-pilot .fans .container > h3 strong{
	font-family: 'neue_montrealbold';
}

.trust-pilot .fans .container > h4{
	font-family: 'neue_montrealregular';
	font-size: 40px;
	font-style: italic;
	margin-bottom: 40px;
}

.trust-pilot .fans .container > h4 > a{
	font-size: 22px;
	font-style: normal;
	margin-left: 15px;
	width: 260px;
}

.trust-pilot .fans .container > h3,
.trust-pilot .fans .container > h4{
	text-align: center;
}

.trust-pilot .fans img{
    display: block;
	align-self: flex-start;
    margin: 5px;
    width: calc(20% - 10px);
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.trust-pilot .title {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.trust-pilot blockquote h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	
	.trust-pilot blockquote:before {
		height: 45px;
		width: 54px;
		top: -24px;
	}
	
}

@media screen and (min-width: 767px) and (max-width: 991px){

	.trust-pilot .fans{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	.trust-pilot .fans .container > h3{
		font-size: 38px;
		margin-bottom: 20px;
	}

	.trust-pilot .fans .container > h4{
		font-size: 32px;
		margin-bottom: 30px;
	}

    .trust-pilot .fans .container > h4 > a {
        font-size: 22px;
        margin-top: 0px;
        margin-left: 15px;
		padding: 20px 15px;
        width: 250px;
    }
	
	.trust-pilot .fans img {
		width: calc(33% - 10px);
		position: relative;
		z-index: 2;
	}
	
	.trust-pilot .fans img:nth-child(7), .trust-pilot .fans img:nth-child(9){
		margin-left: 3%;
	}
	
	.trust-pilot .fans .d-flex{
		justify-content: center;
		position: relative;
		padding: 20px 0px 0px 0px;
	}
	
	.trust-pilot .fans .d-flex:before{
		content: "";
		background: #1a1a1a;
		position: absolute;
		top: 0px;
		left: -15px;
		height: 87%;
		width: calc(100% + 30px);
		z-index: 1;
	}
	
}

@media screen and (max-width: 767px){
	
	.masonry-grid.slick-slider {
		max-width: 100%;
		overflow: hidden;
	}

	.masonry-item{
		margin-bottom: 30px;
		padding: 0px;
	}
	
	.trust-pilot{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.trust-pilot .title {
		font-size: 32px;
		margin-bottom: 10px;
		max-width: 320px;
	}
	
	.trust-pilot blockquote{
		margin-bottom: 10px;
		padding: 30px 20px 30px 20px;
	}
	
	.trust-pilot blockquote:before{
		display: none;
	}
	
	.trust-pilot blockquote h3{
		font-size: 21px;
		text-align: left;
	}
	
	.trust-pilot p{
		display: -webkit-box;
		line-height: 1.3em;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	
	.trust-pilot .vb{
		position: relative;
		top: 5px;
	}
	
	.trust-pilot .tp-stars{
		width: 100px;
	}
	
	.trust-pilot .slick-dots{
		bottom: 0;
	}
	
	.trust-pilot .slick-dots li button{
		border: solid 1px #a1a1a1;
	}
	
	.trust-pilot .slick-dots li button{
		background: transparent;
	}
	
	.trust-pilot .slick-dots li.slick-active button {
		background: #b3b3b3;
	}
	
	.trust-pilot cite {
		font-size: 16px;
		font-style: normal;
		text-transform: uppercase;
	}
	
	.trust-pilot .fans{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	.trust-pilot .fans .container > h3{
		font-size: 32px;
		margin-bottom: 0px;
	}

	.trust-pilot .fans .container > h3 strong{
		display: block;
	}

	.trust-pilot .fans .container > h4{
		font-size: 28px;
		margin-bottom: 30px;
	}

    .trust-pilot .fans .container > h4 > a {
        font-size: 19px;
        margin-top: 20px;
        margin-left: 15px;
		padding: 15px;
        width: 250px;
    }
	
	.trust-pilot .fans img {
		width: calc(33% - 10px);
		position: relative;
		z-index: 2;
	}
	
	.trust-pilot .fans img:nth-child(7), .trust-pilot .fans img:nth-child(9){
		margin-left: 3%;
	}
	
	.trust-pilot .fans .d-flex{
		justify-content: center;
		position: relative;
		padding: 20px 0px 0px 0px;
	}
	
	.trust-pilot .fans .d-flex:before{
		content: "";
		background: #1a1a1a;
		position: absolute;
		top: 0px;
		left: -15px;
		height: 87%;
		width: calc(100% + 30px);
		z-index: 1;
	}
}

/**/

#authenticity{
	background: #e7f1f6;
	border-radius: 70px 70px 0px 0px;
	padding: 50px 0px 100px 0px;
}

#authenticity .title {
    font-family: 'neue_montrealregular';
    font-size: 46px;
    margin-bottom: 40px;
    text-align: center;
}

#authenticity .title strong{
	font-family: 'neue_montrealbold';
}

#authenticity .sub-title{
	font-size: 29px;
	margin-bottom: 15px;
	text-align: left;
}

#authenticity .image{
	position: relative;
	width: 50%;
}

#authenticity .image img{
	max-width: none;
	position: absolute;
    right: 0;
}

#authenticity .inner-wrap{
	width: 50%;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#authenticity {
		padding: 60px 0px 60px 0px;
	}
	
	#authenticity .title {
		font-size: 36px;
		max-width: 670px;
		margin: 0px auto 40px;
	}
	
	#authenticity .image img {
		max-width: 100%;
	}
	
	#authenticity .sub-title{
		font-size: 25px;
	}

}


@media screen and (min-width: 768px) and (max-width: 991px){
	
	#authenticity {
		padding: 60px 0px 60px 0px;
	}
	
	#authenticity .title {
		font-size: 36px;
		margin-bottom: 30px;
	}
	
	#authenticity .d-flex {
		flex-direction: column;
	}
	
	#authenticity .image {
		width: 100%;
	}
	
	#authenticity .image img {
        display: block;
		margin: 0px auto;
		max-width: 100%;
        position: relative;
        right: 0;        
	}
	
	#authenticity .inner-wrap {
		width: 100%;
	}

}

@media screen and (max-width: 767px){
	
	#authenticity {
		border-radius: 40px 40px 0px 0px;
		padding: 40px 0px 40px 0px;
	}
	
	#authenticity .title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	
	#authenticity .sub-title{
        font-family: 'neue_montrealmedium';
        font-size: 24px;
        max-width: 320px;
        margin: 0px auto 20px auto;
		text-align: center;
	}
	
	#authenticity .d-flex {
		flex-direction: column;
	}
	
	#authenticity .image {
		width: 100%;
	}
	
	#authenticity .image img {
		max-width: 100%;
		position: relative;
		right: 0;
	}
	
	#authenticity .inner-wrap {
		width: 100%;
	}
	
	#authenticity .inner-wrap .btn{
		display: block;
        margin: 0px auto;
        width: 320px;
	}

}

/**/

#competition{
	background: url(../images/pattern-bg.png) no-repeat center center/cover #131313;
	border-radius: 70px;
	padding: 60px 0px 60px 0px;
	position: relative;
}

#competition:before{
	content: "";
	background: #e7f1f6;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 100%;
	z-index: -1;
}

#competition .d-flex{
	justify-content: space-evenly;
}

#competition .d-flex > div{
	width: 33.3333%;
}

#competition .title{
	color: #ffffff;
	font-family: 'neue_montrealregular';
    font-size: 22px;
	font-weight: inherit;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: none;
}

#competition .sub-title{
	color: #ffffff;
	font-size: 46px;
	margin-bottom: 40px;
	text-align: center;
}

#competition h4{
	color: #ffffff;
	font-size: 30px;
}

#competition li{
	color: #ffffff;
	margin-bottom: 20px;
}

#competition .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 4;
}

#competition .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

#competition .btn-primary:not(:disabled):not(.disabled).active, 
#competition .btn-primary:not(:disabled):not(.disabled):active, 
#competition .show > .btn-primary.dropdown-toggle, 
#competition a.btn-primary, 
#competition a.btn-primary:visited {
    background: #fbf30c;
    color: #101014;
	line-height: 1em;
    padding: 25px 30px 25px 30px;
}

#competition .shop-btn small {
    color: #ffffff;
    font-family: 'neue_montrealmedium';
}

#competition .left-col img{
	margin-bottom: 25px;
    margin-top: 20px;
}

#competition ul{
	border-top: solid 4px #2a2a2a;
	padding: 30px 0px 0px 0px;
}

#competition li{
	font-family: 'neue_montrealmedium';
	font-size: 20px;
	padding-left: 30px;
	position: relative;
}

#competition .left-col li:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 2px;
	background: url(../images/yellow-check.png) no-repeat 0 0/cover;
	height: 22px;
	width: 22px;
}

#competition .right-col li:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 2px;
	background: url(../images/red-x.png) no-repeat 0 0/cover;
	height: 22px;
	width: 22px;
}

@media (min-width: 1200px){
	
	#competition .d-lg-flex > div{
		width: 25%;
	}
	
	#competition .d-lg-flex > .image{
		width: 50%;
	}
	
	#competition .image .img {
		display: block;
		margin: 0px auto;
		max-width: 627px;
		width: auto;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#competition .sub-title {
		font-size: 36px;
		margin: 0px auto 30px auto;
		max-width: 800px;
	}
	
	#competition h4 {
		font-size: 30px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#competition {
		border-radius: 40px 40px 0px 0px;
		padding: 40px 20px 40px 20px;
	}
	
	#competition .nav-tabs .nav-item.show .nav-link, 
	#competition .nav-tabs .nav-link.active {
        align-items: center;
		background-color: rgba(50, 50, 50, 0.75);
		border: none;
        border-bottom: solid 4px #fbf30c;
        border-radius: 10px 10px 0px 0px;
        color: #495057;
	}
	
	#competition .nav-tabs .nav-link {
		display: flex;
        align-items: center;
        justify-content: center;
		width: 50%;
	}
	
	#competition h4 {
		font-size: 24px;
		margin-bottom: 0px;
		text-align: center;
	}
	
	#competition .title {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.4em;
		max-width: none;
		margin: 0px auto 10px auto;
		text-align: center;
		text-transform: none;
	}

	#competition .sub-title {
        font-size: 36px;
        max-width: 640px;
        margin: 0px auto 0px auto;
		text-align: center;
	}

	#competition .d-flex {
		flex-direction: column;
	}
	
    #competition .d-flex > div {
        display: flex;
		border: none;
        flex-direction: row;
		width: 100%;
    }
	
	#competition .image{
		order: 1;
	}
	
	#competition .left-col img{
		display: block;
		margin: 0px auto 20px auto;
	}
	
	#competition h4{
		text-align: center;
	}
	
	#competition li{
		font-family: 'neue_montrealmedium';
		font-size: 24px;
		padding-left: 30px;
		position: relative;
	}

	#competition li:before{
		content: "";
		position: absolute;
		left: 0px;
		top: -1px;
		background: url(../images/yellow-check.png) no-repeat 0 0/cover;
		height: 22px;
		width: 22px;
	}

}

@media screen and (max-width: 767px){
	
	#competition {
		border-radius: 40px 40px 0px 0px;
		padding: 40px 0px 40px 0px;
	}
	
	#competition .nav-tabs .nav-item.show .nav-link, 
	#competition .nav-tabs .nav-link.active {
        display: flex;
        align-items: center;
		background-color: rgba(50, 50, 50, 0.75);
        border-bottom: solid 4px #fbf30c;
        border-radius: 10px 10px 0px 0px;
        color: #495057;
	}
	
	#competition .nav-tabs .nav-link {
		display: flex;
        align-items: center;
		border: 1px solid transparent;
		width: 50%;
	}
	
	#competition h4 {
		font-size: 16px;
		margin-bottom: 0px;
	}
	
	#competition .title {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.4em;
		max-width: 220px;
		margin: 0px auto 10px auto;
		text-align: center;
		text-transform: none;
	}

	#competition .sub-title {
        font-size: 30px;
        max-width: 270px;
        margin: 0px auto 0px auto;
		text-align: center;
	}

	#competition .d-flex {
		flex-direction: column;
	}
	
    #competition .d-flex > div {
        display: flex;
		border: none;
        flex-direction: row;
		width: 100%;
    }
	
	#competition .image{
		order: 1;
	}
	
	#competition .left-col img{
		display: block;
		margin: 0px auto 20px auto;
	}
	
	#competition h4{
		text-align: center;
	}
	
	#competition li{
        font-family: 'neue_montrealregular';
        font-size: 18px;
        padding-left: 30px;
        position: relative;
	}

	#competition li:before{
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		background: url(../images/yellow-check.png) no-repeat 0 0/cover;
		height: 22px;
		width: 22px;
	}
	
	#competition .btn-primary:not(:disabled):not(.disabled).active, #competition .btn-primary:not(:disabled):not(.disabled):active, #competition .show > .btn-primary.dropdown-toggle, #competition a.btn-primary, #competition a.btn-primary:visited {
		font-size: 18px;
		letter-spacing: 0px;
		line-height: 1em;
		padding: 17px 30px 17px 30px;
	}
	
}

/**/

#best-results{
	padding-bottom: 60px;
}

#best-results .container{
	padding-bottom: 30px;
	padding-top: 60px;
}

#best-results .container > .d-flex{
	padding-bottom: 50px;
}

#best-results .title{
	font-size: 46px;
	letter-spacing: 1px;
	margin-bottom: 40px;
	text-align: center;
}

#best-results .c-title{
	font-size: 35px;
	margin-bottom: 10px;
	text-align: center;
}

#best-results p{
	text-align: center;
}

#best-results .col{
	padding: 0px 20px 0px 20px;
}

#best-results .col img{
	margin-bottom: 30px;
}

#best-results .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

#best-results .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

#best-results .shop-btn small {
    font-family: 'neue_montrealmedium';
}

.no-section{
	background: #131313;
	border-radius: 20px;
	padding: 20px 30px 20px 30px;
}

.no-section ul{
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.no-section ul li{
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: 'neue_montrealmedium';
    font-size: 16px;
    line-height: 1.3em;
    text-transform: uppercase;
    padding-right: 10px;
    padding-left: 50px;
    width: 25%;
    position: relative;
}

.no-section ul li:last-of-type{
	padding-right: 0px;
}

.no-section li:before{
	content: "";
    display: block;
    background: url(../images/x-round.png) no-repeat 0 0 / cover;
	margin-right: 10px;
    height: 36px;
    width: 36px;
	position: absolute;
	left: 0px;
}


@media (min-width: 992px) and (max-width: 1199px){
	
	best-results .title {
    	font-size: 32px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#best-results .col{
		padding: 0px 10px 0px 10px;
	}
	
	#best-results .title {
		font-size: 36px;
		letter-spacing: 1px;
		text-align: center;
		max-width: 460px;
		margin: 0px auto 30px auto;
	}
	
	.no-section ul {
		flex-wrap: wrap;
	}
	
	.no-section ul li{
		margin-bottom: 20px;
		width: 50%;
	}
	
}

@media screen and (max-width: 767px){
	
	#best-results{
		padding-bottom: 40px;
	}
	
	.no-section ul {
		display: flex;
		margin-bottom: 0px;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.no-section ul li{
		font-family: 'neue_montrealregular';
		font-size: 16px;
    	line-height: 1.3em;
		margin-bottom: 15px;
		padding-left: 45px;
		width: 100%;
	}
	
	.no-section li:before {
		height: 25px;
		width: 25px;
		left: 0px;
		top: -4px;
	}
	
	.no-section ul li:last-of-type{
		margin-bottom: 0px;
	}
	
	#best-results .title{
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 20px;
        text-transform: none;
        letter-spacing: 0;
	}
	
	#best-results .container > .d-flex {
		padding-bottom: 0px;
		flex-direction: column;
	}
	
	#best-results .container{
		padding-top: 30px;
	}
	
	#best-results .col{
		padding-bottom: 30px;
	}
	
	#best-results .col img {
		margin-bottom: 15px;
	}
	
	#best-results .shop-btn{
		padding-top: 0;
	}

}

/**/

#daily-routine{
	background: url(../images/red-pattern.png) no-repeat center center/cover #9c0001;
	border-radius: 70px;
	padding: 60px 0px 60px 0px;
}

#daily-routine .d-flex{
	justify-content: space-evenly;
}

#daily-routine .d-flex > div{
	align-self: flex-start;
	width: 33.3333%;
}

#daily-routine .title{
    color: #ffffff;
    font-size: 46px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center;
}

#daily-routine .sub-title{
	color: #ffffff;
	font-family: 'neue_montrealregular';
	font-size: 22px;
	font-weight: inherit;
	margin-bottom: 0px;
	text-align: center;
}

#daily-routine h4{
	color: #fbf30c;
	font-size: 30px;
	margin-bottom: 10px;
	text-align: center;
}

#daily-routine .d-flex{
	margin-bottom: 60px;
	position: relative;
}

#daily-routine .d-flex > div{
	border-radius: 30px;
	padding: 30px;
}

#daily-routine .d-flex > .day-1{
	background: rgba(0,0,0,0.1);
}

#daily-routine .d-flex > .day-14{
	background: rgba(0,0,0,0.3);
}

#daily-routine .d-flex > .day-30{
	background: rgba(0,0,0,0.5);
}

#daily-routine .d-flex > .day-90{
	background: rgba(0,0,0,0.7);
}

#daily-routine > .container > .title{
	margin-bottom: 10px;
}

#daily-routine > .container > p{
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}

#daily-routine .footnote{
	display: block;
	color: #ffffff;
    padding: 40px 0px 0px 0px;
    opacity: 0.7;
	text-align: center;
}

@media screen and (min-width: 992px){
	
	#daily-routine .sub-title:after {
		content: "";
		display: block;
		background: url(../images/day-markers.png) no-repeat center center / 90% auto;
		height: 213px;
		width: 100%;
	}
	
	#daily-routine .sub-title{
		margin-bottom: 20px;
	}

	#daily-routine .d-flex > div{
		margin-right: 20px;
	}
	
	#daily-routine .d-flex > div:last-of-type{
		margin-right: 0px;
	}

}

#daily-routine .d-flex > div p{
	color: #ffffff;
	text-align: center;
}

#daily-routine .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 4;
}

#daily-routine .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

#daily-routine .btn-primary:not(:disabled):not(.disabled).active, 
#daily-routine .btn-primary:not(:disabled):not(.disabled):active, 
#daily-routine .show > .btn-primary.dropdown-toggle, 
#daily-routine a.btn-primary, 
#daily-routine a.btn-primary:visited {
    background: #fbf30c;
    color: #101014;
	line-height: 1em;
    padding: 25px 30px 25px 30px;
}

#daily-routine .shop-btn small {
    color: #ffffff;
    font-family: 'neue_montrealmedium';
}

#daily-routine .left-col img{
	margin-bottom: 25px;
    margin-top: 20px;
}

#daily-routine ul{
	border-top: solid 4px #2a2a2a;
	padding: 30px 0px 0px 0px;
}

#daily-routine li{
	font-family: 'neue_montrealmedium';
	font-size: 20px;
	padding-left: 30px;
	position: relative;
}

#daily-routine .left-col li:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 2px;
	background: url(../images/yellow-check.png) no-repeat 0 0/cover;
	height: 22px;
	width: 22px;
}

#daily-routine .right-col li:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 2px;
	background: url(../images/red-x.png) no-repeat 0 0/cover;
	height: 22px;
	width: 22px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#daily-routine .title {
    	font-size: 36px;
		margin-bottom: 20px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#daily-routine{
		padding: 40px 0px 40px 0px;
	}
	
	#daily-routine .d-flex {
		margin-bottom: 20px;
		padding-left: 70px;
		flex-direction: column;
		position: relative;
	}
	
    #daily-routine .d-flex:before {
        content: "";
        display: block;
        background: url(../images/day-markers-sm.png) no-repeat center center / contain;
        height: 800px;
        width: 60px;
        position: absolute;
        top: 25px;
        left: -15px;
    }
	
	#daily-routine .title {
    	font-size: 31px;
	}
	
	#daily-routine .sub-title{
		margin-bottom: 30px;
	}
	
	#daily-routine h4 {
		font-size: 32px;
		text-align: left;
	}
	
	#daily-routine > .container > p {
		font-size: 27px;
	}

	#daily-routine .d-flex {
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	#daily-routine .d-flex > div {
		margin-bottom: 20px;
		width: 100%;
	}
	
	#daily-routine .d-flex:last-of-type{
		margin-bottom: 20px;
	}
	
	#daily-routine .d-flex > div p {
		text-align: left;
	}
	
}

@media screen and (max-width: 767px){
	
	#daily-routine{
		border-radius: 40px;
		padding: 40px 0px 40px 0px;
		position: relative;
	}

	#daily-routine > .container > .title {
		font-size: 24px;
		margin-bottom: 15px;
		padding: 0px 20px 0px 20px;
	}
	
	#daily-routine .sub-title {
    	font-size: 18px;
		margin-bottom: 30px;
	}
	
	#daily-routine .d-flex {
		margin-bottom: 20px;
		padding-left: 70px;
		flex-direction: column;
		position: relative;
	}
	
	#daily-routine .d-flex:before {
        content: "";
        display: block;
        background: url(../images/day-markers-sm.png) no-repeat center center / contain;
        height: 1100px;
        width: 88px;
        position: absolute;
        top: 90px;
        left: -15px;
	}
	
	#daily-routine .d-flex:last-of-type{
		margin-bottom: 0px;
	}
	
	#daily-routine .d-flex > div {
		margin-bottom: 20px;
		width: 100%;
	}
	
	#daily-routine > .container > p{
		font-size: 21px;
		margin-bottom: 20px;
	}
	
	#daily-routine h4{
		text-align: left;
	}
	
	#daily-routine .d-flex > div p{
		text-align: left;
	}
	
}

/**/

#claim{
	max-width: 1240px;
	padding: 40px 0px 0px 0px;
}

#claim .d-flex{
    align-items: flex-start;
	justify-content: center;
}

#claim .title{
    font-family: 'neue_montrealbold';
    font-weight: 900;
    font-size: 46px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin-bottom: 10px;
}

#claim .title .highlight{
    display: inline-block;
}

#claim .image {
    margin-right: -100px;
    position: relative;
    z-index: 2;
}

#claim .inner-wrap{
	padding-top: 15px
}

#claim .grey-box {
    background: #e5e5e5;
    font-family: 'neue_montrealbold';
    font-size: 31px;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 15px;
    padding: 15px 15px 15px 0px;
    width: 540px;
    position: relative;
}

#claim .grey-box:before{
    content: "";
	background: #e5e5e5;
    position: absolute;
    left: -50%;
    top: 0px;
    height: 100%;
    width: 50%;
    z-index: 1;
}

#claim .red-box {
	background: #c32930;
    color: #ffffff;
    font-family: 'neue_montrealbold';
    font-size: 26px;
    font-weight: 800;
    line-height: 1.3em;
    padding: 15px 15px 15px 70px;
    width: 610px;
    position: relative;
}

#claim .red-box:before {
    content: "";
    background: url(../images/white-arrow.png) no-repeat 0 0;
    position: absolute;
    left: 10px;
    top: 13px;
    height: 66px;
    width: 49px;
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1199px){

	#claim .title{
		font-size: 33px;
		margin-bottom: 15px;
	}

	#claim .image{
		margin-right: -70px;
	}

}

@media screen and (max-width: 991px){
	
	#claim{
		padding-top: 30px;
	}
	
    #claim .title {
        font-size: 27px;
        line-height: 1.2em;
        max-width: 500px;
        margin-bottom: 10px;
		margin-left: 0px;
        padding: 10px 0px 0px 0px;
    }
	
    #claim .title .highlight {
		display: block;
        padding: 0px;
    }
	
    #claim .image {
        margin-right: -30px;
        position: relative;
        z-index: 2;
        width: 250px;
    }
	
    #claim .red-box {
        background: #c32930;
        color: #ffffff;
        font-family: 'neue_montrealbold';
        font-size: 23px;
        font-weight: 800;
        line-height: 1.3em;
        margin: 35px auto 30px auto;
        padding: 15px 15px 15px 70px;
        width: 450px;
        position: relative;
        left: -105px;
    }
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	#claim .red-box:before {
		background: url(../images/white-arrow.png) no-repeat 0 0/cover;
		height: 58px;
		width: 42px;
	}
	
	#claim .title {
    	font-size: 24px;
	}
	
	#claim .red-box{
		font-size: 20px;
	}
	
	#claim .grey-box{
		font-size: 24px;
	}
	
	.pp-btn-wrap {
		margin: 0px auto 10px auto;
		max-width: 160px;
	}
	
}
@media screen and (max-width: 767px){
	
	#claim {
		padding-top: 20px;
		padding-bottom: 0px;
	}

	#claim .title{
        font-size: 12px;
        letter-spacing: -1px;
        line-height: 1.2em;
        margin-bottom: 8px;
        margin-left: -45px;
        max-width: none;
        padding-top: 0;
	}

	#claim .inner-wrap {
		margin-left: 0px;
		padding-top: 0px;
		width: 190px;
	}
	
	#claim .image {
		margin-right: -45px;
		width: 190px;
	}
	
    #claim .image img {
		max-width: 115px;
		margin-left: -10px;
		margin-top: -8px;
    }
	
	#claim .title .highlight{
		padding: 0px;
	}
	
    #claim .grey-box {
        background: #e5e5e5;
        font-size: 12px;
        line-height: 1em;
        margin-bottom: 15px;
        margin-left: -45px;
        padding: 5px 5px 5px 0px;
        width: 200px;
        position: relative;
    }
	
	#claim .grey-box:before {
        content: "";
        background: #e5e5e5;
        position: absolute;
        left: -33%;
        top: 0px;
        height: 100%;
        width: 46%;
        z-index: -1;
    }

    #claim .red-box {
        background: #c32930;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.1em;
        margin: 15px auto 15px auto;
        padding: 5px 40px 5px 40px;
        width: 287px;
        position: relative;
        left: -125px;
        text-align: center;
    }
	
    #claim .red-box:before {
        background-size: cover;
        left: 20px;
        top: 3px;
        height: 25px;
        width: 19px;
    }
	
	#claim .red-box:after {
        content: "";
        background: url(../images/white-arrow.png) no-repeat 0 0 / cover;
        height: 25px;
        width: 19px;
        position: absolute;
        right: 20px;
        top: 3px;
        z-index: 1;
	}
	
}

/**/

#faq{
	border-bottom: solid 10px #f5f5f5;
	max-width: none;
	padding: 40px 0px 40px 0px;
}

#faq .title{
	font-size: 32px;
}

#faq #faq-accordion .card-header h5{
	background: transparent;
	border-top: solid 1px #d1d1d1;
	margin-bottom: 0px;
	transform: skew(0);
}

#faq #faq-accordion .faq:last-of-type h5{
	border-bottom: solid 1px #d1d1d1;
}

#faq #faq-accordion .card-header,
#faq #faq-accordion .card {
	margin: 0px;
    padding: 0px;
}

body #faq-accordion .card-header, body #faq-accordion .card-header:first-child {
    background-color: transparent;
}

#faq .card-header a {
    color: #000;
    display: block;
    border: none;
    font-family: 'neue_montrealbold';
    font-size: 1.3rem;
    font-weight: normal;
    transform: none;
    padding: 22px 70px 22px 20px;
    font-size: 18px;
    cursor: pointer;
}

#faq .card-header a[aria-expanded="true"]:after {
    content: "\f068";
}

#faq .card-header a:after{
    content: "\f067";
    display: flex;
	border: solid 1px #000000;
    border-radius: 100%;
	color: #000000;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    width: 30px;
    height: 30px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
	position: absolute;
    top: 32%;
    right: 30px;
}

#faq small{
	display: block;
	padding: 40px 0px 40px 0px;
	text-align: center;
}

#faq .card-body{
	padding: 0px 0px 20px 30px;
}

#faq .card-body a{
	color: #de0e16;
	font-family: 'neue_montrealmedium';
	font-weight: normal;
}

#faq .card-body a:hover{
	color: #101014;
}

@media screen and (min-width: 1200px){
	
	#faq .title{
		font-size: 46px;
		margin-bottom: 40px;
	}
	
}


@media (min-width: 992px) and (max-width: 1199px){
	
	#faq .title {
        font-size: 34px;
        margin-bottom: 40px;
    }
	
}

@media (min-width: 992px){
	
    #faq .card-header a {
        font-size: 20px;
        padding: 20px 80px 20px 30px;
    }
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	#faq{
		padding-bottom: 20px;
	}
	
	#faq small {
		max-width: 505px;
		margin: 0px auto;
	}
	
}

@media screen and (max-width: 767px){

	#faq{
		padding-bottom: 0;
	}
	
	#faq .title{
		margin-bottom: 20px;
	}
	
}

/**/ 

#store-options {
    background: transparent;
	font-family: 'neue_montrealmedium';
	font-size: 17px;
    color: #ffffff;
    font-weight: inherit;
	margin-bottom: 30px;
	position: relative;
}

#store-options:after {
    content: "";
    background: transparent;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100vw;
    transform: translate(-50%, 0%);
    z-index: 1;
}

#store-options .container{
	position: relative;
	z-index: 2;
}

#store-options .currencySelect{
	margin-left: 10px;
}


#product-packages > .container > .d-flex{
	margin: 0px auto 30px;
	width: 800px;
}

#product-packages .col{
	text-align: center;
}

#product-packages > .container > .d-flex p{
	color: #ffffff;
}

#product-packages .col img{
	display: block;
	margin: 0px auto 20px auto;
}

#product-packages .col:first-of-type img{
	margin-top: 10px;
}

#product-packages .col:last-of-type img{
	margin-bottom: 9px;
}

#product-packages .alert-message{
	background: #fbf30c;
    font-family: 'neue_montrealmedium';
    letter-spacing: 0.5px;
    margin: 0px auto 30px;
    padding: 10px 20px;
    max-width: max-content;
    text-align: center;
    text-transform: uppercase;
}

#product-packages .alert-message strong{
	background: #fbf30c;
	font-family: 'neue_montrealbold';
	letter-spacing: 1px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

/* Packages */

.currency{
	position: relative;
	z-index: 2;
}

.hdpWrap .pp-title{
	background: #000000;
	color: #1a1a1a;
	padding-top: 10px;
	padding-bottom: 20px;
}

.hdpWrap .wordplugHdpToggle{
	background: #000000;
	color: #1a1a1a;
}

.hdpWrap .pp-title span{
	color: #ffffff;
}

.hdpWrap .btn-toggle.active {
    background-color: #de0e16;
}

#product-packages {
	background: url(../images/pattern-bg.png) no-repeat center 0/cover #131313;
	max-width: 100%;
    padding: 0px 0px 40px 0px;
}

#product-packages .title{
	color: #ffffff;
	font-size: 46px;
	text-align: center;
}

#product-packages .header p{
	color: #ffffff;
	font-size: 21px;
	margin-bottom: 30px;
	text-align: center;
}

#product-packages .container{
	max-width: 1170px;
    margin: 0px auto 0px auto;
}

.pp-entries{
    padding-top: 40px;
	padding-bottom: 0px;
}

.pp-wrap {
  max-width: 390px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.pp-wrap:before {
  content: "";
  background: #454545;
  bottom: 0;
  width: 30px;
  left: 15px;
  position: absolute;
  height: calc(100% - 68px);
}

.pp-wrap:after {
    content: "";
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    background: #454545;
    bottom: 0;
    left: 0;
    clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
}

.qty-6 .pp-wrap:after{
	background: #de0b14;
}

.pp-body{
	border-top: none;
	border-right: none;
}

.qty-6 .pp-body > div{
	background: #f8f5db;
}

.pp-header .promo-header {
    background: #88c377;
    margin-left: 0px;
    margin-right: auto;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    color: #ffffff;
    font-family: 'neue_montrealbold';
    font-size: 21px;
    padding: 10px 0px 10px 0px;
}

.qty-3 .pp-header{
	margin-top: -21px
}

.qty-6 .pp-header{
	margin-top: -10px
}

.pp-header h4 {
	font-family: "Uniform ExtCond";
	font-size: 32px;
	text-transform: uppercase;
	line-height: 42px;
	color: #fff;
	padding: 18px 0 12px;
	margin-bottom: -3px;
}

.pp-body {
	border-left: 3px solid #454545;
	border-bottom: 3px solid #454545;
	position: relative;
	z-index: 2;
	clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
}

.package .linethrough{
	position: relative;
}

.package .linethrough:before {
    content: "";
    background: red;
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 100%;
    transform: rotate(-20deg);
}

.pp-body > div {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.pp-entry.qty-1 .pp-img{
    margin-top: 40px;
    margin-bottom: 20px;
}

.pp-title {
	color: #1a1a1a;
	font-family: 'neue_montrealbold';
	font-weight: 800;
	font-size: 23px;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0;
	text-align: center;
}

.pp-title span{
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.promo-bonus .promo-message {
    background: #88c377;
    position: relative;
    color: #ffffff;
    font-family: 'neue_montrealbold';
    font-size: 21px;
	line-height: 1em;
	margin: 10px auto 15px;
    padding: 10px 0px 10px 0px;
	overflow: hidden;
}

/* HDP */

.hdpWrap .pp-title{
	background: #000000;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 20px;
}

.hdpWrap .pp-title span{
	color: #ffffff;
}

.hdp-rightLabel{
	color: #ffffff;
}

.hdp-leftLabel{
	color: #ffffff;
}

.hdpWrap .wordplugHdpToggle{
	background: #000000;
	color: #1a1a1a;
}

.hdpWrap .btn-toggle.active {
    background-color: #de0e16;
}

.qty-3 .hdp-slider,
.qty-6 .hdp-slider{
	display: none;
}

.pp-entry .value-label{
	display: none;
}

.pp-entry.qty-1.hdpWrap .pp-body > div{
	padding: 0px;
}

.pp-entry .left-col{
	width: 100%;
}

.qty-1 .pp-title span {
  display: block;
}

.pp-title span {
  color: #de0b14;
}

.pp-img {
  margin-bottom: 20px;
}

.pp-retail {
	color: #1a1a1a;
	font-size: 16px;
}

.pp-retail span {
	  text-decoration: line-through;
}

.pp-savings {
	color: #ff0008;
	font-size: 28px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.pp-sale {
	font-family: 'neue_montrealbold';
	font-size: 42px;
	font-weight: 800;
	line-height: 110%;
}

.pp-sale small {
    font-size: 45%;
    font-weight: 700;
    letter-spacing: 0px;
	text-transform: uppercase;
}

.pp-contents {
  font-size: 18px;
  text-transform: uppercase;
}

.pp-contents span {
  font-weight: 800;
}

.total-wrap{
	font-size: 24px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.total-wrap .leh_price{
	font-family: 'neue_montrealbold';
}

.pp-body .cc{
	display: block;
	margin: 10px auto 20px auto;
	max-width: 80%;
}

.pp-btn-wrap {
  margin: 10px 0px 20px 0px;
}

.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, 
.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, 
.pp-btn-wrap .show > .btn-primary.dropdown-toggle, 
.pp-btn-wrap a.btn-primary, 
.pp-btn-wrap a.btn-primary:visited {
    position: relative;
    color: #fff;
	font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    background: #de0e16;
	border-radius: 30px;
    border: none;
    transition: none;
    padding: 20px 60px;
}

.qty-6 .button:after {
    content: "";
    background: url(../images/hand-pointer.png) 0 0/cover no-repeat;
    position: absolute;
    top: 10px;
    right: -25px;
    height: 67px;
    width: 67px;
}

.extra-1 {
  font-size: 19px;
  line-height: 100%;
  max-width: 230px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.extra-1 span {
  color: #ff0008;
}

.qty-2 .pp-wrap:before,
.qty-2 .pp-header,
.qty-2 .pp-wrap:after {
  background: #de0e16;
}

.qty-2 .pp-body {
  border: 3px solid #de0e16;
}

span.cur-symbol {
  font-size: 70%;
}

.pp-entry {
  margin: 0 10px 20px;
  padding-bottom: 20px;
}

#product-packages .slick-next:before,
#product-packages .slick-prev:before {
    line-height: 1;
    opacity: 1;
    color: #fffc00;
    text-shadow: none;
    background: #111;
    border-radius: 100px;
    width: 48px;
    display: block;
    position: absolute;
}

#product-packages .slick-dots {
  bottom: -20px;
}

#product-packages .slick-next {
  right: 50px;
  z-index: 9;
}

#product-packages .slick-prev {
  left: 20px;
  z-index: 9;
}

.sezzle-object > span{
	font-weight: 400;
}

@media (min-width: 375px) {
  .pp-header h4 {
    font-size: 42px;
  }
}

@media (min-width: 425px) {
  .pp-title {
    max-width: 100%;
  }

  .pp-sale {
    font-size: 65px;
	line-height: 1em;
  }
}

@media (min-width: 768px) {
	
	.pp-entries{
		align-items: center;
		margin: 0px auto;
		padding-top: 50px;
	}
	
	.pp-body > div{
		padding: 0px 0px 0px 0px;
	}
	
	.hdpWrap .pp-body > div{
		padding: 0;
	}

	.qty-6 .pp-body > div {
		padding: 10px 0px 0px 0px;
	}
	
}

@media (min-width: 992px) {

	.qty-1{
		order: 1;
	}
	
	.qty-3{
		order: 3;
	}
	
	.qty-6{
		order: 2;
	}
	
	.qty-1 .pp-img img{
		margin-bottom: 0px;
		max-width: 90%;
	}

	.qty-3 .pp-img img{
		max-width: 74%;
	}

	.qty-6 .pp-img img{
		max-width: 85%;
	}
	
	.pp-title {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (min-width: 992px) and (max-width: 1199px){
	
	#product-packages {
		border-top: none;
		max-width: 100%;
		margin-top: 0;
		padding: 40px 30px 0px 20px;
	}
	
	#product-packages .title {
		font-size: 36px;
		text-align: center;
	}
	
	.pp-entry {
		margin: 0px 0px 20px;
		padding-bottom: 20px;
	}
	
	.pp-title span {
		font-size: 38px;
		line-height: 1.1em;
	}
	
	.pp-sale {
		font-size: 46px;
		line-height: 1em;
	}
	
	.pp-entries {
		border-top: none;
		padding-top: 10px;
	}
	
	.sezzle-object span{
		font-size: 14px;
	}
	
	.sezzle-object img{
		width: 90px;
	}
	
	.promo-bonus .promo-message{
		font-size: 17px;
	}
	
}

@media (min-width: 1200px) {

	.pp-title {
		font-size: 30px;
		line-height: 1.1em;
		max-width: 100%;
		padding: 45px 0;
	}
	
	.qty-6 .pp-title{
		padding-bottom: 15px;
	}

	.pp-entry {
		margin: 0;
		padding-bottom: 0;
	}

	.pp-title {
		font-size: 24px;
		letter-spacing: -0.5px;
		max-width: 100%;
		padding: 40px 0px 30px 0px;
		text-transform: none;
		line-height: 1.2em;
	}

	.pp-title span {
		font-size: 40px;
	}
	
	.qty-1 .pp-title span {
		display: inline-block;
	}
	
	.pp-entry.qty-1 .pp-img {
		margin-top: 20px;
		margin-bottom: 40px;
	}

}


@media screen and (min-width: 768px) and (max-width: 991px){
	
	.pp-entries{
		padding-top: 30px !important;
	}
	
	.pp-entry {
        max-width: 450px !important;
    }
	
	pp-wrap {
		max-width: 450px !important;
	}
	
	.qty-1 .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra){
		padding-top: 10px !important;
	}

}

@media (max-width: 991px) {
	
	#store-options {
		margin-bottom: 50px;
	}
	
	#store-options *{
		font-size: 9px;
		margin-left: 5px;
	}
	
	#store-options .currencySelect{
		font-size: 9px;
		padding: 3px 8px;
	}
	
	.pp-entry .value-label{
		display: block;
	}
	
	.hdpWrap .btn-toggle.btn-sm{
		height: 1.2rem;
	}
	
	.hdpWrap .hdp-leftLabel{
		font-size: 10px;
		line-height: 14px;
		text-align: right;
		padding: 5px 0px;
	}
	
	.hdpWrap .hdp-rightLabel{
		font-size: 10px;
		line-height: 14px;
		text-align: left;
		padding: 5px 0px;
	}
	
	.hdpWrap .btn-toggle.btn-sm > .handle{
		position: absolute;
		top: 2px;
		left: 0.1875rem;
		width: 0.9rem;
		height: 0.9rem;
		border-radius: 1.125rem;
		background: #fff;
		transition: left 0.25s;
	}
	
	.hdpWrap .pp-title {
		background: transparent;
		color: #000000;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.hdpWrap .pp-title span {
		color: #000;
	}
	
	.qty-3 .hdp-slider,
	.qty-6 .hdp-slider{
		display: none;
	}
	
	.page-cart .package{
		margin-bottom: 15px;
		position: relative;
	}
	
	.pp-body {
        border-left: 3px solid #454545;
        border-bottom: 3px solid #454545;
        position: relative;
        z-index: 2;
        clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
    }
	
	.qty-1 .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra){
		min-height: 120px;
	}
	
	.pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra) {
		align-items: center;
		justify-content: center;
        background-color: #fff;
		min-height: 150px;
		padding: 20px 15px 7px 15px;
		position: relative;
        z-index: 1;
    }
	
	.pp-wrap {
        max-width: 390px;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }
	
	.pp-wrap:before {
        content: "";
        position: absolute;
        height: calc(100% + 1px);
        width: calc(100% + 1px);
        background: #454545;
        bottom: 0;
        left: 0;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
    .pp-wrap:after {
        content: "";
        position: absolute;
        height: calc(100% + 11px);
        width: calc(100% + -11px);
        background: #454545;
        bottom: -10px;
        left: 12px;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
    .package .left-col {
        width: 50%;
        padding-right: 10px;
    }
	
	.package .right-col{
		width: 40%;
	}

	#product-packages {
		border-top: none;
		max-width: 1300px;
		margin: 0px auto 0px auto;
		padding: 40px 0px 0px 0px;
	}
	
	#product-packages .container {
		padding: 0;
	}
	
	#product-packages > .container > .d-flex{
		width: 580px;
	}
	
	#product-packages > .container > .d-flex p {
		font-size: 13px;
	}
	
	#product-packages .right-col{
		text-align: center;
	}
	
	#product-packages .title {
        font-size: 28px;
        max-width: 560px;
        margin: 0px auto 10px auto;
    }
	
	#product-packages .header p {
		font-size: 18px;
		margin-bottom: 30px;
		text-align: center;
	}

	.pp-entry.qty-1 .pp-img {
		margin-top: 0;
		margin-bottom: 0;
	}

    .qty-3 .value-label {
        background: #0000ff;
		clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
		font-family: 'neue_montrealbold';
		font-weight: 800;
		font-size: 13px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 14px;
        position: absolute;
        z-index: 10;
        left: 40px;
        top: -15px;
    }
	
	.qty-6 .value-label{
		background: #1dcc00;
		clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
		color: #ffffff;
		font-family: 'neue_montrealbold';
		font-weight: 800;
		font-size: 13px;
		line-height: 1em;
		text-transform: uppercase;
		padding: 7px 14px;
		position: absolute;
        z-index: 10;
        left: 50px;
        top: -15px;
	}
	
	#product-packages .qty-6 .button:after {
		top: 11px;
        right: -5px;
        height: 30px;
        width: 30px;
	}
	
	.bonus .d-flex {
		flex-direction: column;
	}
	
	.bonus .left-col{
		margin-bottom: 20px;
	}
	
	.bonus .title {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.bonus h3{
		font-size: 28px;
	}
	
	.bonus h4{
		font-size: 21px;
	}
	
	.bonus .price {
		font-size: 28px;
	}
	
    .pp-title {
        font-family: 'neue_montrealbold';
        font-size: 17px;
        font-weight: 900;
        line-height: 1.1em;
		margin-bottom: 5px;
		max-width: none;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
	
	.pp-title span {
		color: #de0b14;
        font-size: 19px;
        font-family: 'neue_montrealbold';
        font-weight: 900;
        line-height: 1em;
        text-transform: uppercase;
		margin-bottom: 0px;
	}
	
	.pp-entries {
        border-top: none;
        flex-direction: column;
        margin: 0px auto;
		padding-top: 0;
	}
	
	.pp-entry {
		position: relative;
        left: -5px;
        max-width: 360px;
        margin: 0px auto 15px auto;
		padding-bottom: 20px;
        width: 100%;
	}
	
	.pp-img {
		margin-bottom: 0;
	}
	
    .pp-sale {
		font-family: 'neue_montrealbold';
        font-size: 37px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
    }
	
	.pp-sale .h4 {
        font-size: 15px;
        letter-spacing: 0;
        margin-left: 0px;
        padding-left: 2px;
    }
	
	.pp-body .total-wrap{
        font-family: 'neue_montrealbold';
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
		text-transform: uppercase;
	}
	
	.pp-body .linethrough{
		display: inline-block;
		position: relative;
	}
	
	.pp-body .linethrough:after{
		content: "";
		display: none;
		background: #de0e16;
		height: 2px;
		position: absolute;
		top: 13px;
		left: 50%;
		margin-left: -13px;
		transform: rotate(-30deg);
		width: 28px;
	}
	
	.pp-btn-wrap {
		margin: 0px auto 0px auto;
	}
	
	.total-wrap .leh_price{
		color: #de0e16;
	}
	
	.sezzle-object{
		padding-bottom: 10px;
		text-align: center;
	}
	
	.sezzle-object span{
		display: block;
        font-family: 'neue_montrealmedium';
        font-size: 13px;
        font-weight: inherit;
	}
	
	.sezzle-object img{
		margin-left: 5px;
		width: 70px;
		margin-top: -2px;
	}

	.extra-1 {
		font-family: 'neue_montrealbold';
        font-size: 10px;
		line-height: 1em;
        margin: -5px auto 0px auto;
        padding-bottom: 0;
	}

	.qty-1{
		margin-bottom: 15px;
		order: 1;
	}

	.qty-3{
		order: 2;
	}

	.qty-6{
		order: 3;
	}
	
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, .pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, .pp-btn-wrap .show > .btn-primary.dropdown-toggle, .pp-btn-wrap a.btn-primary, .pp-btn-wrap a.btn-primary:visited {
        display: block;
        background: #de0e16;
        border-radius: 5px;
        border: none;
        color: #ffffff;
        font-size: 12px;
        line-height: 1em;
        text-transform: uppercase;
        font-weight: 800;
		letter-spacing: 0px;
        text-align: center;
        text-decoration: none;
        transition: none;
        margin: 10px auto 0px auto;
        padding: 10px;
        position: relative;
    }

}

@media (max-width: 767px) {
	
	.qty-1 .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra) {
		justify-content: flex-start;
		min-height: 95px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra) {
		justify-content: flex-start;
        min-height: 107px;
    	padding: 10px 15px 7px 15px;
	}

	.page-cart .package{
		margin-bottom: 10px;
	}

	.package .right-col {
		width: 35%;
	}
	
	.package .left-col {
		padding-right: 0px;
		width: 55%;
	}
	
	.pp-entry{
		max-width: 320px;
	}
	
	.pp-wrap {
		max-width: 320px;
	}
	
	.qty-1,
	.qty-3{
		margin-bottom: 10px;
	}
	
	.qty-6{
		margin-bottom: 0px;
	}
	
	.pp-wrap:after {
        bottom: -5px;
        height: calc(100% + 1px);
    }
	
	.pp-title {
		font-size: 12px;
		margin-bottom: 2px;
	}
	
	.pp-title span {
		font-size: 16px;
	}
	
	.pp-sale {
		font-size: 16px;
	}
	
	.pp-sale .h4 {
		font-size: 11px;
		padding-left: 3px;
	}
	.pp-title {
		font-size: 11px;
		margin-bottom: 2px;
	}
	
	.package .currency-message{
		font-size: 11px;
    	line-height: 1em;
	}
	
	.pp-body .total-wrap {
		font-size: 12px;
		margin-bottom: 0px;
		padding-top: 0px;
	}
	
	.qty-3 .value-label{
		font-size: 11px;
		padding: 5px 12px;
	}
	
	.qty-6 .value-label{
		font-size: 11px;
		padding: 5px 12px;
	}
	
	.pp-img {
		max-width: 85px;
		margin: 0px auto;
	}
	
	.pp-title span {
		font-size: 14px;
	}
	
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, .pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, .pp-btn-wrap .show > .btn-primary.dropdown-toggle, .pp-btn-wrap a.btn-primary, .pp-btn-wrap a.btn-primary:visited {
		font-size: 10px;
		padding: 5px 5px;
		border-radius: 3px;
	}
	
	#product-packages .qty-6 .button:after {
        top: 5px;
        right: -5px;
        height: 20px;
        width: 20px;
    }
	
	.extra-1{
		font-size: 10px;
	}
}

/**/

#guarantee{
	background: #eeeef1;
	border-radius: 0px 0px 50px 50px;
	max-width: none;
	padding: 40px 0px 40px 0px;
	overflow: hidden;
}

#guarantee .deck {
    font-size: 22px;
    margin-bottom: 0px;
	padding-bottom: 0px;
    text-align: center;
    position: relative;
    z-index: 4;
}

#guarantee .title{
	font-family: 'neue_montrealbold';
	font-size: 46px;
	margin-bottom: 40px;
	text-align: center;
    position: relative;
    z-index: 5;
}

#guarantee .inner-wrap {
    order: 1;
    padding-right: 40px;
    width: 50%;
    position: relative;
    z-index: 4;
}

#guarantee .image {
    position: relative;
}

#guarantee .image img{
    max-width: max-content;
    position: absolute;
    left: -422px;
    top: -300px;
    z-index: 1;
}

#guarantee p{
	padding: 0px 0px 20px 0px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#guarantee .image img {
		max-width: 980px;
		position: absolute;
		left: -385px;
		top: -170px;
		z-index: 1;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#guarantee .title{
		font-size: 34px;
		margin: 0px auto 20px auto;
		max-width: 580px;
	}
	
	#guarantee.img-right .container {
		display: flex;
		flex-direction: column;
	}
	
	#guarantee .inner-wrap{
		width: 100%;
	}
	
	#guarantee .image {
		position: relative;
		margin: -100px 0px -170px;
		width: 100%;
	}
	
	#guarantee .image img {
		max-width: 800px;
		position: relative;
		left: -164px;
		top: 0;
		z-index: 1;
	}

}


@media (max-width: 767px){
	
	#guarantee .title{
		font-size: 34px;
		margin: 0px auto 20px auto;
		max-width: 580px;
	}
	
	#guarantee .deck {
		font-size: 22px;
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	#guarantee.img-right .container {
		display: flex;
		flex-direction: column;
	}
	
	#guarantee .img-right strong a{
		color: #000000;
	}
	
	#guarantee .img-right strong .contact-link{
		color: #de0e16;
	}
	
	#guarantee .inner-wrap{
		padding: 0px 0px 60px 0px;
		width: 100%;
	}
	
	#guarantee .image {
		position: relative;
		margin: -100px 0px -170px;
		width: 100%;
	}
	
	#guarantee .image img {
        max-width: 530px;
        position: relative;
        left: -164px;
        top: 0;
        z-index: 1;
	}

}

/**/

#clinical-studies{
	padding: 40px 0px 0px 0px;
}

#clinical-studies .header{
    margin: 0px auto 0px auto;
	max-width: 790px;
	text-align: center;
}

#clinical-studies img{
	margin-bottom: 20px;
}

#clinical-studies .d-flex{
	justify-content: space-between;
	padding: 40px 0px 40px 0px;
	position: relative;
}

#clinical-studies .d-flex:before{
    content: "";
    background: #989898;
    border-radius: 80px;
    height: 100px;
    width: 100%;
    position: absolute;
    top: 22%;
    left: 0px;
    z-index: 1;
}

#clinical-studies .d-flex p {
    font-family: 'neue_montrealbold';
    font-size: 23px;
	line-height: 1.4em;
    margin: 0px auto 0px auto;
    max-width: 250px;
}

#clinical-studies .study {
    text-align: center;
    width: 25%;
    position: relative;
    z-index: 2;
}

#clinical-studies .study a{
	color: #000000;
}

@media screen and (min-width: 1200px){
	
	#clinical-studies{
		padding-top: 50px;
	}
	
	#clinical-studies .header {
    	max-width: 100%;
	}
	
	#clinical-studies .header p{
		margin: 0px auto 20px auto;
		max-width: 795px;
	}
	
	#clinical-studies .title{
		font-size: 46px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#clinical-studies .title {
        font-size: 36px;
    }
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#clinical-studies .d-flex p {
		font-family: 'neue_montrealmedium';
		font-size: 17px;
		line-height: 1.3em;
		margin: 0px auto 0px auto;
		max-width: 150px;
	}
	
	#clinical-studies img {
		margin-bottom: 20px;
		max-width: 140px;
	}

}

@media (max-width: 767px){
	
	
	#clinical-studies .title{
		font-size: 27px;
	}
	
	#clinical-studies .d-flex:before{
		display: none;
	}
	
	#clinical-studies .d-flex {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 40px 0px 30px 0px;
		position: relative;
	}
	
	#clinical-studies .study {
		margin-bottom: 30px;
		width: 100%;
	}
	
	#clinical-studies .study:last-of-type{
		margin-bottom: 0px;
	}
	
	#clinical-studies .d-flex p{
		font-size: 21px;
		line-height: 1.4em;
		margin: -10px auto 30px auto;
		max-width: 250px;
	}
	
	#clinical-studies .d-flex:last-of-type p{
		margin-bottom: 0;
	}

}

/**/

.red-bg {
    background-color: #bb070e;
}

#footnotes{
    margin: 0px auto 0px auto;
	max-width: 960px;
	padding-bottom: 40px;
}

#footnotes a{
	color: #000000;
	text-decoration: underline;
}

#footnotes a:hover{
	color: #000000;
	text-decoration: none;
}

@media screen and (max-width: 767px){
	
	#footnotes a {
		display: inline-block;
		font-size: 18px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		
	}
	
}

@media screen and (max-width: 991px) {
    #ft2 .menu li {
        border: none;
    }

    #ft2 .menu {
        background: none;
    }
}

#fix-social {
    z-index: 99999;
    border-radius: 0 0 10px;
    width: 0;
    transition: .5s;
    max-height: 315px;
    overflow: hidden
}

.fix-social-wrap.show-fnav #fix-social {
    width: 155px
}

.show-fnav .fix-social-toggler {
    margin-left: -28px
}

.fix-social-toggler {
    margin-left: -5px;
    padding: 5px;
    border-radius: 0 5px 5px 0;
    height: 40px;
    width: 35px
}

.fix-social-toggler span {
    color: #fff;
    padding: 5px;
    line-height: 130%;
    cursor: pointer;
    width: 30px;
    overflow: hidden;
    display: block;
    height: 27px
}

.fs-header {
    border-bottom: 1px solid #fff;
    padding: 12px 0 11px;
    width: 155px
}

.fs-header span {
    font-size: 1rem;
    font-weight: 700;
    display: block
}

.fs-header p {
    font-size: 11px;
    line-height: 130%
}

.fs-body {
    padding: 20px 10px;
    width: 155px
}

.dots-wrap li,.fs-body ul li {
    list-style: none
}

.main-navigation ul ul.fs-reasons,.main-navigation ul ul.social-icons {
    position: relative!important;
    float: none;
    clear: both;
    top: auto;
    left: 0;
    box-shadow: none;
    display: block
}

ul.fs-reasons li {
    font-size: 11px;
    padding: 3px 0;
    display: block;
    position: relative
}

ul.fs-reasons li i {
    font-size: 10px;
    margin-right: 3px
}

.fs-body ul.social-icons li a,ul.fs-reasons li a {
    color: #fff;
    width: auto
}

.fs-body ul.social-icons li a:hover,ul.fs-reasons li a:hover {
    color: #f89a21
}

.logo-icon {
    width: 70px;
    height: 60px;
    background: url(../images/logo-icon.png) center/contain no-repeat;
    margin: 5px auto;
    clear: both
}

ul.social-icons li {
    display: inline-block;
    font-size: 20px;
    padding: 0 4px;
    color: #fff;
    width: 30px
}

.study-notes {
    background: #89080d;
    padding: 20px 15px
}

.study-notes p {
    color: #fff;
    font-size: 14px;
    line-height: 160%;
    margin: 0 auto 15px;
    padding: 0 15px
}

/**/

.payment-types{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 40px auto 0px;
    padding-bottom: 40px;
}

.payment-types img{
	margin: 0px 10px;
}

@media only screen and (min-width: 1200px){
	
	.payment-types{
		padding-bottom: 0px;
	}
	
}

@media only screen and (max-width: 1199px){
	
	#product-packages{
		margin-top: 0px;
	}
	
}

@media only screen and (max-width: 991px){
	
	#product-packages{
		display: flex;
		justify-content: center;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.payment-types {
		max-width: 450px;
        margin: 0px auto 40px auto;
        justify-content: center;
	}
	
    .payment-types img {
        margin: 0px 5px;
        width: 52px;
    }
	
}

@media only screen and (max-width: 767px){
	
	.payment-types {
		max-width: 320px;
        margin: 0px auto 0px auto;
        padding-bottom: 20px;
	}
	
	.payment-types img {
        margin: 5px;
        width: 50px;
    }
	
}