@charset "UTF-8";
@import "css/bootstrap.min.css";
@import "css/fancybox.css";
@import "css/font-awesome.min.css";
@import "css/normalize.css";
@import "css/owl.carousel.css";

/*
Theme Name: E.Munhoz Advogados
Theme URI:  Advocacia 
Description: 
Version: 1.0 - 2018
Author: Agência Sigu
Author URI: http://sigu.com.br
Front-End e Wordpress: Valter Carnaúba
Email: valter.csousa@gmail.com
Site: http://valtercarnauba.com.br
*/

/*+---------------------------+
  RESET / FONT-FACE
+---------------------------+*/
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-webfont.woff2') format('woff2'), url('fonts/raleway-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.woff2') format('woff2'), url('fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.woff2') format('woff2'), url('fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background: url("img/plano-de-fundo.jpg") center 0 no-repeat;
}

html, button, input, select, textarea {
    color: #000;
    font: normal 14px 'ralewayregular', Tahoma, Arial, sans-serif;
}

*, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    outline: none;
    list-style-type: none;
    list-style-position: inside;
    font-family: 'ralewaymedium', Arial, Helvetica, sans-serif;
}

h1 {
    letter-spacing: 3px;
    font-size: 18px;
    color: #1a415a;
    text-transform: uppercase;
}

a, a:hover, a:focus, a:visited, .navegacao-equipe .nav-tabs > li > a, .card-body p {
    color: #000;
    text-decoration: none;
    outline: none;
    font-family: 'ralewaymedium', Arial, Helvetica, sans-serif;
}

ul, p {
    margin: 0;
    color: #1a415a;
    font: normal 12px 'ralewayregular', Tahoma, Arial, sans-serif;
}

* p {
    line-height: 1.8;
}

img {
    margin: 0 auto;
    object-fit: cover;
}

/
/*+---------------------------+
  GERAL
+---------------------------+*/
.position-relative {
    position: relative;
}

/*+---------------------------+
  TOPO
+---------------------------+*/
.top-back-branco {
    padding: 48px 0;
    background: #fff;
}

.conteudo-back-branco {
    padding-top: 55px;
    padding-bottom: 85px;
    background: #fff;
}

.top .menu-interno .navbar-nav {
    float: left;
}

.top .menu-interno {
    margin-top: 5px;
}

    .top .menu-interno .navbar-default .navbar-nav > li span {
        padding: 0 9px;
        color: #1a415a;
    }

    .top .menu-interno .navbar-default .navbar-nav > li > a, .menu-rodape .navbar-default .navbar-nav > li > a {
        padding: 5px 0;
		letter-spacing: 0.1em;
        float: right;
    }
    #menu-idioma{float: right;margin-right:25px;}
    #menu-idioma-home {margin-top: 30px;}

.navbar-default .navbar-nav > li > a.menu-ativo {
    color: #839098 !important;
}

.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #1a415a;
    text-transform: uppercase;
    font: 12px 'ralewaymedium', Arial, Helvetica, sans-serif;
}

.navbar-default .navbar-nav > li span {
    padding: 0 23px;
    float: left;
    display: inline-block;
    color: #5f7a8c;
    font-size: 14px;
	margin-top: 4px;
}

.menu-home .navbar-nav > li span {    
    color: #4e6b7e;
    font-size: 23px;
	margin-top: 0px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #839098;
}

/*+---------------------------+
  INDEX
+---------------------------+*/
.principal {
    padding: 254px 0;
}

.borda-branca {
    width: 100%;
    margin: 175px 0 25px;
    display: block;
    border-bottom: 1px solid #476679;
}

.menu .navbar-nav {
    float: none;
    display: table;
    margin: 0 auto;
}

.menu .navbar-default .navbar-nav > li > a {
    padding: 5px 0;
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: 'latoregular';
	letter-spacing: 0.1em;
	opacity: 0.7;
}

address p.parag-endereco {
    text-align: center;
    font-size: 12px;
    font-family: 'ralewaylight', Arial, Helvetica, sans-serif;
    color: #ffffff;
	opacity: 0.7;
}

address.endereco {
    width: 250px;
    margin: 20px auto 0;
}

/*+---------------------------+
  ESCRITÓRIO
+---------------------------+*/
.menu-lateral {
    margin-top: 64px;
	padding: 0 50px;
}

    .menu-lateral .primeira-borda {
        width: 100%;
        padding: 12px 0px;
        text-align: center;
        border-top: 1px solid #bac6cd;
    }

    .menu-lateral .segunda-borda {
        width: 100%;
        padding: 12px 0px;
        text-align: center;
        border-top: 1px solid #bac6cd;
        border-bottom: 1px solid #bac6cd;
    }

    .menu-lateral .terceira-borda {
        width: 100%;
        padding: 12px 0px;
        text-align: center;
        border-bottom: 1px solid #bac6cd;
    }

    .menu-lateral li > a {
        text-transform: uppercase;
        color: #5f7a8c;
        font-size: 13px;
        letter-spacing: 3px;
    }

.text-escritorio, .text-atuacao {
    -webkit-columns: 2 150px;
    -moz-columns: 2 150px;
    columns: 2 150px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}

.escritorio h1, .atuacao h1, .equipe h1, .contato .text-contato h1 {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    margin-bottom: 2.1em;
    line-height: 1.2;
}

.escritorio p, .atuacao p {
    margin-bottom: 1.6em;
}
.text-contato p a{
	margin: 0;
    color: #1a415a;
    font: normal 12px 'ralewayregular', Tahoma, Arial, sans-serif;
}

