@font-face {
	font-family: 'vedo-book';
	src: url('../fonts/Vedo\ Book.ttf') format("truetype");
}

* {
	scroll-behavior: smooth;
}

body {
	background: #ffffff none repeat scroll 0 0;
    color: #888888;
    font-family: 'vedo-book', sans-serif;
    font-size: 16px;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6 {
	color: #292b2c;
	font-family: "basic-sans", sans-serif !important;
}

p {
	font-family: 'vedo-book';
}

.font-menu{
	font-family: 'Barlow', sans-serif;
}


/* Navbar */
.hover_menu_style2 .navbar-expand-lg .navbar-nav > li > .nav-link::before {
	background-color: #237daa !important;
	bottom: 15px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	right: 50%;
	transition: all 0.5s ease 0s;
}
.hover_menu_style2.light_skin .navbar-expand-lg .navbar-nav > li > .nav-link::before {
	background-color: #237daa !important;
}

.hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav > li > .nav-link::before {
	background-color: #237daa !important;
}

.light_skin  .top-header,
.light_skin  .middle-header {
	border-bottom: 1px solid #237daa !important;
}

.font-menu-tele:hover{
	color: #237daa !important;
}

.header_wrap.nav-fixed {
    background-color: #ffffff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1000 !important;
}

/* Botoes */
.btn-outline-blue {
	background-color: transparent;
	font-size: 1.2rem !important;
	border: 2px solid #237daa !important;
	padding: 20px 30px !important;
	border-radius: 25px !important;
}

.btn-outline-blue:hover {
	background-color: #237daa !important;
	color: #ffffff !important;
}

.btn-outline-white {
	background-color: transparent;
	font-size: 1.2rem !important;
	border: 2px solid #fff !important;
	color: #fff !important;
	padding: 20px 30px !important;
	border-radius: 25px !important;
}

.btn-outline-white:hover {
	background-color: #fff !important;
	color: #237daa !important;
}

.fundo_section_banner {
	background-image: url(../images/slider_home_rede_fpass.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Sessão 01 */

/* .elemento-sessao01 {
	max-width: 150% !important;
} */

.banner_section {
    position: relative !important;
	height: 645px !important;
}

/* .fundo-sessao01 {
	height: 1200px;
} */

/* Section Especialidade */

.item-especialidade {
	transition: 0.5s;
	color: #6b6b6b;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: justify;
	cursor: pointer;
}

.item-especialidade:hover {
	transform: scaleX(1.1) scaleY(1.1);
	transition: ease-in-out 0.5s;
	color: #4d4d4d;
}

/* Circular Menu */

.circle-menu {
	position: relative;
	width: 90vw;
	height: 90vw;
	max-width: 500px;
	max-height: 500px;
	border-radius: 50%;
}

#center-text {
	color: #6b6b6b;
	font-family: 'basic-sans', sans-serif;
}

.circle-menu .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2em;
    display: none;
}

.circle-menu .icon {
	position: absolute;
	width: 15vw;
	height: 15vw;
	max-width: 80px;
	max-height: 80px;
	border-radius: 50%;
    background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: transform 0.3s, background-color 0.3s;
}

.circle-menu-img {
	.cls-1 {
		fill: #237daa;
	}
	height: 5vh;
}

.circle-menu .icon.active {
    transform: scale(1.2);
    background-color: #237daa;
    color: #fff;
	.cls-1 {
        fill: #fff;
	}
}

/* Sessao QR-Code */

.fundo-qr-code {
	background-image: url("../images/textura_shape.png");
	border-radius: 40px;
}

.img-celulares {
	height: 50vh;
}

/* Sessao alternativa */
.banner-sessao05 {
	display: flex !important;
	flex-direction: column;
	align-items: end;
	justify-content: end;
}

/* Sessao Clube */

.marcas-clube{
	transition: 0.5s;
	cursor: pointer;
}

.marcas-clube:hover {
	transform: scale(1.1);
	transition: ease-in-out 0.5s;
}

.fundo-marcas {
	background-image: url("../images/textura_shape.png");
	border-radius: 40px;
}

/* Sessao Telemedicina Empresas e Colaboradores */

.telemed-empresas-colab {
	margin-top: 10vw;
	background-image: url("../images/background_empresas_colaboradores.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.titulo-cards-telemed {
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	font-family: 'basic-sans', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	color: #fff;
	border: 2px solid rgba(35, 125, 170, 0.6);
}

.cards-telemed {
	cursor: pointer;
	position: relative;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	font-family: 'basic-sans', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	padding: 40px;
	color: #fff;
	border: 2px solid rgba(35, 125, 170, 0.6);
}

.content{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	padding: 5px;
    position: absolute;
    background-color: #0192ce;
	border: 2px solid #0192ce;
	border-radius: 20px;
    font-family: 'vedo-book';
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.6s;
    color: white;
	font-size: 1rem;
}

.content:hover{
    opacity: 1;
}

.content > *{
    transform: translateY(15px);
    transition: 0.6s;
}

.cards-clube-telemed {
	position: relative;
	cursor: pointer;
	background-color: #0494d0;
	border-radius: 20px;
	font-family: 'basic-sans', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	padding: 10px;
	color: #fff;
	transition: 0.6s;
}

.cards-clube-telemed:hover {
	background-color: #fff;
	color: #0494d0;
	border: 2px solid rgba(35, 125, 170);
	transition: 0.6s;
}

/* Duvidas Frequentes */

.card-header h6{
	font-family: 'vedo-book', sans-serif !important;
}

.card-header h6 a:hover {
	color: #237daa !important;
}


/* Footer  */

.footer_link li a:hover {
	color: #237daa !important;
}

.footer_link:hover {
	color: #237daa !important;
}

/* Responsividade Mobile */

@media (max-width: 550px) {
	.fundo_section_banner {
		background-image: url(../images/banner_home_telemedicina_mobile.png);
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.telemed-empresas-colab {
		background-image: url("../images/background_empresas_colaboradores_mobile.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (max-width: 480px) {
	/* Sessao 01 */

	.titulo-sessao01 {
		font-size: 2rem !important;
	}
 
	.paragrafo-sessao01 {
		font-size: 1.2rem !important;
	}

	.fundo-sessao01 {
		height: 1550px !important;
	}

	/* .elemento-sessao01 {
		max-width: 160% !important;
	} */

	/* Sessao 02 */

	.item-especialidade {
		font-size: 1rem;
	}

	.item-especialidade span img {
		margin-right: 2px !important;
	}

	/* Sessao 03 */ 

	.sessao-03 {
		margin-top: 5vh;
	}

	/* Sessao 04 */

	.sessao-04 {
		margin-top: 10vh;
	}

	.titulo-sessao04 {
		font-size: 1.3rem !important;
	}

	.fundo-qr-code {
		height: 140vh !important;
		border-radius: 15px;
	}

	.elementos-celulares {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Sessao 05 */

	.banner-sessao05 {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
	}

	.sessao-05 {
		margin-top: 20vh;
	}

	.titulo-sessao05 {
		font-size: 2.3rem !important;
	}

	/* Sessao 06 */

	.paragrafo-sessao06 {
		font-size: 1.2rem !important;
	}

	/* Sessao 07 */

	.telemed-empresas-colab {
		margin-top: 30vh;
	}

	.fundo-marcas {
		background-image: url("../images/textura_shape.png");
		border-radius: 40px;
	}

	/* Sessao 08 */

	.telemed-empresas-colab {
		height: 160vh;
	}

	.titulo-cards-telemed {
		font-size: 1.2rem;
	}

	.cards-telemed {
		font-size: 1.2rem;
	}

	.content {
		font-size: 0.8rem;
	}

	.titulo-sessao08 {
		font-size: 3.5rem !important;
	}
	
	.subtitulo-sessao08 {
		font-size: 1.7rem !important;
	}

	/* Sessao 09 */

	.cards-clube-telemed {
		font-size: 1rem;
	}

	.sessao-09 {
		/* height: 140vh !important; */
	}

	/* Sessao 11 */

	.sessao-11 {
		height: 130vh !important;
	}
}

@media (max-width: 375px) {
	/* banner */

	.titulo-banner {
		font-size: 3rem !important;
	}

	.paragrafo-banner {
		font-size: 1.5rem !important;
	}


	/* Sessao 01 */

	.titulo-sessao01 {
		font-size: 1.5rem !important;
	}
 
	.paragrafo-sessao01 {
		font-size: 1.1rem !important;
	}

	.fundo-sessao01 {
		height: 1430px !important;
	}


	/* Sessao 02 */

	.item-especialidade {
		font-size: 0.9rem;
	}

	.item-especialidade span img {
		margin-right: 0px !important;
	}

	/* Sessao 03 */ 

	.sessao-03 {
		margin-top: 5vh;
	}

	/* Sessao 04 */

	.sessao-04 {
		margin-top: 5vh;
	}

	.titulo-sessao04 {
		font-size: 1.3rem !important;
	}

	.fundo-qr-code {
		height: 140vh !important;
		border-radius: 15px;
	}

	.elementos-celulares {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Sessao 05 */

	.banner-sessao05 {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
	}

	.sessao-05 {
		margin-top: 10vh;
	}

	.titulo-sessao05 {
		font-size: 2.3rem !important;
	}

	/* .banner-economicamente {
		height: 90vh !important;
	} */

	/* Sessao 06 */

	.paragrafo-sessao06 {
		font-size: 1.2rem !important;
	}

	/* Sessao 07 */

	.telemed-empresas-colab {
		margin-top: 10vh;
	}

	.fundo-marcas {
		background-image: url("../images/textura_shape.png");
		border-radius: 40px;
	}

	/* Sessao 08 */

	.titulo-cards-telemed {
		font-size: 1rem;
	}

	.cards-telemed {
		font-size: 1rem;
	}

	.content {
		font-size: 0.7rem;
	}

	.titulo-sessao08 {
		font-size: 3rem !important;
	}
	
	.subtitulo-sessao08 {
		font-size: 1.4rem !important;
	}

	/* Sessao 09 */

	.cards-clube-telemed {
		font-size: 1rem;
	}

	/* .sessao-09 {
		height: 260vh !important;
	} */

	/* Sessao 11 */

	.sessao-11 {
		height: 130vh !important;
	}
}

/* Responsividade Tablet */

@media (min-width: 481px) and (max-width: 991.98px) and (orientation: portrait) {
	/* Sessao 01 */

	.titulo-sessao01 {
		font-size: 3rem !important;
	}
 
	.paragrafo-sessao01 {
		font-size: 1.5rem !important;
	}

	.fundo-sessao01 {
		height: 1600px !important;
	}

	/* .elemento-sessao01 {
		max-width: 120% !important;
	} */

	/* Sessao 02 */

	.item-especialidade {
		font-size: 1.4rem;
	}

	.item-especialidade span img {
		margin-right: 2px !important;
	}

	/* Sessao 03 */ 

	.sessao-03 {
		margin-top: 50vh;
	}

	/* Sessao 04 */

	.sessao-04 {
		margin-top: 60vh;
	}

	.titulo-sessao04 {
		font-size: 1.3rem !important;
	}

	.fundo-qr-code {
		height: 140vh !important;
		border-radius: 15px;
	}

	.elementos-celulares {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Sessao 05 */

	.banner-sessao05 {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
	}

	.sessao-05 {
		margin-top: 60vh;
	}

	.titulo-sessao05 {
		font-size: 3rem !important;
	}

	/* Sessao 06 */

	.paragrafo-sessao06 {
		font-size: 1.2rem !important;
	}

	/* Sessao 07 */

	.telemed-empresas-colab {
		margin-top: 45vh;
	}

	.fundo-marcas {
		background-image: url("../images/textura_shape.png");
		border-radius: 40px;
	}

	/* Sessao 08 */

	.telemed-empresas-colab {
		height: 140vh;
	}

	.titulo-cards-telemed {
		font-size: 1.8rem;
	}

	.cards-telemed {
		font-size: 1.8rem;
	}

	.content {
		font-size: 1.2rem;
	}

	.titulo-sessao08 {
		font-size: 3.5rem !important;
	}
	
	.subtitulo-sessao08 {
		font-size: 1.7rem !important;
	}

	/* Sessao 09 */

	.cards-clube-telemed {
		font-size: 1.8rem;
	}

	.sessao-09 {
		/* height: 160vh !important; */
	}

	/* Sessao 11 */

	.sessao-11 {
		height: 110vh !important;
	}
}