/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/





@font-face {
	font-family: Interstate-Bold;
	src: url('../fonts/interstate_Bold.ttf') format("opentype");
}
@font-face {
	font-family: Interstate-Light;
	src: url('../fonts/interstate_Light.ttf') format("opentype");
}

@font-face {
	font-family: Interstate-Regular;
	src: url('../fonts/interstate_regular.woff') format("opentype");
}






body {
  background-image: url(../img/bg-body.png);
  background-size: 100%;
  background-position: bottom center;
  background-color: #ffffff;
  overflow-x: hidden;
  background-repeat: no-repeat;
  
}

strong {
   font-weight: bold;
}

a {
  font-family:Interstate-Bold;
  color: #272727;
  
}
a strong{
  font-family: Interstate-Bold;
}



a:hover {
  color: #F22C46;
}

h1 {
  text-transform: uppercase;
  font-family:  Interstate-Regular;
  font-size: 36px;
  color: #42454A;

}

h2 {
 
  text-transform: uppercase;
  font-family:  Interstate-Light;
  font-size: 18px;
  color: #42454A;

}


h3, h4, h5, h6 {
 
  text-transform: uppercase;
  font-family:  Interstate-Light;
  font-size: 18px;
  line-height: 30px;
  color: #42454A;

}



p {
 color: #606064;
 font-size: 14px;
 font-family: Interstate-Light;
 margin-bottom: 0;
}

p strong{
  font-family: Interstate-Bold;
}


table.blue-table tr:nth-child(odd){
  background: #ffffff;
}
table.blue-table tr:nth-child(even){
  background: #edeeef;
}

/* Text styles */




.slidervertical {
  margin-top: 25px;
}

.blue {
--color: #08b2e3;
}

.yellow {
--color: #edae49;
}

.orange {
--color: #f18805;
}

.green {
--color: #76b041;
}

.brown {
--color: #916953;
}

.red {
--color: #e3655b;
}

.pink {
--color: #ec318c;
}


.subtitle-pink {
  color: #DF1C4E;
  font-family: Interstate-Bold;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 35px;
} 

p span {
  
  font-family: Interstate-Bold;
  
} 


p span.txtupper {
  
  text-transform: uppercase;
  
}

.subtitle01 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: Interstate-Bold;
  font-size: 14px;
}

.gtxtshites {
  color: #ffffff;
}

.gtxtwhite {
  color: #ffffff;
}

.gtxtsyellow {
  color: #ffbf34;
}


.gtxtsred {
  color: #f91e4b;
}

.gtxtsorange {
  color: #ff7541;
}

.gtxtsgreen {
  color: #54D18E;
}

.gtxtsaquaF {
  color: #38BFCC;
}

.gtxtbluestrong {
  color: #001689;
}



.gtxtbgblueFF {
  color: #0080FF;
}



.gtxtblueaqua {

 color: #00C9FF;
}

.txtbgblue1 {
  background-color: #0080FF;
}

.spanbggreen2 {
  padding: 4px;
  background: #54D18E;
}


.spanbgaquaF {
  padding: 4px;
  background: #38BFCC;
}

.spanbgblue8 {
  padding: 4px;
  background: #0080FF;
}

.spanbgwhite {
  padding: 4px;
  background: #FFFFFF;
}

.spanblueaqua {
  padding: 4px;
  background: #00C9FF;
}


.hswhites {
  color: #ffffff;
}


.spantriawhite::before {
  color: #ffffff;
}

.spantriablack::before {
  color: #42454A;
}


.txtupper {
  text-transform: uppercase;
}




.spantriablue::before {
  color: #0A4096;
}

.spantriagray::before {
  color: #969696;
}

.spantriagreen::before {
  color: #37A628;
}

.spantriaaqua::before {
  color: #39BBC0;
}

.spantriayellow::before {
  color: #FECC4C;
}



.txtnumillions {
  font-family:  Interstate-Regular;
  font-size: 30px;

}

.txtnumillions span {
  
  font-size: 20px;

}

.txtsubmillions {
  margin-left: 25px;
  
}


.txtnumillions span.txtsubmillions2 {
  font-size: 14px;
  font-family: Interstate-Light;
  
}

.txtinterbold {
  font-family: Interstate-Bold;
  text-transform: uppercase;


}

.txtindi01 {
  font-size: 13px;
  font-family: Interstate-Light;

}

.txtdecodiago {
  font-size: 30px;
  margin-bottom: 0;
}

.bgblueceles {

  background: #0080FF;
}

.bggrey95 {

  background: #888B95;
}

.bggreyligth {

  background: #EFF0F1;
}

.bggreyF1 {

  background: #F0F0F1;
}


.bggreyF4 {

  background: #F4F4F4;
}


.bggreenlig {

  background: #54D18E;
}



.bgaquaFCC {

  background: #38BFCC;
}


.bgbludark {

  background: #001689;
}


.bgblueaqua {

  background: #00C9FF;
}



.btnprinwhite {
  background-color: #FFFFFF;
  text-align: center;
  color: #001689;
  padding: 5px;
  width: 230px;
  height: 30px;
  display: block;
  
  background: linear-gradient(to right,  #00C9FF 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.btnprinwhite:hover {
  
  color: #ffffff;
  text-decoration: none;
  background-position: left bottom;
  clip-path: polygon(50% 0%, 100% 0, 100% 0%, 93% 100%, 0 100%, 0% 60%, 0 0);
}

.btnprinblue2 {
  background-color: #0080FF;
  text-align: center;
  color: #FFFFFF;
  padding: 5px;
  width: 230px;
  height: 30px;
  display: block;
  
  background: linear-gradient(to right,  #00C9FF 50%, #0080FF 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.btnprinblue2:hover {
  
  color: #ffffff;
  text-decoration: none;
  background-position: left bottom;
  clip-path: polygon(50% 0%, 100% 0, 100% 0%, 93% 100%, 0 100%, 0% 60%, 0 0);
}

.imgdecodia {
  width: 30px;
  height: 30px;
  display: block;
}

.divlinesepar {
  background-color:#0080FF ;
  height: 2px;
  width: 100%;
}


.divlinesepar .decodiagonal {
  width: 15px;
  height: 15px;
  display: block;
  margin: auto;
  position: relative;
  bottom: 6px;
}

.divideraqua {
  background-color:#38BFCC ;
  height: 2px;
  width: 100%;

}

.dividerblueelec {
  background-color:#00C9FF ;
  height: 2px;
  width: 100%;

}



.decominidia {
  width: 20px;
}

.txtsubtitles01 {
  font-size: 30px;
  line-height: 38px;
  font-family: Interstate-Bold;
  text-transform: uppercase;
}

.txtsubtitles01 span.txttitlesucces{
  font-size: 21px;
  line-height: 26px;
  font-family: Interstate-Bold;
  text-transform: uppercase;
}

.txtsubtitles02 {
  font-size: 16px;
  line-height: normal;
  font-family: Interstate-Bold;
  text-transform: uppercase;
}

.txtcifras01 {
  font-size: 44px;
  line-height: 38px;
  text-transform: uppercase;
}

.txtcifras03 {
  font-size: 1.5em;
  line-height: 38px;
  font-family: Interstate-Bold;
  text-transform: uppercase;
}

.txtcifras02 {
  font-size: 29px;
  line-height: 22px;
  text-transform: uppercase;
}

.txtcifras01 span {
  text-transform: none;
  font-family: Interstate-Light;
}

.txtcifras02 span {
  font-size: 18px;
  text-transform: none;
  font-family: Interstate-Light;
}

.txtsubcifras {
  font-size: 30px;
}

.txtnote {
  font-size: 10px;
}

.txtnoupper{
  text-transform: none;
} 

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #CE0159;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #AC121B;
  color: #fff;
  transition: all 0.5s;
}

.back-to-top i:hover {
  background: #7c0d14;
  color: #fff;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#header.header-scrolled, #header.header-inner-pages {
  background: rgba(40, 40, 40, 0.9);
}

#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 40px;
}

