/*
Author: Sebastián Rave
info@sebastianrave.com
Multimedia Productor
Medellín - Colombia
2019
*/

*{
   text-decoration: none;
   list-style-type: none;
   font-family: 'Raleway', sans-serif;
}

ul, ol{
   margin: 0;
   padding: 0;
}

a{
   color: #787878;
}

a:hover, a:focus{
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

p{
   color: #000;
   font-weight: 700;
    font-family: 'Roboto', sans-serif;
    line-height: 34px;
    font-size: 29px;
}

h1{
   font-family: 'Raleway', cursive;
   font-weight: 400;
   color: #fff;
}

h2{
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #9fa4a6;
}

h3{
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #fff;
}

h4{
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #fff;
}

input[type="text"],input[type="tel"]{
   outline: 0 !important;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   border: none;
   border-bottom: 1px solid #fff;
   padding: 0;
   width: 100%;
   background-color: transparent;
}

input[type="email"]{
   padding: 0;
   border: none;
   border-bottom: 1px solid #fff;
   color: #fff;
   outline: none;
}

label{
   color: #fff;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   margin: 0;
}

button{
   outline: 0 !important;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
}

.formulario textarea:focus, .formulario input[type="text"]:focus, .formulario input[type="email"]:focus{
   color: #fff;
}

input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
input::-moz-placeholder{ /* Firefox 19+ */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
input:-ms-input-placeholder{ /* IE 10+ */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
input:-moz-placeholder{ /* Firefox 18- */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}

textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
textarea::-moz-placeholder{ /* Firefox 19+ */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
textarea:-ms-input-placeholder{ /* IE 10+ */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}
textarea:-moz-placeholder{ /* Firefox 18- */
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   opacity: 1;
}

textarea{
   outline: 0px !important;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   border: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   color: #fff;
   width: 100%;
   padding: 0;
   background-color: transparent;
}

.no-margin{
   position: relative;
   padding: 0;
   margin: 0;
}

.overlay{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 10;
   -webkit-transition: all .8s ease;
   -moz-transition: all .8s ease;
   -ms-transition: all .8s ease;
   -o-transition: all .8s ease;
   transition: all .8s ease;
}

.contenedor{
   position: relative;
   width: 80%;
   margin: 0 auto;
   overflow: hidden;
}

.right-box, .left-box{
   float: left;
   width: 100%;
   box-sizing: border-box;
}

body{
   position: relative;
   overflow-x: hidden !important;
   clear: both;
   margin: 0;
   padding: 0;
}

input[type=checkbox] {
   background: none;
   border: none;
   display: none;
}
.light-color {
   color: white;
}
.check-acepto label {
   color: #fff;
   text-transform: uppercase;
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: 300;
   font-size: 8px;
   line-height: 12px;
}

.check-acepto label a{
   color: #fff;
   text-transform: uppercase;
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: 700;
   font-size: 8px;
   line-height: 12px;
}

.check-acepto label:before{
   float: left;
   content: "";
   display: block;
   width: 16px;
   height: 16px;
   border: 2px solid #fff;
   background: transparent;
   margin-right: 5px;
   margin-top: -2px;
}
.check-acepto.contacto input[type='checkbox']:checked + label:before {  
   /*.check-acepto label.active:before{*/
   content: "";
   float: left;
   background: transparent url(../img/checkbox.png) no-repeat;
   background-position: -2px -2px;
   color: #fff;
   display: block;
   width: 16px;
   height: 16px;
   margin-right: 5px;
}
.check-acepto.newsletter input[type='checkbox']:checked + label:before {
   /*.logos label.active:before{*/
   content: "";
   float: left;
   background: transparent url(../img/checkboxgray.png) no-repeat;
   background-position: -1px -1px;
   color: #fff;
   display: block;
   width: 17px;
   height: 16px;
   margin-right: 5px;
}

/*ONLY MOBILE*/


@media (min-width: 320px){


   /*HEADER*/

   .logo{
      position: relative;
      width: 96px;
      margin: 0 20px;
      z-index: 9;
      float: left;
   }

   ul.sub-menu > li:last-child > a{
      display: inline-block;
      font-size: 14px;
      color: #fff;
      width: 30%;
      margin-right: 5px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   ul.sub-menu > li:last-child > a:first-child:hover i{
      color: #3b5998;
   }

   ul.sub-menu > li:last-child > a:last-child:hover i{
      color: #db7500;
   }

   .sub-menu li{
      position: relative;
   }

   .sub-menu li > a.active{
      color: #787878;
   }

   /*FOOTER*/
   .topfooter{
      background-color: #fff;
      padding: 20px 0;
   }

   .bottomfooter{
      background-color: #00212f;
      padding: 20px 0;
   }

   .logo-footer{
      color: #000000;
      max-width: 198px;
   }

   .copyright input[type="text"]{
      background-color: #b6f73b;
      max-width: 320px;
      background-image: url(../img/newsletter.png);
      background-repeat: no-repeat;
      background-position: right;
      padding: 10px 0 10px 10px;
      width: 90%;
   }

   .copyright h6{
      color: #fff;
   }

   .newsletter{
      padding: 5%;
   }

   .margbot{
      margin-bottom: 40px;
   }

   .hgt{
      overflow: hidden;
      height: 362px;
   }

   .boxfooter p, .boxfooter p a{
      color: #939598;
      font-weight: 400;
   }

   .boxfooter h6{
      color: #939598;
      font-weight: 700;
      font-size: 20px;
   }

   .boxfooter p{
      margin: 0 10px;
      display: inline-block;
      font-size: 12px;
      color: #939598;
   }

   .boxfooter{
      display: inline-block;
   }

   .boxfooter > img {
      display: inline-block;
      max-width: 20%;
   }

   .graybg{
      background-color: #f2f2f2;
      min-height: 400px;
      overflow: hidden;
   }

   .padtopbot{
      padding: 60px 0;
   }

   .bt-suscribe {
      position: relative;
      width: 33px;
      height: 30px;
      margin-top: -10px;
      margin-left: -3px;
      background-color: #e30613;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
   }

   .bt-suscribe:after {
      content: "";
      position: absolute;
      width: 22px;
      height: 22px;
      top: 8px;
      right: 0px;
      background-image: url(../img/icons/footer-submit-icon.png);
      background-repeat: no-repeat;
   }

   .campoemail input[type="email"] {
      width: 140px;
      border: 0 !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      border-radius: 0 !important;
   }

   .creditos{
      text-align: center;
   }

   .copyright p{
      color: #fff;
   }

   /*************************/
   /********INICIO***********/
   .home .logo{
      width: 65px;
   }

   .slider-home{
      position: absolute;
      width: 100%;
      top: 40%;
      left: 0;
      z-index: 99;
   }

   .banner{
      position: relative;
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
   }

   .slideHome img{
      width: 100% !important;
      max-width: 100% !important;
   }

   .tit-banner{
      position: absolute;
      width: 90%;
      bottom: 10%;
      left: 5%;
      z-index: 9;
   }

   .tit-banner h1{
      color: #ffffff;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 20px;
   }

   .tit-banner p{
      color: #ffffff;
      margin: 0;
      margin-bottom: 20px;
      max-width: 450px;
   }

   .btcurve {
      position: relative;
      z-index: 1;
      color: #fff;
      font-size: .7em;
      font-family: 'Raleway', helvetica;
      font-weight: 700;
      letter-spacing: 2px;
      width: 160px;
      padding: 10px 40px;
      border: none;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      background-color: #fc8300;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
   }

   .btcurve:hover{
      color: #fc8300;
      background-color: transparent;
      border: 1px solid #fc8300;
   }

   .btnroundwh{
      position: absolute;
      bottom: -20px;
      z-index: 10;
      font-size: 12px;
      color: #fff;
      background-color: #62a944;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      padding: 5px 45px 5px 20px;
      background-image: url(../img/whitearrow.png);
      background-position: 95px 10px;
      background-repeat: no-repeat;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .btnroundwh:hover{
      background-color: #fff;
      color: #62a944;
      background-image: url(../img/greenarrow.png);
   }

   .titmiddle h2{
      position: relative;
      color: #000;
      font-weight: 600;
      width: 70%;
      max-width: 370px;
      text-align: left;
      margin: 0 auto;
      margin-bottom: 40px;
      font-size: 32px;
      padding-bottom: 10px;
   }

   .titmiddle h2:before{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 40%;
      height: 3px;
      background-color: #000;
   }

   .titmiddle h2:after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
   }

   .titleft{
      padding: 15% 0 0 10%;
   }

   .titleft h2{
      position: relative;
      color: #000;
      font-weight: 600;
      width: 99%;
      text-align: left;
      margin-bottom: 10px;
      font-size: 32px;
      padding-bottom: 10px;
      padding-top: 30px;
   }

   .titleft h2:before{
      content: "";
      position: absolute;
      top: -20px;
      left: 0;
      width: 40%;
      height: 3px;
      background-color: #000;
   }

   .titleft h2:after{
      content: "";
      position: absolute;
      top: -20px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
   }

   .titleftserv h2{
      position: relative;
      color: #000;
      font-weight: 600;
      width: 99%;
      text-align: left;
      margin-bottom: 10px;
      font-size: 32px;
      padding-bottom: 10px;
      padding-top: 30px;
   }

   .company .imagenes img{
      display: initial;
      max-width: 125%;
      height: initial;
   }


   .txtblog img{ width: 146px;
   height: 69px; }

   .contnos .txtblog{
      padding: 15% 10%;
   }

   .company .contnos .txtblog {
      padding: 2% 10%;
   }

   .btxt{
      position: relative;
      color: #fc8300;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 2px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .txtimg .btxt{
      color: #fff;
   }

   .boxcont:hover .txtimg .btxt{
      color: #fc8300;
   }

   .boxcont:hover img{
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .boxcont:hover img{
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
   }

   .btxt:after{
      content: "";
      position: absolute;
      right: -15px;
      top: 2px;
      width: 6px;
      height: 12px;
      background-image: url('../img/arroworange.png');
      background-repeat: no-repeat;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .btxt:hover:after{
      color: #000;
      background-image: url('../img/arrowblack.png');
   }

   .txtimg .btxt:after{
      background-image: url('../img/arrowwhite.png');
   }

   .btxt:after{
      -moz-transform: translateX(5px);
      -webkit-transform: translateX(5px);
      -o-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
   }

   .boxcont:hover .txtimg .btxt:after{
      background-image: url('../img/arroworange.png');
   }

   .blackbg{
      background-color: #2a3d69;
      padding: 5% 5% 0 5%;
   }

   body.interna .tit-banner{
      bottom: 35%;
   }

   body.empresa .tit-banner, body.contacto .tit-banner{
      position: absolute;
      width: 90%;
      bottom: 25%;
      left: 5%;
   }

   .btnroundtr{
      margin: 20px auto;
      display: table;
      font-size: 12px;
      color: #62a944;
      border: 1px solid #62a944;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      padding: 5px 45px 5px 20px;
      background-image: url(../img/greenarrow.png);
      background-position: 155px 10px;
      background-repeat: no-repeat;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .btnroundtr:hover{
      color: #fff;
      background-color: #62a944;
      background-image: url(../img/whitearrow.png);
   }

   .first{
      position: relative;
   }

   .tit-interna{
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 20%;
      z-index: 9;
   }

   .tit-interna h1{
      font-weight: 700;
      color: #fff;
   }

   .backblog{
      background-color: #b5f73b;
      display: inline-block;
   }
   .filterblog{
      background-color: #b5f73b;
      display: inline-block;
   }
   .nextblog{
      display: inline-block;
   }

   .filter{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 500px;
      z-index: 9;
   }

   .contback input[type="text"]{
      padding: 0 20px;
      max-width: 160px;
      color: #fff;
      font-weight: 700;
   }

   .posrel{
      position: relative;
   }

   .minheight{
      min-height: 60px;
   }

   .contback{
      padding: 10px 0;
   }

   .contback a{
      position: relative;
      padding: 10px 20px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
   }

   .nextblog .contback a{
      background-image: url(../img/next.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40%;
      background-color: #b5f73b;
      padding: 17px 20px 15px 25px;
      margin-right: 5px;
   }

   .nextblog .contback a#back{
      background-image: url(../img/back.png);
   }

   .padtopbot{
      padding: 60px 0;
   }

   .article{
      position: relative;
      margin-top: 40px;
      padding-top: 40px;
   }

   .centeredtitle{
      position: relative;
   }

   .article:not(:last-child):after, .centeredtitle:after{
      content: "";
      margin: 0 auto;
      display: table;
      border-bottom: 1px solid #b4b4b4;
      width: 80%;
      padding-top: 60px;
   }


   .centeredtitle h2{
      text-align: center;
      color: #94959a;
      font-weight: 700;
   }

   .padbot{
      padding-bottom: 60px;
   }

   .map{
      position: relative;
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
      margin: 20px auto;
   }

   .overblack{
      background-color: rgba(0,0,0,.6);
   }

   /*.campos{
       background-image: url(../img/circle.png);
       background-position: center left;
       background-repeat: no-repeat;
       padding-left: 25px;
   }*/

   .mainSlideshow{
      visibility: hidden
   }


   .mainSlideshow ul li {
      height: 90vh;
      position: relative;
   }

   .mainSlideshow ul.operator {
      position: absolute;
      width: 25%;
      top: 0;
      z-index: 99;
      right: 0;
   }

   .slick-initialized { visibility: visible; }

   .slick-dots{
      position: absolute;
      top: 30%;
      left: 5%;
      z-index: 999;
   }

   .slick-dots li{
      height: initial !important;
      position: initial !important;
   }

   .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      background-color: #000;
      padding: 10px;
      margin-bottom: 5px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      cursor: pointer;
      color: transparent;
      outline: none;
      border: none;
      background: transparent;
   }

   .slick-dots li button:before {
      font-family: 'slick';
      border: none;
      position: relative;
      width: 0;
      content: '';
      background-color: transparent;
      padding: 4px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      opacity: 1;
      color: black;
      border: 2px solid #000;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

   .slick-dots li.slick-active button:before {
      font-family: 'slick';
      border: none;
      position: relative;
      width: 0;
      content: '';
      background-color: #000;
      padding: 6px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      opacity: 1;
      color: black;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

   #operatorRight img{
      filter: saturate(0%);
      -webkit-filter: saturate(0%);
      -moz-filter: saturate(0%);
   }

   .scroll-icon {
      position: absolute;
      width: 130px;
      height: 40px;
      left: 30%;
      bottom: 0px;
      z-index: 3;
      text-align: center;
      cursor: pointer;
   }

   .scroll-icon img {
      margin-top: -20px;
   }

   .scrolling {
      margin: 20px auto;
      text-align: center;
      position: relative;
      width: 20%;
   }

   .scrolling p {
      font-size: 14px;
      color: #9fa4a6;
   }

   .slick-slide {
      outline: none !important;
   }

   .slick-slide:focus { outline: none; }

   .boxcont{
      position: relative;
   }

   .slick-slide {
      margin-right: 2px;
   }

   .imgbox{
      position: relative;
      overflow: hidden;
   }

   .txtimg{
      position: absolute;
      bottom: 5%;
      left: 0;
      width: 100%;
      z-index: 9;
      padding: 5% 10%;
   }

   .txtimg h3{
      color: #fff;
      line-height: .8;
      font-size: 28px;
   }

   .txtimg p{
      font-size: 12px;
      margin: 0;
      font-weight: 700;
      text-align: justify;
   }

   .txtimg p:last-of-type, .txtslideup p{
      font-weight: 400;
      margin-bottom: 10px;
   }

   .txtimg p, .txtimg span{
      position: relative;
      color: #fff;
   }

   .txtimg span:after{
      content: "";
      position: absolute;
      top: 10px;
      right: -70px;
      width: 60px;
      height: 1px;
      background-color: #fff;
   }

   .overbox{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, .5);
      z-index: 6;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .hoverbox:hover ~ .overbox{
      background-color: rgba(0, 0, 0, .8);
   }

   .imgbox img{
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      width: 100%;
   }

   .hoverbox:hover ~ .imgbox img{
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
   }

   .txtslideup{
      height: 0;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   /*.txtimg:hover .txtslideup{
           height: 120px;
           opacity: 1;
   }*/

   footer{
      background-color: transparent;
   }

   .padbottom .formulario{
      padding-bottom: 15%;
      border-right: 1px solid #fff;
      border-left: 1px solid #fff;
      padding: 0 30px 15% 30px;
   }

   .padlast .formulario{
      padding-top: 50px;
      padding-left: 20px;
   }

   .padbottom .titform{
      padding-left: 30px;
   }

   .btsquare{
      position: relative;
      background-color: #fc8300;
      border: none;
      padding: 20px 45px;
      text-align: center;
      color: #fff;
      width: 110%;
      letter-spacing: 2px;
      font-weight: 700;
      -moz-transform: translateX(-30px);
      -webkit-transform: translateX(-30px);
      -o-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      transform: translateX(-30px);
      margin-bottom: 10px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      cursor: pointer;
   }

   .btsquare:hover{
      background-color: rgba(252, 131, 0, .7);
   }

   .txtus p, .txtus p a{
      color: #fff;
      font-weight: 400;
      word-break: break-word;
      font-family: 'Raleway', sans-serif;
      font-size: 16px;
   }

   .txtus p a:hover{
      color: #fff;
   }

   .titclients{
      position: relative;
      float: left;
      width: 30%;
   }

   .titclients h4{
      padding-top: 20px;
      color: #000;
      font-size: 22px;
   }

   .logos{
      position: relative;
      float: left;
      width: 70%;
   }

   .logos ul li{
      display: inline-block;
      width: 30.3333%;
   }

   .logos ul li img{
      width: 100%;
      max-width: 100%;
      /*opacity: .2;*/
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .logos ul li:hover img{
      opacity: 1;
   }

   .policies{
      padding: 2%;
      background-color: #c3c3c7;
   }

   .policies ul li{
      display: inline-block;
      text-align: center;
   }

   .policies ul li a{
      color: #fff;
      font-weight: 300;
      padding: 5px 10px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .policies ul li a:hover{
      color: #fc8300;
   }

   #video{
      position: absolute;
      left: 40px;
      padding-left: 50px;
      cursor: pointer;
      top: 30px;
      line-height: 1.1;
      font-size: 14px;
      font-weight: 600;
      color: #000;
   }

   #video:after{
      content: "";
      position: absolute;
      top: -10px;
      left: 0;
      width: 40px;
      height: 40px;
      background-image: url('../img/play.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
   }
   .linkbig{
      margin-bottom: 60px;
   }

   .linkbig a{
      font-size: 30px;
      font-weight: 700;
      text-decoration: underline;
   }

   .titabs {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
   }

   .titabs h2{
      color: #f6f7f7;
      margin: 0;
      font-size: 12em;
   }

   .titabscont{
      top: -20%;
   }

   .politica h4, .politica span, .contvalues h4, .contvalues span{
      color: #9fa4a6;
   }

   .politica p, .contvalues p{
      text-align: justify;
      line-height: 1.4;
   }

   .politica ul li, .contvalues ul li{
      color: #9fa4a6;
      list-style-type: disc;
      list-style-position: inside;
      text-align: justify;
   }

   .efe, .contfilo{
      position: relative;
      padding: 10%;
   }

   .contfilo{
      padding-left: 25%;
   }

   .contfilo h3{
      position: relative;
      color: #9fa4a6;
   }

   .contfilo h3:after{
      content: "";
      background-color: #9fa4a6;
      position: absolute;
      bottom: -8px;
      left: 0;
      width: 100%;
      max-width: 80px;
      height: 1px;

   }

   .contfilo p{
      text-align: justify;
   }

   .contfilo span{
      color: #9fa4a6;
      font-weight: 700;
   }

   .efe:before{
      content: "";
      position: absolute;
      top: 0;
      right: -16%;
      width: 418px;
      height: 767px;
      z-index: -1;
      background-image: url(../img/efe.png);
      background-repeat: no-repeat;
      background-size: 58%;
      background-position: top right;
   }

   .ce{
      overflow: hidden;
   }

   .ce:before{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 843px;
      height: 767px;
      z-index: 0;
      background-image: url(../img/ce.png);
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: top right;
   }

   .contimgf{
      z-index: 9;
      max-width: 100%;
      width: 90%;
   }

   .contimgf img{
      -webkit-box-shadow: 10px 10px 20px 10px rgba(25,25,25, .3);
      box-shadow: 10px 10px 20px 10px rgba(25,25,25, .3);
      -moz-transform: translateX(35px);
      -webkit-transform: translateX(35px);
      -o-transform: translateX(35px);
      -ms-transform: translateX(35px);
      transform: translateX(35px);
   }

   .submenu li a{
      color: #fff;
   }

   .map{
      -webkit-box-shadow: 10px 10px 20px 10px rgba(25,25,25, .3);
      box-shadow: 10px 10px 20px 10px rgba(25,25,25, .3);
   }

   .pad5{
      position: relative;
      padding: 5% 5% 3% 5%;
   }

   .formulario input[type="text"] {
      width: 100% !important;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      background-color: transparent;
      color: #fff;
      font-weight: 300;
      margin: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      max-width: initial;
   }

   .formulario input[type="email"] {
      width: 100%;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      background-color: transparent;
      color: #fff;
      font-weight: 300;
      margin: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
   }

   .formulario .btsquare{
      width: 100%;
      padding: 20px;
      text-align: center;
      color: #fff;
      font-weight: 700;
      letter-spacing: 2px;
      font-size: 14px;
      margin: 0 auto 10px auto;
      border: none;
      appearance: none;
      outline: 0;
      background-color: #fc8300;
      -webkit-border-radius: 0 0 10px 10px;
      border-radius: 0 0 10px 10px;
      -moz-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .formulario .btsquare:hover{
      background-color: #9fa4a6;
   }

   .titpro h2{
      text-align: center;
   }

   .datosempresa p, .datosempresa a{
      color: #9fa4a6;
      font-weight: 700;
      letter-spacing: 1px;
   }

   .photogrid .demo{
      width: 100%;
      float: left;
      position: relative;
      overflow: hidden;
   }

   .photogrid .demo img{
      width: 100%;
      max-width: 100%;
   }

   .greenboxcont{
      position: relative;
      background-color: #fc8300;
      padding: 15%;
      height: 376px;
   }

   .contfoto img{
      height: 376px;
      object-fit: cover;
   }

   .greenboxcont p{
      color: #fff;
      padding-left: 10%;
   }

   .greenboxcont h3{
      position: relative;
      padding-left: 10%;
   }

   .greenboxcont h3:before{
      content: "01.";
      position: absolute;
      top: -3px;
      left: -30px;
      font-family: 'Raleway', sans-serif;
      font-weight: 700;
      color: #fff;
      font-size: 40px;
   }

   .demo{
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
   }

   .txtCat{
      position: absolute;
      left: 5%;
      bottom: -200px;
      z-index: 999;
      min-width: 100px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .txtCat h6{
      color: #fff;
      font-weight: 700;
      padding: 0;
      margin: 0;
   }

   .txtCat p{
      color: #fff;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      width: 100%;
      margin: 0;
   }

   .demo:hover .txtCat{
      bottom: 10%;
   }

   .demo img{
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .demo:hover img{
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
   }

   .contserv h3, .txtcenter h3{
      position: relative;
      line-height: .9;
      color: #9fa4a6;
   }

   .txtcenter{
      margin: 40px auto;
   }

   .txtcenter h3{
      position: relative;
      line-height: .9;
      color: #9fa4a6;
      text-align: center;
   }

   .contserv h3:before{
      content: "01.";
      color: #fc8300;
      font-size: 40px;
      position: absolute;
      top: -70px;
      left: 0;
   }

   .contserv{
      position: relative;
   }

   .contimgserv, .contimage{
      position: relative;
      overflow: hidden;
   }

   .contrel{
      position: relative;
      padding: 10px;
   }

   .txtrel h4{
      color: #9fa4a6;
   }

   .txtrel span{
      position: relative;
      color: #9fa4a6;
      font-weight: 700;
   }

   .txtrel span:after{
      content: "";
      position: absolute;
      top: 5px;
      right: -25px;
      width: 17px;
      height: 15px;
      background-image: url('../img/arrowgray.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
   }

   .contrel > span{
      color: #fc8300;
      font-weight: 700;
   }

   .contrel > p{
      position: relative;
      width: fit-content;
      margin-bottom: 25px;
   }

   .contrel > p:after{
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #fc8300;
   }

   .contimage img, .contimgf img{
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .relacionados .overlay:hover ~ .contimage img{
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
   }

   .contimgf img:hover{
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }

   .logos .btsquare{
      float: left;
      width: 30%;
      padding: 25px;
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
   }

   .logos input{
      padding: 10px;
      padding-left: 65px;
      border: 15px solid #eaeaea;
      float: left;
      width: 70%;
      color: #a3a3a6;
      background-image: url('../img/mail.png');
      background-position: 15px 12px;
      background-repeat: no-repeat;
      background-size: 15%;
   }

   .logos input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #a3a3a6;
      opacity: 1;
   }
   .logos input::-moz-placeholder{ /* Firefox 19+ */
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #a3a3a6;
      opacity: 1;
   }
   .logos input:-ms-input-placeholder{ /* IE 10+ */
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #a3a3a6;
      opacity: 1;
   }
   .logos input:-moz-placeholder{ /* Firefox 18- */
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #a3a3a6;
      opacity: 1;
   }

   .logos label{
      color: #a3a3a6;
   }

   .logos label a{
      color: #fc8300;
   }

   .logos label:before{
      border: 1px solid #a3a3a6;
      width: 17px;
      height: 16px;
   }

   .bgray{
      padding: 2%;
   }

   .bgray a, .bgray p {
      display: inline-block;
      margin-right: 5px;
      font-size: 12px;
   }

   .scrolldown{
      position: absolute;
      bottom: 40px;
      left: 0;
      background-color: #fc8300;
      padding: 25px;
      background-image: url(../img/arrowdown.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 60%;
      z-index: 9;
      cursor: pointer;
   }

   .linkedin{
      position: absolute;
      top: 55%;
      left: 4.5%;
      padding: 10px;
      z-index: 9;
      cursor: pointer;
   }


   .titus h4{
      position: relative;
      margin-bottom: 30px;
   }

   .titus h4:after{
      content: "";
      position: absolute;
      bottom: -15px;
      left: 0;
      width: 30%;
      height: 2px;
      background-color: #fc8300;
   }

   .internaline{
      position: absolute;
      top: 30%;
      left: 10%;
      width: 5px;
      height: auto;
   }

   .vertline{
      position: relative;
   }

   .vertline:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 40px;
      background-color: #000;
   }

   .vertline:after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 75px;
      background-color: #000;
   }

   .lightelements .vertline:before, .lightelements .vertline:after{
      background-color: #fff;
   }

   .lightelements .sub-menu li a, .lightelements .tit-banner h1{
      color: #fff;
   }

   .lightelements .has-sub:after{
      background-image: url('../img/arrowwhite.png');
   }

   .blog-grid{
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 40px 0;
   }

   .blog-item{
      margin-bottom: 60px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .cont-blog-item{
      position: relative;
      width: 100%;
      max-width: 268px;
      margin: 0 auto;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   .cont-blog-item:hover{
      -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
      box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
   }

   .cont-blog-item .txt-blog{
      background-color: #fff;
      position: relative;
      padding: 20px;
      min-height: 160px;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
   }

   .cont-blog-item .txt-blog h6{
      color: #000;
      font-weight: 700;
      margin-bottom: 20px;
   }

   .cont-blog-item .txt-blog span{
      color: #000;
      letter-spacing: 2px;
      font-weight: 700;
      cursor: pointer;
   }

   .tabs{
      display: table;
      margin: 20px auto;
   }

   .tabs ul li{
      display: block;
      margin-bottom: 5px;
   }

   .tabs ul li a{
      position: relative;
      text-align: left;
      padding: 5px 0;
      color: #000;
      letter-spacing: 2px;
      font-weight: 700;
   }

   .tabs ul li a:after{
      content: "";
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      width: 0;
   }

   .tabs ul li a:hover:after, .tabs ul li a.activa:after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #fc8300;
   }

   .txtleft p{
      text-align: justify;
   }

   .orangetitleft{
      padding: 0;
   }

   .orangetitleft h2{
      color: #fc8300;
      max-width: 420px;
      padding-top: 0;
   }

   .orangetitleft h2:before{
      background-color: #fc8300;
      width: 20%;
      height: 4px;
   }

   .orangetitleft h2:after{
      content: none;
   }

   .blogimg{
      margin-bottom: 60px;
   }

   .back{
      margin-bottom: 20px;
   }

   .back a{
      position: relative;
      letter-spacing: 2px;
      color: #000;
      font-weight: 700;
      padding-left: 35px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .back a:hover{
      color: #fc8300;
   }

   .back a:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 23px;
      height: 17px;
      background-image: url('../img/back.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .back a:hover:before{
      background-image: url('../img/backorange.png');
   }

   .contact .contactblack p, .contact .contactblack p a,
   .contact .floatnone h4{
      color: #000;
   }

   .contact .floatnone h4:after{
      content: none;
   }

   .contact .floatnone{
      float: none;
      width: 100%;
   }

   .pad5{
      padding: 5%;
   }

   .titleftdev h2{
      padding-bottom: 0;
   }

   .contnos .txtdev, .titleftdev, .titleftserv{
      padding: 10px 20px;
   }

   .contnos .txtblog{
      text-align: justify;
   }

   .arrows{
      position: relative;
      width: 100%;
      overflow: hidden;
      margin: 0 auto;
   }

   .arrows li{
      padding: 25px;
      background-color: #fc8300;
      margin-top: 4px;
      margin-right: 2px;
      display: inline-block;
      background-image: url('../img/rightarrow.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 30%;
   }

   .arrows li.prev{
      -moz-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
   }

   .txtdev ul li{
      color: #000;
      font-family: 'Roboto', Helvetica;
      list-style-type: initial;
      list-style-position: inside;
      list-style-image: url('../img/bullet.png');
   }

   .thermokind li{
      color: #000;
      opacity: .48;
      font-family: 'Raleway', sans-serif;
      font-weight: 700;
      font-size: 55px;
      display: inline-block;
      padding-right: 15px;
   }

   .contdev{
      padding: 30px 0;
   }
}

@media (min-width: 360px){

   .home .logo{
      width: auto;
   }

   .slider-home{
      top: 27%;
   }

   .blog-grid {
      width: 80%;
      margin: 0 auto;
   }

}

@media (min-width: 375px){

   .contback input[type="text"] {
      max-width: 230px;
   }
}

@media (min-width: 412px){




}

@media (min-width: 320px) and (max-width: 485px){

   .titblog h2{
      font-size: 32px;
   }

   .mainSlideshow ul li {
      height: 100vh;
      position: relative;
   }

   .tit-banner {
      display: none;
   }

   body.interna .tit-banner {
      display: none;
   }

   .scrolldown{
      bottom: 0;
   }

   .txtimg h3 {
      font-size: 21px;
   }

   .txtabs {
      bottom: 0;
      padding: 5%;
   }

   .txtabs h3 {
      color: #fff;
      line-height: .8;
      font-size: 18px;
   }

   .datosempresa p, .datosempresa a{
      font-size: 14px;
      text-align: center;
      margin-bottom: 10px;
   }

   .logos, .titclients{
      width: 100%;
      margin: 0 auto;
      display: table;
   }

   .titclients h4{
      text-align: center;
   }

   .company .imagenes img{
      display: initial;
      max-width: 100%;
      height: initial;
   }

   .logos input, .logos .btsquare{
      width: 100%;
   }

   .policies {
      padding: 5%;
   }

}

@media (min-width: 486px){

   .tit-banner h2{
      font-size: 2em;
   }

   .scroll-icon {
      bottom: 2%;
   }

}

/*ONLY MOBILES AND TABLETS*/

@media (min-width: 320px) and (max-width: 767px){

}

@media (min-width: 486px) and (max-width: 767px){



}

@media (min-width: 320px) and (max-width: 992px){
   /*MENU BOTTON*/
   .desktop{
      display: none !important;
   }

   .mobil{
      display: block !important;
   }

   .tablet{
      display: none;
   }

   .logo {
      width: 150px !important;
      position: fixed;
      top: 25px;
      background-color: rgba(255,255,255, .7);
      padding: 10px;
   }

   .open {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 50px;
      height: 50px;
      padding: 20px;
      background-color: rgba(255,255,255,.7);
      display: block;
      cursor: pointer;
      z-index: 999;
      -webkit-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear;
   }
   .open:hover {
      opacity: 0.9;
   }
   .open span {
      display: block;
      float: left;
      clear: both;
      height: 5px;
      width: 40px;
      background-color: #42434c;
      position: absolute;
      right: 5px;
      top: 3px;
      overflow: hidden;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
   }

   .oppenned span{
      background-color: #000;
   }

   .open span:nth-child(1) {
      margin-top: 10px;
      z-index: 9;
   }
   .open span:nth-child(2) {
      margin-top: 20px;
   }
   .open span:nth-child(3) {
      margin-top: 30px;
   }

   .sub-menu {
      -webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      height: 0;
      width: 0;
      right: 0;
      top: 0;
      position: absolute;
      background-color: rgba(255,255,255, 0.75);
      /*border-radius: 50%;*/
      z-index: 18;
      overflow: hidden;
   }
   .sub-menu > li {
      display: block;
      float: left;
      clear: both;
      height: auto;
      margin-right: -160px;
      -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   }
   .sub-menu > li:first-child {
      margin-top: 200px;
   }
   .sub-menu > li:nth-child(1) {
      -webkit-transition-delay: 0.05s;
   }
   .sub-menu > li:nth-child(2) {
      -webkit-transition-delay: 0.10s;
   }
   .sub-menu > li:nth-child(3) {
      -webkit-transition-delay: 0.15s;
   }
   .sub-menu > li:nth-child(4) {
      -webkit-transition-delay: 0.20s;
   }
   .sub-menu > li:nth-child(5) {
      -webkit-transition-delay: 0.25s;
   }
   .sub-menu > li > a {
      color: #9fa4a6;
      font-family: 'Raleway', Helvetica;
      font-size: 14px;
      width: 100%;
      display: block;
      float: left;
      line-height: 35px;
      text-decoration: none;
      -webkit-transition: all 0.25s cubic-bezier(.33,.07,0,.91);
      transition: all 0.25s cubic-bezier(.33,.07,0,.91);

   }

   .lightelements .sub-menu li a, .lightelements .tit-banner h1{
      color: #000;
   }

   .lightelements .has-sub:after{
      background-image: url('../img/arrowblack.png');
   }

   .has-sub:after {
      content: "";
      position: absolute;
      top: 12px;
      right: -15px;
      width: 7px;
      height: 11px;
      background-image: url(../img/arrowblack.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 95%;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .sub-menu > li:not(:last-child) > a:hover{
      color: #000;
   }

   .submenu{
      margin-top: 15px;
      clear: both;
      overflow: hidden;
   }

   .submenu > ul{
      padding: 0 5px;
      margin: 0;
   }

   .submenu > ul > li{
      position: relative;
      line-height: 16px;
   }

   .submenu > ul > li > a{
      color: #000;
      display: block;
      width: 100%;
      padding: 5px;
      max-width: 80%;
   }

   .submenu{
      display: none;
   }

   .oppenned .sub-menu {
      opacity: 1;
      height: 580px;
      width: 410px;
      padding-left: 0;
   }
   .oppenned span:nth-child(2) {
      overflow: visible;
   }
   .oppenned span:nth-child(1),
   .oppenned span:nth-child(3) {
      z-index: 100;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }
   .oppenned span:nth-child(1) {
      -webkit-transform: rotate(45deg) translateY(14px) translateX(6px);
      transform: rotate(45deg) translateY(14px) translateX(6px);
   }
   .oppenned span:nth-child(2) {
      height: 640px;
      width: 450px;
      right: -160px;
      top: -160px;
      /*border-radius: 50%;*/
      background-color: rgba(255,255,255, 0.98);
   }
   .oppenned span:nth-child(3) {
      -webkit-transform: rotate(-45deg) translateY(-10px) translateX(0px);
      transform: rotate(-45deg) translateY(-10px) translateX(0px);
   }
   .oppenned > li {
      margin-right: 168px;
   }

   .oppenned  > li {
      margin-right: 85px;
   }

   div.open > span:nth-child(2) > ul > li:last-child a{position: relative;}
   .redes ul li{
      display: inline-block;
   }

   .redes ul li a{
      font-size: 14px;
   }

   div.open > span:nth-child(2) > ul > li:last-child span{display: none;}

   .button {
      display: block;
      float: left;
      clear: both;
      padding: 20px 40px;
      background: #fff;
      border-radius: 3px;
      border: 2px solid #10a1ea;
      overflow: hidden;
      position: relative;
   }
   .button:after {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease;
      content: "";
      position: absolute;
      height: 200px;
      width: 400px;
      -webkit-transform: rotate(45deg) translateX(-540px) translateY(-100px);
      transform: rotate(45deg) translateX(-540px) translateY(-100px);
      background: #10a1ea;
      z-index: 1;
   }
   .button:before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      content: attr(title);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      z-index: 2;
      text-align: center;
      padding: 20px 40px;
      -webkit-transform: translateY(200px);
      transform: translateY(200px);
   }
   .button:hover {
      text-decoration: none;
   }
   .button:hover:after {
      -webkit-transform: translateX(-300px) translateY(-100px);
      transform: translateX(-300px) translateY(-100px);
   }
   .button:hover:before {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }

   .article > div > img{
      margin: 0 auto;
      margin-bottom: 20px;
   }

   .num {
      left: 35%;
   }

   .fbox{
      margin-bottom: 30px;
   }

   .btsquare{
      width: 100%;
   }

   .padbottom .formulario {
      padding-bottom: 2%;
      border-right: none;
      border-left: none;
      padding: 0 60px 5% 0px;
   }

   .padlast .formulario {
      padding-top: 0;
      padding-left: 0;
   }

   .padbottom .titform {
      padding-left: 0;
   }

   .check-acepto{
      margin: 20px 0;
   }

   .msform input[type="email"]{
      width: 45%;
   }

   .operator {
      display: none;
   }

   .mainSlideshow ul li {
      height: 100%;
      position: relative;
   }

   .slick-dots {
      top: 40%;
   }

   .titabs{
      display: none;
   }

   .contenedor{
      width: 100%;
   }

   .hgt {
      overflow: hidden;
      height: 467px;
   }

   .txtimg {
      bottom: 0%;
      padding: 4% 10%;
   }

   .blackbg {
      padding: 5% 0;
   }


}

@media (min-width: 540px){
   .tit-banner {
      position: absolute;
      bottom: 40%;
      left: 25%;
   }

   .tit-banner h1{
      position: relative;
      font-size: 48px;
      max-width: 550px;
      line-height: .8;
   }

   .internaline {
      left: 8%;
   }

   .vertline:before{
      height: 40px;
   }

   .vertline:after{
      height: 125px;
   }

}


/*FROM TABLETS AND ABOVE*/

@media (min-width: 640px){

   .slider-home{
      top: 45%;
   }

   .slider-home .item h2{
      width: 40%;
   }

   .tit-banner h2, .cascoafter h2{
      font-size: 52px;
   }

   .tit-banner h5{
      font-size: 28px;
      width: 70%;
   }

   .imgwhitebg{
      position: absolute;
      top: 0;
      left: -2%;
      background-color: #f2f2f2;
      padding: 0 30px 30px 30px;
      max-width: 100%;
   }

   .imgwhitebgbottom{
      position: absolute;
      bottom: 5.8%;
      right: -2%;
      background-color: #f2f2f2;
      padding: 30px 30px 0 30px;
      max-width: 100%;
   }

   .imgwhitebgleft:nth-child(2){
      position: absolute;
      bottom: 52%;
      left: -2%;
      background-color: #f2f2f2;
      padding: 30px 20px 0 0px;
      max-width: 45%;
   }

   .imgwhitebgleft:nth-child(3){
      position: absolute;
      bottom: 5.8%;
      left: -2%;
      background-color: #f2f2f2;
      padding: 30px 20px 0 0px;
      max-width: 45%;
   }

   .tabs ul li{
      display: inline-block;
      margin-bottom: 5px;
      padding: 20px 20px 0 20px;
   }

}

@media (min-width: 768px){
   .right-box, .left-box{
      float: left;
      width: 45%;
      box-sizing: border-box;
      margin: 20px 20px 20px 0px;
   }

   .right-box{
      padding: 0 20px;
   }

   .copyright form{
      display: inline-block;
      width: 300px;

   }

   .copyright h6{
      display: inline-block;
   }

   .txtnosotros{
      position: absolute;
      bottom: -20%;
      width: 90%;
   }

   .txtnosotros h1{
      font-size: 180px;
      font-family: "Roboto", Helvetica;
      font-weight: 700;
      color: #fff;
   }

   .tablet{
      display: block;
   }

   .slider-home .item h2{
      width: 65%;
      font-size: 53px;
   }

   .tit-banner .parrafo {
      padding: 30px 10px 40px 30px;
      max-width: 300px;
   }

   .tit-banner {
      position: absolute;
      width: 50%;
      top: 40%;
      left: 13.5%;
      z-index: 9;
      bottom: initial;
   }

   .contback input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
      font-size: 22px;
   }
   .contback input::-moz-placeholder{ /* Firefox 19+ */
      font-size: 22px;
   }
   .contback input:-ms-input-placeholder{ /* IE 10+ */
      font-size: 22px;
   }
   .contback input:-moz-placeholder{ /* Firefox 18- */
      font-size: 22px;
   }

   #mainPhoto{
      width: 60%;
      float: left;
   }

   #thumb{
      width: 40%;
      float: left;
   }

   .tit-banner .parrafo ul li{
      font-size: 16px;
   }

   .scroll-icon {
      left: 45%;
   }

   .moveup {
      margin-top: -33%;
   }

   .moveup .demo img {
      height: 632px;
      object-fit: cover;
   }

   .heightpic img{
      height: 378px;
      object-fit: cover;
   }

   .internaline{
      left: 7%;
   }

}


/*FROM NETBOOKS AND LAPTOPS*/

@media (min-width: 993px){

   .desktop{
      display: block !important;
   }

   .mobil{
      display: none !important;
   }

   .first, .second, .third{
      position: relative;
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
   }

   body.empty .third{
      height: 100px;
      background-position: 0px -0px;
   }

   .nav{
      position: absolute;
      background-color: transparent;
      z-index: 999;
      top: 30px;
      left: 5%;
      height: 90px;
      padding: 20px 10px;
      width: 90%;
   }

   .interna .nav{
      position: fixed;
      background-color: rgba(255,255,255, .8);
      z-index: 999;
      top: 0;
      left: 0;
      height: 90px;
      padding: 20px 10px;
      width: 100%;
   }

   .contenedor{
      width: 100%
   }

   /*MENU*/

   .logo {
      width: 65px;
      margin: 0 5px;
   }

   .open{
      position: relative;
      width: 65%;
      float: right;
      z-index: 999;
      -webkit-border-radius: 0;
      border-radius: 0;
      margin-top: 0px;
   }

   .sub-menu li{
      display: inline-block;
      margin-right: 86px;
      position: relative;
   }


   body > section.first > div.container > div > div.open > span:nth-child(2) > ul > li:nth-child(8):after{
      content: none;
   }

   .sub-menu li a{
      position: relative;
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .has-sub:after {
      content: "";
      position: absolute;
      top: 2px;
      right: -10px;
      width: 7px;
      height: 11px;
      background-image: url(../img/arrowblack.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 95%;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
   }

   .has-sub:hover:after, .sub-menu > li a.m-active:after{
      background-image: url(../img/arroworange.png);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
   }

   .sub-menu > li a:hover, .sub-menu > li a.active{
      color: #fc8300;
   }


   .has-sub:hover ~ .submenu, .submenu:hover {
      display: block;
   }

   .submenu{
      display: none;
      position: absolute;
      background-color: rgb(252, 131, 0);
      padding: 30px 10px 10px 30px;
      top: 25px;
      width: 500px;
      left: -60px;
   }

   .submenu li{
      display: block;
      position: relative;
   }


   .submenu li a{
      position: relative;
      color: #fff;
      font-size: 12px;
   }

   .submenu li a:hover{
      color: #fff !important;
      opacity: .7 !important;
   }

   .submenu li:after{
      content: "";
      position: absolute;
      right: 0;
      top: 10px;
      width: 6px;
      height: 12px;
      background-image: url('../img/arrowwhite.png');
      opacity: .4;
   }

   .submenu li:hover:after{
      content: "";
      background-image: url('../img/arrowwhite.png');
      opacity: .4;
   }

   .redes{
      position: relative;
   }

   .redes ul li{
      margin-right: 0;
   }

   .tit-banner {
      left: 16.5%;
   }

   .imgback{
      -moz-transform: translateY(140px);
      -webkit-transform: translateY(140px);
      -o-transform: translateY(140px);
      -ms-transform: translateY(140px);
      transform: translateY(140px);
      width: 60%;
   }

   .imgtop{
      position: absolute;
      top: 40px;
      right: 5%;
      width: 60%;
   }

   .operator {
      display: block;
   }

   .datosempresa p, .datosempresa a{
      margin: 0;
      padding: 5px 0;
   }

   .demo{
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
   }

   .contserv h3, .txtcenter h3{
      position: relative;
      line-height: .9;
      color: #9fa4a6;
   }

   .txtcenter{
      margin: 40px auto;
   }

   .txtcenter h3{
      position: relative;
      line-height: .9;
      color: #9fa4a6;
      text-align: center;
   }

   .contserv h3:before{
      content: "01.";
      color: #fc8300;
      font-size: 40px;
      position: absolute;
      top: -70px;
      left: 0;
   }

   .contserv {
      margin-top: 160px;
   }

   .contimgserv{
      -moz-transform: translateY(-60px);
      -webkit-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      transform: translateY(-60px);
   }

   .moveup .demo img {
      height: 431px;
      object-fit: cover;
   }

   .heightpic img {
      height: 260px;
      object-fit: cover;
   }

   .minheight380{
      min-height: 380px;
   }

}

@media (min-width: 1024px){
   .moveup .demo img {
      height: 431px;
      object-fit: cover;
   }

   .heightpic img {
      height: 260px;
      object-fit: cover;
   }
   .banner{
      height: 60vh;
   }

   .mainSlideshow ul li{
      min-height: initial;
   }

   .slideHome img {
      width: initial !important;
      max-width: initial !important;
   }
}

@media (min-width: 1280px){

   .open{
      padding: 10px;
   }

   .slideHome img {
      width: 100% !important;
      max-width: 100% !important;
   }

   .contenedor{
      width: 90%;
   }

   .tit-banner {
      left: 13.5%;
   }

   .titinterna{
      left: 38% !important;
   }

   .map{
      margin-top: 60px;
   }

   .open{
      position: relative;
      width: 90%;
   }

   .logo {
      position: relative;
      width: initial;
      margin: 0 20px;
      z-index: 9;
      float: left;
   }

   .open {
      position: relative;
      width: 60%;
   }

   .padtop{
      padding-top: 120px;
   }

   .moveup .demo img {
      height: 478px;
      object-fit: cover;
   }

   .heightpic img {
      height: 290px;
      object-fit: cover;
   }

   .contserv {
      margin-top: 200px;
   }

   .internaline {
      left: 6%;
   }

}


@media (min-width: 1366px){

   .sub-menu li a{
      font-size: 14px;
   }

   .slider-home .item h2 {
      width: 55%;
   }

   .open {
      position: relative;
      width: 60%;
   }

   .tit-banner {
      left: 10%;
   }

   .moveup .demo img {
      height: 510px;
      object-fit: cover;
   }

   .heightpic img {
      height: 309px;
      object-fit: cover;
   }

   .banner {
      height: 90vh;
   }

   .internaline {
      left: 6%;
   }


}


/*ONLY DESKTOP*/

@media (min-width: 1440px){

   .open {
      position: relative;
      width: 60%;
   }

   .tit-interna {
      bottom: 30%;
   }

   .moveup .demo img {
      height: 538px;
      object-fit: cover;
   }

   .heightpic img {
      height: 325px;
      object-fit: cover;
   }

   .banner {
      height: 66vh;
   }

   .logos input {
      background-position: 15px 12px;
      background-size: 10%;
   }

   .newslet{
      padding-top: 15px;
   }

}

@media (min-width: 1600px){

   .open {
      position: relative;
      width: 50%;
   }

   .tit-banner {
      left: 20%;
   }

   .titinterna{
      left: 40% !important;
   }

   .logo{
      margin-left: 5%;
   }

   .moveup .demo img {
      height: 600px;
      object-fit: cover;
   }

   .heightpic img {
      height: 365px;
      object-fit: cover;
   }

   .titclients h4 {
      padding-top: 30px;
      font-size: 28px;
   }

   .scrolldown{
      bottom: 0;
   }

   .lightelements .scrolldown {
      bottom: 40px;
   }

}

@media (min-width: 1680px){


   .tit-banner {
      left: 22%;
   }

   .moveup .demo img {
      height: 630px;
      object-fit: cover;
   }

   .heightpic img {
      height: 382px;
      object-fit: cover;
   }

}

@media (min-width: 1800px){

   .sub-menu li {
      margin-right: 20px;
   }

   body.empty .third{
      height: 195px;
   }

   .bg-tit h1{
      font-size: 17.6em;
   }


   .tit-banner {
      left: 25%;
   }

   .mainSlideshow ul li{
      height: 100%;
   }
}


@media (min-width: 1920px){


   .interna .banner .desktop{
      width: 100%;
   }

   .moveup .demo img {
      height: 722px;
      object-fit: cover;
   }

   .heightpic img {
      height: 440px;
      object-fit: cover;
   }

   .logos input {
      background-size: 8%;
   }

   .titclients h4 {
      font-size: 28px;
      color: #fc8300;
   }

}

@media (min-width: 2560px){
   .tit-banner {
      left: 25%;
   }

   .imacsize {
      width: 67%;
   }

   .imgbox img{
      width: 100%;
      max-width: initial;
   }

   .logos input {
      background-size: 7%;
   }

   .titclients h4 {
      font-size: 40px;
   }

   .newslet {
      padding-top: 30px;
   }

   .scrolldown {
      bottom: 60px;
   }

}

/* ----------- iPhone 4 and 4S ----------- */

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {


}

/* ----------- iPhone 5 and 5S ----------- */

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
   .sub-menu > li:first-child{
      margin-top: 140px;
   }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {


}

/* ----------- iPhone 6+ ----------- */

/* Landscape */
@media only screen
and (min-device-width: 411px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {



}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 598px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {

}


/* Landscape */

@media only screen
and (min-width: 412px)
and (max-width: 732px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2.6) {

}

@media only screen
and (min-device-width: 1920px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}


/*SCROLL DOWN ICON*/
[data-ca3_icon]::before {
   font-weight: normal;
   content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow, .ca3-scroll-down-arrow-red{
   background-image: url('../img/icons/scroll-down-red.png');
   background-repeat: no-repeat;
}

.ca3-scroll-down-link {
   cursor:pointer;
   height: 60px;
   width: 80px;
   margin: 0px 0 0 -40px;
   line-height: 60px;
   position: absolute;
   left: 50%;
   bottom: 0px;
   color: #FFF;
   text-align: center;
   font-size: 70px;
   z-index: 999;
   text-decoration: none;
   text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

   -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
   -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
   animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
   0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
   50%  { opacity: 1;  }
   100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
   0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
   50%  { opacity: 1;  }
   100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
   0%   { transform:translate(0,-20px); opacity: 0;  }
   50%  { opacity: 1;  }
   100% { transform:translate(0,20px); opacity: 0; }
}

/*ELLYN*/
@media (min-width:992px) and (max-width:1199px) {
   .hgt {
      height: 290px !important;
   }
   .newsletter>div:nth-child(2) .titclients{
      width: 100%
   }
   .newsletter>div:nth-child(2) .titclients h4{
      padding-top: 0px;
      line-height: 0px;
   }
   .newsletter>div:nth-child(2) .newslet{
      width: 100%
   }
}


.cargarmas .next {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.footer a {
   color:#000000 !important;
}