/*
Theme Name: MerakiArtsBrasil
Theme URI: http://www.identidadevisualadvogados.com.bre
Description: Identidade Visual para Advogados
Author: Meraki Arts Brasil
Author URI: http://www.merakiartsbrasil.com/
Version: 1.0

*/


@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body{ height: 100%;}

html, body, #page-one, #page-two, #page-three {
  height: auto;
  min-height: 70vh;
}

body {
      font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    line-height: inherit;
    overflow-x: hidden;
}

.entrysistematiza {
    width: auto;
    margin: 5%;
    line-height: initial;
    font-size: inherit;
      font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

ul.iconeshere span {
    display: none;
}

sform {
    display: inline-grid;
}

select {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
    }

    /* Style the select options */
select option {
        font-size: 14px;
    }
    
p.boldtitle {
        font-weight: bold;
    }
    
/* Style the search button */
    .search-button-container input[type="submit"] {
        background-color: #333132;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 10px 20px;
        cursor: pointer;
        font-size: 16px;
        color: #E6B963;
        font-weight: bold;
    }

    /* Hover effect for the search button */
    .search-button-container input[type="submit"]:hover {
        background-color: #E6B963;
        color: #333132;
        font-weight: bold;
    }


.pesquisapage {
    width: 60%;
    margin: 0 auto;
    background-color: #fff;
    padding: 2%;
    border: 1px solid #e1e1e1;
    margin-top: 5%;
}

#search-results {
    width: 60%;
    margin: 0 auto;
    margin-top: 3%;
}

.search-results-header {
    background-color: #E6B963;
    padding: 10px;
    font-weight: bold;
    color: #333132;
}

.total-found-container {
    background-color: #333132;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    color: #E6B963;
    width: 100%;
}

.total-found-container p {
    margin-top: 10px;
}

.total-found {
    color: #E6B963; /* Optional: Add text color to improve visibility */
}

.search-button-container {
    margin-top: 20px;
}

.search-result h3 a {
    font-size: 16px !important;
    font-weight: bold;
    color: #26262F;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.search-result h3 {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.search-result {
    border-bottom: 2px solid #e1e1e1;
}




h2.h2dapesquisa {
    margin-top: -4%;
    text-align: left !important;
    background-repeat: no-repeat;
    padding-bottom: 0px !important;
    background-position: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #01013e;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent !important;
    background-size: 100%;
    PADDING-LEFT: 0PX !important;
    PADDING-RIGHT: 0PX !important;
}

h1.contentagende {
    font-size: 3em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 50vh;
    font-weight: bold;
    z-index: 1;
    position: relative;
}

.agendeconsulta {
    font-size: 1.2em;
    background-color: #E2B561;
    padding: 1%;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    list-style: none;
    width: 20%;
    z-index: 9999;
    position: relative;
}

.agendeconsulta a {
    color: #333132;
    font-weight: bold;
}

#pagemenu hr {
    z-index:1;
    position: relative;
}

hr {
        background-position: center;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    border: 0px;
    height: 30px;
}

.container.header {
    padding-top: 10px;
}

.fotosobre img {
    z-index: 1;
    position: relative;
    height: auto !important;
    width: 100% !important;
}

h1.sectiontitles.areatitlesp {
    width: 20%;
}

h1.sectiontitles.noticiastitle {
    font-size: 1.3em;
    width: 20%;
    color:#000031;
    justify-content: left;
    padding-left: 3%;
}

.col-sm {
    display: inline-block;
    width: 19%;
    margin: 0 auto;
}


.areasdeatuacao-3x .col-sm {
    display: inline-block;
    width: 19%;
    margin: 0 auto;
    height: auto;
    padding-bottom: 5%;
    border-right: 4px solid #f79520;
}

.areasdeatuacao-3x .col-sm:last-child {
    border-right: none;
}


h1.sectiontitles {
    color: #E6B963;
    font-size: 1.3em;
    font-weight: bold;
    width: fit-content !important;
    height: auto;
    padding: 1% 4% 1% 5%;
    text-align: right;
    display: flex;
    justify-content: right;
}


h1.sectiontitlessobre {
    background-color: #f7941d;
    color: #000031;
    font-size: 1.3em;
    width: 250px;
    padding: 2% 10% 2% 10%;
    text-align: center;
    display: table-cell;
    justify-content: left;
    font-weight: 700;
}

h1.sectiontitles.areatitlesp {
    background-color: #f7941d;
    color: #000031;
    font-size: 1.5em;
    padding: 1% 5%;
    text-align: center;
    display: inline-block;
    justify-content: left;
    font-weight: 700;
    clear: both;
    margin-top: 5%;
}

h1.sectiontitles.sociostitle {
    height: 39px !important;
    margin-bottom: 5% !important;
    color: #26262F;
    font-size: 1.3em;
    font-weight: bold;
    width: 250px !important;
    padding: 2% 10% 2% 10%;
    text-align: left !important;
    display: table-cell;
    justify-content: left;
    background-image: url(images/titlesocios.png);
    background-repeat: no-repeat;
    background-size: contain;
}

h1.sectiontitles.noticiastitle {
    background-color: #f7941d;
    color: #000031;
    font-size: 1.5em;
    padding: 1% 5%;
    text-align: center;
    display: grid;
    justify-content: left;
    font-weight: 700;
}

h2.plantao {
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff;
    line-height: 0.1em;
    margin: 10px 0 20px;
    position: absolute;
    bottom: 5%;
    z-index: 1;
}

h2.plantao span {
    padding: 0 10px;
    height: 68px;
    width: 68px;
}

h2.plantao img {
    height: 68px !important;
    width: 68px !important;
    vertical-align: bottom;
    margin-top: -58px;
    background-color: #26262F;
    padding: 10px;
}

.plantaotexto {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}

.entrybodysobreprof img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    float: left;
    max-width: 40%;
    margin-left: 3%;
    border: 10px double #ccc;
}

.infoprof {
    float: right;
    color: #231f20;
    width: 60%;
    padding: 0% 2% 2% 2%;
}

.infoprof p {
    text-align: justify;
}

div#profissionais-section {
    background-color: #f1f2f2;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100vw;
    height: auto;
    min-height: 85vh;
    padding: 10% 0%;
    clear: both;
    padding: 12% 5%;
}

h1.entrytitleprof, h1.entrytitleprof a {
    font-size: initial;
    font-weight: bold;
    color: #231f20;
}

div#profissionais-section .row {
    width: 100%;
    margin: 0 auto;
}

h3.entrytitlesinglepost {
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 25px;
    font-size: 22px;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
    margin-top: 0px;
    color: #333132;
}

h3.entrytitlesinglepost a {
    color: #333132;
}

h3.entrytitlefaq a {
    color: #231f20;
}

h3.entrytitlefaq {
    font-weight: bolder;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 25px 0;
    font-size: 18px;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
}


#siztema {
    height: auto;
    min-height: 20vh;
    background-color: #333132;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5em;
    color: #fff;
    text-align: center;
}


#page-two, #page-3x, #page-3xa, #page-six {
    padding-top: 2em;
}

.conhecearea {
    padding-top: 2%;
}

.conhecearea p {
    color: #333132 !important;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1.2em !important;
}

.bgnews4socio img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 277px;
    height: 277px;
    margin-right: 0px;
    float: left;
}

section.socioscolumns {
    padding: 5% 3%;
    min-height: 100vh;
    height: auto;
}

#page-five {
    padding-top: 0px;
}

#page-three h2 a, #page-3xa h2 a { 
color: #000031 !important;
    font-weight: bold;
    font-size: 1.5em;
}

i {
    font-style: italic;
}

/* Header */

header.large ul {
display: table;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
}

header.large nav ul {
    width: 60%;
}

ul.iconeshere {
    height: 48px;
    width: 83% !important;
    float: left !important;
    margin-top: -120px !important;
    background-image: none !important;
    text-align: right;
    margin-right: 1% !important;
    clear: both;
}

li.buscanav {
    float: right !important;
}

header.large ul.navigationmenulinks {
    display: ruby;
    width: 60%;
    float: right !important;
    margin-top: -50px;
    text-align: right;
    margin-right: 2%;
}

li.navs {
    margin-top: 20px;
}

ul.iconeshere li {
    width: 48px !important;
    float: right;
}

header.small img.logo {
    height: auto;
    margin-top: -15px;
    padding-top: 20px;
    width: auto;
    float: left;
}

header.small ul.iconeshere {
    padding-top: 15px !important;
}


header.small ul.navigationmenulinks {
    margin-top: -20px;
}

header.small ul li:after {
    content: "|";
    padding-left: 20px;
    font-size: 1.4em;
}

