@import url(../vendor/spinner.css);
/*@import url(vendor/collapse-fix.css);*/

/*fonts*/
@font-face {
	font-family: 'gloss_and_bloomregular';
	src: url('../gloss_and_bloom-webfont.woff2') format('woff2'),
	url('../gloss_and_bloom-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Marcas Topo */
.marcas img{
	display: inline-block;
	width: 12px;
	height: auto;
	margin-right: 5px;
	margin-top: -1px;
	max-height: 40px;
}
/* Marcas Topo */

.navbar{
	border: none !important;
}

.logo-onco{
	margin-right: 20px;
}

html, body { height: 100%; }
.relative { position: relative; }
.container-fluid.fixed-top { z-index: 1100; }
.container-fluid.relative { z-index: 1050; }
.separator { width: 100%; margin-top: 30px; }
button:focus, .btn:focus, button:active, .btn:active { outline: none !important; box-shadow: none; }
.full-link { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('../blank.gif'); }
.pg-index { padding: 0 !important; }

.btn-transparent { border-radius: 0; background: transparent; color: #fff; }

/*font-family class*/
.lato { font-family: 'Lato', sans-serif; }
.gab { font-family: 'gloss_and_bloomregular', sans-serif; }

/*font-weight class*/
.flight { font-weight: 300; }
.fbold { font-weight: 700; }

/*color class*/
.cwhite { color: #FFFFFF; }
.cdgray { color: #414042; }
.cpink { color: #ed1065; }

/*header*/
.video-hover:hover img {opacity: .8;}
.bg-lgray { background-color: #e9e9ea; }
#faixa-top { padding: 0 24px; position: relative; z-index: 1050; }
#faixa-top a { font-family: 'Lato', sans-serif; font-size: 10px; color: #6c6e72; padding: 7px 15px; }
#faixa-top .icon { padding-right: 5px; }
#faixa-top .dropdown { padding: 5px 15px; }
#faixa-top .dropdown > a { padding-left: 0 !important; text-transform: uppercase; }
.fixed-top .navbar-nav { flex-direction: row; }
.navbar-main { background-color: #FFFFFF; padding: 0 34px; border-radius: 0px !important; margin-bottom: 0px; }
.navbar-main .navbar-brand { padding: 10px 0 !important; }
.navbar-main .navbar-nav a{ font-family: 'Lato', sans-serif; color: #5b5b5b; padding: 28px 0px !important; margin: 0 15px; border-bottom: solid 3px transparent;}
.navbar-main .navbar-nav a:hover, .navbar-main .navbar-nav a:focus, .navbar-main .nav-link.active { color: #027cb2; border-bottom: solid 3px #027cb2; text-decoration: none; }
.navbar-brand { height: auto !important; }
.navbar .navbar-toggle {border: none; margin: 17px 10px !important;}
.navbar .navbar-toggle > .icon-bar {background-color: #0378a4; }
#lista-redes { margin-top: 30px;}
#lista-redes li { list-style: none; margin: 0; display: inline-block; padding: 0 0 0 0; }
#lista-redes li a { font-size: 27px; position: relative; color: #027cb2; padding: 0 !important; opacity: 1; transition: 0.3s ease; margin: 0 5px; border: none;}
#lista-redes li a:hover, #lista-redes li a:focus { text-decoration: none; opacity: 0.7; border: none;}
.scroll-section { padding-top: 0; }

/*background*/
.scroll-section{ position: relative; }
/*.section { padding-top: 120px; }*/
.bg-fundo { background-position: bottom center; background-size: cover; background-repeat; no-repeat; height: auto; }
.bg-p1 { background-image: url('../img/bg_p1.jpg'); }
.bg-p2 { background-image: url('../img/bg_p2.jpg'); }
.bg-p3 { background-image: url('../img/bg_p3.jpg'); }
.bg-p4 { background-image: url('../img/bg_p4.jpg'); }
.bg-p5 { background-image: url('../img/bg_p5.jpg'); }
.bg_direitos_p1 { background-image: url('../img/bg_direitos_p1.jpg'); }

.img-p1 { height: 100%; background-image: url('../img/mulher_negra2.png'); background-position: right bottom; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; right: 0; width: 100%; z-index: 1020; transition: 0.3s ease;}
.img-p2 { height: 100%; background-image: url('../img/mulher_branca2.png'); background-position: left bottom; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; z-index: 1020; transition: 0.3s ease;}
.img-p3 { height: 100%; background-image: url('../img/img-p3.png'); background-position: right bottom; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; right: 0; width: 100%; z-index: 1020; transition: 0.3s ease;}

.div-home {cursor: pointer;}
.div-home-p1 {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../img/bg-home-p1.jpg');
	background-size: cover;
	height: 100%;
	width: 50%;
}

.bg-home-p1 {position: absolute; top: 0; left: 0; background-image: url('../img/bg-home-p1.jpg'); background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; filter: grayscale(100%); transition: all 0.3s ease;}
.bg-home-p2 {position: absolute; top: 0; left: 0; background-image: url('../img/bg-home-p2.jpg'); background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; filter: grayscale(100%); transition: all 0.3s ease;}

.div-home-p2 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('../img/bg-home-p2.jpg');
	background-size: cover;
	height: 100%;
	width: 50%;
}
.img-home-p1 { width: 100%; height: 100%; background-image: url('../img/mulher_negra.png'); background-position: left bottom; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;  z-index: 1020; transition: 0.3s ease;}
.img-home-p2 { width: 100%; height: 100%; background-image: url('../img/mulher_branca.png'); background-position: right bottom; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; right: 0;  z-index: 1020; transition: 0.3s ease;}
.white-divisor { width: 7px; height: 100%; background-color: #ffffff; position: absolute; z-index: 1025; top: 0; left: calc(50% - 4px); }

/*content*/
.youtube-preview {width: 100%; height: 100%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: transparent; border: solid 1px #FFFFFF; width: 10px; height: 10px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width: 10px; height: 10px; margin: -2px 0 0 -2px; background-color: #ffffff}
#intro-video { margin-top: 30px; }
#intro-video h3 { font-size: 35px; margin-top: 0; margin-bottom: 0; font-family: 'Lato', sans-serif; text-align: center; text-transform: uppercase;}
#intro-faq h3 { font-size: 24px; margin-top: 0; margin-bottom: 0; font-family: 'Lato', sans-serif; text-align: center; text-transform: uppercase;}
#content-p2 h3 { font-size: 24px; margin-top: 0; margin-bottom: 0; font-family: 'Lato', sans-serif; text-align: center; text-transform: uppercase;}
#intro-video .content { margin-top: 15px; padding-left: 0;}
#intro-video .embed-responsive { margin-top: 30px; }

#intro-faq span { font-size: 12px; }
#intro-faq .section-title { font-size: 25px; margin-top: 0; margin: 30px 0; font-family: 'Lato', sans-serif; color: #FFFFFF; text-align: left; text-transform: uppercase; font-weight: 300;}
#intro-faq .dropdown { border-bottom: solid 1px #FFFFFF; margin-bottom: 20px; }
#intro-faq .dropdown-toggle { margin: 0 15px; white-space: normal; }
#intro-faq .dropdown-toggle:active, #intro-faq .dropdown-toggle:focus, #intro-faq .dropdown-toggle:hover { color: #FFFFFF; }

#intro-faq .dropdown-menu { max-width: 100%; height: 300px; overflow-y: auto;}
#intro-faq .dropdown-menu li { padding: 8px 20px 3px; }
#intro-faq .dropdown-menu li > a { padding: 0 0 5px 0; border-bottom: solid 1px #e5e5e5; white-space: normal; }
#intro-faq .dropdown-menu li:last-child a { border-bottom: none; }
#intro-faq #dropdown-content { background-color: rgba(255,255,255,.7); margin-bottom: 15px; padding: 20px; padding-right: 0px !important; font-family: 'Lato', sans-serif; font-size: 15px; color: #6a6a6a; line-height: 150%; }
#intro-faq #dropdown-content .tab-content { max-height: 400px; overflow-y: auto; padding-right: 20px;}
#intro-faq #dropdown-content h1, #intro-faq #dropdown-content h2, #intro-faq #dropdown-content h3, #intro-faq #dropdown-content h4, #intro-faq #dropdown-content h5, #intro-faq #dropdown-content h6 { font-family: 'Lato', sans-serif; font-size: 15px; color: #6a6a6a; }
#intro-faq .cwhite > a {color: #ffffff;}

.img-text { padding: 0 24px; margin-top: 100px;}
.img-text2 { padding: 0 24px; margin-top: 120px;}
.img-text img{ padding: 0 30px; }
.img-text2 img{ padding: 0 30px; }

.img-home-p1 span.cwhite { position: absolute; z-index: 1; width: fit-content; bottom: 110px; left: 70px; font-size: /*50px*/ 3.5vw; text-transform: initial; }
.img-home-p1 span.cpink { position: absolute; bottom: -24px; left: 24px; font-size: 140px /*10vw*/; letter-spacing: -10px; }

.img-home-p2 span.cwhite { position: absolute; z-index: +1; width: fit-content; bottom: 110px; right: 70px; font-size: /*50px*/ 3.5vw; text-transform: initial; }
.img-home-p2 span.cpink { position: absolute; bottom: -24px; right: 24px; font-size: 140px /*10vw*/; letter-spacing: -10px; }

.img-p1 span.cwhite {position: absolute; z-index: +1;  bottom: 110px; right: 50px; font-size: 50px; text-transform: initial;}
.img-p1 span.cpink {position: absolute; bottom: -24px; right: 24px; font-size: 140px; letter-spacing: -15px;}

.img-p2 span.cwhite {position: absolute; z-index: +1;  bottom: 110px; left: 50px; font-size: 50px; text-transform: initial;}
.img-p2 span.cpink {position: absolute; bottom: -24px; left: 24px; font-size: 140px; letter-spacing: -15px;}

.img-p3 span.cwhite, .img-home-p3 span.cwhite { position: absolute; z-index: +1;  bottom: 110px; right: 50px; font-size: 50px; }
.img-p3 span.cpink, .img-home-p3 span.cpink{ position: absolute; bottom: -24px; right: 24px; font-size: 140px; letter-spacing: -15px; }

#p1-hover { width: 40%; height: 35%; position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: all .25s ease-in-out}
#p2-hover { width: 50%; height: 35%; position: absolute; top: 51%; right: 70%; transform: translate(50%, -50%); text-align: center; opacity: 0; transition: all .25s ease-in-out}
.div-home-p1:hover #p1-hover {  top: 49%; opacity: 1}
.div-home-p1:hover .bg-home-p1 { filter: grayscale(0%); }
.div-home-p2:hover .bg-home-p2 { filter: grayscale(0%); }
.div-home-p2:hover #p2-hover {  top: 50%; opacity: 1}

.div-home a { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #ffffff; text-transform: uppercase; text-align: center; padding-top: 15px; }
#p1-hover img, #p2-hover img { margin-bottom: 10px; }

.section-title { font-family: 'Lato', sans-serif; font-weight: 300; color: #f2f2f0; text-transform: uppercase; margin-bottom: 20px; }

#content-p2 { max-width: 100% !important; }
#owl-video .owl-stage-outer { padding: 10px; }
#fullpage-bemestar #owl-video { padding: 0; }
#fullpage-bemestar .owl-stage-outer { padding: 0 10px; }
#fullpage-bemestar .owl-dots { margin-top: 0; }
.video-item { margin-bottom: 20px; transition: all .25s ease-in-out; }
/*.video-item img { border-radius: 3px; border: solid 3px #fff; }*/
.video-item:hover img { opacity: 0.8}
.video-item .video-item-title { font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; color: #f2f2f0; text-transform: initial; margin-bottom: 5px;}
.video-item .video-item-text { font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; color: #f2f2f0; }

#owl-video-nav { position: absolute; top: 50%; transform: translateY(-50%); }
#owl-video-nav .owl-prev { margin-bottom: 24px; }

.bg-p3 h3 { margin-top: 0; margin-bottom: 0; }

#vejamais { }
#vejamais h3 { margin-top: 0; margin-bottom: 0; font-family: 'Lato', sans-serif; text-align: center; text-transform: uppercase;}
#vejamais p { margin-top: 15px; padding-left: 0; padding-right: 0; }
#vejamais .vejamais { transition: .7s ease; }
#vejamais .vejamais:hover { transform: scale(1.05);  }

#copyright { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
#copyright span{ font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; color: #5b5b5b; }

.modal { z-index: 1150; }
.modal.fade .modal-dialog { transform: translate(0, 0%); }

/****************/
/* MOBILE MEDIA */
/****************/
@media (max-width: 424px) {
	.section:first-child { padding-top: 60px !important; }
	#intro-video h3 { font-size: 1.5em !important; margin-top: 0; margin-bottom: 0; }
	.img-text img { padding: 0 !important; }
}

@media (max-width: 768px) {
	.fixed-top .navbar-nav { flex-direction: column; }
	.fixed-top #lista-redes { margin-top: 30px; flex-direction: row; transform: translateY(0%);}
	.section { padding: 40px 0 20px !important; }
	.section:first-child { padding-top: 120px !important; }
	.bg-p4.section { height: auto !important; padding-bottom: 40px !important;}
	.bg-p4.section > .fp-tableCell { height: auto !important; }
	.section.pg-index { padding: 0 !important; }

	#intro-video h3 { font-size: 2em; margin-top: 0; margin-bottom: 0; }
	#lista-redes {justify-content: center;}
	#fp-nav {
		display: none;
	}
	.navbar-main {
		padding: 0 !important;
	}

	.img-text {margin-top: 30px; margin-bottom: 30px;}

	.img-p1 span.cwhite, .img-home-p1 span.cwhite { position: absolute; bottom: 60px; left: 30px; font-size: 25px; }
	.img-p1 span.cpink, .img-home-p1 span.cpink{ position: absolute; bottom: -15px; left: 10px; font-size: 70px; letter-spacing: -5px; }
	.img-p2 span.cwhite, .img-home-p2 span.cwhite { position: absolute; bottom: 70px; right: 75px; font-size: 25px; }
	.img-p2 span.cpink, .img-home-p2 span.cpink { position: absolute; bottom: -15px; right: 10px; font-size: 70px; letter-spacing: -5px; }

	#vejamais h3 {font-size: 20px;}
	#copyright span { font-size: 9px; }

	.navbar-main .navbar-nav a { padding: 10px !important; }
	#intro-faq #dropdown-content .tab-content { max-height: fit-content; }

	.img-p3 span.cwhite, .img-home-p3 span.cwhite { position: absolute; bottom: 110px; right: 50px; font-size: 50px; }
	.img-p3 span.cpink, .img-home-p3 span.cpink{ position: absolute; bottom: -24px; right: 24px; font-size: 100px; letter-spacing: -15px; }

	#intro-faq .dropdown-menu{
		max-height: 200px; overflow: scroll;
	}
	#copyright { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); }

	.navbar-main .navbar-nav a{
		padding: 10px 0 !important;
		text-align: center;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 22px;
	}

	/*.navbar-main .pull-right, .navbar-main .pull-left{
		float: none !important;
		font-size: 25px;
	}*/
	.navbar-collapse.show {
		padding-bottom: 40px;
	}
	.navbar-brand{
		width: calc(100% - 100px);
	}

	#lista-uteis {
		display: flex;
		margin-bottom: 30px;
	}

	#lista-uteis li > a > i, #lista-uteis li > a > img{
		display: none;
	}
	#lista-uteis li {
		padding: 0;
		text-align: center;
	}
	

}
@media (max-width: 600px){
	.div-home-p1, .div-home-p2 {
		width: 100%;
		height: calc(50% - 43px);
	}
	.white-divisor {
		width: 100%;
		height: 7px;
		top: calc(50% + 43px);
		left: 0;
	}
	.div-home-p1 {
		top:86px;
	}
	.div-home-p2 {
		height: calc(50% - 43px);
		top: calc(50% + 43px);
	}
	#p1-hover, #p2-hover{
		display: none;
	}

}


/*****************/
/* DESKTOP MEDIA */
/*****************/
@media (min-width: 768px){
/*	.navbar-expand-lg .navbar-toggle {
		display: none;
	}*/
	#intro-faq .dropdown-menu { border-radius: 0 !important; background-color: rgb(255,255,255); }
	#lista-uteis { display: none; }
}

@media (max-width: 1199px){
	.navbar-brand img{
		max-width: 80%;
		display: inline-block;
		vertical-align: middle;
		float: none !important;
		max-height: 50px;
	}
}

@media (min-width: 768px) and (max-width: 1199px){
	.img-home-p1 span.cwhite, .img-home-p2 span.cwhite {
		bottom: 80px;
	}
	.img-home-p1 span.cpink, .img-home-p2 span.cpink {
		font-size: 90px;
	}

}

@media (min-width: 600px) and (max-width: 992px){
	.fixed-top .navbar-nav { flex-direction: column; }
	#p1-hover, #p2-hover {

	}
	#p1-hover {
		width: 60%;
		left: 50%;
	}
	#p2-hover {
		width: 70%;
		right: 50%;
	}
}
@media (max-width: 992px){
	.menu-align {width: 100%; float: none !important;}
	.menu-align > .navbar-nav { float: none !important; }
	.navbar-main .navbar-nav a{
		padding: 10px 0 !important;
		text-align: center;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 22px;
	}
	#lista-uteis {
		display: flex;
		margin-bottom: 30px;
	}
	#lista-uteis li > a {
		font-size: 15px;
		padding: 0 !important;
	}
	.fixed-top #lista-redes { margin-top: 30px; flex-direction: row; transform: translateY(0%); justify-content: center;}
}
/* Nav Toggle */
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: auto;
}
#nav-menu {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  padding: 0;
}

#nav-menu span {
  display: block;
  position: absolute;
  height: 6px;
  width: 35px;
  background: #0378a4;
  border-radius: 9px;
  opacity: 1;
  left: 50%;
  -webkit-transform: rotate(0deg) translateX(-50%);
  -moz-transform: rotate(0deg) translateX(-50%);
  -o-transform: rotate(0deg) translateX(-50%);
  transform: rotate(0deg) translateX(-50%);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-menu span:nth-child(1) {
  top: 6px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-menu span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-menu span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-menu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg) translateX(-50%);
  -moz-transform: rotate(45deg) translateX(-50%);
  -o-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  top: 18px;
}

#nav-menu.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateX(-50%);
  -moz-transform: rotate(-45deg) translateX(-50%);
  -o-transform: rotate(-45deg) translateX(-50%);
  transform: rotate(-45deg) translateX(-50%);
  top: 18px;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse.show {
    	display: block!important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
}