/* Start Black Friday */

.bf-sale{
	background: #151515;
}

.bf-sale .container{
	padding-top: 0px;
	position: relative;
}

.bf-sale .inner-wrap{
	position: relative;
}

.bf-sale .inner-wrap:before {
	content: "";
	background: #a1b1be;
	position: absolute;
	top: 0;
	left: calc(50% + -50vw);
	height: 100%;
	width: 100vw;
	z-index: 1;
}

.bf-sale .inner-wrap:after {
    content: "";
    background: #1076b8;
    position: absolute;
    top: 0;
    right: -50%;
    height: 100%;
    width: 50vw;
    z-index: 1;
}

.bf-sale .inner-wrap img{
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
}

.bf-sale .inner-wrap > a {
    position: absolute;
    right: 205px;
    bottom: 60px;
}

.bf-sale .inner-wrap > a img{
	margin: 0px;
}

@media (min-width: 992px){

	.bf-sale .container{
		padding-top: 105px;
	}
	
	.page-trbogo .bf-sale .container{
		padding-top: 0px;
	}
	
}

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

	.bf-sale .inner-wrap > a {
		position: absolute;
		right: 90px;
		bottom: 24px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.bf-sale .container {
		padding: 0;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
		right: 60px;
		bottom: 20px;
		width: 300px;
	}

}


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

	.bf-sale .container {
		padding: 0px;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
		right: auto;
		bottom: 30px;
		left: 50%;
		width: 320px;
		margin-left: -160px;
	}
	
}

/**/

#s1 .xmas-banner {
    background: url(../images/xmas-banner-bg.jpg) center bottom/cover repeat-x #000000;
    height: 710px;
    margin-bottom: 0;
    padding-top: 150px;
    position: relative;
    text-align: center;
}

#s1 .xmas-banner img {
    position: relative;
    top: 0px;
    right: 0;
    max-width: 100%;
}

.xmas-banner .s1-d {
    position: absolute;
    z-index: 4;
    text-align: left;
    bottom: 80px;
    left: 95px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#s1.promo-banner{
		height: auto;
	}
	
	#s1.promo-banner .xmas-banner{
		padding:50px 0px 0px;
		background-position: center;
		height: auto;
	}

	#s1.promo-banner .xmas-banner img {
		margin: 0rem auto 0rem;
		max-width: 100%;
		left: 40px;
		right: auto;
		width: 100%;
	}
	
	.xmas-banner .s1-d {
		position: absolute;
		z-index: 4;
		text-align: left;
		bottom: 35px;
		left: 105px;
	}
	
	.xmas-banner .order.blue-btn {
		padding: 15px 40px 20px 40px;
		font-size: 16px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	#s1.promo-banner{
		height: auto;
		padding-top: 0;
	}

	#s1.promo-banner .xmas-banner{
		padding: 20px 0px 0px 0px;
		background-position: center;
		height: auto;
	}

	#s1.promo-banner .xmas-banner img {
		margin: 0rem auto 0rem;
		max-width: 100%;
		left: 40px;
		right: auto;
		width: 100%;
	}
	
	#s1 .xmas-banner .s1-d {
		position: absolute;
		z-index: 4;
		text-align: left;
		bottom: 30px;
		left: 80px;
	}
	
	#s1 .xmas-banner .order.blue-btn {
		padding: 10px 25px 15px;
		font-size: 16px;
	}
	
	.s1-a .s1-a-1 {
		font-size: 42px;
	}
	
	.s1-a .s1-a-2 {
		display: block;
		font-size: 36px;
		line-height: 1.2em;
		max-width: 600px;
		margin: 0px auto 20px auto;
	}
}

@media screen and (max-width: 767px) {
	
	#s1.promo-banner{
		padding-top: 0px;
	}
	
	#s1.page-lp1{
		padding-top: 0px;
	}

	#s1 .xmas-banner {
		background: url(../images/cyber-monday-bg-sm-2.jpg) center 10px/cover no-repeat #eeeeee;
		height: auto;
		margin-bottom: 0;
		margin-top: -9px;
		padding-top: 30px;
		position: relative;
		text-align: center;
	}

	#s1 .xmas-banner img {
		position: relative;
		top: 0px;
		right: auto;
		margin-bottom: 0;
		max-width: none;
		width: calc(100% + 30px);
		left: 5px;
	}
	
	.xmas-banner .s1-d {
		position: relative;
		z-index: 4;
		text-align: center;
		bottom: 0;
		left: 0;
		margin: -50px auto 30px;
	}
	
	.xmas-banner .s1-d {
		position: absolute;
		z-index: 4;
		text-align: center;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
	}
	
}

@media screen and (min-width: 510px) and (max-width: 767px) {
	
	.xmas-banner .order.blue-btn {
		padding: 10px 30px 10px;
		position: relative;
		top: 455px;
	}
	
}

@media screen and (max-width: 509px) {
	
	.xmas-banner .order.blue-btn {
		padding: 10px 30px 10px;
		position: relative;
		top: 315px;
	}
	
}

/**/

.sec-title {
    margin-bottom: 30px;
    font-size: 34px;
}

.sec-desc {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 40px;
}

/* PRODUCT SLIDER */
.p-name {
    color: #000;
    font-size: 24px;
}

.p-desc {
    color: #707070;
    font-size: 15px;
}

.product-blk.best-seller {
    padding: 20px;
    max-width: 360px;
    margin: 0 auto;
}

.product-blk.best-seller:hover {
    background: transparent;
}

.product-blk.best-seller img {
    width: 100%;
}

span.p-stars.mb-1 {
    color: #d2d914;
    padding-right: 20px;
}

span.p-price {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.product-blk .price-wrap {
    padding: 30px 0;
}

.product-blk .reviews-wrap {
    padding-top: 30px;
}

.product-blk .button-wrap a {
    display: inline-block;
    margin: 0 auto 15px;
    width: 200px;
}

.product-blk a.add-to-bag,
#s3 .product-blk a.add-to-bag:active {
    background-color: #85bb3e;
    line-height: 45px;
    font-size: 11px;
    padding: 0;
    border-radius: 5px;
}

.product-blk a.add-to-bag.btn-outline {
    background-color: transparent;
    border: 1px solid #85bb3e;
    color: #85bb3e;
}

.product-blk a.add-to-bag:hover,
.product-blk a.add-to-bag:active {
    background-color: #362f2d;
    border-radius: 5px;
}

/* Top Section */

.bogo-offer #content{
    padding-top: 0px; 
}

.bogo-offer #masthead{
    margin-bottom: 0;
    position: relative;
    top: 0;
    padding: 15px 0px 15px 0px;
}

.bogo-offer .main-navigation li{
	text-shadow: none;
}

#main .entry-content {
    margin-top: 0;
}

#s1:not(.promo-banner) {
    background: url(../images/semenax-home-3--banner.jpg)  center bottom /auto 100% repeat-x #f7f7f8;
    height: 740px;
    margin-bottom: 0px;
    padding-top: 150px;
    position: relative;
    text-align: center;
}

.bogo-offer #s1:not(.promo-banner){
	height: 670px;
	padding-top: 70px;
}

.page-offer1 #s1:not(.promo-banner),
.page-offer2 #s1:not(.promo-banner),
.page-offer3 #s1:not(.promo-banner),
.page-discount #s1:not(.promo-banner){
    background: url(../images/semenax-home-3--banner.jpg)  center bottom /auto 100% repeat-x #f7f7f8;
    height: 760px;
    margin-bottom: 0px;
    padding-top: 150px;
    position: relative;
    text-align: center;
}

#s1 img{
    position: absolute;
    top: 0px;
    right: 95px;
    max-width: 685px;
}

#s1 svg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#s1 svg .st0{
    fill:#FFFFFF;
}

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

.s1-a {
    color: #ffffff;
    font-size: 58px;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: left;
    max-width: 800px;
    margin-left: 0;
}

.s1-a .s1-a-1{
	color: #fbc52e;
	font-size: 28px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 10px;
}

