html,
body {
  height: 100%;
  min-height: 100%;
  background: #194e91;
  color: white;
  font-family: 'Rubik', sans-serif;
  -webkit-font-smoothing: antialiased;
  /*font-size: calc(.2vw + 12px);*/
  line-height: 1.4;
 
}

body {
  overflow-x: hidden;
	
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
	font-weight: 400;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span {
  vertical-align: middle;
}
h1 span + span, h2 span + span, h3 span + span, h4 span + span, h5 span + span, h6 span + span, p span + span {
  display: inline-flex;
  align-items: center;
}
h1 span + span::before, h2 span + span::before, h3 span + span::before, h4 span + span::before, h5 span + span::before, h6 span + span::before, p span + span::before {
  display: inline-block;
  content: "";
  width: 2em;
  height: 1px;
  background: white;
  margin: 0 .5em 0 .3em;
}

h1,
.h1,
.nav {
  color: white;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 2rem;
  margin-bottom: 0;
  text-decoration: none;
  
}

h2, h3, .nav {
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

h2 {
  font-size: 1rem;
  margin-bottom: 0;
  padding-bottom: .6rem;
}

h4 {
  margin-bottom: 0;
  padding-bottom: 1.6rem;
}

a {
  color: inherit;
  text-decoration: none;
  font-weight: 500
}

svg {
  fill: currentColor;
}

img,
svg {
  vertical-align: middle;
	border: 0px solid #194e91;
}

.logo {
  text-decoration: none;
  transition: .3s ease-in-out;
}

.header {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template: repeat(3, [row-start] minmax(25vh, 1fr))/repeat(12, [col-start] 1fr);
  will-change: transform, width;
  transition: 0.5s -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.5s transform cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.5s transform cubic-bezier(0.39, 0.575, 0.565, 1), 0.5s -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1);
}

.topo { position: absolute; display: flex;  height: 110px; width: 75%; background-color: #194e91; padding: 8px 15px; bottom: 65px; font-weight: 600; line-height: 2.8rem}
.topo h1 { font-size:2.5rem}

@media (max-width: 1024px) {

	
	.topo { height: 120px;}
	.topo h1 { font-size: 1.8rem;line-height: 40px;padding-top: 10px;}
	
	#navBar {
  position: absolute;
  height: 100%;
  width: 10%;
  float: left;
  text-decoration: none;
  margin-top: 30px;
}
	

}

@media (max-width: 700px) {
  .header {
    grid-template: repeat(3, [row-start] 1fr)/repeat(6, [col-start] 1fr);
  }
	
	
    .grid-item--secondary {
	  width:100%;
  
}
		#navBar {
  position: absolute;
  height: 100%;
  width: 10%;
  float: left;
  text-decoration: none;
  margin-top: 30px;
}
	.mainmenu{ border: 1px solid red;}
	
}
/*.header[data-menustate="open"] {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-animation: expand 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
          animation: expand 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}
.header[data-menustate="open"] .grid-item {
  -webkit-animation: shuffle 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
          animation: shuffle 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}
.header[data-menustate="open"] .logo {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}*/

.article {
  padding: 1rem 3rem 1.8rem 0;
}
.article + .article {
  margin-top: auto;
  padding-top: 0;
}
.article--align-right {
  text-align: letf;
}

.rotate {
  display: inline-block;
  margin: 0;
}
.rotate--right {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: center left;
          transform-origin: center left;
}

.object-fit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.nav,
.nav-toggle {
  position: absolute;
  z-index:9999999;
  color: white;
}

.nav {
  width: 60%;
  height: 100vh;
  right: 100%;
  z-index: 1;
  background: #194e91;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  will-change: right;
  transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	text-decoration: none;
	
}


@media (max-width: 700px) {
  .nav {
    width: 100%;
  }
  
}


@media (max-width: 460px) {
  .nav {
    width: 100%;
  }
  
  .grid-item--primary {
 grid-area: span 3 / span 6;
  display: grid;
  align-items: center;
  justify-items: start;
}
  
  .grid-item grid-item--secondary {
	  width:100%;
  
}

.grid-50 {
  width: 100%;
   -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column;
	display:inline-flex;
}

.grid-item--quatro {
  grid-area: span 3 / span 6;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
		  height:auto;
}

  
 } 
  