@media (max-width: 992px) {
  #header {
    border: 0;
    padding: 15px 0;
  }
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */

.navbar-brand {

  margin-left: 1rem;
  margin-right:0 ;
}

.mega-menu {
  
  -webkit-box-shadow: inset 0 1px 20px -20px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: inset 0 11px 20px -20px rgba(0,0,0,0.5) !important;
  box-shadow: inset 0 11px 20px -20px rgba(0,0,0,0.5) !important;
  width: 100vw;
  height: 100vh;
  padding: 0 !important;
  background:#0080FF;
  
 }

 .mega-menu #navrow {
  padding: 40px;
  padding-top: 150px;
  
  
 }


 .mega-menu .contnav1  {
  display: grid;

  
 }

 .mega-menu .contnav1 span {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 40px;
  color: #ffffff;

  
 }

 .mega-menu .contnav1 a {
   padding: 0;
   color: #ffffff;
   text-transform: uppercase;
  font-size: 14px;
  
  display: block;

  
 }

 .mega-menu .contnav1 .buttondowload {
  color: #272727;
    padding: 5px;

    margin: 0px;
 }

 .mega-menu .contnav1 .buttondowload:hover {
  color: #ffffff;
  text-decoration: none;
 }
 
 .mega-menu .contnav1 a:hover {
   text-decoration: underline;
 
}

.mega-menu #contnav2 span {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 40px;
  color: #ffffff;

  
 }

 .mega-menu #contnav2 a {
   padding: 0;
   color: #ffffff;
   text-transform: uppercase;
  font-size: 14px;
  
  display: block;

  
 }

 
 .mega-menu #contnav2 a:hover {
   text-decoration: underline;
 
}

.mega-menu #contnav2 .listmenup li a {
  font-size: 12px;
  padding: 0;
  font-family: Interstate-Light;
  line-height: 12px;
  text-transform: none;
  color: #ffffff !important;
  margin-top: 10px;
}

 .mega-menu h3 {
    font-size: 14px;
    color: #ffffff;
    font-family: Interstate-Bold;
    margin-bottom: 0;
    width: 100%;
 
}

.mega-menu .iracapbtn {
  padding: 0 !important;
  margin: 0;
  display: block;
  color: #ffffff;
}


.mega-menu .iracapbtn:hover {
  text-decoration: underline;
  color: #ffffff;
}


.mega-menu .contnavcaps {
  padding-top: 0;
}

 
.mega-menu .contnavcaps a .btnbg1 {
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 5px;
  display: block;
  background-image: url(../img/home/imgbgbtn1-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.mega-menu .contnavcaps a .btnbg2 {
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 5px;
  display: block;
  background-image: url(../img/home/imgbgbtn2-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.mega-menu .contnavcaps a .btnbg3 {
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 5px;
  display: block;
  background-image: url(../img/home/imgbgbtn3-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.mega-menu .contnavcaps a .btnbg4 {
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 5px;
  display: block;
  background-image: url(../img/home/imgbgbtn4-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.mega-menu .contnavcaps a:hover {

  color: #ffffff;

}


.mega-menu .listmenup {
  list-style: none;
  padding-left: 0;
 }


.mega-menu .listmenup li a {
  font-size: 12px;
  padding: 0;
  font-family: Interstate-Light;
  line-height: 12px;
  color: #ffffff !important;
 
}

.mega-menu .imgnumbersmega {
  width: 100px;
    display: block;
    margin: auto;
    height: 66px
}

.mega-menu .imgnumbersmega1 {
  width: 112px;
  display: block;
  margin: auto;
  height: 67px;
}

.mega-menu .listmenup li a:hover {
  text-decoration: underline;
 
}

.opacitt {
  opacity: 0;
}

  
 .dropdown-menu {
   padding: 0;
   border: none;
 }


.navbar {
  height: 60px;
  padding: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  background:none;

box-shadow: none;
}

.navbar .dropdown-menu {

  top: 0;
}

.menucont .btnmainme  {

  display: block;
  
}

.menucont.bgbludark {
  padding-top: 0px;
  padding-bottom: 15px;
}

.menucont .btnmainme img {

  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 3px;
  
}

.menucont .btnmainme p {
  text-transform: uppercase;
  font-family: Interstate-Bold;
  
}



.menucont{
  z-index: 1001;
}

.menucont img {
  
  width: 160px;


}

.menucont .txtinffi {
  margin-left: 13%;
}




.activemenu {
  
  color: #42454A;
}

.activemenu a {
 color: #42454A;
 font-family:  Interstate-Regular;
  
}



.dropdown-menu.collapsing {
  display: block;
}



.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  color:#ffffff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  overflow: visible;
}

.scroll-down .arrow {

position: relative;
top: -4px;
margin: 0 auto;
width: 20px;
height: 20px;
background-image: url(../img/home/downarrow.svg);
background-size: contain;

}

.conteneng {

  position: relative;
  display: block;
  height: 50px;
  }

.conteneng .btndowlo {
  font-size: 14px;
  float: left;
  margin-top: 14px;
  font-family:  Interstate-Regular;
}

#contcapsmen {
  width: auto;
    display: flex;
    height: auto;
}

#contcapsmen p:first-child {
  margin-top: 40px ;
  margin-right: 10px;
  font-size: 16px;
    font-family: 'Interstate-Bold';
}

#contcapsmen a {
  margin-left: 20px;
    margin-top: 18px;
    margin-right: 15px;
}

#contcapsmen a:hover {
  text-decoration: none;
}

#contcapsmen a p {
  font-size: 12px;
  padding-top: 5px;
 }

 #contlanguage {
  margin-left: 20px;
 }

.menucont .btnlangc {
  color: #ffffff;
  display: inline-block;
  margin-right: 20px;
  margin-top: 11px;
}
  
.menucont .switch {
  position: relative;
  display: inline-block;
  width: 50px;
    height: 24px;
}

.menucont .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.menucont .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #ffffff;
 background: none;
  -webkit-transition: .4s;
  transition: .4s;
}

.menucont .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked +  .slider {
  background-color: #2196F3;
}

input:hover +  .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked +  .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.menucont .slider.round {
  border-radius: 34px;
}

.menucont .slider.round:before {
  border-radius: 50%;
}  
 

