/*
Theme Name: Stack Process Theme
Author: Misael Sabán
Description: 
Version: 1.0
*/
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################       [GENERALES]           ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('assets/fonts/material-icons/Material Icons'),
       local('assets/fonts/material-icons/MaterialIcons-Regular'),
       url(assets/fonts/material-icons/MaterialIcons-Regular.woff2) format('woff2'),
       url(assets/fonts/material-icons/MaterialIcons-Regular.woff) format('woff'),
       url(assets/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
body{
  background-color: #fff;
  font-family: 'Rajdhani', sans-serif;
}
body a{
  outline: 0!important;
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body a{
  font-family: 'Rajdhani', sans-serif;
}
strong {
    font-weight: 700;
}
hr{
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: solid 1px #ccc;
}
ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
*::-moz-selection{
   background: #00AC9F;
   color: #fff;
}
*::selection {
   background: #00AC9F;
   color: #fff;
}
hr{
  border-top: solid 1px #ECECEC;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.scroll-top-top{
  background-color: #00AC9F;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  position: absolute;
  bottom: 20%;
  right: 30px;
  text-align: center;

  transition: all 280ms;
  -o-transition: all 280ms;
  -moz-transition: all 280ms;
  -webkit-transition: all 280ms;
}
.scroll-top-top:hover{
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.social{
  margin: 0;
  padding: 0;
}
.social li{
  display: inline-block;
}
.social li:nth-child(even){
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
.social li a{
  width: auto;
  height: 40px;
  display: block;
  color: #00AC9F;
  text-align: center;
  line-height: 40px;

  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.social li a:hover{
  color: #fff;
}
.social li a i{
  font-size: 25px;
  line-height: 40px;
}
.section-padding{
  padding-top: 40px;
  padding-bottom: 40px;
}
.content h2{
  font-size: 36px;
  color: #333;
  font-weight: bold;
  margin-bottom: 30px;
}
.content h3{
  font-size: 18px;
  line-height: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 30px;
}
.content h4{
  font-size: 16px;
  line-height: 19px;
  color: #333;
  font-weight: normal;
  margin-bottom: 30px;
}
.btn-primary{
  background-color: #00AC9F;
  border: solid 1px #00AC9F;
  color: #fff;
  border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: 30px;
  padding-right: 30px;
  height: 50px;
  line-height: 50px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background-color: transparent;
  border: solid 1px #00AC9F;
  color: #00AC9F;
}
.btn-secondary{
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: 30px;
  padding-right: 30px;
  height: 50px;
  line-height: 50px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
  background-color: transparent;
  border: solid 1px #fff;
}
.radius-100{
  border-radius: 100%;
  -o-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
}
.clear{
  clear: both;
}
.title-global{
  font-size: 2.4em;
  font-weight: 700;
  font-family: 'Rajdhani', sans-serif;
  margin-bottom: 1em;
  color: #222D3f;
}
.title-global-circle:before{
  content: "";
  width: 20px;
  height: 20px;
  border: solid 3px #00AC9F;
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  margin-right: 10px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@media only screen and (min-width: 993px){
  .container {
    width: 90%;
  }
}
.tabs{
  height: auto;
}
.tabs .tab a{
  color: #444;
  font-weight: bold;
}
.tabs .tab a:focus, .tabs .tab a:hover{
  color: #193B5E;
}
.tabs .tab a.active{
  color: #193B5E;
}
.tab-container{
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.tabs .indicator {
    background-color: #193B5E;
}
.dropdown-content li>a, .dropdown-content li>span {
    color: #ffffff;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color: transparent;
    border: solid 1px #ccc;
    width: 100%;
    box-sizing: border-box;
    padding-right: 5%;
    padding-left: 5%;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1);
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00AC9F;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
}
.select-wrapper input.select-dropdown {
    border: solid 1px #ccc!important;
    width: 90%;
    padding-right: 5%;
    padding-left: 5%;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.card-title{
  font-weight: 700!important;
  color: #222D3f!important;
}
section.blog{
  margin-bottom: 120px;
}
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################          [HEADER]           ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
body.smaller nav{
  top: 0px;
  height: 64px;
  line-height: 64px;
  position: fixed;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5);
}
body.smaller nav li a{
  height: 64px;
  line-height: 64px;
}
body.smaller nav li a i, body.smaller nav li i{
  height: 64px;
  line-height: 64px;
}
body.smaller .header-top .nav-border-bottom{
  display: block;
}
body.smaller .header-top nav .brand-logo {
    height: 64px;
    line-height: 64px;
}
body.smaller .header-top nav li{
  line-height: 64px;
  vertical-align: middle;
}
body.smaller .header-top nav .button-collapse i {
  color: #fff;
}
body.smaller .side-nav a, body.smaller .side-nav a i{
  line-height: 40px!important;
  height: 40px!important;
  height: auto;
  color: #fff;
}
body.smaller .header-top nav .brand-logo img {
    max-height: 54px;
    vertical-align: middle;
}
@media screen and (max-width: 500px){
  .header-top nav .brand-logo img {
      max-height: 44px!important;
  }
  body.smaller .header-top nav .brand-logo img {
    max-height: 44px!important;
  }
}
.margin-top-affter-header{
  height: 140px;
}
.menu-tienda-online{
  border: solid 1px #000;
}
.header-top{
  position: absolute;
  width: 100%;
  z-index: 99;
}
.header-top nav{
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0), 0 0px 0px 0 rgba(0,0,0,0.0), 0 0px 0px 0px rgba(0,0,0,0.0);
}
.header-top nav ul{
  vertical-align: middle;
}
.header-top nav ul li{
  margin: 0;
  padding: 0 15px;
}
.header-top nav ul li a{
  margin: 0;
  padding: 0;
}
.header-top nav ul li a span{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.header-top nav ul li.menu17 a span{
  border: solid 1px #000;
}
.header-top nav ul li.menu17 a span:before{
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  background-image: url(assets/images/icon-tienda-online.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.header-top .sep{
  margin-right: 0px;
  margin-left: 10px;
  border-right: solid 1px #fff;
}
.header-top .sep2{
  margin-right: 15px;
  border-right: solid 1px #fff;
}
.header-top nav li a i, .header-top nav li i{
  font-size: 24px;
}
.header-top .button-collapse i{
  font-weight: 700;
  font-size: 25px;
}
.header-top nav li:hover a{
  background-color: transparent;
}
@media screen and (max-width: 400px){
  .header-top .container{
    width: 100%;
  }
}
.side-nav{
  background-color: #fff;
  z-index: 9999;
}
.side-nav .dropdown-content{
  width: 100%;
}
.side-nav li{
  display: block!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}
.header-top .sidenavactive{
  background-color: transparent;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0), 0 0px 0px 0 rgba(0,0,0,0.0), 0 0px 0px 0px rgba(0,0,0,0.0);
}
.language_list i{
  font-size: 18px;
}
#dropdown-language li{
  display: block!important;
}
#dropdown-language li a{
  line-height: 50px!important;
}
#dropdown-language li a span i.right{
  margin-left: 0!important;
}
body.smaller #dropdown-language li a{
  line-height: 64px!important;
}
/*SIDENAV*/

.logo-sidenav{
  height: auto!important;
  display: block;
  margin-top: 20px;
  text-align: left;
}
.logo-sidenav:hover, .logo-sidenav:focus{
  background-color: transparent!important;
}
.divider{
  background-color: rgba(256,256,256,0.2);
}
.side-nav a, .side-nav a i{
  line-height: 40px!important;
  height: 40px!important;
  height: auto;
  color: #fff;
}
.side-nav .collapsible-header i, .side-nav .collapsible-body i{
  color: #000!important;
}
.side-nav .collapsible-body{
  background-color: rgba(256,256,256,0.1);
  padding: 0!important;
}
#sidenav-overlay {
    background-color: rgba(0,0,0,0.8);
    z-index: 98;
}
.side-nav .logo{
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 40px;
}
#flotante {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    background-color: rgba(0,0,0,0.95);
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#flotante #close{
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 9999;
  display: block;
}
#flotante #close a{
  width: 50px;
  height: 95px;
  line-height: 95px;
  display: block;
  text-align: center;
  font-size: 30px;
  color: #fff;
}
#flotante .search-form-nav{
  text-align: center;
  position: relative;
  color: #000;
  margin-left: auto;
  margin-right: auto;
}
#flotante .search-form{
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#flotante .search-form input[type="search"]{
  padding-left: 3%!important;
  padding-right: 3%!important;
  font-size: 25px;
  color: #000;
  background-color: #fff;
  border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  width: 94%;
  border: 0!important;
}
#flotante .search-form input:focus, #flotante .search-form input:hover {
  box-shadow: none!important;
}
#flotante .search-form .input-field{
  position: relative;
  width: 100%;
}
#flotante .search-form .search-submit{
  font-family: 'FontAwesome';
  border: 0;
  outline: 0;
  line-height: 50px;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 60px;
  top: -5px;
  color: #fff;
}
.busqueda-nombre{
  font-weight: 700;
  text-transform: uppercase;
  color: #DD0010;
}
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################         [SIDEBAR]           ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
/*set a border on the images to prevent shifting*/
 #gallery_01 img{border:2px solid white;}
 .galeryimg{
  max-width: 100%;
  position: relative!important;
  border: solid 1px #cecece;
 }
 #gal1 img{
  max-width: 100px;
  border: solid 1px #cecece;
 }
 .galeriass{
  position: relative;
  overflow: hidden;
  height: 200px;
  border: solid 2px #fff;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.galeriass img{
  position: absolute;
  width: 200%!important;
}
 /*Change the colour*/
