@import url(./menu.css);

:root{
	--font-size-p: 14px;
	--corprincipal: #005C8B;
	--cortitulos: #111111;
	--cor-txt: #353535;
	--cor-txt-tit: #111111;
	--cor-txt-dest: #EFB12D;	

}






@keyframes somativo{
	0%{font-size:100px; left:0px; top:0px; opacity:1; color:#FFF;}
	100%{font-size:120px; left:-10px; top:-10px; opacity:0.001; color:#FFF;}
}
/* Exclusivo 3Dablios Assinatura */
.sign3Ws{background: linear-gradient(90deg, rgba(48,190,84,1) 0%, rgba(58,69,180,1) 20%, rgba(131,58,180,1) 40%, rgba(253,29,29,1) 60%, rgba(252,176,69,1) 80%, rgba(255,248,0,1) 100%);background-size: 200% auto;	color: #000;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 5s linear infinite;font-weight:700;}
@keyframes shine {to {background-position: 400% center;}}

/* CONFIGURAÇÕES GERAIS */
	
	p {color: #454545; font-size: 16px; font-weight: 400; line-height: 24px; margin:0px !important;}
	h1,h2,h3,h4,h5,h6{font-family: 'roboto', sans-serif; color:var(--cortitulos);}
	h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2  strong, h3  strong, h4  strong, h5  strong, h6  strong{color: var(--corprincipal);}
	
	a, a:visited{text-decoration:none; color:var(--corprincipal);}	
	a:hover, a:active{color:var(--cor_txt_dest);}
	
	.line-bottom {border-bottom: 1px dotted #d3d3d3;position: relative;margin-bottom: 15px;padding-bottom: 10px;}
	.line-bottom:after {bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 50px;background: var(--cor-txt-dest);}
	
	.linediv{width:100%; height:3px; background-color:var(--cor-txt-dest);}
	.linediv .fa{color:var(cor-txt-dest);}
	ol, ul {padding-left: 0px;}
	
	.btn{border-radius:0px !important;}
	
	.titlebox{font-family:roboto; font-size:20px; color:#111111;}
	.section-border{position:relative;}
	.session-title h2{font-size: 36px; font-weight: 400; color:#111111;}
	.session-title .icon-holder{position: relative; top: -5px; width: 20px; height: 16px; left: 50%; margin-left: -10px;background: #FFF;z-index: 1;text-align: center;}
	.session-title .icon i{position:relative; font-size:14px; left:1px; color:var(--cor-txt-dest);top:0px;}
	.session-title .icon:after{content: ""; position: absolute; top: 4px; left: 0; right: 0; margin: auto; height: 1px;  width: 160px;  background: #CCCCCC;}
	.session-title p{letter-spacing: 1px;}
	ul, ol, li {list-style-type: none;}
	.tjustify, .justificado{text-align:justify !important;}
	.imgresponsive{width:100% !important; height:auto !important;}
	
	.imagepagetop{position:relative; width:100%; height:600px; margin:0px; padding:0px; background-color:#ccc; background-position:bottom center; background-attachment:fixed; background-size: cover; box-shadow: 4px -47px 95px -37px rgba(0,0,0,0.75) inset;-webkit-box-shadow: 4px -47px 95px -37px rgba(0,0,0,0.75) inset;-moz-box-shadow: 4px -47px 95px -37px rgba(0,0,0,0.75) inset;}
	.imagepagetop .cover{position:absolute;width:100%;height:100%;min-width:100%;min-height:100%;top:0;left:0;background-color:transparent; background-image: url(../imgs/bg_slides.png); background-repeat: no-repeat; background-position: center bottom; background-size:cover; z-index:2; overflow:hidden;}	
	

	.tab-content .btn{margin-bottom:5px;}
	
	.mprofs a{position:relative; width:100px !important; height:100px !important; padding:5px; margin:5px; border-radius:100%; background:#FFFFFF !important; text-align:center; overflow:hidden; float:left;}
	.mprofs a img{width:90px !important; height:90px !important; border-radius:100%;}
	


/* CONFIGURAÇÕES DA HOME */
	.vantagembox{border:solid 1px #eeeeee;}
	.vantagembox .iconbox{position:relative;width:90px;height:90px;left:50%;margin-left:-45px; font-size:60px; color:#FFF;}
	.timebox{border:solid 1px var(--cortitulos);}
	.timebox ol, .timebox ul {padding-left: 0px;}
	
	.btncmed{border-radius:30px; position:relative;}
	.btncmed i{font-size:60px;}
	.btncmed .pointer{		
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: -10px;
    left: 50%;
    opacity: 1;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 0px 0px 7px 0px;
    transition: all 0.3s ease;	
	background: transparent;
	}
	.bgacqua, .bgacqua:visited{background:#E6F8F8;}
	.bgacqua i, .bgacqua:visited i, .stacqua{color:#0CB8B6;}
	.bgacqua:hover, .bgacqua:active, .bgacqua.activo, .bgacqua.activo .pointer {background:#0CB8B6;}
	.bgacqua:hover i, .bgacqua:active i,.bgacqua:hover p, .bgacqua:active p, .bgacqua.activo i, .bgacqua.activo p{color:#FFFFFF;}
	
	.bgvermelho, .bgvermelho:visited{background:#FDECE9;}
	.bgvermelho i, .bgvermelho:visited i, .stvermelho{color:#E6492D;}
	.bgvermelho:hover, .bgvermelho:active, .bgvermelho.activo, .bgvermelho.activo .pointer {background:#E6492D;}
	.bgvermelho:hover i, .bgvermelho:active i,.bgvermelho:hover p, .bgvermelho:active p, .bgvermelho.activo i, .bgvermelho.activo p{color:#FFFFFF;}

	.bgverde, .bgverde:visited{background:#EAF7EC;}
	.bgverde i, .bgverde:visited i, .stverde{color:#37AF47;}
	.bgverde:hover, .bgverde:active, .bgverde.activo, .bgverde.activo .pointer {background:#37AF47;}
	.bgverde:hover i, .bgverde:active i,.bgverde:hover p, .bgverde:active p, .bgverde.activo i, .bgverde.activo p{color:#FFFFFF;}
	
	.bgazul, .bgazul:visited{background:#E7EFFB;}
	.bgazul i, .bgazul:visited i, .stazul{color:#1665D8;}
	.bgazul:hover, .bgazul:active, .bgazul.activo, .bgazul.activo .pointer {background:#1665D8;}
	.bgazul:hover i, .bgazul:active i,.bgazul:hover p, .bgazul:active p, .bgazul.activo i, .bgazul.activo p{color:#FFFFFF;}
	
	.bgamarelo, .bgamarelo:visited{background:#FEF7E9;}
	.bgamarelo i, .bgamarelo:visited i, .stamarelo{color:#F6AB2F;}
	.bgamarelo:hover, .bgamarelo:active, .bgamarelo.activo, .bgamarelo.activo .pointer {background:#F6AB2F;}
	.bgamarelo:hover i, .bgamarelo:active i,.bgamarelo:hover p, .bgamarelo:active p, .bgamarelo.activo i, .bgamarelo.activo p{color:#FFFFFF;}
	
	.bgcinza, .bgcinza:visited{background:#F5F5F6;}
	.bgcinza i, .bgcinza:visited i, .stcinza{color:#9EA0A5;}
	.bgcinza:hover, .bgcinza:active, .bgcinza.activo, .bgcinza.activo .pointer {background:#9EA0A5;}
	.bgcinza:hover i, .bgcinza:active i,.bgcinza:hover p, .bgcinza:active p, .bgcinza.activo i, .bgcinza.activo p{color:#FFFFFF;}
	
	.showcmed{display:none;}
	.showcmed.show{display:block;}
	
/* CONFIGURAÇÕES DE PROFISSIONAIS */	
	.profcard-tit{color:var(--cortitulos);font-size:18px;font-weight:normal;}
	.profcard-espec{font-size:14px;}
	.profcard-btn{position:relative; font-size:13px; color:#FFF;}
	.profcard-icon{position:relative; padding:0px; margin:0px 3px;}
	.profcard-icon i{font-size:30px;color:#FFFFFF;}
	.profcard-icon:hover i{color:var(--cortitulos);}
	.profcard-mask{position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:var(--corprincipal); background-image:url(../imgs/member-shape.svg); background-repeat:no-repeat; background-position:bottom center; background-size: contain; opacity: 0.0001;}
	.profcard-mask:hover{opacity:1;}
	.profcard-btn-link{position:absolute; top:20px; right:20px; padding:10px; font-size:30px;}
	.profcard-sm-box{position:absolute; width:100%; height:40px; left:0px; bottom:20px; text-align:center; display: flex; flex-flow: row wrap; align-items: stretch; align-content: space-between; justify-content: center;}
	.btnagenda{padding: 5px 10px; margin: 0px 10px; margin-top: -5px;}

/* CONFIGURAÇÕES DE ESPECIALIDADES */
	.especmask{position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:var(--corprincipal); opacity: 0.0001;}
	.especmask:hover{opacity:1;}
	

/* CONFIGURAÇÕES DO RODAPE */
	.rodape{background-color:#05101A; -webkit-box-shadow: 0px 0px 15px 0px #888; box-shadow: 0px 0px 15px 0px #888;}
	.rodape a{color:none;}
	.rodape .darken{background-color:rgba(0,0,0,.1);}
	.rodape-tit h3{color:rgba(239,174,16,1); font-size:22px; font-weight:300 !important; font-family:roboto,sans-serif;}
	.rodape ul li a, .rodape ul li:visited a, .nlnk, .nlnk:visited{color:rgba(255,255,255,.8); font-size: 13px; padding: 7px 10px; display: block; background: transparent; border-bottom:dotted 1px rgba(55,155,220,.5); margin-bottom:2px;}
	.rodape ul li:hover a, .rodape ul li:active a, .nlnk:hover, .nlnk:active{color:#FFFFFF;}
	.rodape ul li:hover, .rodape ul li:active{background-color:rgba(255,255,255,.2);}	
	.rodape_social_icon{border-color:var(--cor-txt-dest); background:transparent !important; transition:  var(--t4);}
	.rodape_social_icon a{color:#FFF; font-size: 33px; width: 50px; height: 50px; float: left; text-align: center; background: rgba(0,0,0,.2); margin: 5px; position:relative;}
	.rodape_social_icon:hover a{color:#FFF !important; background:var(--cortitulos) !important; transition:  var(--t4);}
	.rodape .btn-rodape {display: block;border-radius: 0px;padding: 17px 10px;font-size: 13px;font-weight: bold;margin: 0px;margin-top: 1px;margin-bottom: 1px;}
	.rodape .rodape-logo{position:relative; margin-top:-40px;}
	.rodape p{line-height: 20px; font-size:14px !important;}
	.rodape_social_icon a i{position: absolute; left: 50%; margin-left: -13px; top: 50%; margin-top: -17px;}
	
	.form-normal, .form-normal-edit {margin-bottom:5px; padding:10px 20px; width:100%; border: 1px solid #CCC !important; color:#555; background:#FFF; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;box-shadow: none !important;-webkit-transition: border linear 0.2s !important;-moz-transition: border linear 0.2s !important;-ms-transition: border linear 0.2s !important;-o-transition: border linear 0.2s !important;transition: border linear 0.2s !important;}
	.form-active {border: none !important; color:#333 !important;}
	.form-error{border: 1px solid #F00 !important; color:#F00 !important;}
	.form-ok{border: 1px solid #090 !important; color:#090 !important;}
	.form-active, .form-error, .form-ok{ -webkit-transition: border linear 0.2s !important;-moz-transition: border linear 0.2s !important;-ms-transition: border linear 0.2s !important;-o-transition: border linear 0.2s !important;transition: border linear 0.2s !important;}
	.form-login .form-normal, .form-login .form-active, .form-login .form-ok, .form-login .form-error{padding:10px 20px !important;}
	.cepspinner img{width:70px;height:70px; position:absolute;}	
	.flabel .flabel-lbl{color:var(--cor-txt-dest);}
	.flabel:hover .flabel-lbl{color:#222;}
	::-webkit-input-placeholder {   color: #a9cfec;}
	::-moz-placeholder {   color: #a9cfec;}
	:-ms-input-placeholder {   color: #a9cfec;}
	:-moz-placeholder {   color: #a9cfec;}	
	
	.rodape .form-normal, .rodape .form-normal-edit, .pgcontatoform .form-normal, .pgcontatoform .form-normal-edit{background:#1f6593 !important; padding:10px 15px !important; border:none !important; margin-bottom:2px; color:#FFFFFF; font-size:13px;}
	.rodape .form-active{color:#FFF !important;}
	.pgcontatoform .form-normal, .pgcontatoform .form-normal-edit{padding:13px !important; color:#FFFFFF;}
	.rodape  ::-webkit-input-placeholder, .pgcontatoform  ::-webkit-input-placeholder {   color: rgba(255,255,255,.5);}
	.rodape  ::-moz-placeholder, .pgcontatoform  ::-moz-placeholder {   color:  rgba(255,255,255,.5);}
	.rodape  :-ms-input-placeholder, .pgcontatoform  :-ms-input-placeholder {   color:  rgba(255,255,255,.5);}
	.rodape  :-moz-placeholder, .pgcontatoform  :-moz-placeholder {   color:  rgba(255,255,255,.5);}
	.rodape .btn-cp{background-color:#4DBA40;}
	
	.rodape .btn-whatsapp{background-color:#4DBA40; color:#FFFFFF;}
	.rodape .btn-telefone{background-color:#009DA4; color:#FFFFFF;}
	.rodape .btn-email{background-color:#F7832A; color:#FFFFFF;}	
	
	.goldbar{position:relative; margin-bottom:-100px;}
	.goldbar .icon-holder{width:60px;float:left;margin-right:20px;}
	.goldbar .icon-holder .fa{font-size:60px;}
	.goldbar .txt-holder{width:calc(100% - 80px);float:right;}
	.goldbar h4{font-size:18px;margin:0px !important;}
	.goldbar p, .goldbar .txt-holder a{font-size:14px;line-height:16px;}
	
	.ck.ck-widget__selection-handler, .ck-icon, .ck-reset_all, .ck-widget__type-around {display: none !important;}
	.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred > figure,
	.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused > figure { margin: 0;}	
	
	.corgold{background-color:var(--cor-txt-dest);}
	.tgold{color:var(--cor-txt-dest);}
	.corblue{background-color:var(--corprincipal);}
	.tblue{color:var(--corprincipal);}
	
	.bcor1{background-color:#009DA4 !important;}
	.bcor2{background-color:#F7832A !important;}
	.bcor3{background-color:#0081C4 !important;}
	.bcor4{background-color:#4DBA40 !important;}
	.tcor1{color:#009DA4 !important;}
	.tcor2{color:#F7832A !important;}
	.tcor3{color:#0081C4 !important;}
	.tcor4{color:#4DBA40 !important;}

	.institui{position:relative; width:100%; display:flex; flex-flow: row wrap; justify-content: space-between; padding: 10px; background:transparent;}
	.institui .box{position:relative; -webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px; overflow:hidden;}

	.destaquebar{position:relative;margin-top:-40px;}
	.destaqueitens{position:relative; margin-top:-70px;}
	.destaqueitens img{position:relative;z-index:1;}
	.destcard{position:relative; background:#FFFFFF; border-left:solid 5px #4DBA40; width:90%;margin-left:5%;margin-top:-30px;z-index:2;}
	.destholder:hover .destcard{
		margin-top:-70px; 
		-webkit-box-shadow: 0px 0px 5px 0px rgb(200 200 200) !important; 
		-moz-box-shadow: 0px 0px 5px 0px rgba(200, 200, 200, 1) !important; 
		box-shadow: 0px 0px 5px 0px rgb(200 200 200) !important;		
	}
	.destholder:hover .destcard h4{color:#4DBA40 !important;}
	.homeservices{position:relative; width:100%; background-color:#000; background-repeat: no-repeat; background-position-x: center; background-position-y:0px; background-size:cover;}
	.homeservices .cover{position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; z-index:1; background:#000;}
	.homeservices .txtbox{position:relative; z-index:2; text-align:center; width:100%;}
	.toppages{position:relative; width:100%; background-color:#000; background-repeat: no-repeat; background-position-x: center; background-position-y:0px; background-size:cover;}
	.toppages .cover{position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; z-index:1; background:#000;}
	.toppages .txtbox{position:relative; z-index:2; text-align:center; width:100%;}
	
	
	.destaquebox h5{font-family:arial,tahoma,helvetica;}
	.destaquebox p{font-family:roboto,sans-serif; font-size:14px; font-weight:100;}
	.destaquebox a:hover{background-color:rgba(255,255,255,.2); display: block; position: relative; z-index: 3;}
	
	.txtbox{font-size: 16px !important;text-align: left !important;font-weight: lighter !important;font-family: 'roboto',sans-serif !important;}
	
	table.resptable {  border: 1px solid #ccc;  border-collapse: collapse;  margin: 0;  padding: 0;  width: 100%;  table-layout: fixed;}
	table.resptable caption {  font-size: 1.5em;  margin: .5em 0 .75em;}
	table.resptable tr {  background-color: #f8f8f8;  border: 1px solid #ddd;  padding: .35em;}
	table.resptable th,table.resptable td {  padding: .625em;  text-align: center;}
	table.resptable th {  font-size: .85em;  letter-spacing: .1em;  text-transform: uppercase;}

	



@media (min-width: 992px){
	.institui .box{width:10%;}


}
@media (min-width:576px) and (max-width:991px){	
	.institui .box{width:10%;}

}
@media (max-width:575px){
	.topbar {display:none;}
	.hideoncel{display:none;}
	.institui .box{width:30%; margin-top: 7px; margin-bottom: 7px;}
	
	table.resptable { border: 0;  }
	table.resptable caption {    font-size: 1.3em;  }  
	table.resptable thead {    border: none;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;  }  
	table.resptable tr {    border-bottom: 3px solid #ddd;    display: block;    margin-bottom: .625em;  }  
	table.resptable td {    border-bottom: 1px solid #ddd;    display: block;    font-size: .8em;    text-align: right;  }  
	table.resptable td::before {    content: attr(data-label);    float: left;    font-weight: bold;    text-transform: uppercase;  }  
	table.resptable td:last-child { border-bottom: 0; }
}