.buttondowload {
  margin: auto;
  text-align: center;
  color: #272727;
  padding: 5px;
  width: 190px;
  height: 30px;
  display: block;
  text-transform: uppercase;
  background: linear-gradient(to right, rgb(34, 30, 253) 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.buttondowload:hover {
  color: #ffffff;
  text-decoration: none;
  background-position: left bottom;
  clip-path: polygon(50% 0%, 100% 0, 100% 66%, 95% 100%, 0 100%, 0% 60%, 0 0);
}





/* Burger */
.burger {
  margin-top: 7px;
    float: right;
    display: inline-block;
    width: 28px;
    height: 32px;
    cursor: pointer;
    position: relative;

}

.burger:before, .burger span, .burger:after {
  width: 100%;
  height: 2px;
  display: block;
  background: #FFFFFF;
  border-radius: 2px;
  position: absolute;
  opacity: 1;
}

.burger:before, .burger:after {
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  content: "";
}

.burger:before {
  top: 4px;
}

.burger span {
  top: 15px;
}

.burger:after {
  top: 26px;
}

/* Hover */
.burger:hover:before {
  top: 7px;
}

.burger:hover:after {
  top: 23px;
}

/* Click */
.burger.active span {
  opacity: 0;
}

.burger.active:before, .burger.active:after {
  top: 40%;
}

.burger.active:before {
  transform: rotate(45deg);
}

.burger.active:after {
  transform: rotate(-45deg);
}

.burger:focus {
  outline: none;
}

.mouse-wrapper {
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.moving-mouse-holder {
  margin: auto;
  display: block;
  margin-top: 10px;
  width: 43px;
  position: absolute;
  margin-bottom: 75px;
  bottom: -31px;
  z-index: 9;
  left: 50%;
  right: 50%;
}

.moving-mouse-holder .mouse {
  width: 26px;
  height: 40px;
  position: relative;
  margin: auto;
  border-radius: 18px;
  border: 2px solid #ffffff;
}

.moving-mouse-holder .mouse .fa-long-arrow-down {
  color: #42454A;
    position: relative;
    top: 29px;
    left: 4px;
    font-size: 23px;
}



.moving-mouse-holder .mouse-button {
  background-color: #ffffff;
  width: 4px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  animation: mouse-scroll 1s infinite alternate;
}

.moving-mouse-holder .mousewhite {
  
  border: 2px solid #ffffff;
}

.moving-mouse-holder .mouse-buttonwhite {
  background-color: #ffffff;
  
}

.moving-mouse-holder .text {
  margin-top: -30px;
  margin-left: 40px;
  color: #33cc66;
  font-size: 12px;
  line-height: 1em;
}

@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}

a.ainactive {
  opacity: .4;
  pointer-events: none;
}
.modal {
  background: rgba(0, 22, 137, 0.9)
}



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/
@media only screen and (min-width : 546px) and (max-width: 1024px) {

  .dropdown-menu {
    max-height: 1100px;
    overflow: auto;
    border: 0;
    border-radius: 0;
  }

.menucont .txtinffi {

  display: none;
}



.mega-menu .menu-leftdiv {
  display: none;
}

.dropdown-menu .mega-menu {
  
  height: 2111px;
}

.menucont .conteneng {
  padding-left: 5px;
  padding-right: 0px;
  width: 50%;
}




} /*-END  LANDSCAPE-*/

@media (max-width: 545px) {

  .navbar .txttitlenav {

    display: none;
   
  }


  

  .menucont img {
  
    width: 140px;
  
  }
  .menucont .conteneng {
    padding-left: 5px;
    padding-right: 0px;
    width: 50%;
  }

  .navbar-brand {
   margin-right: 1px;
   margin-left: 0;
}

.menucont .txtinffi {

  display: none;
}

.menucont .btndowlo {

  display: none;
  
}

.mega-menu #navrow {
  padding: 10px 20px;
}

.mega-menu .contnav1  {
  margin-top: 60px;
  margin-bottom: 15px;
  
}

.mega-menu .contnav1 span {
  width: 10%;
}

.mega-menu .contnav1 a {
  color: #ffffff;
  width: 90%;
  margin-bottom: 15px;
}

.mega-menu .iracapbtn img {
  display: none;
 
}

.mega-menu .menu-leftdiv {
  display: none;
}


.item .item-info .captions .info {
  width: 100%;

}

.mega-menu .imgnumbersmega1 {
  width: 74px;
  
}


.mega-menu .imgnumbersmega {
  width: 70px;
  
}

.dropdown-menu {
  max-height: 1500px;
  overflow: auto;
  border: 0;
  border-radius: 0;
}
  
  .dropdown-menu .mega-menu {
   
    border-bottom: 1px solid #d8d8d8;

  }
  
  .dropdown-menu .mega-menu {
    background-image: none;
    padding: 8px !important;
    box-shadow: none !important;
    width: 98% !important;

  }

  .mega-menu p.txtitleconte {
    margin-bottom: 10px;
    text-align: center;
    font-size: 35px;
  }

  .mega-menu .sub-menu1 {
    margin-left: 20px; 
    margin-bottom: 5px;
  }

  .mega-menu .sub-menu1 a.linktipo1 {
    line-height: 20px;
    margin-bottom: 10px;

  }

  .mega-menu .sub-menu1:nth-child(4n) {
    
    margin-bottom: 15px;
  }

  .mega-menu .sub-menu1 ul {
   display: none;
  }

  .mega-menu .sub-menu .col-sm-2 {
    
    width: 18%;
    

   }

   .mega-menu .sub-menu .col-sm-10 {
    
    width: 82%;
    

   }

   .mega-menu .menu-rightdiv h2 {
   
    font-size: 14px;
}
 
.dropdown-menu .mega-menu {
  
  height: 1200px;
}


}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/

#home_video {
  height: 100vh;
  min-height: 728px;
}

#home_video .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#home_video .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#home_video .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.7637648809523809) 18%, rgba(246,247,251,0.2091430322128851) 55%, rgba(255,255,255,0) 100%);
}

#home_video .bg-gradient2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,0) -21%, rgba(0,22,137,0) 100%);
}



#home_video .imgtitlesbanprin {
  display: block;
  width: 330px;
  margin-right: 75px;
}

#home_video .imgtitlesbanprin2 {
  display: block;
    width: 280px;
    margin-left: 0px;
    margin-top: 115px;
    margin-bottom: 10px;
}

#home_video .txttitleprin {
  position: relative;
  font-size: 80px;
  text-transform: none;
  font-family:Interstate-Bold;
}

#home_video .imgtitlesban {
  display: block;
  width: 280px;
   
 }

#home_video h2 {
 line-height: 28px;
 width: fit-content;
  
}


#home_video .carousel-item {
    height: 100vh;
}


#home_video .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.34);
  width: 4px;
  height: 42px;
  padding: 0;
  margin:  0;
  border: 0;
  clip-path: polygon(100% 0, 100% 0, 100% 87%, 0 100%, 0 100%, 0 16%, 100% 0);


}


#home_video .carousel-indicators li.active {
  
  background-color: #ffffff;
 
}

#home_video .carousel-inner {
  height: 100%;
  background: #001689;
}


#home_video .carousel-item .container  {
  height: 100%;
 

}

#home_video .carousel-item .container .row {
  height: 100%;
  justify-content: center;
  align-items: center;

}

#home_video .carousel-item .container .row .contcaptionban {
  margin-top: 150px;
 

}

.imgcontimgtitle1 {
  height: auto;
}


#home_video .carousel-caption {
  padding-bottom:80px;
}

#home_video .carousel-control-prev {
  position: absolute;
  width: 77px;
  height: 40px;
  background: #001689;
  color: #ffffff;
  font-size: 20px;
  top: 410px;
  left: 94%;
  bottom: 0;
}

#home_video .carousel-control-next {
  position: absolute;
  color: #ffffff;
  font-size: 20px;
  width: 77px;
  height: 40px;
  background: #001689;
  top: 450px;
  left: 94%;
  bottom: 0;
}


#home_video .carousel-indicators {
  position: absolute;
 
  left: 0;
  top: 38%;
  bottom: 0;
  z-index: 9;
  display:block;
  height: fit-content;
  width: fit-content;
  padding-left: 0;
  margin-right: 3%;
  margin-left: 3%;
  list-style: none;
}

#home_video .contbtnsviddownlo {
  position: absolute;
  bottom: 50px;
  width: fit-content;
  z-index: 9;
}

#home_video .contbtnsviddownlo a{
  display: inline-flex;
  justify-content: space-around;
  color: #ffffff;
  margin-left: 50px;
 }

 #home_video .contbtnsviddownlo a span{
  display: inline-block;

 }

#home_video .contbtnsviddownlo a img{
 display: inline-block;
 width: 50px;
 height: 50px;
 margin-right: 10px;
}


/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


#home_sec02 .chartBarsWrap {
  height: 330px;
}

#home_sec02 .chartBars {
 /* position: relative; */
 max-width: 430px;
 height: 300px;
 margin: 0px auto 0px;
}

#home_sec02 .chartBars .bars li p {
 color: #ffffff;
 width: 100%;
 position: absolute;
 bottom: -19px;
 font-size: 12px;
 left: 0;
 text-align: center;
 margin-bottom: 0;
}