ul.iconeshere li:after {
    content: none !important;
}

header.large img.instagram {
    width: 48px;
    height: 48px;
}

heade.small img.instagram {
    width: 48px;
    height: 48px;
}


li {
	display: inline;
	float: left;
}

img.logo {
	float: left;
}

nav {
	width: 100%;
	margin: 0 auto;
}

ul li {
    float: left;
    list-style-type: none;
    position: relative;
}
ul li:hover ul {
    display: block;
}
a {
    text-decoration: none;
    color: #69f;
}
ul li ul {
    margin: 0;
    padding:0;
    display: none;
    position: absolute;
    left: 10px;
    background: rgb(0, 33, 64);
}

ul li ul li{
    cursor: pointer;
}
ul li ul li:hover{
    background: rgb(0, 33, 64);
    color: #231F20;
}

ol.accessodocliente {
    border: 1px solid #e6b963;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    padding: 10px 5px;
    font-size: 12px;
}

.container {
  width: 100%;
  min-width: 100%;
  margin: 0 auto;
}

#pagemenu {
	background-color: #333132;
	float: left;
	width: 100%;
	z-index: -1;
	height: 110px;
	position: absolute;
}

header {
	float: left;
	width: 100%;
	position: fixed;
	z-index: 10;
    content:"";
    width:100vw;
    background-position: bottom;
        background-size: contain;
}

header a, #pagemenu a, header, #pagemenu {
    color: #fff;
    text-decoration: none;
      font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

header a.active, header a:hover, #pagemenu a.active, #pagemenu a:hover {
	color: #efefef;
}


/* header large */
header.large {
    height: 105px;
    background-color: #000031;
}

.area-sectionsp {
    padding-top: 3em;
}

header.large:after {
    content: "";
    display: block;
    height: 3px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

header.large img {
  margin-top: 0px;
}


header.large ul li:after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
}

header.large ul li:last-child:after {
    content: none;
}

header li:last-child:after, #pagemenu li:last-child:after {
    margin-right: 0px !important;
}

header.large ul li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    background: #333132;
}

header.large ul li ul li{
    cursor: pointer;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333132;
    width: 100%;
    display: flex;
}
header.large ul li ul li:hover{
    background: none;
    color:#fff;
}

/* header small */


header.small li {
    margin-top: 30px;
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#pagemenu li {
    margin-top: 30px;
    padding-left: 15px;
    padding-bottom: 10px;
    text-align: center;
}

header.small header a, header.small #pagemenu a, header.small header, header.small #pagemenu {
    color: #fff;
    text-decoration: none;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    text-transform: capitalize;
    font-size: 1.2em;
}

.contatoend {
    content:"";
   color: red;
    position: relative;
    display: inline-block;
    margin: 50px 0px;
    width: 100%;
    text-align: center;
    background-image: url(images/contatoendlogo.png);
    background-repeat:no-repeat;
    background-position:center center;
}

header.small .sectionnavsearch {
    padding-top: 30px;
}

header.small {
    background-color:#000031;
    height: 110px;
    color: #fff;
}

header.small img, #pagemenu img {
height: 60px;
}

header.small li, #pagemenu li {
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
    text-align: center;
}

header.small ul li:after, #pagemenu li:after {
    content: "|";
    padding-left: 20px;
    font-size: 1.3em;
}

header.small ul li:last-child, #pagemenu li:last-child {
    margin-top: 5px;
}

header.small ul li:last-child:after, #pagemenu li:last-child:after {
    content: none;
}

/* Transitions */

header,
nav,
a,
img,
li {
	transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
}


h2 {
      font-size: 1.5em;
  padding-top: 1em;
  text-align: center;
}

#page-one {
    position: relative;
    background-color: transparent;
    z-index: 1;
    background-size: 442px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

article.slider {
    height: auto;
    min-height: 100vh;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100vw;
    z-index: -2;
}

section.slide {
  animation: none;
  content: " ";
  display: block;
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%;
}

#page-3x {
    height: auto;
    min-height: 100vh;
    background-color: #808285;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 5em;
    clear:both;
}

div#page-3x\ atuacaobg {
    height: auto;
    min-height: 100vh;
    background-color: #d1d3d4;
    background-size: cover;
    background-repeat: no-repeat;
    clear:both;
}

#pagemenu a, #pagemenu {
    color: #fff;
    text-decoration: none;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

#pagemenu {
    background-color:#000031;
    float: left;
    width: 100%;
    z-index: -1;
    height: 95px;
    position: absolute;
    background-size: 100%;
}

.entrybodyleftcontato {
    width: 45%;
    float: left;
    font-size: 14px;
    font-weight: bold;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
    letter-spacing: normal;
}

.gmapspage {
    margin-top: 5%;
}

.wpformpage {
    width: 45%;
    float: right;
    margin-top: 20px;
}
.area-section {
    height: auto;
    min-height: 80vh;
    padding: 2% 5% 0% 5%;
}

.textservicosbodysobre {
    text-align: center;
    padding: 5%;
    color: #000031;
    font-size: 0.8em;
    margin-top: 10%;
    font-weight: 700;
}

.siztema-section {
    height: auto;
    min-height: 20vh;
}

h1.legislacaotitle {
    color: #333132;
    background-color: #E6B963;
    width: fit-content;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

h1.legislacaotitle a {
    color: #333132;
}

.legislacaoarea {
    height: auto;
    min-height: 10vh;
}

.entryservice {
    font-size: initial;
}

div#n2-ss-2 .n-uc-FaX4cwLIFZpQ-inner {
    padding: 0px !important;
    justify-content: center;
}

div#n2-ss-2 .n-uc-aDIIgWOqjPtX {
    padding: 0px !important;
}


div#n2-ss-2 .n2-style-4a7231131073d46d604535ecac47cde7-heading {
    background: RGBA(255, 255, 255, 0);
    opacity: 1;
    padding: 0px 0px 0px 0px;
    box-shadow: none;
    border: 0px solid RGBA(231, 157, 25, 1);
    border-radius: 0px;
    border-left: 20px solid #f7941d !important;
    padding-left: 2% !important;
    font-family: "Philosopher", sans-serif !important;
}

div#n2-ss-2 .n2-font-5018cee66294a91a59ea5131d5f92e95-hover {
    font-family: "Philosopher", sans-serif !important;
    color: #ffffff;
    font-size: 150%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 400 !important;
}

.n2-ss-slider .n2-ss-layers-container {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    flex-direction: column;
    z-index: 20;
    opacity: .001;
    transition: opacity .4s;
    display: contents !important;
}

div#page-3xa .columns {
    width: 100vw;
    padding: 0%;
}

#page-3x .areatitle, #page-3x .areatitle a {
    color: #fff !important;
    text-align: left;
    padding: 40px 0px 40px 35px;
    font-size: 18px;
    font-weight: bold;
}

#page-3x .areatext p {
    text-align: justify;
    color: #fff;
}

.col-sm-4.textoservice {
    padding-left: 2%;
}

#page-3xa .col-sm-4 img {
    width: 100%;
    height: auto;
    padding-right: 2%;
}

#page-3xa .entrybodyservice {
    display: grid;
}

#page-3xa .\33 colservice {
    padding: 0% 4%;
    width: 100vw;
    margin: 0 auto;
    height: auto;
    display: inline-flex;
          font-family: "Philosopher", sans-serif;
}

#page-3xa h4 {
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    position: relative;
}

#page-3xa h4::before,
#page-3xa h4::after {
    content: "";
    flex: 1;
    border-top: 2px solid #f79520;
    margin: 0 10px;
}

#page-3xa h4 {
    font-size: initial;
    font-weight: bold;
    margin: 1% 0% 3% 0%;
}

#page-3xa .col-sm-4 {
      font-family: "Philosopher", sans-serif;
    color: #000031;
    font-weight: 700;
    text-align: left;
    border-right: 3px solid #f79520;
    height: auto;
    margin-bottom: 5%;
    font-size: 0.8em;
    line-height: 138%;
}

#page-3xa .col-sm-4:last-child {
    border-right: none;
}

#page-3xa {
        height: auto;
    min-height: 100vh;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 5em;
}

#page-3xa a {
    color: #000031;
}

#page-3xa .read-more a {
    color: #000031;
}

#page-two {
    background-color: #fff;
    background-size: cover;
    height: auto;
    min-height: 500px;
}

#page-two h2, #page-3x h2, #page-3xa h2 {
    background-repeat: repeat-x;
    padding-top: 15px;
    background-position: center;
        font-size: 1.5em;
    height: 60px;
    background-size: 100%;
    margin-top: 20px;
    font-weight: bold;
}