.s1-b {
    font-size: 32px;
    font-weight: normal;
    color: #646464;
    margin-bottom: 30px;
}

.s1-a .s1-a-2{
    font-size: 46px;
    font-weight: 800;
	line-height: 1em;
}

.s1-a .s1-a-3{
    color: #1a1a1a;
    font-size: 55px;
    font-weight: 800;
	line-height: 1em;
}

.s1-c {
    margin-bottom: 20px;
    text-align: left;
}

.s1-c a {
    display: inline-block;
}

.s1-c .checkmarks li{
	color: #ffffff;
    font-weight: 400;
    font-size: 21px;
    font-style: italic;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative;
}

.s1-c .checkmarks li strong{
    letter-spacing: 0.5px;
}

.s1-c .checkmarks li:before{
    color: #fbc52e;
    position: absolute;
    left: 0;
}

.s1-c .order.blue-btn {
	border-radius: 40px;
	font-size: 21px;
    font-weight: 800;
    font-family: Lato, sans-serif;
	letter-spacing: 0px;
	line-height: 1.1em;
	margin: 15px 0px;
    padding: 15px 35px 15px 35px;
    text-align: center;
    text-transform: none;
	width: 320px;
}

.s1-c .order.blue-btn span{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: italic;
}

.s1-c .order.blue-btn:hover{
	color: #fbc52e;
}

.s1-d a {
    display: inline-block;
}

.s1-e {
    display: block;
}

.product-guarantee{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.product-guarantee .inner-wrap{
    text-align: left;
}

.product-guarantee h4{
    color: #de0e16;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0px;
}

.product-guarantee p{
    color: #1a1a1a;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    font-style: italic;
}

@media screen and (min-width: 680px) and (max-width: 1340px) {
	
	#s1:not(.promo-banner) {
		position: relative;
	}
	
}


@media screen and (min-width: 1200px) and (max-width: 1599px) {
	
	#s1 img {
		position: absolute;
		top: 22px;
		right: 40px;
		max-width: 630px;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	#s1:not(.promo-banner) {
		height: 580px;
		padding-top: 40px;
	}
	
}

@media screen and (max-width: 1199px) {
    
    .home #content {
        padding-top: 0px;
    }
	
	.bogo-offer.home #content {
        padding-top: 0px;
    }

	.bogo-offer.home #masthead{
		margin-bottom: 0;
	}
	
	.bogo-callout a, .bogo-callout p{
		font-size: 16px;
	}
	
	#s1 img{
		position: absolute;
		top: 60px;
		right: 0px;
		max-width: 440px;
	}

    #s1 {
        height: 700px;
        padding-top: 90px;
    }
	
	.bogo-offer #s1 {
		height: auto;
        padding-top: 0px;
    }
    
    #s1 .checkmarks{
        margin-left: 0;
    }

    .s1-a {
		font-size: 42px;
		margin-bottom: 25px;
		margin-top: 50px;
    }

    .s1-a .s1-a-1{
        font-size: 36px;
    }

    .s1-b {
        font-size: 32px;
    }

    .s1-a .s1-a-2{
        font-size: 34px;
    }

    .s1-a .s1-a-3{
        font-size: 32px;
    }

    .product-guarantee .inner-wrap {
        text-align: left;
        position: relative;
        top: 45px;
    }
    
    #s3 img {
        max-width: 195px;
    }

}

@media screen and (max-width: 991px) {
    
    .home #masthead {
        margin-bottom: -207px;
    }
	
	.bogo-callout a, .bogo-callout p {
		font-size: 12px;
		color: #000;
	}
	
	.clickinfo p a, .clickinfo p {
		color: #000;
		font-size: 12px !important;
		line-height: 1.4em !important;
	}
	
	.bogo-offer #masthead{
		margin-bottom: 0;
	}
	
	#s1 .checkmarks {
		margin-left: auto;
		max-width: 505px;
	}
	
    #s1:not(.promo-banner),
    .page-offer1 #s1:not(.promo-banner),
	.page-offer2 #s1:not(.promo-banner),
	.page-offer3 #s1:not(.promo-banner),
	.page-discount #s1:not(.promo-banner){
        height: 495px;
        margin-bottom: 425px;
        padding-top: 130px;
    }

    .s1-a {
        font-size: 38px;
		margin-top: 0;
		text-align: center;
    }

    .s1-a .s1-a-1{
        font-size: 46px;
    }

    .s1-b {
        font-size: 32px;
    }

    .s1-a .s1-a-2{
		display: block;
    	font-size: 42px;
    	line-height: 1.2em;
    }

    .s1-a .s1-a-3{
        font-size: 28px;
    }
    
    #s1 img {
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0px auto 30px;
		width: 350px;
    }
    
    .s1-c{
        top: 0px;
        padding-top: 20px;
    }
    
    .product-guarantee .inner-wrap {
        text-align: center;
        top: 0;
    }
    
    .product-guarantee{
        margin-top: 125px;
    }
    
    .s1-a {
        font-size: 38px;
    }
    
    .s1-a .font-weight-bold{
        font-size: 42px;
    }
    
    .s1-b {
        font-size: 26px;
    }
    
    .s1-c {
        top: -430px;
    }
    
    #s3 img {
        max-width: 120px;
    }
    
}

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

	.s1-c .order.blue-btn {
		padding: 15px 55px 20px;
		margin: 40px auto;
		display: table;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	.home #masthead {
		margin-bottom: 0px;
	}
	
	.bogo-offer #masthead{
		margin-bottom: 0;
	}
	
	.home #content {
		padding-top: 0px;
	}
	
	#s1:not(.promo-banner), .page-offer1 #s1:not(.promo-banner), .page-offer2 #s1:not(.promo-banner), .page-offer3 #s1:not(.promo-banner), .page-discount #s1:not(.promo-banner){
		background-size: cover;
		height: auto;
		margin-bottom: 0;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
	#s1 img{
		margin-bottom: 10px;
	}
	
	.s1-d .order.blue-btn {
		border-radius: 40px;
		font-size: 21px;
		font-weight: 800;
		font-family: Lato, sans-serif;
		letter-spacing: 0px;
		line-height: 1.1em;
		margin: 15px 0px;
		padding: 15px 35px 15px 35px;
		text-align: center;
		text-transform: none;
		width: 320px;
	}

	.s1-d .order.blue-btn span{
		font-size: 16px;
		letter-spacing: 0;
		font-weight: 400;
		font-style: italic;
	}

	.s1-d .order.blue-btn:hover{
		color: #fbc52e;
	}
	
}

@media screen and (max-width: 767px) {
    
    .home #masthead {
        margin-bottom: -1px;
		padding-bottom: 0;
    }
	
	.bogo-offer #masthead{
		margin-bottom: 0;
	}
	
	.bogo-offer #s1:not(.promo-banner){
		height: auto;
		padding-top: 20px;
	}

    .home #content {
        padding-top: 0;
    }
	
	.ft-wrap.first,
	.ft-wrap.second{
        border-bottom: 1px solid #ccc;
	}
    
    .s1-c .checkmarks li{
        padding-left: 50px;
    }
    
    .s1-c .checkmarks li:before {
        position: absolute;
        left: 15px;
	}

    #s1:not(.promo-banner), .page-offer1 #s1:not(.promo-banner), .page-offer2 #s1:not(.promo-banner), .page-offer3 #s1:not(.promo-banner), .page-discount #s1:not(.promo-banner){
        height: auto;
        padding-top: 10px;
		padding-bottom: 10px;
        margin-bottom: 0;
    }
    
    #s1 img {
		position: relative;
		top: 0;
		left: -5px;
		margin-bottom: 0px;
		width: 295px;
    }

    .s1-a .s1-a-1{
        font-size: 26px;
    }

    .s1-a {
		font-size: 24px;
		max-width: 400px;
		margin: 10px auto 20px;
		text-align: center;
	}

    .s1-a .s1-a-2 {
        font-size: 28px;
		line-height: 1em;
    }

    .s1-a .s1-a-3 {
        font-size: 28px;
    }

    .s1-b {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .s1-c .checkmarks li {
        font-size: 20px;
        line-height: 1.4em;
    }
    .sec-title {
        margin-bottom: 0;
    }
    
    .s1-c a{
        display: none;
    }
    
    .s1-d {
        display: block;
        margin: 5px 0px 0px 0px;
    }
	
	#s4 .checkmarks{
		margin-bottom: 0px;
	}
    
    .product-guarantee{
        margin-top: 20px;
    }
    
    .product-guarantee .inner-wrap{
        text-align: center;
    }
	
	.s1-d .order.blue-btn {
		border-radius: 40px;
		font-size: 21px;
		font-weight: 800;
		font-family: Lato, sans-serif;
		letter-spacing: 0px;
		line-height: 1.1em;
		margin: 15px 0px;
		padding: 15px 35px 15px 35px;
		text-align: center;
		text-transform: none;
		width: 320px;
	}

	.s1-d .order.blue-btn span{
		font-size: 16px;
		letter-spacing: 0;
		font-weight: 400;
		font-style: italic;
	}

	.s1-d .order.blue-btn:hover{
		color: #fbc52e;
	}
}

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

    .s1-c{
        padding-top: 0px;
    }
    
}