.chartBarsWrap {
  
  margin: 0 10px 0 10px;
}
.chartBars {
  position: relative;
  max-width: 600px;
  height: 265px;
  margin: 0px auto 0px;
}
.chartBars .bars {
  display: flex;
  justify-content: space-around;
  /* border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb; */
  width: 100%;
  height: 100%;
  padding: 0;
  padding: 0 1%;
  margin: 0;
}
.chartBars .bars li {
  display: inline-block;
  flex: 0 1 24%;
  height: 100%;
  margin: 0 10px;
  text-align: center;
  position: relative;
  font-size: 16px;
}
.chartBars .bars li .bar {
  width: 100%;
  
  position: absolute;
  font-size: 1.5em;
  color: #fff;
  padding-top: 18px;
  bottom: 0;
  height: 0;
  overflow: hidden;
  font-weight: bold;
  outline: 2px solid transparent;
  transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
}
.chartBars .bars li .bar:after {
  content: '';
  font-size: 22px !important;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.8);
  margin-right: -8px;
}
.chartBars .bars li p {
  color: #495B6D;
    width: 100%;
    position: absolute;
    bottom: -19px;
    font-size: 12px;
    left: 0;
    text-align: center;
    margin-bottom: 0;
}
.chartBars .numbers {
  width: 50px;
  height: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  left: -50px;
}
.chartBars .numbers li {
  text-align: right;
  padding-right: 1em;
  list-style: none;
  height: 59px;
  position: relative;
  font-size: 13px;
  bottom: 11px;
  right: -9px;
  color: #eee;
}
.chartBars .numbers li:after {
  content: "\00af";
  position: relative;
  right: -5px;
  font-size: 20px;
  top: 7px;
  color: rgba(255, 255, 255, 0.34);
}
.chartBars .numbers li:first-of-type {
  height: 63px;
  margin-top: -1px;
}
.chartBars1 .bar {
  border-top-right-radius: 0px;
}
.chartBars2 {
  max-width: 350px;
}
.chartBars2 .bars {
  padding: 0;
}
.chartBars2 .bars li {
  flex: 0 1 25%;
}
.chartBars2 .bars li .bar {
  box-shadow: 0 0 20px #222;
}
.chartBars3 {
  background: rgba(255, 255, 255, 0.1);
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}
.chartBars3 .bars {
  border-color: #666;
  padding: 0;
}
.chartBars3 .bars li .bar {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font-size: 22px !important;
}
.chartBars3 .bars li .bar:after {
  font-size: 0.6em !important;
}
.chartBarsWrap.chartBarsHorizontal {
  flex-direction: column;
  height: 205px;

}
.chartBarsWrap.chartBarsHorizontal .bars b {
  color: #eee;
  width: 100%;
  position: absolute;
  bottom: initial;
  top: 1em;
  left: -102%;
  text-align: right;
}
.chartBarsWrap.chartBarsHorizontal .chartBars {
  height: 200px;
}
.chartBarsWrap.chartBarsHorizontal .chartBars .bars {
  border: 0;
}
.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
  width: 0;
  padding-top: 10px;
  height: 100% !important;
  text-align: right;
  font-size: 1.5em;
  transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
}
.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
  font-size: 0.6em !important;
  margin-right: 20px;
}
.bars li .bar.yelloBar {
  background-color:#FCBA42;
 
}
.bars li .bar.bluedarkBar {
  background-color: #495B6C;
}
.bars li .bar.blueBar {
  background-color: #1173cb;
 
}
.chartBarsWrap.chartBarsHorizontal .chartBars .bars li .blueBarFlat {
  height: 100% !important;
  background-color: #007FFF;
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars li .aquaBarFlat {
  height: 100% !important;
  background-color: #38BFCC;
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars li .greenBarFlat {
  height: 100% !important;
  background-color: #54D18E;
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars li .bluefosfoBarFlat {
  height: 100% !important;
  background-color: #00C9FF;
}

.chartBars .bars li  .whiteBarFlat {
  background-color: #ffffff;
  border-left:1px solid #1173cb ;
  border-right:1px solid #1173cb ;
  border-bottom: 1px solid #1173cb;
  border-top: .5px solid #1173cb;
}



.bars li .bar.orangeBar {
  background-color: orange;
  background: radial-gradient(#ffc04d, #FFA500);
}
.bars li .bar.orangeBarFlat {
  background-color: orange;
}
.bars li .bar.purpleBar {
  background-color: #6e46af;
  background: radial-gradient(#9778c9, #6e46af);
}
.bars li .bar.purpleBarFlat {
  background-color: #6e46af;
}

.bars li .bar.whitBar {
 background-color: #ffffff;
 border: 2px solid #0071CE;

}

.bars li .bar.bluewalbar {
 background-color: #007dc3;
 
}

.texto-vertical-2 {
 writing-mode: vertical-lr;
 transform: rotate(270deg);
 z-index: 2;
}


.chartBarsWrap.chartBarsHorizontal .chartBars .bars li .blueBarFlat {
  height: 100% !important;
  background-color: #1173cb;
}

.chartBars .bars li  .whiteBarFlat {
  background-color: #ffffff;
  border-left:1px solid #1173cb ;
  border-right:1px solid #1173cb ;
  border-bottom: 1px solid #1173cb;
  border-top: .5px solid #1173cb;
}



.bars li .bar.orangeBar {
  background-color: orange;
  background: radial-gradient(#ffc04d, #FFA500);
}
.bars li .bar.orangeBarFlat {
  background-color: orange;
}
.bars li .bar.purpleBar {
  background-color: #6e46af;
  background: radial-gradient(#9778c9, #6e46af);
}
.bars li .bar.purpleBarFlat {
  background-color: #6e46af;
}

.box-piesite {
  text-align: center;
  font-size: 22px;
}
.piesite {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 10em;
  cursor: default;
}
.piesite .percent {
  position: absolute;
  top: 1.1em;
  left: 0.1em;
  width: 100%;
  font-size: 0.3em;
  text-align: center;
  z-index: 2;
}
.piesite .percent .symbol {
  font-size: 0.5em;
  vertical-align: top;
  opacity: 0.5;
}
.piesite > #slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0px, 1em, 1em, 0.5em);
}
.piesite > #slice.gt50 {
  clip: rect(auto, auto, auto, auto);
}
.piesite > #slice > .pie {
  position: absolute;
  border: 0.1em solid #444;
  width: 1em;
  height: 1em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 0.5em;
}
li.design .piesite > #slice > .pie {
  border-color: #49E;
}
li.usability .piesite > #slice > .pie {
  border-color: #FFA500;
}
li.creativity .piesite > #slice > .pie {
  border-color: #6B8E23;
}
.piesite > #slice > .pie.fill {
  transform: rotate(180deg) !important;
}
.piesite.fill > .percent {
  display: none;
}
.piesite:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  width: 0.8em;
  height: 0.8em;
  background: #30303A;
  border-radius: 100%;
  z-index: 1;
}
.piesite:before {
  content: '';
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  opacity: 0.5;
  z-index: 0;
}
.piesite:before {
  background: rgba(255, 255, 255, 0.1);
}
.box-piesite ul {
  padding: 0;
}
.box-piesite ul li {
  display: inline-block;
  margin: 10px 20px;
}
.chartBarsHorizontal .chartBars .bars {
  flex-direction: column;
}


.chartBars .bars li .bar {
  
  left: 65px;
 
}




@media screen and (min-width: 600px) {
  .bar:before {
    font-size: 2em !important;
  }
  .chartBars3 .bar:before {
    font-size: 1.5em !important;
  }
}


#home_sec02  {
 
  height: 800px;
  
 }

#home_sec02 .chartBars .bars li .txtlasyer {
 
 font-size: 14px;
 
}

#home_sec02 .chartBarsWrap .txtcifra7 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 10px;
}

#home_sec02 .chartBarsWrap .txtcifra8 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 62px;
}


#home_sec02 .chartBarsWrap .txtcifra1 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 116px;
}
#home_sec02 .chartBarsWrap .txtcifra2 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 169px;
}

