@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);

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

Primary style

-------------------------------- */
::selection {background:#eee;color:#000;}


html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

body {
  font-size: 100%;
  font-family: 'Lato', sans-serif;
  color: #3e3947;
  background-color: white;
}

body, html {
  height: 100%;
}

a {
  color: #919191;
  text-decoration: none;
}

img {
  max-width: 100%;
}


ol, ul {
	list-style: none;
}

h1 {

  font-family: 'Lato', sans-serif;
  font-weight: 900;
}






/*-------------------
Mis Estilos */

#sticky-side
{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  right:0;
  display: flex;
  align-items: center;
  z-index: 9;  

}

.contact-btn{
  height:50px;
  width:150px;
  background-color:#14b198;
  color:#fff;
  line-height:50px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  transform:translatex(50px) rotate(-90deg);
  cursor:pointer;
}
#side-box
{
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-right: 0;
    height: auto;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    background: #fff;
    max-width: 400px;
    margin-right: -400px;
    z-index: 9999;
    transition: all .5s;
      box-sizing: border-box;
}
#side-box .side-header
{
  display:block;
  background-color:#14b198;
  padding:0 15px;
  font-size:20px;
  color:#fff;height:40px;
  line-height:40px;
  position:relative;
}
#side-box .side-header i{
  font-size:20px;
  position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  cursor:pointer;
  
}
.open-box {
    margin-right: 0 !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#slide_1 { background-image: url("../images/uno.jpg");    background-position: center;    background-repeat: no-repeat;     background-size: cover;}
#slide_2 { background-image: url("../images/dos.jpg");    background-position: center;    background-repeat: no-repeat;     background-size: cover;}
#slide_3 { background-image: url("../images/tres.jpg");    background-position: center;    background-repeat: no-repeat;     background-size: cover;}

.top5 {margin-top: 5px !important;}
.top10 {margin-top: 10px !important;}
.top20 {margin-top: 20px !important;}
.top30 {margin-top: 30px !important;}
.top40 {margin-top: 40px !important;}
.top50 {margin-top: 50px !important;}
.top60 {margin-top: 60px !important;}
.top80 {margin-top: 80px !important;}
.top100 {margin-top: 100px !important;}

.pad10 {padding-top: 10px !important;}
.pad20 {padding-top: 20px !important;}
.pad30 {padding-top: 30px !important;}
.pad40 {padding-top: 40px !important;}
.pad50 {padding-top: 50px !important;}
.bot5 {margin-bottom: 5px !important;}
.bot10 {margin-bottom: 10px !important;}
.bot20 {margin-bottom: 20px !important;}
.bot30 {margin-bottom: 30px !important;}
.bot40 {margin-bottom: 40px !important;}
.bot50 {margin-bottom: 50px !important;}
.padb20 {padding-bottom: 20px !important;}
.margincero {margin: 0; padding: 0;}

.alert-box .close {    opacity: 1;}
.alert-box {background-color: #10aa91; padding: 0 20px;}

.cover {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.blur-in {
  -webkit-animation: blur 2s forwards;
  -moz-animation: blur 2s forwards;
  -o-animation: blur 2s forwards;
  animation: blur 2s forwards;
}

.blur-out {
  -webkit-animation: blur-out 2s forwards;
  -moz-animation: blur-out 2s forwards;
  -o-animation: blur-out 2s forwards;
  animation: blur-out 2s forwards;
}

@-webkit-keyframes blur {
  0% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }

  100% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }
}

@-moz-keyframes blur {
  0% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }

  100% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }
}

@-o-keyframes blur {
  0% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }

  100% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }
}

@keyframes blur {
  0% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }

  100% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }
}

@-webkit-keyframes blur-out {
  0% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }

  100% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }
}

@-moz-keyframes blur-out {
  0% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }

  100% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }
}

@-o-keyframes blur-out {
  0% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }

  100% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }
}

@keyframes blur-out {
  0% {
      -webkit-filter: blur(4px);
      -moz-filter: blur(4px);
      -o-filter: blur(4px);
      -ms-filter: blur(4px);
      filter: blur(4px);
  }

  100% {
      -webkit-filter: blur(0px);
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -ms-filter: blur(0px);
      filter: blur(0px);
  }
}

.content {
  width: 650px;
  margin: 0 auto;
  padding-top: 100px;
}

span {
  color: dimgray;
}

.pop-up {
  position: fixed;
  margin: 5% auto;
  left: 0;
  right: 0;
  z-index: 999;
width:75%;
}

.box {
  background-color: #fff;
  color:white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  position: relative;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
}

