/*GERAL*/
/*GERAL - TOP*/
@font-face{
	font-family: 'News702BT';
	src: url('fonts/News702BT.tff') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@{ font-family: Trebuchet;}
body{ background: url(images/bg.png);}
.bg-principal{ background: url(images/bg.png);} 
.top{ background-color: #4E4729; color: #FFF; height: 100px;}
.logo{ width: 310px; margin-top: 0; background: url('images/logo_dra-luciane-scattone.jpg') no-repeat; background-size: 100%; height: 190px; margin-bottom: -100px;}
.logo2{ width: 310px; background: url('images/logo_dra-luciane-scattone2.jpg') no-repeat center; background-size: auto 100%; height: 100px; margin-bottom: 0;}
.img-full{ width: 100%;}
/*GERAL - TOP - MENU*/
.navbar-right{ padding-top: 20px; padding-bottom: 20px;}
.navbar-right li, .navbar-right li a, .navbar-default .navbar-nav>li>a{ font-size: 15px; color: #FFF;}
.navbar-default .navbar-nav>li>a:hover{ color: #CD9934;}
.navbar-default .navbar-nav>li>a{ color: #FFF;}
.menu-lnk-central{ border-left: 1px solid #CD9934; border-right: 1px solid #CD9934; }
.menu-lnk-central2{ border-right: 1px solid #CD9934;  }
.titulo1{ font-size: 30px; font-weight: 500;  color: #4E4729; margin-bottom: 50px;}
.titulo2{ font-size: 30px; font-weight: 600;  color: #4E4729; margin-bottom: 50px;}
.titulo3{ font-size: 20px; font-weight: 600; color: #FFF; margin-top: 30px;}
.navbar-default{ border: none !important;}
/* CONTENT-AREA - HOME- SLIDER*/
.carousel-indicators{ bottom: 10%; width: 200px;}
.carousel-indicators li{ background: #4E4729; padding: 10px; border-color: #4E4729;}
.carousel-indicators li:hover, .carousel-indicators .active{ background: #CD9934; border-color: #CD9934; }
.carousel-indicators .active{ margin: 1px;}
.img-slider{ width: 100%;}
/* CONTENT-AREA - HOME - CAROUSEL */
.carousel-area{ margin-bottom: 80px; margin-top: 60px;}
.carousel-area img{ padding: 10px;}
/*CONTET-AREA - HOME PARALLAX */
.bg-img1{ position: relative; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; min-height: 429px; background-image: url(images/recepcao.jpg);}
/*CONTET-AREA - HOME - CONTATOS*/
.social-home{ padding-top: 40px; padding-bottom: 40px; text-align: center;}
.social-home h3, .social-home p{ color: #4E4729; }
.social-home_contatos p span{ padding-left: 40px; margin-left: -13px;}
/* QUEM SOMOS PAGE */
.sobre-dra{ margin-top: 250px;}
.bg-quemsomos{ background: url(images/frame2.jpg); padding-top: 90px;}
.bg-quemsomos h2, .bg-quemsomos p, .videos-bg h2, .videos-bg p{ color: #FFF;}
.bg-quemsomos h2, .videos-bg h2{ text-transform: uppercase;}
.bg-quemsomos p, .videos-bg p{ text-align: justify;}
.ft-dra-quemsomos{ margin-bottom: -94px;}
.mini-titulo{ color: #4E4729; text-transform: uppercase; font-size: 14px; font-weight: 700;}
.titulo-grande{ font-size: 1.4em; color: #CD9934; font-weight: normal; font-family: 'News702BT'; font-style: italic;}
.txt-quemsomos{ text-indent: 4em; margin-right: 80px; text-align: justify; color: #4E4729;}
.quemsomos-clinica{ margin-top: 50px;}
.quemsomos-slider{ border: 5px solid #CD9934; margin-bottom: 100px;}
.quemsomos-slider-botoes{ bottom: -15% ; left: 65% ;}
.quemsomos-slider-botoes li{ background: #FFF;}
.bg-branco{ background-color: #FFFFFF; background-image: url('images/missao.jpg'); background-repeat: no-repeat; background-position: 10% center; background-size: auto 100%;}
.text-missao{ margin-top: 110px; margin-bottom: 180px;}
.text-missao h3{ text-transform: uppercase; font-size: 28px; color: #4E4729; font-weight: 700;}
.text-missao p{ text-align: justify; color: #4E4729;}
/* TRATAMENTOS PAGE */
.tratamentos{ margin-top: 5vw;}
.txt-tratamentos{ text-indent: 4em; text-align: justify; color: #4E4729;}
.tratamentos-lista{ color: #FFFFFF !important;}
/* TRATAMENTOS PAGE - PANEL */
.panel-heading{ background: #4E4729 !important; border-color: #4E4729 !important;}
.panel-body{ background: #4E4729;}
.panel-body p{color: #FFFFFF;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #4E4729;}
/*TRATAMENTOS MODAL & PANEL*/
.title-tratamentos{background: #4E4729; padding: 0 40px; display: block; position: relative; }
.title-tratamentos a{ background: #4E4729; cursor: pointer; margin: 13px; color: #FFF; text-decoration: none; padding: 100px 0; display: block; position: relative;}
.panel-title, .title-tratamentos{ font-size: 1.4em; color: #FFF; text-decoration: none; font-weight: 700; padding: 0; margin: 0;}
.panel-title a, .title-tratamentos a{ display: block; background-image: url('images/yellow_button.png'); background-repeat: no-repeat; background-position: right center; padding: 15px 40px 15px 15px;}
/* TRATAMENTOS MODAL */
.modal-content{ max-height: 95vh !important; background: #4E4729; color: #FFF;  overflow-y: scroll; } 
.modal-title{ font-size: 1.6em;}
.modal-header .close{ color: #df9a24;}
.modal-header, .modal-footer{ border: none;}
.modal-content::-webkit-scrollbar{ background-color: #4E4729;}
.modal-content::-webkit-scrollbar-thumb{ background-color: #df9a24;}
.modal-img{ margin-bottom: 10px;}
.modal-text{ margin-right: 30px; text-align: justify; color: #FFFFFF;}
.modal-text a{ color: #cd9934;}
.fechar-modal{ width: 100%; text-align: center; background: #df9a24; color: #FFF; font-size: 1.3em; border-color: #df9a24;}
/* MIDIA */
#midia h1{ padding-top: 40px; background: #FFF;}
.panel-body{ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-top: -3px;}
.panel-heading{ border-radius: 3px;}
.videos-bg{ background: url(images/frame2.jpg); padding-top: 50px;}
#myModal3 .modal-dialog, #myModal3 .modal-content{ background-color: transparent; overflow: hidden; border: none;}
#myModal3 .modal-content{ min-height: 70vh; min-width: 60vw;}
#myModal3 iframe{ min-height: 70vh;}
#myModal3 .modal-header .close{ opacity: .8; font-size: 30px;}
#midia-dektop .panel-body img{ padding: 20px; width: 100%; }
#midia-dektop .panel-body .col-md-12{ height: 100%; display: flex; align-items: center;}
#midia-dektop .panel-body .col-md-8 .alinhamento{ display: table-cell; vertical-align: middle;}
.midia-carroussel h2{ margin-bottom: 20px;}
.midia-carroussel .col-md-4{ padding: 30px 80px 30px 30px;}
.midia-carroussel .col-md-4 img{ border: 5px solid #cd9934; margin-bottom: 25px; }
.midia-carousel-indicators{ bottom: 0; display: block; position: static; margin: 30px auto; z-index: 0;}
.midia-carousel-indicators li{ background-color: #fff; border-color: #fff; }
/*CONTATO PAGE*/
#contato-content{ margin-top: 15%; margin-bottom: 50px;}
.form-control{ height: 50px;}
.text-area{ margin: 20px 0;}
.botao{ background-color: #4E4729; color: #FFF; }
.botao:hover{ background-color: #CD9934;}
/*contato-content */
/*RODAPÉ*/
.rodape_2{ background: #4E4729; color: #FFF; padding-top: 50px;}
.rodape_3{ background: #4E4729; color: #FFF; padding: 30px;}
.espaco_rodape_2{ margin-top: 20px;}
.rodape_2 h5{ font-weight: 500; font-size: 1.2em; margin-bottom: 0;}
.logo-footer{ max-width: 120px;}
.contatos_rodape{ padding-top: 10px;}
/*.redes-rodape_2{padding-left: 4px;}*/
.redes-rodape_2 img{ width: 34px;}
.redes-rodape_2 .insta{ margin:0 8px;}
@media screen and (max-width: 767px) { /*mobiles*/
	/*gerals*/
	.titulo1{ font-size: 20px; margin-bottom: 20px; text-align: center;}
	.logo{ width: 200px; height: 124px;}
	/*menu*/
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color: #4E4729; border: none; margin-top: 50px; padding-top: 10px;}
	.navbar-right li a{ text-align: center;}
	.logo2{ width: 200px; margin-top: 0; background: url('images/logo_dra-luciane-scattone.jpg') no-repeat; background-size: 100%; height: 124px; margin-bottom: -100px;}
	/*carousel*/
	#carousel-example-generic{ margin-top: 100px;}
	/* carousel tratamento facial*/
	.owl-carousel .owl-item img{ padding: 0 50px 0 50px;}
	.owl-nav{ width: 120px !important; margin: 40px auto 100px auto !important;}
	.owl-nav .owl-prev, .owl-nav .owl-next{ width: 35px; height: 35px;}
	.title-tratamentos{ font-size: 1.2em;}
	.modal-title{ text-align: center;}
	/* caroulsel botões */ 
		.carousel-indicators{ bottom: 0;}
		.carousel-indicators li{ height: 8px !important; width: 8px !important; padding: 8px !important;}
	/*TRATAMENTOS*/
	.tratamentos{ margin-top: 100px;}
	.modal-img{ margin: auto auto 10px auto;}
	.modal-text{ margin-right: 20px; text-align: left;}
	/* MIDIA E EVENTOS*/
	.post-mobile{ margin-bottom: 40px;}
	/*CONTATO PAGE */
	#contato-content{ margin-top: 30%;}
} 
@media screen and (min-width: 768px) and (max-width: 970px) { /*tablet*/
	.navbar-right li a{ padding-left: 40px; padding-right: 40px; }
} 
@media screen and (min-width: 971px) and ( max-width: 1169px) {/*desktops*/
	.navbar-right li a{ padding-left: 40px; padding-right: 40px; }
}
@media screen and (min-width:  1170px){/* large desktops*/
	.navbar-right li a{ padding-left: 40px; padding-right: 40px; }
	.container-fluid, .container{ width: }
}
.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

/*VIDEO*/
.video{	width:100%;	height:100%; display:inline-block; margin-bottom: 30px; margin-top: 30px;}
.video .btn-primary{ border: 1px solid #df9a24; background-color: #df9a24;}
.video .btn{ padding: 5px; text-align: left;}
.canalyt .modal-content{ background: transparent; overflow: hidden; box-shadow: none; border: 0;}
.botao-canalyt{ color: #df9a24; background: #4E4729; padding: 5px 30px !important; font-weight: 600; border-color: #4E4729; box-shadow: 3px 3px 3px #000; }
.botao-canalyt:hover{ background: #df9a24; color: #4E4729; border-color: #df9a24;}