.nav a {
  text-decoration: none;
  will-change: color, blur;
  transition: .5s ease-in-out;
  transition-delay: var(--delay, 0.5s);
  opacity: 0;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  margin-left: 18vw;
}
.nav a + a {
  margin-top: .6em;
}
.nav[data-state="open"] {
  right: 50%;
  color: white;
}
@media (max-width: 700px) {
  .nav[data-state="open"] {
    right: 10%;
  }
}
.nav[data-state="open"] a {
  opacity: 1;
  margin-left: 15vw;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.nav-toggle {
  top: 1rem;
  left: 1rem;
  z-index: 2;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position:absolute;
  z-index:999;
}
.nav-toggle svg {
  pointer-events: none;
  
}
.nav-toggle .icon--close {
  display: none;
}
.nav-toggle[data-menustate="open"] .icon--close {
  display: initial;
}
.nav-toggle[data-menustate="open"] .icon--menu {
  display: none;
}

.grid-item {
  background: #194e91;
  position: relative;
  will-change: border;
	border: 2px solid #194e91;
}
.grid-item::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0%;
  background: #194e91;
  -webkit-animation: background-swipe-out 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1s 1;
          animation: background-swipe-out 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1s 1;
}
.grid-item--primary {
  grid-area: span 3 / span 6;
  display: grid;
  align-items: center;
  justify-items: start;
  height:auto;
}
.grid-item--primary > img,
.grid-item--primary > .logo {
  grid-area: 1 / 1 / -1 / -1;
}
.grid-item--secondary {
  grid-area: span 2 / span 3;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
		
		  
}
.grid-item--tertiary {
  background: #194e91;
  grid-area: span 1 / span 2;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
		 
}

.grid-item--quatro {
  grid-area: span 2 / span 3;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
		  height:auto;
}



.grid-item--content {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}
.grid-item .logo {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.loading-overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  margin: -200vh -200vw;
  will-change: transform, padding, opacity;
  -webkit-animation: hide-overlay 2.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
          animation: hide-overlay 2.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
/*.loading-overlay__content {
  position: relative;

  padding: 50vw 50vh;
  will-change: transform, padding, opacity;
  -webkit-animation: rotate-expand-out 2.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
          animation: rotate-expand-out 2.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}*/
.loading-overlay__content::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #194e91;
  will-change: width;
  -webkit-animation: background-swipe-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
          animation: background-swipe-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1;
}

@-webkit-keyframes background-swipe-in {
  from {
    width: 0%;
  }
}

