/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* style */

.support-logo{
	position: absolute;
}
.support-logo {
	width: 250px;
}
.support-logo1 {
	bottom: 180px;
}
.support-logo img{
	width: 280px;
    padding: 15px;
}
.support-logo {
    position: fixed;
    bottom: 15px;
    right: 20px;
    width: fit-content;
	background: #fff;
	z-index: 999;
}
.support-logo1 {
    bottom: 100px;
}
.fa-times-circle {
	position: absolute;
    top: -11px;
    right: -9px;
    font-size: 24px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    background: #fff;
}
.support-logo div {
    padding: 15px;
    cursor: pointer;
}
.bounce-arrow {
    -webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
	postion: absolute;
}
.loading{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: #ffffff99;
}
.loading-spinner{
	width: 100px;
	height: 100px;
	border: 3px solid #002c4b;
	border-bottom: 3px solid transparent;
    border-radius: 80px;
}
.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}
@-webkit-keyframes fa-spin{
	0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(1turn);
	    transform: rotate(1turn);
	}
}
@keyframes fa-spin{
	0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(1turn);
	    transform: rotate(1turn);
	}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
:root {
  --pad: 3%;
}

*{
	min-height: 0;
	min-width: 0;
	scroll-behavior: smooth;
}
.grid{
	-ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap: 0 !important;
}

.imgfit{
	-o-object-fit: cover;
	   object-fit: cover;
}

*:focus{
	outline: none !important;
}