.sidebar{
  text-align: left;
}
.sidebar .widgettitle{
  font-size: 25px;
  text-transform: none!important;
}
.sidebar li{
  list-style: none;
  line-height: 30px;
}
.sidebar .current-menu-item a{
  color: #ffffff!important;
  background-color: #000;
}
.sidebar li h2{
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
}
.sidebar ul li a{
  font-size: 16px;
  color: #000;
  font-weight: 600px;
  line-height: 25px;
  letter-spacing: 0;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
.sidebar .sub-menu li:before{
  content: "- ";
  display: inline-block;
}
/*Pagination*/
.navigation{
  text-align: center;
  display: block;
  margin-top: 60px;
  margin-bottom: 60px;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration:none;
}

.navigation li {
  display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: rgba(0,0,0,0.1);
  color: #666;
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  display: inline-block;
}
.navigation li a:hover,
.navigation li.active a {
  background-color: #00AC9F;
  color: #fff;
}
.sidebar .menu-item:hover a{
  color: #ffffff!important;
  background-color: #000;
}
.sidebar li:hover a{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################          [FOOTER]           ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
.footer-container{
  background-color: #222D3f!important;
  background-image: url(assets/images/bg-footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
  padding-top: 140px;
  margin-top: 0px;
  padding-bottom: 30px;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
}
.footer-container .page-footer{
  background-color: transparent;
  position: relative;
}
.footer-container .page-footer p{
  color: #fff;
  font-size: 18px;
}
.footer-container .page-footer .menu-menu-footer-container a{
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  display: block;
  border-bottom: solid 1px rgba(0,0,0,0.8);
  margin-top: 0;
}
.footer-container .footer-copyright{
  background-color: transparent!important;
  color: #fff;
  overflow: visible;
  margin-top: 100px;
}
.footer-container .row{
  margin-bottom: 30px;
}
.footer-container a{
  color: #fff;
}
@media screen and (max-width: 992px){
  .footer-container{
    padding-top: 60px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
}
@media screen and (max-width: 600px){
  .footer-container .footer-logo{
    margin-bottom: 30px;
    display: block;
  }
  .footer-container h6{
    margin-bottom: 30px;
    display: block;
  }
  .footer-container .col{
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px){
  .content-single-product .product_title {
      font-size: 38px;
      font-weight: 300;
      margin-top: 0px;
      text-align: center;
  }
  .content-single-product .btn-theme {
    width: 100%;
  }
}
@media screen and (max-width: 600px){
  .header-top-cabecera{
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .footer-container{
    text-align: center;
  }
  .footer-container .menu-footer{
    text-align: center;
    width: 100%;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .footer-container .menu-footer li{
    text-align: center;
  }
  .footer-container .nav-wrapper ul{
    float: none;
    width: 100%;
  }
  .footer-container .nav-wrapper ul li{
    float: none;
    text-align: center;
    display: inline-block;
  }
}
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################     [MATERIALIZE FORMS]     ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
div.wpcf7 .ajax-loader{
    visibility: hidden;
    display: inline-block;
    background-image: url(assets/images/loading.gif)!important;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    width: 30px!important;
    height: 30px!important;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
div.wpcf7-validation-errors {
    border: 0px!important;
    color: #333;
}
div.wpcf7-mail-sent-ng {
    border: 0px!important;
    color: #333;
}
div.wpcf7-mail-sent-ok {
    border: 0px!important;
    color: #333;
}
.boton-cerrar-modal{
  position: fixed;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  display: block;
  background-color: rgba(0,0,0,0.3);
  color: #fff;
  right: 0;
  top: 0;
  z-index: 9999;
}
/*
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
################################                             ##################################
################################                             ##################################
################################                             ##################################
################################       ESTILOS PROPIOS       ##################################
################################         [CONTACTO]          ##################################
################################                             ##################################
################################                             ##################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
###############################################################################################
*/
.contacto-items p{
  display: block;
  font-size: 16px;
}
.contacto-items a{
  display: block;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}
.contacto-items i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  font-size: 20px;
  color: #435ca5;
}
/*Standar Page*/
.wpcf7 input[type="submit"] {
  border: 0;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  outline: 0;
  background-color: #F96909;
  color: #fff!important;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 50px;
  height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
}
textarea{
    background-color: transparent;
    border: solid 1px #ccc;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-height: 160px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1);

    transition: all 280ms;
    -o-transition: all 280ms;
    -moz-transition: all 280ms;
    -webkit-transition: all 280ms;
}
textarea:focus{
  outline: 0;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
}
.input-field label {
    color: #999999;
    top: -0.2rem;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button {
  margin-top: 15px!important;
  margin-bottom: 15px!important;
  background-color: #00AC9F!important;
  border: solid 1px transparent!important;
  padding: 0px 60px!important;
  height: 2.5em;
  line-height: 2.5em;
  width: auto;
  height: auto!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
  text-transform: none!important;
  outline: 0;
}
/* CONTACTANOS FOOTER */
.contactanos{
  background: rgb(36,38,53);
  background: -moz-linear-gradient(left, rgba(36,38,53,1) 28%, rgba(183,65,63,1) 100%);
  background: -webkit-linear-gradient(left, rgba(36,38,53,1) 28%,rgba(183,65,63,1) 100%);
  background: linear-gradient(to right, rgba(36,38,53,1) 28%,rgba(183,65,63,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242635', endColorstr='#b7413f',GradientType=1 );
  padding-top: 40px;
  padding-bottom: 40px;
}
.contactanos .row{
  margin-bottom: 0px!important;
  margin-left: auto;
  margin-right: auto;
}
.contactanos h5{
  color: #fff;
  font-weight: 600;
  font-size: 2em;
  margin: 0;
}
.contactanos p{
  color: #fff;
  font-weight: 600;
  font-size: 1.4em;
  margin: 0;
}
.contactanos p i{
  color: #fff;
  font-size: 1.6em;
  margin: 0;
  margin-right: 15px;
  vertical-align: middle;
}
.contactanos .btn-theme {
    background-color: transparent;
    border: solid 1px rgba(256,256,256,0.7);
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 28px;
    padding-bottom: 28px;
    color: rgba(256,256,256,0.7);
    margin-top: 0px;
    text-align: center;
    display: inline-block;
    line-height: 0;
    height: auto;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;

    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
}
@media screen and (max-width: 992px){
  .contactanos .col{
    margin-bottom: 20px;
  }
}
.nuestros-clientes .col, .nuestros-clientes .row{
  margin-bottom: 0;
}
.logos-block{
  max-height: 80px;
  margin-bottom: 30px;

  -webkit-transition: all 280ms;
  -o-transition: all 280ms;
  transition: all 280ms;
}
.logos-block:hover{
  -webkit-transform: scale(1.1)rotate(-5deg);
  -ms-transform: scale(1.1)rotate(-5deg);
  -o-transform: scale(1.1)rotate(-5deg);
  transform: scale(1.1)rotate(-5deg);
}
.grid-element{
  max-width: 33.3333%;
}
.grid-element .elemento{
  margin: 20px;
}
@media screen and (max-width: 1100px){
  .grid-element{
    max-width: 50%;
  }
}
@media screen and (max-width: 768px){
  .grid-element{
    max-width: 100%;
  }
}
.footerparalaximg{
  position: absolute;
  max-width: 600px!important;
  top: 0;
}
/* ----- ELEMENTOS ---------------*/
/* HERO PORTADA */
section.hero{
  padding-top: 240px;
  padding-bottom: 280px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
  text-align: left;
}
section.hero h1{
  font-size: 4.2em;
  color: #fff;
  font-weight: 400;
}
section.hero h1::after{
  content: "";
  width: 50px;
  height: 10px;
  background-color: #f96909;
  display: block;
  margin-top: 30px;
}
section.hero h1 b{
  font-weight: 900;
}
section.hero p{
  font-size: 1em;
  color: #fff;
  margin-bottom: 2em;
}
@media screen and (max-width: 992px){
  section.hero{
    padding-top: 140px;
    padding-bottom: 60px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
  section.hero h1{
    font-size: 3em;
    text-align: center;
  }
  section.hero h1::after{
    margin-left: auto;
    margin-right: auto;
  }
}

/* IMAGENN DE FONDO Y DOS COLUMNAS */
section.hero2{
  padding-top: 180px;
  padding-bottom: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  text-align: left;
  position: relative;
}
section.hero2 h2{
  font-size: 4.2em;
  color: #fff;
  font-weight: 400;
}
section.hero2 h2::after{
  content: "";
  width: 50px;
  height: 10px;
  background-color: #07c2d1;
  display: block;
  margin-top: 30px;
}
section.hero2 h1 b{
  font-weight: 900;
}
section.hero2 p{
  font-size: 1.3em;
  color: #fff;
  margin-bottom: 2em;
}
@media screen and (max-width: 992px){
  section.hero2{
    padding-top: 140px;
    padding-bottom: 60px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
  section.hero2 h1{
    font-size: 3em;
    text-align: center;
  }
  section.hero2 h1::after{
    margin-left: auto;
    margin-right: auto;
  }
  section.hero2 p{
    text-align: center;
  }
}
.iso{
  width: 73px;
  height: 73px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url(assets/images/favicon.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -78px;
  position: relative;
  z-index: 98;
}
/* IMAGENN DE FONDO Y DOS COLUMNAS Y SLIDE */
section.hero3{
  padding-top: 180px;
  padding-bottom: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
  text-align: left;
  position: relative;
}
section.hero3 h2{
  font-size: 4.2em;
  color: #fff;
  font-weight: 400;
}
section.hero3 h2::after{
  content: "";
  width: 50px;
  height: 10px;
  background-color: #f96909;
  display: block;
  margin-top: 30px;
}
section.hero3 h1 b{
  font-weight: 900;
}
section.hero3 p{
  font-size: 1.3em;
  color: #fff;
  margin-bottom: 2em;
}
@media screen and (max-width: 992px){
  section.hero3{
    padding-top: 140px;
    padding-bottom: 60px;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
  section.hero3 h1{
    font-size: 3em;
    text-align: center;
  }
  section.hero3 h1::after{
    margin-left: auto;
    margin-right: auto;
  }
  section.hero3 p{
    text-align: center;
  }
}
.slider-data .slick-prev{
  left: 0;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  text-align: left;
}
.slider-data .slick-prev i{
  font-size: 40px;
  vertical-align: middle;
  line-height: 50px;
}
.slider-data .slick-next{
  right: 0;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  text-align: left;
}
.slider-data .slick-next i{
  font-size: 40px;
  vertical-align: middle;
  line-height: 50px;
}
.slider-data h4{
  font-size: 2.2em;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.slider-data p{
  text-align: center;
}
.slider-data .item{
  text-align: center;
  padding: 0 60px;
  margin: 0 auto;
}
.slider-data h4::after{
  display: none!important;
}
@media screen and (max-width: 992px){
  .slider-data .item{
    padding: 0 10px;
  }
}
/* imagen-lateral-y-texto */
section.imagen-lateral-y-texto{
  margin-top: 120px;
  margin-bottom: 120px;
}
section.imagen-lateral-y-texto .container-img, section.imagen-lateral-y-texto .container-img-2{
  -webkit-box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  position: relative;
  margin-bottom: 30px;
}
section.imagen-lateral-y-texto .container-img imgsection.imagen-lateral-y-texto .container-img-2 img{
  display: block;
  z-index: 2;
}
section.imagen-lateral-y-texto .container-img:after{
  content: "";
  width: 100%;
  height: 100%;
  right: -10px;
  bottom: -10px;
  position: absolute;
  z-index: -1;
  display: block;
  background-color: #00AC9F;
}
section.imagen-lateral-y-texto .container-img-2:after{
  content: "";
  width: 90%;
  height: 110%;
  right: -10px;
  bottom: -15px;
  position: absolute;
  z-index: -1;
  display: block;
  background-color: #292a38;
}
section.imagen-lateral-y-texto ul li{
  padding-left: 40px;
  margin-bottom: 40px;
}
section.imagen-lateral-y-texto ul li:nth-child(even){
  padding-left: 80px;
}
@media screen and (max-width: 992px){
  section.imagen-lateral-y-texto ul li{
    padding-left: 0px;
  }
  section.imagen-lateral-y-texto ul li:nth-child(even){
    padding-left: 0px;
  } 
}
section.imagen-lateral-y-texto ul li h4{
  color: #1c253f;
  font-size: 2.4em;
  margin-bottom: 0;
  font-weight: 700;
}
section.imagen-lateral-y-texto ul li h4:before{
  content: "";
  width: 20px;
  height: 20px;
  border: solid 3px #00AC9F;
  border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
  margin-right: 10px;
}
section.imagen-lateral-y-texto ul li p{
  color: #1c253f;
  font-size: 1em;
  margin: 0;
}
section.imagen-lateral-y-texto p{
  color: #1c253f;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 500;
  margin: 0;
}
/* SLIDER NOVEDADES */
section.slider-novedades-container .slider-novedades{
  padding-bottom: 30px;
  overflow: visible;
}
section.slider-novedades-container .card-novedades{
  background-color: #222D3f;
  padding: 60px;
  padding-bottom: 0px;
}
@media screen and (max-width: 600px){
  section.slider-novedades-container .card-novedades{
    padding: 20px;
  }
}
section.slider-novedades-container .card-novedades h4{
  color: #fff;
  font-size: 2.4em;
}
section.slider-novedades-container .card-novedades p{
  color: #fff;
}
section.slider-novedades-container .card-novedades img{
  position: relative;
  bottom: -40px;
  -webkit-box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
}
section.slider-novedades-container .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    overflow-y: visible;
    padding-bottom: 40px;
}
section.slider-novedades-container .slick-dots li button::before {
    font-size: 80px;
    line-height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    content: "•";
    text-align: center;
    opacity: 1;
    color: #222D3f!important;
    color: black;
    -webkit-font-smoothing: antialiased;
}
section.slider-novedades-container .slick-dots li.slick-active button::before {
    color: #00AC9F!important;
}
section.slider-novedades-container .slick-dots {
    bottom: 0px;
}
/* CAROUSEL LOGOS */
section.carrousel-logos{
  margin-top: 120px;
  margin-bottom: 120px;
}
section.carrousel-logos .slider-logos{
  padding-left: 60px;
  padding-right: 60px;
}
section.carrousel-logos .slider-logos .container-img{
  background-color: #fff;
}
section.carrousel-logos .slider-logos .container-img img{
  max-height: 80px;
  vertical-align: middle;
  margin: 0 auto;
}
section.carrousel-logos .slick-prev{
    left: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    text-align: left;
}
section.carrousel-logos .slick-prev i{
    font-size: 40px;
    vertical-align: middle;
    line-height: 50px;
    color: #00AC9F;
}
section.carrousel-logos .slick-next{
    right: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    text-align: left;
}
section.carrousel-logos .slick-next i{
    font-size: 40px;
    vertical-align: middle;
    line-height: 50px;
    color: #00AC9F;
}
/* TABS */
.tabs{
  background-color: transparent;
  margin-top: 0px;
  margin-bottom: 0px;
}
.tabs .tab{
  background-color: rgba(0,0,0,0.6);
  line-height: 60px;
  height: 60px;
  vertical-align: middle;
  float: left;
}
.tabs .tab:before{
  display: none;
}
.tabs .tab a{
  line-height: 60px;
  height: 60px;
  display: block;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 2;
}
.tabs .indicator {
    background-color: #DD0010;
    z-index: 1;
    height: 60px;
}
.tab-body{
  padding: 30px;
  border: solid 1px #ccc;
  margin-bottom: 40px;
}
/* CONTENIDO */
.contenido{
  margin-top: 60px;
  margin-bottom: 60px;
}
.contenido h1, h2, h3, h4, h5, h6{
    display: inline-block;
    font-weight: 400;
    color: #070614;
    padding: 0;
    margin: 10px auto;
}
.contenido h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{
  font-weight: 900;
}
.contenido h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
  font-weight: 900;
}
.contenido h1::after, .contenido h2::after, .contenido h3::after, .contenido h4::after, .contenido h5::after, .contenido h6::after{
  content: "";
  width: 50px;
  height: 10px;
  background-color: #f96909;
  display: block;
  margin-top: 30px;
  margin-right: auto;
  margin-left: 0;
}
.contenido .right-align h1::after, .contenido .right-align h2::after, .contenido .right-align h3::after, .contenido .right-align h4::after, .contenido .right-align h5::after, .contenido .right-align h6::after{
  margin-right: 0;
  margin-left: auto;
}
.contenido .left-align h1::after, .contenido .left-align h2::after, .contenido .left-align h3::after, .contenido .left-align h4::after, .contenido .left-align h5::after, .contenido .left-align h6::after{
  margin-right: auto;
  margin-left: 0;
}
@media screen and (max-width: 992px){
  .contenido .left-align h1::after, .contenido .left-align h2::after, .contenido .left-align h3::after, .contenido .left-align h4::after, .contenido .left-align h5::after, .contenido .left-align h6::after{
    margin-right: auto;
    margin-left: auto;
  }
  .contenido .right-align h1::after, .contenido .right-align h2::after, .contenido .right-align h3::after, .contenido .right-align h4::after, .contenido .right-align h5::after, .contenido .right-align h6::after{
    margin-right: auto;
    margin-left: auto;
  }
}
.contenido h1 {
    font-size: 4.2em;
}
.contenido h2 {
    font-size: 3.8em;
}
.contenido h3 {
    font-size: 3.4em;
}
.contenido h4 {
    font-size: 3.0em;
}
.contenido h5 {
    font-size: 2.6em;
}
.contenido h6 {
    font-size: 2.2em;
}
.contenido p{
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 500;
    color: #1c253f;
}
.contenido p strong{
  font-weight: 700;
}
blockquote{
    margin: 20px 0;
    padding-left: 30px;
    border-left: 5px solid #1c253f;
    background-color: #fff;
}
blockquote p{
    font-size: 20px!important;
    line-height: 25px!important;
    font-weight: 600!important;
    color: #1c253f!important;
    text-align: left!important;
}
blockquote p::after{
  content: "\f10e";
  font-family: 'FontAwesome';
  margin-left: 30px;
}
blockquote p::before{
  content: "\f10d";
  font-family: 'FontAwesome';
  margin-right: 30px;
}
.contenido img{
    max-width: 100%;
    height: auto!important;
}
.contenido .alignleft{
  float: left;
  margin-right: 30px;
}
.contenido .alignright{
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 600px){
  .contenido .alignleft{
    float: none;
    margin: 0px;
  }
  .contenido .alignright{
    float: none;
    margin: 0px;
  }
}
.contenido ul{
  margin: 20px 0px;
  padding: 0;
}
.contenido ul li {
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #1c253f;
}
.contenido ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background-color: #1c253f;
    margin-right: 15px;
}
@media screen and (max-width: 992px){
  .contenido .right-align{
    text-align: center!important;
  }
  .contenido .left-align{
    text-align: center!important;
  }
}
/* STAFF */
section.staff{
  margin-bottom: 120px;
}
section.staff .box-staff{
  margin-bottom: 30px;
  padding: 0px;
}
section.staff .box-staff .imagen{
  max-width: 240px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  -webkit-box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  margin-bottom: 30px;
}
section.staff .box-staff .imagen img{
  display: block;
}
section.imagen-lateral-y-texto .container-img imgsection.imagen-lateral-y-texto .container-img-2 img{
  display: block;
  z-index: 2;
}
section.staff .box-staff .imagen:before{
  content: "";
  width: 100%;
  height: 100%;
  right: -10px;
  bottom: -10px;
  position: absolute;
  z-index: -1;
  display: block;
  background-color: #00AC9F;
}
section.staff .box-staff .textos h3{
  font-size: 1.8em;
  color: #00AC9F;
}
section.staff .box-staff .textos h4{
  font-size: 1.2em;
}
section.staff .box-staff .contacto{
  margin-top: 20px;
}
section.staff .box-staff .contacto a{
  background-color: #292a38;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;

  -webkit-transition: all 280ms;
  -o-transition: all 280ms;
  transition: all 280ms;
}
section.staff .box-staff .contacto a i{
  color: #fff;
  font-size: 1.2em;
}
section.staff .box-right{
  text-align: right;
}
section.staff .box-left{
  text-align: left;
}
@media screen and (max-width: 600px){
  section.staff{
    text-align: center!important;
  }
  section.staff .box-right{
    text-align: center;
  }
  section.staff .box-left{
    text-align: center;
  }
  section.staff .box-staff .imagen{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
  }
  section.staff .box-staff{
    border-bottom: solid 1px #ccc;
  }
}
section.grilla{
  margin-top: 120px;
  margin-bottom: 120px;
}
section.grilla .box-imagen-grill{
  -webkit-box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  box-shadow: 0 0 65px 0 rgba(0,0,0,0.49);
  background-color: #fff;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
/* RESPONSIVE TEXT */
/* BULLETS ORDENADOS */
.bullets-ordenados{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  padding: 140px 0;
  margin-top: -260px;
}
.bullets-ordenados h3{
  font-size: 2.2em;
  font-weight: 600;
  margin: 0;
}
.bullets-ordenados h3::after{
  display: none;
}
.bullets-ordenados h3::before{
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #00C5D4;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  margin-right: 10px;
}
.bullets-ordenados p{
  font-size: 1.3em;
  margin: 0;
  margin-bottom: 60px;
}
.card-image-logo-image{
  height: 280px;
  position: relative;
}
.card-image-logo{
  max-width: 160px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%)translateY(-50%);
  -moz-transform: translateX(-50%)translateY(-50%);
  -webkit-transform: translateX(-50%)translateY(-50%);
  -o-transform: translateX(-50%)translateY(-50%);
}