.button {
  margin 0 auto;
background-color: none;
  margin-bottom: 33px;
}

.button:hover {
  background-color: grey;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
}

.close-button {
text-decoration: none;
  transition: all 0.5s ease;
  position: absolute;
  background-color: black;
  padding: 2.5px 7px;
  left: 0;
  margin-left: -10px;
  margin-top: -9px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: white;
  -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
  box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.close-button:hover {
  background-color: none;
  color: #fff;
}

.popupsub {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  background-color: #005389;
}

.centrar {
  text-align: center;
}

.derecha {
  text-align: right;
}

.izquierda {
  text-align: left;
} 
.left30 {margin-left: 30px;}
.left50 {margin-left: 50px;}
.padleft25 {padding-left: 25px;}
.padleft75 {padding-left: 75px;}



.row {
  max-width: 1240px;
}









.textoSlider { float: left; width: 100%; height: 100%; margin-top: 200px; }

.textoSlider .mtop {margin-top: 40px;}
.textoSlider .fsize {font-size: 33px}

.textoSlider h1 { 
  font-family: 'Lato', sans-serif;
  font-weight: 900; 
  position: relative; 
  color: #FFF; 
  font-size: 50px; 
  z-index: 3; 
  text-align: center; 
  float: left;
  width: 100%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
    -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
  -o-animation-delay: .5s;
}



.textoSlider span {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  position: relative;
  color:#FFF;
  font-size: 21px;
  z-index: 3;
  text-align: center;
  float: left;
  width: 100%;
  margin-top: 30px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;

  
}

.textoSlider button {
  
  font-weight: 700;
color: #FFF;
z-index: 3;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
background: transparent;
border: 2px solid #fff;
border-radius: 10px;
text-transform: uppercase;
margin: 0 auto;
display: block;
top: 50px;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
-webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  
}

.textoSlider button:hover {background: #fff;color: #76450F;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);}
.textoSlider button:focus {outline: none}

.textoSlider img {
  display: block;
  
  margin: 0 auto;
  position: relative;
  z-index: 10;
}


  #section2{
  padding-top: 79px;
  background: #FFF;
  text-align: left;
  clear: both;

 
  
}


#sustainability {padding-top: 79px;clear: both;padding-bottom: 80px;    background: #072433;
}

#sustainability h2 {  font-family: 'Lato', sans-serif;
    color: #c1c1c1;
    font-weight: 700;
    font-size: 18px;}
#sustainability h4 {text-align: center;
    color: #fff;
    font-weight: 600;}
  

#sustainability h3 {    text-align: center;
    color: #fff;
    font-weight: 200;}
#sustainability a {    text-align: center;
    color: #fff;
    font-weight: 400;
    width: 50%;
    background: #0faa91;
    padding: 20px;
    font-size: 18px;
    margin: 20px auto;
    display: block;}


#projects {padding-top: 79px;clear: both;padding-bottom: 80px;
}

#projects h2 {  font-family: 'Lato', sans-serif;
    color: #c1c1c1;
    font-weight: 700;
    font-size: 18px;}
#projects h4 {text-align: center;
    color: #072433;
    font-weight: 600;}
  

#projects h3 {    text-align: center;
    color: #072433;
    font-weight: 200;}
#projects a {    text-align: center;
    color: #fff;
    font-weight: 400;
    width: 50%;
    background: #072433;
    padding: 20px;
    font-size: 18px;
    margin: 20px auto;
    display: block;}

#section2 h2 {
  font-family: 'Lato', sans-serif;
  color: #c1c1c1;
  font-weight: 700;
  font-size:18px;


}

#section2 h3 {
  position: relative;
  margin: 0 auto;
  top: -45px;
  width: 60%;
  font-family: 'Lato', sans-serif;
  color: #000;
  background-color: white;
  font-weight: 700;
  font-size:18px;


}

#section2 hr {
border-width: 3px 0 0;
margin-top: 9px;
margin-bottom: 30px;
}

#section2 li {text-align: left;}
#section2 button {
  
  font-weight: 400;
color: rgba(2, 23, 37, 0.96);

text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
background: transparent;
border: 2px solid rgba(2, 23, 37, 0.96);
border-radius: 5px;
text-transform: uppercase;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
padding: 8px;


-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
-webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  
}

#section2 button:hover {background: rgba(2, 23, 37, 0.96);color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);}
#section2 button:focus {outline: none}

.lineanegra hr {
border-width: 3px 0 0;
margin-top: 9px;
border: solid black;
}

#section2 h1 {
font-family: 'Lato', sans-serif;
color: #000;
font-weight: 700;
font-size: 50px;
}

