@font-face {
    font-family: 'exoregular';
    src: url('fonts/exo-regular-webfont.eot');
    src: url('fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-regular-webfont.woff2') format('woff2'),
         url('fonts/exo-regular-webfont.woff') format('woff'),
         url('fonts/exo-regular-webfont.ttf') format('truetype'),
         url('fonts/exo-regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoregularitalic';
    src: url('fonts/exo-regular-italic-webfont.eot');
    src: url('fonts/exo-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-regular-italic-webfont.woff2') format('woff2'),
         url('fonts/exo-regular-italic-webfont.woff') format('woff'),
         url('fonts/exo-regular-italic-webfont.ttf') format('truetype'),
         url('fonts/exo-regular-italic-webfont.svg#exoregularitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exolight';
    src: url('fonts/exo-light-webfont.eot');
    src: url('fonts/exo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-light-webfont.woff2') format('woff2'),
         url('fonts/exo-light-webfont.woff') format('woff'),
         url('fonts/exo-light-webfont.ttf') format('truetype'),
         url('fonts/exo-light-webfont.svg#exolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exomedium';
    src: url('fonts/exo-medium-webfont.eot');
    src: url('fonts/exo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-medium-webfont.woff2') format('woff2'),
         url('fonts/exo-medium-webfont.woff') format('woff'),
         url('fonts/exo-medium-webfont.ttf') format('truetype'),
         url('fonts/exo-medium-webfont.svg#exomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exodemibold';
    src: url('fonts/exo-demibold-webfont.eot');
    src: url('fonts/exo-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-demibold-webfont.woff2') format('woff2'),
         url('fonts/exo-demibold-webfont.woff') format('woff'),
         url('fonts/exo-demibold-webfont.ttf') format('truetype'),
         url('fonts/exo-demibold-webfont.svg#exodemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoextrabold';
    src: url('fonts/exo-extrabold-webfont.eot');
    src: url('fonts/exo-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo-extrabold-webfont.woff2') format('woff2'),
         url('fonts/exo-extrabold-webfont.woff') format('woff'),
         url('fonts/exo-extrabold-webfont.ttf') format('truetype'),
         url('fonts/exo-extrabold-webfont.svg#exoextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder { color: #000000; }
:-moz-placeholder { color: #000000; }
::-moz-placeholder { color: #000000; }
:-ms-input-placeholder { color: #000000; }

body {
	color: #474747;
}

.clearfix:before,
.clearfix:after,
.cd-container:before,
.cd-container:after,
.cd-row:before,
.cd-row:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after,
.cd-container:after,
.cd-row:after {
	clear: both;
}

.cd-title__default {
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 38px;	
}

/*
 * Grade
 */

.cd-container {
	width: 90%;
	padding: 0;
	position: relative;
	margin: 0 auto;
}

[class*=" cd-col-"],
[class^=cd-col-]{
	clear: both;
	width: 100%;
	margin-left: 0;
}


[class*=" cd-col-"]:first-child,
[class^=cd-col-]:first-child{
	margin-left:0;
}

/*
 *
 */
html, body,
html > body,
.wrapper {
	min-height: 100%;
	height: 100%;
}

body.loading {
	background-image: url(../images/preloader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.wrapper {
	opacity: 0;
	transition: opacity 1s ease-in;
}

.wrapper.active {
	opacity: 1;
}

p {
    margin-top: 0;
    color: #474747;
    font-family: exolight;
    font-size: 24px;
    line-height: 28px;
}

p span {
	font-family: exomedium;
}

h1, h2, h3, h4, h5, h6 {
	font-family: exodemibold;
	font-weight: normal;
	margin: 0;
}

i.icon-whatsapp {
    width: 26px;
    height: 26px;
    background-image: url(../images/icon-whatsapp.png);
	background-repeat: no-repeat;
	background-size: contain;
    display: inline-block;
}

/*
 * Swiper
 */
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	color:#fff;
	font-size: 18px;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-background-size:cover;
	   -moz-background-size:cover;
	    -ms-background-size:cover;
	     -o-background-size:cover;
	        background-size:cover;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

.swiper-pagination-bullet { background-color: #fff; opacity: 1; }
.swiper-pagination-bullet-active { background: #567194; }

/*
 * Seções
 */
.cd-clinic,
.cd-team,
.cd-treatments,
.cd-appointment,
.cd-contact {
	padding-top: 94px;
}


/*
 * Topo
 */

.cd-top {
	background-color: transparent;
	background-image: url(../images/opacity-top.png);
	background-repeat: repeat;
	min-height: 94px;
	max-height: 94px;
	position: fixed;
	width: 100%;
	z-index: 10;
	top: 0;

	-webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.6);
	   -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.6);
	        box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.6);
	
	-webkit-transition: all .1s linear .1s;
	   -moz-transition: all .1s linear .1s;
	        transition: all .1s linear .1s;
}

.cd-top.active {
	background-color: #F1F2F2;
}

.cd-marca {
	float: left;
	margin-right: 18px;
	margin-top: 17px;
}

.cd-marca__link {
	display: block;
}

.cd-marca__link img {
	min-width: 100%;
}

.cd-nav {
    position: absolute;
    width: 165px;
	padding: 16px;
    right: 0;
    bottom: -160px;
    z-index: 9;
    background-color: #f5f5f5;
}

.cd-nav.closed {
	display: none;
}

.cd-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cd-menu__item {
    display: block;
	text-align: right;
    line-height: 21px;
}
.cd-menu__item a {
    color: #474747;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    line-height: 26px;
    display: block;
    font-family: exodemibold;

	-webkit-transition: all .2s linear .1s;
	   -moz-transition: all .2s linear .1s;
	     -o-transition: all .2s linear .1s;
            transition: all .2s linear .1s;
}
.cd-menu__item a:hover {
	color: #567194;
}

.cd-social {
	margin-top: 46px;
	display: inline-table;
	float: right;
}
.cd-social a {
	background-image: url(../images/icon-social.png);
	display: inline-block;
	text-decoration: none;
	position: relative;
	height: 25px;
	width: 25px;
}
.cd-social .cd-social__instagram {
	background-position: 0 0;
}
.cd-social .cd-social__facebook {
	background-position: right 0;
	margin-left: 5px;
}

.icon-menu {
    background-image: url(../images/icon-menu.png);
    height: 32px;
    width: 32px;
    margin-top: 38px;
    margin-left: 50px;
    float: right;
	cursor: pointer;
}

/*
 * Home
 */
.cd-home {
	min-height: 100%;
	height: 100%;
}

.painel-home__bg {

	position: absolute;

	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	background-position: center center;

	-webkit-transition: all 8s ease-in-out;
	   -moz-transition: all 8s ease-in-out;
	    -ms-transition: all 8s ease-in-out;
	     -o-transition: all 8s ease-in-out;
		    transition: all 8s ease-in-out;

	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;

	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);


}

.swiper-slide-active .painel-home__bg {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

/*
 * Clínica
 */
.panel-clinic {
	height: 562px;
}

.painel-clinic__content {
	position: relative;
	height: 100%;
	min-height: 100%;
}

.painel-clinic__text {
	background-color: #567194;
	position: absolute;
	width: 414px;
	padding: 20px;
	bottom: 150px;
	right: 18px;

	font-family: exomedium;
	font-size: 18px;
	line-height: 24px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;

}

/*
 * Equipe
 */
.panel-team {
	background-image: url(../images/team/equipe_dermos.jpg);
	background-position: 50% 55%;

	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;

	height: 380px;
}

.panel-team .swiper-slide {
	background-position: 50% 30%;
}

.panel-medical {
    height: auto;
    border-top: 2px solid #405A56;
    margin-top: 20px;
    padding-top: 20px;
}

.panel-medical .swiper-slide {
	color: #444;
	width: 198px;
}

.panel-medical .panel-medical__data {
	font-family: exoregular;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 0;
	margin:0;
}
.panel-medical .panel-medical__data img {
}

.panel-medical .panel-medical__data span {
	text-transform: uppercase;
}

/*
 * Tratamentos
 */
.panel-treatments {
	height: 332px;
}

.painel-treatments__content {
	position: relative;
	height: 100%;
	min-height: 100%;
}

.painel-treatments__text {
	background-color: #567194;
	position: absolute;
	width: 414px;
	padding: 20px;
	bottom: 15%;
	right: 18px;

	font-family: exomedium;
	font-size: 18px;
	line-height: 24px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;

}

.cd-treatments__menu {
    margin: 20px 0;
    list-style: none;
    padding: 0;
}
.cd-treatments__menu .cd-treatments__item {
    display: inline-block;
    margin-right: 72px;
    margin-bottom: 5px;
}

.cd-treatments__menu .cd-treatments__link {
	font-family: exoregular;
	color: #474747;
	font-size: 10px;
	outline: none;
	text-decoration: none;
}

.cd-treatments__menu .cd-treatments__link--bold {
	font-family: exoextrabold;
}

.cd-treatments__menu .cd-treatments__link:hover,
.cd-treatments__menu .cd-treatments__link:active,
.cd-treatments__menu .cd-treatments__link.active {
	color: #567194;
}

.cd-treatments__content {
	margin: 20px 0;
}

.cd-treatments__aba {
	font-family: exolight;
	font-size: 18px;
	display: none;
}

.cd-treatments__aba.active {
	display: block;
}

/*
 * Consulta
 */

.cd-appointment {
	background-color: #456D90;
	padding-bottom: 40px;
	color: #fff;
}

.cd-appointment p {
	color: #fff;
}

.cd-form {}
.cd-form .cd-form__group {
	margin-bottom: 16px;
}
.cd-form .cd-form__input,
.cd-form .cd-form__textarea {
	padding: 0 2%;
	width: 100%;
	font-family: exolight;
	background-color: #dbdddd;
	border: none;
	outline: none;
	font-size: 21px;
	color: #010001;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cd-form .cd-form__input {
	line-height: 54px;
	height: 54px;
}
.cd-form .cd-form__textarea {
	padding-top: 2%;
}

.cd-btn {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    font-size: 21px;
	outline: none;
	line-height: 54px;
	background-color: #254154;
	font-family: exodemibold;
	width: 198px;
	color: #fff;
}

.cd-appointment .agreements {
    padding: 30px;
    background-color: #dbdddd;
    margin-top: 52px;
    min-height: 195px;
}
.cd-appointment .agreements ul {
	margin: 0;
	padding: 0;
	width: 45%;
	list-style: none;
}
.cd-appointment .agreements ul li {
	color: #010001;
	font-family: exolight;
	font-size: 24px;
	line-height: 34px;
}

.form-appointment__msg {
	display: none;
    border: 1px solid;
    height: 26px;
    text-align: center;
    font-family: exodemibold;
    font-size: 18px;
    line-height: 26px;
}
.form-appointment__msg.success {
    border-color: #8FE4C9;
    background-color: #61AD93;
    color: #C6FFEC;
}
.form-appointment__msg.error {
    border-color: #E48F8F;
    background-color: #AD6161;
    color: #FFC6C6;
}

/*
 * Contato
 */
.cd-contact {
	background-color: #182B37;
	padding-bottom: 40px;
	color: #fff;
}

.cd-contact .cd-title__default {
	margin-top: 0;
}

.cd-contact address {
	color: #fff;
	font-style: normal;
	font-family: exolight;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;
}

#map {
	width: 100%;
	height: 230px;
}

/*
 * Base
 */
 
.cd-base {
	display: none;
	position:fixed;
	width: 100%;
	bottom:0;
	z-index: 9;
}

.cd-base__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 0;
}

.cd-base__menu.closed {
	bottom: -250px;
}

.cd-base__menu-item {
	color: #fff;
	font-family: exolight;
	font-size: 12px;
	line-height: 16px;
	background-color: #1D262F;
	text-align: center;
	margin-left: 18px;
	width: 198px;
	vertical-align: bottom;
	display: inline-block;
	height: 240px;
	max-height: 240px;
}

.cd-base__menu-item:first-child {
	margin-left: 0;
}
.cd-base__menu-space {
	width: 126px;
	background-color: transparent;
}

.cd-base__address {
	color: #fff;
	background-color: #1D262F;
	height: 85px;
}


@media screen and (max-width: 479px){

	.cd-marca {
		margin-top: 37px;
	}
	.cd-marca__link img {
		width: 125px;
	}
	.cd-nav {}

	.cd-title__default {
		font-size: 32px;
		line-height: 36px;
		text-transform: uppercase;
	}
	
	/*
	 * CLÍNICA
	 */
	.panel-clinic {
		height: 268px;
	}
	
	.painel-clinic__text {
		width: 200px;
		bottom: 50px;
		font-size: 11px;
		line-height: 15px;
		padding: 10px;
		right: 0;
	}

	/*
	 * EQUIPE
	 */
	.panel-team {
		height: 250px;
	}

	/*
	 * TRATAMENTOS
	 */
	.panel-treatments {
		height: 250px;
	}

	.painel-treatments__text {
		width: 200px;
		bottom: 50px;
		font-size: 11px;
		line-height: 15px;
		padding: 10px;
		right: 0;
	}


	.cd-treatments__menu .cd-treatments__item {
		margin-right: 0;
		width: 142px;
	}
	.cd-treatments__menu .cd-treatments__link {
		font-size: 10px;
	}

	.cd-treatments__content {
		padding-top: 10px;
		border-top: 2px solid #423F40;
	}

	.cd-treatments__aba {
		font-family: exoregularitalic;
		font-size: 12px;
		color:#456D90;
	}

	/*
	 * CONSULTA
	 */
	.cd-appointment p {
		font-size: 14px;
	    line-height: 18px;
	}
	
	.cd-appointment .agreements {
		margin: 10px 0;
	}
	.cd-appointment .agreements ul {
		float: none;
		clear: both;
		width: 100%;
	}

	.cd-appointment .agreements ul li {
		font-size: 14px;
		line-height: 18px;
	}
	
}

@media screen and (min-width: 480px) and (max-width: 769px){}

@media screen and (min-width: 1026px) {

	.cd-container {
		width: 990px;
		padding: 0 18px;
		margin: 0 auto;
	}

	[class*=" cd-col-"],
	[class^=cd-col-]{
		float:left;
		clear: none;
		display: inline;
		margin-left:18px;
	}	

	.cd-col-1 { width: 54px; }
	.cd-col-2 { width: 126px; }
	.cd-col-3 { width: 198px; }
	.cd-col-4 { width: 270px; }
	.cd-col-5 { width: 342px; }
	.cd-col-6 { width: 414px; }
	.cd-col-7 { width: 486px; }
	.cd-col-8 { width: 558px; }
	.cd-col-9 { width: 630px; }
	.cd-col-10 { width: 702px; }
	.cd-col-11 { width: 774px; }
	.cd-col-12 { width: 846px; }
	.cd-col-13 { width: 918px; }
	.cd-col-14 { width: 990px; }


	/* TOP */

	.cd-nav {
		background-color: transparent;
		bottom: 0;
		padding: 0;
		width: auto;
		position: relative;
		margin-top: 46px;
		float: left;
		z-index: 0;
	}
	.cd-nav.closed {
		display: block;
	}	
	.cd-menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.cd-menu__item {
		display: inline-block;
		border-left: #474747 solid 1px;
		padding: 0 20px;
		line-height: 21px;
	}
	.cd-menu__item:first-child {
		border-left: none;
		padding-left: 0;
	}
	.cd-menu__item a {
		color: #474747;
		text-decoration: none;
		outline: none;
		font-size: 17px;
		line-height: 21px;
		display: block;
		font-family: exodemibold;
	
		-webkit-transition: all .2s linear .1s;
		   -moz-transition: all .2s linear .1s;
			 -o-transition: all .2s linear .1s;
				transition: all .2s linear .1s;
	}

	.cd-menu__item a:hover {
		color: #567194;
	}

	.icon-menu {
		display: none;
	}

}