@media screen and (max-width: 361px) {
    .s1-b {
    	font-size: 16px;
    }

    .s1-a {
    	font-size: 26px;
    }
}

/* Section 2 */

#s2 {
    background: #ffffff;
    margin-top: 0px;
    padding: 25px 0px;
	position: relative;
    z-index: 2;
}

#s2 .updatebox {display:block; background-color: #fccfce; border:2px dashed #ff0000; padding: 10px 40px;  margin: 0px auto 40px auto; max-width: 820px;}
#s2 .updatebox h2 {color: #070707; font-size: 52px; text-transform: uppercase;}
#s2 .updatebox h4 {color: #070707; font-size: 20px; line-height: 30px; padding: 10px 0px 0px;}
#s2 .updatebox p {font-size: 18px; color: #010101; line-height: 26px; text-align: center;}
#s2 .updatebox p strong {color: #ff0000; font-weight: 800;}

#s2 > .container > .d-lg-flex{
    align-items: center;
    justify-content: center;
}

#s2 .thf{
     border: solid 3px #000000;
     flex-basis: 200px; 
}

#s2 .recommended{
    background: url(../images/theme-files-2021/gray-arrows.png) no-repeat right center;
    flex-basis: 520px;
    margin-right: 20px;
    padding: 0px 120px 0px 20px;
    text-align: center;
}

#s2 .recommended h2{
    color: #de0e16;
    font-size: 42px;
    font-weight: 800;
}

#s2 .recommended h2 .sup{
    color: #de0e16;
    font-size: 21px;
    line-height: 1em;
    position: relative;
    top: -10px;
}

#s2 .recommended h2 .small{
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2em;
}

#s2 .recommended h2 span{
    color: #000000;
}

#s2 .video{
    flex-basis: 433px; 
}

#s2 .blue-btn{
    display: inline-block;
    margin: 20px auto;
}


@media screen and (max-width: 991px) {
    
    #s2 {
        margin-top: 0px;
        padding: 20px 0px;
    }
	
	#s2 .recommended h2 {
		font-size: 42px;
		margin-bottom: 10px;
	}
	
	#s2 .recommended h2 .small {
		font-size: 26px;
		font-weight: 800;
		line-height: 1.2em;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#s2 .recommended p {
		font-size: 18px;
		font-weight: 800;
		line-height: 1.4em;
	}
    
    #s2 .thf {
		display: block;
		float: left;
		margin-bottom: 25px;
		width: 25%;
		margin-right: 20px;
		margin-left: 40px;
    }
    
    #s2 .recommended {
        display: block;
        float: left;
        background: none;
        padding-right: 0;
        width: 59%;
    }
    
    #s2 .video {
        clear: both;
        width: 100%;
    }
    
    #s2 .blue-btn{
        margin: 25px auto 0;
        padding: 10px 30px 15px;
    }

    
}

@media screen and (max-width: 767px) {
	
	#s2 .updatebox {
		display: block;
		background-color: #fccfce;
		border: 2px dashed #ff0000;
		padding: 10px 20px;
		margin: 0px 10px 40px 10px;
		max-width: 820px;
	}

	#s2 .updatebox p {
		font-size: 16px;
		color: #010101;
		line-height: 21px;
		text-align: center;
	}
	
    #s2 .thf {
        width: 34%;
    }
    
    #s2 p {
        font-size: 15px;
    }
	
	#s2 .recommended{
		width: 100%;
	}
	
	#s2 .thf {
		width: 34%;
		margin: 0px auto 20px;
		float: none;
	}
    
}


/* Section 3 */

#s3 {
    background: url(../images/lieu-de-sexe.jpg) no-repeat 0 bottom/60% auto #f5f5f5;
    position: relative;
    padding: 0 0 60px;
    text-align: center;
}

.page-offer1 #s3,
.page-offer2 #s3,
.page-offer3 #s3,
.page-discount #s3{
	background: url(../images/lieu-de-sexe-2.jpg) no-repeat 150px bottom/52% auto #f5f5f5;
	padding-bottom: 160px;
}

#s3 .d-lg-flex{
    align-items: center;
}

#s3 .title{
	color: #2650a5;
	font-size: 44px;
	font-weight: 800;
	padding: 60px 0px 70px;
}

#s3 .title a{
	color: #00a7b6;
	font-weight: 800;
}

#s3 h3{
	margin-bottom: 10px;
	text-align: left;
}

#s3 span{
    color: #000000;
}

#s3 img {
    align-self: center;
    margin: 0 auto;
}

#s3 p {
    font-size: 19px;
    line-height: 1.6em;
	text-align: left;
}

#s3 .order-cta{
	padding-top: 20px;
}

#s3 .order.blue-btn {
	display: block;
    border-radius: 40px;
    font-size: 21px;
    font-weight: 800;
    font-family: Lato, sans-serif;
    letter-spacing: 0px;
    line-height: 1.1em;
    margin: 15px 0px;
    padding: 15px 35px 15px 35px;
    text-align: center;
    text-transform: none;
    width: 320px;
}

#s3 .order.blue-btn span {
	color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: italic;
}

#s3 .order.blue-btn:hover,
#s3 .order.blue-btn:hover span{
	color: #fbc52e;
}

@media screen and (min-width: 1200px) and (max-width: 1410px) {
	
	#s3 {
		background: url(../images/lieu-de-sexe.jpg) no-repeat -180px bottom/943px 803px #f5f5f5;
		position: relative;
		padding: 0 0 30px;
		text-align: center;
	}
    
    .page-offer1 #s3,
	.page-offer2 #s3,
	.page-offer3 #s3,
	.page-discount #s3{
		background: url(../images/lieu-de-sexe-2.jpg) no-repeat 25px bottom/52% auto #f5f5f5;
		padding-bottom: 60px;
	}

}

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

	#s3 {
    	background: url(../images/lieu-de-sexe.jpg) no-repeat center bottom/100% auto #f5f5f5;
    	padding: 0 0 800px;
	}
	
	#s3 .order-cta{
		margin: 0px auto;
		max-width: 600px;
		text-align: center;
	}

	#s3 h3 {
		margin-bottom: 10px;
		text-align: center;
	}

	#s3 p {
		font-size: 19px;
		line-height: 1.6em;
		text-align: center;
	}

	#s3 .order.blue-btn {
		margin: 20px auto;
		display: table;
	}
	
	.page-offer1 #s3,
	.page-offer2 #s3,
	.page-offer3 #s3,
	.page-discount #s3{
		background-position: center bottom;
		padding-bottom: 450px;
	}
	
	#s3 .title{
		padding-bottom: 40px;
	}
	
}