#home_sec02 .chartBarsWrap .txtcifra3 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 223px;
}
#home_sec02 .chartBarsWrap .txtcifra4 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 275px;
}
#home_sec02 .chartBarsWrap .txtcifra5 {
 font-size: 24px;
 position: absolute;
 bottom: 8px;
 left: 328px;
}
#home_sec02 .chartBarsWrap .txtcifra6 {
 font-size: 28px;
 position: absolute;
 bottom: 8px;

 left: 377px;
}

#home_sec02  .chartBars .bars li {
 
 
 margin: 0px 0px;

}

#bgimage_sec{

  background-color: #ffffff;

}

#home_sec03 {
  
  padding-top: 3%;
  padding-bottom: 6%;

 }

#home_sec03 .imglogosempra {

  width: 320px;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 40px;

 }

 #home_sec03 h3 {
  
  margin-top: 15px;

 }
 #home_sec03  .ullistmission {
  
  color: #FFFFFF;

 }

.imgsempraplus{
  width: 60%;
    display: block;
    margin: 40px auto;
}

#home_sec03  .btnprinwhite{
  
 margin: auto;

 }

 #home_sec03  .btnprinwhite:nth-child(2){
  
  margin-left: 20px;

 }

 #home_sec04 {
  
  padding-top: 7%;
  padding-bottom: 6%;

 }

 #home_sec04  h3 {
  text-align: right;
 }

 #home_sec04  .btnprinblue2 {
   margin: auto;
   margin-top: 40px;
 } 

 #home_sec04  .cont2 {
   display:inline-flex;
   justify-content: end;

} 

#home_sec05 {
  
  padding-top: 7%;
  padding-bottom: 10%;

 }


#home_sec06 {
  background-color: #001689;
  padding-top: 6%;
  padding-bottom: 6%;

 }

 #home_sec06 .contcenter {
  display: inline-grid;
    justify-content: center;
    align-content: center;

 }


 .contbtns {
  display: flex;

 }

/*--------------------------------------------------------------
# CARTA CEO
--------------------------------------------------------------*/

#messageceo_sec01 {

  height: auto;
}

#messageceo_sec01 .row {
padding-top: 101px;

}

#messageceo_sec01 h3 {
  position: absolute;
  top: 148px;
  z-index: 9;
  left: 60%;
 
}

#messageceo_sec01 .conttitle {

  display: flex;
  justify-content: center;
  
  flex-direction: column;
}

#messageceo_sec01 .conttitle h3 {
  margin-left: -30%;
 
 }

 #messageceo_sec01 .conttitle p {
  margin-left: -30%;
 
 }


#message_sec02 {
  background-image: url(../img/messageceo/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  background-color: #001689;
  padding-top: 5%;
 
  padding-bottom: 5%;
  
}

#message_sec02 .col-lg-6{
 padding-left: 3rem;
 padding-right: 3rem;
  
}




#message_sec03 {
  padding-top: 4%;
  padding-bottom: 3%;
 
}

#message_sec03 .imgleftpos {
  position: relative;
  left: -165px;
  width: 540px;
  height: auto;
  display: block;
 
 }

#message_sec04 {
  padding-top: 3%;
  padding-bottom: 3%;
  
}

#message_sec04 .contxts{
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
  
}

#message_sec04 .contxts h3{
  
  margin-left: 15%;
   
 }


/*--------------------------------------------------------------
# CARTA PRESIDENTE
--------------------------------------------------------------*/

#messagepres_sec01 {

  height: auto;
}

#messagepres_sec01 .row {
padding-top: 101px;

}

#messagepres_sec01 h3 {
  position: absolute;
  top: 148px;
  z-index: 9;
  left: 190px;
 
}

#messagepres_sec01 h3 span.spandesk {
  display: block;
 
}

#messagepres_sec01 h3 span.spanmob {
  display: none;
 
}

#messagepres_sec01 .conttitle {

  display: flex;
  justify-content: center;
  text-align: right;
  flex-direction: column;
}

#messagepres_sec01 .conttitle h3 {
  margin-right: -35%;
  z-index: 9;
 }

 #messagepres_sec03 .conttitle p {
  margin-right: -35%;
  z-index: 9;
 }

 #messagepres_sec02 h3.hdeskon {
  display: block;
}


#messagepres_sec02  h3.hmobon {
  display: none;
}




#messagepres_sec02 {
  
  background-image: url(../img/messageceo/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  background-color: #001689;
  padding-top: 3%;
 
  padding-bottom: 5%;
  
}

#messagepres_sec02 .col-lg-12{
  padding-left: 3rem;
  padding-right: 3rem;
   
 }

#messagepres_sec02 .col-lg-6{
  padding-left: 3rem;
  padding-right: 3rem;
   
 }
 
 #messagepres_sec03 .col-lg-6{
  padding-left: 3rem;
  padding-right: 3rem;
   
 }

#messagepres_sec03 {
  
 
  padding-top: 3%;
 
  padding-bottom: 5%;
  
}

#messagepres_sec03 .contxts{
  
 
 padding-right: 15%;
  
}

#messagepres_sec04 {
  
 
  padding-top: 5%;
 
  padding-bottom: 5%;
  
}


/*--------------------------------------------------------------
# CONTACT
--------------------------------------------------------------*/

#contact_sec01 {
background-image: url(../img/contacto/bgcontact.png);
background-size: cover;
background-position: center;
  background-color: #001689;
 background-repeat: no-repeat;
 height: auto;
}

#contact_sec01 .row {
padding-top: 101px;

}

#contact_sec01 .txtsubtitles01 {
 margin-top: 50px;
  
  }

/*--------------------------------------------------------------
# BUSINESS MODEL
--------------------------------------------------------------*/
.contbtnsviddownlo {
  position: absolute;
  bottom: 50px;
  width: fit-content;
  z-index: 9;
}

 .contbtnsviddownlo a{
  display: inline-flex;
  justify-content: space-around;
  color: #ffffff;
  margin-left: 50px;
 }

 .contbtnsviddownlo a span{
  display: inline-block;

 }

 .contbtnsviddownlo a img{
 display: inline-block;
 width: 50px;
 height: 50px;
 margin-right: 10px;
}

#business_sec01 {
  height: 100vh;
  min-height: 728px;
}

#business_sec01 .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#business_sec01 .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#business_sec01 .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.44723827030812324) 100%);
}

#business_sec01 .row {

  padding-top: 160px;

}

#business_sec01 .imgcap01 {
  display: block;
  width: 230px;
  height: 230px;
  float: right;
  position: relative;
  right: -90px;
  top: -40px;

}



#business_sec01 .row h3 {
  width: 80%;
  margin: auto;
  display: block;
  margin-top: 35px;
}

#business_sec01 .row a {

  margin-left: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#business_sec01 .row .imgbanvidprin {
  display: block;
    width: 95%;
    position: relative;
    top: 38px;
    float: right;

}

#business_sec02 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#business_sec02 h3 {
  width: 70%;
  margin: auto;
}

#business_sec03 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }

 #business_sec04 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }
 
#business_sec04 h3 {

  text-align: right;


}
#business_sec04 .txtrigth {

  text-align: right;


}

.dflexright {

  height: auto;
    display: flex;
    width: 100%;
    justify-content: end;


}

 .imgdecorectangle {
  width: 40px;
  display: block;

 }



 #business_sec05 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }
 #business_sec06 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }

 #secc-map {
  background-image: url(../img/business/map-grey-bg.png);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  
  
 }

#secc-map h3 {
  position: absolute;
  margin-top: 50px;
  
  margin-left: 10%;
 
}
 

/*--------------------------------------------------------------
# GOBERNANCE
--------------------------------------------------------------*/
#gover_sec01 {
  height: 100vh;
  min-height: 728px;
}

#gover_sec01 .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#gover_sec01 .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#gover_sec01 .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.44723827030812324) 100%);
}

#gover_sec01 .row {

  padding-top: 160px;

}

#gover_sec01 .imgcap01 {
  display: block;
  width: 230px;
  height: 230px;
  float: right;
  position: relative;
  right: -50px;
  top: -40px;

}