.texto {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
  color: #5f5f5f;

}

#sectionImagen1 {
  margin-top: 50px;
  width: 100%;
  background-image:url('../images/tres.jpg');
  height:300px;
}

  #section3{
  padding-top: 79px;
  background: #FFF;
  text-align: left;
  clear: both;

 
  
}



#section3 h2 {
  font-family: 'Lato', sans-serif;
  color: #c1c1c1;
  font-weight: 700;
  font-size:18px;


}

#section3 h3 {
  position: relative;
  margin: 0 auto;
  top: -45px;
  width: 60%;
  font-family: 'Lato', sans-serif;
  color: #000;
  background-color: #eee;
  font-weight: 700;
  font-size:18px;


}

#section3 h4 {
  position: relative;
  margin: 0 auto;
  top: 0px;

  color: #000;
  background-color: white;
  font-weight: 900;
  font-size:15px;


}

#section3 hr {
border-width: 3px 0 0;
margin-top: 9px;
margin-bottom: 30px;
}






.backgroundh { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 300px; }
.slideh { background-attachment: fixed; }





.button {
  background-color: #2e8ed2;
  padding: 12px 50px;
  text-align: right;
}

.button:hover {
  background-color: #247fbf;
}
#gris {
  float:left; height:100%; background-color: #eee; margin-top: 50px; padding-bottom: 50px;width: 100%;}
}


/* ROY */

#oursister {background: #eee;clear: both;margin-top: 50px;padding-bottom: 50px;}

#ourinvestors {padding-bottom: 50px;}
#ourinvestors h3 {text-align: center;}
#ourinvestors span {color:#5f5f5f; line-height: 27px;font-size: 15px;padding-bottom:15px;float: left;text-align: center;
  width: 100%;}

#strategyBg {height: 420px;width: 100%;float: left;}
#strategyBg .image .content {text-align: center;padding-top: 45px;}
#strategyBg .image {height: 100%;width: 100%;background: url("../images/tres.jpg") no-repeat center center;background-size: cover;}
#strategyBg h2 {    padding: 100px 0;color: #fff;text-shadow: 0 2px 4px rgba(45, 45, 45, 0.46);width: 70%;margin: 0 auto;font-size: 26px;}



#operationsBg {height: 387px;width: 100%;float: left;clear: both;}
#operationsBg .image .content {text-align: center;padding-top: 45px;}
#operationsBg .image {height: 100%;width: 100%;background: url("../images/operations.jpg") no-repeat center center;background-size: cover;}
#operationsBg h2 {  padding: 80px 0;color: #fff;text-shadow: 0 2px 4px rgba(45, 45, 45, 0.46);text-transform: uppercase;width: 60%;margin: 0 auto;border: 4px solid #fff;font-size: 45px;}


#operations{  float: left;margin: 0 auto;width: 100%;padding-top: 80px;  padding-bottom: 80px; }
#operations h1 {color: #000;font-weight: 700;font-size: 50px;text-transform: uppercase;  margin-bottom: 60px;}
#operations h2 {color: #c1c1c1;font-weight: 700;font-size:18px;text-transform: uppercase;}
#operations h3 {  font-weight: 700;font-size: 28px;width: 100%;}
#operations p {font-size: 13px;}
#operations hr {border-width: 3px 0 0;margin-top: 9px;margin-bottom: 30px;}
#operations .facts {margin-bottom: 0}
#operations .circle
    {
       width: 200px;
  height: 200px;
  border-radius: 250px;
  font-size: 28px;
  color: #0B202D;
  line-height: 34px;
  text-align: center;
  border: 5px solid #0B202D;
    float: left;
  margin-left: 45px;
  margin-top: 25px;
    }
#operations .circle .centrado {top: 45px;}
#operations .circle span {top: 60px;position: relative;}


#news{  float: left;margin: 0 auto;width: 100%;padding-top: 80px;  padding-bottom: 80px;background: #0B202D }
#news h1 {color: #fff;font-weight: 700;font-size: 50px;text-transform: uppercase;  margin-bottom: 60px;}
#news h2 {color: #fff;font-weight: 700;font-size:18px;text-transform: uppercase;}
#news .link {  font-weight: 700;font-size: 28px;width: 100%;color: #fff;text-align:center;text-transform: uppercase;float: left;margin-bottom:5px;}
#news a, #news a:link, #news a:visited {color:#fff;}
#news a:hover {color: #ccc !important}
#news span {text-align: center;color:#ccc;margin-right: 5px;}
#news p {font-size: 13px;text-align: center;color:#fff;}
#news hr {border-width: 3px 0 0;margin-top: 9px;margin-bottom: 30px;}