/*+---------------------------+
  ATUAÇÃO
+---------------------------+*/
.atuacao h2 {
    margin: 22px 0 4px;
    font-size: 12px;
    color: #1a415a;
    text-transform: uppercase;
}

/*+---------------------------+
  EQUIPE
+---------------------------+*/
.equipe .text-equipe p.muda-paragrafo {
    margin-bottom: 73px;
}

.abas-equipe li {
    width: 100%;
    padding: 27px 0;
    border-top: 1px solid #cdd3d6;
}


.navegacao-equipe .nav-tabs {
    margin-bottom: 24px;
    border: none;
}

.abas-equipe .card-body {
    width: 360px;
    margin-bottom: 11px;
}

    .abas-equipe .card-body h3 {
        margin-top: 21px;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .abas-equipe .card-body p {
        margin-bottom: 3px;
        font-size: 12px;
        color: #839098;
    }

.navegacao-equipe .nav-tabs > li {
    float: left;
}

    .navegacao-equipe .nav-tabs > li span {
        padding: 0 2px;
        float: left;
        display: inline-block;
        color: #cdcfd0;
        font-size: 15px;
    }

    .navegacao-equipe .nav-tabs > li > a {
        padding: 0 3px;
        float: left;
        text-transform: uppercase;
        font-size: 12px;
        color: #dcdcdc;
    }

    .navegacao-equipe .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
        background-color: #dcdcdc;
        border-radius: 0;
        color: #1a415a;
        border-color: transparent;
    }

.navegacao-equipe .abas-equipe li a {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    color: #1a415a;
}
.abas-equipe li a.intro {font-size: 12px; text-transform: none; color: #839098; letter-spacing: 0; font-family: ralewayregular;}
    .abas-equipe li:last-child {
        border-bottom: 1px solid #cdd3d6;
    }
.navegacao-equipe .nav-tabs > li > a.colaboradores {
    border-radius: 0;
    color: #1a415a;
    border-color: transparent;
}

/*+---------------------------+
  RODAPE
+---------------------------+*/
#footer .rodape {
    padding: 30px 0;
}

#footer .endereco-rodape {
    padding: 0;
    margin: 0;
}

    #footer .endereco-rodape p.parag-endereco {
        text-align: right;
    }

.menu-rodape .navbar-default .navbar-nav > li > a, .menu-rodape .navbar-default .navbar-nav > li span {
    
    color: #ffffff;
	opacity: 0.7;
    font-size: 10px;
    font-family: 'ralewayregular';
}

.menu-rodape .navbar-default .navbar-nav > li span {
    padding: 1px 5px 0;
}
.logo{padding-left: 0px;}

/*+---------------------------+
  MEDIA QUERIES
+---------------------------+*/
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767px) {
    #menu-lateral {
        display: none;
    }
    #menu-idioma{display: contents;}
    #menu-idioma-home {margin-top: 10px;margin-bottom: 20px;}
    .top-back-branco {
        padding: 48px 0 0;
    }
    
    .conteudo-back-branco {
        padding-top: 0;
        padding-bottom: 15px;
    }

    .abas-equipe .card-body {
        width: 290px;
    }

    .escritorio, .atuacao, .equipe, .contato {
        padding-top: 0;
    }

        .escritorio h1, .atuacao h1, .equipe h1, .contato .text-contato h1 {
            margin-top: 25px;
        }

    .principal {
        padding: 80px 0;
    }

    .borda-branca {
        margin: 105px 0 25px;
    }

    .navbar-default .navbar-nav > li span {
        padding: 0 2px;
    }

    address.endereco {
        margin: 0 auto !important;
    }

    #footer .endereco-rodape p.parag-endereco {
        text-align: center;
    }

    #footer {
        padding-bottom: 30px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .navegacao-equipe .nav-tabs > li span {
        padding: 0;
    }

    .navegacao-equipe .nav-tabs > li > a {
        padding: 0 1px;
    }
}

/* Layout geral responsivo */
@media (max-width: 768px) {
    .top a {
        margin: 10px auto;
        display: table;
        float: initial;
    }

    .principal .menu .navbar-collapse.collapse, #footer .menu-rodape .navbar-collapse.collapse {
        display: block !important;
    }

    .principal .menu .navbar-nav > li, #footer .menu-rodape .navbar-nav > li {
        float: left;
    }

    .principal .menu .navbar-collapse, #footer .menu-rodape .navbar-collapse {
        border: none;
        box-shadow: none;
    }

    .text-escritorio, .text-atuacao {
        webkit-columns: 1 150px;
        -moz-columns: 1 150px;
        columns: 1 150px;
        text-align: justify;
    }

    .navbar-header, .top .menu-interno .navbar-default .navbar-nav > li > a {
        float: none;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
            }

    .navbar-nav {
        margin: 0 auto;
        display: table;
        float: none !important;
        text-align: center;
    }

    .top .menu-interno .navbar-default .navbar-nav > li span {
        display: none;
    }

    .navbar-nav > li {
        float: none;
    }

        .navbar-nav > li > a {
            padding: 10px 0;
        }

    .navbar-toggle {
        padding: 7px 4px;
        display: block;
        border-color: #1a415a;
        background: #1a415a;
		border-radius: 0px;
    }

        .navbar-toggle .icon-bar {
            width: 30px;
            height: 2px;
        }

    .navbar-default .navbar-toggle {
        border-color: #1a415a;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #1a415a;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #839098;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #000;
    }

    .navbar-nav .open .dropdown-menu li {
        margin: 0 auto;
        display: table;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    .navegacao-equipe .nav-tabs > li span {
        padding: 0;
    }

    address.endereco {
        width: 220px;
    }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1366px) {
    .principal {
        padding: 125px 0;
    }
}