@media screen and (max-width: 991px) {
    
    #s3 span {
        margin-right: 10px;
    }
    
    #s3 img{
        margin: 0px 10px;
    }
    
    #s3 img:first-of-type{
        width: 35px;
    }
    
    #s3 img:nth-of-type(2){
        width: 120px;
    }
    
    #s3 img:nth-of-type(3){
        width: 120px;
    }
    
    #s3 img:nth-of-type(4){
        width: 75px;
    }

}

@media screen and (min-width: 840px) and (max-width: 991px) {
	
	#s3 {
		background: url(../images/lieu-de-sexe.jpg) no-repeat center bottom/100% auto #f5f5f5;
		padding: 0 0 640px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 839px) {
	
	#s3 {
		background: url(../images/lieu-de-sexe.jpg) no-repeat center bottom/100% auto #f5f5f5;
		padding: 0 0 550px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.page-offer1 #s3,
	.page-offer2 #s3,
	.page-offer3 #s3,
	.page-discount #s3{
		background-position: center bottom;
		padding-bottom: 400px;
	}
	
	#s3 .title{
		padding: 30px 0px 30px;
	}

}

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

	#s3 {
		position: relative;
		padding: 10px 0px 400px;
		text-align: center;
		background-size: 540px 459px;
		background-position: 0 bottom;
	}
	
	#s3 .title {
		color: #2650a5;
		font-size: 28px;
		font-weight: 800;
		padding: 20px 0px 20px;
	}
	
	#s3 .order-cta{
		margin: 0px auto;
		max-width: 320px;
		text-align: center;
	}

	#s3 h3 {
		font-size: 25px;
		margin-bottom: 10px;
		text-align: center;
	}

	#s3 p {
		font-size: 19px;
		line-height: 1.6em;
		text-align: center;
	}

	#s3 .order.blue-btn {
		padding: 15px 30px 15px;
		margin: 20px auto;
		display: table;
	}
	
	.page-offer1 #s3,
	.page-offer2 #s3,
	.page-offer3 #s3,
	.page-discount #s3{
		background-position: center bottom;
		padding-bottom: 450px;
	}
    
    .page-offer1 #s3,
	.page-offer2 #s3,
	.page-offer3 #s3,
	.page-discount #s3{
		background-position: center bottom;
		padding-bottom: 200px;
	}
 
}

/****/

#s4{
	background: #ebfafb;
    padding: 50px 0px 10px;
}

#s4 > .container{
    padding: 10px 15px 30px;
}

#s4 .title{
	color: #00a7b6;
	font-weight: 800;
    font-size: 38px;
    text-align: left;
    line-height: 1.3em;
	margin-bottom: 30px;
}

#s4 .title span{
	color: #063799;
}

#s4 > .container > p{
	font-size: 21px;
    font-weight: 700;
    margin: 20px auto 30px;
    line-height: 1.4em;
    max-width: 800px;
    letter-spacing: -0.5px;
}

#s4 .checkmarks{
    list-style: none;
    margin-left: 1rem;
    padding-left: 0;
    margin: 20px 0px;
}

#s4 .checkmarks li{
    position: relative;
    margin-bottom: 30px;
    padding-left: 35px;
    font-size: 21px;
	font-style: italic;
    line-height: 1.5em;
}

#s4 .checkmarks li:before{
	color: #fbc52e;
	position: absolute;
	left: 0;
}

#s4 li .highlight{
	color: #063799;
	font-weight: 800;
}

#s4 > .container > img{
    display: block;
    margin: 0px auto;
}

#s4 .advantages{
    background: url(../images/theme-files-2021/advantage-bg.jpg) no-repeat 0 center/cover #060607;
    padding: 20px 15px;
}

#s4 .advantages .adv{
    display: flex;
    justify-content: center;
    max-width: 1300px;
    margin: 0px 0px;
    padding: 20px 0px;
    text-align: left;
}

#s4 .advantages .adv:nth-child(even){
    text-align: right;
}

#s4 .advantages .adv .icon{
    flex-basis: 17%;
    margin-right: 3%;
    order: 1;
}

#s4 .advantages .adv .inner{
    flex-basis: 80%;
    order: 2;
}

#s4 .advantages .adv:nth-child(even) .icon{
    flex-basis: 17%;
    margin-left: 3%;
    order: 2;
}

#s4 .advantages .adv:nth-child(even) .inner{
    flex-basis: 80%;
    order: 1;
}

#s4 .advantages .adv h3{
    color: #ffffff;
    font-size: 22px;
	margin-bottom: 20px;
	text-align: left;
}

#s4 .advantages .adv p{
    color: #ffffff;
    font-size: 16px;
	text-align: left;
}

#s4 .adv .inner-wrap{
    display: flex;
    max-width: 760px;
}

#s4 .advantages .adv.n4 .blue-btn{
    align-self: center;
    padding: 15px 25px 20px;
    width: 240px;
}


@media screen and (max-width: 1199px) {
	
	#s4 .advantages .adv.n4{
        flex-direction: column;
	}
	
	#s4 .adv .inner-wrap {
		display: flex;
		max-width: 760px;
		align-self: center;
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 991px) {
    
    #s4{
        padding: 20px 0px;
    }
    
    #s4 .advantages .adv{
        margin: 0px auto;
    }
    
    #s4 .advantages .adv.n4 .blue-btn {
        align-self: center;
        font-size: 16px;
        margin-top: 20px;
        padding: 12px 25px 20px;
        position: relative;
        right: 0;
        width: 215px;
    }
    
    #s4 .advantages .adv .icon{
        margin-bottom: 20px;
    }
	
	#s4 .advantages .adv .blue-btn{
	    width: 230px;
	}
	
	#s4 .advantages .adv .blue-btn .icon{
		margin-bottom: 0;
	}
    
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#s4 > .container {
		padding: 10px 15px 10px;
	}

}

@media screen and (max-width: 767px) {
	
	#s4 .title{
		font-size: 32px;
		line-height: 1.2em;
		margin-bottom: 30px;
		text-align: center;
	}
	
	#s4 > .container {
		padding: 10px 15px 10px;
	}

    #s4 > .container > h2 {
        font-size: 28px;
    }
	
	#s4 > .container > p{
		font-size: 21px;
		font-weight: 800;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	#s4 img {
		display: block;
		margin: 0px auto;
		max-width: 320px;
	}
    
    #s4 .adv .inner-wrap {
        display: block;
    }
    
    #s4 .advantages .adv{
        flex-direction: column;
    }
    
    #s4 .advantages .adv:nth-child(even) .icon{
        flex-basis: 100%;
        margin-left: 0;
        order: 1;
    }

    #s4 .advantages .adv:nth-child(even) .inner{
        flex-basis: 100%;
        order: 2;
    }
    
    #s4 .advantages .adv h3 {
        font-size: 18px;
        letter-spacing: 0.5px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    #s4 .advantages .adv h3 span{
        display: block;
        font-size: 28px;
        font-weight: 800;
        margin-bottom: 5px;
    }
	
	#s4 .advantages .adv h3 span.highlight{
		margin-bottom: 10px;
	}
    
    #s4 .advantages .adv p {
        text-align: left;
    }
    
    #s4 .advantages .adv .icon {
        text-align: center;
        margin-bottom: 20px;
    }
	
	#s4 .checkmarks li{
		font-size: 18px;
		font-style: normal;
		padding-left: 30px;
	}

}

/* SECTION 5 | REVIEWS */

#s5 {
    background: #063799;
    padding: 60px 0px 60px;
}

#s5 .container{
    max-width: 760px;
}

#s5 .title {
    color: #fbc52e;
    font-size: 34px;
    font-weight: 800;
	letter-spacing: 0;
    max-width: 620px;
    margin-bottom: 30px;
}

#s5 .title span{
	color: #ffffff;
}

.s5-a p {
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
	
	#s5 {
		padding: 30px 0px 40px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#s5 {
		padding: 30px 0px 30px;
	}
	
	#s5 .title{
		font-size: 32px;
		margin-bottom: 30px;
	}

}

/* SECTION 6 */

#s6{
	background: url(../images/semenax-s6--bg.jpg) no-repeat center center/cover #060607;
    padding: 0;
    position: relative;
	overflow: hidden;
}