#page-two h2, #page-six h2 {
    color: #26262F;
    font-weight: bold;
}

.formtext {
    text-align: center;
    margin: 0 auto;
}

.entrybodysobre {
    width: 95%;
    text-align: justify;
    float: left;
    margin-top: 1%;
}

.fotosobre {
    float: right;
    margin: 0 auto;
    width: 30%;
    height: auto !important;
}


.entrybodysobre strong {
    color: #231F20;
    font-size: 1.2em !important;
    font-weight: bold;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
}

#page-three .entrybodysobre p {
    padding: 2px;
    font-size: 1em;
    font-weight: normal !important;
    color: #26262F;
}

.entrybodysobre p {
    padding: 10px;
    font-size: 17px;
    font-weight: lighter !important;
    color: #efefef;
}

.entry img {
    float: left;
    width: 30%;
    padding: 20px;
}

h1.entrytitle, h1.entrytitle a {
    font-size: 1.1em;
}


h1.entrytitleadv, h1.entrytitleadv a {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: initial;
    text-align: left !important;
}

.col-sm-6 {
    padding-left: unset !important;
    padding-right: unset !important;
}

#page-3xa .newspage img.imgnoticias4 {
    float: left;
}

#page-3xa .excerptjj h1.entrytitle a {
    text-align: left;
    color: #26262F !important;
    padding: 0px;
}

#page-3xa .excerptjj {
    padding-left: 10px;
    color: #26262F !important;
    font-size: 1em;
}

.sobreadv {
    background-color: #333132;
    padding-top: 5em;
    width: 100vw;
    text-align: justify;
    color: #fff;
    float: left;
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    height: auto;
    min-height: 80vh;
    margin-bottom: 50px;
    padding-left: 2%;
    padding-right: 2%;
}

.advpage {
    color: #fff;
    text-align: justify;
}

.newspage {
    color: #333132;
    text-align: justify;
}

li.advogadaleft {
    float: left;
    width: 49%;
}

li.advogadaright {
    float: right;
    width: 49%;
}


.advogadaleft img {
    float: left;
    margin-top: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 20px;
    width: unset !important;
}

.advogadaright img {
    float: left;
    margin-top: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 20px;
    width: unset !important;
}



header.small img.instagram {
    width: 39px;
    height: 39px;
    margin-top: 5px;
}

header.small img {
    width: 39px;
    height: 39px;
    margin-top: 10px;
}

#pagemenu img.instagram {
    width: 39px;
    height: 39px;
    margin-top: 0px;
}

.sobre {
    padding-top: 1em;
    text-align: left;
    color: #fff;
    float: left;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    height: auto;
    min-height: 100vh;
    width: 100%;
    font-size: 1.2em;
    z-index: -1;
    position: relative;
}

.sobrebg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    height: 100vh;
    width: 100vw;
    float: right;
}

.historia {
    width: fit-content;
    padding-bottom: 50px;
    text-align: justify;
    color: #333132;
    margin: 0 auto;
}

.sobrelogo {
    background-size: auto;
    background-image: url(images/sobre_imagem.jpg);
    background-repeat: no-repeat;
    float: right;
    width: 30%;
    height: 400px;
    margin-top: 30px;
}

#page-three {
    background-image: url(images/sobrefundoavament.jpg);
    height: auto;
    min-height: 100vh;
    clear: both;
    background-color: #D1D3D4;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
    position: relative;
}

#page-six {
    background-image: url(images/logofundocontato.png);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right;
    height: auto;
    min-height: 700px;
    clear:both;
    background-color: #fff;
}

.areasdeatuacao {
    text-align: center;
    margin: 20px 20px 0px 20px;
    color: #6E5B25;
    width: 50%;
}

.areasdeatuacao-3x {
    text-align: center;
    /*margin: 0px 20px 0px 20px;*/
    color: #fff;
    width: 100%;
}

.areasdeatuacao-3x ul {
    width: 100%;
    float: unset;
    margin: 0 auto;
    display: inline-flex;
}

.areasdeatuacao-3x ul li {
    /* padding: 1%; */
    min-height: 200px;
    height: auto;
    text-align: center;
    margin: 1%;
}


.blogpostwrapper {
    width: 90%;
    margin: 0 auto;
}


.areasnoticias {
    text-align: center;
    margin: 0 auto;
    color: #000031;
    width: 100vw;
    height: auto;
    min-height: 60vh;
    float: left;
}

.rightsidebar {
    width: 30vw;
    padding-left: 30px;
    margin-bottom: 5%;
}

.rightsidebar ul {
    display: none;
}

h3.widget-title {
    font-size: 15px;
    font-weight: bold;
}

#page-3xa aside {
    border-bottom: 2px solid #f89420;
    margin: 10px 0px;
}

#page-3xa aside:last-child {
    border-bottom: none !important;
}

div#calendar_wrap {
    padding-bottom: 20px;
}

#page-3xa li.cat-item, #page-3xa li.cat-item a {
    padding: 5px;
    display: contents;
    color: #0e2445;
}

table#wp-calendar {
    width: 100%;
    padding: 20px 0px;
    margin: 20px 0px;
}

.widget-content {
width:350px;
float:left;
padding-left: 150px;
color: #010101;
}

.bgnews4 {
    width: 100%;
    min-height: auto;
    height: auto;
    border: 0px;
    padding: 2%;
    margin: 8% 4% 0% 0%;
}

.bgnews4 img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 141px;
    height: 141px;
    margin-right: 0px;
    float: left;
}

.newspage h1, .newspage h1 a {
    text-align: left;
}


.newspage p {
    color: #333132;
    text-align: justify;
}


.areasnoticias ul {
    width: 80%;
    float: inherit;
    margin: 0 auto;
}

.areasnoticias ul li {
    width: 25%;
    padding: 2%;
}

.item {
  width:200px;
  text-align:center;
  display:block;
  background-color: transparent;
  border: 1px solid transparent;
  margin-right: 10px;
  padding-bottom: 40px;
  float:left;
}

.index-gallery {
  width: 90%;
  display: contents;
}

.btn {
    background-image: url(images/fundoareas.jpg);
    background-repeat: repeat-y;
    background-position: left;
    display: inline-block;
    border: none;
    padding-bottom: 2px;
    width: 210px;
    height: 40px;
    transition: all 0.5s;
    color: #fff;
    font-size: 12px;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: small;
}

.areas {
  position: left;
  text-align: center;
  margin-top: 40px;
}


#page-three h2, #page-six h2 {
    background-repeat: repeat-x;
    padding-top: 15px;
    background-position: center;
    font-size: 1.5em;
    height: auto;
    background-size: contain;
    margin-top: 20px;
}

#page-three h2, #page-three h2 a {
    color: #8e5c25!important;
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.4em;
    margin-left: 2%;
}

#page-threesobre h2, #page-threesobre h2 a {
    color: #e6b963!important;
    margin-bottom: 50px;
    text-align: left;
    font-size: 1.4em;
    margin-left: 2%;
}


#page-3x h2 {
    color: #8e5c25 !important;
    margin-bottom: 20px;
    text-align: left;
    font-size: 2em;
    margin-left: 5%;
}

#page-3x p {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 3%;
    color: #efefef;
    font-size: 1.7em;
}

#page-3xa .read-more a {
    color: #000031;
    font-weight: normal;
    font-size: inherit;
}

#page-3xa .read-more {
    background-color: #26262F;
    width: fit-content;
    padding: 1% 3%;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 2%;
}


.read-more a {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.read-more {
    background-color: #8E5C25;
    width: 95%;
    padding: 0px 5px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    bottom: 0;
    right: 0;
    margin-right: 5%;
    margin-top: 3% !important;
    clear: both;
}

.bgnews4socio {
    clear: both;
}

#page-3xa h2 {
    color: #0e2445 !important;
    font-weight: bold;
    font-size: 1.8em;
    margin: 0 auto;
}

.iconmeta a {
    color: #0e2445;
}

.iconify.iconify--ant-design, .iconify.iconify--bi, svg.iconify.iconify--cil {
    margin-right: 10px;
    font-size: 1.2em;
}

.excerptjj {
    display: grid;
}

#page-3x .excerptjj p {
    width: 100%;
    display: grid;
    padding: 0px;
    color: #D1D3D4;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 0.8em;
}
 
.iconmeta {
    font-size: 1.2em !important;
}

* { box-sizing: border-box; }

.columns {
    display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 30px 0;
}

.column {
background-color: rgb(255, 255, 255, 0.3);
	flex: 1;
	border: 0px solid gray;
-webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.62);
box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.62);
	margin: 50px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

