/*
Theme Name: Visit Seia
Theme URI:seiat
Description: Theme By Celeuma.
Author: Daniel Weigmann
Author URI: https://celeuma.pt
Version: 0.1
Tags: celeuma
*/

.overlay{
  position: absolute;
  background-image: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition:all .5s ease-in-out;
}

/* CSS clear */
html{margin: 0px!important; padding: 0px; overflow-x: hidden; min-height:100%;  position:relative;}
body{background-color: #f7f7f7!important;margin: 0;font-variant-ligatures: no-common-ligatures;font-size: 14px;position: relative;   height: 100%;}
body, input, textarea{color: #222; font-family: 'Montserrat', sans-serif!important;  } 
h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;color:#f1f1f1!important;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a{color: #ad355c;text-decoration: none;-moz-outline-style: none!important;outline: none!important;}
a:hover{color: #fff;text-decoration: none!important;-moz-outline-style: none!important;outline: none!important;}
button{-moz-outline-style: none!important;outline: none!important;}
.clear{clear:both}
.clear20{height:30px;clear:both;width: 100%;}
.b{font-weight: 700;}
li {list-style-type: none;}
.back-button-p{cursor: pointer;}
/* CSS top */
.nomargin{margin: 0!important;}
.nopadding{padding: 0!important;}
h1{font-size: 20px;}
h2{font-size: 26px;margin-top: 25px;font-weight: 700;margin-bottom: 5px;}

.no-mg{padding: 0!important;margin: 0!important;}
.no-mg-x{padding-left: 0!important;margin-left: 0!important;}
.no-mg-x2{padding-right: 0!important;margin-right: 0!important;}

.margin-top { height: 480px; margin-top: 300px;}
.margin-top1 {margin-top: 150px;}
.top120 {width: 100%;height: 120px;}

.pwidth{max-width:1260px;margin: 0 auto;padding:0;position: relative;}
.pwidth-1400{max-width:1400px;margin: 0 auto;padding:0;position: relative;width: 100%;padding-right: 15px;    padding-left: 15px;}
.pwidth-1750{max-width:1650px;margin: 0 auto;padding:0;position: relative;}
.pwidth-1900{max-width:1900px;margin: 0 auto;padding:0;position: relative;}

/* CSS HEDER e MENU */
#header{width: 100%;position: fixed;z-index: 999;top: 0;    background-color: #fff;  border-radius: 0px 0px 44px 44px;height: 120px;}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{float:left;padding: 0px 10px 0px 10px;    position: absolute;   z-index: 99999;}
#header .logo img{margin-top: 14px;}
.menubar{position: relative;z-index: 999;}
#menu{margin:0px;font-size: 15px;padding: 0px;list-style: none;letter-spacing: 0.12px;}
.menu-toggle {position: relative;float: right;padding: 10px 10px 4px 10px;background-color: transparent;background-image: none;border:none; cursor: pointer;margin: 18px 0px 8px 0px;display: none;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #888;margin-bottom: 4px;}
.menuiten{float:left;position: relative;font-style: normal;    color: #262626;    display: block;    padding: 29px 40px;   }
.menuiten a{color:#ffffff;display: block;}
#menu .menuiten:hover a{color:#fff;text-decoration: none;}
span.active{border-bottom: solid 2px #2a295d;}
#header .active a{color:#fff !important;}
#header .active a:hover{color:#000;}
.mobile{ background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%); padding: 10px 25px;right: 0px;position: absolute;display: none;width: 100%;    z-index: -1;}
.mobile .menuiten{float: none;height: auto;text-align: center;}
.mobile .submenu{position: relative;}
.submenu{list-style: none;position: absolute;background: #203a36;padding: 5px 0px;font-size: 12px;display: none;    width: 200px;    margin-left: -30px;    margin-top: 40px;}
#menu .menuiten .submenu a{color:#f1f1f1;padding:10px 15px 10px 30px;}
#menu .menuiten .submenu a:hover{background: #fff;color:#000;font-weight: 700;color:#E40F5B;}
.form_error{background-color: #ffcccc;}
.left{float: left;}
.right{float: right;}
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #e9ebec;opacity: 0.5;}
#back-to-top.show {opacity: 1;}
#load{position: fixed;width: 100%;height:100%;background-repeat: no-repeat; background-position: center;background-color: #ddd;z-index: 9999;}
#load .uil-ring-css{position: absolute;top:50%;left:50%;margin-top: -120px;margin-left: -120px;}
/* CSS fix gallery */
.owl-buttons{position: absolute;top: 130px;width: 100%;}
.owl-theme .owl-controls .owl-buttons .owl-prev{float: left;}
.owl-theme .owl-controls .owl-buttons .owl-next{float: right;right:0px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{background-image: url(images/left.png);}
.owl-theme .owl-controls .owl-buttons .owl-next{background-image: url(images/right.png);}
.owl-theme .owl-controls .owl-buttons div{width:35px;height: 35px;background-repeat: no-repeat;text-indent: -9999px;white-space: nowrap;}

/* CSS pagination */
#wp_page_numbers ul, #wp_page_numbers span, #wp_page_numbers a {padding: 0;margin: 0;border: none;text-decoration: none;font-weight: normal;font-style: normal;list-style: none;text-transform: none;text-indent: 0px;font-variant: normal;text-align: left;line-height: 12px;letter-spacing: 0px;word-spacing: 0px;font-size: 11px;}
#wp_page_numbers {margin: 0 auto;margin-top: -30px;margin-bottom: 30px;     width: 250px;;}
#wp_page_numbers span {float: left;display: block;margin-bottom: 2px;}
#wp_page_numbers a {padding: 3px;padding-left: 5px;padding-right: 5px;margin-left: 2px;margin-right: 2px;display: block;color: #333;border: 1px solid #bfbfbf;background: #fff; min-width: 20px;float: left; text-align: center;}
#wp_page_numbers .page-numbers.current {padding: 3px;padding-left: 5px;padding-right: 5px;margin-left: 2px;margin-right: 2px;display: block;color: #333;border: 1px solid #bfbfbf;background: #fff;  min-width: 20px;float: left;  text-align: center;}
#wp_page_numbers span a:hover {border-color: #000;}
#wp_page_numbers span.space {padding: 6px;padding-left: 2px;padding-right: 2px;}
#wp_page_numbers span.first_last_page {font-style: italic;}
#wp_page_numbers span.active_page a {border-color: #0075b8;}
#wp_page_numbers span.active_page a:hover  {color: black;text-decoration: underline;border-color: #000;}
#wp_page_numbers span.page_info {float: left;display: block;padding: 3px;padding-left: 5px;padding-right: 5px;margin-right: 2px;color: #666;font-size: 11px;border: 1px solid #bfbfbf;background: #fff;}

nav.pagination {    text-align: center!important;    display: unset!important;}
h2.screen-reader-text {   display: none;}
span.current {padding: 1px 10px;margin: 3px; border-radius: 100%; border: 1px solid;background-color: #0c9ec7;color:#fff;}
a.page-numbers {padding: 1px 10px; margin: 3px;border-radius: 100%; border: 1px solid;}
.next, .prev {    display: none;}
.nav-links {padding-bottom: 50px;}

/* HEADER */
.logo svg {margin-top: 40px;}
.clang {    position: absolute;  right: -50px;  margin-top: 40px;}
.clangimg {color:#f1f1f1;font-size: 12px;}
.clangimg a {color:#666;}
.clangimg a:hover {color:#fff;}

/*TOPS*/
.top80 {margin-top: 80px;}
.top180 {margin-top: 180px;}




/* 404 */
#notfound {  position: relative;  height: 100vh;}
#notfound .notfound {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}
.notfound {  max-width: 520px;  width: 100%;  line-height: 1.4;  text-align: center;}
.notfound .notfound-404 {  position: relative;  height: 200px;  margin: 0px auto 20px;  z-index: -1;}

.notfound .notfound-404 h1 {  font-family: 'Montserrat', sans-serif;  font-size: 236px;  font-weight: 200;  margin: 0px;  color: #f1f1f1;  text-transform: uppercase;  position: absolute;
  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}

.notfound .notfound-404 h2 {  font-family: 'Montserrat', sans-serif;  font-size: 28px;  font-weight: 400;  text-transform: uppercase;  color: #f1f1f1;  background: #000;  padding: 10px 5px;
  margin: auto;  display: inline-block;  position: absolute;  bottom: 0px;  left: 0;  right: 0;}

.notfound a {  font-family: 'Montserrat', sans-serif;  display: inline-block;  font-weight: 700;  text-decoration: none;  color: #fff;  text-transform: uppercase;  padding: 13px 23px;
  background: #00a9d9;  font-size: 18px;  -webkit-transition: 0.2s all;  transition: 0.2s all;}

.notfound a:hover {  color: #000;  background: #84d6ee;}


/* BANNER*/
.all-banner {margin-top: 150px;}
.owl-carousel .owl-slide {    position: relative;   min-height: 750px;}
.home-bg { height: 100%; width: 100%;  min-height: 768px;  position: relative; overflow: hidden;  align-items: center!important;   display: flex!important;}
.bgvideo{  width: 160vw;  height: 180vh;  position: absolute; top: 50%;  left: 50%;  transform: translate(-50%,-50%);}
#homevideo{	display: block; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%);	}
.layerb {  position: absolute;   background: rgba(0,0,0,0.3);  top: 0;  left: 0;  z-index: 1; width: 100%;  height: 100%;}	
.owl-slide-title {text-transform:uppercase;font-size: 25px;  font-weight: bold;  letter-spacing: 5.60px; color: #ffffff;line-height: 1.52;  margin: 0 0 6px;
  padding: 24px 71px 23px 66px;  opacity: 0.84;  background-color: #2a295d;}
h3.subtitle {  font-size: 16px;     letter-spacing: 0.07px;  font-weight: 500;   color: #393939;margin-bottom: 25px;  padding: 15px 13px 7px 26px;
  opacity: 0.84;  background-color: #ffffff;}
a.dashed {  font-size: 14px; margin-top: 20px;letter-spacing: 2.3px; text-transform: uppercase; color: #ffffff;border-bottom: 1px dashed #fff; border-top: 1px dashed #fff;margin-top: -8px;padding: 5px 0;}
a.dashed:hover { text-decoration: none; color: #ffffff;}
.owl-stage-outer{min-height: 400px;}

video{filter:brightness(50%);}
#banner .content-center{display: flex;    justify-content: center;}
#banner .content-center .owl-thumbs{    margin-top: -110px;    z-index: 9;}
#thumbs img.thumb-img {max-height: 150px;}
#thumbs .box-thumb {padding: 5px;}
#thumbs .item-thumbs {cursor:pointer}
.owl-thumbs{display: flex;    justify-content: center;    margin-top: -150px;      height: 150px; }
.owl-thumbs2{    z-index: 1;    background-color: #ffffff; }
  
.owl-thumbs button>img {	width: 200px;	height: 100px;  }
#banner .content-center {    margin: 0 auto;
  text-align: center;}




/*MEIO HOME*/
.conteudo-sobre{ overflow: auto;text-align: justify;}
.htitle {    font-size: 24.6px;  font-weight: bold;  letter-spacing: 5.11px;  color: #2a295d;  text-transform: uppercase; }
.htitle hr{ width: 60px;  border: solid 2px #d7d7d7;}
.displayno{display: none;}
.box-about {background-color: #2b2b2b;        padding: 35px;}
.content-box-about{color: #cecece;  font-size: 14px;  font-weight: 500;  font-stretch: normal;
  font-style: normal;  line-height: 2.50;  letter-spacing: 0.06px; background-color: rgba(255, 255, 255, 0.04);  
  padding: 35px;  border: solid 1px #cecece;}
.bg-about{background-image: url(images/farms.jpeg);    background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;}
h3.title-h{text-align: center;text-transform: uppercase; font-size: 25px;
  font-weight: bold;line-height: 1.52;}
.box-about hr{ width: 60px;
  border: solid 2px #cecece;}

#scroll::-webkit-scrollbar-track{background: rgb(142 142 142);  border: 4px solid transparent;  background-clip: content-box;}
#scroll::-webkit-scrollbar{width: 7px;	    background-color: #333333;}
#scroll::-webkit-scrollbar-thumb{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #ffffff;}

li.dot-list{list-style-type:circle;line-height: 1.3;
    margin: 10px 0;}


  /*SERVICES*/
  .services .box-2, .services .box-6,.services .box-10,.services .box-14{background-color: #2a295d; 
   color:#fff}
a.link-port{color: #fff;}
a.link-port:hover{color: #fff;}
  .portitle{font-size: 19.9px;  font-weight: bold;    text-transform: uppercase;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 1.6px;color: #424242;margin-bottom: 10px;}

    .box-2 .portitle,.box-6 .portitle,.box-10 .portitle,.box-14 .portitle{ color: #fff;}
  
  .plus{    position: absolute; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.6);
    top: 0px;
    right: 0px;  padding:15px 20px; border-radius: 0px 0px 0px 35px;  background-color: #2a295d;}

    a.link-port{color:#fff}
  .content-services{ padding: 25px 35px; }
  .box-sersvices{background-color:#fff}
  .box-sersvices .more{color: #9f9f9f;font-size: 14px;    font-weight: 500;line-height: 1.5;}
  .box-sersvices .more{color: #9f9f9f;font-size: 14px;    font-weight: 500;line-height: 1.5;}
  .box-2 .more,.box-6 .more,.box-10 .more,.box-14 .more{color: #fff}


  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-default {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 2.86px;
    text-align: center;
    color: #979797!important;
    background-color: unset!important;text-transform: uppercase;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default a {
  color: #979797!important;
  text-decoration: none;padding: 10px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border-bottom: solid 2px #2a295d!important;
  border-top: solid 2px #2a295d!important;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  max-width: 265px;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0 30px;
width: 100%;
min-height: 70px;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 3em 0;
  background: none;  float: left;    width: 100%;
}



.bg-grey{background:#e8e8e8}
.box-content-img {padding: 50px 0;    z-index: 99;}

.incentivos{    text-align: center;
  margin-top: 25px;}

  /*FORMAÇÃO*/
.all-page{  background-position-y: -100px;
  background-size: cover;
  background-repeat: no-repeat;}
  .padding-xy{padding: 50px 0 150px 0;}
.box-content01 {padding: 35px;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: normal;
  color: #424242;min-height: 230px;
}
.box-content01.white{
  background-color: #fff!important;
}
.box-content01.purple{
  background-color: #2a295d!important;
  color: #fff!important;
}
.box-content01 span.number{
  font-size: 39.9px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: normal;
    color: #d9d9d9;
    display: block;
    margin-bottom: 15px;
}

.box-bottom{
  background: #2b2b2b;
    width: 100%;
    height: 500px;
    margin-top: -120px;
}
h3.title-forma{  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  color: #aaaaaa;
text-transform: uppercase;}

.box-content-forma{
  padding-top: 200px;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.87;
  letter-spacing: normal;
  color: #d0d0d0;
}

  /*PORTFOLIO*/

.bg-top-header{
  
  background: #fff;   
}
h2.forma{color: #2a295d;
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: 5.11px;}

.top-header{display: grid;}


  .content-left{    margin: 0 25px;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: 5.11px;
    color: #2a295d;}
  .content-rigth{margin: 0 55px;
    font-size: 15px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.73;
    letter-spacing: normal;
    color: #2f2f2f;
  }
  .mail-btn{    background-color: #2a295d;    border: none;
    border-radius: 0px 0px 0px 35px;
    padding: 23px 22.5px 16.9px 11.5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    width: 265px;}
  
  .box-content2
  { background-color: #e9e9e9;padding: 50px;}
  h3.title-candidaturas {    text-transform: uppercase;
    color: #2a295d;
    font-size: 25px;margin-bottom: 25px;}
  .box-content2 a {color:  #2a295d; max-width: 100%;}
  h3.title-form{    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: #2a295d;
    margin-bottom: 50px;
}
.max600{max-width: 600px;}
  
  /*FORM*/
  .form-content{background-color: #2b2b2b;width: 100%;    padding: 100px 0 50px 0;}
  .form-out{background-image: url(images/bg-form.jpg); width: 100%; padding: 35px;}
  .form-inner{border: solid 1px #cecece;}

  .form-inner {      padding: 50px 10px;}
  .form-inner .header-form {       text-align: initial;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: 4.09px;
    color: #ffffff; text-transform: uppercase;    margin-left: 50px;}

  .form-inner hr{    width: 60px;
    border: solid 2px #ffffff;}
    h3.title-h3 { text-transform: uppercase; font-size: 25px;font-weight: bold;letter-spacing: 5.11px; color: #ffffff;}
    h4.title-h4 {text-transform: uppercase;  font-size: 20px;font-weight: 500;letter-spacing: 4.11px; color: #ffffff;}
.form-inner .check{color: #fff;font-size: 13px;letter-spacing: 0.7px;text-align: start;    margin: 15px;}

.form-btn p.botao{    box-shadow: 0 0 54px 0 rgba(0, 0, 0, 0.5);
  background-color: #2a295d;
  border-radius: 0px 0px 0px 35px;
  padding: 23px 92.5px 16.9px 91.5px;
  position: absolute;}

.lc-form-btn{
  box-shadow: 0 0 54px 0 rgba(0, 0, 0, 0.5);
  color:#5cb85c;
  
}


/* Tabs */
.tabs { display: flex; flex-wrap: wrap; width: 100%; box-shadow: 0 8px 40px -32px rgba(0,0,0,0.3);}
.input {  position: absolute;  opacity: 0;}
.panel {  display: none;  padding: 20px 10px 20px; }
.input:checked + .label + .panel {  display: block;}
.label {width: 100%; padding: 20px 10px; cursor: pointer; font-size: 16px; transition: background 0.1s, color 0.1s; 
  text-transform: uppercase; text-align: center; background: #333; color: #fff; border-radius: 7px;  margin: 10px 0.25% 50px 0.25%;}
.label:hover {  background: #f1f1f1;color: #333;}
.label:active {  background: #f1f1f1;  border-radius: 7px;}
.input:focus + .label {  box-shadow: inset 0px 0px 0px 3px #2aa1c0;  z-index: 1;}
.input:checked + .label {background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);   color: #fff;    border-radius: 7px;}
.top150 {margin-top: 150px;}


/* SERVICES*/



/*FOOTER*/
#footer{ bottom: 0; width:100%;padding:50px 0 5px 0;font-size: 9px;color:#000;font-style: normal;background-color:#2b2b2b;}
.menu-footer {color: #fff;  text-align: center;}
p.links-footer {display: inline;margin: 0 15px;}
#footer #menu {float:none!important;}
#footer .menuiten  {float:none!important;display: inline!important;    padding: 0px 40px!important;}
#footer #menu .menuiten:hover{background: none!important;}
#footer .menuiten a {display: inline!important;}
.logo-footer {margin-bottom: 50px;}
.social {margin-bottom: 50px;}
button.reject-btn {    background-color: #efa7a7!important;}
.sub-footer {  width: 100%;  height: 2.5rem; width:100%;color: #666;padding: 10px;}
.sub-footer a{color: #2b295c; opacity: 0.8;}
.sub-footer a:hover{color: #2b295c;}
li.social {  display: inline;  margin: 0 10px;}
.social ul {  padding: 0!important;}
.moove-gdpr-cookie-notice span{font-size: 14px!important;}

.centro{width:150px; margin:25px auto;}

.news-left{background-color: #2a295d;padding: 100px 50px!important;}
.news-right{ 
  border: solid 1px #484848;padding: 50px;border-left: none;}

.input-field input.wpens_email{    border: none;    max-width: 80%;
  background-color: #2a295d;
  font-size: 12px;
  padding: 10px;
  border-bottom: solid 2px #bbb;
  width: 320px;color: #f9f9f9;}

  li.lines-footer{font-size: 12px;}
  li.title-footer{font-size: 12px;
    text-transform: uppercase;}

.aceite-news{margin-top: 15px;}

.uppercase{text-transform: uppercase;}

.grandchild {
    float: left;
}
.clearboth {
    clear: both;
}
/*JUNTE-SE*/
input.btn-send{
background-color: #2a295d;
border-radius: 0px 0px 0px 35px;
padding: 19px 92.5px 16.9px 91.5px;
color: #fff;
border: none;    margin-top: -15px;}
input.btn-send:hover{ background-color: #323073; color: #f9f9f9;}
label.radio-inline{    margin: 0 15px;    margin: 5px 10px;cursor: pointer;
  background-color: #fff;
  padding: 15px 15px 15px 50px;
  border-radius: 50px;position: relative;}
.options{margin-bottom: 25px;}

.radio-inline input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;

  left: 15px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.radio-inline:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-inline input:checked ~ .checkmark {
  background-color: #2a295d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-inline input:checked ~ .checkmark:after {
  display: block;
}

  /* Style the indicator (dot/circle) */
.radio-inline .checkmark:after {
  top: 9px;
 left: 9px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: white;
}

.form-upload {     height: 50px!important;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: flex-end;}

  #file-chosen {    position: absolute;
    left: 15px;
    padding: 13px 10px;    color: #666;}

#singleform .mg-top{    margin-top: 24px;}

.form-group label {position: absolute;
  padding: 10px 20px;
  border-radius: 0px 0px 0px 35px;
  background-color: #2a295d;color: #fff;
  cursor: pointer;}

/*CONTACTS*/
.box-contacts {border-bottom: 1px dashed #fff;  border-top: 1px dashed #fff;  padding: 30px 0;margin-right: 10%;}
.form-title {  font-size: 36.6px;  letter-spacing: 0.26px;text-transform: uppercase;margin-bottom: 20px;}

#singleform textarea { padding: .375rem .75rem; width: 100%; color: #d0d0d0!important;  background-color: #fff!important; }
#singleform button[type="button"] { cursor: pointer; width: 100%; margin-top: 20px;  padding: 10px;  color: #fff; text-transform: uppercase; background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);    cursor: pointer;   border: none;}
#singleform button:hover[type="button"] { background:#0098c3;}
.form-control {     height: 50px!important;font-size: 1rem;  line-height: 1.5;  color: #d0d0d0!important; background-color: rgba(255, 255, 255)!important;  }
.form-control2 { font-size: 1rem;  line-height: 1.5;  color: #d0d0d0!important; background-color: rgba(255, 255, 255)!important;     width: 100%;
  height: 180px;  padding: 15px;  border-radius: 9px;}
#response.send_error{height: 25px;color: #d04545!important;  padding: 10px;}
#response {height: 25px;color: #1cca33;  padding: 10px;}
#easy-newsletter-submit{
  background: #10102b;
  color: #fff;
  border: none;
  padding: 15px;
}

/*SERVICES*/
.services-title {text-transform:uppercase;    font-size: 54.6px;     font-weight: bold;    letter-spacing: 9.61px;}
h2.topicos {    font-size: 18px;    font-weight: 600;    letter-spacing: 1.5px;margin: 30px 0;}

/* Tabs */
.tabs { display: flex; flex-wrap: wrap; width: 100%; box-shadow: 0 8px 40px -32px rgba(0,0,0,0.3);}
.input {  position: absolute;  opacity: 0;}
.panel {  display: none;  padding: 20px 10px 20px;   }
.input:checked + .label + .panel {  display: block;}
.label {    min-width: 110px; width: 100%; padding: 20px 10px; cursor: pointer; font-weight: bold; font-size: 16px; color: #292929; transition: background 0.1s, color 0.1s; text-transform: uppercase; text-align: center;background-color: #ececec;border-radius: 100px;}
.label:hover {  background: #f1f1f1}
.label:active {  background: #f1f1f1;  border-radius: 7px;}
.input:focus + .label {  box-shadow: inset 0px 0px 0px 3px #232252;  z-index: 1;}
.input:checked + .label {padding: 10px 15px;  border-radius: 100px;  background: #2a295d;  color: #fff;       min-width: 110px; }

















/*MAP*/

/*MAP*/
#mapid {
  height: 800px;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
    }
.leaflet-container {
    overflow: hidden;
    }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
      -webkit-user-drag: none;
    }
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
    background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
    }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
    }
.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
    }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    }

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
    }
.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}
.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
    filter: inherit;
    visibility: hidden;
    }
.leaflet-tile-loaded {
    visibility: inherit;
    }
.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    z-index: 800;
    }
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
    }

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
    }
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
    }


/* control positioning */

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
    }
.leaflet-top,
.leaflet-bottom {
    position: absolute;
    pointer-events: none;
    }
.leaflet-top {
    top: 0;
    }
.leaflet-right {
    right: 0;
    }
.leaflet-bottom {
    bottom: 0;
    }
.leaflet-left {
    left: 0;
    }
.leaflet-control {
    float: left;
    clear: both;
    }
.leaflet-right .leaflet-control {
    float: right;
    }
.leaflet-top .leaflet-control {
    margin-top: 10px;
    }
.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
    }
.leaflet-left .leaflet-control {
    margin-left: 10px;
    }
.leaflet-right .leaflet-control {
    margin-right: 10px;
    }


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity;
    }
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
       -moz-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
    }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
    }
.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    }
.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    }
.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
       -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
            transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
    }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;
    }

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
    }


/* cursors */

.leaflet-interactive {
    cursor: pointer;
    }
.leaflet-grab {
    cursor: -webkit-grab;
    cursor:    -moz-grab;
    cursor:         grab;
    }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
    }
.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
    }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
    }


/* general toolbar styles */

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    }
.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    }
.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    }
.leaflet-bar a:hover {
    background-color: #f4f4f4;
    }
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
    }
.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
    }

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    }
.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    }
.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    }



/* CSS Bootstrap */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

#mapid{margin-top: 50px;}


/*SINGLE PAGE*/
.elements2 {position: relative;width: 100%;transition: all 0.25s; height: 30%;bottom: 0;  right: 0; text-align: center;margin-top: 20px;}
.hometitleh h1{font-weight: bold;font-size: 32px;text-transform: uppercase;letter-spacing: 3px;}

.box-video-single {overflow: hidden;max-width: 1250px;}
.bgvideo2 iframe {width: 100%!important;min-height: 650px!important;}
p.element-title {margin-top: 20px;  font-size: 8.6px;  font-weight: bold;  letter-spacing: 1.54px;  color: #ffffff;  text-transform: uppercase; }
.content-single {color: #f1f1f1; margin-bottom: 50px;}

#lightgallery .box-img img {width: 100%;   height: auto;height: 200px;    object-fit: cover;}
#lightgallery .work_item {padding:0!important}



/*JOBS*/
.box-jobs {height: 250px;}
.text-jobs {padding: 20px;}
.text-jobs h2{  font-size: 14px;    color: #f1f1f1;font-size: 24px;font-style: normal;   font-weight: bold!important;text-transform: uppercase;}
.jobs-content {margin: 0px 20px 0px 20px;font-style: normal; font-weight:100;font-size: 14px;color: #f1f1f1;}
.triangle {    width: 120px;    height: 90px;      z-index: -1;  background: linear-gradient(to left bottom, #1A7FB2 49.5%, transparent 50%);position:absolute; right:0; bottom:0;transform: scaleY(-1);    -webkit-transform: scaleY(-1);}
.work_item {   background-color: #212529;    margin: 10px; flex: 0 0 31.333333%!important;  max-width: 31.333333%!important;}
.work_item:hover {  background-image: radial-gradient(circle at 50% 0, #0098c3, #84d6ee 147%);}
.text-produto h2{font-size: 16px;font-weight: 700;font-style: normal;letter-spacing: 1.81px;text-transform: uppercase;padding-left:5px;margin-left:30px;}
.work_box {margin: 30px 10px 10px 10px;height: 180px;}
span.titleh {color:#fff;text-transform: uppercase;}
.quadrado {background-color: #000;    margin: 20px 30px 2px 30px; height:10px;}
.box-produto {height: 320px;}
span.pcontent  {font-size: 14px;}
.top150-single {height: 150px;}


.myslider {
  height: auto;
  width: 800px;
  margin: 10px auto;
}
.myslider .item {
  height: auto;
  width: 100%;
  background: #eeeeee;
}
.myslider .item img {
  height: auto;
  width: 100%;
}
.owl-dots .owl-dot {
  margin: 0px 5px;
}
.owl-dots .owl-dot button {
  background: none;
  border: none;
  padding: 0;
  color: #555555;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.owl-dots .owl-dot button:focus {
  outline: none;
}
.owl-dots .owl-dot.active button {
  color: #000000;
}


.bgvideo > video {    width: 100%;}
/* CSS mobile */


  





@media (max-width: 1366px){  
    .bgvideo{  width: 180vw;  height: 190vh; }
    .clang {      right: 0px;}
    .box-content-img img{width: 650px;}
.mg-top150{margin-top:-70px}
}
@media (max-width: 1200px){ 
  .bgvideo2 iframe {height: 450px!important;}
  .box-content-img img{width: 500px;}
  
}
@media (max-width: 1024px){    

  .box-video2 { height: auto; 	}
  img.port2 { height: auto; 	}

}
@media (max-width: 991px){    


}
@media (max-width: 948px){    
    .menu-toggle{	display: block;    }
     #header .logo{  position: absolute;}
     #header .logo svg{margin-top: 18px;margin-left: -50%;}
     .menuiten, .menuiten a{color: #fff; }
     .menuiten{padding: 20px 30px;  }
     .top {margin-top: 100px;}
     .logo svg {margin-top: 20px;}
     .txt-box {    margin: 0 5%;}
     ul#skill-icons {margin-right: 50px;}
     h1.title-skills {font-size: 54.6px; }
     .icon-element2 {margin: 20px;}
     .title-clients {  font-size: 34.6px; letter-spacing: 9.61px; }
     .bgvideo {  width: 350vw;  height: 350vh;}
      .margin-top {   margin-top: -100px;}
      .owl-slide-title {    text-transform: uppercase;   }
      .row {    margin-right: auto!important;  margin-left: auto!important;}
      .htitle {  font-size: 104.6px;}
      .top150 {margin-top: 0px;}
	  .tab-skill {float:unset}
      .hometitleh {padding: 20px;}
      .work_item {margin:10px 0;  flex: none!important;  max-width: none!important;}
      .first-menuiten {margin-top: 50px;}
  
      .owl-dots {display: none!important;}
      .paddinfb300 {padding-bottom: 50px;}

	  .clang {    left: 10px!important;    width: 70px;    margin-top: 10px;}
	  .label {position: unset;}

    .col-md-1-71, .col-md-1-50, .col-md-1-33 {flex: none;		max-width: none;}
    .form-inner .header-form {text-align: center;margin: auto;}
    .form-btn{ 
      position: absolute;
      bottom: 20px;
    }
    .bg-top-header{
     padding: 50px 0px;
    }
    .box-content-txt{max-width: 1080%;    padding: 100px 5px;}
    .ubermenu .ubermenu-colgroup .ubermenu-column,
.ubermenu .ubermenu-custom-content-padded,
.ubermenu .ubermenu-nonlink,
.ubermenu .ubermenu-retractor,
.ubermenu .ubermenu-submenu-padded,
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
.ubermenu .ubermenu-target,
.ubermenu .ubermenu-widget,
.ubermenu-responsive-toggle   { padding: 15px 20px 15px 20px!important;}
.no-mg-x{    padding-right: 0!important;}
.no-mg-x2{    padding-left: 0!important;}
}

@media (max-width: 767px){
  .tab-skill1 {margin-top: 50px;}
  .absolute-center {font-size: 18px;}
  h2.description-skills {margin: 0px;}
.box-content2 p{word-break: break-all;}
.bg-about{height: 300px;}
.top-header {
    display: block;
}
.pwidth{padding: 0 15px;}
.mg-top150{margin-top:150px}
}
@media (max-width: 750px){
  .margin-top {height: auto;margin-top: -30%;} 


.htitle {  font-size: 44.6px;}
.bgvideo2 iframe {height: 350px!important;}
.notfound .notfound-404 h1 {    font-size: 148px;  }
#load {display: none;}
.panel{max-width: 100%;}
.box-about {    padding: 15px;}
.content-box-about {    padding: 15px;}

h2.owl-slide-title {font-size: 15px;padding: 15px 0;}
h3.subtitle {    font-size: 12px;padding: 15px 0;}


}

@media (max-width: 599px) {
  .label0tab, .label4tab {margin-left: auto;margin-right: auto;}
  .vh-video { width: 100%; height: auto; margin-left:0px;min-height: 0;margin-top: auto;}
  .box-video {height: auto;}
  .ui-tabs .ui-tabs-nav{    display: grid!important;justify-content: center!important;  }
  label.label-2{position: absolute;
    margin-top: 60px;}
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {    height: 148px;    margin: 0px auto 10px;  }
  .notfound .notfound-404 h1 {    font-size: 86px;  }
  .notfound .notfound-404 h2 {    font-size: 16px;  }
  .notfound a {    padding: 7px 15px;    font-size: 14px;  }
  h1.title-skills {font-size: 34.6px; letter-spacing: 9.61px;}
  .box-content-img img{width: 100%;}
  
}

@media (max-width: 462px){
  .bloco-elementos {height: auto;}
  .title-clients {  font-size: 24.6px;letter-spacing: 5.61px;}
  .banner-contacts {  height: auto;}
  .top50m {margin-top: 50px;}
h1.title-skills { margin-bottom: 25px; }
  .margin-top {  margin-top: 50px;}
  .vh-video2 {margin-top: 0px;}
  .bgvideo2 iframe {height: 300px!important;}
  #footer .menuiten {    float: none!important;    display: block!important;    padding: 5px 10px!important;}
  .tab-content {padding-bottom: 0px;}
  #footer{	height: auto;position: relative;    } 
  #clientes .box-img { height: auto;}
}

@media (max-width: 450px){    
     .content-rigth{margin: 0 25px;}
    img.port {height: 250px;  }
    .htitle {      font-size: 25.6px; margin: 5px; letter-spacing: 22.88px;   }
    .logo  {width: 80%;}
    .logo img {width: 80%;height: auto;}
    #header {height: 100px;}
    h1.title-skills {font-size: 32.6px; letter-spacing: 9.61px;}
    .icon-element2 {margin: 10px;}
    .label {      margin: 10px;   }

    .owl-slide {       background-size: contain!important;
      background-repeat: no-repeat!important;min-height: 450px!important;
    }
    .bgvideo > video {
 height: 300px;
    }
  .home-bg {         min-height: 300px;}
  .owl-stage-outer {      height: 300px; min-height:0; }
  #banner {      height: 300px;  }
  
.panel{margin-top: 50px;}
  }

 @media (max-width: 350px){  
  h1.title-skills {font-size: 24.6px; }
  ul#skill-icons {margin-right: 0px;}

  .htitle {  font-size: 24.6px;letter-spacing: 6.88px;}
  .margin-top {  margin-top: 10px;}
 }

@media (min-width: 600px) {
	.label {    width: 10.5%;  }
  .panel {    order: 99;width: 100%;  }
  .flex-center{display: flex;
    justify-content: center;}
    #banner .flex{display: flex;}
  }
@media (min-width: 949px){
    #menu{display: block!important;    }
    .box-form {padding: 50px 50px 0 50px;margin-top: -34px;}
    .form-btn{ width: 90%;
      display: flex;
      justify-content: center;
      margin-top: 50px;
      position: absolute;
      bottom: 20px;
    }
    .flex-center-y {    display: flex;
      align-items: center;}
      .bg-top-header{
  
          padding: 50px 10px;
      }
  .box-content-txt{max-width: 80%;    padding: 100px 50px;}
}

@media (min-width: 2000px){
.vh-video{ margin-left: 0;}
}

/*---------------------------------------MY CSS--------------------------------------*/

.port-width{
  width:calc(20% - 1rem);
}

@font-face {

  font-family: Merriweather;

  src: url("./font/merriweather/Merriweather-Regular.ttf");

}



@font-face {

  font-family: Merriweather-Bold;

  src: url("./font/merriweather/Merriweather-Bold.ttf");

}



@font-face {

  font-family: Spartan-Thin;

  src: url('./font/spartan/Spartan-Regular.ttf');

}

@font-face {

  font-family: Spartan-Bold;

  src: url("./font/spartan/Spartan-Bold.ttf");

}



@font-face {

  font-family: Poppins;

  src: url("./font/poppins/Poppins-Regular.ttf");

}


@media only screen and (min-width: 993px) {
    
  .pwidth{
    padding-left:50px;
    padding-right:50px;
  }

}
#banner .owl-dots{

  position:absolute;

  left: 50%;

    bottom: 12.5%;

    transform: translateX(-50%);

  margin:0;

}



#banner .owl-dots{

  display:flex;

}



#banner .owl-dot, #banner .owl-dot span{

  margin:1px;

}



#banner .owl-dot span{

  background-color:#869791!important;

  width:11px!important;

  height:11px!important;

  transition:all .2s ease-in-out;

}



#banner .owl-dots .active span{

  background-color:white!important;

  width:13px!important;

  height:13px!important;

  transition:all .5s ease-in-out;

}



.ler-mais-link{

  color:black!important;

  transition: all .5s ease-in-out;

}



.ler-mais-link:hover{

  color:#499343!important;

}



.font-size-numbers{

  font-size:5.375rem!important;

}



.font-size-normal{

  font-size:1rem!important;

}



.font-size-small{

  font-size:.8rem!important;

}



.font-size-title{

  font-size:3.75rem!important;

}



.font-size-title-2nd{

  font-size:2.5rem!important;

}



.font-size-subtitle{

  font-size:1.25rem!important;

}



html, body{

  font-family: Spartan-Thin;
}



.merri{

  font-family:Merriweather!important;

}



.merri-bold{

  font-family:Merriweather-Bold!important;
  font-weight:bold;

}



.spartan-thin{

  font-family: Spartan-Thin!important;

}



.spartan-bold{

  font-family: Spartan-Bold!important;

}



.poppins{

  font-family: Poppins!important;

}



.bg-green{

  background-color:#499343;

}



.text-green{

  color:#499343;

}



.border-green{

  border-color:#499343!important;

}



.custom-h1{

  font-size:2em!important;

  font-weight:bolder!important;

}



.button{

  transition: background-color .5s ease-in-out, color .5s ease-in-out;

}



.button:hover{

  background-color:#499343;

  color:black!important;

}



.button-bg-white{

  color:black!important;

  transition: background-color .5s ease-in-out, color .5s ease-in-out;

}



.button-bg-white:hover{

  background-color:#499343;

  color:white!important;

}



.button-bg-img{

  color:white!important;

  transition: background-color .5s ease-in-out, color .5s ease-in-out, border-color .5s ease-in-out;

}



.button-bg-img:hover{

  background-color:#499343;

  color:black!important;

  border-color:#499343!important;

}



.button-bg-img-footer, .button-bg-img-footer a {

  background-color:transparent;

  color:white!important;

  transition: background-color .5s ease-in-out, color .5s ease-in-out, border-color .5s ease-in-out;

}



.button-bg-img-footer:hover, .button-bg-img-footer:hover a:hover{

  background-color:#499343!important;

  color:white!important;

  border-color:#499343!important;

}



.button-bg-img-ctc{

  color:white!important;

  transition: background-color .5s ease-in-out;

}



.button-bg-img-ctc:hover{

  background-color:#499343;

}



.button-bg-img-banner{

  color:white!important;

  transition: background-color .5s ease-in-out, border-color .5s ease-in-out;

}



.button-bg-img-banner:hover{

  background-color:#499343;

  border-color:#499343!important;

}



.contacts-text{

  height:600px;

  margin-top:-600px;

  display:inline-block;

}



.bio-section{

  overflow:hidden;

  z-index:1000;

}



.bio-section div{

  transition: all .5s ease-in-out;

}



.bio-section:hover div, .bio-section:focus div{

  -webkit-transform: scale(1.2);

  transform:scale(1.2);

}


.nav-hover{
  border-bottom: solid 1px transparent;
}

.nav-hover:hover{

  border-bottom: solid 1px #499343;

}



.serv-img{
  transition:all .5s ease-in-out;
}

.single-servicos .serv-img{
  height:100%;
  object-fit:cover;
}

.serv-img:hover{

  transform:scale(1.05);

}



.port-img{

  transition:all .5s ease-in-out;

}



.port-text{

  transition:all .5s ease-in-out;

}



.port-plus{

  transition:all .5s ease-in-out;

}



.port-plus{

  opacity:0;

}



.port-width:hover > a > .port-img{

  transform:scale(1.05);

}

.port-width:hover > a > .overlay{
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  transform:scale(1.05);
}

.port-width:hover > a > .port-img ~ .port-text{

  transform:scale(1.1);

}



.port-width:hover > a > .port-img ~ .port-plus{

  transform:scale(1.1);

  opacity:1;

}



.index-serv-btn{

  transition:all .5s ease-in-out;

  opacity:0;

}



.owl-div:hover .index-serv-btn{

  opacity:1;

}



.banner-title{

  font-size:2em!important;

}



.banner-min-height, #banner .owl-stage-outer{

  min-height:100vh!important;

}



.banner-min-height-mobile{

  min-height:100vh!important;

}



.nav-logo{

  padding: 25px 0px 0px 105px!important;

}



.low-port-footer-group-imgs{

  width:190px;

  margin-right:10px!important;

  margin-left:0!important;

}



.low-port-footer-lc-img{

  width:90px;

  margin-right:0!important;

  margin-left:10px!important;

}



.low-port-serv-height{

  height:600px!important;

}



.high-port-max-height{

  max-height:110px!important;

}



.low-port-max-height{

  max-height:75px!important;

}



.form-control{

  border-color:black;

}



body{

  width:100%!important;

}



.custom-logo-link img{

  margin:0!important;

}



#carousel-range{

  -webkit-appearance: none;

  height:1px;

  width:100%;

  background-color: #5a5a5a;

  outline:none;

  /* box-shadow: 2px 2px 3px #5a5a5a; */

}



#carousel-range::-webkit-slider-thumb{

  -webkit-appearance: none;

  appearance: none;

  width:50px;

  height:50px;

  border-radius:50%;

  background: #499343;

  cursor:pointer;

  /* box-shadow: 2px 2px 3px #5a5a5a; */

  background-image:url("<?php echo bloginfo('template_url'); ?>/images/arrows-radio.png")!important;

  background-position: cover;

  background-size:50px 50px;

}



#carousel-range::-moz-slider-thumb{

  width:50px;

  height:50px;

  border-radius:50%;

  background: #499343;

  cursor:pointer;

  /* box-shadow: 2px 2px 3px #5a5a5a; */

  background-image:url("<?php echo bloginfo('template_url'); ?>/images/radio-arrows.png")!important;

  background-position: cover;

  background-size:50px 50px;

}



#sub_nav{

  cursor:pointer;

}



#sub_nav li a:hover{

  color:#499343!important;

  border-bottom:solid 2px #499343;

}



.active_smenu{

  color:#499343!important;

  border-bottom:solid 2px #499343;

}



#serv-carousel .serv-owl-prev{

  position: absolute!important;

  top:-5%!important;

  left:91%!important;

} 

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

  #serv-carousel .serv-owl-prev {
    left:90%!important;
  }

}

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

  #serv-carousel .serv-owl-prev {
    left:87%!important;
  }

  .port-width{
    width:100%;
  }

}


#serv-carousel .serv-owl-next{

  position: absolute!important;

  top:-5%!important;

  right:1.5%!important;

}



.banner-prev{

  position: absolute!important;

  top:30%!important;

  left:17%!important;

} 



.banner-next{

  position: absolute!important;

  top:30%!important;

  right:79%!important;

}



.single-serv-owl-prev,

.single-serv-owl-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}



.banner-prev,

.serv-owl-prev,

.single-serv-owl-prev {

  left: -5rem;

}



.banner-next,

.serv-owl-next,

.single-serv-owl-next {

  right: -5rem;

}



.top300 {width: 100%;height: 300px;}



::placeholder{

    color:white!important;

    opacity:1;

}



.sub-footer a:hover, .mid-footer a:hover{

  color:black !important;

}



.footer-policies a:hover{

  color:black;

}



.privacy-links:hover{

  color:#499343 !important;

}



.ubermenu-nav{

  float:right!important;

}



.form-normal{

  background-color:#88bd88!important; 

  color:black!important; 

  border-color:grey!important;

}



.form-error{

  background-color:#88bd88!important; 

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);

    outline: 0 none;

  color:black!important; 

  border-color:#d9534f!important;

}



.form-control{

  height:auto!important;

}



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

  .slider-margins{

    padding-left:15px!important;

  }



  .serv-num{

    margin-left:15px;

  }



  .cont-container, .cont-container form, .margin-low{

    padding-left:15px!important;

    padding-right:15px!important;

  }

}



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

  .footer-social-icon{

    width:35px!important;

    height:35px!important;

  }



  .footer-social-icon img{

    width:35px!important;

    height:35px!important;

  }

}



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

  .footer-social-icon{

    width:30px!important;

    height:30px!important;

  }



  .footer-social-icon img{

    width:30px!important;

    height:30px!important;

  }



  .footer-logo{

    width:125px!important;

  }

}



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

  .footer-social-icon{

    width:25px!important;

    height:25px!important;

  }



  .footer-social-icon img{

    width:25px!important;

    height:25px!important;

  }



  .footer-logo{

    width:115px!important;

  }

}



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

  .footer-social-icon{

    width:20px!important;

    height:20px!important;

  }



  .footer-social-icon img{

    width:20px!important;

    height:20px!important;

  }



  .footer-logo{

    width:105px!important;

  }

}



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

  .logo{

    padding-left:15px!important;

  }

}



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



  .font-size-numbers{

    font-size:4rem!important;

  }



  .font-size-normal{

    font-size:.9rem!important;

  }



  .font-size-small{

    font-size:.7rem!important;

  }



  .font-size-title{

    font-size:1.5rem!important;

  }



  .font-size-title-2nd{

    font-size:1.25rem!important;

  }



  .font-size-subtitle{

    font-size:1rem!important;

  }



  .banner-next{

    top:55%!important;

    right:70%!important;

  }



  .banner-prev{

    top:55%!important;

    left:8%!important;

  }



  .ubermenu-target-title{

    padding:0!important;

    margin:0!important;

  }



  #ubermenu-main-2-primary{

    padding:0!important;

    box-shadow: 0 8px 6px -6px lightgrey;

  }



  .ubermenu-item{

    border-bottom:1px solid lightgrey!important;

  }



  #header{

    background-color:white!important;

    box-shadow: 0 8px 6px -6px lightgrey;

  }



  .bgvideo video{

    height:100vh;

  }



  .mid-footer-img{

    max-width:135px;

  }



  .mid-footer-img-lc{

    max-width:75px;

  }



} 



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



  .sub-footer{

    height:60px!important;

  }



  .sub-footer div{

    height:40px!important;

  }



  .sub-footer div div{

    height:40px!important;

  }

} 



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



  .navbar-mobile{

    width:100vw!important;

  }



  /* .navbar-mobile li{

    width:100vw!important;

  } */



} 



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



   .navbar-mobile li{

    width:100vw!important;

  } 



}



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



  .ubermenu, .ubermenu .ubermenu-column, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-item, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-retractor,

  .ubermenu .ubermenu-row, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-submenu, 

  .ubermenu .ubermenu-submenu-footer, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-target, .ubermenu-responsive-toggle {

    text-align: right!important;

  }



} 



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

  .single-serv-owl-next{

    right: -3rem;

  } 

  .single-serv-owl-prev{

    left: -3rem;

  } 

} 

@media only screen and (max-width:1024px){
  .single-serv-owl-next{

    right: 0;

  } 

  .single-serv-owl-prev{

    left: 0;

  } 
}

@media only screen and (max-width:768px){
  .single-serv-owl-next{

    left: 3rem;
    text-align: left;

  } 

  .single-serv-owl-prev{

    left: 1rem;

  } 

  .single-serv-owl-prev, .single-serv-owl-next{
    top: -1rem;
    transform: translateY(-100%);
  }
}

@media only screen and (max-width:576px){
  .single-serv-owl-next{

    right: -1rem;
    text-align: right;
    left:auto;

  } 

  .single-serv-owl-prev{

    left: -1rem;

  } 

  .single-serv-owl-prev, .single-serv-owl-next{
    top: 50%;
    transform: translateY(-50%);
  }
}

.owl-slide-text{

  -webkit-animation-duration: 1s;

        animation-duration: 1s;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

}



@-webkit-keyframes fadeInRight {

        0% {

           opacity: 0;

           -webkit-transform: translateX(70px);

        }

        100% {

           opacity: 1;

           -webkit-transform: translateX(0);

        }

     }

     

     @keyframes fadeInRight {

        0% {

           opacity: 0;

           transform: translateX(70px);

        }

        100% {

           opacity: 1;

           transform: translateX(0);

        }

     }

     

     .fadeInRight {

        -webkit-animation-name: fadeInRight;

        animation-name: fadeInRight;

     }



 #header{

   height:110px!important;

 }

 

.moove-gdpr-tab-nav:hover .gdpr-nav-tab-title, .moove-gdpr-tab-nav:active .gdpr-nav-tab-title, .moove-gdpr-tab-nav:focus .gdpr-nav-tab-title, 

.moove-gdpr-tab-nav:hover .icon-policy, .moove-gdpr-tab-nav:active .icon-policy, .moove-gdpr-tab-nav:focus .icon-policy,

.moove-gdpr-tab-nav:hover .icon-3rd-party, .moove-gdpr-tab-nav:active .icon-3rd-party, .moove-gdpr-tab-nav:focus .icon-3rd-party,

.moove-gdpr-tab-nav:hover .icon-strict-necessary, .moove-gdpr-tab-nav:active .icon-strict-necessary, .moove-gdpr-tab-nav:focus .icon-strict-necessary,

.moove-gdpr-tab-nav:hover .icon-privacy-overview, .moove-gdpr-tab-nav:active .icon-privacy-overview, .moove-gdpr-tab-nav:focus .icon-privacy-overview{

   color:black!important;

} 



#moove-gdpr-menu .menu-item-selected button{

  color:black!important;

}

/* .nav-socials{

  background-color:black; 

  border-color:black;

  transition:all .5s ease-in-out;

}



.nav-socials:hover{

  background-color:#499343!important;

  border-color:#499343!important;

} */

.fb-nav .nav-normal, .insta-nav .nav-normal, .linkedin-nav .nav-normal{
  display:block;
  text-decoration: none;
  border-bottom:none!important;
}

.fb-nav .nav-hover, .insta-nav .nav-hover, .linkedin-nav .nav-hover{
  display:none;
  text-decoration: none;
  border-bottom:none!important;
}

.fb-nav:hover .nav-normal, .insta-nav:hover .nav-normal, .linkedin-nav:hover .nav-normal{
  display:none;
  text-decoration: none;
  border-bottom:none!important;
}

.fb-nav:hover .nav-hover, .insta-nav:hover .nav-hover, .linkedin-nav:hover .nav-hover{
  display:block;
  text-decoration: none;
  border-bottom:none!important;
}

@media only screen and (max-width: 576px){
  .sub-footer{
    height:auto!important;
  }
  
  .sub-footer div {
    height: auto!important;
  }
}