#gover_sec01 .row h3 {
  width: 80%;
  margin: auto;
  display: block;
  margin-top: 35px;
}

#gover_sec01 .row a {

  margin-left: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#gover_sec01 .row .imgbanvidprin {
  display: block;
    width: 95%;
    position: relative;
    top: 38px;
    float: right;

}



#gover_sec02 .contgrid{

  display: flex;
  flex-direction: column;
  justify-content: center;

}

#gover_sec03 {

 padding-top: 7%;
 padding-bottom: 7%;

}

#gover_sec03 h3, #gover_sec03 p {

  text-align: right;
 
}

#gover_sec04 {
  background-image: url(../img/governance/img-bgshipsuccestorie.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 background-color: #001689;
  height: 389px;
 padding-top: 7%;
  padding-bottom: 7%;
  
} 


#gover_sec04 h3 {
  margin-top: 40px;
  text-align: center;
  
}

#gover_sec04 a {

margin: auto;
  
}


/*--------------------------------------------------------------
# SUSTAIN
--------------------------------------------------------------*/
#sustain_sec01 {
  height: 100vh;
  min-height: 728px;
}

#sustain_sec01 .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#sustain_sec01 .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sustain_sec01 .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.44723827030812324) 100%);
}

#sustain_sec01 .row {

  padding-top: 160px;

}

#sustain_sec01 .imgcap01 {
  display: block;
  width: 230px;
  height: 230px;
  float: right;
  position: relative;
  right: -60px;
  top: -40px;

}



#sustain_sec01 .row h3 {
  width: 80%;
  margin: auto;
  display: block;
  margin-top: 35px;
}

#sustain_sec01 .row a {

  margin-left: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#sustain_sec01 .row .imgbanvidprin {
  display: block;
    width: 95%;
    position: relative;
    top: 15%;
    float: right;

}
 

/*--------------------------------------------------------------
# ENVIROMENTAL
--------------------------------------------------------------*/
#enviro_sec01 {
  height: 100vh;
  min-height: 728px;
}

#enviro_sec01 .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#enviro_sec01 .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#enviro_sec01 .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.44723827030812324) 100%);
}

#enviro_sec01 .row {

  padding-top: 160px;

}

#enviro_sec01 .imgcap01 {
  display: block;
  width: 230px;
  height: 230px;
  float: right;
  position: relative;
  right: -20px;
  top: -40px;

}



#enviro_sec01 .row h3 {
  width: 100%;
  margin: auto;
  display: block;
  margin-top: 15px;
}

#enviro_sec01 .row a {

  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#enviro_sec01 .row .imgbanvidprin {
  display: block;
    width: 95%;
    position: relative;
    top: 18px;
    float: right;

}


#enviro_sec02 {
  padding-top: 3%;
  padding-bottom: 90px;
  height: auto;
  background-image: url(../img/enviromental/img-sec02enviro.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

#enviro_sec02 .contcifras {
 margin: auto;
 width: fit-content;
 margin-top: 90px;
}


#enviro_sec03 {
  padding-top: 3%;
  padding-bottom: 3%;
  height: 428px;
}

#enviro_sec03 .imgleftpos {
  position: relative;
  left: -165px;
  width: 540px;
  height: auto;
  display: block;
 
 }

 #enviro_sec04 {
  padding-top: 3%;
  padding-bottom: 3%;
  height: auto;
}

#enviro_sec04 .imgleftpos {
  position: relative;
  left: -165px;
  width: 540px;
  height: auto;
  display: block;
 
 }


 #enviro_sec04 .chartBarsWrap .txtcifra1 {
  position: absolute;
  top: -8px;
  left: 30px;
  z-index: 2;
}

.txtregularpercent {
  font-size: 18px;
  font-family:Interstate-Bold;
}

#enviro_sec04 .txtcifra1 {
  position: absolute;
    top: 89px;
    right: 38px;


}

#enviro_sec04 .txtcifra2 {
  position: absolute;
    top: 141px;
    right: 38px;


}

#enviro_sec04 .txtcifra3 {
  position: absolute;
    top: 189px;
    right: 38px;


}

#enviro_sec04 .txtcifra4 {
  position: absolute;
  top: 237px;
    right: 38px;


}

#enviro_sec05 {
  padding-top: 3%;
  padding-bottom: 3%;
  height: 80vh;
  background-image: url(../img/enviromental/img-sec04enviro.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


#enviro_sec05 .imgmapindicators {
  width: 260px;
    display: block;
    margin: auto;
    margin-top: 50px;
}

.dateGrafica {
  color: #4d5d6f;
  position: absolute;
  left: -30px;
  font-size: 20px;
  font-size: 11px;
  padding: 9px 0;
}

#enviro_sec06 {
  
  padding-top: 3%;
  padding-bottom: 5%;

 }
 
#enviro_sec06 h3 {

  text-align: right;


}
#enviro_sec06 h3.txtsubtitles01 {
  text-align: center;
}

#enviro_sec06 .txtrigth {

  text-align: right;


}

#enviro_sec07 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }

 #enviro_sec08 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }

 #enviro_sec08 h3 {

  text-align: right;


}
#enviro_sec08 .txtrigth {

  text-align: right;


}
 

 #enviro_sec09 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }

 #enviro_sec10 {
  background-image: url(../img/governance/img-bgshipsuccestorie.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 background-color: #001689;
  height: 389px;
 padding-top: 7%;
  padding-bottom: 7%;
  
} 


#enviro_sec10 h3 {
  margin-top: 40px;
  text-align: center;
  
}

#enviro_sec10 a {

margin: auto;
  
}




/*--------------------------------------------------------------
# COMMUNITY
--------------------------------------------------------------*/
#commu_sec01 {
  height: 100vh;
  min-height: 728px;
}

#commu_sec01 .vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

#commu_sec01 .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#commu_sec01 .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: rgb(0,22,137);
  background: linear-gradient(180deg, rgba(0,22,137,1) 0%, rgba(0,22,137,0.44723827030812324) 100%);
}

#commu_sec01 .row {

  padding-top: 160px;

}

#commu_sec01 .imgcap01 {
  display: block;
  width: 230px;
  height: 230px;
  float: right;
  position: relative;
  right: -50px;
  top: -40px;

}



#commu_sec01 .row h3 {
  width: 80%;
  margin: auto;
  display: block;
  margin-top: 35px;
}

#commu_sec01 .row a {

  margin-left: 33px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#commu_sec01 .row .imgbanvidprin {
  display: block;
    width: 95%;
    position: relative;
    top: 38px;
    float: right;

}



#commu_sec02 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#commu_sec02 h3 {
  width: 70%;
  margin: auto;
}


#commu_sec03 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#commu_sec04 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#commu_sec04 .imggraph {
  display: block;
  width: 335px;
}



#commu_sec05 .continfo {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 3%;
}



#commu_sec06 {
  
  padding-top: 5%;
  padding-bottom: 5%;

 }


 #commu_sec07 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#commu_sec08 {
  background-image: url(../img/championing/img-bgfiretestimonials.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 background-color: #001689;
  height: 389px;
 padding-top: 7%;
  padding-bottom: 7%;
  
} 


#commu_sec08 h3 {
  margin-top: 40px;
  text-align: center;
  
}

#commu_sec08 a {

margin: auto;
  
}


/*--------------------------------------------------------------
# 25YEARS
--------------------------------------------------------------*/

#bgimage_sec2 {
  padding-top: 116px;

}


#years_sec01 {
  
  padding-top: 3%;
  padding-bottom: 6%;

 }

#years_sec01 .imglogosempra {

  width: 320px;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 40px;

 }

 #years_sec01 h3 {
  
  margin-top: 15px;

 }
 #years_sec01  .ullistmission {
  
  color: #FFFFFF;

 }



#years_sec01  .btnprinwhite{
  
  margin: auto;

 }

 #years_sec01  .btnprinwhite:nth-child(2){
  
  margin-left: 20px;

 }


#years_sec02 {
 
  padding-top: 3%;
  padding-bottom: 0;

}