#newstop {  float: left;margin: 0 auto;width: 100%;height: 80px;  padding-bottom: 0px;background: #0B202D }

#newsind{  float: left;margin: 0 auto;width: 100%;padding-top: 80px;  padding-bottom: 80px;background: #fff }
#newsind h1 {color: #000 !important;font-weight: 700;font-size: 50px;text-transform: uppercase;  margin-bottom: 60px;}
#newsind h2 {color: #000 !important;font-weight: 700;font-size:18px;text-transform: uppercase;}
#newsind h3 {  font-weight: 700;font-size: 28px;width: 100%;color: #000 !important;text-align:center;text-transform: uppercase}
#newsind a:link {color: #000 !important;}
#newsind a:hover {color: #ccc !important}
#newsind span {text-align: center;color: #000 !important;margin-right: 5px;font-size:16px !important;}
#newsind p {color: #000 !important;font-size:16px !important;}

#contact{  float: left;margin: 0 auto;width: 100%;padding-top: 80px; background: #000;color: #fff;padding-bottom: 50px;}
#contact h1 {color: #fff;font-weight: 700;font-size: 50px;text-transform: uppercase;  margin-bottom: 60px;}
#contact h2 {color: #fff;font-weight: 700;font-size:18px;text-transform: uppercase;}
#contact h3 {font-weight: 700;font-size: 28px;}
#contact h4 {color: #fff;font-size: 16px;}
#contact p {font-size: 13px;}
#contact hr {border-width: 3px 0 0;margin-top: 9px;margin-bottom: 30px;}
#contact i {font-size: 22px;text-align: right;margin-bottom: 10px;}
#contact a, #contact a:link, #contact a:visited {font-size: 13px;color: #fff;border-bottom: 1px solid #000;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#contact a:hover {color:#aaa;border-bottom: 1px solid #aaa;}
#contact .line_s {border-width: 3px 0 0;margin-top: 9px;margin-bottom: 30px;width: 20%;}
#contact span {font-size: 13px;}
#contact input {  background: #1f1f1f;border: 1px solid #1B1B1B;color: #fff}
#contact textarea {  background: #1f1f1f;border: 1px solid #1B1B1B;resize:none;}
#contact input:hover, #contact textarea:hover {border: 1px solid #12a88d;color: #fff}
#contact input:focus, #contact textarea:focus {box-shadow: 0 0 0;border: 1px solid #12a88d; color: #fff}
#contact .button {background: #12a88d;border-radius: 3px;outline: none}


#error, #mail_success {display: none}

#footer {padding: 40px 0;clear: both;width: 100%;margin: 0 auto;float: left}

