/*!
Theme Name: Oftalmoplus Cartão de Vantagens
Theme URI: https://cartaodevantagensoftalmoplus.com.br

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a:hover{
	text-decoration:none;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* 5 colunas */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}


/* geral */

@font-face{
	src:url('fonts/VariableBlack-Regular.ttf');
	font-family:VariableBlack-Regular;
	}
@font-face{
	src:url('fonts/VariableBold-Regular.ttf');
	font-family:VariableBold-Regular;
	}

body {
    padding: 0;
    margin: 0;
    font-family: VariableBold-Regular;
    font-size: 1rem;
    color:#666;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
body.full-page {
   overflow: hidden !important;
}
#icones i{
	font-size: 30px;
    margin: 10px;}
html {
    font-size: 16px;
}
ol,ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a, a:hover, a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}
input:focus{
    outline: none;
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
	font-family:VariableBlack-Regular;
}
.font-regular{
	font-family: VariableBold-Regular;
	}
.vinho{
	color:#842552;}
.bg_vinho{
	background:#842552;}
.amarelo{
	color:#fdc533;}
.bg_amarelo{
	background: #fdc533;
	}
.bg_vinhoclaro{
	background:#be9497;
	}
.legenda.bg_vinhoclaro{
	background:rgba(132,32,87,.8);
	}	
.branco{
	color:#FFF;
}

h1 {
    font-size: 2.75rem;
}
h2 {
    font-size: 2.5rem;
	
}
h3 {
    font-size: 1.875rem;
}
h4 {
    font-size: 1.25rem;
}
h5{
    font-size: 1rem;
}
h6{
    font-size: 0.875rem;
}
p{
   font-size: 28px;
}
p.title {
   font-size: 1rem;
}
.single p{
	font-size:1.5rem;
	}
.single
.block{
    display: block;
}
.cloudTags li{
	display:inline-block;
	margin-right:10px;}
.btn-warning{
	background:#0C99DC;
	border:0}
.single .imagem{
	margin-bottom:20px}
.italic {
	font-style: italic;
}
button{
    line-height: 1;
}


footer{
	width:100%;
	float:left;
	
	}
.verde{
	color:#a8c236;}
.verdeclaro{
	color:#32B766;
	}
.azul{
	color:#213067;
	}
.azul2{
	color:#006f9b;}
.preto{
	color:#000;}
.azulclaro{
	color:#22b9ea;
	}
.bg_cinza{
	background:#EEE;
	}
.bg_cinza2{
	background:#dedede;}
.bg_azul{
	background:#213067;
	}
.bg_verde{
	background:#a8c236;}
.bg_azulclaro{
	background:#68b7ea;}
.bg_azulclaro1{
	background:#cce3f3;}
.bg_azulclaro2{
	background:#d1e8f9;}
.bg_azulclaro3{
	background:#cce3f3;}
.bg_amarelo{
	background:#e6ad3a;}

.bg_azulescuro{
	background:#19152e;}
.bg_cinzaescuro{
	background:#595959;
	}
.rodape{
	padding:20px 0;
	text-align:center;}
.branco, .branco p{
	color:#FFF;}
.bg_pretotrans{
	background:rgba(0,0,0,.2);}
section{
	width:100%;
	float:left;
	padding:20px 0;}
footer{
	padding-top:20px;
	float:left;
	width:100%;}
#tabelas .btn{
	margin-bottom:3px;
	-webkit-box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
	font-size:30px;
	width:60%;
	text-align:left;}
h1,h2,h3,h4,h5{
	
	font-weight:800;
	}
header{
	padding-bottom:20px;
	float:left;
	width:100%;}
#condicoes{
	background-image:url(https://cartaooftalmoplus.com.br/wp-content/uploads/2021/01/destaque2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#condicoes h2, #condicoes h3{
		font-family: VariableBold-Regular;
	}
#condicoes p{
	font-size:15px;}
.nopadding{
	padding:0;}
img{
	max-width:100%;
	height:auto;}
.logo{
	z-index:999;}

.navbar{
	border:0;
	margin:0;
	background: #e2e2e1;
	margin-top:70px;
	padding-right:20%;
	border-radius:0;
	float:right;
	}
.navi{
	padding:0;
	}
nav li{
	float:left;
	}
nav a{
	text-shadow:none !important;
	padding: 0px 20px !important;
	line-height:40px !important;
	display:block;
	font-size:25px;
	color:#68b7ea;
	font-family:VariableBlack-Regular;
	border-right:1px solid #FFF;
	}
	video{
		width:100%;
		
		}
.data{
	position: absolute;
    right: 20px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    font-size: 22px;
    line-height: 18px;
	}
#destaque .item img{
	width:100%;
	}
#carouselExampleIndicators .titulo{
	position:absolute;
	top:40%;
	left:200px;
	border:0;
	width:60%;
	}
#destaque h2{
	color:#FFF;
	text-shadow: 4px 4px 4px #000;
	font-size:30px;
	font-weight:800;}
.btn{
	margin-bottom:20px;
	font-size:20px;}
.btn_contato{
	margin-left:20px;
}
#destaque .btn{
	font-size:20px;}
.data span{
	font-size:12px;}
.nav a:hover, .nav .current-menu-item a{
	color:#fff !important;
	background-color:rgba(0,0,0,.2) !important;
	}
.nav li.current-menu-item a{
	background:#0C99DC !important;
	color:#FFF !important;
}
.nav li .sub-menu{
	display:none;
	}

.titulo{
	
	border-bottom:2px solid #EEE;
}

p{
margin-bottom:20px;
}
.padding-10{
	padding:10px 0;}
.padding-20{
	padding:20px 0;}
.padding-40{
	padding:40px 0;}
.margin-0{
	margin:0;}

.clear-left{
	clear:left;}
#numeros{
	background:url(https://innovago.com.br/pgbb/wp-content/uploads/2020/08/fundo_numeros.jpg)  no-repeat;
	background-size:cover;
	}
#numeros h4{
	font-size:50px;}
#numeros p{
	text-align:center;
	font-size:16px;
	}
.imagem img{
	width:100%;}
.foto{
	width:260px;
	height:260px;
	overflow:hidden;
	}
.foto img{
	height:260px;
	width:auto;
}
.redondo{
	border-radius:50%;
	}
.redondo img{
	max-width:inherit
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
   margin-left: 0px; 
}
.topo a{
	color:#FFF;
	}
.topo{
	padding: 5px 0;
	}
.icone{
	
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 0px;
    float: left;
    padding-top: 5px;
    margin-right: 2px;
    margin-top: 1px;
    text-align: center;
	background:#0C99DC;
	color:#FFF;
	}
.bloco{
	background:rgba(81,137,181,.9 );
	padding:10px;
	margin-top:-100px;
	color:#FFF;
	}
#destaque{
	float:left;
	width:100%;}
.logo{
	
	}
.home .logo{
	margin-top:40px;
	
	}
.logo img{
	}

.menu{
	margin-top:40px;
	}
.carousel-control-prev,.carousel-control-next{
   width: 30px;
    height: 30px;
    position: absolute;
    top: 250px;
    z-index: 9999;
	}
.carousel-control-prev{
	left:20px;}

.carousel-control-next{
	right:20px;
	
}

.social{
	float:right;
	margin:0;
	padding:0;}
.social li{
	float:left;
	margin-right:10px;
	list-style:none;}
.social a{
	display: block;
    text-align: center;
    font-size: 12px;
    line-height: 23px;
    border-radius: 30px;
	}

input,textarea{
	background: #FFF;
	color:#006f9b;
	border:0;
	padding:10px;
	font-size:20px;
	width:100%;
	margin-bottom:10px;
}
::placeholder{
	color:#006f9b;
	}
.formulario{
	padding:20px;}
#cadastrese .container .div{
	padding:0 10px;}
 input[type=submit]{
	color: #FFF;
    width: fit-content;
    padding: 10px 60px;
    font-family: VariableBold-Regular;
	}
.navbar-mobile{
	display:none;}
#unidades .btn{
	font-size:15px;}

#central{
	padding:10px 0;
	}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
   
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
   padding: 0 6px;
    -moz-border-radius: 16px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 40%;
    background: #3CB4E5;
    color: #fff;
    font-size: 30px;
    padding: 0 10px 5px;   
}

.nbs-flexisel-nav-left {
    left: 0px;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.nbs-flexisel-nav-right {
	right:0px;
	-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}



.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}	
footer h3{
	font-weight:bold;
	font-size:20px;}
footer a{
	
	margin-bottom:10px;
	display:block;
	font-size:14px;}
footer ul{
	
	padding:10px;}
footer .social{
	padding:0;
	}
footer .social-icons li{
	margin-bottom:10px;
	display:inline-block;}
li:hover .sub-menu{
	display:block;
	position:absolute;
	padding:0;
	list-style:none;
	background:rgba(0,0,0,.5);}
.nav .sub-menu a{
	line-height: normal !important;
    padding: 15px !important;
	}
footer .sub-menu{
	display:block;
    padding: 0px 0 5px 20px;}
footer li:hover .sub-menu{
	position:relative;
	
	 padding: 0px 0 5px 20px;
	background:none;
	list-style:circle;}
@media screen and (max-height: 450px) {
  
}
@media (min-width: 1200px){

}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* fim 5 colunas */


/* fim flexisel */
.navbar-toggle {
    position: absolute;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 0px;
    right: 30px;
    border: 1px solid #666;
    z-index: 999999;
}
.navbar-toggle .icon-bar {
    background: #666;
}
#destaque{
	overflow:hidden;}


@media all and (max-width: 1024px){
	
}
@media all and (max-width: 767px){
	#destaque h2 {
    color: #FFF;
    text-shadow: 4px 4px 4px #000;
    font-size: 20px;
    font-weight: 800;
}
#destaque h2 {
    color: #FFF;
    text-shadow: 4px 4px 4px #000;
    font-size: 14px;
    font-weight: 800;
}
#destaque .btn {
    font-size: 15px;
}
	.row{
		margin:0;}
	