#s6:after {
    content: "";
    background: url(../images/semenax-bottle-table-2.png) no-repeat center center/cover transparent;
    width: 870px;
    height: 1072px;
    display: block;
    position: absolute;
    bottom: -205px;
    right: 0;
}

#s6 .testimonial{
	padding: 35px 0px 0px;
    position: relative;
	text-align: center;
}

#s6 .inner-testimonial{
    position: relative;
    background: #fff;
    border: 4px solid #fbc52e;
    border-radius: 10px;
    height: 490px;
    padding: 20px;
    text-align: center;
}

#s6 .inner-testimonial:after, #s6 .inner-testimonial:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#s6 .inner-testimonial:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}

#s6 .inner-testimonial:before {
	border-color: rgba(251, 197, 46, 0);
    border-top-color: #fbc52e;
    border-width: 28px;
    margin-left: -28px;
}

#s6 .inner-testimonial p {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 1rem;
    font-weight: 400;
    letter-spacing: -0.25px;
}

#s6 .inner-testimonial .title{
	color: #063799;
    font-weight: 800;
    font-size: 24px;
    text-align: center;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 10px;
}

#s6 .testimonial img{
	border: solid 3px #ffffff;
	border-radius: 100%;
    display: table;
    margin: 35px auto 10px;
    width: 80px;
    height: 80px;
}

#s6 .header{
	background: #ffffff;
	padding: 40px 0px 200px;
}

#s6 .header .title{
	color: #00a7b6;
	margin-top: 0;
	margin-bottom: 40px;
	text-align: center;
}

#s6 .header .title span{
	color: #063799;
}

#s6 .title{
    color: #ffffff;
    font-weight: 800;
    font-size: 42px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
}

#s6 .title span{
	color: #fbc52e;
}

#s6 .container{
    position: relative;
    top: -250px;
	margin-bottom: -250px;
    z-index: 2;
}

.s6-b-b.sec-desc {
    max-width: 500px;
}

#s6 .wrap{
    margin: 0px auto;
    max-width: 800px;
}

#s6 .checkmarks{
	margin-bottom: 60px;
}

#s6 .videoWrapper{
    max-width: 800px;
}

#s6 .checkmarks li{
    position: relative;
    padding-left: 30px;
}

#s6 .checkmarks li:before {
    color: #fbc52e;
	position: absolute;
	left: 0;
    top: 2px;
}

#s6 .checkmarks li{
	color: #ffffff;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 15px;
}

#s6 .checkmarks li span{
	color: #fbc52e;
	font-weight: 800;
}

#s6 .testimonial-name{
	color: #ffffff;
}

#s6 .order-cta{
	background: url(../images/blue-cta-3.svg) no-repeat right center/cover transparent;
    display: flex;
    max-width: 1035px;
    align-items: center;
	margin-left: 1px;
	padding: 30px 15px;
}

#s6 .order-cta .inner-wrap {
    flex-basis: 500px;
    color: #ffffff;
}

#s6 .order-cta{
	position: relative;
}

#s6 .order-cta:before{
	content: "";
	background: #063799;
	position: absolute;
	left: -100vw;
	top: 0;
	height: 100%;
	width: 100vw;
}

#s6 .order-cta .yellow-btn{
	color: #000000;
    flex-basis: 260px;
    text-align: left;
    background: #fbc52e;
    font-size: 16px;
    padding: 15px 20px 15px 30px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.1em;
    position: relative;
}

#s6 .order.yellow-btn span {
	color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: italic;
}

#s6 .order.yellow-btn .icon {
    background: url(../images/dark-cart-icon_1.png) 0 0/cover no-repeat;
    height: 23px;
    position: absolute;
    right: 20px;
    left: auto;
    top: 20px;
}

#s6 .order-cta h3{
    color: #ffffff;
    text-align: left;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
}

#s6 .order-cta .highlight{
	color: #fbc52e;
}

#s6 .order-cta p{
	font-style: italic;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	#s6 .inner-testimonial{
		height: 650px;
	}
	
	#s6:after{
    	bottom: -215px;
    	right: -310px;
	}
	
	#s6 .order-cta .inner-wrap{
		flex-basis: 465px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#s6 .order-cta{
		background: #063799;
	}
	
	#s6 .inner-testimonial{
		height: auto;
	}
	
	#s6 .order-cta .inner-wrap {
		position: relative;
		z-index: 2;
	}
	
	#s6 .order-cta:before {
		content: "";
		background: #063799;
		position: absolute;
		left: -5vw;
		top: 0;
		height: 100%;
		width: 100vw;
		z-index: 1;
	}
	
	#s6:after{
		content: "";
		background-position: 370px bottom;
		width: 820px;
		height: 915px;
		display: block;
		position: absolute;
		bottom: -220px;
		right: 0px;
	}
	
	#s6 .order-cta .yellow-btn {
		position: relative;
		z-index: 2;
		width: 30%;
		flex-basis: auto;
		font-size: 14px;
		padding: 10px 20px 10px 25px;
		line-height: 1.1em;
		text-align: center;
	}
	
	#s6 .order.yellow-btn span {
		color: #000000;
		font-size: 14px;
		letter-spacing: 0;
		font-weight: 400;
		font-style: italic;
	}
	
	#s6 .order.yellow-btn .icon{
		display: none;
	}

}

@media screen and (max-width: 767px) {
	
	#s6 h2{
		font-size: 26px;
	}
    
    .s6-a img {
        margin-bottom: 30px;
    }
    
    .s6-b {
        text-align: center;
    }
	
	#s6:after{
		display: none;
    	width: 480px;
    	height: 589px;
		bottom: 25px;
    	right: -200px;
	}
	
	#s6 .title{
		font-size: 32px;
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: center;
	}
	
	#s6 .checkmarks{
		margin-bottom: 40px;
	}
	
	#s6 .order-cta {
		left: -4%;
		width: 108%;
	}
	
	#s6 .order-cta .inner-wrap {
    	flex-basis: auto;
	}
	
	#s6 .order-cta {
    	background: #063799;
		flex-direction: column;
	}
	
	#s6 .order-cta h3 {
		font-size: 26px;
    	text-align: center;
	}
	
	#s6 .order-cta p {
		font-style: italic;
		text-align: center;
		margin-bottom: 15px;
	}
	
	#s6 .order-cta:before{
		display: none;
	}
	
	#s6 .order-cta .yellow-btn{
		flex-basis: auto;
		width: 260px;
	}
	
	#s6 .inner-testimonial{
		height: auto;
	}
    
}

/* SECTION 7 */

#s7 {
	background: url(../images/semenax-s7--bg-2.png) no-repeat center center/auto #f2f2f2;
    padding: 80px 0px 120px 0px;
}

#s7 .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 40px;
}

#s7 .rounded{
    align-self: center;
    flex-basis: 40%;
}

#s7 .rounded img{
    width: 100%;
}

#s7 .wrap {
    position: relative;
    max-width: 800px;
    flex-basis: 60%;
    margin-right: 40px;
}

#s7 h2{
	color: #00a7b6;
	font-size: 38px;
    font-weight: 800;
    margin-bottom: 30px;
    text-align: left;
}

#s7 h2 span{
    color: #063799;
}

#s7 p strong{
	color: #063799;
}

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

	#s7 {
		background-position: -160px 130%;
    	background-size: 225% auto;
		padding: 40px 0px 760px 0px;
	}
	
	#s7 p:last-child {
		margin-bottom: 20px;
	}

}


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

	#s7 {
    	background-position: -170px bottom;
    	padding: 40px 0px 700px 0px;
	}
	
	#s7 p:last-child {
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 991px) {
	
	#s7 .wrap {
		flex-basis: 100%;
	}
	
	#s7 .graphs > div:first-of-type > img{
		margin: 0px 15px 0px 0px;
	}
	
	#s7 .graphs > img{
		display: none;
	}

}