.column img {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.column p {
text-align: center;
}

@media screen and (max-width: 980px) {

.entrybodysobre {
    width: 100%;
}

#page-3x, #page-3xa {
    clear: both;
}

.entry img {
    margin: 0 auto;
    width: 100%;
    float: left;
    padding: 20px;
}

.sobrelogo {
    display: none; }

.pageleft, .pageright {
width: 100% !important;
padding: 5% !important;
float: none;
}

.pageleft p, .pageright p {
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1.entrytitle, h1.entrytitle a {
    text-transform: uppercase;
    color: #26262F;
    font-weight: bold;
    padding-bottom: 10px;
}

}


@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 0 0;
	}
} 

.column h3 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
padding-bottom: 15px;
}

#page-four {
    max-height: 1px !important;
    background-color: transparent;
    height: auto !important;
    clear:both;
}

#page-four h2 {
    background-repeat: repeat-x;
    padding-top: 10px;
    background-position: center;
        font-size: 1.5em;
    height: 60px;
    background-size: 100%;
    color: #ebdd87;
    margin-top: 20px;
}

.pageleft {
    width: 50%;
    float: left;
    clear: none;
    padding-right: 5%;
    min-height: 170px;
}

.pageleft p, .pageright p {
    text-align: justify;
    font-size: small;
}


.pageright {
 width: 50%;
 float: right;
 clear: none;
 padding-right: 5%;
 min-height: 170px;
 }
 

.row {
  display: flex;
  flex-wrap: wrap;
margin-top: 30px;
}

.col {
  flex: 1 1 18%; /* The important bit. This percentage decides your columns. */
  margin: 5px;
  height: 200px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-five {
    background-color: #26262F;
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 100px;
    height: auto;
    clear: both;
}

#page-five h2 {
    background-repeat: repeat-x;
    padding-top: 15px;
    background-position: center;
    font-size: 16px;
    height: 60px;
    background-size: 100%;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 20px;
    font-weight: bold;
    text-align: left;
}

.content {
    background-color: transparent;
    flex: 1;
    display: flex;
    color: #000031;
    padding: 30px;
    width: 100%;
    margin: 0 auto;
}

.logocontatoleft {
    color: #000031 !important;
}

.contentnews {
    background-color: transparent;
    flex: 1;
    color: #26262F;
    padding: 30px;
        height: auto;
    min-height: 70vh;
}

.col-sm-4.center.contactlogo {
    border-color: #050040;
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    -moz-border-image: url(images/border.jpg) 27 repeat;
    -webkit-border-image: url(images/border.jpg) 27 repeat;
    -o-border-image: url(images/border.jpg) 27 repeat;
    border-image: url(images/border.jpg) 27 fill repeat;
    min-height: 100px;
    height: auto;
}

.entrysocio {
    float: right;
    width: 100%;
}

.fotosociosingle {
    float: left;
}

.entrysingle {
    width: 100%;
    padding: 5%;
}

.entrysinglepostagem {
    width: 100%;
    padding: 0% 5%;
}

#mainsociopage {
    width: 100%;
    padding: 3% 5%;
}

h1.sociotitles {
    color: #E6B963;
    font-size: 1.3em;
    font-weight: bold;
    width: fit-content;
    height: auto;
    padding: 1% 4% 1% 5%;
    text-align: right;
    display: flex;
    justify-content: right;
    background-color: #333132;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}

#midboxsocio {
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right;
    height: auto;
    min-height: 700px;
    clear: both;
    background-color: #D1D3D4;
    position: relative;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 100px 0px 20px 0px;
    min-height: 90vh;
    height: auto;
}

h3.entrytitlesocio {
    font-weight: bolder;
    text-align: left;
    text-transform: uppercase;
    background-repeat: no-repeat;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
    background-image: url(images/titlepage.png);
    font-size: 16px;
    margin-top: 10px;
    color: #D1D3D4;
    margin-bottom: 0px;
    padding-left: 5%;
    width: 350px;
    height: 39px;
    padding-top: 10px;
}

.entrybodysocio p {
 font-size: 13px;   
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
     color: #26262F;
}

#main .featuredimg {
    width: 220px;
    height: 220px;
    margin-top: 20px;
}

.main p {
    width: 100%;
    padding-top: 5px;
    padding-left: 45px;
}

.columns {
    display: flex;
    flex: 1;
}

ul.navigationarrows {
    margin-top: 5%;
    width: 100%;
}

li.previous {
    float: left;
    padding-left: 5%;
}

li.next {
    float: right;
    padding-right: 5%;
}

.readmore {
    text-align: right;
    margin-top: 10px;
        color: #fff;
}

.readmore a {
    font-size: 8px;
    padding: 5px;
    color: #fff !important;
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/* Entry Meta Icons
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
	color: #bc360a;
}

.entry-header .entry-meta {
	margin-bottom: 60px;
}

.entry-meta a {
	color: #bc360a;
}

.entry-header .entry-meta a:hover {
	color: #e12727;
}

.entry-author::before,
.entry-categories::before,
.entry-comments-link::before,
.entry-tags::before,
.entry-time::before {
	display: inline-block;
	font: normal 16px/1 'dashicons';
	color: #bc360a;
	margin-right: 5px;
	margin-top: 5px;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.entry-author,
.entry-comments-link,
.entry-time {
	margin: 0 10px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-author::before {
	content: "\f110";
}

.entry-categories::before {
	content: "\f318";
}

.entry-comments-link::before {
	content: "\f101";
}

.entry-tags::before {
	content: "\f323";
}

.entry-time::before {
	content: "\f469";
}

/* search box */

a#search {
    width: 100%;
    display: block;
    height: 100%;
}
.sectionnavsearch {text-align:left; margin:0; padding:0;}
#searchform {clear:both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }

form input.searchbg {
    border: 0px;
    height: 21px;
    width: 245px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#searchmenu {
    margin-top: 0px;
    color: #26262F;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 250px;
    background-color: #fff;
    height: 31px;
    border: 1px solid #ba9684;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 4px;
}

ul.iconeshere {
margin-right: 2% !important;
}

input#searchsubmit {
    margin-top: 0px;
    padding: 5px 10px;
    background-color: transparent;
    border: 0;
    color: transparent;
    float: right;
    width: 38px;
    height: 36px;
    background: url(images/busca.png) no-repeat;
}

fieldset {
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
 
.name input, .email input, textarea, input#searchsite {border:1px solid #d4d8d8;}

ul.iconeshere {
    padding-top: 35px !important;
}

.searchbar {
    position: relative;
    float: right;
    padding-right: 0px;
    display: block;
    top: 0;
}

ul.iconeshere p {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 3%;
    text-transform: lowercase;
    text-align: justify;
    width: 50%;
}

.searchbar img {
    padding-right: 10px;
}

input#searchsubmit {
    margin-top: 0px;
    padding: 5px 10px;
    background-color: transparent;
    border: 0;
    color: transparent;
    float: right;
    width: 38px;
    height: 36px;
    background: url(images/busca.png) no-repeat;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 14px !important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select {
    font-size: 14px !important;
    height: 25px !important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: #d1d3d4 !important;
    color: #000031 !important;
    border: 2px solid #bcbec0 !important;
}

 div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #000031 !important;
    color: #fff !important;
    float: right;
    font-weight: bold;
    border: none !important;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    padding: 5px 15px !important;
}

div.wpforms-container-full {
    margin-bottom: 5% !important;
    width: 95% !important;
    float: left !important;
}
 
 div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0 !important;
    clear: both;
}


.main {
    margin: 0 auto;
    display: block;
    background-color: transparent;
    text-align: center;
}

h2.contatoendereco {
    font-weight: normal !important;
    font-size: 12px !important;
    height: 50px;
}

h2.contatoendereco:before {
    margin-right: 10px;
    content: '';
    background: url(images/map.png);
    width: 16px;
    height: 25px;
    display: block;
    float: left;
}

@media only screen and (max-width: 960px) and (min-width: 320px) {
    
    .pesquisapage {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 2%;
    border: 1px solid #e1e1e1;
    margin-top: 5%;
}

#search-results {
    width: 100%;
    margin: 0 auto;
    margin-top: 3%;
}

    html {
        overflow-x: hidden;
    }
    .content {
        color: #fff;
    }
    .main {
        background-color: transparent;
    }
    .sidebar-first {
        background-color: transparent;
    }
    #page-two h2 {
    background-size: auto !important;
    height: auto;
        font-size: 1.5em;
    padding-top: 2px;
}

h1.slider-title2, .slider-title2 {
    font-size: 50px !important;
}

#page-two {
    padding-bottom: 20px;
}

#page-three h2, #page-four h2 {
    height: auto;
        font-size: 1.5em;
    padding-top: 2px;
}

