@charset "UTF-8";



.LogoTecnoRiegoGT {

  width: 60%;

}

.main-nav2 {

  display: none;

}



.menu-nav2 {

  display: none;

}



.telephone-bubble {

  display: none;

}





.cmini {

  display: none;

}











@media (min-width: 1140px) {

  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {

    float: left;

    margin: 0 12px; }

  .container {

    margin: 0 auto;

    width: 1032px; }

    .container:after {

      clear: both;

      content: '';

      display: block; }

  .col1 > .container {

    margin: 0 0 0 -12px;

    width: 86px; }

  .col2 > .container {

    margin: 0 0 0 -12px;

    width: 172px; }

  .col3 > .container {

    margin: 0 0 0 -12px;

    width: 258px; }

  .col4 > .container {

    margin: 0 0 0 -12px;

    width: 344px; }

  .col5 > .container {

    margin: 0 0 0 -12px;

    width: 430px; }

  .col6 > .container {

    margin: 0 0 0 -12px;

    width: 516px; }

  .col7 > .container {

    margin: 0 0 0 -12px;

    width: 602px; }

  .col8 > .container {

    margin: 0 0 0 -12px;

    width: 688px; }

  .col9 > .container {

    margin: 0 0 0 -12px;

    width: 774px; }

  .col10 > .container {

    margin: 0 0 0 -12px;

    width: 860px; }

  .col11 > .container {

    margin: 0 0 0 -12px;

    width: 946px; }

  .col12 > .container {

    margin: 0 0 0 -12px;

    width: 1032px; }

  .col1 {

    width: 62px; }

  .col2 {

    width: 148px; }

  .col3 {

    width: 234px; }

  .col4 {

    width: 320px; }

  .col5 {

    width: 406px; }

  .col6 {

    width: 492px; }

  .col7 {

    width: 578px; }

  .col8 {

    width: 664px; }

  .col9 {

    width: 750px; }

  .col10 {

    width: 836px; }

  .col11 {

    width: 922px; }

  .col12 {

    width: 1008px; }

  .pre1 {

    margin-left: 98px; }

  .pre2 {

    margin-left: 184px; }

  .pre3 {

    margin-left: 270px; }

  .pre4 {

    margin-left: 356px; }

  .pre5 {

    margin-left: 442px; }

  .pre6 {

    margin-left: 528px; }

  .pre7 {

    margin-left: 614px; }

  .pre8 {

    margin-left: 700px; }

  .pre9 {

    margin-left: 786px; }

  .pre10 {

    margin-left: 872px; }

  .pre11 {

    margin-left: 958px; }

  .suf1 {

    margin-right: 86px; }

  .suf2 {

    margin-right: 172px; }

  .suf3 {

    margin-right: 258px; }

  .suf4 {

    margin-right: 344px; }

  .suf5 {

    margin-right: 430px; }

  .suf6 {

    margin-right: 516px; }

  .suf7 {

    margin-right: 602px; }

  .suf8 {

    margin-right: 688px; }

  .suf9 {

    margin-right: 774px; }

  .suf10 {

    margin-right: 860px; }

  .suf11 {

    margin-right: 946px; }

  .colr {

    float: right;

    margin: 0 12px; }

  .alpha {

    margin-left: 0; }

  .omega {

    margin-right: 0; }

  .clear {

    clear: both; }

  .center {

    float: none;

    margin: 0 auto; }

  .l-hide {

    display: none; }

  .l-show-block,

  .l-show-inline {

    display: inline; }

  .s-show-block,

  .s-show-block,

  .m-show-inline,

  .m-show-inline {

    display: none; } }