@media screen and (max-width: 767px) {
	
    #s7 {
    	background: #f2f2f2;
    	padding: 30px 0px 30px 0px;
	}
    
    #s7 h2 {
		font-size: 34px;
		font-weight: 800;
		margin-bottom: 20px;
		text-align: center;
    }
    
    #s7 .graphs{
        flex-direction: column;
    }
    
    #s7 .graphs img{
        display: block;
        max-width: 270px;
        margin: 0px auto;
    }
    
    #s7 .graphs > img{
        display: block;
        margin: 40px auto;
        max-width: none;
        transform: rotate(90deg);
    }
    
    #s7 h3 {
        font-size: 28px;
        font-weight: 800;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    
    #s7 .wrap {
        position: relative;
        max-width: 800px;
        flex-basis: 100%;
        margin: 0px 20px;
    }
    
}

/* SECTION 8 | REVIEWS */

#s8 {
    padding: 0px 0px 40px;
}

#s8 h3{
	color: #00a7b6;
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 20px;
}

#s8 .title{
	color: #063799;
	font-size: 42px;
    font-weight: 800;
    margin-bottom: 30px;
}

#s8 .container{
    padding-bottom: 0;
}

#s8 .d-flex{
	position: relative;
}

#s8 .d-flex p{
	/*display: flex;
    align-items: center;*/
	align-self: center;
    background: #fbc52e;
    border-radius: 0px 80px 80px 0px;
    font-weight: 800;
    font-style: italic;
    margin-bottom: 40px;
    position: relative;
    padding: 20px 70px 20px 70px;
}

#s8 .d-flex.two p{
	border-radius: 80px 0px 0px 80px;
}

#s8 .d-flex img {
	align-self: center;
    position: relative;
    top: -20px;
    left: 40px;
	z-index: 2;
}

#s8 .d-flex.one {
	align-items: center;
	margin: 0px auto;
	max-width: 915px;
}

#s8 .d-flex.two {
	margin: 0px auto;
	max-width: 1140px;
}

#s8 .d-flex.two img {
	align-self: center;
    position: relative;
    top: -20px;
    left: -40px;
}

#s8 .text-center a{
	color: #063799;
}

@media screen and (min-width: 1200px){
	#s8 .d-flex.one p{
		padding: 40px 70px 40px 70px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	#s8 .d-flex p{
		line-height: 1.2em;
	}
	
}

@media screen and (max-width: 991px){
	
	#s8 .d-flex p{
		border-radius: 30px 30px 30px 30px;
		font-size: 24px;
		padding: 130px 30px 50px 30px;
		text-align: center;
	}

	#s8 .d-flex.one {
		flex-direction: column;
		margin: 0px auto;
		max-width: 600px;
	}
	
	#s8 .d-flex.two {
		flex-direction: column;
		margin: 0px auto;
		max-width: 600px;
	}
	
	#s8 .d-flex.two p{
		border-radius: 30px 30px 30px 30px;
	}
	
	#s8 .d-flex img{   
		border: solid 7px #fff;
		border-radius: 100%;
		margin-top: -100px;
		top: 100px;
    	left: 0;	
	}
	
	#s8 .d-flex.two img{
		border: solid 7px #fff;
		border-radius: 100%;
		margin-top: -100px;
		top: 100px;
    	left: 0;
	}
	
}

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

	#s8 .title {
		font-size: 30px;
	}
	
	#s8 h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	
	#s8 .d-flex p {
		font-size: 18px;
		padding: 80px 30px 30px 30px;
	}

	#s8 .d-flex img,
	#s8 .d-flex.two img{
		margin-top: -90px;
		top: 70px;
		max-width: 140px;
		margin-bottom: 5px;
	}
}

/* SECTION 9 */

#s9 {
    padding: 0px 0px;
    background-color: #000000;
}

#s9 h2 {
    border-bottom: solid 5px #5172b4;
    color: #ffffff;
    margin-bottom: 0px;
    flex-basis: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 20px 0px;
    font-size: 44px;
    font-weight: 800;
}

#s9 .right{
    background: #063799;
    position: relative;
    align-items: center;
    display: flex;
}

#s9 .right:after{
    content: "";
    background: #063799;
    position: absolute;
    top: 0;
    right: -99vw;
    width: 100vw;
    height: 100%;
	z-index: 1;
}

#s9 .right .inner{
	position: relative;
    z-index: 2;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: solid 5px #5172b4;
    flex-basis: 580px;
}

#s9 .icon-wrapper{
    color: #ffffff;
    margin: 60px auto;
    max-width: 960px;
}

#s9 .icon-wrapper img{
    display: block;
    margin: 0px auto 20px;
}

#s9 .icon-wrapper .inner-wrap{
    margin-bottom: 20px;
}

#s9 .left-col{
	flex-basis: 50%;
    padding-right: 20px;
}

#s9 .left-col h4{
    font-size: 54px;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    padding: 15px 0px;
}

#s9 p{
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}

#s9 .highlight {
    color: #fbc52e;
    font-weight: 800;
    margin-top: 0;
    padding: 0px 5px;
}

#s9 .yellow-btn{
	color: #000000;
    text-align: center;
    background: #fbc52e;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1em;
    padding: 10px 25px 15px;
    margin: 0px auto;
    display: block;
}

@media screen and (max-width: 1199px) {
	
	#s9 h2{
    	font-size: 36px;
		padding-bottom: 20px;
	}
	
	#s9 .left-col h4 {
    	font-size: 46px;
    	line-height: 1.1em;
	}
	
	#s9 p {
		margin-bottom: 5px;
	}
	
	#s9 .blue-btn{
		padding: 10px 15px 15px;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	.home #content {
		padding-top: 0px;
	}

	.menu-right {
		float: right;
		position: relative;
		top: -2px;
		right: -15px;
	}

}

@media screen and (max-width: 991px) {
	
	#s9 .container{
		padding: 0;
		max-width: 100%;
	}
	
	#s9 .right:after {
		top: -1px;
		left: -10%;
		width: 110vw;
		height: 101%;
	}
	
	#s9 .right .inner{
		margin: 25px auto 40px;
		padding-bottom: 0px;
	}
    
}

@media screen and (max-width: 767px) {
	
	#s9 h2 {
		border: none;
		font-size: 26px;
		letter-spacing: 0px;
		padding-bottom: 10px;
	}
	
	#s9 .left-col {
		flex-basis: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}

	#s9 .left-col h4 {
		border-top: solid 5px #5172b4;
		border-bottom: solid 5px #5172b4;
		font-size: 34px;
		line-height: 1.1em;
		margin-bottom: 10px;
		padding: 5px;
	}
	
	#s9 .right .inner{
		border-bottom: none;
	}
	
	#s9 p{
		margin-bottom: 12px;
	}
	
	#s9 .yellow-btn{
		width: 300px;
	}
	
}


/* SECTION 10 */

#s10 {
    background: #ffffff;
    padding: 60px 15px;
}

#ingredients h2 .highlight{
	color: #00a7b6;
}

#s10 h2{
	font-size: 44px;
	font-weight: 800;
    margin-bottom: 50px;
    text-align: center;
}

#ingredients-accordion .card{
    border: none;
}

#ingredients-accordion .card:last-of-type{
    border-bottom: solid 1px #d9d9d9;
}

#ingredients-accordion .card-header{
    background: #ffffff;
    border: none;
    border-top: solid 1px #d9d9d9;
    border-radius: 0;
}

#ingredients-accordion .card-header *{
    margin-bottom: 0;
}

#ingredients-accordion .card-header button{
    border: none;
    color: #063799;
    font-weight: 800;
    text-align: left;
    width: 100%;
}

#ingredients-accordion .card-header button[data-toggle="collapse"]:after{
    display: inline-block;
    float: right;
    content:"\f067";
    font-family: 'Font Awesome 5 Free';
}

#ingredients-accordion .card-header button[aria-expanded="true"]:after{
    display: inline-block;
    float: right;
    content:"\f068";
    font-family: 'Font Awesome 5 Free';
}

#s10 .yellow-btn{
    color: #000000;
	letter-spacing: -0.2px;
	margin-top: 20px;
    padding: 10px 30px 10px 30px;
    text-transform: none;
}