@keyframes background-swipe-in {
  from {
    width: 0%;
  }
}
@-webkit-keyframes background-swipe-out {
  0%, 65% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes background-swipe-out {
  0%, 65% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@-webkit-keyframes rotate-expand-out {
  0%, 15%, 30%, 50%, 65%, 95%, 100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    padding: .2em 2em;
    opacity: 1;
  }
  30%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    padding: 4em 2.4em;
  }
  65%, 95% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    padding: 50vw 50vh;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    padding: 50vw 50vh;
  }
}
@keyframes rotate-expand-out {
  0%, 15%, 30%, 50%, 65%, 95%, 100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    padding: .2em 2em;
    opacity: 1;
  }
  30%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    padding: 4em 2.4em;
  }
  65%, 95% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    padding: 50vw 50vh;
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    padding: 50vw 50vh;
  }
}
@-webkit-keyframes hide-overlay {
  0%, 90% {
    opacity: 1;
    visibility: visible;
    background: white;
  }
  95% {
    background: transparent;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes hide-overlay {
  0%, 90% {
    opacity: 1;
    visibility: visible;
    background: white;
  }
  95% {
    background: transparent;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes expand {
  0%, 100% {
    width: 100%;
  }
  50% {
    width: 110vw;
  }
}
@keyframes expand {
  0%, 100% {
    width: 100%;
  }
  50% {
    width: 110vw;
  }
}
@-webkit-keyframes shuffle {
  0%, 90% {
    border-left: 0 solid #194e91;
  }
  50% {
    border-left: 2vw solid #194e91;
  }
}
@keyframes shuffle {
  0%, 90% {
    border-left: 0 solid #194e91;
  }
  50% {
    border-left: 2vw solid #194e91;
  }
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.container {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 15px 0 0;
  background: #fff;
	
}

.g {
  background: #E16036;
  
  
  padding: 10px;
  color: white;
  font: 18px Arial;
  margin: 0 0 15px 15px;
}

.grid-33 {
  width: calc(33.3333% - 15px);
}

.grid-50 {
  width: calc(50% - 15px);
}

.grid-66 {
  width: calc(66.6666% - 15px);
}

.grid-100 {
  width: calc(100% - 15px);
}

.fancybox-button--zoom svg path {
  fill: transparent;
}


 .box {  
  
    cursor: pointer;  
    height: 168px;  
    float: left;  
    margin: 5px;  
    position: relative;  
    overflow: hidden;  
    width: 168px;  
  
}  
  
 .box img {  
    position: absolute;  
    left: 0;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
}  


.box .caption {  
    font-family: 'Rubik', sans-serif;
    font-size: .5em;
    background-color: rgba(0,0,0,0.6);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: 0;  
    opacity: 0;  
    width: 150px;  
    height: 150px;  
    text-align: left;  
    padding: 15px;
}  

 

 .box:hover .fade-caption {  
    opacity: 1;  
}  





#hero-content{
  width:100%;
  height:600px;
}

.hero-title{
  padding: 0%;
}

.hero-img{
  width:100%;
  height:100%;
  padding-top:0px;
}

.hero-left{
  height:300px;
  color:#ffffff;
  background-color:red;
}

.hero-right{
  height:300px;
  text-align:center;
    background-color:blue;
}

@media screen and (min-width: 460px) {
.hero-left{
  float:left;
  width:50%;
}
  .hero-right{
    float:right;
    width:50%;
}
}


@media screen and (max-width: 960px) {
.hero-left{
  width:100%;
    text-align:center;
  max-height:200px;
  padding-top:25px;
}
  .hero-right{
    width:100%;
}
}




* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 100%;
  padding: 0px;
  height: auto; /* Should be removed. Only for demonstration */
  text-align:left;
	
	
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}







/*.parent {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.5rem;
}

.child {
  flex: 1 0 25%;
  min-width: 200px;
  padding: 0 0.5rem 1rem;
  overflow: hidden;
}

.child > div {
  background: #222;
  color: #fff;
  padding: 0.5rem;
}



.container {
  display: flex;
  flex-wrap: wrap;
  --margin: 1rem;
  --modifier: calc(40rem - 100%);
  margin: calc(var(--margin) * -1);
}

.container > * {
  background-color: #000;
  min-width: calc(33% - (var(--margin) * 2));
  max-width: 100%;
  flex-grow: 1;
  flex-basis: calc(var(--modifier) * 999);
  height: 20vh;
  margin: var(--margin);
}



.Services {
  display: flex;
  flex-flow:  wrap;
}

.servicos {
  flex: 1 0 33%;
  min-width: 150px;
 
  background: #ededed;
  min-height: 50vh;
  outline: 0px solid #fff;
  color:#fff;
  border-left-style: solid #000 0px;
}


.linhasdad{
  
  border-left-style: solid;
  height: 200px;
  padding-left:10px;
}

p {
  
  padding-left:2px;
  padding-right:50px;
  line-height:26px;
  font-size:1.2rem;
}



.red {
  background-color: red;
}.blue {
  background-color: blue;
}.green {
  background-color: green;
}
.container{
  display: flex;
  justify-content: center;
  border: 0px solid black;

}
.fa-globe{
  font-size: 5rem;
  padding-right: 0px;
}
.box {
  padding: 0px;
  margin: 0px;
  color: #ddd;
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.hero-container{
  height: 50vh;
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(rgba(256,256,256,.1),rgba(0,0,0,.3)),url('https://cdn.dribbble.com/users/343382/screenshots/1497688/3r2def.png');
  background-size: cover;
  
  
}
@media only screen and (max-width: 700px) {
  body {
    background-color: lightblue;
  }
  .box {
  flex:0;
	  width: 100%;
    }
  .container {
    flex-direction: column;
  }
}
*/





.container  {
  border: 0px solid #fff;
  box-sizing: border-box;
  padding: 30px;
  width: 100%;
  padding-top: 70px;
  text-align: center;
  
 
	
}
.main {
  background: #fff;
  height: 210px;
  width: 100%;
  padding-left: 10px;
  /*padding-right: 40px;*/
  padding-top: 40px;
  text-align: center;
	
	
}

.main h1 {color: #194e91; font-size: 2.5rem;}

.main p { color:#000; padding-top: 15px; font-size:14px; line-height: 23px; }


.c2 {
    /*background: #194e91;*/
	background: #fff;
	padding: 40px;
	padding-right: 20px;
	padding-top: 40px;
	
}

.c2 h3 {color: #194e91; font-size: 1.4rem;

}


.c2 p {color: #194e91; font-size: 1rem; font-weight: 400;
}

.c2 img { width:  120px; }
.c3 img { width:  120px; }


.c3 {
  background: #fff;
	padding: 40px;
	
}

.c3 h3 {color: #194e91; 
	font-size: 1.4rem;}

.c3 p {color: #194e91; 
	font-size: 1rem; font-weight: 400;}

#facto{ padding: 30px 50px 30px 50px ; padding-bottom: 30px; background-color: #194e91}

@media screen and (min-width: 768px) {
 .main {
    width: 34%;
    float: left;
	height: 70vh;
    margin: 0 auto;
	
  }
	
	.main h1 {color: #194e91; font-size: 2.5rem; text-align: left}
	
.main p { color:#000; padding-top: 15px; font-size:14px; line-height: 23px; height: 300px; text-align:left; width: 350px}	
 .c2 {
    width: 33%;
    float: left;
	 text-align: left;
	 
	 
  }
  .c3 {
    width: 33%;
    float: right;
  }	
	.container  {
  margin: 0 auto;
 text-align: left;
	
}
}




.quemsomos{ width:100%; height:100vh; text-align: center; background-color:#194e91}
.quemsomos h1{ width:100%; font-size: 2.5rem; margin-top: 50px;}
.quemsomos p{ width:100%; margin-top: 10px; font-size: 1rem; font-weight: 400; line-height: 1.8}
.quemsomosinside {  width: 60%; margin: 0 auto; padding-top: 60px}



@media screen and (max-width: 768px) {
 .quemsomos {
    width: 100%;
	 height:100vh;
	 height: 300px;
	 text-align:center;
  }
	
	.quemsomosinside { width:100%; margin: 0 auto; padding-top: 60px}
 
}


#navBar {
  position: relative;
  height: 100%;
  width: 10%;
  float: left;
  text-decoration: none;
	margin-top: 30px;
}
#navBar::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  text-decoration: none;
}
#navBar ul {
  display: block;
  text-decoration-style: solid;
  text-decoration: none;
}
#navBar ul li {
  display: block;
  text-transform: uppercase;
  line-height: 2;
  letter-spacing: 1px;
  font-size: 1rem;
  padding-left: 10%;
  font-weight: 300;
  color: whitesmoke;
  cursor:pointer;
  text-decoration: none;
}
li {
  height: 23px;
  padding: 25px auto;
  margin: 5px 5px 2px 0;
  text-decoration: none;
}

#navBar ul li:hover {
  color:#909090;
  transition: all 0.3s ease;
  text-decoration: none;
}



.logos {  padding-left: 30px; position:absolute; width: 95%}




@media screen and (max-width: 768px) {
 .logos {  padding-left: 30px; padding-top: 20px;  position:absolute; width: 90%}
 
}


.arrow{
height:60px;
  position:absolute;
  transform:translate(-50%,50%);
  top:20%;
  left:20%;
	border:solid 1px #0D3775;
	height:80px;
   
	
}

/*.arrow:before{
  content:"";
  border-left:solid 2px blue;
  border-bottom:solid 2px blue;
  height:20px;
  position:absolute;
  transform:rotate(-45deg);
  width:20px;
  bottom:0;
}*/

.arrow:after{
  content:"";
  height:80px;
  position:absolute;
  top:0;
  left:0px;
  border:solid 1px #fff;
  animation:scroll 1.5s linear infinite;
}



.arrow p{
  bottom:530px;
  top:10%;
  position:absolute;
  left:30%;
  transform:translate(50%,50px);
  font-size:0.9rem;
  text-transform: uppercase;
  line-height: 15px;
    margin-bottom: 10px;


  /*writing-mode: vertical-rl;
  text-orientation: mixed;*/
  
}

@keyframes scroll {
  0%{
    transform-origin:top;
    transform:scaley(0)
  }
    45%{
    transform-origin:top;
    transform:scaley(1)
  }
    55%{
    transform-origin:bottom;
    transform:scalex(1)
  }
    100%{
    transform-origin:bottom;
    transform:scaley(0)
  }
}



/*MAPS*/

.layout-center-wrapper {
	max-width: 880px;
	margin: 0 auto;
	margin: 70px 0 0 50px;
	
}

.contact h1{
 font-size: 3.4rem;
 font-weight: 700;
 line-height: 42px;
	
}

.contact span {
 font-size: 0.9rem;
 font-weight: 200;
 line-height: 3px;
	
	  
}

.btn {
	display: block;
	text-transform: uppercase;
	text-align: center;
	border-radius: 2px;
	font-size: 12px;
}



.maps {
	position: relative;
	
}

.main-maps {
	height: 520px;
	width: 100%;
	display: block;
	
	
}
.maps .contact {
	width: 100px;
	height: 100px;
	background: #194e91;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 260px;
	height: 350px;
	margin-top: 88px;
	padding: 15px 26px;
	z-index: 1;
}

.maps .contact-title {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #000000;
}
.maps p{
	margin: 10px 0;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	padding-top: 3px;
}

.maps span{
	font-weight: 300;
	font-size: 10px;
	color: #fff;
	line-height: 0px;
	padding-left: 2px;
}

.maps h1{
	font-weight: 800;
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	line-height: 26px;
	margin-top: 15px;
	
}

.contact-btn {
	background: #fff;
	color: #194e91;
	font-size: 14px;
	text-transform: uppercase;
	width: 180px;
	font-weight: 500;
	border-radius: 5px;
	padding: 10px 0;
}





.divtxt { 
  background-image: url('img/big.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-size: cover;
  background-color: #999;
  color: #fff;
  height: 600px;
	width: 100%;
}

.divtxtint {
  position: relative;
  width: 65%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  
}

.divtxtcenter {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 25%;
  /*left: 50%;
  transform: translate(-50%, -50%);*/
}

.divtxtcenter h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 2.5rem;
  line-height: 65px;
	font-weight: bold;
}

.divtxtcenter h2 {
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  line-height: 45px;
  font-weight: 800;
}



.divtxtcenter p {
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
	padding-top: 16px;
}


@media screen and (max-width: 768px) {
 .divtxtint {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  
}
.divtxtcenter p {
  margin: 0 auto;
  text-align: center;
  font-size: 1.12rem;
	padding-top: 16px;
}
	
.layout-center-wrapper {
	max-width: 880px;
	margin: 0 auto;
	margin: 50px 0 50px 40px;
	
}
 
}

/*EMPRESA*/


/*IMG*/


.masonry img {
  width: 100%;
}


.masonry {
	/*column-count: 4;*/
	columns: 4;
	column-gap: 4px;
	padding-bottom:0px;
	padding-top: 0px;
	margin-top: 0px
}

.masonry .mItem {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
	
}

@media (max-width: 1199px) {
  .masonry {
    columns: 3;
  }
}

@media (max-width: 991px) {
  .masonry {
    columns: 2;
  }
}

@media (max-width: 767px) {
  .masonry {
    columns: 1;
  }
}





/* Grid */
.masonry-wrap {
  height: 700px;
  overflow: hidden;
  width: 100%;
	
}

.masonry-section {
  float: left;
  position: relative;
}

.masonry-section a {
  text-decoration: none;
}

.masonry-half {
  background: #01a1da;
  border-right: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 700px;
  width: 50%;
}

.masonry-top-half {
  background: #7dc24f;
  border-bottom: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 350px;
  width: 50%;
}

.masonry-bottom-quarter {
  height: 350px;
  width: 25%;
}

.masonry-bottom-quarter-left {
  background: #e43b94;
  border-right: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.masonry-bottom-quarter-right {
  background: #f58232;
}



/* Background Images */
.m1-bg {
  display: inline-block;
  position: absolute;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/319606/left-full.jpg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .6s ease-in-out;
  width: 100%;
  height: 100%;
}

.m2-bg {
  display: inline-block;
  position: absolute;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/319606/the-hub-on-canal-new-smyrna-beach.jpg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .6s ease-in-out;
  width: 100%;
  height: 100%;
}

.m3-bg {
  display: inline-block;
  position: absolute;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/319606/bottom-left.jpg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .6s ease-in-out;
  width: 100%;
  height: 100%;
}

.m4-bg {
  display: inline-block;
  position: absolute;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/319606/bottom-right.jpg');
  background-position: 50%;
  background-size: cover;
  transition: opacity .6s ease-in-out;
  width: 100%;
  height: 100%;
}



/* Masonry Descriptions */
.masonry-description-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  opacity: 0;
  text-align: center;
  transition: opacity .8s ease-in-out;
  width: 100%;
  height: 100%;
}

.masonry-title {
  clear: both;
  color: #fff;
  display: block;
  font-size: 30px;
  text-transform: uppercase;
}

.masonry-subtitle {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}



/* Hovers */
.masonry-section:hover .masonry-bg {
  opacity: 0.3;
}

.masonry-section:hover .masonry-description-wrap {
  opacity: 1;
}


#map { height:70vh; }



.footer {  
	height: 100px;
    width:100%; 
	background-color:#164a8c;
    padding-top: 10px;
	padding-right: 15px;
	margin: 0 auto;
	right: 0px;
	bottom: 0px;
	padding-left: 40px;
    text-align: center;
}

.footer h1 { text-align: center; color: #fff; font-size: 0.9rem; line-height: 4px; margin: 20px 0 5px 0}
.footer p { text-align: center; color: #fff; font-size: 0.7rem; line-height: 4px; margin: 20px 0 15px 0; font-weight: 200}


.redes {  
	height: 80px;
    width:200px; 
	/*background-color:#164a8c;*/
    padding-top: 0px;
	padding-right: 15px;
    padding-bottom: 20px;
	margin: 0 auto;
	right: 0px;
	bottom: 0px;
	padding-left: 10px;
	text-align: center;
}


.redes h1 { text-align: right; color: #fff ; font-size: 1rem; line-height: 4px; margin: 30px 0 15px 0}
.redes p { text-align: right; color: #fff ; font-size: 0.8rem; line-height: 4px; margin: 30px 0 15px 0}





.stats-row {
	overflow: hidden;
	position: relative;
}
.stats-col {
  float: left;
  width: 25%;
  text-align: center;
  height: 100%; 
  border: 0px solid #fff;
  padding: 50px 0px;
	
}

.stats-col img { width: 80px}


.stats-col:nth-child(even) {
  background: #164a8c;
}
.stats-col:nth-child(odd) {
  background: #164a8c;
}
.stats-col i {
  font-size: 50px;
  color: #fff;
}
.stats-col h1 {
  font-size: 3rem; font-weight: 600;
  padding: 0px;
  font-weight: bold;
  color: #fff;
  
}
.stats-col span {
  width: 30px;
  background: #fff;
  height: 2px;
  display: block;
  margin: 0 auto;
	
}
.stats-col p {
  color: #fff;
  font-size: 18px;
  margin: 0;
  padding: 30px;
	
  
}
@media (max-width: 786px) {
  .stats-col {width: 50%;}
}
@media (max-width: 500px) {
  .stats-col {width: 100%;}
}


.redes ul {
  padding-left: 22px;
  margin:0;
	right: 0px;
  display:flex;
  text-align: right;
}

.redes ul li {
  list-style:none;
}

.redes ul li a {
  display:block;
 
  width:30px;
  height:30px;
  line-height:14px;
  font-size:30px;
  text-align:right;
  text-decoration:none;
  color:#fff;
  margin: 0 8px;
  transition:.5s;
}
.redes ul li a span {
  position:absolute;
  transition: transform .5s;
}
/*.redes ul li a span:nth-child(1),
.redes ul li a span:nth-child(3){
  width:100%;
  height:3px;
  background:#fff;
}
.redes ul li a span:nth-child(1) {
  top:0;
  left:0;
  transform-origin: right;
}
.redes ul li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition:transform .5s;
}

.redes ul li a span:nth-child(3) {
  bottom:0;
  left:0;
  transform-origin: left;
}
.redes ul li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition:transform .5s;
}

.redes ul li a span:nth-child(2),
.redes ul li a span:nth-child(4){
  width:3px;
  height:100%;
  background:#404040;
}
.redes ul li a span:nth-child(2) {
  top:0;
  left:0;
  transform:scale(0);
  transform-origin: bottom;
}
.redes ul li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition:transform .5s;
}
.redes ul li a span:nth-child(4) {
  top:0;
  right:0;
  transform:scale(0);
  transform-origin: top;
}
.redes ul li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition:transform .5s;
}

*/

.facebook:hover {
  color: #3b5998;
}
.facebook:hover span { 
  background: #3b5998;
}
.twitter:hover {
  color: #1da1f2;
}
.twitter:hover span { 
  background: #1da1f2;
}
.instagram:hover {
  color: #3b5998;
}
.instagram:hover span { 
  background: #c32aa3;
}
.google:hover {
  color: #dd4b39;
}
.google:hover span { 
  background: #dd4b39;
}
.redes ul li a .twitter {
  color: #1da1f2;
}
.redes ul li a:hover:nth-child(3) {
  color: #c32aa3;
}
.redes ul li a:hover:nth-child(4) {
  color: #dd4b39;
}


.go-top{
	display:block;
	width:30px;
	height:40px;
	line-height:25px;
	text-align:center;
	font-size:14px;
	font-weight: 300;
	background: #000;
	position:fixed;
	bottom:10px;
	right:0px;
	padding-right: 40px;
	padding-left: 8px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	
	color:#fff;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.go-top p {font-size:9px; line-height: 2px; position: absolute; color: #fff}

.go-top.show{
	bottom:30px;
}


.go-top:hover{
	
	color:#919191;
}

.wrapper{
	margin:auto;
	width:700px;
	text-align:left;
	
}



.mapolanasd {
    width: 100%;
    height: 600px;
    margin: 0;
    padding: 0;
	z-index:999;
}


/*#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}
*/

#map-canvas {
  max-width: 100%;
  height: 400px;
  margin: 30px 50px 30px 50px;
  margin:px auto;
  text-align:center;
 border: 0px solid #194e91;
}

#map-canvas img {
  /* Prevent streetview buddy from getting squished by img max-width: 100% */
  max-width: none; 
}







.containerone {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  background-color: #fff;
}

img {
  width: 100%;
}

h2, h3 {
  font-weight: normal;
  text-transform: uppercase;
}

.bold {
  font-weight: 400;
}

.box-containerone {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  /*padding: 4rem 0; - top space empresa */
  background-color: #fff;
	
}

.box-containerone:nth-of-type(even) {
  flex-direction: row-reverse;
}

.box-containerone div {
  position: relative;
}

.text-box {
  background: #194e91;
  color: #fff;
  padding: 1.5rem 2.2rem;
  height: auto;
  max-height: 100%;
	
  width: 900px;
  max-width: 100%;
  z-index: 1;
	
}

.text-box p {
 
  color: #fff;
  font-weight: 200;
  z-index: 1;
  font-size: 1.1rem;
}

.box-1 {
    left: 0rem;
}

.box-1 .img-box:nth-of-type(2) {
  right: 2rem;
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
}


@media all and (max-width: 780px) {
  .box-containerone {
    display: block;
  }

  .box-1  {
    left: 0rem;
        
}
    
  .box-containerone div {
    position: static;
    width: 100%;
  }
     
}





.containerbox:after { /*clear float*/
  content: "";
  display: table;
  clear: both;
   padding: 5px;
  text-align: center;

	
}

.section {
  float: left;
  width: 33.3333%;
  border: 0px solid;
  box-sizing: border-box;
  padding: 10px 0 40px 40px;
  align-content: center;
  margin-left: 0px;
  text-align: center;
  text-justify: inter-word;
  line-height: 14px;
  font-size:1.1rem;
}

@media (max-width: 768px) { /*breakpoint*/
  .section {
    float: none;
    width: auto;
	  text-align: left;
	   padding: 10px 0 20px 50px;
  }
}




.containerboxa:after { 
  content: "";
  display: table;
  clear: both;
  padding: 1px;	
}

.sectione {
  float: left;
  width: 20%;
  border: 3px solid #194e91;
  box-sizing: border-box;
  padding: 0px;
		align-content: center;
	text-align: center;
	line-height: 14px;
}

@media (max-width: 768px) { 
  .sectione {
    float: none;
    width: auto;
  }
}


/** {
  box-sizing: border-box;
  margin:0px;
  padding:0px;
}*/

.rows img {width:100%; padding: 30px 40px 90px 40px; max-width: 1920px; max-height: 834px;}

.one{
  float: left;
  width: 50%;
  padding: 15px 0 0 50px;
  height: auto; 
  position: absolute;
  margin: 270px 0 0 6px;
  /* background-color:#164a8c; 
    Should be removed. Only for demonstration */
}

.one h2 { font-size: 3.3rem; padding:100px 0px 0 35px; font-weight: 500;}
.one p {     font-size: 1.4rem;
    font-weight: 200;
    padding: 15px 0 0 0;
    width: 90%;
    margin-top: 220px}

/* Create two equal columns that floats next to each other */
.column {
  float: right;
  width: 50%;
  padding: 0px;
  height: auto;
  position: sticky;
  display:block;
  right:20px;
  margin-top:2.7rem;
  
  background-color: #194e91;
  /* Should be removed. Only for demonstration */
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 960px) {
.column {
  float: left;
  width: 100%;
  margin-top:360px;
  height: auto;
  text-align: center;
  align-content: center;
   
 }

 .one {
  width: 100%;
  height: auto;
  margin-top: 0px;
     height: 700px;
     
 }
  
.one p { font-size: 1rem; font-weight: 200; padding:10px 0 0 0; width: 90%; height: 700px; margin: 0px}
.one h2 { font-size: 3.3rem; line-height: 3.2rem}
.rows img {width:100%; padding: 0px 0px 50px 0px; }    
 
}

@media screen and (max-width: 480px) {
.column {
  float: left;
  width: 100%;
  margin-top:440px;
  height: auto;
    
 }

}


/*imagem parallax*/
.wp-block-cover-image {
  position: relative;
  background-size: cover;
  background-position: 50%;
  min-height: 630px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
  color: #fff;
  font-size: 4.5em;
  line-height: 1.25;
  z-index: 1;
  margin-bottom: 0;
  max-width: 90%;
  padding: 14px;
  text-align: center;
  font-weight: 300;
}

.wp-block-cover-image.has-background-dim:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
/*
DO NOT COPY SECTION END
 */

/**
 COPY HERE!
 Add This to make background image parallax.
*/
.wp-block-cover-image {
  background-attachment: fixed;
  background-position: 50% 0;
}

@media screen and (max-width: 960px) { /*breakpoint*/
  .wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
  color: #fff;
  font-size: 2.3em;
  line-height: 1.25;
  z-index: 1;
  margin-bottom: 0;
  max-width: 90%;
  padding: 14px;
  text-align: center;
  font-weight: 300;
}
    
    .wp-block-cover-image {
  position: relative;
  background-size: cover;
  background-position: 50%;
  min-height: 430px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
    
}
/*fim parallax*/






.rowconta { width: 100%}
.columnconta {width: 100%}





.containerboxempresa:before { /*clear float*/
  content: "";
  display: table;
  clear: both;
  padding: 0px;
  margin-top:100px; 
  text-align: center;
  background-color: #fff;
  

	
}

.sectionempresa {
  float: left;
  width: 33.3333%;
  border: 0px solid;
  box-sizing: border-box;
  padding: 0px 20px 0 20px;;
  align-content: center;
  margin: 0px;
  text-align: center;
  text-justify: inter-word;
  line-height: 14px;
  background-color: transparent;
}



.containerboxempresas:before { /*clear float*/
  content: "";
  display: table;
  clear: both;
   padding: 0px;
    margin-top:100px; 
  text-align: center;
    background-color: ##194e91;

	
}


@media screen and (max-width: 960px) { /*breakpoint*/
  .sectionempresa {
    float: none;
    width: auto;
    text-align: left;
    padding: 3px;
  }
    
    
  .containerboxempresa:before{ /*clear float*/
  content: "";
  display: table;
  clear: both;
  margin-top:10px; 
  text-align: center;

}

}


.inner {
  max-width: 1200px;
  margin: 0 auto;
}

h2 {
  font-size: 2.5em;
  margin-bottom: 24px;
  line-height: 1.15em;
}

h3 {
  font-size: 1.5em;
  margin-bottom: 16px;
}

p {
  font-size: 1em;
  line-height: 1.5em;
}

.highlightGold {
  color: #194e91;
  box-shadow: 0.15em 0 0 #194e91, -0.15em 0 0 ##194e91;
    
}

.bgExample {
  background: #194e91;
  height: 210px;
  padding-bottom: 2px;
  z-index: 0;
}

.imgContent1 {
  margin-top: -72px;
  z-index: 2;
  position: relative;
}
.imgContent1 .inner {
  display: flex;
  z-index: 2;
}
.imgContent1 .inner .goldBarWrap {
  flex: 1;
  max-width: 24px;
  padding: 72px 0;
}
.imgContent1 .inner .goldBarWrap .goldBar {
  max-width: 24px;
  background-color: #fff;
  height: 100%;
}
.imgContent1 .inner .parallaxImgWrap {
  flex: 10;
}
.imgContent1 .inner .parallaxImgWrap .parallaxImg {
  min-height: 100%;
  background: transparent;
}
.imgContent1 .inner .contentWrap {
  flex: 5;
  padding: 72px 0px;
  float: right;
}
.imgContent1 .inner .contentWrap .content {
  padding: 40px;
  background: white;
  margin-left: -192px;
}

.contentWrap p { color:#194e91;}


/*grid magazine*/