#page-three {
height: auto;
    min-height: unset !important;
    padding-top: 25px !important;
    clear: both;
    display: flex;
    background-position: center;
}

#page-five h2 {
    background-size: auto !important;
    height: auto;
        font-size: 1.5em;
    padding-top: 2px;
    margin-bottom: 5px;
}

.areasdeatuacao {
    text-align: justify;
}

.areas {
    position: inherit;
    text-align: center;
    margin-top: 40px;
}

.btn {
    width: 100px;
}

#sidebar, #main, .entry, .entrytitle h3, .featuredimg, .entrybody {
width: 100% !important;
}


.sobre {
    width: 100%;
    padding: 5%;
    font-size: inherit;
}

.contentnews {
        padding: 15px;
        height: auto;
        min-height: 230vh;
}

.columns {
    width: 100%;
}

.gmap_canvas {
    width: 118%;
    text-align: left;
}

.mapouter {
        height: 200px !important;
}

.leftColumn {
    display: none;
}

.rightColumn {
    text-align: center !important;
}

.searchbar {
    display: block;
    margin-top: 0px;
    clear: both;
}

header.large li, header.large ul li:last-child {
    margin: 0px !important;
    padding: 10px;
    margin-top: 5px !important;
}

ul.iconeshere li {
    width: 45px !important;
    float: right;
    display: inline-block;
}

.slide-1, .slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    margin-top: 100px;
}

.slide-1, .slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    margin-top: 100px;
}

}

@media (min-width: 768px) {
    header.small ul li:after, #pagemenu li:after {
        content: "|";
    padding-left: 20px;
    font-size: 1.3em;
}

}

@media (max-width: 667px) {
    .main {
    width: 100%;
}
}

@media (max-width:768px) {
    #page-3x .areatitle, #page-3x .areatitle a {
    color: #fff !important;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: bold;
}

h1.sectiontitles {
    color: #efefef;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0px;
    text-align: center !important;
    width: 100%;
    margin-left: -10%;
}

h1.sectiontitles.areatitlesp {
    width: 75%;
}

h1.sectiontitles.noticiastitle {
    width: 75%;
    padding-left: 10%;
}

h1.entrytitle {
    width: 100%;
    clear: both;
    padding-top: 5%;
}

.bgnews4 img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 141px;
    height: 141px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: unset;
    margin: 0 auto;
}

.container.header {
    margin-top: -10px;
    padding-top: 0px;
}
.fotosobre {
    width: 100%;
}

.fotosobre {
    width: 100%;
}
    
    .entrybodysobreprof img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        float: unset !important;
    max-width: 100%;
    margin-left: unset !important;
    margin: 0 auto !important;
    text-align: center;
    width: auto !important;
    display: block;
    }
    
    .infoprof {
    width: 100%;
}
    
    .columns {
        flex-wrap: wrap;
    }
    .main {
        width: 100%;
        flex: none;
    }
    .sidebar-first {
        width: 50%;
    }
    
    .left, .right {
        width: 100% !important;
    }
}

@media (max-width:540px) {
    .columns {
        flex-direction: column;
    }
    .main,
    .sidebar-first {
        width: 100%;
    }
    .main {
        flex: 1;
    }
}

@media (max-width:480px) {
    .main {
        order: 1;
    }
    .sidebar-first {
        order: 2;
    }
}


/* PAGES */
#primarygine {
    height: auto;
    min-height: 70vh;
    padding-top: 4em;
    color: #000031 !important;
}

.maingine {
    height: auto;
    min-height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.metadegine {
    clear: both;
}

h2.metgine {
    width: 600px;
    background: rgb(0, 33, 64) !important;
    color: #fff !important;
        font-size: 1.5em !important;
    padding-bottom: 10px !important;
    font-weight: bold !important;
}

h2.finalgine {
    color: #fff !important;
    background-image: none !important;
    background-color: transparent !important;
    text-transform: unset !important;
        font-size: 1.5em !important;
    padding-bottom: 70px !important;
}

.circles {
    background-color: rgb(0, 33, 64, 0.7);
    width: 100%;
    height: auto;
    min-height: 500px;
}

.circles img {
    
}

.circles li {
    width: 156px;
    background-image: url(images/ginecologia/bolinhas.png);
    height: 156px;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: center !important;
    padding-top: 60px;
    float: none;
    display: inline-grid;
}

.circles ul li {
    margin: 20px;
    text-align: center;
    font-weight: bold;
}

.circles ul {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
padding-bottom: 0px;
}

iframe#gmap_canvas {
    width: 600px;
    height: 300px;
}

.context {
    width: 100%;
    padding: 20px;
    min-height: 90vh;
    height: auto;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.7em;
}


h3.psi {
    text-align: center;
    padding-bottom: 25px;
    background-color: #fff;
    margin-top: -20px;
    letter-spacing: 3pt;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h3.gine {
    text-align: center;
    padding-bottom: 25px;
    background-color: #fff;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 35px;
    margin-top: -20px;
}

#primarygine h2, #primarygine h2 a {
    text-align: center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-position: center;
        font-size: 1.5em;
    color: #01013e;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fff;
    background-size: 100%;
    PADDING-LEFT: 10PX;
    PADDING-RIGHT: 10PX;
}

#primarygine h2 a {
    background-image: none;
}

.context {
    width: 50%;
    float: right;
    padding: 20px;
    background-color: rgb(0,0,0,0.1);
    min-height: 300px;
    margin-top: 60px;
    font-size: 16px;
    line-height: 1.7em;
}

.psicontext {
    width: 50%;
    float: right;
    padding: 20px;
    background-image: url(images/psibg.png);
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.7em;
}

/* Sidebar content */
#midbox {
    background-size: contain;
    background-repeat: repeat-y;
    background-position: right;
    height: auto;
    min-height: 700px;
    clear:both;
    background-color: #fff;
position: relative;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 35px 0px 20px 0px;
    min-height: 90vh;
    height: auto;
}

.singlefeatfoto {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#midboxareassinglebg {
    background-image: url(images/imageareas.jpg);
background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    min-height: 700px;
    clear:both;
    background-color: #fff;
position: relative;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0px 20px 0px;
    min-height: 90vh;
    height: auto;
}


/* search box */
.sectionnavsearch {text-align:left; margin:0; padding-top: 10px;}
#searchform {clear:both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }

form input.searchbg {
    width: 80%;
    background-color: transparent;
    border: none;
}
#searchmenu {padding-bottom:4px;}

fieldset {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f89420;
    padding: 2px;
}

label {
    display: none;
}

nav ul {
    display: ruby;
    width: 60%;
    float: right !important;
    text-align: right;
    margin-right: 2%;
}

li.iconeshere {
    margin-top: -10px !important;
}

#pagemenu img.logo {
    height: 100%;
    margin-top: 5px;
    width: auto;
}

#pagemenu nav ul {
    width: 35% !important;
    float: right;
    padding-top: 25px;
}
 
.name input, .email input, textarea, input#searchsite {border:1px solid #d4d8d8;}

/* FOOTER */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.col-sm-6.text-center.address {
    width: 350px;
    margin-bottom: 50px;
    text-align: center;
}

h4.big {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 20px;
}

.paddingno {
    padding: 0px !important;
}

#footer {
    height: auto;
    position: relative;
    background-color: #000031;
    color: #fff;
    background-size: 100%;
    min-height: 49px;
    clear: both;
}

.footerimg {
    margin: 0 auto;
    display: table;
    padding-top: 10px;
}

.enderecofooter {
    color: #fff;
    text-align: center;
    padding-bottom: 50px;
    margin: 0 auto !important;
    width: fit-content;
}

.left {
    float: left;
    width: 50%;
  justify-content: center;
  align-items: center;
  padding-right: 5% !important;
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: transparent !important;
    font-weight: 400;
    display: none;
}

main.main img {
    margin-bottom: 10px;
}

.fa {
    padding-left: 10px !important;
    padding-top: 5px !important;
    width: 90% !important;
}

i.fa.fa-whatsapp {
    padding-top: 10px !important;
    margin-top: 10px !important;
}

i.fa.fa-map-marker {
    margin-top: 10px !important;
}

i.fa.fa-envelope{
    margin-top: 10px !important;
    line-height: 15px !important;
}
.fa-map-marker:before, .fa-whatsapp:before, .fa-envelope:before {
    padding-right: 5px !important;
    color: #8E5C25;
}


.right {
    float: right;
    width: 50%;
    padding-left: 5% !important;
}

.leftColumn, .rightColumn {
padding-top: 1em;
padding-left: 1.60em;
padding-right: 1.60em;
padding-bottom: 0em;
letter-spacing: 3pt;
}