@media screen and (max-width: 991px) {
    
    #ingredients-accordion .card-header{
        padding: 0;
    }
    
    #s10 h2 {
        margin-bottom: 0px;
    }
	
	#s10 .row > div > img {
		display: table;
		margin: 20px auto;
		max-width: 320px;
	}
	
	#ingredients-accordion .card-header * {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	
	#s10 {
		padding: 30px 15px;
	}

	#s10 h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	
	#s10 .row > div > img{
		margin-bottom: 10px;
	}
	
	#ingredients-accordion{
		margin-top: 20px;
	}
	
	#ingredients-accordion .card-header button{
		font-size: 16px;
	}
}

/**/

#semenax-comparison{
	padding-bottom: 40px;
}

#semenax-comparison .inner-wrap{
	margin: 0px auto;
	max-width: 990px;
}

#semenax-comparison .title{
	color: #00a7b6;
	margin-bottom: 20px;
}

#semenax-comparison .title .highlight{
	color: #063799;
}

#semenax-comparison .chart{
	position: relative;
}

#semenax-comparison .chart:before{
    content: "";
    background: #063799;
    position: absolute;
    top: 220px;
    left: 0;
    width: 100vw;
    height: 215px;
    z-index: 1;
}

#semenax-comparison .chart:after{
    content: "";
    background: #063799;
    position: absolute;
    top: 220px;
    right: 0;
    width: 100vw;
    height: 215px;
    z-index: 1;
}

#semenax-comparison img{
	display: table;
	margin: 30px auto;
	position: relative;
    z-index: 2;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	#semenax-comparison .title {
		max-width: 800px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#semenax-comparison img {
		max-width: 540px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#semenax-comparison{
		padding-bottom: 0px;
	}
	
	#semenax-comparison .title {
		font-size: 26px;
	}
	
	#semenax-comparison img {
		max-width: 100%;
		width: 345px;
	}
	
}

/* SECTION 11 */

#s11{
	position: relative;
}

#s11:before{
	content: "";
    background: #063799;
    height: 510px;
    width: 100vw;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -255px;
}

#s11 .row{
	justify-content: center;
	margin-bottom: 0px;
}

#s11 .inner-wrap{
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}

#s11 img {
    display: block;
    padding: 7px;
	width: 100%;
}

#s11 .inner-wrap h2{
    color: #ffffff;
    font-weight: 800;
    font-size: 42px;
	margin-bottom: 15px;
}

#s11 .inner-wrap p{
    color: #ffffff;
    font-weight: 300;
    font-size: 32px;
    font-style: italic;
	margin-bottom: 0;
    padding: 10px 0px;
}

#s11 .d-flex{
    align-items: center;
    justify-content: center;
	width: 100%;
}

#s11 .yellow-btn {
	display: block;
    color: #000000;
    text-align: center;
    background: #fbc52e;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1em;
    margin: 0px 0px 0px 20px;
    padding: 10px 15px 20px;
	flex-basis: 200px;
}


#s11 .inner-wrap h2{
    color: #ffffff;
    font-weight: 800;
    font-size: 42px;
	margin-bottom: 15px;
}


@media screen and (min-width: 991px) and (max-width: 1199px) {
	
	#s11 .inner-wrap h2 {
		font-size: 32px;
	}
	
	#s11 .inner-wrap p{
		font-size: 24px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#s11 .inner-wrap h2{
		margin-bottom: 5px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#s11 {
		position: relative;
		padding: 15px 0px 0px;
	}
	
	#s11:before {
		height: 685px;
		top: 0;
		margin-top: 0;
	}
	
	#s11 .d-flex {
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
	}
	
	#s11 .inner-wrap h2 {
		font-size: 32px;
    	max-width: 280px;
		margin-bottom: 0;
	}
	
	#s11 .inner-wrap p{
		font-size: 28px;
		padding-top: 0px;
	}

	#s11 .yellow-btn {
		align-self: center;
		height: auto;
		display: block;
		width: 300px;
		flex-basis: auto;
		margin: 0px auto 15px;
	}

}

/* SECTION 12 */

#s12{
	background: url(../images/testimonial-bg.png) center 100px /auto no-repeat #ffffff;
	padding: 40px 15px;
}

#s12 .testimonial{
	padding: 40px 0px 0px;
    position: relative;
	text-align: center;
}

#s12 .inner-testimonial {
    position: relative;
    background: #ffffff;
    border: none;
    border-radius: 10px;
    height: 350px;
    padding: 20px;
    text-align: left;
    box-shadow: 0px 0px 15px #eeeeee;
}

#s12 .inner-testimonial:after, #s12 .inner-testimonial:before {
	top: 100%;
	left: 18%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#s12 .inner-testimonial:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}

#s12 .inner-testimonial:before {
    border-color: rgba(200, 200, 200, 0);
    border-top-color: #f8f8f8;
    border-width: 24px;
    margin-left: -24px;
}

#s12 .title{
    color: #00a7b6;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 570px;
    text-align: center;
}

#s12 .title span{
	color: #063799;
}

#s12 .inner-testimonial .title{
    color: #063799;
    font-size: 28px;
    line-height: 1.2em;
	margin-bottom: 20px;
    text-align: left;
}

#s12 .testimonials-cite{
    display: flex;
    align-items: center;
    margin: 0px;
	width: 260px;
}

#s12 .testimonial-name{
	font-size: 16px;
	font-style: italic;
	font-weight: 800;
}

#s12 .testimonial img{
	border: solid 3px #ffffff;
    border-radius: 100%;
    display: table;
    margin: 40px 10px 40px 70px;
    width: 80px;
    height: 80px;
}

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

    
    
}

@media screen and (max-width: 991px) {
	
	#s12{
		padding-bottom: 0px;
	}
	
	#s12 .testimonial {
    	padding: 0px 0px 0px;
	}
    
	#s12 .inner-testimonial{
		height: auto;
	}
	
    
}

@media screen and (max-width: 767px) {
	
	#s12{
		background-position:  center 130px;
		padding-bottom: 0px;
	}
	
	#s12 .title {
		font-size: 30px;
	}
	
	#s12 .testimonial img{
		margin-left: 20px;
	}
    
}

#s13{
	background: url(../images/order-bathroom-bg-2.jpg) center center/cover no-repeat #c8c8c8;
    height: auto;
    padding: 20px 15px 0px;
}

#s13 .highlight{
    color: #063799;
}

#s13 h2{
    font-weight: 800;
    margin: 70px 0px 0px;
    text-align: left;
}

#s13 .title{
    background: #f6f6f6;
    border-radius: 5px;
    margin-bottom: 5px;
}

#s13 p{
    color: #063799;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 0px;
}

#s13 img{
	position: relative;
    top: 45px;
}

#s13 small{
	line-height: 1em;
}

#s13 .order.blue-btn {
	border-radius: 40px;
	font-size: 21px;
    font-weight: 800;
    font-family: Lato, sans-serif;
	letter-spacing: 0px;
	line-height: 1.1em;
	margin: 15px 0px;
    padding: 15px 35px 15px 35px;
    text-align: center;
    text-transform: none;
	width: 320px;
}

#s13 .order.blue-btn span{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: italic;
}

#s13 .order.blue-btn:hover{
	color: #fbc52e;
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
	
	#s13 h2{
		font-size: 36px;
		margin-top: 10px;
	}
	
	#s13 p {
    	font-size: 22px;
		margin-bottom: 40px;
	}
	
	#s13 img{
		position: relative;
		top: 30px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#s13 img{
    	max-width: 110%;
		top: 20px;
	}
	
	#s13 h2 {
		font-size: 26px;
		line-height: 1em;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: -1px;
	}
	
	#s13 p {
		font-size: 23px;
		margin-bottom: 20px;
		line-height: 1.2em;
	}
	
	#s13 .order.blue-btn {
		font-size: 18px;
		margin-bottom: 20px;
		padding: 12px 20px 12px;
		max-width: 275px;
	}
	
	#s13 .order.blue-btn span {
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		letter-spacing: 0;
	}
	
}

