/********* Compiled - Do not edit *********/
@font-face {
font-family:"Avant Grade R";
src:url(../2020/06/ITCAvantGardeStd-Bk.woff2), url(../2020/06/ITCAvantGardeStd-Bk.woff), url(../2020/06/ITCAvantGardeStd-Bk.ttf);font-display: swap;
}
@font-face {
font-family:"Avant Grade";
src:url(../2020/06/ITCAvantGardeStd-Bold.woff2), url(../2020/06/ITCAvantGardeStd-Bold.woff), url(../2020/06/ITCAvantGardeStd-Bold.ttf);font-display: swap;
}
@font-face {
font-family:"Segoe UI";
src:url(../2020/06/Segoe-UI.woff);font-display: swap;
}
:root{--color-primary:#00bab4;--color-gradient-start:#00BAB4;--color-gradient-stop:#00BAB4;--color-link:#00bab4;--color-link-hover:#00bab4;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:'Segoe UI';font-weight:400;line-height:1.7em;font-size:1em;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:'Avant Grade';font-weight:500;line-height:1.2em;font-size:35px;color:#181b31;}.h2,h2{font-family:'Avant Grade';font-weight:500;line-height:1.2em;font-size:32px;color:#181b31;}.h3,h3{font-family:'Avant Grade';font-weight:700;line-height:1.2em;font-size:32px;color:#181b31;}.h4,h4{font-family:'Avant Grade';font-weight:500;line-height:1.2em;font-size:25px;color:#181b31;}.h5,h5{font-family:'Avant Grade';font-weight:500;line-height:1.2em;font-size:21px;color:#181b31;}.h6,h6{font-family:'Avant Grade';font-weight:500;line-height:1.2em;font-size:18px;color:#181b31;}.main-header .navbar-brand{max-width:250 !important;}.titlebar-inner h1{}.titlebar-inner p{}.titlebar-inner{padding-top:300px;padding-bottom:300px;}section.vc_row{units:px;}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(0, 189, 181) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(0, 189, 181) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(0, 189, 181) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:rgb(255, 255, 255) !important;}}@media screen and (max-width: 1199px){.main-header .navbar-header{background:rgb(0, 0, 0);}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgb(255, 255, 255);}.main-header .nav-trigger .bar{background-color:rgb(255, 255, 255);}body[data-mobile-nav-style=modern]:before{background:rgb(0, 189, 181);}body[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a, .main-nav > li{color:rgb(255, 255, 255);}[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a:hover{color:inherit !important;}}.liquid-overlay-link.textoservicios{
    font-size: 50px !important;
    font-family: Avant Grade;
  color: red;
}
.textoservicios:hover  {
    color: blue;
}
/*.wpcf7 textarea{
    width: 100%;
    height: 20%;
}

#button33 
{
    width: 50%;
    height: 50px;
    font-size: 20px;  
    font-weight: bold;
    background-size: auto;
    background-position: center;
    background-repeat: repeat;
    border-radius: 15px;
    text-align: center;
    color: white;
}*/
.h3{
    font-weight: bold;
}
#h3{
    font-weight: bold;
}
#button33 
{
    background-position: center;
}
/*Texto menú*/


/*texto parrafos*/
#txtp{
    font-family: Segoe UI;
}


/*--- codigo para las redes sociales---*/

* {
    margin: 0;
    padding: 0;
  }
  
  
  /* Let's style the wrapper in such away that, 
  it should always be at the center of the browser */
  .wrapper {
    position: absolute;
    top: 50%;
    left: 57%;
    transform: translate(-50%, -50%);
    width: 525px;
  }
  
  /* Style the Un-order list by setting its list-style to none */
  .wrapper ul {
    list-style: none;
  }
  
  /* Style the list items inside the UL list, by setting its width, height and line-height 
    and float them to left and set its border and border-radius.
   */
  .wrapper ul li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 6px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #2cd4d9;
    float: left;
    transition: all 0.5s ease;
  }
  
  /* Style the icons by setting its color and margin-top value to 20px 
  to align it properly */
  .wrapper ul li .fa {
    color: #D8E2DC;
    margin-top: 10px;
    transition: all 0.5s ease;
  }
  
  /* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
    to icons for glowing effect and use transition property for smooth transition effect. */
  /*facebook*/
  .wrapper ul li:hover.facebook {
    border: 2px solid #2cd4d9;
    box-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  .wrapper ul li:hover .fa-facebook {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /*twitter
  .wrapper ul li:hover.twitter {
    border: 2px solid #2cd4d9;
    box-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  .wrapper ul li:hover .fa-twitter {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
*/  
  /* instagram */
  .wrapper ul li:hover.instagram {
    border: 2px solid #2cd4d9;
    box-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  .wrapper ul li:hover .fa-instagram {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /* linkedin 
  .wrapper ul li:hover.linkedin{
    border: 2px solid #2cd4d9;
    box-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  .wrapper ul li:hover .fa-linkedin {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /* whatsapp 
  .wrapper ul li:hover.whatsapp {
    border: 2px solid #2cd4d9;
    box-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  .wrapper ul li:hover .fa-whatsapp {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  
  /* media queries */
  
  @media screen and (max-width: 640px){
    .wrapper {
        width: 350px;
    }
    .wrapper ul li{
        margin-top: 10px;
    }
    .wrapper ul li.linkedin{
        margin-left: 60px;
    }
  }
  
  
  @media screen and (max-width: 340px){
    .wrapper {
        width: 150px;
    }
    .wrapper ul li{
        margin:15px;
    }
    .wrapper ul li.linkedin{
        margin-left: 15px;
    }
  }
  
  
  * {
    margin: 0;
    padding: 0;
  }
  
  
  /* Let's style the pequeno in such away that, 
  it should always be at the center of the browser */
  .pequeno {
    position: absolute;
    top: 50%;
    left: 77%;
    transform: translate(-50%, -50%);
    width: 370px;
  }
  
  /* Style the Un-order list by setting its list-style to none */
  .pequeno ul {
    list-style: none;
  }
  
  /* Style the list items inside the UL list, by setting its width, height and line-height 
    and float them to left and set its border and border-radius.
   */
  .pequeno ul li {
    margin: 0 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    float: left;
    transition: all 0.5s ease;
  }
  
  /* Style the icons by setting its color and margin-top value to 20px 
  to align it properly */
  .pequeno ul li .fa {
    color: #D8E2DC;
    margin-top: 10px;
    transition: all 0.5s ease;
  }
  
  /* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
    to icons for glowing effect and use transition property for smooth transition effect. */
  /*facebook*/
  .pequeno ul li:hover.facebook {
    transition: all 0.5s ease;
  }
  
  .pequeno ul li:hover .fa-facebook {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /*twitter
  .pequeno ul li:hover.twitter {
    transition: all 0.5s ease;
  }
  
  .pequeno ul li:hover .fa-twitter {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /* instagram */
  .pequeno ul li:hover.instagram {
    transition: all 0.5s ease;
  }
  
  .pequeno ul li:hover .fa-instagram {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /* google 
  .pequeno ul li:hover.linkedin {
    transition: all 0.5s ease;
  }
  
  .pequeno ul li:hover .fa-linkedin {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }
  
  /* whatsapp 
  .pequeno ul li:hover.whatsapp {
    transition: all 0.5s ease;
  }
  
  .pequeno ul li:hover .fa-whatsapp {
    color: #2cd4d9;
    text-shadow: 0 0 15px #2cd4d9;
    transition: all 0.5s ease;
  }