@font-face {
  font-family: 'Nexa_Bold';
  font-style: normal;
  font-weight: bold;
  src: local('Nexa Bold'), url('font/Nexa Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Nexa_Light';
  font-style: normal;
  font-weight: normal;
  src: local('Nexa Light'), url('font/Nexa Light.otf') format('opentype');
}

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;font-family: Nexa_Light;overflow-x: hidden;}
a {text-decoration: none;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.msg{color: #000;font-size: 1.2em;}
.help-block{color: #000 !important;}
.h-100{height: 100%;}

/* MENU */
header{position: fixed;width: 100%;z-index: 103;background-color: transparent;transition: all 0.2s ease-out;}
header .logo{padding: 20px 60px}
header .logo img{width: 200px;}
header .social{text-align: right;margin: auto 0;}
header .social a i{font-size: 1.6em;color: #000;background-color: #fff;display: inline-block;border: 0px solid #000;border-radius: 60px;padding: 0.4em 0.6em;margin-right: 10px;-webkit-transition: all 3s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
header .social a i.fa-instagram{padding: 0.4em 0.50em;}
header .social a:hover i{color: #fff;background-color: #000;}
header .menu-bars{margin: auto 0;position: relative;z-index: 104;}
header .menu-bars .menu-btn {position: relative;display: block;width: 30px;height: 30px;cursor: pointer;z-index: 1000;}
header .menu-bars .menu-btn .menu-row {position: absolute;top: 50%;left: 0;background-color: #fff;display: block;width: 100%;height: 4px;border-radius: 1px;}
header .menu-bars .menu-btn span {-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
header .menu-bars .menu-btn .menu-wraper {-webkit-transition: 0.5s ease all;transition: 0.5s ease all;padding: 15px;}
header .text{font-size: 1.6em;color: #fff;text-transform: uppercase;margin: auto 0;padding-right: 60px;}
header.bg{background-color: rgba(0, 0, 0, 0.7);}

.menu {display: none;height: 100vh;position: fixed;background: url("../img/i_bg_menu2.png");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;z-index: 101;width: 100%;color: #000;right: 0;}
.content-information .info{margin: auto auto;padding-right: 90px;}
.content-information .info ul{list-style-type: none;}
.content-information .info ul li{text-align: right;text-transform: uppercase;font-family: Nexa_Bold;font-size: 1.8em;margin-bottom: 20px;}
.content-information .info ul li a{color: #000;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.content-information .info ul li a:hover{color: #fff;}

.content-information .info .social{text-align: right;margin-top: 60px;}
.content-information .info .social a i{font-size: 1.6em;color: #fff;background-color: #000;display: inline-block;border: 1px solid #000;border-radius: 60px;padding: 0.4em 0.5em;margin-right: 10px;-webkit-transition: all 3s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.content-information .info .social a i.fa-instagram{padding: 0.4em 0.40em;}
.content-information .info .social a:hover i{color: #000;background-color: #fff;}


.menu-btn.style-3 .menu-row {
  visibility: visible;
  -webkit-transform-origin: 2px 50%;
          transform-origin: 2px 50%;
  -webkit-transition: all 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
  transition: all 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
}
.menu-btn.style-3 .menu-row.top {
  -webkit-transform: translate(0%, -11px) rotate(0deg) translateZ(0) scale(1, 1);
          transform: translate(0%, -11px) rotate(0deg) translateZ(0) scale(1, 1);
}
.menu-btn.style-3 .menu-row.mid {
  opacity: 1;
  -webkit-transform: translate(0%, 0px) translateZ(0) scale(1, 1);
          transform: translate(0%, 0px) translateZ(0) scale(1, 1);
}
.menu-btn.style-3 .menu-row.bot {
  -webkit-transform: translate(0%, 11px) rotate(0deg) translateZ(0) scale(1, 1);
          transform: translate(0%, 11px) rotate(0deg) translateZ(0) scale(1, 1);
}
.menu-btn.style-3.open .menu-row {
  -webkit-transition: all 0ms linear;
  transition: all 300ms linear;
}
.menu-btn.style-3.open .menu-row.top {
  -webkit-transform: translate(calc(80% - 1px), -11px) rotate(-225deg) translateZ(0) scale(1, 1);
          transform: translate(calc(80% - 1px), -11px) rotate(-225deg) translateZ(0) scale(1, 1);
  -webkit-animation: key-3-top 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
          animation: key-3-top 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
}
.menu-btn.style-3.open .menu-row.mid {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(50%, 0px) translateZ(0) scale(1, 1);
          transform: translate(50%, 0px) translateZ(0) scale(1, 1);
  -webkit-animation: key-3-mid 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
          animation: key-3-mid 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
}
.menu-btn.style-3.open .menu-row.bot {
  -webkit-transform: translate(calc(80% - 1px), 8px) rotate(225deg) translateZ(0) scale(1, 1);
          transform: translate(calc(80% - 1px), 8px) rotate(225deg) translateZ(0) scale(1, 1);
  -webkit-animation: key-3-bot 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
          animation: key-3-bot 500ms cubic-bezier(0.8, -0.25, 0.2, 1.25);
}


.h-bloq1 {/*background: url(../img/i_h_bg3.jpg) center no-repeat;background-size: cover;*/text-align: center;}
.h-bloq1 .image{margin: auto auto;}

.h-bloq1 .fullscreen-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;}
.h-bloq1 .fullscreen-video {position: absolute;top: 0;left: 0;width: 100%;}


.h-bloq2{background: url(../img/i_h_bg1.jpg) center no-repeat;background-size: cover;background-attachment: fixed;padding: 60px 0;}
.h-bloq2 .container-fluid{padding: 0;}
.h-bloq2 .images{text-align: center;}
.h-bloq2 .bloq-text{margin: auto auto;}
.h-bloq2 .bloq-text .text{background-color: rgba(255, 255, 255, 0.85);padding: 90px;}
.h-bloq2 .bloq-text .text h3{text-transform: uppercase;font-family: Nexa_Bold;text-align: center;font-size: 1.8em;padding-bottom: 20px;letter-spacing: 6px;}
.h-bloq2 .bloq-text .text p{font-size: 1.4em;text-align: justify;}
.h-bloq2 .bloq-text .text p span {background-color: #fbfbfb;color: #000;text-transform: uppercase;text-align: center;border: 1px solid #000;padding: 8px 20px 5px;font-size: 0.7em;font-family: Nexa_Bold;border-radius: 5px;letter-spacing: 4px;}
.h-bloq2 .bloq-text .text p.tac{text-align: center;}

.h-bloq3{background: url(../img/i_h_bg22.jpg) center no-repeat;background-size: cover;}
.h-bloq3 .list-employes{margin: auto auto;}
.h-bloq3 .slide-employes{background-color: rgba(151, 251, 1, 0.7);padding: 200px 200px;}
.h-bloq3 h3{text-transform: uppercase;font-family: Nexa_Bold;text-align: center;font-size: 1.8em;margin: 20px 0;letter-spacing: 6px;}
.h-bloq3 p{font-size: 1.4em;text-align: justify;}

.h-bloq4{background-color: #000;padding: 120px 0 0px;}
.h-bloq4 h3{text-align: center;font-size: 2.0em;text-transform: uppercase;color: #FFFFFF;font-family: Nexa_Bold;margin-bottom: 0;letter-spacing: 6px;}
.h-bloq4 h3 span{border: 4px solid #fff;padding: 5px 20px;}
.h-bloq4 .list-brands{margin-top: 90px;}
.h-bloq4 .list-brands .brand{margin-bottom: 30px;}
.h-bloq4 .list-brands .brand img{width: 100%;filter: grayscale(100%);transition: all 0.5s ease-in-out;}
.h-bloq4 .list-brands .brand img:hover{width: 100%;filter: grayscale(0%);transform: scale(1.1);}

.h-bloq5{background-color: #FFFFFF;padding: 90px 0;}
.h-bloq5 h3{text-align: center;font-size: 1.8em;text-transform: uppercase;color: #000;font-family: Nexa_Bold;margin-bottom: 60px;letter-spacing: 6px;}
.h-bloq5 .list-gallery .gal{padding: 2px;}
.h-bloq5 .list-gallery .gal img{width: 100%;transition: all 0.2s ease-out;position: relative;}
.h-bloq5 .list-gallery .gal img:hover{transform: scale(1.1);z-index: 2;}

.h-bloq6{background: url(../img/i_h_bg8.jpg) top  center no-repeat;background-size: cover;background-attachment: fixed;padding: 0;}
.h-bloq6 .mapa{position: relative;}
.h-bloq6 .mapa img.map-rep{width: 100%;}
.h-bloq6 .mapa img.map-mark{position: absolute;animation: pulse 2s infinite;}
.h-bloq6 .mapa img.map-mark.mark-1{top: 59%;left: 37%;}
.h-bloq6 .mapa img.map-mark.mark-2{top: 55%;left: 34%;}
.h-bloq6 .mapa img.map-mark.mark-3{top: 45%;left: 32%;}
.h-bloq6 .mapa img.map-mark.mark-4{top: 47%;left: 48%;}
.h-bloq6 .mapa img.map-mark.mark-5{top: 52%;left: 50%;}
.h-bloq6 .mapa img.map-mark.mark-6{top: 57%;left: 57%;}

@keyframes pulse {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}


.h-bloq7{position: relative;}
.h-bloq7 .container-fluid{padding: 0;}
.h-bloq7 h3{text-align: center;font-size: 1.8em;text-transform: uppercase;color: #000;font-family: Nexa_Bold;margin-bottom: 60px;letter-spacing: 6px;}
.h-bloq7 .bg{background: url(../img/i_h_bg4.jpg) center no-repeat;background-size: cover;}
.h-bloq7 .form{background-color: #97fb01;padding: 120px 220px 220px 120px;}
.h-bloq7 .form .actions{text-align: left;margin-top: 60px;}
.h-bloq7 .form .logo{text-align: center;margin-top: 90px;}


#frm-contacto input{background-color: #97fb01;color: #000;border: 0px;border-radius: 0;height: calc(1.5em + .75rem + 10px);border-bottom: 1px solid #000;}
#frm-contacto textarea{background-color: #97fb01;color: #000;border: 0px;border-radius: 0;resize: none;border-bottom: 1px solid #000;}
#frm-contacto button{background-color: #fbfbfb;color: #000;text-transform: uppercase;text-align: center;border: 0;padding: 8px 30px 5px;font-size: 1.2em;font-family: Nexa_Light;border-radius: 5px;margin-top: 20px;letter-spacing: 4px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #000;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
   opacity: 1;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #000;
   opacity: 1;
}
::placeholder { /* Most modern browsers support this now. */
   color: #000;
   opacity: 1;
}

.help-block{color: #FFFFFF;font-size: 1.2em;}

.h-bloq7 .unete{position: absolute;bottom: 0;width: 100%;z-index: 9;}
.h-bloq7 .unete div{background-color: #000;margin: 0 auto;width: 900px;color: #97fb01;text-align: center;font-size: 2.2em;text-transform: uppercase;padding: 30px 10px;}
.h-bloq7 .unete div span{background-color: #fbfbfb;color: #000;text-transform: uppercase;text-align: center;border: 0;padding: 8px 20px 5px;font-size: 0.7em;font-family: Nexa_Bold;border-radius: 5px;margin-left: 40px;letter-spacing: 4px;}


.h-bloq7 .unete2 {margin-top: 60px;}
.h-bloq7 .unete2 p{text-align: left;text-transform: uppercase;font-size: 1.4em;font-family: Nexa_Bold;}
.h-bloq7 .unete2 p a{color: #000;}


/* MARCA DETALLE */
.d-bloq1 .banner img{width: 100%;}
.d-bloq2 {padding: 60px 0;overflow: hidden;}
.d-bloq2 .logo{text-align: center;}
.d-bloq2 .social{text-align: center;margin-top: 10px;}
.d-bloq2 .social i{font-size: 3.2em;margin: 0 10px;}
.d-bloq2 .social a{color: #000;}
.d-bloq2 .sentence{margin-top: 60px;}
.d-bloq2 .sentence p{text-transform: uppercase;font-family: Nexa_Bold;font-size: 2.4em;letter-spacing: 6px;}
.d-bloq2 .description p{font-family: Nexa_Light;font-size: 1.6em;}
.d-bloq2 .description p.btn-back{text-align: center;}
.d-bloq2 .description p.btn-back span{background-color: #000;color: #fff;text-transform: uppercase;text-align: center;border: 1px solid #000;padding: 8px 20px 5px;font-size: 0.7em;font-family: Nexa_Bold;border-radius: 5px;letter-spacing: 4px;transition: all 0.2s ease-out;}
.d-bloq2 .description p.btn-back span:hover{background-color: #97fb01;color: #000;}
.d-bloq3 img{width: 100%;}

.grid {background: #fff;}
.grid-sizer, .grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }

/* QUIENES SOMOS */
.q-bloq1 .banner img{width: 100%;}
.q-bloq2 {padding: 60px 0;overflow: hidden;}
.q-bloq2 .logo{text-align: center;}
.q-bloq2 .sentence{margin-top: 90px;}
.q-bloq2 .sentence p{text-transform: uppercase;font-family: Nexa_Bold;font-size: 2.4em;letter-spacing: 6px;}
.q-bloq2 .description p{font-family: Nexa_Light;font-size: 1.6em;}
.q-bloq2 .mvv{margin-top: 60px;}
.q-bloq2 .mvv h3{text-transform: uppercase;font-family: Nexa_Bold;font-size: 1.6em;letter-spacing: 6px;}
.q-bloq2 .mvv p{font-family: Nexa_Light;font-size: 1.4em;text-align: justify;}
.q-bloq3 img{width: 100%;}


footer {background-color: #ffffff;}
footer .top{background-color: #ffffff;padding: 60px 0;}
footer .top .logo{margin: auto auto;text-align: center;}
footer .top .links{margin: auto auto;}
footer .top .links ul{list-style: none;}
footer .top .links li{text-transform: uppercase;font-family: Nexa_Light;margin-bottom: 10px;}
footer .top .links li a{color: #000;}
footer .top .links li a:hover{font-family: Nexa_Bold;}
footer .top .social{text-align: center;margin: auto auto;}
footer .top .social a i{font-size: 1.6em;color: #fff;background-color: #000;display: inline-block;border: 1px solid #000;border-radius: 60px;padding: 0.4em 0.5em;margin-right: 10px;-webkit-transition: all 3s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
footer .top .social a i.fa-instagram{padding: 0.4em 0.40em;}
footer .top .social a:hover i{color: #000;background-color: #fff;}
footer .top .social i.fa-chevron-right{font-size: 1.2em;margin-right: 30px;}

footer .bottom{background-color: #000;padding: 30px 0;}
footer .bottom p{text-align: center;color: #97fb01;font-size: 1.4em;margin-bottom: 0;letter-spacing: 2px;}

@media only screen and (min-width: 2560px){

}

@media only screen and (max-width: 1600px){
	.h-bloq3 .slide-employes {padding: 120px 100px;}
	.h-bloq3 .list-employes .employes {padding: 160px;}
}

@media only screen and (max-width: 1440px){
	.h-bloq6 .text {padding: 0 30px;}
}

@media only screen and (max-width: 1366px){
	.content-information .info ul li {font-size: 1.8em;}
		.h-bloq7 .form {padding: 120px 160px 220px 120px;}
}

@media only screen and (max-width: 1024px){
  .h-bloq1 .fullscreen-video {width: 140%;}
	.h-bloq2 .images img{width: 100%;}
	.h-bloq2 .bloq-text .text { padding: 30px;}
	.h-bloq3 .list-employes .employes {padding: 60px;}
	.h-bloq3 .slide-employes {padding: 19px 60px;}
	.h-bloq6 .wrapper {padding: 0 0px;}
	.h-bloq7 .form {padding: 120px 60px 120px 60px;}
	footer .top .social i.fa-chevron-right {margin-right: 20px;}
}

@media only screen and (max-width: 768px){
    .menu {background: url(../img/i_bg_menu.png);}
    .h-bloq1 .fullscreen-video {width: 240%;}
    .h-bloq2 .images {padding: 0 30px;}
    .h-bloq3 .list-employes .employes {padding: 90px;}
		.h-bloq4 {padding: 90px 0 30px;}
    .h-bloq4 .list-brands {margin-top: 30px;}
    .h-bloq4 .list-brands .brand {margin-bottom: 0px;}
    .h-bloq5 {padding: 60px 0;}
    .h-bloq6 .mapa img.map-mark {width: 100px;}
		.h-bloq7 .unete {position: relative;}
		.h-bloq7 .unete div {width: 100%;}

    .q-bloq2 .sentence {margin-top: 0px;}
		
}

@media only screen and (max-width: 479px){
  header{background-color: rgba(0, 0, 0, 0.9);}
  header.bg{background-color: rgba(0, 0, 0, 0.9);}
  header .logo{text-align: center;}
  header .logo img{width: 100%;}
  header .social{display: none;}
  header .text {padding-right: 30px;}
  .h-bloq1 .fullscreen-video {width: 320%;}
	.h-bloq1 .image img{width: 100%;padding: 0 30px;}
  .h-bloq2 .images {padding: 0 20px;}
	.h-bloq3 .list-employes .employes {padding: 30px;}
	.h-bloq3 .slide-employes {padding: 20px 10px;}
  .h-bloq4 h3 {font-size: 1.4em;}
  .h-bloq5 .list-gallery{padding: 0 20px;}
	.h-bloq7 .form {padding: 60px 30px;}

  .d-bloq2 {padding: 30px 0;}
  .d-bloq2 .logo img{width: 100%;}
  .d-bloq2 .sentence {margin-top: 30px;}
  .d-bloq2 .sentence p {font-size: 1.6em;}
  .d-bloq2 .description p {font-size: 1.4em;}

  .h-bloq7 .unete2 p {font-size: 1.8em;}
  .h-bloq7 .unete2 span {margin-left: 0px;}

	footer .top {padding: 30px 0;}
	footer .top .logo {margin: 30px;}
}