.rightColumn {
text-align: center;
}


/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
	.leftColumn {
margin-right: 19.5em; }

	.rightColumn { 
position: absolute;
top: 0;
right: 0;
width: 100%; }   
}

/* Content */
.entrybody {
    width: 100%;
    text-align: justify;
}

.entrybody p {
    margin-top: 20px;
}



p.blogdate {
    border-top: 2px solid #d4d8d8;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.entry {
    width: 85%;
    padding: 2% 5%;
    background-color: #333132;
    display: flex;
}

#page-three .entry {
    width: 50%;
    padding: 2% 5%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    margin-top: 5%;
}


#main {
    width: 100%;
}

h3.entrytitle a {
    color: #26262F;
}

h3.entrytitle {
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 25px;
    font-size: 22px;
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.excerptjj {
    display: grid;
    color: #333132;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: inherit;
}

h1.entrytitle {
    display: inline-flex;
    width: 100%;
    padding: 0px;
    text-align: left;
    font-weight: bold;
    color: #333132 !important;
}

#page-3x h1.entrytitle a {
    text-transform: uppercase;
    color: #D1D3D4 !important;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
    height: auto;
    text-align: center;
}

h1.entrytitle a {
    text-transform: uppercase;
    color: #D1D3D4 !important;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
    height: auto;
    text-align: center;
}


.featuredimg {
    border: 2px solid #d4d8d8;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}

img.attachment-single-post-thumbnail.size-single-post-thumbnail.wp-post-image {
    width: 100%;
}


.containernews {
    position: relative;
    width: 100%;
}

.textservicos {
    height: auto;
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0px 0px 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 8%;
}

.textservicos a {
    color: #000031 !important;
    font-size: 1.3em;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
}

.textservicos a:hover {
    text-decoration: underline;
}

.textservicosareas {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.textservicosareas a {
    color: #efefef !important;
    font-size: 1.4em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    font-weight: normal;
    opacity: 0.5;
}

.entrybody.areastextos {
    color: #efefef;
    font-size: 1.2em;
    opacity: 0.8;
}

a.imgareasboxsingle.current img {
    opacity: 1 !important;
}

.imgareasboxsingle img {
    opacity: 0.5;
}

.textservicosareas a.current {
    color: #fff !important;
    opacity: 1;
}

.textservicosareas a:hover {
    text-decoration: underline;
}

.imagenews {
width: 220px;
    height: auto;
    
}

.featuredimgbig {
    width: 220px !important;
    display: inline-block;
}

.overlaynews {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #231f20;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containernews:hover .overlaynews {
  height: 100%;
}

.textnews {
  color: #fff;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.textnews a {
    color: #fff !important;
}

.textnews a:hover {
        color: #69f !important;
}

.noticiasnews {
    background: url(images/fundonews.png) no-repeat;
    height: 333px;
    margin-top: 75px;
    width: 100%;
    background-size: cover;
}

h1.newstitle:hover {
    opacity: 1;
}

h1.newstitle {
    opacity: 0.0;
}

.newstitle {
    overflow: hidden;
    float: right;
    z-index: 3;
    font-size: 13px;
}

.newstitle a {
    opacity: 0;
     text-decoration: none !important;
}

.newstitle a:hover {
     text-decoration: none !important;
}

.singlepostimg {
            filter: brightness(100%);
}
.singlepostimg:hover {
    max-height: 100%;
        max-width: 100%;
        position:relative;
        filter: brightness(72%);
        display: inline-block;
        z-index:2;
}

#comments {
    padding-top: 30px;
}

h2.pagetitle {
    background: none !important;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
.sobre {
font-size: 1.2em;
}
}

		.mobile-menu-checkbox {
			display: none;
		}

		.mobile-menu-toggle {
		    font-size: 50px;
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			line-height: 60px;
      padding: 10px 30px;
			cursor: pointer;
		  transition: all .3s ease;
      color: rgb(124 106 73);
}
		.mobile-menu-toggle:hover {
				background: transparent;
        color: rgb(124 106 73);
			}
			
			.slide-1, .slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: left !important;
    margin-top: 100px;
}

		@media screen and (max-width: 1020px) {
		    header li, #pagemenu li {
    margin-right: unset;
    padding-right: 30px;
}

 			nav ul	{
 				position: fixed;
 				top: -400px;
 				width: 100%;
 				transition: all .3s ease;
 				z-index: -1;
 				opacity: 0;
 			}

			nav ul li {
    float: none;
    display: grid;
    text-align: right !important;
    border-bottom: 1px solid #333132;
}

				nav ul li a {
					  display: block;
				    border-right: none;
					}
					
					header.large ul li:after {
					    display: none;
					}
					
					header.large li, header.large ul li:last-child {
    margin: 0px !important;
    padding: 10px;
					}

			.mobile-menu-checkbox:checked ~ ul {
				top: 110px;
				opacity: 100;
				background-color: #000031;
				margin-left: -15px;
			}

			.mobile-menu-toggle {
				display: block;
			}
			
			
		}

@media (min-width: 1000px) and (max-width:1024px) {
nav ul {
    font-size: small !important;
    width: 100% !important;
    position: absolute;
    padding-left: 35% !important;
    padding-right: 0px !important;
}

header.large ul li:last-child {
margin-top: 1px;
}

header.large img.instagram {
    margin-top: 25px;
    height: 39px;
    width: 39px;
}

header.small img.instagram {
    height: 39px;
    width: 39px;
    margin-top: 4px;
}

header.small img.logo {
    width: auto;
    height: 50px;
    float: left;
    margin-top: 0px;
}

.areasnoticias ul {
    width: 90% !important;
}

header.large img.instagram {
    width: 39px;
    height: 39px;
}

header.large nav ul {
    text-align: right;
    float: right;
    font-size: small !important;
    width: 100%;
    position: absolute;
    padding-left: 38% !important;
    /* padding-left: 39% !important; */
    padding-right: 1px !important;
}

header.large img.logo {
    padding-top: 10px;
    width: auto;
    height: 80px;
    float: left;
    padding-left: 0px !important;
}


}

@media only screen and (max-width: 760px) and (min-width: 320px) {
.areasdeatuacao {
    text-align: justify;
    margin: 0 auto !important;
}

header.large {
    height: 115px;
    background-color: #000031;
}

h2.plantao {
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff;
    line-height: 0.1em;
    margin: 10px 0 20px;
    position: absolute;
    bottom: 10%;
    z-index: 1;
}

.main img {
    width: 100% !important;
}

.areasnoticias {
    text-align: center;
    margin: 0 auto !important;
    color: #fff;
    width: 100% !important;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.areasdeatuacao-3x {
    text-align: center;
    margin: 0 auto !important;
    color: #fff;
    width: 100% !important;
}

.areasdeatuacao-3x ul li {
    width: 100%;
    padding: 3%;
    margin: 0 auto;
}

.areasnoticias ul li {
    width: 25%;
    padding: 2%;
}

.left {
    width: 100%;
}

.right {
    width: 100%;
    margin-top: 25px;
    padding-left: 5%;
}

div.wpforms-container-full {
    margin-bottom: 24px;
    width: 85vw !important;
}

iframe {
    width: 100% !important;
}

.historia {
    margin: 0 auto;
}

ul.wpuf-form {
    width: 50%;
}

ul.wpuf-form .form-label-above li .wpuf-label {
    display: none;
}

ul.wpuf-form .wpuf-el {
    width: 100%;
}

#page-six {
min-height: 60vh !important;
}

.sobrelogo {
text-align: center;
    display: block;
    width: 90%;
    margin: 0 auto;
    float: right;
}

header.large img.logo {
padding-top: 10px;
    padding-top: 20px;
    width: 60%;
    height: 100%;
    float: left;
    /* width: 60vw; */
    position: relative;
    display: inline-block;
    /* left: 50%; */
    /* transform: translate(-50%); */
}

.historia {
padding: 20px !important;
}

#page-three h2, #page-six h2, #page-two h2, #page-3x h2, #page-3xa h2 {
background-size: auto !important;
        font-size: 1.5em !important;
}

.formtext {
    text-align: center;
    margin: 0 auto;
    width: 100vw;
}

.content {
    color: #000031;
    width: 100% !important;
}

#page-five {
clear: both;
}

.mobile-menu-toggle:hover {
background: transparent;
    color: #26262F;
    display: block;
    line-height: 50px;
    padding: 0px;
}

.mobile-menu-toggle {
        display: block;
line-height: 50px;
    padding: 0px;
}

.agendeconsulta {
    width: 80%;
    padding: 5%;
}