#years_sec02 #container2 {

  height: auto;

  overflow-x: scroll;
  

}

#years_sec02 #content {
  width: 3361px;
  height: 728px;
  background-color: #fff;
}

#years_sec02 #content .imgtimeline {
 width: 3361px;
 display: block;
}



#years_sec02 #slideLeft {
  position: relative;
    width: 77px;
    height: 40px;
    background: #001689;
    color: #ffffff;
    font-size: 20px;
    left: 165px;
    border: 0;
  
    
}

#years_sec02 #slideRight {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  width: 77px;
  height: 40px;
  background: #001689;
  left: 240px;
  border: 0;
  
}

#years_sec02 #slideLeft:hover {
  background: #0b29bf;
}


#years_sec02 #slideRight:hover {
  background: #0b29bf;
}

#years_sec02 #slideLeft:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}


#years_sec02 #slideRight:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}



#years_sec03 {
  background-image: url(../img/years/bgcifras.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3%;
  padding-bottom: 2%;
  background-color: #F4F4F4;
} 


#years_sec03 .continfo h3 {
  line-height: 23px;
  font-family: Interstate-bold;
}


#years_sec04 {
 
  padding-top: 3%;
  padding-bottom: 2%;

} 

#years_sec04 .contrecon {
  margin-top: 40px;
  margin-bottom: 20px;
  display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;

}

#years_sec04 .contrecon img {
  display: block;
  width: 90px;
  height: 90px;
  
    margin-top: 0px;
    margin-bottom: 20px;

}



/*--------------------------------------------------------------
# Successstories
--------------------------------------------------------------*/

#succes_sec01 {
  padding-top: 10%;
  padding-bottom: 5%;
}

#succes_sec01 .imgicon {
  width: 59px;
    height: auto;
    display: block;
    margin-right: 15px;
}

#succes_sec01 .conttitlecard {

  background: #001689;
  padding: 5%;
 


}

#succes_sec01 .col-12 {
  padding-left: 3%;
  padding-right: 3%;

}

#succes_sec01 .conttitlecard h3 {
  margin-bottom: 0;

}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

#test_sec01 {
  padding-top: 10%;
  padding-bottom: 5%;
}

#test_sec01 .conttitlecard {

  background: #38BFCC;
  padding: 5%;
 


}

#test_sec01 .col-12 {
  padding-left: 3%;
  padding-right: 3%;

}

#test_sec01 .conttitlecard h3 {
  margin-bottom: 0;

}

/*--------------------------------------------------------------
# Sierra
--------------------------------------------------------------*/
#sierra_sec01 {
  background-image: url(../img/sierra/bglinegreen.svg);
  background-size: 100% 540px;
  background-repeat: repeat-x;
  padding-top: 10%;
  padding-bottom: 5%;
}

#sierra_sec01 .conttxtinfo {
  padding-left: 5%;
  padding-right: 5%;
}

#sierra_sec01 .decobgcolor {

  width: 100%;
  height: auto;
  text-align: center;
  background-color: #54D18E;
 padding: 40px;




}

/*--------------------------------------------------------------
# Cameron
--------------------------------------------------------------*/
#cameron_sec01 {
  background: #F4F4F4;
  padding-top: 10%;
  padding-bottom: 3%;
}

#cameron_sec01 .conttxtinfo {
  padding-left: 5%;
  padding-right: 5%;
}

#cameron_sec02 {
  
  padding-top: 3%;
  padding-bottom: 5%;
}


/*--------------------------------------------------------------
# Descargas
--------------------------------------------------------------*/


#downlo_01 {
  padding-top: 100px;
  padding-bottom: 5px;

}

#downlo_02 {
  padding-top: 3%;
  padding-bottom: 3%;
  background-image: url(../img/downloads/bgdownloads.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #888B95;
}

#downlo_02 .btndonloadfull {
  display: flex;
}

#downlo_02 .btndonloadfull:hover {
  text-decoration: none;
}

#downlo_02 .btndonloadfull h3 {
  margin-top: 5%;
}

#downlo_02 .btndonloadfull img {
  width: 367px;
    display: block;
    margin-right: 30px;
    margin-bottom: 40px;
}



#downlo_02 .contdowncaps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap:15px;
  grid-row-gap: 0px;
 
}

#downlo_02 .contdowncaps a {
  font-size: 12px;
  margin-right: 10px;
  color: #ffffff;
 
}

#downlo_02 .contdowncaps a:hover p {
  text-decoration: underline;
  
}

#downlo_02 .contdowncaps a .btnbg1{
  width: 100%;
  height: 110px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn1-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#downlo_02 .contdowncaps a .btnbg2{
  width: 100%;
    height: 110px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn2-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#downlo_02 .contdowncaps a .btnbg3{
  width: 100%;
  height: 110px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn3-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#downlo_02 .contdowncaps a .btnbg4{
  width: 100%;
    height: 110px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn4-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#downlo_02 .contdowncaps a .btnbg5{
  width: 100%;
    height: 110px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn5-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

#downlo_02 .contdowncaps .conttxtdown {
  display: flex;
  float: left;
  margin-left: 0;

}
#downlo_02 .contdowncaps .conttxtdown svg{
 margin-top: 3px;
}

#downlo_02 .contdowncaps .conttxtdown p{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 5px;
  font-family: Interstate-Bold;
}

#downlo_02 .contbtnsapend a {
  display: block;
  width: 100%;
  font-size: 13px;
  margin: auto;


}

#downlo_02 .contbtnsapend a:hover {
  color: #001689;


}




/*--------------------------------------------------------------
# VIDEO

--------------------------------------------------------------*/

.modal.show .modal-dialog {
  max-width: 800px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#contnavinter {

  background-color: #f7f7f7;
  
}



#contnavinter p {
  font-family: Flamacon-Bold;
  margin-top: 10px;
  text-transform: uppercase;
  color: #42454A;
  font-size: 16px;
}

#contnavinter .txt-tothetop {

  margin-top: 0;
  line-height: 0;

}

#contnavinter a {

color: #42454A;
}

#contnavinter a:hover {

  text-decoration: none;
  color:#DF1C4E;

}



#footer {
  padding-top: 5%;
 
  width: 100%;
}


#footer h3{
  margin-left: 50px;
}


#footer .btnprinwhite{
  margin-left: 50px;
 
}

#footer .contdowncaps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
 
}

#footer .contdowncaps a {
  font-size: 12px;
  margin-left: 20px;
  color: #ffffff;
 
}

#footer .contdowncaps a:hover p {
  text-decoration: underline;
 
}

#footer .contdowncaps a .btnbg1{
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn1-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#footer .contdowncaps a .btnbg2{
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn2-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#footer .contdowncaps a .btnbg3{
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn3-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#footer .contdowncaps a .btnbg4{
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn4-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: right;

}

#footer .contdowncaps a .btnbg5{
  width: 125px;
  height: 125px;
  padding: 35px 20px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/home/imgbgbtn5-fot.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.contdowncaps .conttxtdown {
 display: flex;
 float: left;
 margin-left: 37px;

}
.contdowncaps .conttxtdown svg{
 margin-top: 3px;
}

.contdowncaps .conttxtdown p{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 5px;
  font-family: Interstate-Bold;
}
#footernav  {
  margin-top: 5%;
  height: 90px;
  background: #001689;
}

#footernav  .row{

  
  justify-content: space-between;
}

#footernav  a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 30px;
  
}


#footernav  .ascrolltop {
  border-radius: inherit;
  border: 1px solid;
  padding: 6px;
  
}



#footernav  a svg{
 
  font-size: 18px;
}

#footernav  a.ainactive {
  opacity: .4;
  pointer-events: none;
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/
@media only screen and (min-width : 546px) and (max-width: 1024px) {




} /*-END  LANDSCAPE-*/

@media (max-width: 545px) {

  #contcapsmen {
    display: none;
}

  #footer .contdowncaps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 3fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