.home .logo {
    margin-top: 20px;
}
	.navbar-nav{
		display:none;
		background: rgba(30,30,30,.9);
    border: 1px solid #FFF;
    margin-top: 40px;
    margin-right: 0px;
    position: absolute;
    z-index: 9999;
	
	margin:auto;
   
		}
	p{
		font-size:15px;
	}
	h1{
		font-size:25px;
	}
	h2{
		font-size:22px;
	}
	h3{
		font-size:20px;
	}
	.btn{
		font-size:15px;
	}
	form div{
		padding:0 !important;
	}
	input[type="submit"]{
		margin-top:-20px;
	}
	#condicoes{
		background-image:none;
	}
	.sub-menu{
		display: block !important;
    position: relative !important;
    padding: 0 0 0px 15px !important;}
	.nav a{
		line-height:40px !important;
		color:#FFF;
	font-size:15px;}
	.nav a:hover, .nav .current-menu-item a, .current_page_ancestor a {
    background: #0C99DC !important;
	color:#FFF !important;
		font-size:15px
	
	}
	.carousel-control-prev, .carousel-control-next {
   width: 30px;
height: 30px;
margin-top: -50px;
margin-left: 20px;
top: 150px;
	
}
header .social span{
	display:none;}
.bloco{
	margin:0 0 5px 0;}
#carouselExampleIndicators .titulo{
	left:40px;
	width:80%;
	}
.navbar-toggle{
	border-color:#333;}
.navbar-toggle .icon-bar {
    background: #333;
}
header{
	position:relative;
	background:#fff;
	padding-bottom:20px;
	}

#tabelas .btn {
    margin-bottom: 3px;
    -webkit-box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.75);
    font-size: 25px;
    width: 100%;
    text-align: left;
}
.topo{
	padding: 5px 0;
position: fixed;
bottom: 0;
z-index: 9999;
width: 100%;}
}