.slider-container {
        margin: 0 auto;
    width: auto !important;
    height: auto;
    top: 5% !important;
    left: 0% !important;
    min-height: auto !important;
}

.slider-container img {
    width: 100vw !important;
    padding: 5%;
} 

}


.swiper-slide {
    height: auto;
    min-height: 100vh;
    text-align: center;
}

.swiper-wrapper {
    position: relative;
}

.slider-container {
    margin: 0;
    position: absolute;
    top: 45%;
    left: 17%;
    transform: translate(-50%, -50%);
}

.slider-sub-title {
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 9.2px;
    color: #ffffff;
}

.slider-title {
    font-size: 70px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.03px;
    color: #ffffff;
    padding: 0px 0px;
    opacity: 1;
    text-align: center;
    margin: 0 auto;
}

.slider-title2 {
    font-size: 70px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.03px;
    color: #ffffff;
    padding: 50px 0px;
    opacity: 1;
    text-align: center;
        margin: 0 auto;
}


.slide-1, .slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin-top: 100px;
}


.swiper-slide-active .slider-sub-title {
    -webkit-animation: rollIn 1s;
            animation: rollIn 1s;
}

.swiper-slide-active .slider-title {
    -webkit-animation: fadeInUp 1.5s;
            animation: fadeInUp 1.5s;
}
.swiper-slide-active.slide-2 .slider-title2 {
     animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
  animation-fill-mode: forwards;  
}

.swiper-slide-active .slider-buttton {
    -webkit-animation: zoomIn 2s;
            animation: zoomIn 2s;
}

@media only screen and (max-width: 960px) and (min-width: 320px){
.areasnoticias ul li {
    width: 50%;
    padding: 2%;
}

li.iconeshere {
    display: inline-flex;
    float: right;
}

#pagemenu img.logo {
    height: auto;
    margin-top: 5px;
    width: 90%;
}

.areasdeatuacao-3x ul li {
    padding: 3%;
    margin: 0 auto;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) {
.main {
    width: 100%;
    flex: none;
    margin-bottom: 20px;
}

.left, .right {
    text-align: center;
}

}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {

.areasdeatuacao {
    width: auto !important;
}

#page-one, #page-two, #page-three, #page-five, #page-six {
    height: auto;
    min-height: 100vh;
}

.sobre {
    padding-top: 4em;
}

article.slider {
padding-top: 130px !important;
}

header.small {
background-color: #000031;
    height: 100px;
    padding: 20px;
}

main.main img {
    margin-bottom: 10px;
    width: 100%;
}

.left {
    float: left;
    width: 50%;
    /* padding-left: 5%; */
    padding-right: 5%;
}

.right {
    float: right;
    width: 50%;
}

iframe {
    width: 100%;
}


.sobrelogo {
margin-right: 35%;
display: block;
}

#page-six {
min-height: 780px;
height: auto;
}

   }
   


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    
header.large img.instagram {
    height: 100%;
    width: auto !important;
    float: right;
    padding-top: 10px;
}

header.small img.instagram {
height: 39px;
    width: 39px !important;
    float: right;
    padding-top: 10px;
}
    
        header.small ul li:after, #pagemenu li:after { display: none; }
    
.mobile-menu-checkbox:checked ~ ul {
top: 160px;
    background-color: #000031;
    width: 100% !important;
    min-height: 110px;
    height: auto;
}

ul.iconeshere {
    visibility: hidden !important;
    display: none !important;
}

ul.iconeshere {
    padding-top: 5px !important;
}

ul.iconeshere p {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 9%;
    text-transform: lowercase;
    text-align: justify;
    width: 50%;
}

.sobrebg {
    background-image: none;
}

h1.sectiontitlessobre {
    background-color: #f7941d;
    color: #000031;
    font-size: 1.3em;
    font-weight: bold;
    width: auto;
    padding: 2% 10% 2% 10%;
    margin-left: -6%;
    text-align: left;
    display: flex;
    justify-content: left;
    background-repeat: no-repeat;
}

h1.sectiontitles.areatitlesp {
    background-color: #f7941d;
    color: #000031;
    font-size: 1.5em;
    padding: 1% 5%;
    text-align: center;
    display: grid;
    justify-content: left;
    font-weight: 700;
}

div#page-3x\ atuacaobg {
    height: auto;
    min-height: 100vh;
    background-color: #d1d3d4;
    background-size: cover;
    background-repeat: no-repeat;
    clear: both;
    padding-top: 5%;
}

    header.small img.logo {
        height: auto;
        margin-top: 5px;
        padding-top: 20px;
        width: auto;
        float: left;
        margin: 0 auto;
        position: absolute;
    }

h1.sectiontitles.sociostitle {
    height: 39px !important;
    margin-bottom: 5% !important;
    color: #26262F;
    font-size: 1.3em;
    font-weight: bold;
    width: 250px !important;
    padding: 2% 10% 2% 10%;
    text-align: left !important;
    display: table-cell;
    justify-content: left;
    background-image: url(images/titlesocios.png);
    background-repeat: no-repeat;
    background-size: contain;
}

h1.sectiontitles.noticiastitle {
    height: 39px !important;
    margin-bottom: 5% !important;
    background-color: #f7941d;
    color: #000031;
    font-size: 1.3em;
    font-weight: bold;
    width: 250px !important;
    padding: 2% 10% 2% 10%;
    text-align: left !important;
    display: table-cell;
    justify-content: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.areasdeatuacao-3x .col-sm {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding-bottom: 5%;
    border-right: none;
    border-bottom: 4px solid #f79520;
}

#page-3xa .entrybodyservice {
    display: block;
    color: #000031;
    width: 100vw;
    margin: 0 auto;
    padding: 5%;
}

#page-3xa h4 {
    display: flex;
    align-items: center;
    text-align: center;
    white-space: normal;
    position: relative;
    border-top: 2px solid #f79520;
    border-bottom: 2px solid #f79520;
    padding: 2%;
}

#page-3xa .\33 colservice {
    padding: 5% !important;
    width: 100vw;
    margin: 0 auto;
    height: auto;
    display: contents;
    font-family: "Philosopher", sans-serif;
}

#page-3xa .col-sm-4 {
    font-family: "Philosopher", sans-serif;
    color: #000031;
    font-weight: 700;
    text-align: left;
    border-right: none;
    height: auto;
    margin-bottom: 5%;
    font-size: 0.8em;
    line-height: 138%;
    padding: 5%;
    width: 100vw;
    margin-left: -15px;
}

#page-3xa .newspage img.imgnoticias4 {
    float: left;
    width: 100%;
}

section.socioscolumns {
    padding: 5% 3%;
}

.area-section {
    height: auto;
    min-height: 80vh;
    padding: 10% 0%;
}

.sobrebg {
    min-height: 100vh;
    height: auto;
}

.bgnews4socio img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin: 0 auto;
    display: block;
    float: none;
}

.excerptjj {
    display: grid;
    color: #333132;
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1.2em;
}

#page-3x h1.entrytitle a {
    text-transform: uppercase;
    color: #D1D3D4 !important;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
    height: auto;
    text-align: left;
}

#page-three .entrybodysobre p {
    padding: 2px;
    font-size: 1.2em;
    font-weight: normal !important;
    color: #26262F;
}

.conhecearea {
    padding: 5%;
    margin: 0 auto;
    text-align: justify;
}

h1.sectiontitles {
    color: #efefef;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0px;
    text-align: center !important;
    width: 100%;
    margin-left: 0%;
    padding: 3% 8% 3% 5%;
}

.textservicos {
    height: auto;
    margin: 5% 0px;
}

.textservicosbodysobre {
    text-align: center;
    padding: 5%;
    color: #000031;
    font-size: 1em;
    margin-top: 5%;
    font-weight: 700;
}

.textservicos a {
    font-weight: 700;
    color: #000031 !important;
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
}

header.small ul.navigationmenulinks {
    margin-top: 0px;
    display: none;
}

header.small .mobile-menu-toggle {
    display: none;
}


#siztema {
    height: auto;
    min-height: 20vh;
    background-color: #333132;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10%;
    color: #fff;
    text-align: justify;
}

h1.legislacaotitle {
    margin-bottom: 5% !important;
}

.legislacaoarea {
    height: auto;
    min-height: 10vh;
    line-height: normal;
}

h1.entrytitle {
    text-align: center;
}

#page-3xa .excerptjj {
    padding-left: 10px;
    color: #000031 !important;
    font-size: 1.2em;
    text-align: justify;
}

#page-3xa .read-more {
    width: 100%;
    margin-right: 0px;
    padding: 1%;
}

#page-five {
    background-image: none;
}

.entrysocio {
    float: right;
    width: 100%;
}
header.large ul {
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
}