@media (min-width: 1420px) {

  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {

    float: left;

    margin: 0 15px; }

  .col12 {

    margin: 0 15px;

    width: 1170px; }

  .col1 {

    width: 70px; }

  .col2 {

    width: 170px; }

  .col3 {

    width: 270px; }

  .col4 {

    width: 370px; }

  .col5 {

    width: 470px; }

  .col6 {

    width: 570px; }

  .col7 {

    width: 670px; }

  .col8 {

    width: 770px; }

  .col9 {

    width: 870px; }

  .col10 {

    width: 970px; }

  .col11 {

    width: 1070px; }

  .pre1 {

    margin-left: 115px; }

  .pre2 {

    margin-left: 215px; }

  .pre3 {

    margin-left: 315px; }

  .pre4 {

    margin-left: 415px; }

  .pre5 {

    margin-left: 515px; }

  .pre6 {

    margin-left: 615px; }

  .pre7 {

    margin-left: 715px; }

  .pre8 {

    margin-left: 815px; }

  .pre9 {

    margin-left: 915px; }

  .pre10 {

    margin-left: 1015px; }

  .pre11 {

    margin-left: 1115px; }

  .suf1 {

    margin-right: 115px; }

  .suf2 {

    margin-right: 215px; }

  .suf3 {

    margin-right: 315px; }

  .suf4 {

    margin-right: 415px; }

  .suf5 {

    margin-right: 515px; }

  .suf6 {

    margin-right: 615px; }

  .suf7 {

    margin-right: 715px; }

  .suf8 {

    margin-right: 815px; }

  .suf9 {

    margin-right: 915px; }

  .suf10 {

    margin-right: 1015px; }

  .suf11 {

    margin-right: 1115px; }

  .container {

    width: 1200px; }

  .col1 > .container {

    margin: 0 0 0 -15px;

    width: 100px; }

  .col2 > .container {

    margin: 0 0 0 -15px;

    width: 200px; }

  .col3 > .container {

    margin: 0 0 0 -15px;

    width: 300px; }

  .col4 > .container {

    margin: 0 0 0 -15px;

    width: 400px; }

  .col5 > .container {

    margin: 0 0 0 -15px;

    width: 500px; }

  .col6 > .container {

    margin: 0 0 0 -15px;

    width: 600px; }

  .col7 > .container {

    margin: 0 0 0 -15px;

    width: 700px; }

  .col8 > .container {

    margin: 0 0 0 -15px;

    width: 800px; }

  .col9 > .container {

    margin: 0 0 0 -15px;

    width: 900px; }

  .col10 > .container {

    margin: 0 0 0 -15px;

    width: 1000px; }

  .col11 > .container {

    margin: 0 0 0 -15px;

    width: 1100px; }

  .col12 > .container {

    margin: 0 0 0 -15px;

    width: 1200px; }

  .colr {

    float: right;

    margin: 0 15px; }

  .alpha {

    margin-left: 0; }

  .omega {

    margin-right: 0; }

  .clear {

    clear: both; }

  .center {

    float: none;

    margin: 0 auto; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .wrap {

    overflow: hidden;

    width: 100%; }

  .container {

    width: 96%;

    padding: 0 6px;

    box-sizing: border-box;

    margin: 0 auto;

    max-width: 780px; }

    .container::after {

      clear: both;

      content: '';

      display: block; }

    .container .container {

      width: 102%;

      width: calc(100% + 24px);

      margin-left: -12px; }

  .col12,

  .col11,

  .col10,

  .col9,

  .col8,

  .col7 {

    margin: 0;

    padding: 0 12px;

    width: 100%;

    box-sizing: border-box; }

  .col6,

  .col5,

  .col4,

  .col3 {

    float: left;

    margin: 0;

    padding: 0 12px;

    width: 50%;

    box-sizing: border-box; }

  .col2 {

    float: left;

    margin: 0;

    padding: 0 12px;

    width: 33.33%;

    box-sizing: border-box; }

  .col1 {

    float: left;

    margin: 0;

    padding: 0 12px;

    width: 25%;

    box-sizing: border-box; }

  .m-full {

    width: 100%; }

    .m-full.colr {

      float: none; }

  .m-half,

  .m-2_4 {

    float: left;

    width: 50%; }

  .m-3_4 {

    float: left;

    width: 75%; }

  .m-2_3 {

    float: left;

    width: 66.66%; }

  .m-1_3 {

    float: left;

    width: 33.33%; }

  .m-1_4 {

    float: left;

    width: 25%; }

  .colr {

    float: right; }

  .alpha {

    margin-left: 0; }

  .omega {

    margin-right: 0; }

  .clear {

    clear: both; }

  .center {

    float: none;

    margin: 0 auto; }

  .m-hide {

    display: none; }

  .m-show-block,

  .m-show-inline {

    display: inline; }

  .s-show-block,

  .s-show-block,

  .l-show-inline,

  .l-show-inline {

    display: none; } }



@media (min-width: 120px) and (max-width: 719px) {

  .telephone-bubble {

    display: block;

    position: fixed;

    z-index: 10000;

    bottom: 10px;

    left: 10px;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    text-indent: 65px;

    line-height: 60px;

    overflow: hidden;

    background-size: 36px auto;

    background-position: center;

    background-repeat: no-repeat;

  }



  .main-nav22 {

    position: absolute;

    display: inline-block;

  }

  

  .nav li a {

    background-color: black;

    color: white;

    text-decoration: none;

  }

  .boton-de-menu {

    display: block;

    position: absolute;

    right: 2px;

    top: -7px;

    text-decoration: none;

  }

  .nav li a:hover {

    background-color: black;

    color: gray;

    text-decoration: none;

  }

  

  .nav li ul {

    display:none;

    position:absolute;

    min-width:20px;

    list-style-type: none;

    right: 0px;

    text-align: right;

    text-decoration: none;

    

  }

  

  .nav li:hover > ul {

    display:block;

    background-color: black;

    width: 75px;

    padding: 0;

    text-decoration: none;

  }

  

  .nav li ul li {

    position:relative;

    text-decoration: none;

  }

  

  .nav li ul li ul {

    right:340px;

    top:0px;

    text-decoration: none;

  }

  .nav {

    list-style-type: none;

    text-decoration: none;

  }

  .menu-final {

    background-color: red;

    text-decoration: none;

  }

  .wrap {

    overflow: hidden;

    width: 100%; }



  .container {

    width: 100%;

    padding: 0 6px;

    box-sizing: border-box;

    margin: 0 auto;

    max-width: 540px; }

    .container:after {

      clear: both;

      content: '';

      display: block; }

    .container .container {

      width: 102%;

      width: calc(100% + 24px);

      margin-left: -12px; }

  .col12,

  .col11,

  .col10,

  .col9,

  .col8,

  .col7,

  .col6,

  .col5,

  .col4,

  .col3 {

    margin: 0;

    padding: 0 6px;

    width: 100%;

    box-sizing: border-box; }

  .col2,

  .col1 {

    float: left;

    margin: 0;

    padding: 0 6px;

    width: 50%;

    box-sizing: border-box; }

  .s-full {

    float: none;

    margin: 0;

    padding: 0 6px;

    width: 100%;

    box-sizing: border-box; }

  .s-half {

    float: left;

    margin: 0;

    padding: 0 6px;

    width: 50%;

    box-sizing: border-box; }

  .s-1_3 {

    float: left;

    margin: 0;

    padding: 0 6px;

    width: 33.333333333333%;

    box-sizing: border-box; }

  .s-2_3 {

    float: left;

    margin: 0;

    padding: 0 6px;

    width: 66.666666666666%;

    box-sizing: border-box; }

  .clear {

    clear: both; }

  .s-hide {

    display: none; }

  .s-show-block,

  .s-show-inline {

    display: inline; }

  .m-show-block,

  .m-show-inline,

  .l-show-block,

  .l-show-inline {

    display: none; } 



    @media (min-width: 1140px) {

      .wrap {

        padding-top: 88px; } }

    

    @media (min-width: 720px) and (max-width: 1139px) {

      .wrap {

        padding-top: 64px; } }

    

    @media (min-width: 120px) and (max-width: 719px) {

      .wrap {

        padding-top: 44px; } 

      

  .main-nav {

    position: absolute;

    display: inline-block;

  }

      }

       }



       





        

@media (min-width: 1140px) {

  body {

    font-size: 17px; }

  h1 {

    font-size: 3.157em; }

  h2 {

    font-size: 2.369em; }

  h3 {

    font-size: 1.333em; }

  h4 {

    font-size: 1.2em; }

  .lg,

  .hero {

    font-size: 1.2em; }

  .sm {

    font-size: 0.75em; } }



@media (min-width: 720px) and (max-width: 1139px) {

  body {

    font-size: 16px; }

  h1 {

    font-size: 2.441em; }

  h2 {

    font-size: 1.953em; }

  h3 {

    font-size: 1.563em; }

  h4 {

    font-size: 1.25em; }

  .lg,

  .hero {

    font-size: 1.25em; }

  .sm {

    font-size: 0.8em; } }



@media (min-width: 120px) and (max-width: 719px) {

  body {

    font-size: 15px; }

  h1 {

    font-size: 2.074em; }

  h2 {

    font-size: 1.728em; }

  h3 {

    font-size: 1.44em; }

  h4 {

    font-size: 1.2em; }

  .lg,

  .hero {

    font-size: 1.2em; }

  .sm {

    font-size: 0.833em; } }



    @media (min-width: 1140px) {

      body {

        font-size: 17px; }

      h1 {

        font-size: 3.157em; }

      h2 {

        font-size: 2.369em; }

      h3 {

        font-size: 1.333em; }

      h4 {

        font-size: 1.2em; }

      .lg,

      .hero {

        font-size: 1.2em; }

      .sm {

        font-size: 0.75em; } }

    

    @media (min-width: 720px) and (max-width: 1139px) {

      body {

        font-size: 16px; }

      h1 {

        font-size: 2.441em; }

      h2 {

        font-size: 1.953em; }

      h3 {

        font-size: 1.563em; }

      h4 {

        font-size: 1.25em; }

      .lg,

      .hero {

        font-size: 1.25em; }

      .sm {

        font-size: 0.8em; } }

    

    @media (min-width: 120px) and (max-width: 719px) {

      body {

        font-size: 15px; }

      h1 {

        font-size: 2.074em; }

      h2 {

        font-size: 1.728em; }

      h3 {

        font-size: 1.44em; }

      h4 {

        font-size: 1.2em; }

      .lg,

      .hero {

        font-size: 1.2em; }

      .sm {

        font-size: 0.833em; } 

      .mapita {

        display: none;

      }

      }



body {

  width: 100%;

  height: 100%;

}



#barranav {

  margin-bottom: 0;

  padding-bottom: 0;



}