nav {display:inline-block; background:#eee;}
nav > ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); -moz-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); -ms-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); -o-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(0deg); }
nav > ul > li { display: inline-block; position: relative; }
nav > ul > li > a { display: block; white-space: nowrap; margin: 0; padding: 0 20px; font-size: 16px; color: #fff; color: #12a88d; line-height: 40px; text-decoration: none; border-bottom: 2px solid transparent; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
nav > ul > li > a:hover { color: #12a88d;border-bottom-color: transparent; }
nav > ul > li.menu-item-has-children > a { padding-right: 36px; position: relative; }
nav > ul > li.menu-item-has-children > a:after { content: ''; position: absolute; width: 6px; height: 6px; border-top: 2px solid #12a88d; border-right: 2px solid #12a88d; top: 50%; right: 18px; margin-top: -5px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
nav > ul > li.menu-item-has-children > a:hover:after { border-color: white; }
nav > ul > li.current-menu-item > a, nav > ul > li.current_page_item > a, nav > ul > li.current-menu-ancestor > a, nav > ul > li.current_page_ancestor > a { color: black; border-bottom-color: #12a88d; }
nav > ul > li.current-menu-item > a:after, nav > ul > li.current_page_item > a:after, nav > ul > li.current-menu-ancestor > a:after, nav > ul > li.current_page_ancestor > a:after { border-color: black; }
nav > ul > li:not(:first-child) { margin: 0 0 0 20px; }
nav > ul > li ul { opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); -moz-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); -ms-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); -o-transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); transform: perspective(200px) translateZ(0px) translateY(0px) rotateX(-90deg); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; }
nav > ul > li > ul { position: absolute; z-index: 10; }
nav > ul > li > ul li.current-menu-item > a, nav > ul > li > ul li.current_page_item > a, nav > ul > li > ul li.current-menu-ancestor > a, nav > ul > li > ul li.current_page_ancestor > a { background: #cc4800; }
nav > ul > li > ul li.menu-item-has-children > a { padding-right: 36px; position: relative; }
nav > ul > li > ul li.menu-item-has-children > a:after { content: ''; position: absolute; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; top: 50%; right: 18px; margin-top: -5px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
nav > ul > li > ul li ul { -webkit-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg); -moz-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg); -ms-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg); -o-transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg); transform: perspective(100px) translateZ(0px) translateY(0px) rotateY(90deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; }
nav > ul > li > ul > li { position: relative; }
nav > ul > li > ul > li > a { display: block; white-space: nowrap; margin: 0; padding: 0 20px; font-size: 16px; color: #fff; line-height: 40px; text-decoration: none; background: #12a88d; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
nav > ul > li > ul > li > a:hover { background: #0d9a84; }
nav > ul > li > ul > li.current-menu-item > a, nav > ul > li > ul > li.current_page_item > a { background: #cc4800; }
nav > ul > li > ul > li ul { position: absolute; z-index: 10; left: 100%; top: 0; }
nav > ul > li > ul > li ul li { position: relative; }
nav > ul > li > ul > li ul li a { display: block; white-space: nowrap; margin: 0; padding: 0 20px; font-size: 16px; color: #fff; line-height: 40px; text-decoration: none; background: #12a88d; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
nav > ul > li > ul > li ul li a:hover { background: #cc4800; }
nav > ul > li > ul > li ul li.current-menu-item a, nav > ul > li > ul > li ul li.current_page_item a { background: #cc4800; }

.cd-secondary-nav li {
    display: inline-block;
    margin-left: 0 !important;
}

/* FIN ROY */



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

#operations .circle {width: 150px;
  height: 150px;
  border-radius: 250px;
  font-size: 22px;
  color: #0B202D;
  line-height: 34px;
  text-align: center;
  border: 3px solid #0B202D;
  float: left;
  margin-left: 35px;
  margin-top: 25px;}

  #operations .circle .centrado {top: 25px;}
  #operations .circle span {top: 40px;}


  }

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




  }

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


#operations .circle {width: 150px;
  height: 150px;
  border-radius: 250px;
  font-size: 22px;
  color: #0B202D;
  line-height: 34px;
  text-align: center;
  border: 3px solid #0B202D;
  float: left;
  margin-left: 35px;
  margin-top: 25px;}

  #operations .circle .centrado {top: 25px;}
  #operations .circle span {top: 40px;}




}


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

#strategyBg h2 {padding-top: 20px;}

}


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

#strategyBg h2 {padding-top: 0px;}
.cd-logo {width: 140px}

}



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

 #strategyBg h2 {padding-top: 0px;font-size: 24px;}
 .cd-secondary-nav {text-align: right;width: 50%;}
 .cd-logo img {width: 100%;}
 .cd-secondary-nav .left0 {margin-left: 16px;}



  }




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

 #operationsBg h2 { padding: 35px 0;font-size: 32px;}
 #strategyBg {height: 440px;}
 #strategyBg h2 {padding-top: 0px;font-size: 20px;}
 .cd-secondary-nav {text-align: right;width: 80%;}
 .cd-logo img {width: 100%;}
 .cd-secondary-nav .left0 {margin-left: 18px;}


}



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

 #operationsBg h2 { padding: 35px 0;font-size: 32px;}
 #strategyBg {height: 440px;}
 #strategyBg h2 {padding-top: 20px;font-size: 20px;}
 .cd-secondary-nav {text-align: right;width: 100%;}
 .cd-secondary-nav a {font-size: 14px;}
 .cd-logo img {width: 85%;}
 .hide {display: none !important;}
 .textoSlider h1 {font-size: 41px;}
 .textoSlider .fsize {font-size: 27px;}
 .cd-secondary-nav .left0 {margin-left: 18px;}
 


#operations .circle {  width: 115px;
  height: 115px;
  border-radius: 250px;
  font-size: 17px;
  color: #0B202D;
  line-height: 27px;
  text-align: center;
  border: 3px solid #0B202D;
  float: left;
  margin-left: 10px;
  margin-bottom: 25px}

  #operations .circle .centrado {top: 20px;}
  #operations .circle span {top: 30px;}



}

@media only screen and (max-width: 370px) { 
   .cd-secondary-nav a {font-size: 12px;}
   #operationsBg h2 {font-size: 27px;}
   #operations h1 {font-size: 47px;}
   .textoSlider h1 {font-size: 36px;margin-top: 0px;}
   .cd-secondary-nav .left0 {margin-left: 21px;}
   .textoSlider .mtop {margin-top: 0px;}




}