@charset "utf-8";
/* CSS Document */

.text-xs-left { text-align: left; }

.text-xs-right { text-align: right; }

.text-xs-center { text-align: center; }

.text-xs-justify { text-align: justify; }



@media (min-width: 768px) {

    .text-sm-left { text-align: left; }

    .text-sm-right { text-align: right; }

    .text-sm-center { text-align: center; }

    .text-sm-justify { text-align: justify; }
}



@media (min-width: 992px) {

    .text-md-left { text-align: left; }

    .text-md-right { text-align: right; }

    .text-md-center { text-align: center; }

    .text-md-justify { text-align: justify; }

}



@media (min-width: 1200px) {

    .text-lg-left { text-align: left; }

    .text-lg-right { text-align: right; }

    .text-lg-center { text-align: center; }

    .text-lg-justify { text-align: justify; }

}

.bg-blue2 {
	background-image: url(../../img/bg-blue2.png);
	background-attachment: scroll;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}


.display-4{
	font-weight: 900!important;	
}

.nav-style {
	transition: all 200ms ease-in-out;
	border-left: 1px solid #008abf;
}
.nav-style:hover{
	background-color: #008abf;
	color: #FFF!important;
}



.bg-black {
	background-color: black;
}

.nav-item-text {
	color: #008abf!important;
}
.nav-item-text:hover {
	color: #FFF!important;
}

.font {
	font-family: 'Fira Sans', sans-serif;
}
.nav-style2 {
	transition: all 200ms ease-in-out;
/*
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: 400;
*/
	background-color: rgba(92,168,44,1.00);
}
.nav-style2:hover{
	background-color: #428E32;
}
.nav-item-text2 {
	color: #FFFFFF!important;
	padding-top: 12px;
	padding-bottom: 12px;
}
.nav-item-text2:hover {
	color: #FFFFFF;
}