@media screen and (max-width: 767px){
	
	#s13 .row > div{
		padding: 0px;
	}
	
	#s13 h2 {
		font-weight: 800;
		margin: 0px 0px 5px;
		text-align: center;
		font-size: 25px;
	}
	
	#s13 p {
		color: #063799;
		font-size: 18px;
		line-height: 1.1em;
		font-style: italic;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#s13 img {
		position: relative;
		top: 0;
	}

	#s13 .order.blue-btn {
		margin: 0px auto 20px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		width: 290px;
	}
	
}

/******/

#s14{
	padding: 50px 15px;
}

#s14 .title{
    color: #00a7b6;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
}

#s14 .title span{
	color: #063799;
}

#s14 .video{
	max-width: 740px;
	margin: 0px auto;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
    #s14 {
		padding: 30px 15px 40px;
	}
	
	#s14 .title {
		font-weight: 800;
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 34px;
		letter-spacing: -1px;
	}

}

@media screen and (max-width: 767px) {
	
	#s14 {
		padding: 30px 15px;
	}
    
	#s14 .title{
		font-size: 26px;
		margin-bottom: 20px;
	}
    
}

/*****/

#s15 {
    background: #fbc52e;
    padding: 40px 15px 350px;
    position: relative;
}

#s15 .title{
	margin-bottom: 40px;
}

#s15 .title span{
	color: #063799;
}

#s15 h3{
	font-size: 30px;
	margin-bottom: 20px;
	text-align: left;
}

#s15 svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#s15 svg .st0 {
    fill: #fff;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	#s15 {
		padding: 40px 15px 120px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	#s15 {
		padding: 30px 0px 100px;
	}
	
	#s15 svg {
		bottom: -1px;
	}
	
	#s15 h3 {
		margin-top: 20px;
	}
	
	#s15 img{
		max-width: 320px;
		margin: 0px auto;
	}
	
}

@media screen and (max-width: 767px) {
	
	#s15 {
		padding: 30px 0px 60px;
	}
	
	#s15 .title {
		font-size: 26px;
		margin-bottom: 20px;
	}
	
	#s15 h3 {
		font-size: 25px;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	
}

/*******/

#s16{
    margin-top: -350px;
    position: relative;
    background: transparent;
}

#s16 .testimonial{
	padding: 40px 0px 0px;
    position: relative;
	text-align: center;
}

#s16 .row > div:nth-child(2) .inner-testimonial{
	height: 480px;
}

#s16 .inner-testimonial{
    position: relative;
	background: #ffffff;
	border: 4px solid #fbc52e;
    border-radius: 10px;
	height: 390px;
    padding: 20px;
    text-align: center;
}

#s16 .inner-testimonial:after, #s16 .inner-testimonial:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#s16 .inner-testimonial:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}

#s16 .inner-testimonial:before {
	border-color: rgba(251, 197, 46, 0);
    border-top-color: #fbc52e;
    border-width: 28px;
    margin-left: -28px;
}

#s16 .inner-testimonial .title{
	color: #063799;
    font-weight: 800;
    font-size: 24px;
    text-align: center;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 10px;
}

#s16 .testimonial img{
	border: solid 3px #ffffff;
	border-radius: 100%;
    display: table;
    margin: 40px auto 20px;
    width: 80px;
    height: 80px;
}

#s16 .header {
    background: transparent;
    padding: 40px 0px 200px;
}

#s16 .header .title{
	color: #000000;
	margin-top: 0;
	margin-bottom: 40px;
	text-align: center;
}

#s16 .title{
    color: #ffffff;
    font-weight: 800;
    font-size: 42px;
    margin-bottom: 30px;
    margin-top: 60px;
    text-align: left;
}

#s16 .title span{
	color: #fbc52e;
}

#s16 .container{
    position: relative;
    top: -250px;
	margin-bottom: -220px;
    z-index: 2;
}


@media screen and (max-width: 1199px) {
	
	#s16 .inner-testimonial,
	#s16 .row > div:nth-child(2) .inner-testimonial{
		height: auto;
	}

}

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

/*****/

#s17 {
    background: #ffffff;
    padding: 40px 15px 40px;
    position: relative;
	text-align: center;
}

#s17 .container{
	border-top: solid 5px #e8e8e8;
}

#s17 .title{
    color: #00a7b6;
    font-weight: 800;
    font-size: 42px;
    margin-bottom: 30px;
    margin-top: 60px;
    text-align: center;
}

#s17 .title span{
	color: #063799;
}

@media screen and (max-width: 767px) {
	
	#s17{
		padding: 40px 0px 0px;
	}
	
	#s17 .container{
		padding: 0;
	}
	
	#s17 .title {
		font-size: 36px;
		line-height: 1em;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	
	#s17 .title span {
		color: #063799;
		font-size: 20px;
		line-height: 1.2em;
		padding-top: 10px;
	}
	
}

.bonus-info .title{
	font-size: 38px;
}

#order{
	position: relative;
	z-index: 9;
}

#order .alt-promo-banner{
	padding: 0px 15px 0px 15px;
}

#order .alt-promo-banner .couponInfo{
	margin-bottom: 1em;
}

#order .title{
	font-size: 38px;
	padding: 30px 0px 30px 0px;
}

@media screen and (min-width: 1200px) {
	
	#order .title {
		padding: 30px 0px 40px 0px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	
	#order .title {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	
	.bonus-info{
		padding-bottom: 30px;
	}
	
	#order .title,
	.bonus-info .title{
		font-size: 26px;
		padding: 15px 15px 15px 15px;
	}
	
}

/**/

#testimonials{
	position: relative;
}

#testimonials:before {
    content: "";
    background: #063799;
    position: absolute;
    top: 0;
    left: calc(50% + -50vw);
    height: 100%;
    width: 100vw;
    z-index: 1;
}

#testimonials .container{
	padding: 0;
}

#testimonials .d-flex{
	flex-direction: column;
	position: relative;
	z-index: 2;
}

#testimonials .left-col{
	background: #fbc52e;
	padding: 30px;
	order: 2;
}

#testimonials .right-col{
	padding: 30px;
	order: 1;
}

#testimonials img{
	margin-bottom: 0px;
}

#testimonials .right-col h3 {
    color: #ffffff;
	font-size: 30px;
	text-align: center;
}

#testimonials .right-col p {
    color: #ffffff;
    font-size: 28px;
    font-style: italic;
    text-align: center;
}

#testimonials .order.yellow-btn {
	display: block;
    color: #000000;
    margin: 0px auto;
    padding: 15px 55px 15px;
    width: 270px;
}

@media screen and (min-width: 768px) {
	
	#testimonials .container{
    	padding-right: 15px;
    	padding-left: 15px;
	}
	
	#testimonials .d-flex{
		align-items: center;
		flex-direction: row;
	}
	
	#testimonials .left-col{
		clip-path: polygon(13.4% 0%, 100% 0%, 86.6% 100%, 0% 100%);
		padding: 30px;
		width: 50%;
		order: 1;
	}

	#testimonials .right-col{
		padding: 30px;
		width: 50%;
		order: 2;
	}
	
	#testimonials .right-col h3{
		font-size: 44px;
	}
	
	#testimonials .right-col p{
		font-size: 40px;
	}

}

/**/

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

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

.trust-pilot .title{
	font-size: 46px;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 15px;
}

.trust-pilot .title strong {
    font-weight: 800;
}

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

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

.trust-pilot blockquote p{
	color: #ffffff;
}

.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{
	color: #ffffff;
	font-size: 28px;
    font-style: italic;
    text-align: left;
	line-height: 1.5em;
    margin-bottom: 10px;
}

.trust-pilot cite{
	color: #ffffff;
	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 {
    
}

.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-size: 44px;
}

.trust-pilot .fans .container > h3 strong{

}

.trust-pilot .fans .container > h4{
	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 .title {
		font-size: 38px;
	}

	.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: 28px;
		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;
	}
}

/**/