#footernav a {
  
  font-size: 12px;
  
}

#footernav a svg {
  
  padding-top: 4px;

}

#footer .contdowncaps a {
  
  margin-left: 0px;
  
}

#footer .contdowncaps a .btnbg1 {
  
  margin: 10px;
}

#footer .contdowncaps a .btnbg2 {
  
  margin: 10px;
}

#footer .contdowncaps a .btnbg3 {
  
  margin: 10px;
}

#footer .contdowncaps a .btnbg4 {
  
  margin: 10px;
}

#home_video .carousel-control-prev {
 
  top: 70%;
    left: 280px;
  
}

#home_video .carousel-control-next {
  top: 75%;
  left: 280px;
  
}

#home_video .imgtitlesbanprin {
  margin-bottom: 20px;
  width: 278px;
}

#home_video .carousel-item .container .row .contcaptionban {
  margin-top: 0px;
}

#home_video .imgtitlesbanprin2 {
  display: block;
  width: 228px;
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 10px;
}

#home_video .carousel-item .container .row {
 
  flex-direction: column;
}

.imgcontimgtitle1 {
  height: auto;
}

#home_video h2 {
  line-height: 15px;
  
  font-size: 13px;
}

#home_video .txttitleprin {

  font-size: 49px;
  
}

#home_video .contbtnsviddownlo a {
  
  margin-left: 10px;
  margin-top: 10px;
}

.contbtns {
  display: block;
}

.imgsempraplus {
  width: 100%;
  display: block;
  margin: 20px auto;
}


#home_sec03 .btnprinwhite:nth-child(2) {
    margin: auto;
     
}

.moving-mouse-holder {
  
  display: none;
  
}

#business_sec01 {
  height: auto;
  min-height: 100vh;
  
}

#business_sec01 .row {
  padding-top: 85px;
}

#business_sec01 .imgcap01 {
  display: block;
  width: 207px;
  height: 107px;
  float: none; 
  position: relative;
  right: 0; 
  top: 0;
}

#business_sec01 .row .imgbanvidprin {
  display: none;
 
}

#business_sec01 .contbtnsviddownlo a {
  margin-left: 10px;
  margin-top: 10px;
}

#secc-map h3 {
 
  margin-top: 10px;
  
}

#sustain_sec01.row {
  padding-top: 85px;
}

#sustain_sec01 .imgcap01 {
  display: block;
  width: 207px;
  height: 107px;
  float: none; 
  position: relative;
  right: 0; 
  top: 0;
}

#sustain_sec01 .row .imgbanvidprin {
  display: none;
 
}

#sustain_sec01 .contbtnsviddownlo a {
  margin-left: 10px;
  margin-top: 10px;
}

#gover_sec01 .row {
  padding-top: 85px;
}

#gover_sec01 .imgcap01 {
  display: block;
  width: 207px;
  height: 107px;
  float: none; 
  position: relative;
  right: 0; 
  top: 0;
}

#gover_sec01 .row .imgbanvidprin {
  display: none;
 
}

#gover_sec01 .contbtnsviddownlo a {
  margin-left: 10px;
  margin-top: 10px;
}

#gover_sec04 h3 {
  margin-top: 25%;
  
}

#enviro_sec10 h3 {
  margin-top: 25%;
}

#commu_sec08 h3 {
  margin-top: 25%;
  
}

#commu_sec01 .row {
  padding-top: 85px;
}

#commu_sec01 .imgcap01 {
  display: block;
  width: 207px;
  height: 107px;
  float: none; 
  position: relative;
  right: 0; 
  top: 0;
}

#commu_sec01 .row .imgbanvidprin {
  display: none;
 
}

#commu_sec01 .contbtnsviddownlo a {
  margin-left: 10px;
  margin-top: 10px;
}

#enviro_sec01 .row {
  padding-top: 85px;
}

#enviro_sec01 .imgcap01 {
  display: block;
  width: 207px;
  height: 107px;
  float: none; 
  position: relative;
  right: 0; 
  top: 0;
}

#enviro_sec01 .row .imgbanvidprin {
  display: none;
 
}

#years_sec02 #slideLeft {
 
  left: 15px;
 
}

#years_sec02 #slideRight {
  
  left: 40px;
     padding: 15px;
}


#years_sec04 .contrecon {
 
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 3fr;
  padding: 15px;
}

#enviro_sec01 .contbtnsviddownlo a {
  margin-left: 10px;
  margin-top: 10px;
}

#bgimage_sec2 {
  padding-top: 58px;
}

#messageceo_sec01 .row {
  padding-top: 65px;
}


#messageceo_sec01 h3 {
  position: relative;
  top: 0;
  width: max-content;
  left: 15px;
 
}

#messagepres_sec01 .row {
  padding-top: 65px;
}

#messagepres_sec01 h3 {
  width: min-content;
  position: relative;
  top: 0;
  font-size: 28px;
  left: 10px;
 
}

#messagepres_sec01 h3 span.spandesk {
  display: none;
 
}

#messagepres_sec01 h3 span.spanmob {
  display: block;
 
}

#messagepres_sec02 h3.hdeskon {
  display: none;
}


#messagepres_sec02  h3.hmobon {
  display: block;
}


#messagepres_sec01 .conttitle p {
  margin-right: 15px;
  margin-bottom: 20px;
}


#messageceo_sec01 .row .gtxtbgblueFF {
  position: relative;
    float: none;
    width: fit-content;
    top:5px; 
    left: 127px;
    margin-bottom: 20px;
}

#message_sec02 .col-lg-12{
  padding-left: 1rem;
  padding-right: 1rem;
   
 }

#message_sec02 .col-lg-6{
  padding-left: 1rem;
  padding-right: 1rem;
   
 }

 #messagepres_sec02 .col-lg-6{
  padding-left: 1rem;
  padding-right: 1rem;
   
 }
 
 #messagepres_sec03 .col-lg-6{
  padding-left: 1rem;
  padding-right: 1rem;
   
 }

#message_sec03 {
  
  height: auto;
}

#message_sec04 {
 
  height: auto;
}

#enviro_sec02 .contcifras {
  margin: auto;
  width: fit-content;
  margin-top: 30px;
}

#enviro_sec03 {
 
  height: auto;
}


#enviro_sec05 {
  
  height: auto;
  
}

#enviro_sec05 .imgmapindicators {
  
  margin-top: 15px;
  margin-bottom: 30px;
}


#succes_sec01 .imgicon {
  width: 45px;
  
}

#downlo_01 {
  padding-top: 40px;
  
}

#downlo_02 .btndonloadfull img {
  width: 170px;
  display: block;
  margin-right: 20px;
  margin-bottom: 30px;
}


#downlo_02 .contdowncaps {

  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 2fr;
  
}

#downlo_02 .contdowncaps a .btnbg1 {
  width: 100%;
  height: 125px;
  padding: 35px 20px;
  
}

#downlo_02 .contdowncaps a .btnbg2 {
  width: 100%;
  height: 125px;
  padding: 35px 20px;
  
}

#downlo_02 .contdowncaps a .btnbg3 {
  width: 100%;
  height: 125px;
  padding: 35px 20px;
  
}

#downlo_02 .contdowncaps a .btnbg4 {
  width: 100%;
  height: 125px;
  padding: 35px 20px;
  
}

#sierra_sec01 {
  background-image: url(../img/sierra/bglinegreen.svg);
  background-size: 1207px;
  background-repeat: repeat-x;
  padding-top: 55px;
}

#cameron_sec01 {

  padding-top: 55px;

}

.menucont.bgbludark {
  padding-top: 7px;
  
}

}/*-END  MOBILE-*/



/* TABLET PORTRAIT*/
@media screen and (min-width: 767px){
 
}

@media screen and (min-width: 1023px){
  
}

/* DESKTOP */
@media screen and (min-width: 1279px){
  
}


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

}

@media screen and (max-width: 1000px) {
  .wow{
      animation-name: none !important;
      visibility: visible !important;
  }
}