/* Start Cyber Monday */

#s1 .xmas-banner {
    background: url(/wp-content/uploads/2022/12/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;
	}
}

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

	#s1 .xmas-banner {
		background: url(/wp-content/uploads/2022/11/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: 760px;
    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: 190px;
    max-width: 640px;
}

#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 {
	color: #ffffff;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0px;
	padding: 10px 35px 15px 25px;
	text-align: center;
	text-transform: none;
    width: 225px;
}

.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: 992px) and (max-width: 1199px) {
	
	#s1:not(.promo-banner) {
		height: 652px;
		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: -7px;
		right: 0px;
		max-width: 490px;
	}

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

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

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

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

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

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

@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: 0px;
		width: 250px;
    }
	
    .s1-a .s1-a-1{
        font-size: 26px;
    }
	
    .s1-a {
        font-size: 26px;
        max-width: 400px;
        margin: 20px auto 20px;
        text-align: center;
    }
    .s1-a .s1-a-2 {
        font-size: 35px;
		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: 20px 0px;
    }
	
	#s4 .checkmarks{
		margin-bottom: 0px;
	}
    
    .product-guarantee{
        margin-top: 20px;
    }
    
    .product-guarantee .inner-wrap{
        text-align: center;
    }
}

@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;
}

#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 .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(/wp-content/uploads/2021/08/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(/wp-content/uploads/2021/08/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 {
    padding: 15px 55px 20px;
    margin: 20px 0px;
    display: table;
}
@media screen and (min-width: 1200px) and (max-width: 1410px) {
	
	#s3 {
		background: url(/wp-content/uploads/2021/08/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(/wp-content/uploads/2021/08/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(/wp-content/uploads/2021/08/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 {
		padding: 15px 55px 20px;
		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(/wp-content/uploads/2021/08/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(/wp-content/uploads/2021/08/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 55px 20px;
		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 img{
	max-width: 510px;
}

#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;
	}
	
	#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: 600px;
    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(/wp-content/uploads/2023/01/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: 450px;
    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: 200px;
    text-align: center;
    background: #fbc52e;
    font-size: 16px;
    padding: 10px 15px 20px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1em;
}

#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;
	}
	
}

@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;
	}
}

@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: 300px;
	}
	
	#s6 .inner-testimonial{
		height: auto;
	}
    
}

/* SECTION 7 */

#s7 {
	background: url(../images/semenax-s7--bg.jpg) 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: 40px 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;
    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;
}

#s8 .d-flex.one {
	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: 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.jpg) 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: 40px;
}

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

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

@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;
	}
	
	#s13 p {
		font-size: 23px;
		margin-bottom: 20px;
		line-height: 1.2em;
	}
	
	#s13 .order.blue-btn {
		display: table;
		margin-bottom: 20px;
		padding: 20px 55px 20px;
	}
	
}

@media screen and (max-width: 767px){
	
	#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 {
		display: table;
		margin: 0px auto 20px;
		padding: 15px 50px 15px;
		text-align: center;
		width: 260px;
	}
	
}

/******/

#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;
	}

}

@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;
	}
	
}