a:hover, a{
	text-decoration: none;
	color: inherit;
}
a.c-gray:hover{
	color: #111111;
}
.titi{
	font-family: 'Titillium Web', sans-serif;
}
.roboto{
	font-family: 'Roboto Mono', monospace!important;
}
body{
	font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.2;
	color: #606060;
}
body *{
	letter-spacing: 1px;
	line-height: 1.4;
	font-family: 'Roboto Mono', monospace;
}
body .titi *{
	font-family: 'Titillium Web', sans-serif;
}
p{
	line-height: 1.8;
}
.t12 {
	font-size: 12px;
  	line-height: 1.2;
}
.t14 {
	font-size: calc(13px + (14 - 13) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t18 {
	font-size: calc(13px + (17 - 13) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t20 {
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t22 {
	font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t28 {
	font-size: calc(14px + (28 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t30 {
	font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t40 {
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.3;
}
.t50 {
	font-size: calc(40px + (50 - 40) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t60 {
	font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t80 {
	font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.3;
}
.t120 {
	font-size: calc(50px + (120 - 50) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.p15{
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}
.pl15{
	padding-left: 1.5rem!important;
}
.pr15{
	padding-right: 1.5rem!important;
}
.bold{
	font-weight: 700;
}
.light{
	font-weight: 300;
}
.medium{
	font-weight: 500;
}
.italic{
	font-style: italic;
}

.ls2{
	letter-spacing: 2px;
}
.ls4{
	letter-spacing: 4px;
}

.underline{
	text-decoration: underline;
}
.lh2{
	line-height: 2;
}

.c-white{
	color: white;
}
.c-ltblue{
	color: #3BAFD0;
}
.c-blue{
	color: #002C4B;
}
.c-gray{
	color: #606060;
}
.c-ltgray{
	color: #CBCBCB;
}


.bg-gray{
	background: #E5E5E5 !important;
}
.bg-white{
	background: white !important;
}
.bg-blue{
	background: #002C4B !important;
}

.o-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}

.negativemargin{
    margin-top: -100px;
}

.pg-number2{
    border-right: 3px solid #ffffff;
}
.banner-home-about{
	background: #002C4B;
	height: 240px;
	margin-top: -240px;
	padding: 30px 15px;
}
.tabs-icon{
	-webkit-filter: contrast(0) grayscale(1);
	        filter: contrast(0) grayscale(1);
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.tabs-icon:hover, .nav-link.active .tabs-icon{
	-webkit-filter: none;
	        filter: none;
}
#returnResultContact, #returnResult{
	padding: 8px 20px;
    margin-bottom: 15px;
}
.nav-listservices a{
	color:#E5E5E5;
	border-left: 3px solid transparent;
}
.nav-listservices a:hover, .nav-listservices a.nav-link.active{
	color:#3BAFD0;
	border-left: 3px solid #3BAFD0;
}
.split-text{
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 30px;
	   -moz-column-gap: 30px;
	        column-gap: 30px;
}
.form input, .form textarea{
	width: 100%;
	background: transparent;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	color: #002C4B;
	font-size: 17px;
	padding: 8px 0;
	margin-bottom: 15px;
	border: 0;
	border-bottom: 1px solid #002C4B;
}
.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder{
	color: #002C4B;
	text-transform: uppercase;
}
.form input::-moz-placeholder, .form textarea::-moz-placeholder{
	color: #002C4B;
	text-transform: uppercase;
}
.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder{
	color: #002C4B;
	text-transform: uppercase;
}
.form input::-ms-input-placeholder, .form textarea::-ms-input-placeholder{
	color: #002C4B;
	text-transform: uppercase;
}
.form input::placeholder, .form textarea::placeholder{
	color: #002C4B;
	text-transform: uppercase;
}
label.error{
	color: red;
    position: absolute;
    bottom: -12px;
    left: 15px;
}
#message-error, #knowledge-error, #functions-error{
	bottom: -6px;
}
#terms-error{
	bottom: -30px;
    left: 0;
}
#file-error{
	color: red;
}
#experience-error{
    bottom: 4px;
}
.inputfile {
	width: 0px !important;
	height: 0px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    color: #ffffff;
    background-color: transparent;
    display: inline-block;
	cursor: pointer;
}

.inputfile:focus + label,
.inputfile + label:hover {
	color: #fff;
    background-color: transparent;
}
.btn-send{
	background: transparent;
	color: #002C4B !important;
	border: 1px solid #002C4B;
	padding: 10px 15px !important;
	cursor: pointer;
	width: calc(100% - 15px);
	max-width: 300px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	margin-left: 15px;
}

.btn-send:hover{
    background-color: #002C4B !important;
    color: #ffffff !important;
	-webkit-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;

}

/* FORM CHECKBOX */
.toggle {
  --uiToggleSize: var(--toggleSize, 20px);
  --uiToggleIndent: var(--toggleIndent, 0.8em);
  --uiToggleBorderWidth: var(--toggleBorderWidth, 2px);
  --uiToggleColor: var(--toggleColor, #000);
  --uiToggleDisabledColor: var(--toggleDisabledColor, #ffffff);
  --uiToggleBgColor: var(--toggleBgColor, #fff);
  --uiToggleArrowWidth: var(--toggleArrowWidth, 2px);
  --uiToggleArrowColor: var(--toggleArrowColor, #fff);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.toggle__input {
  position: absolute;
  left: -99999px;
}

.toggle__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  min-height: var(--uiToggleSize);
  padding-left: calc(var(--uiToggleSize) + var(--uiToggleIndent));
}

.toggle__label:before,
.toggle__label:after {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1em;
  height: 1em;
  font-size: var(--uiToggleSize);

  position: absolute;
  left: 0;
  top: 0;
}

.toggle__label:before {
  border: var(--uiToggleBorderWidth) solid var(--uiToggleColor);
  z-index: 2;
}

.toggle__input:disabled ~ .toggle__label:before {
  border-color: var(--uiToggleDisabledColor);
}

.toggle__input:not(:disabled) ~ .toggle__label:after {
  background-color: var(--uiToggleColor);
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after {
  opacity: 1;
}

.toggle__text {
  margin-top: auto;
  margin-bottom: auto;
}

/*
The arrow size and position depends from sizes of square because I needed an arrow correct positioning from the top left corner of the element toggle
*/

.toggle__text:before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: var(--uiToggleSize);

  border-left-width: 0;
  border-bottom-width: 0;
  border-left-style: solid;
  border-bottom-style: solid;
  border-color: var(--uiToggleArrowColor);

  position: absolute;
  top: 0.5428em;
  left: 0.2em;
  z-index: 3;

  -webkit-transform-origin: left top;

      -ms-transform-origin: left top;

          transform-origin: left top;
  -webkit-transform: rotate(-40deg) skew(10deg);
      -ms-transform: rotate(-40deg) skew(10deg);
          transform: rotate(-40deg) skew(10deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before {
  width: 0.5em;
  height: 0.25em;
  border-left-width: var(--uiToggleArrowWidth);
  border-bottom-width: var(--uiToggleArrowWidth);
  will-change: width, height;
  -webkit-transition: width 0.1s ease-out 0.2s, height 0.2s ease-out;
  -o-transition: width 0.1s ease-out 0.2s, height 0.2s ease-out;
  transition: width 0.1s ease-out 0.2s, height 0.2s ease-out;
}

/*
=====
LEVEL 2. PRESENTATION STYLES
=====
*/

/*
The demo skin
*/

.toggle__label:before,
.toggle__label:after {
  border-radius: 2px;
}

/*
The animation of switching states
*/

.toggle__input:not(:disabled) ~ .toggle__label:before,
.toggle__input:not(:disabled) ~ .toggle__label:after {
  opacity: 1;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.toggle__input:not(:disabled) ~ .toggle__label:before {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.toggle__input:not(:disabled) ~ .toggle__label:after {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label:before {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.toggle__text:before {
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out 0.3s, width 0.1s ease-out 0.5s,
    height 0.2s ease-out 0.3s;
  -o-transition: opacity 0.1s ease-out 0.3s, width 0.1s ease-out 0.5s,
    height 0.2s ease-out 0.3s;
  transition: opacity 0.1s ease-out 0.3s, width 0.1s ease-out 0.5s,
    height 0.2s ease-out 0.3s;
}
footer .footerMenu span {
    margin: 0 10px 3px;
    background: white;
    display: inline-flex;
    height: 2px;
    width: 60px;
    opacity: .35;
}
/*
=====
LEVEL 3. SETTINGS
=====
*/

.toggle {
  --toggleColor: #002C4B;
  --toggleBgColor: #002C4B;
  --toggleSize: 22px;
}
/* END FORM CHECKBOX */

/*Config*/
.critec{
    font-weight: 800;
    font-family: 'Gilroy' !important;
    text-transform: lowercase;
    padding-left: 2px;
}

/*BO3 SPACERS*/
.spacer150 {grid-column: inherit; height: 150px;width: 100%;}
.spacer120 {grid-column: inherit; height: 120px;width: 100%;}
.spacer90 {grid-column: inherit; height: 90px;width: 100%;}
.spacer60 {grid-column: inherit; height: 60px;width: 100%;}
.spacer30 {grid-column: inherit;height: 30px;width: 100%;}
.spacer15 {grid-column: inherit;height: 15px;width: 100%;}

.sm-spacer150 {grid-column: inherit;width: 100%;}
.sm-spacer120 {grid-column: inherit;width: 100%;}
.sm-spacer90 {grid-column: inherit;width: 100%;}
.sm-spacer60 {grid-column: inherit;width: 100%;}
.sm-spacer30 {grid-column: inherit;width: 100%;}
.sm-spacer15 {grid-column: inherit;width: 100%;}
.md-spacer150 {grid-column: inherit;width: 100%;}
.md-spacer120 {grid-column: inherit;width: 100%;}
.md-spacer90 {grid-column: inherit;width: 100%;}
.md-spacer60 {grid-column: inherit;width: 100%;}
.md-spacer30 {grid-column: inherit;width: 100%;}
.md-spacer15 {grid-column: inherit;width: 100%;}
.lg-spacer150 {grid-column: inherit;width: 100%;}
.lg-spacer120 {grid-column: inherit;width: 100%;}
.lg-spacer90 {grid-column: inherit;width: 100%;}
.lg-spacer60 {grid-column: inherit;width: 100%;}
.lg-spacer30 {grid-column: inherit;width: 100%;}
.lg-spacer15 {grid-column: inherit;width: 100%;}
.xl-spacer150 {grid-column: inherit;width: 100%;}
.xl-spacer120 {grid-column: inherit;width: 100%;}
.xl-spacer90 {grid-column: inherit;width: 100%;}
.xl-spacer60 {grid-column: inherit;width: 100%;}
.xl-spacer30 {grid-column: inherit;width: 100%;}
.xl-spacer15 {grid-column: inherit;width: 100%;}
.spacer0 {display: none;}



/* MOBILE */
@media (min-width: 576px) {
	.sm-spacer150 {height: 150px;grid-column: inherit;
        width: 100%;}
	.sm-spacer120 {height: 120px;grid-column: inherit;
        width: 100%;}
	.sm-spacer90 {height: 90px;grid-column: inherit;
        width: 100%;}
	.sm-spacer60 {height: 60px;grid-column: inherit;
        width: 100%;}
	.sm-spacer30 {height: 30px;grid-column: inherit;
        width: 100%;}
	.sm-spacer15 {height: 15px;grid-column: inherit;
        width: 100%;}
	.sm-spacer0 {display: none;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}
@media screen and (min-width: 768px){
    .md-spacer150 {height: 150px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer120 {height: 120px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer90 {height: 90px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer60 {height: 60px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer30 {height: 30px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer15 {height: 15px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;grid-column: inherit;
                width: 100%;}
    .md-spacer0 {display: none;}

    .md-block150 {display: inline-block; width: 150px;}
    .md-block120 {display: inline-block; width: 120px;}
    .md-block90 {display: inline-block; width: 90px;}
    .md-block60 {display: inline-block; width: 60px;}
    .md-block30 {display: inline-block; width: 30px;}
    .md-block15 {display: inline-block; width: 15px;}

    .md-taleft {text-align: left;}
    .md-tacenter {text-align: center;}
    .md-taright {text-align: right;}
    .md-tajustify {text-align: justify;}
}
@media screen and (min-width: 1280px){
    .lg-spacer150 {height: 150px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer120 {height: 120px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer90 {height: 90px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer60 {height: 60px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer30 {height: 30px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer15 {height: 15px;grid-column: inherit;
        width: 100%;grid-column: inherit;
            width: 100%;}
	.lg-spacer0 {display: none;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}
@media screen and (min-width: 1366px){
    .xl-spacer150 {height: 150px;grid-column: inherit;
        width: 100%;}
    .xl-spacer120 {height: 120px;grid-column: inherit;
        width: 100%;}
    .xl-spacer90 {height: 90px;grid-column: inherit;
        width: 100%;}
    .xl-spacer60 {height: 60px;grid-column: inherit;
        width: 100%;}
    .xl-spacer30 {height: 30px;grid-column: inherit;
        width: 100%;}
    .xl-spacer15 {height: 15px;grid-column: inherit;
        width: 100%;}
    .xl-spacer0 {display: none;}

    .xl-block150 {display: inline-block; width: 150px;}
    .xl-block120 {display: inline-block; width: 120px;}
    .xl-block90 {display: inline-block; width: 90px;}
    .xl-block60 {display: inline-block; width: 60px;}
    .xl-block30 {display: inline-block; width: 30px;}
    .xl-block15 {display: inline-block; width: 15px;}

    .xl-taleft {text-align: left;}
    .xl-tacenter {text-align: center;}
    .xl-taright {text-align: right;}
    .xl-tajustify {text-align: justify;}


}

img {
	max-width: 100%;
}



/* end config */

header{
	padding: 0 var(--pad);
	z-index: 999;
}

#burger{
	padding: 0;
}
#burger .hamburger-box{
	width: 30px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background: white !important;
	border-radius: 0px !important;
	width: 30px !important;
    height: 2px !important;
}

.vlines{
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 500;
	pointer-events: none;
	opacity: 0.6;
}
.vlines span{
	display: block;
	width: 1px;
	height: 100%;
	background-color: #dfdfdf;
}

.bannerimg{
	-ms-grid-column: 2;
	-ms-grid-column-span: 5;
	grid-column: 2/7;
	height: calc(90vh - 100px);
}
.bannerimg img{
	width: 100%;
	height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.banner{
	margin-top: 100px;
	position: relative;
	z-index: 550;
}
.banner-text{
	margin: calc(-90vh + 100px) 0 0 0;
	height: 70vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.pg-number{
	/* line-height: 80px; */
	border-right: 3px solid #002C4B;
}
.pg-number p{
	margin: 5px 15px;
}
.side-text{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 600px;
    position: absolute;
    bottom: 50%;
    /* left: -60px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1800 - 300)));
}
.side-text span{
	display: inline-block;
	width: 80px;
	height: 4px;
	background-color: #002C4B;
	margin-left: 15px;
}

.bt{
	padding-left: 70px;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer;
}
.bt .bt-line{
	display: block;
	height: 2px;
	width: 35px;
	background-color: #002C4B;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}
.bt .bt-dot{
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #002C4B;
	position: absolute;
	top: calc(50% - 3px);
	left: 34px;
}
.bt .bt-circle{
	display: block;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	border: 2px solid #002C4B;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 20px;
	-webkit-transition: ease .4s;
	-o-transition: ease .4s;
	transition: ease .4s;
}
.bt:hover .bt-circle{
	left: calc(100% - 35px);
}
.bt .bt-text{
	color:#CBCBCB;
	-webkit-transition: ease .3s .1s;
	-o-transition: ease .3s .1s;
	transition: ease .3s .1s;
    white-space: nowrap;
}
.bt:hover .bt-text{
	color:#002C4B;
	margin-left: -10px;
}

.bt-white{
	padding-left: 70px;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer;
}
.bt-white .bt-white-line{
	display: block;
	height: 2px;
	width: 35px;
	background-color: #ffffff;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}
.bt-white .bt-white-dot{
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	top: calc(50% - 3px);
	left: 34px;
}
.bt-white .bt-white-circle{
	display: block;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 20px;
	-webkit-transition: ease .4s;
	-o-transition: ease .4s;
	transition: ease .4s;
}
.bt-white:hover .bt-white-circle{
	left: calc(100% - 35px);
}
.bt-white .bt-white-text{
	color:#CBCBCB;
	-webkit-transition: ease .3s .1s;
	-o-transition: ease .3s .1s;
	transition: ease .3s .1s;
    white-space: nowrap;
}
.bt-white:hover .bt-white-text{
	color:#ffffff;
	margin-left: -10px;
}

.ods-items-icons{
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}

footer {
    background-color: #002C4B;
    z-index: 550;
    position: relative;
}
.copy {
    opacity: 0.4;
    line-height: 1.5;
}
a.copy:hover {
	opacity: 1;
    color: white;
}
.pl25 {
    padding-left: 25%;
}
.pr10 {
    padding-right:10%;
}
.lh18{ line-height: 1.8;}

.border-left-blue {
    border-left: 3px solid #3BAFD0 !important;
    padding: 5px 0;
}

.col2css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
}

.vline{
	position: absolute;
	left: 0;
	top: calc(1.5rem + 90px + 25px);
	display: block;
	width: 3px;
	height: 100px;
	background-color: #002C4B;
}
.vline30{
	position: absolute;
	left: 0;
	top: calc(1.5rem + 30px + 25px);
	display: block;
	width: 3px;
	height: 100px;
	background-color: #002C4B;
}

.img-news-home img{
	height: 350px;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.img-news-home a:hover img{
	-webkit-filter: grayscale(0) brightness(0.6);
	        filter: grayscale(0) brightness(0.6);
}
.img-news-home a{
	position: relative;
	display: block;
}
.img-news-home .news-hover{
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	right: 1.5rem;
	opacity: 0;
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.img-news-home a:hover .news-hover{
	opacity: 1;
}

#submitHumanResources, #submitContact{
	border: 0;
	background: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.st-ods{
	bottom: 50%!important;
}

.icon-hover{
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.icon-hover:hover, a:hover .icon-hover, .icon-hover.active{
	-webkit-filter: url(#colorFilter);
	        filter: url(#colorFilter);
}

.icon-hover-reserved{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.icon-hover-reserved:hover ,a:hover .icon-hover-reserved{
	-webkit-filter: unset;
	filter: unset;
}

.login{
	-webkit-transition: ease .1s;
	-o-transition: ease .1s;
	transition: ease .1s;
}
.login:hover{
	color: #3BAFD0;
}

.globe{
	opacity: .6;
	-webkit-transition: ease .1s;
	-o-transition: ease .1s;
	transition: ease .1s;
	border-right: 2px solid transparent;
}
a:hover .globe, a .globe.active{
	opacity: 1;
	border-right: 2px solid #3BAFD0;
}

.globe-a:hover , .globe-a.active{
	color: #3BAFD0;
}

.scrolldown{
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: center;
}

.gallery-empresa .slide img{
	height: 600px;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.slide-nav{
	cursor: pointer;
}
.slide-nav img{
	-webkit-transition: ease .4s;
	-o-transition: ease .4s;
	transition: ease .4s;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}
.slide-nav:hover img{
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}

.responsabilidade-m-neg{
	margin-top: -25%;
}

.project{
	border-left: 3px solid #3BAFD0;
}
.side-text-rh-right {
    bottom: 88%;
    right: -75px;
    left: unset;
}

.modal{
	z-index: 99999;
}
.modal-dialog {
    max-width: 80vw;
    height: 80vh;
}
.modal-content {
    border: 0;
    border-radius: 0;
    height: 100%;
}

.close-pop{
	position: absolute;
	right: 10%;
	top: 5%;
	border: 0;
	background: none;
}
.close-pop .c{
	width: 20px;
	height: 20px;
	position: relative;
}
.close-pop span{
	display: block;
	background: #606060;
	height: 2px;
	width: 24px;
	position: absolute;
	top: 0;
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.close-pop span:first-child{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.close-pop span:last-child{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.close-pop p{
	opacity: 0;
	-webkit-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.close-pop:hover p{
	opacity: 1;
}
.close-pop:hover span{
	background: #002C4B;
}
.img-overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #002C4B;
}

.banner-home{
	max-height: 100vh;
}
.banner-home>div>img{
	height: 100vh;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

header .menu-inner {
    position: fixed;
    width: 36%;
    left: -36%;
    top: 0;
    bottom: 0;
    -webkit-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s;
    background: #002c4b;
}

#servicos-select{
	height: 40px;
    font-size: 16px;
    border: 0;
    background: #002c4b;
    color: white;
    padding: 0 1.5rem;
    text-transform: uppercase;
}

.ods-lg{
	display: -ms-grid;
	display: grid;
}
#year-tab.nav-tabs, #year-tab.nav-tabs .nav-link:focus, #year-tab.nav-tabs .nav-link:hover {

	border: none;
}
#year-tab.nav-tabs .nav-link:hover {
	border: none;
	color: #3BAFD0;
}
#year-tab.nav-tabs .nav-link {
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border: none;
}
#year-tab.nav-tabs .nav-item.show .nav-link, #year-tab.nav-tabs .nav-link.active {
	background-color: unset;

	color:#3BAFD0;
	font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1900 - 300)));
	border-left: 3px solid #3BAFD0 !important;
	border-radius: 0;
	border: none;
}

@media screen and (max-width: 1366px){
	.banner-home .banner-text{
		margin: calc(-110vh + 100px) 0 0 0;
	}
	header{
		height: 80px!important;
	}
	header .header {
		height: 80px!important;
	}
	header .spacerHeader {
		height: 80px!important;
	}
	.bg-header{
		height: 80px!important;
	}
	.banner {
		margin-top: 80px;
	}
	.header .menu-inner .content{
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	header .left-content{
		top: 200px;
	}
}
@media screen and (max-width: 768px){
	.vlines{
    	opacity: 0;
	}
	.border-hfa-left{
		border: none!important;
	}
	.banner-home{
		max-height: 500px;
	}
	.banner-home>div>img{
		height: 500px;
	}
	.scrolldown{
		display: none;
	}
	.banner-home .banner-text{
		margin: -500px 0 0 0;
	}
	header .menu-inner{
		width: 70%;
		left: -70%;
		bottom: 0;
	}
	header {
		background-color: #002C4B!important;
	}
	.areatabs .nav-link{
		width: 25%;
   		text-align: center;
	}
	.img-news-home a img {
		-webkit-filter: grayscale(1) brightness(0.5);
		        filter: grayscale(1) brightness(0.5);
	}
	.img-news-home a .news-hover {
		opacity: 1;
	}
	.banner-text h2{
   		word-break: break-word;
	}
	.ods-lg{
		display: none;
	}
	.ods-items-icons{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 33.33333333%;
	}
	.mvv-info{
		border: 0!important;
	}


	.sticky-areas{
		position: -webkit-sticky;
		position: sticky;
		top: 80px;
		background: white;
	}

}
@media screen and (max-width: 500px){
    #year-tab.nav-tabs .nav-item.show .nav-link, #year-tab.nav-tabs .nav-link.active {
		background-color: unset;
		color: #3BAFD0;
		font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1900 - 300)));
		border-left: 0 !important;
		border-radius: 0;
		border: none;
	}
	header .menu-inner{
		width: 100%;
		left: -100%;
	}
	header .logo img {
		height: 50px!important;
	}
	.banner-home {
		max-height: 700px;
	}
	.banner-home>div>img {
		height: 700px;
	}
	.banner-home-about{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.vline{
		display: none;
	}
	.areatabs .nav-link img{
		height: 50px;
	}
	.split-text {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 30px;
		   -moz-column-gap: 30px;
		        column-gap: 30px;
	}
}
.bg-blue {
	background-color: #002C4B;
}
.side-text.c-ltblue span {
	    background-color: #3BAFD0;
}
img.history {
	height: 330px;
	object-fit: cover;
}
img.next {
	opacity: 0.35;
	object-position: left;
	cursor: pointer
}
img.next:hover {
	opacity: 1;
	transition: opacity 0.3s ease-in;
}
.mvv-info {
	z-index: 10;
}
.negativeImageMVV {
	margin-left: -33.33%
}
.negativeLeft50 {
	margin-left: -50%;
}
.next_history {
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}

header{
	/* background-color: #002C4B; */
	position: fixed;
	width: 100%;
	top: 0;
	height: 100px;
    z-index: 9999;
}
header .header{
	height:100px;
}
header .spacerHeader{
	height:100px;
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 550;
}
header .card{
	background: transparent;
	border: 0;
	padding: 0;
}
header .logo img{
	height:70px;
}
header .reserved-area{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .reserved-area .close{
	pointer-events: none;
}
header #burger{
	z-index: 1;
}
header .reserved-area img{
	height: 21px;
	margin-right: 15px;
}

header .menu-inner .content{
	background-color: #002C4B;
	height: calc(100% - 100px);
	padding: 0 calc((100vw/100) * 3);
	position: relative;
	display: flex;
	align-items: center;
}
header .menu-inner .center-content a:hover{
	color: initial;
}
header .menu-inner .center-content{
	height: 80%;
    display: flex;
	flex-direction: column;
	margin-left: 100px;
}
header .menu-inner .center-content>a{
	margin-bottom: 30px;
	transition: ease .2s;
	color: white;
	display: flex;
	align-items: center;
}
header .menu-inner .center-content>a:hover{
	color: #3BAFD0;
}
header .menu-inner .center-content>a>span{
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1800 - 300)));
	transition: ease .2s;
}
header .menu-inner.active{
	left: 0;
}
.link-opacity, .link-opacity-span span{
	opacity: .35;
	border-right: 2px solid transparent;
}
.link-opacity:hover, .link-opacity-span:hover span{
	opacity: 1;
	color: #3BAFD0;
	border-right: 2px solid #3BAFD0;
}
.op35{
	opacity: .35;

}

header .lang{
	display: flex;
	align-items: center;
	padding-right: calc((100vw/100) * 3);
	height: 100%;
	justify-content: flex-end;
}
header #collapseLang{
	position: absolute;
    top: 60px;
    left: 49px;
    color: white;
}
.border-hfa-left {
	border-left: 1px solid rgba(223, 223, 223, 0.4);
}
.fit-cover {
	object-fit: cover;
}
.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1!important;
}

.menuword, .menuword2{
	color: #3BAFD0;
    text-transform: uppercase;
    font-size: 11px;
	letter-spacing: 3px;
	margin-left: 10px;
	opacity: 0;
	transition: ease .1s;
	pointer-events: none;
	position: absolute;
	left: 30px;
}

#burger{
	display: inline-flex;
	justify-content: center;
    align-items: center;
}

#burger:not(.is-active):hover .menuword{
	opacity: 1;
}
#burger.is-active:hover .menuword2{
	opacity: 1;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	transition-duration: 200ms !important;
	transition-property: background-color, transform, width;
}

#burger:hover .hamburger-inner, #burger:hover .hamburger-inner:after, #burger:hover .hamburger-inner:before{
	background-color: #3BAFD0 !important;
}

header .footer-content{
	position: absolute;
    bottom: 60px;
}

header .left-content{
	position: absolute;
	transform: rotate(-90deg);
	left: -130px;
}
header .left-content>span{
	margin: 0 10px 3px;
    background: white;
    display: inline-flex;
    height: 2px;
    width: 60px;
    opacity: .35;
}
header .left-content>a{
	opacity: .35;
	color: white;
	transition: ease .1s;
}
header .left-content>a:hover{
	color: white;
	opacity: 1;
}

header .lang a{
	color: white;
}

.overlines{
	position: relative;
	z-index: 550;
}

.side-text-rh{
	bottom: 88%;
	left: -220px;
}

.bg-header{
    background-color: #002C4B;
	position: fixed;
	width: 100%;
	height: 100px;
	top: 0;
    z-index: 9990;
}
.banner-home{
    z-index: 450;
}

.bg-header.home{
	opacity: 0;
	transition: ease .2s;
}
.bg-close-menu.active{
	opacity: 0.4;
	pointer-events: auto;
}
.bg-close-menu{
	z-index: 9980;
	background: #00101c;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .3s ease;
	pointer-events: none;
}
.tablet-nb{
	display: none;
}
@media (max-width: 1366px) {
	img.certi2 {
		margin-top: 15px;
	}
	.side-text {
		width: 520px;
	}
	.side-text-rh-right {
		right: -155px;
	}
	.side-text-rh {
	    left: -205px;
	}
	.responsabilidade-m-neg {
	    margin-top: -41%;
	}
	img.history {
	    height: 270px;
	}
	.gallery-empresa .slide img {
	    height: 450px;
	}
	.coverImg {
		height: 100%;
		object-fit: cover;
	}
}
@media (max-width: 1280px) {
	.responsabilidade-m-neg {
	    margin-top: -43%;
	}
}
@media (max-width: 1024px) {
	.footerLogo {
		grid-area: footerLogo;
	}
	.footerWhere{
		grid-area: footerWhere;
	}
	.footerContact{
		grid-area: footerContact;
	}
	.footerCert1{
		grid-area: footerCert1;
	}
	.footerCerti2{
		grid-area: footerCerti2;
	}
	footer.grid {
		grid-template-columns: repeat(4,1fr);
	  grid-template-areas:
	  "footerWhere footerContact footerCert1 footerCerti2"
	  "footerLogo footerLogo footerLogo footerLogo";
	}
	.pl25.footerLogo {
		padding:0 1rem!important;
	}
}

@media (max-width: 768px) {
	.banner-text {
	    height: 500px;
	}
	.bannerimg {
	    height: 500px;
	}
	.banner-text {
	    margin: -500px 0 0 0;
	}
	.gallery-empresa .slide img {
	    height: 350px;
	}
	img.history {
	    height: 220px;
	}
	.responsabilidade-m-neg {
	    margin-top:0%;
	}
	.tablet-nb{
		display: block;
		font-size: 18px;
		padding-right: 8px !important;
		margin-right: 8px;
	}
	.ptabletrm{
		margin: 0;
	}
	.desktop-nb{
		display: none;
	}
	.footerCopy.pl25{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.footerCopy{
		padding-top: 1rem;
		display: flex;
		justify-content: space-between;
	}
	footer .footerMenu span{
		width: 10px;
	}
}

@media (max-width: 576px) {
	.bannerimg {
	    grid-column: 1/7;
	}
	.bannerimg {
	    height: 200px;
	}
	.banner-text {
		height: 150px;
	    margin: 0px 0 0 0;
	}

	.col2css {
	    column-count: 1;
	}
	.slick-dots li button {
	    width: 12px;
	    height: 12px;
	    background: #002c4b9e;
	    margin: auto;
		border-radius: 50%;
	}
	.slick-dots li.slick-active button {
	    background: #002c4b;
	}
	.vline30 {
		display: none;
	}
	footer.grid {
		grid-template-columns: repeat(4,1fr);
	  grid-template-areas:
	  "footerWhere footerWhere footerContact footerContact"
	  "footerCert1 footerCert1 footerCerti2 footerCerti2"
	  "footerLogo footerLogo footerLogo footerLogo";
	}
	footer .footerMenu span {
		display: none;
	}
	footer .footerMenu {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	footer .footerMenu a{
		margin: 0.5rem 0;
	}
	footer .footerCopy{
		flex-direction: column;
    	align-items: center;
	}
	footer .footerCopy div{
		margin: 0.3rem 0;
	}
}