.hero-wrapper {
	background-image: url(../../img/bg-hero-man.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

.hero-h1 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.hero-h2 {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}
.hero-h4 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
@media (min-width: 768px) {
	.hero-h1 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	}
	.hero-h4 {
		font-size: 20px;
		font-weight: bold;
		color: #fff;
	}
	.hero-h2 {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	}
}

.btn-hero-style {
	transition: all 200ms ease-in-out;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #008abf;
	color: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px #41771F;
	box-shadow: 0 3px #41771F;
	box-shadow: 0 3px #41771F;
	text-align: center;
	width: 100%;
}
.btn-hero-style:hover {
	background-color: #006389;
	color: #FFFFFF;
	text-decoration: none;
}

.prduct-wrapper {
	background-image: url(../../img/background_logo_supra_life_x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-attachment: fixed;
	border-top: 3px solid #008cc3;
}
.bg-reduction {
	background-image: url(../../img/background_logo_supra_life_x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-attachment: fixed;
}
.flexbox-container-center {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items:center;
	flex-direction: column;
	justify-content: center;
}
.produto-h2 {
	font-size: 35px;
	font-weight: bold;
	color: #178DBD;
}

.produto-h4 {
	font-size: 25px;
	font-weight: bold;
	color: #178DBD;
}


.pote-grande {
	max-width: 460px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.vantagem-wrapper {
	background-image: url(../../img/bg-blue2.png);
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-blue {
	background-image: url(../../img/bg-blue.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}


.img-vantagens {
	width: 100%;
	max-width: 200px;
}

.text-vantagens {
	color: #FFFFFF;
	font-size: 20px;
}

.button-vantagens {
	transition: all ease-in-out 200ms;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: large;
	font-weight: bold;
	border: 2px solid #0790C6;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(7,144,198,1.00);
}
.button-vantagens:hover{
	background-color: rgba(7,144,198,0.00);
	color: #0790C6;
	text-decoration: none;
}

.midia-h2 {
	font-size: 35px;
	font-weight: bold;
	color: #5CA82C;
}

.logo-midia {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 230px;
}

.text-midia {
	font-size: 20px;
}

.text-amarelo {
	color:#DABB1A}

.text-laranja {
	color: #EE8B1B}

.text-azul {
	color: #0790c6;
}




.midias-wrapper {
	background-image: url(../../img/background_logo_supra_life_x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-attachment: fixed;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.img-depoimentos {
	width: 100%;
	max-width: 445px;
}

.ofertas-wrapper {
	width: 100%;
}

.card-wrapper {
	transition: all ease-in-out 200ms;
	border: thin solid #008cc3;
	text-align: center;
	background-color: #FFFFFF;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 335px;
	padding-bottom: 30px;
}
.card-wrapper:hover{
	text-decoration: none;
}
.grow { 
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.05);
}

.grow2 { 
	transition: all 200ms ease-in-out;
}
.grow2:hover {
	transform: scale(1.05);
	background-color: rgba(17,17,17,0.30);
}

.img-card {
	width: 100%;
	max-width: 340px;
}

.title-card {
	color: #FFFFFF;
	background-color: #008cc3;
	float: left;
	width: 60%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 15pt;
	margin-bottom: 20px;
}

.title2-card {
	background-color: #000;
	float: right;
	width: 40%;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 15pt;
	margin-bottom: 20px;
}

.precoant-card {
	clear: both;
	text-decoration: line-through;
	font-size: 20pt;
	font-weight: bold;
}

.preco-card {
	font-size: 20pt;
	font-weight: bold;
}

.precogrande-card {
	color: #008cc3;
	font-size: 30pt;
	font-weight: bold;
}

.desconto-card {
	background-color: #008cc3;
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 31px;
	margin-top: 15px;
}

.btn-card {
	transition: all 200ms ease-in-out;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #008cc3;
	font-weight: bold;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px rgba(0,68,95,1.00);
	box-shadow: 0 3px #41771F;
	box-shadow: 0 3px rgba(0,68,95,1.00);
	text-align: center;
	width: 85%;
	font-size: large;
	text-indent: 0;
	margin-top: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.btn-card:hover{
	background-color: rgba(0,68,95,1.00);
	cursor: pointer;
}



.title-card-destaque {
	background-color: #000000;
	color: rgba(255,255,255,1.00);
}

.title2-card-destaque {
	background-color: #000;
}

.precogrande-card-destaque {
	color: #0057d7;	
}

.btn-card-destaque {
	background-color: #5CA82C;
	-webkit-box-shadow: 0px 3px #4A8823;
	box-shadow: 0px 3px #4A8823;
	
}
.btn-card-destaque:hover{
	background-color:#4A8823;
}

.mais-comprado {
	font-weight: bold;
	font-size: 25px;
}
.pulse {
	box-shadow: 0 0 0 rgba(0,0,0,0.40);
	animation: pulse 2s infinite;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.40);
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 30px rgba(0,0,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0 0.5);
    box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0);
      box-shadow: 0 0 0 30px rgba(0,0,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}

.pulse2 {
  box-shadow: 0 0 0 rgba(0,138,191,0.4);
  animation: pulse2 2s infinite;
}
.pulse2:hover {
  animation: none;
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,138,1918, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(0,138,191, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0,138,191, 0);
  }
}
@keyframes pulse2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0,138,191, 1);
    box-shadow: 0 0 0 0 rgba(0,138,191, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 0px rgba(0,138,191, 0);
      box-shadow: 0 0 0 20px rgba(0,138,191, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,138,191, 0);
      box-shadow: 0 0 0 0 rgba(0,138,191, 0);
  }
}

.img-oferta {
	margin-top: -13px;
	max-width: 500px;
}

.img-frete {
	width: 100%;
	max-width: 600px;
	
}

.sec_faq {
	text-align: center;
	color: #000000;
	background-image: url(../../img/bg-faq-homem.png);
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
}

.faq_header {
	border-top-style: solid;
	border-top-width: medium;
	border-bottom-style: solid;
	border-bottom-width: medium;
}

.faq_h1 {

}

.perguntas {
	font-size: large;
	font-weight: bold;
	cursor: pointer;
	color: #008CC3;
}
.perguntas:hover{
	background-color: rgba(0,127,187,0.10);
}

.respostas {
	color: rgba(255,255,255,1.00);

}

.footer {
	background-size: cover;
	background-position: center center;
}

.a-rodape {
	color: #fff;
}
.a-rodape:hover{
	color:#fff;
}



.icon-product {
	max-width: 172px;
	margin-right: 0px;
}

.bg-agenocorpo {
	background: rgba(255,255,255,1.00) url(../../img/bg-produto-mulher.png);
	background-repeat: no-repeat;
	background-position: 40% 40%;
	background-size: cover;
	background-attachment: scroll;
}

@media (min-width: 640px){
	.bg-agenocorpo{
		background-position: 20% 40%;
	}
	
}

@media (min-width: 768px){
	.bg-agenocorpo{
		background-position: 80% 40%;
	}
	
}


@media (min-width: 1024px){
	.bg-agenocorpo{
		background-position: 2rem 40%;
	}
	
}


@media (min-width: 1440px){
	.bg-agenocorpo{
		background-position: 2rem 40%;
	}
	
}

@media (min-width: 1600px){
	.bg-agenocorpo{
		background-position: 2rem 40%;
	}
	
}

@media (min-width: 1920px){
	.bg-agenocorpo{
		background-position: 3rem 40%;
	}
	
}

.funciona-h4 {
	font-size: 25px;
	font-weight: bold;
	color:rgba(92,168,44,1.00);
}

.img-funciona {
	max-width: 390px;
}



.button-depoimentos {
	transition: all ease-in-out 200ms;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: large;
	font-weight: bold;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}
.button-depoimentos:hover {
	background-color: rgba(255,255,255,1.00);
	color: rgba(92,168,44,1.00);
	text-decoration: none;
}

.garantia-hat {
	text-align: center;	
}

.garantia-wrapper {
	background-color: rgba(0,0,0,0.00);	
}

.img-garantia {
	max-width: 334px;
}

.destaque-h1-hero {
	background-color: 
rgba(92,168,44,1.00)}

.garantia-h5 {
	font-size: 18px;
	font-weight: bold;
	color: #178DBD;
}



.bg-green {
	background-color:#5CA82C;
}





.navbar-brand {
	margin-left: 15px;
}

.max-350 {
	max-width: 350px;
}

.text-green {
	color: #5CA82C;
}



.natural-wrapper {
	background-color: #008cc3;
}



.ansiedade-wrapper {
	background-image: url(../../img/bg-ansiedade.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	border-top: medium solid rgba(92,168,44,1.00);
	border-bottom: medium solid rgba(92,168,44,1.00);
}

.text-blue {
	color: #178DBD;
}
.float-button {
	width: 60px;
}

.float-button-wrapper {
	position: fixed;
	z-index: 20;
	right: 30px;
	bottom: 30px;
}

.box-shadow {
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.44);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.44);
}


.doctor-rey {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 80% bottom;
	background-size: contain;
	height: auto!important;
}

@media (min-width: 639px) {
	.doctor-rey {
		background-repeat: no-repeat;
		background-position: 160% bottom;
		background-size: contain;
		height: auto!important;
	}
}

@media (min-width: 768px) {
	.doctor-rey {
		background-image:url(../../img/pote-hero.png);
		background-repeat: no-repeat;
		background-position: 250% bottom;
		background-size: contain;
		height: auto!important;
	}
}



@media (min-width: 992px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 25rem bottom;
		background-size: contain;
		height: auto!important;
	}
}

@media (min-width: 1024px) {
	.doctor-rey {
	background-image: url(../../img/homem-hero.png);
	background-repeat: no-repeat;
	background-position: 25rem bottom;
	background-size: contain;
	height: auto!important;
	}
}
@media (min-width: 1200px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 800% bottom;
		background-size: contain;
		height: auto!important;
	}
}

@media (min-width: 1280px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 600% bottom;
		background-size: contain;
		height: auto!important;
	}
}

@media (min-width: 1366px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 300% bottom;
		background-size: contain;
		height: auto!important;
	}
}


@media (min-width: 1639px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 160% bottom;
		background-size: contain;
		height: auto!important;
	}
}

@media (min-width: 1920px) {
	.doctor-rey {
		background-image: url(../../img/homem-hero.png);
		background-repeat: no-repeat;
		background-position: 125% bottom;
		background-size: contain;
		height: auto!important;
	}
}


.bordered {
	border-width: thick;
	border-style: solid;
}

.bg-azul {
	background-color: #008CC3;
}

.img-resul {
	width: 300px;
}

.ebook-wrapper {
	background-color: rgba(215,242,255,1.00);	
}

.bg-preto {
	background-color: #000000;	
}

.bg-depoimentos {
	background-image: url(../../img/bg-depoimentos.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.garantia {
	background-image: url(../../img/bg-garantia.jpg);
	background-position: right center;
	background-size: cover;
	background-attachment: fixed;
}

.text-black {
	color: #000;
}

.text-600 {
	font-weight: 600;
}

.assinatura-dr {


}



.bg-white {
	background-color: #000000;
}

.navbar {
	border-bottom: 1px solid #008CC3;
}