ul.navigationmenulinks {
    padding-top: 0px !important;
}
    
    .mobile-menu-toggle {
    font-size: 30px !important;
    padding-top: 20px !important;
}
    
header.large img.logo {
    padding-top: 30px;
    /* width: 100%; */
    width: 90%;
    float: left;
    height: 100%;
}

.row {
    display: block;
    flex-wrap: wrap;
    margin-top: 30px;
    width: 100vw !important;
    margin: 0 auto;
}
  
  .mobile-menu-toggle {
    font-size: 40px;
  }
  
  article.slider {
    height: auto;
    min-height: 100vh;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 0px;
  }
  
  #page-three {
    padding-top: 0px !important;
  }
  
  .entrybodysobre {
    letter-spacing: normal;
  }
  
  header.small {
      margin-top: 0px;
      padding: 0px !important;
    }
    
    .areasdeatuacao-3x ul li {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  
  .areasdeatuacao-3x ul {
    margin-bottom: 20px;
    width: 100%;
  }
  
  .areasnoticias ul {
    width: 100%;
  }
  
  .areasnoticias ul li {
    width: 100%;
  }
  
  .areasnoticias {
      height: 100%;
      display: flex;
      padding: 0 !important;
  }
  
  .historia {
    width: 100%;
  }
  
  .rightColumn img {
    width: 90%;
    padding: none !important;
    }
    
    .left {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    }
    
    .content {
    padding: 10px !important;
    }
    
    header.small img {
    height: auto;
    margin: 0 auto;
    padding-top: 35px;
    padding-left: 10px;
        width: 80% !important;
    /* width: 100% !important; */
    }
.animated-area
#pagemenu img {
    height: auto;
    margin: 0 auto;
    padding-top: 0px;
    padding-left: 10px;
        width: 80% !important;
    /* width: 100% !important; */
}
    
    #page-3x, #page-3xa {
    clear: both;
    padding-bottom: 15px;
    background-size: cover;
}

.animated-area {
position: absolute;
    top: 5%;
    bottom: 40%;
    height: 180px;
}

#page-one {
    margin-top: 110px;
    min-height: 1px;
    height: auto !important;
    background-size: 25% !important;
}

nav ul li a {
    display: block;
    border-right: none;
    color: #fff;
}

header.large ul.navigationmenulinks {
    display: inline-grid;
    width: 60%;
    float: left !important;
    margin-top: -155px;
    text-align: right;
    margin-right: 2% !important;
    position: relative;
    width: 100vw !important;
}

li.buscanav {
    visibility: hidden;
}

  .entrybodysobre p {
    font-size: 1.2em;
  }

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 667px) 
and (max-width : 667px) {
    nav ul li a {
    font-size: 12px;
    }
    
        .mobile-menu-toggle {
font-size: 40px !important;
    padding-top: 10px !important;
    margin-top: 15px;
}

    header.large img.instagram {
    height: 30px !important;
    width: 30px !important;
    float: right;
    padding-top: 0px;
}

header.small img.instagram {
        height: 30px !important;
    width: 30px !important;
    float: right;
    padding-top: 0px;
}
    header.small ul li:after, #pagemenu li:after { display: none; }
  header.large img.logo {
  width: 60% !important;
  padding-left: 10px;
  height: auto;
     position: relative;          /* where the next element will be automatically positioned */
    display: inline-block;       /* causes element width to shrink to fit content */
    /* left: 50%;                */    /* moves left side of image/element to center of parent element */
    /* transform: translate(-50%); */  /* centers image/element on "left: 50%" position */
  }
  
  header.small img {
      width: 60% !important;
        padding-left: 10px;
     position: relative;          /* where the next element will be automatically positioned */
    display: inline-block;       /* causes element width to shrink to fit content */
    /* left: 50%;                 */  /* moves left side of image/element to center of parent element */
    /* transform: translate(-50%); */ /* centers image/element on "left: 50%" position */
    height: auto !important;
        margin-top: 10px !important;
  }
  
  header.small {
      height: 100px;
      padding: 0px !important;
  }
  
  .entrybodysobre p {
    font-size: 1.2em;
  }
  
  .mobile-menu-checkbox:checked ~ ul {
    top: 100px; 
  }
  
    .mobile-menu-checkbox ~ ul {
    top: 110px !important; 
  }

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  img.logo {
    float: left;
    }
    
}

/* GALAXY S5 */ 
@media only screen and (max-width: 640px) and (min-width: 640px) {
header.large img.logo {
padding-top: 10px !important;
    width: 60vw !important;
    position: relative;
    display: inline-block;
    /* left: 50%; */
    /* transform: translate(-50%); */
    float: left;
    padding-left: 10px;
}

label.mobile-menu-toggle {
    margin-top: 20px;
}

.mobile-menu-checkbox:checked ~ ul {
    top: 110px;
}

header.small ul li:after, #pagemenu li:after {
    display: none;
}

header.small img.instagram {
    width: 39px;
    height: 39px;
    padding: 10px;
}

header.large img.instagram {
    width: 39px !important;
    height: 39px !important;
    padding: 10px !important;
}

}

/* PIXEL */ 
@media only screen and (max-width: 731px) and (min-width: 731px) {
header.large img.logo {
    padding-top: 10px !important;
    width: 60vw !important;
       position: relative;          /* where the next element will be automatically positioned */
    display: inline-block;       /* causes element width to shrink to fit content */
    /* left: 50%; */
    /* transform: translate(-50%); */
    float: left;
}

label.mobile-menu-toggle {
    margin-top: 0px;
}

.mobile-menu-toggle:hover {
    padding-top: 10px;
}

.mobile-menu-checkbox:checked ~ ul {
    top: 110px;
}

header.small ul li:after, #pagemenu li:after {
    display: none;
}

header.small img.instagram {
    width: 39px;
    height: 39px;
    padding: 10px;
}

header.large img.instagram {
    width: 39px !important;
    height: 39px !important;
    padding: 10px !important;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 960px) 
and (orientation : landscape) {
    .mobile-menu-toggle {
line-height: 110px !important;
    padding: 10px 40px !important;
    position: absolute !important;
}

.mobile-menu-checkbox:checked ~ ul {
    top: 110px !important;
}

  header.large img.logo {
    /* margin: 0 auto; */
    padding-left: 10px;
    padding-top: 10px;
    width: auto;
    float: left;
}

article.slider {
    height: auto !important;
    min-height: 100vh !important;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100vw !important;
    padding-top: 110px !important;
}


.swiper-slide.slide-2.swiper-slide-duplicate.swiper-slide-next.swiper-slide-duplicate-prev {
height: auto !important;
min-height: 100vh !important;
}

.slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw !important;
    background-position: center center;
}

article.slider {
    height: auto !important;
    min-height: 100vh !important;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    display: inline-flex !important;
    width: 100% !important;
}

.slide-1, .slide-2 {
    background-image: url(images/slide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw !important;
    background-position: center center;
}

h1.slider-title2, .slider-title2 {
    width: 100vw !important;
    font-size: 50px !important;
    text-align: center;
}


.slider-container img {
    width: 100% !important;
    padding-top: 10% !important;
    text-align: center;
}

.slider-title {
    font-size: 70px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1.03px;
    color: #ffffff;
    padding: 0px 0px;
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    width: 100vw !important;
}

.left, .right {
width: 100% !important;
float: none !important;
}

.main {
    width: 100% !important;
    flex: none !important;
    margin-bottom: 20px !important;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  /* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  /* Styles */
}

/* iPhone 4 - 5s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
}




@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
    
.rightsidebar {
    width: 100%;
    padding-left: 0% !important;
    padding: 5% !important;
}



.bgnews4 {
    margin-bottom: 50px !important;
    width: 100% !important;
    min-height: 200px !important;
    height: auto !important;
    padding: 10px !important;
}

h1.entrytitleadv, h1.entrytitleadv a {
    width: 100% !important;
    display: flex !important;
    margin-top: 20px !important;
}

    .areasdeatuacao-3x ul {
        margin: 0 auto !important;
        width: 100% !important;
        display: inline-grid;
    }

.bgnews4 {
    margin: 5% !important;
    width: 90% !important;
}

.newspage {
    color: #333132 !important;
    text-align: justify  !important;
    margin-bottom: 20px !important;
    min-height: 180px;
    height: auto;
}

.col-sm-3.left.contactlogo:before {
    border: none !important;
}

.left {
    border: none !important;
}


.readmore {
    margin-top: 20px !important;
}


}

fieldset {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid orange;
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 220px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
    width: 23%;
    margin: 0 auto;
    justify-content: center;
    display: inline-table;
    margin-bottom: 3%;
}
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}