/*
Theme Name: Odicar Blog
Author: DOA Comm
Author URI: http://doacomm.com.br/
Version: 1.0
*/
body {background: url(images/layout/body-bg.png) no-repeat; color: #4D4D4F; font-family: 'Questrial', Helvetica; font-size: 16px; font-weight: 300;}
h1, h2, h3 {font-weight: 300;}
h2 {font-size: 32px; margin-top: 0; margin-bottom: 0;}
ul {list-style-position: inside; padding: 0;}
.container {width: 1440px; max-width: 100%;}
.btnWhite {background-color: #fff; color: #6D6E71; display: inline-block; font-size: 16px; margin-top: 10px; padding: 8px 25px;}
.btnWhite:hover {background-color: #6D6E71; color: #fff; text-decoration: none; transition: .5s;}
.content {padding-bottom: 100px;}
.content header {color: #fff; margin-bottom: 100px; text-align: center; padding-bottom: 86px; padding-top: 220px;}
.flex {display: flex; align-items: center;}
i {margin-right: 5px;}
img {max-width: 100%;}
.row {margin: 0; width: 100%;}

.navbar {margin: 0;}
.container>.navbar-collapse {margin-top: 5px;}
.navbar-nav>li>a {color: #fff;}
.navbar-nav>li>a:hover {color: #adadaf; background: none;}
#pageHeader {background-color: rgba(0,0,0,.27); position: fixed; padding: 20px 0; width: 100%; z-index: 1000;}
.smallMenu #logo img {width: 150px!important;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.smallMenu {background-color: rgba(0, 0, 0, 0.7)!important; padding: 5px 0!important;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#home {background: url(images/layout/body-bg.png) no-repeat, linear-gradient(180deg, #434343, #c7c7c7); color: #fff;}
#home h2 {margin-bottom: 20px;}
#myCarousel, .carousel-inner, .item {height: 100vh; min-height: 905px;}
.carousel-inner>.item>img {margin: auto;}
.carousel-caption {top: 55%;}
.carousel-caption p {font-size: 48px; text-shadow: none;}
#myCarousel .container {padding: 0;}
#mouseIcon {
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    position: absolute; 
    bottom: 20px; 
    left: 48%;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
#home {margin: auto; max-width: 1920px;}
#home #cadCam {background: url(images/home/cad-cam.png) no-repeat left bottom; padding-bottom: 250px; padding-top: 100px;}
#home #estetica .container div:first-child {padding-top: 142px;}

#quemSomos header {background: url(images/quemSomos/header.jpg) no-repeat top; background-size: cover;}
#quemSomos .container > div {margin: auto; max-width: 650px; width: 100%;}
#quemSomos p:last-child {font-size: 24px; margin-top: 50px;}
#quemSomos p:last-child span {font-size: 16px; display: block;}

#diferenciais h3 {font-size: 32px;}
#diferenciais header {background: url(images/diferenciais/header.jpg) no-repeat top; background-size: cover;}
#diferenciais .container {padding-top: 110px!important; padding-bottom: 105px!important;}
#diferenciais #solucoes {background: #EBEBEB url(images/diferenciais/solucoes.jpg) no-repeat top right;}
#diferenciais #estetica {background: url(images/diferenciais/estetica.png) no-repeat; background-position: 0 100px;}
#diferenciais .content {background: url(images/layout/body-bg.png) no-repeat; background-position: 100% 70%;}

#tecnologia header {background: url(images/tecnologia/header.jpg) no-repeat top; background-size: cover;}

#dicasClinicas header {background: url(images/dicasClinicas/header.jpg) no-repeat top; background-size: cover;}
#dicasClinicas #dicasWrapper {margin: auto; max-width: 1090px;}
#dicasClinicas #dicasWrapper h3 {border: solid 1px #4D4D4F; margin-bottom: 105px; padding: 73px 229px;}
#dicasClinicas #dicasWrapper #dicasContent {padding: 0 229px;}
#dicasClinicas #dicasWrapper h4 {font-size: 32px; margin-top: 50px;}

#download header {background: url(images/download/header.jpg) no-repeat top; background-size: cover;}
#download h3 {margin-bottom: 20px; padding-left: 15px;}
#download .container:last-child {margin-top: 70px;}
#download a h4 {color: #404040; font-size: 16px;}
#download img {width: 100%;}
#download .container > div:hover {background-color: #B1ACAC;}

#contato {padding-bottom: 0;}
#contato header {background: url(images/contato/header.jpg) no-repeat top; background-size: cover;}
#contato p span {display: block; margin-top: 10px;}
#contato ul {list-style: none;}
#contato ul li a {color: #4D4D4F;}
#contato ul li {margin-bottom: 10px;}
#contato iframe {height: 540px; margin-top: 20px; width: 100%;}
#contato label, #contato input, #contato textarea {display: block;}
#contato form {width: 70%;}
#contato input, #contato textarea {border: solid 1px #C7C8CA; margin-bottom: 20px; width: 100%;}
#contato textarea {resize: none;}
#contato input[type=submit] { width: auto;}
#successMsg {background-color: #151515; color: #fff; padding: 15px 10px; text-transform: uppercase; width: 72%;}

#blog header {background: url(images/blog/header.jpg) no-repeat top; background-size: cover;}
#blog article h3 {margin-top: 0;}
#blog .postThumbnail img {height: auto!important;}
#blog a {color: #404040;}
#blog ul {list-style: none;}
#blog article {border-bottom: solid 1px #404040; margin-bottom: 40px; padding-bottom: 20px;}
#blog .current {border-bottom: solid 1px #151515;}
#blog p{margin: 0 0 25px}

.clearfix:before, .clearfix:after {content: ""; display: table; clear: both;}

footer {background-color: #151515; color: #C7C8CA; font-size: 14px; padding-top: 30px;}
footer h2 {font-size: 16px;}
footer p span {display: block;}
footer #dicas {border: solid 1px #fff; color: #fff; margin-top: 20px; padding: 30px; position: relative;}
footer #dicas h2 {background-color: #151515; display: inline; font-size: 14px; position: absolute; top: -7px;}
footer #dicas .btnWhite {font-size: 11px; position: absolute; bottom: -15px; right: 30px;}
#blog #dicas {border: solid 1px #4D4D4F; color: #4D4D4F; margin-top: 20px; padding: 30px; position: relative;}
#blog #dicas h2 {color:#4D4D4F;background-color: #fff; display: inline; font-size: 14px; position: absolute; top: -7px;}
#blog #dicas .btnWhite {font-size: 11px; position: absolute; bottom: -15px; right: 30px;background: #4D4D4F;color: #fff}
footer > .container {padding-bottom: 10px; padding-top: 40px;}
footer #termos {margin-top: 20px;}
footer #termos, footer #responsavel {font-size: 12px;}
footer #responsavel {background-color: #000000; color: #6D6E71; padding: 10px 0;}
footer #responsavel p {margin: 0;}
footer ul {list-style: none; margin-top: 30px;}
footer a {color: #C7C8CA;}
footer a:hover {color: #adadaf; text-decoration: none;}
footer #parceiro h2 {margin-bottom: 10px; margin-top: 20px;}

@media only 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 {
        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: 0;
        margin-top: 7.5px;
        width: 100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        text-align: left;
    }
    .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 {
        padding-top:0px;
        margin-right:0;
    }
    .navbar-toggle {
        color: #fff;
        font-size: 30px;
        margin-right: 0;
    }
    .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 {padding-bottom: 0;}

    #dicasClinicas #dicasWrapper h3 {padding: 20px;}
    #dicasClinicas #dicasWrapper #dicasContent {padding: 0;}
    #paginationContainer {margin-bottom: 50px;}
}
@media only screen and (max-width: 767px) {
    #pageHeader {background-color: rgba(0,0,0,.7);}
    #pageHeader .container-fluid {padding: 0;}
    .carousel-inner>.item>img {margin-top: 122px;}
    .carousel-caption {top: 200px;}
    #myCarousel, .carousel-inner, .item {height: auto; min-height: 400px;}
    #mouseIcon {display: none;}
    .carousel-caption {position: static; width: 100%;}
    .carousel-caption p {font-size: 32px;}
    .container div, #download h3, #blog .container div article > div {padding: 0;}
    #home #estetica img {margin-top: 50px;}
    #tecnologia .flex {display: block;}
    #diferenciais #solucoes {padding-top: 466px;}
    #diferenciais #estetica {background-position: bottom; padding-bottom: 200px;}
    #diferenciais .pull-right {float: none!important;}
    #download a h4 {margin-bottom: 50px;}
    .hideOnMobile {display: none;}
    .showOnMobile {display: block;}
}
@media only screen and (max-width: 636px) {
    #contato form, #successMsg {width: 100%;}
}