@charset "utf-8";
    /* CSS Document */

    /******************************

    [Table of Contents]

    1. 1600px
    2. 1440px
    3. 1280px
    4. 1199px
    5. 1024px
    6. 991px
    7. 959px
    8. 880px
    9. 768px
    10. 767px
    11. 539px



    12. 479px








    /*********************************
    13. 400px
    **********************************
    01. TOPBAR
    02. BANNER
    03. NOSSOS SERVIÇOS.
    04. TIPO EXAMES
    05. NOSSAS UNIDADES
    06. RESULTADO ON-LINE -> INDEX
    07. ARTIOS
    08. ARTIOS POPULADOS
    09. NEWSLETTER
    10 . UNIDADE
    11. EXAMES E SERVIÇOS -> contact.css
    12. CONVÊNIO -> contact.css
    13. QUEM SOMOS





    /*********************************
    14 . 375px
    **********************************
    --
    01. TOPBAR
    02. BANNER - HOME.
    03. NOSSOS SERVIÇOS.
    04. TIPO EXAMES.
    05. EXAMES POPULADOS
    06. NOSSAS UNIDADES
    07. INDEX -> RESULTADO ON-LINE.
    08 . ARTIGOS
    09 . ARTIGOS POPULADOS
    10. NEWSLETTER
    11 . EXAMES E SERVIÇOS -> contact.css
    12 . UNIDADE
    13 . CONVÊNIOS -> contact.css
    14 . QUEM SOMOS

    ******************************/



    /************
    1. 1840px
    ************/

    @media only screen and (max-width: 1840px)
    {
    .main_nav
        {
        margin-right: 10px;
        }
    }

    /************
    1. 1760px
    ************/

    /* @media only screen and (min-width: 1601px) { */
    .work_hours {
    display: none;
    }

    .intro_form_container
    {
    margin-top: 20%;
    }


    /*********************************
    09. TOPBAR
    **********************************/

    .resultado_exame
    {
    font-size: 70%;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
    }

    .hamburger {
    display: none;
    }

    .logo {
    width:220px;
    margin-bottom: 1%;
    margin-left: -19%;
    margin-top: 1%;
    text-align: center;
    }



         /*********************************
    04.NOSSOS SERVICOS
    **********************************/

    .nossos_servicos_container
    {
    margin-top: 07%;
    padding-top: -20px;
    }

    .intro_form_container
    {
        margin-top: 5%;
    }




    /*********************************
    04.TIPO EXAMES
    **********************************/
    .icone_tipoExames
    {
    border-radius: 50%;
    /* width:15%; */
    padding:20px;
    }

    .why {
    width: 100%;
    background: #eff3f7;
    }

    .why_content {
    padding-top: 15%;
    padding-bottom: 15%;
    }

    .why_text {
    margin-top: 33px;
    }

    .why_list {
    margin-top: 37px;
    }

    .why_list ul li:not(:last-of-type) {
    margin-bottom: 31px;
    }

    .examespopulados_container
    {
    margin-top: 30%;
    }

    .examespopulados_container
    {
    margin-top: 15%;
    }

    /*********************************
    09. NOSSAS UNIDADES
    **********************************/
    .logo_unidades
    {
    width: 30%;
    }

    /********************************
    UNIDADE -> INDIVIDUAIS
    ********************************/


    .unidade_container
    {

    margin-top: 20%;
    padding-top: -0px;
    }

    .tabela_unidade_container
    {
    margin-top: 4%;
    }


    .header_artigosPopulados {

    width: 100%;
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    /* position: relative; */
    height: 100px;
    margin-top: 117px;
    /* overflow: hidden;
    border-radius: 0 0 85% 85% / 30%; */
    }
    .header_artigosPopulados .overlay{
    width: 100%;
    height: 100%;
    color: #FFF;
    background-image: linear-gradient(to bottom right, rgb(202, 134, 134), rgb(160, 37, 37));


    }

    .titulo_artigosPopulados {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 33px;
    color: white;
    }

    .subtitulo_artigosPopulados {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: white;
    margin-left: 10px;
    font-weight: 500;
    }

    .button_banner_artigo_populado {
    border: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 50px;
    color: #333;
    background: #fff;
    margin-top: 20%;
    box-shadow: 0 3px 20px 0 #0000003b;
    }

    .button_banner_artigo_populado:hover{
    cursor: pointer;
    }
    /*********************************
    09. ARTIOS
    **********************************/

    .image_artigo_index{
    height: 170px;
    width: 140px;
    margin-right: 20px;
    margin-left:-20px;
    }

    .verMais_artigo_index
    {
    margin-top: 5%;
    }

    .stars_artigo_index
    {
    margin-top: 5%;
    }



    /*********************************
    09. ARTIOS POPULADOS
    ***************************************/


    @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300);


    #social-platforms {
    position:relative;
    font-size:1rem;
    text-align:center;
    height:250px;
    overflow:hidden;
    }

    .titulo_redes_artigosPopulados
    {
    font-size: 22px;
    margin-top: 5%;
    margin-bottom: 3%;
    font-weight: 600;
    }

    /*Pen code from this point on*/
    .btn_artigosPopulados {
    clear:both;
    white-space:nowrap;
    font-size:.8em;
    display:inline-block;
    border-radius:5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    margin:2px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    overflow:hidden
    }

    .btn_artigosPopulados:hover {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
    }

    .btn_artigosPopulados:focus {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    }

    .btn_artigosPopulados > span,.btn-icon > i {
    float:left;
    padding:13px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    line-height:1em
    }

    .btn_artigosPopulados > span {
    padding:14px 18px 16px;
    white-space:nowrap;
    color:#FFF;
    background:#b8b8b8
    }

    .btn_artigosPopulados:focus > span {
    background:#9a9a9a
    }

    .btn-icon > i {
    border-radius:5px 0 0 5px;
    position:relative;
    width:13px;
    text-align:center;
    font-size:1.25em;
    color:#fff;
    background:#212121
    }

    .btn-icon > i:after {
    content:"";
    border:8px solid;
    border-color:transparent transparent transparent #222;
    position:absolute;
    top:13px;
    right:-15px
    }

    .btn-icon:hover > i,.btn-icon:focus > i {
    color:#FFF
    }

    .btn-icon > span {
    border-radius:0 5px 5px 0
    }

    /*Facebook*/
    .btn-facebook:hover > i,.btn-facebook:focus > i {
    color:#3b5998
    }

    .btn-facebook > span {
    background:#3b5898c7
    }

    /*instagram*/
    .btn-googleplus:hover > i,.btn-googleplus:focus > i {
    color:#63c263
    }

    .btn-googleplus > span {
    background: #278514b2
    }


    /*********************************
    09. NEWSLETTER
    **********************************/

    .newsletter {
    margin-top: 05%;
    padding-top: 56px;
    padding-bottom: 82px;
    }

    .newsletter_title {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    }

    .newsletter_row {
    margin-top: 54px;
    }

    .newsletter_input {
    width: calc(100% - 150px);
    height: 46px;
    background: transparent;
    border: solid 2px #e6ebf1;
    color: #FFFFFF;
    padding-left: 34px;
    outline: none;
    }

    .newsletter_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
    }

    .newsletter_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
    }

    .newsletter_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
    }

    .newsletter_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
    }

    .newsletter_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
    }

    .newsletter_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 167px;
    height: 46px;
    border-radius: 19px;
    background-image: linear-gradient(to bottom right, rgb(202, 134, 134), rgb(160, 37, 37));
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    }

    .opening_hours {
    left: auto;
    width: 100%;
    }

@media only screen and (max-width: 991px) {
    .hamburger {
        display: block;
    }
    .main_nav, .header_social, .header-top{
        display: none;
    }
    .home {
        width: 100%;
        height: 200px;
        margin-top: 80px;
    }
    .why_image_container {
        display: none;
    }
    .unidade {
        display: block!important;;
    }
}