body {

  margin: 0;

  padding: 10; }

img {

  max-width: 100%;

  height: auto;

  border: 0; }



a img {

  border: 0; }



body {

  font-size: 16px;

  color: #011627;

  font-display: auto;

  font-family: "Arsenal", sans-serif;

  line-height: 1.5; }



.txtc {

  text-align: center; }



.txtr {

  text-align: right; }



.hero {

  font-family: "Arial_Black", "Arsenal", sans-serif; }



.brand {

  color: #018fbb; }



.highlight {

  color: #5e666f; }



.block {

  display: block; }



a {

  text-decoration: none;

}



strong {

  font-weight: bold; }



h1 {

  margin: 0 0 0.5em 0;

  line-height: 1.25;

  color: #0d1918;

  font-family: "Arsenal", sans-serif; }



h2 {

  margin: 0 0 0.5em 0;

  line-height: 1.25;

  font-family: "Arsenal", sans-serif; }



h3 {

  font-size: 1.4em;

  margin: 0 0 0.5em 0;

  line-height: 1.25; }



h4 {

  font-size: 1.2em;

  line-height: 1.25;

  margin: 0; }



h5 {

  margin: 0;

  font-size: 1em;

  line-height: 1.25;

  font-family: "Arsenal", sans-serif;

  color: #5e666f; }



p {

  margin: 0 0 1em 0; }

  p:last-child {

    margin: 0; }



sup {

  font-size: 0.6em; }



.q {

  font-family: "Arsenal", sans-serif;

  color: #011627;

  margin: 0 0 24px 0;

  padding: 0 24px;

  border-left: 5px solid #78d2c4; }



.sep {

  margin: 12px 0;

  display: block;

  padding: 0;

  border: 0;

  clear: both;

  position: relative;

  border-bottom: 1px solid #999; }

  .sep [class^="icon-"] {

    position: absolute;

    display: block;

    top: 0;

    left: 50%;

    width: 16px;

    height: 16px;

    line-height: 1;

    text-align: center;

    background-color: #ffffff;

    border: 3px solid #ffffff;

    color: #999;

    transform: translate(-50%, -50%); }

    .sep [class^="icon-"]::before {

      margin: 0; }





.list {

  margin: 0 0 24px 0;

  list-style: none;

  padding: 0; }

  .list::last-child {

    margin: 0; }



.list-item {

  padding: 0 0 0 24px;

  position: relative;

  margin: 0 0 12px 0; }

  .list-item [class^="icon-"] {

    position: absolute;

    top: 1px;

    left: -4px;

    color: #018fbb; }



.quote {

  padding: 0 24px 24px 24px;

  margin: 0;

  text-align: center; }

  .quote .icon-quote {

    font-size: 3em;

    color: #018fbb; }



.quote-copy {

  font-family: "Arsenal", sans-serif; }



.quote-brand {

  background-color: #018fbb;

  color: #ffffff; }

  .quote-brand .icon-quote {

    color: #011627; }

  .quote-brand .quote-author {

    color: #011627; }



@media (min-width: 1140px) {

  .quote .icon-quote {

    font-size: 4em; }

  .quote-copy {

    font-size: 2.369em; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .quote-copy {

    font-size: 1.563em; } }



@media (min-width: 120px) and (max-width: 719px) {

  .quote-copy {

    font-size: 1.44em; } }



@font-face {

  font-family: 'siteicons';

  src: url("../fonts/site.eot?76113967");

  src: url("../fonts/site.eot?76113967#iefix") format("embedded-opentype"), url("../fonts/site.woff2?76113967") format("woff2"), url("../fonts/site.woff?76113967") format("woff"), url("../fonts/site.ttf?76113967") format("truetype"), url("../fonts/site.svg?76113967#site") format("svg");

  font-weight: normal;

  font-style: normal; }



.main-head {

  background-color: #000000;

  padding: 0px 0;

  box-shadow: 0 2px 2px rgba(13, 25, 24, 0.2);

  transition: all 0.15s ease;

  position: fixed;

  z-index: 99;

  top: 0;

  left: 0;

  width: 100%; 

  color: white;}



.main-brand {

  float: left;

  transition: all 0.15s ease; }

  .main-brand .brand-lnk {

    display: block;

    overflow: hidden;

    height: 100%;

    text-decoration: none;

    color: #011627;

    font-weight: bold;

    line-height: 300px;

    transition: all 0.15s ease; }

  .main-brand .brand-logo {

    display: block;

    height: 100%;

    width: 100%;

    text-decoration: none;

    color: #011627;

    transition: all 0.15s ease; }



.brand-lnk {

  display: block; }



@media (min-width: 1140px) {

  .main-head {

    padding: 24px 0;

    height: 40px; }

  .main-brand {

    height: 72px;

    margin-top: -16px; }

  .brand-lnk {

    font-size: 1.6em;

    line-height: 64px; }

  .small-head .main-head {

    padding: 6px 0;

    box-shadow: none;

    background-color: rgba(0, 0, 0, 0.9); }

  .small-head .main-brand {

    margin-top: 0;

    height: 40px; }

  .small-head .brand-lnk {

    line-height: 52px; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .main-head {

    height: 40px; }

  .main-brand {

    height: 52px;

    margin-top: -6px; }

  .brand-lnk {

    font-size: 1.4em;

    line-height: 52px; }

  .small-head .main-head {

    padding: 6px 0;

    box-shadow: none;

    background-color: rgba(0, 0, 0, 0.8); }

  .small-head .main-brand {

    height: 36px;

    margin-top: 2px; }

  .small-head .brand-lnk {

    line-height: 40px; } }



@media (min-width: 120px) and (max-width: 719px) {

  .main-head {

    height: 32px;

    padding: 6px 0; }

    .main-head .col12 {

      padding: 0; }

  .main-brand {

    height: 32px; }

  .brand-lnk {

    font-size: 1.2em;

    line-height: 30px; } }



.menu {

  margin: 0;

  padding: 0;

  list-style: none; }



.nav-item {

  margin: 0;

  padding: 0; }



.nav-lnk {

  display: block;

  padding: 10px;

  text-decoration: none;

  color: #011627;

  font-size: 1.3em;

  text-transform: uppercase;

  transition: all 0.15s linear; }

  .nav-lnk:hover {

    color: #018fbb; }



@media (min-width: 1140px) {

  .btn-menu {

    display: none; }

  .main-nav {

    float: right; }

  .nav-item {

    float: left; }

  .nav-lnk {

    height: 80px;

    line-height: 20px; }

  .small-head .nav-lnk {

    color: #ffffff; }

    .small-head .nav-lnk:hover {

      color: #018fbb; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .btn-menu {

    display: none; }

  .main-nav {

    float: right; }

  .nav-item {

    float: left; }

  .nav-lnk {

    height: 20px;

    line-height: 20px; }

  .small-head .nav-lnk {

    color: #ffffff; } }



@media (min-width: 120px) and (max-width: 719px) {

  .btn-menu {

    display: block;

    position: absolute;

    top: 2px;

    right: 0;

    color: #011627;

    padding: 9px;

    background: none;

    border: 0;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 1em; }

    .btn-menu .icon-cancel {

      display: none; }

  .main-nav {

    position: absolute;

    z-index: 97;

    top: 100%;

    left: 0;

    width: 100%;

    background-color: #ffffff; }

  .nav-item {

    height: 0;

    overflow: hidden;

    transition: height 0.15s ease; }

  .nav-lnk {

    border-top: 1px solid #f6f6f6;

    text-align: center; }

    .nav-lnk:hover {

      background-color: #f6f6f6; }

  .open-menu .btn-menu .icon-cancel {

    display: inline; }

  .open-menu .btn-menu .icon-menu {

    display: none; }

  .open-menu .main-nav {

    box-shadow: 0 6px 6px rgba(13, 25, 24, 0.1); }

  .open-menu .nav-item {

    height: 39px; } }



.top-banner {

  background-color: #f6f6f6;

  padding: 24px 0; }

  .top-banner.brand {

    background-color: #018fbb; }

    .top-banner.brand .brand,

    .top-banner.brand .hero {

      color: #ffffff; }



@media (min-width: 1140px) {

  .top-banner {

    padding: 72px 0; } }



.btn {

  display: inline-block;

  border-radius: 3px;

  padding: 12px 24px;

  text-decoration: none;

  transition: all 0.15s linear;

  margin: 0 2px 2px 0;

  text-align: center;

  color: #018fbb;

  border: 1px solid #018fbb;

  line-height: 1;

  font-size: 1em;

  font-family: "Arsenal", sans-serif;

  font-weight: normal;

  cursor: pointer;

  white-space: nowrap;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background-color: transparent; }

  .btn:hover {

    color: #018fbb;

    background-color: rgba(255, 255, 255, 0.8);

    text-decoration: none; }

  .btn:focus, .btn.focus {

    outline: 0;

    text-decoration: none;

    box-shadow: none; }

  .btn.disabled, .btn[disabled] {

    opacity: 0.6;

    pointer-events: none; }



.btn-cta {

  color: #ffffff;

  border-color: transparent;

  background-color: #018fbb; }

  .btn-cta:hover {

    color: #ffffff;

    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);

    background-image: none;

    background-color: #018fbb; }



.btn-full {

  display: block;

  width: 100%;

  margin: 3px 0; }



.btn-sm {

  font-size: 0.75em;

  padding: 6px 12px; }



.btn-xl {

  border: 0;

  font-size: 1.1em;

  padding: 18px 48px; }



@media (min-width: 1140px) {

  .btn {

    padding-left: 48px;

    padding-right: 48px; }

  .btn-sm {

    font-size: 0.75em; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .btn-sm {

    font-size: 0.8em; } }



@media (min-width: 120px) and (max-width: 719px) {

  .btn-sm {

    font-size: 0.833; } }



.section {

  padding: 24px 0;

  background-position: 50%;

  background-size: cover; }



.section-grey {

  background-color: #f6f6f6; }



.section-brand {

  background-color: #78d2c4;

  color: #ffffff; }



.section-cta {

  background-color: #78d2c4;

  padding: 24px 0;

  color: #ffffff; }

  .section-cta p {

    margin: 0; }

  .section-cta .btn {

    background-color: #38635d;

    color: #ffffff; }

    .section-cta .btn:hover {

      background-color: #0d1918; }



@media (min-width: 1140px) {

  .section {

    padding: 72px 0; }

  .section-cta {

    padding: 48px; }

    .section-cta .cta-action {

      text-align: right;

      padding-top: 6px; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .section {

    padding: 48px 0; }

  .section-cta {

    padding: 48px; }

    .section-cta .cta-action {

      text-align: right;

      padding-top: 6px; } }



@media (min-width: 120px) and (max-width: 719px) {

  .section-cta {

    text-align: center; }

    .section-cta .cta-action {

      padding-top: 12px; } }



.section-tight {

  padding: 0; }



.slide {

  padding: 60px;

  color: #ffffff;

  z-index: 10;

  display: flex;

  flex-flow: column nowrap;

  justify-content: center;

  background-color: #0d1918;

  background-position: 50% 100%;

  background-size: cover;

  background-repeat: no-repeat; }

  .slide h1 {

    color: #ffffff;

    transition: all 0.25s ease;

    transition-delay: 0.25s;

    text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2); }

  .slide p {

    transition: all 0.25s ease;

    transition-delay: 0.45s; }

  .slide .container {

    position: relative;

    z-index: 10; }



.banner-video {

  background-color: transparent; }



.banner-video .slide {

  color: #ffffff;

  z-index: 10;

  display: flex;

  flex-flow: column nowrap;

  justify-content: flex-end;

  background-color: transparent;

  background-position: 50% 100%;

  background-size: cover;

  background-repeat: no-repeat; }

  .banner-video .slide h1 {

    color: #ffffff;

    transition: all 0.25s ease;

    transition-delay: 0.25s;

    text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2); }

  .banner-video .slide p {

    transition: all 0.25s ease;

    transition-delay: 0.45s; }

  .banner-video .slide .container {

    position: relative;

    z-index: 10; }







.boxes {

  display: flex;

  justify-content: space-between; }



.box {

  border-radius: 3px;

  overflow: hidden;

  background-color: #f6f6f6; }



.section-grey .box {

  background-color: #ffffff; }



.box-icon {

  padding: 24px;

  text-align: center;

  height: 50px; }



.box-img img {

  display: block; }



.box-cont {

  padding: 24px; }



@media (min-width: 1140px) {

  .boxes-2 .box {

    flex: 1 1 50%; }

  .boxes-3 .box {

    flex: 1 1 33%; }

  .boxes-4 .box {

    flex: 1 1 25%; }

  .box {

    margin: 0 12px; }

    .box:first-child {

      margin-left: 0; }

    .box:last-child {

      margin-right: 0; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .boxes-2 .box {

    flex: 1 1 49%; }

  .boxes-3 .box {

    flex: 1 1 32%; }

  .boxes-4 .box {

    flex: 1 1 24%; }

  .box {

    margin: 0 6px; }

    .box:first-child {

      margin-left: 0; }

    .box:last-child {

      margin-right: 0; } }



@media (min-width: 120px) and (max-width: 719px) {

  .boxes {

    flex-direction: column; }

  .box {

    margin: 0 0 12px 0; }

    .box:last-child {

      margin: 0; }

  .box-icon {

    padding: 12px; }

  .box-cont {

    padding: 12px; } }



.content-box {

  background-color: #f6f6f6;

  border-radius: 3px;

  margin: 0;

  padding: 0 0 0 52px;

  position: relative; }

  .content-box.box-white {

    background-color: #ffffff; }

  .content-box .box-content {

    padding: 12px;

    display: flex;

    flex-direction: column;

    justify-content: center; }

  .content-box .box-media {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 40px;

    padding: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center; }



@media (min-width: 1140px) {

  .content-box {

    padding-left: 144px; }

    .content-box .box-content {

      height: 160px;

      padding: 24px; }

    .content-box .box-media {

      padding: 0 12px;

      width: 120px; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .content-box {

    padding-left: 168px;

    margin: 12px 0; }

    .content-box .box-media {

      width: 120px; } }



@media (min-width: 120px) and (max-width: 719px) {

  .content-box {

    margin: 6px 0;

    padding: 0; }

    .content-box .box-media {

      position: static;

      width: auto;

      height: auto;

      padding: 12px 0; }

      .content-box .box-media img {

        display: block;

        margin: 0 auto; } }



.media img {

  display: block; }



@media (min-width: 1140px) {

  .content-media {

    display: flex;

    align-items: center;

    justify-content: space-between; }

    .content-media.cm-top {

      align-items: flex-start; }

    .content-media .media-content {

      flex: 0 0 46%;

      padding: 0 0 12px 4%; }

    .content-media .media-media {

      flex: 0 0 50%; }

    .content-media.reverse {

      flex-flow: row-reverse nowrap; }

      .content-media.reverse .media-content {

        padding: 0 4% 12px 0; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .content-media {

    display: flex;

    align-items: center;

    justify-content: space-between; }

    .content-media.cm-top {

      align-items: flex-start; }

    .content-media .media-content {

      flex: 0 0 46%;

      padding: 0 0 12px 4%; }

    .content-media .media-media {

      flex: 0 0 50%; }

    .content-media.reverse {

      flex-flow: row-reverse nowrap; }

      .content-media.reverse .media-content {

        padding: 0 4% 12px 0; } }



@media (min-width: 120px) and (max-width: 719px) {

  .media-content {

    padding: 12px; } }



.feat {

  padding: 12px 12px 12px 44px;

  margin: 0 0 12px 0;

  position: relative; }

  .feat:hover .feat-icon {

    background-color: #78d2c4; }



.feat-icon {

  position: absolute;

  top: 6px;

  background-color: #0d1918;

  color: #ffffff;

  text-align: center;

  width: 32px;

  height: 32px;

  border-radius: 18px;

  line-height: 32px;

  left: 0;

  font-size: 20px;

  transition: background-color 0.15s linear; }



@media (min-width: 1140px) {

  .feat {

    font-size: 0.9em; } }



.tabs-list {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none; }

  .tabs-list.tabs-left {

    justify-content: flex-start;

    margin-bottom: 24px; }

    .tabs-list.tabs-left .tab-item {

      flex: 0 1 0; }



.tab-item {

  display: block;

  margin: 0;

  padding: 0;

  flex-grow: 1; }

  .tab-item:first-child {

    margin: 0; }



.tab-lnk {

  position: relative;

  z-index: 0;

  text-decoration: none;

  display: block;

  padding: 12px 0;

  font-size: 1em;

  line-height: 1.2;

  background-color: #78d2c4;

  color: #ffffff;

  text-align: center;

  overflow: hidden;

  border: 1px solid #78d2c4;

  border-bottom-color: #ffffff; }

  .tab-lnk.tab-current {

    color: #018fbb;

    z-index: 9;

    border-color: #999;

    border-bottom-color: #ffffff;

    background-color: #ffffff; }

  .tab-lnk.tab-hollow-lnk.tab-current {

    background-color: #78d2c4;

    color: #ffffff; }



.tab-hollow-lnk {

  border: 0;

  padding: 8px 24px;

  border-radius: 2px;

  background-color: transparent;

  color: #018fbb; }



.tab-panel {

  display: none;

  position: relative;

  z-index: 1;

  margin-top: -1px;

  border: 1px solid #999;

  background-color: #ffffff; }

  .tab-panel.tab-open {

    display: block; }



.tab-hollow-panel {

  border: 0; }

  .tab-hollow-panel .tab-cont {

    padding: 0; }



.tab-cont {

  padding: 24px; }



@media (min-width: 1140px) {

  .tab-lnk-mob {

    display: none; }

  .tab-item {

    margin: 0 0 0 6px;

    flex: 1 1 0; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .tab-lnk-mob {

    display: none; }

  .tab-item {

    margin: 0 0 0 2px;

    flex: 1 1 0; } }



@media (min-width: 120px) and (max-width: 719px) {

  .tabs-list {

    display: none; }

  .tabs {

    border-top: 1px solid #78d2c4; }

  .tab-lnk-mob {

    display: block;

    color: #78d2c4;

    background-color: #ffffff;

    text-decoration: none;

    border: 1px solid #018fbb;

    border-top: 0;

    padding: 12px 40px 12px 12px;

    position: relative; }

    .tab-lnk-mob .icon-down-open {

      position: absolute;

      top: 11px;

      right: 6px; }

    .tab-lnk-mob.tab-current {

      background-color: #018fbb;

      color: #ffffff; }

      .tab-lnk-mob.tab-current .icon-down-open {

        transform: rotate(180deg); }

  .tab-panel {

    border-color: #78d2c4; }

  .tab-cont {

    padding: 12px; } }



.logos-carousel {

  margin: 0 0 24px 0;

  padding: 0; }



.logos-item {

  margin: 12px;

  text-align: center;

  height: 80px; }



.logos-img {

  height: 80px;

  width: 140px !important;

  display: block;

  margin: 0 auto; }



.gallery {

  display: flex;

  flex-flow: row wrap; }



.gallery-lnk {

  display: block;

  box-sizing: border-box;

  flex: 1 1 auto;

  padding: 1px; }



.gallery-thumb {

  display: block; }



@media (min-width: 1140px) {

  .gallery-lnk {

    flex-basis: 12.5%; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .gallery-lnk {

    flex-basis: 12.5%; } }



@media (min-width: 120px) and (max-width: 719px) {

  .gallery-lnk {

    flex-basis: 25%; } }



.video-player {

  position: relative;

  height: 0;

  padding-top: 56.25%;

  background-color: #0d1918;

  background-position: 50%;

  background-size: cover;

  background-repeat: no-repeat; }


.btn-video {

  background-color: rgba(0, 0, 0, 0.5);

  color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center; }

  .btn-video [class^="icon-"] {

    color: #78d2c4;

    font-size: 36px; }

  .btn-video .btn-video-txt {

    display: none; }



.banner {

  position: relative;

  overflow: hidden; }



.bgvid {

  position: absolute;

  top: 50%;

  left: 50%;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -100;

  transform: translateX(-50%) translateY(-50%);

  transition: 1s opacity;

  background-image: url("/assets/img/video.jpg");

  background-size: cover; }



@media (min-width: 1140px) {

  .btn-video .icon-youtube {

    font-size: 48px; } }



.form {

  background-color: #ffffff;

  padding: 24px;

  margin: 0;

  position: relative;

  overflow: hidden; }

  .form fieldset {

    margin: 0;

    padding: 0;

    border: 0; }

  .form label {

    font-size: 1em;

    line-height: 1.25; }

  .form.form-brand {

    background-color: #78d2c4;

    color: #ffffff; }

    .form.form-brand label {

      color: #ffffff; }

    .form.form-brand .btn-cta {

      background-color: #38635d;

      color: #ffffff; }

      .form.form-brand .btn-cta:hover {

        color: #ffffff;

        background-color: #0d1918; }

    .form.form-brand input[type="checkbox"].input-toggle {

      border: 2px solid #38635d;

      background-color: #38635d; }

      .form.form-brand input[type="checkbox"].input-toggle::before {

        background-color: #ffffff; }

      .form.form-brand input[type="checkbox"].input-toggle::after {

        color: #ffffff; }

      .form.form-brand input[type="checkbox"].input-toggle:checked {

        background-color: #5e666f;

        border-color: #5e666f; }

  .form #messages {

    position: absolute;

    z-index: 9;

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    overflow: hidden;

    align-items: center;

    transition: all 0.25s ease-out;

    background-color: rgba(255, 255, 255, 0.95); }

    .form #messages .btn-msg-close {

      position: absolute;

      top: 12px;

      right: 12px;

      border: 0;

      background: none;

      display: block;

      height: 36px;

      width: 36px;

      line-height: 36px;

      text-align: center;

      font-size: 18px;

      color: #011627;

      cursor: pointer; }

  .form .form-msg {

    padding: 24px;

    text-align: center;

    display: none; }

  .form #form_errors {

    margin: 0;

    padding: 0;

    font-size: 0.9em; }

  .form.form-loading::before {

    content: "";

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);

    background-image: url("../img/ajax-loader.gif");

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: 33px 33px; }

  .form.form-error #messages {

    height: 100%; }

  .form.form-error .form-msg {

    color: #ff0000;

    display: block; }

  .form.form-error .btn-form-close {

    border-color: #ff0000;

    color: #ff0000; }

  .form.form-success #messages {

    height: 100%; }

  .form.form-success .form-msg {

    color: #339900;

    display: block; }

  .form input[type='text'],

  .form input[type='email'],

  .form input[type='password'],

  .form input[type='url'],

  .form input[type='date'],

  .form input[type='tel'],

  .form input[type='number'], .form textarea, .form select {

    border: 1px solid #999;

    padding: 12px;

    line-height: 1;

    height: 46px;

    width: 100%;

    background-color: #ffffff;

    border-radius: 3px;

    font-size: 1em;

    font-weight: 400;

    outline: 0;

    font-family: "Arsenal", sans-serif;

    box-sizing: border-box;

    transition: all 0.15s linear;

    box-shadow: none; }

    .form input:focus[type='text'],

    .form input:focus[type='email'],

    .form input:focus[type='password'],

    .form input:focus[type='url'],

    .form input:focus[type='date'],

    .form input:focus[type='tel'],

    .form input:focus[type='number'], .form textarea:focus, .form select:focus {

      outline: 0;

      border: 1px solid #000000; }

  .form textarea {

    min-height: 120px;

    resize: vertical; }

  .form select {

    padding-right: 46px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-image: url("../img/select-arrow.png");

    background-size: 25px 7px;

    background-position: 100% 50%;

    background-repeat: no-repeat; }

  .form input.honeyfield {

    position: absolute;

    width: 1px;

    height: 1px;

    border: 0;

    background-color: transparent;

    padding: 0; }

  .form .label-tick {

    position: relative;

    padding: 6px 0 6px 24px;

    margin-right: 24px; }

    .form .label-tick input[type="radio"],

    .form .label-tick input[type="checkbox"] {

      position: absolute;

      top: 8px;

      left: 0; }



.field {

  margin: 0 0 24px 0; }

  .field.required label {

    font-weight: bold; }

  .field.invalid input,

  .field.invalid select,

  .field.invalid textarea {

    border-color: #ff0000 !important; }

  .field.field-submit {

    position: relative;

    margin: 0; }



.form-errors {

  position: absolute;

  border-radius: 2px;

  top: 100%;

  width: 100%;

  box-sizing: border-box;

  background-color: rgba(0, 0, 0, 0.8);

  color: #ffffff;

  font-size: 0.8em;

  padding: 6px;

  opacity: 0;

  transition: all 0.15s linear; }

  .form-errors.show {

    opacity: 1; }



label.label-toggle {

  display: block;

  max-width: 320px;

  position: relative;

  padding: 6px 0;

  height: 34px;

  line-height: 34px;

  cursor: pointer; }



input[type="checkbox"].input-toggle {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  display: block;

  float: left;

  border: 2px solid #999;

  height: 34px;

  width: 74px;

  border-radius: 20px;

  margin: 0 12px 0 0;

  padding: 2px;

  outline: 0;

  transition: background 0.12s linear;

  background-color: #999;

  position: relative;

  cursor: pointer; }

  input[type="checkbox"].input-toggle::before {

    content: "";

    display: block;

    position: absolute;

    width: 26px;

    height: 26px;

    top: 2px;

    left: 2px;

    transition: all 0.12s ease-out;

    background-color: #ffffff;

    border-radius: 20px; }

  input[type="checkbox"].input-toggle::after {

    content: "no";

    display: block;

    position: absolute;

    color: #ffffff;

    font-size: 10px;

    text-transform: uppercase;

    position: absolute;

    left: 36px;

    top: 0;

    line-height: 30px; }

  input[type="checkbox"].input-toggle:active::before {

    width: 32px; }

  input[type="checkbox"].input-toggle:checked {

    background-color: #78d2c4;

    border-color: #78d2c4; }

    input[type="checkbox"].input-toggle:checked:before {

      left: auto;

      right: 2px; }

    input[type="checkbox"].input-toggle:checked::after {

      content: "yes";

      left: 14px; }



@media (min-width: 1140px) {

  .form {

    padding: 48px; }

    .form .label-tick input[type="radio"],

    .form .label-tick input[type="checkbox"] {

      top: 10px; }

  .fieldgroup {

    display: flex;

    justify-content: space-between; }

    .fieldgroup .field50 {

      flex: 0 0 48%; }

    .fieldgroup .field33 {

      flex: 0 0 31%; }

    .fieldgroup .field25 {

      flex: 0 0 23%; }

    .fieldgroup .field-flex {

      flex: 1 1 auto;

      padding-right: 24px;

      align-self: flex-end;

      margin: 0; }

      .fieldgroup .field-flex:last-child {

        padding: 0; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .fieldgroup {

    display: flex;

    justify-content: space-between; }

    .fieldgroup .field {

      flex: 0 0 48%; }

  .fieldgroup {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .fieldgroup .field50 {

      flex: 0 0 48%; }

    .fieldgroup .field33 {

      flex: 0 0 31%; }

  .form-promo .field-submit .btn-cta {

    margin-top: 25px;

    width: 100%; } }



@media (min-width: 120px) and (max-width: 719px) {

  .form {

    padding: 24px 12px; } }



.main-foot {

  background-color: #0d1918;

  color: #ffffff;

  position: relative;

  padding: 36px 0 1px 0;

  margin: 0;

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: cover; }

  .main-foot a {

    color: #03b8f0; }



.copyright {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  background-color: rgba(23, 34, 33, 0.6);

  margin-top: 24px;

  font-size: 0.8em;

  position: relative; }

  .copyright .col12 {

    padding: 12px 0; }

  .copyright p {

    margin: 0;

    opacity: 0.6; }

  .copyright a {

    color: #ffffff; }



.address {

  display: block;

  font-size: 0.9em;

  font-style: normal;

  margin: 0 0 1em 0; }

  .address span {

    display: block; }



.totop {

  position: absolute;

  z-index: 99;

  display: block;

  left: 50%;

  margin-left: -20px;

  top: -20px;

  text-decoration: none;

  color: #ffffff;

  font-size: 20px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 38px;

  border-radius: 22px;

  background-color: #ffffff;

  transition: color 0.15s linear; }

  .totop:hover {

    color: #5e666f; }



.foot-item {

  position: relative;

  font-size: 1.2em; }

  .foot-item [class^="icon-"] {

    color: #ffffff; }



@media (min-width: 1140px) {

  .main-foot {

    padding: 48px 0 1px 0;

    background-image: url("images/riego-foot.jpg"); }

    .main-foot.foot-columns .social-title,

    .main-foot.foot-columns .social-icons {

      text-align: right; }

  .copyright {

    margin-top: 48px;

    padding: 12px 0; }

    .copyright .col4 {

      text-align: right; }

  .foot-item [class^="icon-"] {

    position: absolute;

    top: 2px;

    left: -32px; } }



@media (min-width: 720px) and (max-width: 1139px) {

  .main-foot {

    background-image: url("images/riego-foot.jpg"); }

    .main-foot .container {

      position: relative; }

    .main-foot .col2 {

      width: 15%; }

    .main-foot .col4 {

      width: 33.33333333%; }

    .main-foot .col6 {

      width: 51.66666666%; }

    .main-foot.foot-columns .social-title,

    .main-foot.foot-columns .social-icons {

      text-align: right; }

  .copyright {

    padding: 12px 0; }

    .copyright .col4 {

      text-align: center; }

  .foot-item [class^="icon-"] {

    position: absolute;

    top: 0;

    left: -24px; } }



@media (min-width: 120px) and (max-width: 719px) {

  .main-foot {

    text-align: center;

    background-image: url("images/riego-foot.jpg"); }

  .copyright {

    text-align: center;

    padding: 24px 0 12px 0; }

    .copyright p {

      padding: 6px;

      margin: 0; } }



.social-icons {

  margin: 0 auto;

  padding: 0 0 12px 0;

  text-align: center; }

  .social-icons .social-item {

    display: inline-block;

    margin: 0 6px;

    padding: 0; }

  .social-icons .social-lnk {

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 41px;

    color: #ffffff;

    font-size: 14px;

    text-decoration: none;

    overflow: hidden;

    border-radius: 22px;

    background-color: rgba(0, 0, 0, 0.2);

    transition: all 0.15s linear; }

    .social-icons .social-lnk:hover {

      color: #78d2c4;

      background-color: rgba(0, 0, 0, 0.6); }



.social-title {

  font-family: "Arsenal", sans-serif;

  color: #78d2c4;

  margin: 0 12px 12px 12px; }



.social-txt {

  display: none; }



.main-foot .social-lnk {

  font-size: 20px;

  width: 48px;

  height: 48px;

  line-height: 48px;

  border-radius: 30px; }



@media (min-width: 120px) and (max-width: 719px) {

  .social-icons {

    max-width: 140px; }

    .social-icons .social-item {

      margin: 0 2px; } }



.section.in .slin {

  transform: translateY(0);

  opacity: 1; }



.section .a1 {

  transition-delay: 0.1s; }



.section .a2 {

  transition-delay: 0.25s; }



.section .a3 {

  transition-delay: 0.4s; }



.section .a4 {

  transition-delay: 0.55s; }



.section .a5 {

  transition-delay: 0.7s; }



.section .a6 {

  transition-delay: 0.85s; }



.setanim .slin {

  transition-property: transform, opacity;

  transition-duration: 0.5s;

  transition-timing-function: ease-out;

  transform: translateY(24px);

  opacity: 0; }





#containercopyright {

    text-align: center;

}



.btn-menu {

  color: white;

}



#intro {

  background-image: url(black.jpg);

}



.hero {

  color: white;

  text-shadow: 0 0 5px #000000, 0 0 8px #000000; 

  font-size: 30px;

  font-family: 'Arial', Times, serif;



}



.imgarticulos {

  border-radius: 20px;

}



.boton-info {

  width: 50%;

  padding-left: 0px;

  margin-left: 0px;

}



html, body {

  margin: 0px;

  padding: 0px;

}



.carousel {

  position: relative;

  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);

  margin-top: 43px;

}



.carousel-inner {

  position: relative;

  overflow: hidden;

  width: 100%;

}



.carousel-open:checked + .carousel-item {

  position: static;

  opacity: 100;

}



.carousel-item {

  position: absolute;

  opacity: 0;

  -webkit-transition: opacity 0.6s ease-out;

  transition: opacity 0.6s ease-out;

}



.carousel-item img {

  display: block;

  height: auto;

  max-width: 100%;

}



.carousel-control {

  background: rgba(0, 0, 0, 0.28);

  border-radius: 50%;

  color: white;

  cursor: pointer;

  display: none;

  font-size: 40px;

  height: 40px;

  line-height: 35px;

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  cursor: pointer;

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  text-align: center;

  width: 40px;

  z-index: 10;

}



.carousel-control.prev {

  left: 2%;

}



.carousel-control.next {

  right: 2%;

}



.carousel-control:hover {

  background: rgba(0, 0, 0, 0.8);

  color: #aaaaaa;

}



#carousel-1:checked ~ .control-1,

#carousel-2:checked ~ .control-2,

#carousel-3:checked ~ .control-3 {

  display: block;

}



.carousel-indicators {

  list-style: none;

  margin: 0;

  padding: 0;

  position: absolute;

  bottom: 2%;

  left: 0;

  right: 0;

  text-align: center;

  z-index: 10;

}



.carousel-indicators li {

  display: inline-block;

  margin: 0 5px;

}



.carousel-bullet {

  color: gray;

  cursor: pointer;

  display: block;

  font-size: 35px;

}



.carousel-bullet:hover {

  color: #aaaaaa;

}



#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,

#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,

#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {

  color: #428bca;

}



#title {

  width: 100%;

  position: absolute;

  padding: 0px;

  margin: 0px auto;

  text-align: center;

  font-size: 27px;

  color: rgba(255, 255, 255, 1);

  font-family: 'Open Sans', sans-serif;

  z-index: 9999;

  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);

}



.carousel {

  background-color: black;

  

}



.descriptionproducto

  {

    color: black;

    font-size: 1.1em;

  }



.prod-menu {

  border: solid gray 1px;

  border-radius: 15px;

  width: 300px;

  height: 300px;

  margin-top: 15px;

  margin-left: 7px;

  margin-right: 7px;

  position: relative;

  margin-bottom: 65px;

  display: inline-block;

  justify-content: center;

}



.prod-menu:hover {

  background-color: #afe6f7;

  border: 1px dotted #03b8f0;

  box-shadow: 5px 5px 5px #051c5a;

  outline: 1px solid 051c5a;

}



.prod-title {

  margin-top: 0px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  text-align: center;

  padding: auto;

  display: block;

  top: 10px;

  width: 100%;

}



.contend-prod {

  width: 70%;

  margin: auto;

  margin-top: 70px;

  margin-bottom: 20px;

  top: 50px;

  align-items: center;

  align-content: center;

  padding: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}



.prod-cuadro-title {

  width: 75%;

  position: absolute;

  bottom: -20px;

  width: 80%;

  left: 10%;

  right: 10%;

  margin-right: auto;

  margin-left: auto;

  background-color: #051c5a;

  color: white;

  text-align: center;

  border-radius: 10px;

  height: 40px;

  font-size: 25px;

  padding-top: 3px;

  padding-bottom: 3px;

}





.prod-icon{

  position: relative;

  height: 100%;

  margin-right: auto;

  margin-left: auto;

}



.h1title{

  position: relative;

  margin-top: 100px;

  text-align: center;

  height: 30px;

}



.whatsapp-bubble {

  display: block;

  position: fixed;

  z-index: 10000;

  bottom: 10px;

  right: 10px;

  border-radius: 50px;

  width: 60px;

  height: 60px;

  text-indent: 65px;

  line-height: 60px;

  overflow: hidden;

  background-size: 36px auto;

  background-position: center;

  background-repeat: no-repeat;

}

.facebook-bubble {

  display: block;

  position: fixed;

  z-index: 10000;

  bottom: 10px;

  right: 80px;

  border-radius: 50px;

  width: 60px;

  height: 60px;

  text-indent: 60px;

  line-height: 60px;

  overflow: hidden;

  background-size: 36px auto;

  background-position: center;

  background-repeat: no-repeat;

}



.instagram-bubble {

  display: block;

  position: fixed;

  z-index: 10000;

  bottom: 10px;

  right: 150px;

  border-radius: 50px;

  width: 60px;

  height: 60px;

  text-indent: 60px;

  line-height: 60px;

  overflow: hidden;

  background-size: 36px auto;

  background-position: center;

  background-repeat: no-repeat;

}





.facebook-bubble:hover{

  border: 1px solid blue;

}



.instagram-bubble:hover{

  border: 1px solid purple;

}



.whatsapp-bubble:hover{

  border: 1px solid green;

}



.article-prod{

  display: flex;

  text-align: left;

  justify-content: center;

}







.article-prod-text{

  width: 50%;

  position: relative;

  top: 5%;

  margin-left: 2%;

  display: inline-block;

}



.article-prod-text p{

  font-size: 1.9em;

}



.article-prod-text ul{

  font-size: 1.9em; 

  min-width: 400px;

}



.article-prod-icon{

  width: 48%;

  min-width: 200px;

  display: inline-block;

  position: relative;



}



.moreinfoprodu {

  width: 200px; 

}



.mapita {

  width: 15%;

  justify-content: center;

  text-align: center;

  display: relative;

  margin: auto;

}



@media (min-width: 120px) and (max-width: 719px) {

 .menu-nav2 {

  display: block;

  position: fixed;

  right: 10px;

  top: 10px;

  color: white;



  

}



.menu-nav2-item {

  text-decoration: none;

  color: white;

  margin-left: 5px;



}



.inicio-casa{

  height: 30px;

  position: fixed;

  right: 165px;

  top: 5px;

}



}



@media (min-width: 120px) and (max-width: 719px) {





  .cbig {

    display: none;

  }



  .cmini {

    display: block;

  }



  

}



.button-more {

  display: block;

  width: 10%;

  color: white;

  position: absolute;

  bottom: 15%;

  text-decoration: none;

  margin-right: 45%;

  margin-left: 45%;

}



.bmmini {

  width: 30%;

  margin-left: 35%;

}



.ourstores {

  color: white;

  text-decoration: none;

  text-decoration-line: none;

  font-size: 1.5em;

}



.foot-item a {

  text-decoration: none;

}



.numberphone {

  color: white;

}



.boton-info:hover {

  width: 55%;

}



.cbig p{

  color: white;

  font-size: 300%;

  position: absolute;

  top: 80%;

}