@charset "UTF-8";
/*-----------------------------------*\
  $FONTS
\*-----------------------------------*/
/**
* by Simple Comunicação.
* Layout for Centro Auditivo Oral.
*
* @project centroauditivooral.com.br.
* @version 1.0.
* @package layout.
* @author Emerson G. Fernandes.
* @copyright 2020
* 
* @colordef ; 
* @colordef ;  
* @colordef ; 
**/
.margin_top_1x{margin-top: 10px;}
.margin_top_2x{margin-top: 20px;}
.margin_top_3x{margin-top: 30px;}
.margin_top_4x{margin-top: 40px;}
.margin_top_5x{margin-top: 50px;}
.margin_top_6x{margin-top: 60px;}
.margin_top_7x{margin-top: 70px;}
.no_margin{margin: 0!important}
.no_margin_left{margin-left: 0!important}
.no_margin_right{margin-right: 0!important}
.normal_size{font-size: 1em;}
.border_left{border-left: 10px;}
.border_right{border-right: 10px;}
.margin_left{margin-left: 5px}
.margin_right{margin-right: 5px}
p{font-size: 1.2em;}
h1{font-size: 3em}
h2{font-size: 2.8em}
h3{font-size: 2.6em}
h4{font-size: 2.2em}
h5{font-size: 1.6em}
h6{font-size: 1.3em}
/*-----------------------------------*\
  $INTERFACE
\*-----------------------------------*/
.i{
    background-color: blueviolet;
    height: 300px
}
.b{
    background-color: salmon;
    height: 50px;
}
.a{
    height: 120px;
    background-color: blue
}
.k{
    background-color: steelblue;
    height: 200px;
}
.c{
    background-color: cadetblue;
    height: 100px;
}

/*-----------------------------------*\
    $EDITIONS TEXT
\*-----------------------------------*/
.text_white{
    color: white!important
}
.text_black{
    color: black
}
.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.pointer{
    cursor: pointer
}
/*-----------------------------------*\
  $HEADER
\*-----------------------------------*/


/*-----------------------------------*\
  $EDTIONS OF MENU
\*-----------------------------------*/

/*-----------------------------------*\
  $BODY
\*-----------------------------------*/
.btn {
  background-image: linear-gradient(to left, #BF0811, #e9040f, #BF0811);
}

.header-area .main-header .main-menu ul li a {
  color: black;
}
.header-area .main-header .main-menu ul li a:hover {
  color: #BF0811;
}

b, sup, sub, u, del {
  color: #BF0811;
}

.slider-area .hero__caption span {
  color: #e9040f;
}

.slider-area .hero__caption span::before {
  background: #e9040f;
}

#scrollUp, #back-top, .section-tittle span::before {
  background: #BF0811;
}

.preloader .preloader-circle {
  border-top-color: #BF0811;
}

.section-tittle span {
  color: #BF0811;
}

.department_area .depart_ment_tab .nav li a i {
  color: #f02f38;
}

.department_area .depart_ment_tab .nav li a.active {
  background-image: -moz-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
  background-image: -webkit-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
  background-image: -ms-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
  color: #fff;
}

.department_area .dept_main_info .no-gutters{
  background-image: -moz-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
  background-image: -webkit-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
}

.department_area .dept_main_info .dept_info {
  background-image: none;
  background-image: none;
}

.bg_depoimento{
  background-image: -webkit-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
}

#depoimentos{
  margin-top: 150px;
}

.all-starups-area .starups{
  background-image: -webkit-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
  background-image: -moz-linear-gradient(0deg, #BF0811 0%, #e9040f 100%);
}

.footer-logo a img{
  height: 80px;
  margin-top: 40px;
}

.footer-area .footer-top .single-footer-caption .footer-form {
  font-size: 1.3em;
}

#envio_sucesso{
	display: none;
	width: 100%;
    margin-top: 15%;
    margin-bottom: 5%;
}
#envio_sucesso h4{
    font-size: 2em!important;
}
#envio_sucesso span.success,#envio_sucesso h4.success{
    color: #33cc00
}
#envio_sucesso>span.mdi{
    font-size: 4.5em;
}
#envio_sucesso span.erro,#envio_sucesso h4.erro{
    color: #ff1616;
}
#envio_sucesso img{
    height: 140px;
}


input.error,textarea.error,select.error{
  border: #ff6666 solid 1px!important; 
  margin: 0;
  background-color: rgba(255, 0, 0, 0.1)!important;
  color: red
}

.text_red{
color: #ED3237;
}

.footer-logo img{
  width: 100%;
  height: auto!important;
}

.all-starups-area .starups-img {
  width: 100%;
}

.all-starups-area .starups {
  width: 100%;
  padding: 0;
}

.single-blogs{
  border: 1px solid #ccc;
  padding: 10px;
}

.date-info{
  font-size: 15px;
}

.date-info span{
  color: #BF0811;
}

.single-blogs:hover{
  border-color: black;
}

.department_area .dept_main_info .dept_info {
  padding: 50px 103px 50px 111px;
}

/*-----------------------------------*\
  $END EDTIONS BODY
\*-----------------------------------*/

/*-----------------------------------*\
  $FOOTER
\*-----------------------------------*/

/*-----------------------------------*\
  $BEGIN EDTIONS PAGE .php
\*-----------------------------------*/

/*-----------------------------------*\
  $END EDTIONS PAGE .php
\*-----------------------------------*/

/*-----------------------------------*\
  $MEDIA QUERIES
\*-----------------------------------*/

@media only screen and (min-width: 1800px){}
@media (min-width:1600px) and (max-width: 1800px){}
@media (min-width:1500px) and (max-width: 1600px){}
@media (min-width:1400px) and (max-width: 1500px){}
@media (min-width:1300px) and (max-width: 1400px){}
@media only screen and (max-width: 1300px){}
@media only screen and (max-width: 1250px){}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 1100px){}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 991px){
    * {
        font-size: 13px;
    } 
    .no_row_sm{margin-left: 0px!important;margin-right: 0px!important;}
}
@media only screen and (max-width: 767px){
    * {
        font-size: 12px;
    } 
    .no_row_xs{margin-left: 0px!important;margin-right: 0px!important;}
    .text-right-xs{text-align: right;}
    .text-left-xs{text-align: left;}
    .text-center-xs{text-align: center;}
}
@media only screen and (max-width: 320px){}

.blog-img {
    min-height: 348px;
}

.img-produtos{
    min-height: 182px!important;
}

.redlink{
    color: #BF0811;
}

.blogs-cap h4{
    min-height: 53px;
    font-weight: bolder; 
}

.box_slide h1{
  font-size: 3.2em;
}

.box_slide h1{
  color: #BF0811;
  font-weight: bold;
}

.box_slide span{
  font-size: 2.5em;
}

.box_slide{
  margin-top: -500px;
  width: 100%;
  position: absolute;
}

.descricaoProd p{
    font-size: 1.8em;
}