@font-face {
    font-family: fontRegular;
    src: url(fonts/AvenirLTStd-Book.woff);
}
body {font-family: fontRegular;}
header .container-fluid {padding: 0;}
header .container-fluid .navbar > .container {padding: 30px 0!important;}
.navbar {box-shadow: 0 10px 20px 0 #e3e3e3; margin-bottom: 0;}
.navbar-nav {margin-top: 20px;}
.container>.navbar-collapse {padding-right: 0;}
#contact {border-bottom: solid 1px #e3e3e3; padding: 10px 0;}
#contact a, .navbar-nav>li>a {color: #4e4e4e;}
.navbar-nav>li>a {font-size: 20px;}
#headerSocial a i {font-size: 20px;}
#headerSocial > a {margin-left: 20px;}
#logo img {max-width: 100%;}
#banner img {max-width: 1920px; width: 100%;}
#infra {background-image: url(images/home/bg-section.png); padding: 160px 0;}
#infra h1, #infra a {color: #fff;}
#infra h1 {font-size: 28px; margin: 0 0 80px 0;}
#infra h1 span {display: block; font-size: 48px; margin-top: 15px;}
#infra a {font-size: 24px;}
#infra a i {margin-right: 10px; font-size: 18px;}
#content {background: url(images/home/bg-dentes.png) no-repeat; background-size: cover; padding-top: 130px;}
#content .container-fluid .row:first-child {background: url(images/home/faixa.png) no-repeat; background-position: -60px 0; padding: 250px 0 130px 0;}
#content .container-fluid .row:first-child article {padding-right: 150px;}
#content h1 {font-size: 48px; margin-bottom: 50px; margin-top: 0; line-height: 60px;}
#content p, #content a {font-size: 16px;}
#content a {color: #4e4e4e; text-decoration: underline;}
#content .container-fluid .row:last-child {background: url(images/home/sorriso.png) right no-repeat; padding-top: 190px;}
#content .container-fluid .row:last-child article {padding: 0 0 60px 150px;}
#banner img:last-child {display: none;}

.wrapper {background: url(images/marcadagua.png) no-repeat;}
/*Tratamentos*/
#tratamentos {padding-bottom: 100px;}
.wrapper h1, #tratamentos h2 {margin-top: 0;}
.wrapper > h1 {background: url(images/faixatitulo.png) no-repeat; color: #fff; font-size: 48px; margin-bottom: 110px; padding: 90px 0 25px 0;}
#tratamentos article .text {max-width: 50%;}
#tratamentos article .imgContainer {max-width: 50%;}
#tratamentos article h1 {font-size: 24px;}
#tratamentos article p, #tratamentos article h2 {color: #58585a; font-size: 16px; margin: 0;}
#tratamentos article h2 {font-style: italic; margin-top: 30px;}
#tratamentos aside nav {border-right: solid 1px #cacbcc; min-height: 400px;}
#tratamentos aside nav ul {list-style: none;}
#tratamentos aside nav ul li {margin-bottom: 20px;}
#tratamentos aside nav ul li a {color: #58585a; font-size: 20px;}
/*End Tratamentos*/ 

/*Quem Somos*/
#quemSomos {padding-bottom: 90px;}
#quemSomos main article {margin: 160px 0 180px 0;}
#quemSomos main {background: linear-gradient(-180deg, transparent, #e1e1e2);}
#quemSomos main .container {background-image: url(images/quemSomos/drghuilherme1921.png); background: url(images/quemSomos/drghuilherme1921.png) no-repeat right top;}
#quemSomos > h1 {margin-bottom: 50px;}
#quemSomos article ul {list-style: none; padding: 0;}
#quemSomos article:before, #quemSomos article:after {content: ""; display: table; clear: both;}
#quemSomos article h1 {font-size: 24px; margin-top: 100px;}
#quemSomos article h1 span {font-size: 10px;}
#quemSomos article ul li {font-size: 16px;}
#quemSomos .text-right img {margin-left: 35px;}
#quemSomos .text-left img {margin-right: 35px;}
#quemSomos #viuva {display: block;}
#myCarousel1 {margin: 100px 0;}
.carousel-inner.onebyone-carosel { margin: auto; width: 100%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }
.carousel-control.right, .carousel-control.left {background: none; width: 30px;}
.carousel-control.left {left: -15px;}
.carousel-control.right {right: -15px;}
.carousel-control.left .fa, .carousel-control.right .fa {color: #c7c8ca; position: absolute;top: 50%;}
.carousel-control.left .fa {left: 0;}
/*End Quem Somos*/

/*Contato*/
#contato {padding-bottom: 150px;}
textarea.form-control {height: 340px; resize: none;}
#contato .btn {background-color: #4d4d4f; color: #fff;}
.has-error {border: solid 1px #c66048;}
input, textarea {border-radius: 0!important;}
.form-control:focus {
  border: solid 2px #c7c8ca;
  box-shadow: none;
}
#contato a {color: #333;}
#contato .container .row .col-md-6:first-child div:first-child {margin-bottom: 50px;}
#successMsg {display: block; font-size: 20px; text-align: center;}
/*End Contato*/

footer #contato {background-color: #4d4d4f; color: #fff; padding: 120px 0;}
footer #contato img {margin: 30px 0 35px 0;}
footer #contato .text-right p:nth-child(3) {margin-bottom: 35px;}
footer a {color: #fff!important;}
footer a:hover {color: #fff;}
footer p {margin: 0;}
footer ul {padding: 0;}
footer ul li {border-right: solid 1px #fff; display: inline-block; margin-left: -4px; padding: 0 10px;}
footer ul li:first-child {margin-left: 0; padding-left: 0;}
footer ul li:last-child {border: none;}
footer > .container {padding: 20px 0;}
footer > .container img {margin-top: -5px;}


@media screen and (min-width: 1921px) {
    .wrapper > h1 {background-size: 100% 157px;}
}    
@media screen and (min-width: 1700px) {
	#content .container-fluid .row:first-child article {padding-left: 150px;}
}
@media screen and (max-width: 1200px) {
	#content .container-fluid .row:first-child {background-position: 50% 0;}
}
@media screen and (max-width: 990px) {
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top: 20px!important;
        padding: 5px 10px 3px 10px!important;
    }
    .navbar-collapse {
    	background-color: #fff;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        margin-left: 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        text-align: left;
        border-radius: 3px;
    }
    .collapse.in{
        display:block !important;
    }
    
    #mynav button {
        margin-top: 30px;
    }
	.nav {
        z-index:99 !important;
    }    
    .slide {
        width:100% !important;
        position:relative;
    }
    .navbar-toggle {
        position:inherit;
    }
    .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar .container {
		padding: 0 20px;
	}
		.navbar {
		padding-top:0px;
		margin-right:0;
	}
	.navbar-toggle {
	    border: 1px solid #524c74;
		margin-top:40px;
	}
	.navbar-toggle .icon-bar {
		background-color:white;
	}
	.navbar-brand {
	    height: auto;
	    padding: inherit;
		padding-left:50px;
	    line-height: inherit;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	    margin: auto;
		text-align:center;
	}
	/**/
	.navbar-toggle {margin-top: 0;}
	.navbar-toggle i {font-size: 24px;}
	#tratamentos aside nav ul {padding: 0;}
	#content .container-fluid .row:first-child {background: none;}
	#content .container-fluid .row:last-child {background-position: bottom; padding-bottom: 600px;}
	#quemSomos article h1 {margin-top: 10px;}
}
@media screen and (max-width: 767px) {
	#logo img {margin-left: 15px; width: 300px;}
	.navbar-toggle {margin-top: 10px!important;}
	.container>.navbar-header {max-width: 100%;}
	#content .container-fluid .row:first-child {padding-top: 0;}
	#content .container-fluid .row:last-child {padding-top: 0;}
	#content .container-fluid .row:first-child article {padding-right: 15px;}
	#content .container-fluid .row:last-child article {padding-left: 15px;}
	#content h1 {font-size: 36px;}
	#tratamentos article .text {max-width: 80%;}
	#tratamentos article .imgContainer {max-width: 20%;}
	#quemSomos main article {margin: 160px 0 668px 0;}
    #quemSomos main .container {background: none;}
	#quemSomos main {background-image: url(images/quemSomos/drghuilherme1921.png); background: url(images/quemSomos/drghuilherme1921.png) no-repeat right bottom, linear-gradient(-180deg, transparent, #e1e1e2);}
	#quemSomos .container .row article .pull-right, #quemSomos .container .row article .pull-left {float: none!important; margin-left: 0;}
	#quemSomos .container .row .text-right {text-align: left!important;}
	#quemSomos .container .row article {margin-bottom: 50px; padding: 0 15px;}
    #quemSomos h1 span {display: block;}
    #quemSomos #myCarousel1 .col-xs-4 {padding: 0;}
	#contato .form-horizontal {margin-top: 50px; padding: 0 15px;}
    textarea.form-control {height: 200px; resize: none;}
	footer ul li {margin-bottom: 50px; padding: 0 5px;}
    .carousel-control {display: none;}
    footer #contato, footer #contato .text-right {text-align: center!important;}
    .wrapper > h1 {font-size: 30px; padding-bottom: 15px;}
    #quemSomos main article {margin-top: 10px;}
    #infra h1 span {font-size: 38px;}
    #banner img:first-child {display: none;}
    #banner img:last-child {display: block;}
}
@media screen and (max-width: 560px) {
	#tratamentos article .pull-right {float: none!important;}
	#tratamentos article .imgContainer, #tratamentos article .text {max-width: 100%;}
    footer > .container img {margin-top: 15px;}
    #quemSomos #myCarousel1 .col-xs-4 {display: block; width: 100%;}
}
@media screen and (max-width: 410px) {
	#logo img {width: 200px;}
    #quemSomos main {background-size: 100%;}
    #quemSomos main article {margin-bottom: 500px;}
}
@media screen and (max-width: 374px) {
	#headerSocial span {font-size: 10px;}
	#headerSocial a i {font-size: 14px;}
    #viuva {display: inline;}
}

    .slider {
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black!important;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .5;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }