@font-face {
    font-family: "OpenSans-Regular";
    src: url(fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: "Lato-Black";
    src: url(fonts/Lato-Black.ttf);
}

@font-face {
    font-family: "Lato-Bold";
    src: url(fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: "Lato-Medium";
    src: url(fonts/Lato-Medium.ttf);
}


body{background:#fff;color:#363636;font-size:16px;overflow-x:hidden !important; padding: 0px !important; font-family: "Arial";}
a{color:#fff;text-decoration:none!important;}
.norow{margin:0px;position:relative;}
.no-padd{padding:0px;}
.img-responsive{max-width:100% !important;}
.form-control{display:block;margin-bottom:20px;width:100%;height:34px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#6d6d6d; font-family: "Arial"; background: #fff;background-image:none;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
option{background:#fff !important;color:#31414f !important;}
label.error{font-size:12px;position:relative;top:-15px;color:#fff;}
.unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;}
.carousel-control.left{z-index:5;position:absolute;top:50%;transform:translateY(-50%);bottom:0;left:0;background-color:rgba(255,255,255, 0.5);background-repeat:no-repeat;width:63px;height:63px;font-size:39px;color:#e6733e !important;text-align:center;text-shadow:none;filter:alpha(opacity=50);opacity:.8;transition:all 0.5s;background-image:none !important;}
.carousel-control.right{z-index:5;position:absolute;top:50%;transform:translateY(-50%);bottom:0;right:0;background-color:rgba(255,255,255, 0.5);background-repeat:no-repeat;width:63px;height:63px;font-size:39px;color:#e6733e !important;text-align:center;text-shadow:none;filter:alpha(opacity=50);opacity:.8;transition:all 0.5s;background-image:none !important;}
.carousel-control:hover{opacity:1 !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {width: 25px; height: 25px; font-size: 25px;}



body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track{-webkit-border-radius:0px;border-radius:0px;background:#363636;}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background:#fff;}
body::-webkit-scrollbar-thumb:window-inactive{background:#fff;}
::-webkit-input-placeholder{color:#6d6d6d !important; font-family: "Helvetica";}
:-moz-placeholder{color:#6d6d6d !important; font-family: "Helvetica";}
::-moz-placeholder{color:#6d6d6d !important; font-family: "Helvetica";}
:-ms-input-placeholder{color:#6d6d6d !important; font-family: "Helvetica";}

/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */

.lvl-1 .head-1 {background: #363636; padding: 10px 0px; font-family: "OpenSans-Regular"; font-size: 13px; line-height: 1; color: #fff;}
.lvl-1 .head-1 a {color: #fff; text-transform: none;}
.lvl-1 .head-1 a:nth-child(1) {background: url(img/mx.jpg); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 50px; min-height: 25px; line-height: 25px; display: inline-block; margin-right: 10px;}
.lvl-1 .head-1 a:nth-child(2) {background: url(img/usa.jpg); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 50px; min-height: 25px; line-height: 25px; display: inline-block;}

.lvl-1 .head-2 {background: #404040; padding: 35px 0px;}
.lvl-1 .head-2 ul {display: inline-block; list-style: none; padding: 0px; margin: 0px;}
.lvl-1 .head-2 ul li {display: inline-block; float: left; padding-left: 25px; line-height: 40px;}
.lvl-1 .head-2 ul li a {display: inline-block; color: #fff; padding: 0px; text-decoration: none; font-family: "OpenSans-Regular"; font-size: 20px;}

.lvl-2 {position: relative;}
.lvl-2 .layer {background: rgba(0,0,0,0.6); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}
.lvl-2 .layer .text {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 80%;}
.lvl-2 .layer .text h2 {text-align: center; color: #fff; font-family: "Lato-Medium"; line-height: 1.2; font-size: 32px; margin: 0px;}
.lvl-2 .layer .text h2 span {font-family: "Lato-Bold"; font-size: 50px;}
.lvl-2 .layer .text a {display: inline-block; font-family: "Lato-Bold"; font-size: 24px; background: #e6733e; padding: 15px 50px; margin-top: 20px; color: #fff !important;}

.lvl-2 #video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.lvl-2 #video-wrapper video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lvl-3 .page-banner {background: url(img/servicios-baner.jpg); background-size: cover; background-position: center top; padding: 55px 15px;}
.lvl-3 .page-banner h2 {font-family: "Lato-Medium"; color: #fff; margin: 0px; font-size: 32px;}

.lvl-3 .white {background: #fff; padding: 50px 15px;}
.lvl-3 .grey {background: #e0e0e0; padding: 50px 15px;}
.lvl-3 img {margin-bottom: 30px;}

.lvl-3 .txt h4 {font-family: "Lato-Bold"; font-size: 38px; color: #404040; margin-top: 0px; margin-bottom: 20px;}
.lvl-3 .txt p {font-family: "OpenSans-Regular"; font-size: 23px; line-height: 1.2; color: #404040; margin-bottom: 10px; position: relative; padding-left: 12px;}
.lvl-3 .txt p:before {width: 3px; height: 3px; position: absolute; left: 0px; top: 13px; border-radius: 50%; background: #404040; content: "";}
.lvl-3 .txt a {display: inline-block; font-family: "Lato-Bold"; font-size: 19px; background: #e6733e; padding: 15px 15px; margin-top: 10px; color: #fff !important;}

.lvl-4 {background: url(img/back-empresa.jpg); background-size: cover; background-position: center center;}
.lvl-4 .page-banner {padding: 55px 15px;}
.lvl-4 .page-banner h2 {font-family: "Lato-Medium"; color: #fff; margin: 0px; font-size: 32px;}

.lvl-4 .layer {padding: 140px 15px; background: rgba(64,64,64,0.85);}
.lvl-4 h4 {color: #fff; font-family: "Lato-Black"; font-size: 32px; margin-top: 0px; margin-bottom: 20px; line-height: 1.2;}
.lvl-4 p {text-align: justify; color: #fff; font-family: "OpenSans-Regular"; font-size: 18px; line-height: 1.8;}
.lvl-4 a {font-family: "Lato-Bold"; color: #e6733e; font-size: 18px; background: #fff; padding: 15px 35px; display: inline-block; float: right; margin-top: 15px;}


.proyectos-banner {background: url(img/proyectos-baner.jpg); background-size: cover; background-position: center center; padding: 55px 15px;}
.proyectos-banner h2 {font-family: "Lato-Medium"; color: #fff; margin: 0px; font-size: 32px;}

.lvl-5 {padding: 80px 0px; text-align: center;}
.lvl-5 h4 {margin-top: 0px; margin-bottom: 20px; color: #404040; font-family: "Lato-Black"; font-size: 36px; line-height: 1.2;}
.lvl-5 p {font-family: "OpenSans-Regular"; font-size: 20px; color: #404040; line-height: 1.5; margin-bottom: 0px;}

.lvl-6 {background: #e6e6e6; padding: 30px 0px;}
.lvl-6 h4 {font-family: "Lato-Black"; font-size: 30px; color: #e6733e; line-height: 1.2; margin-top: 0px; margin-bottom: 10px;}
.lvl-6 p {font-family: "OpenSans-Regular"; font-size: 20px; color: #404040; line-height: 1.2; margin-bottom: 25px;}
.lvl-6 h5 {font-family: "Lato-Black"; font-size: 20px; color:  #404040; line-height: 1.2;}

.proyects-2 {background: #404040; padding: 70px 0px;}
.proyects-2 h4 {font-family: "OpenSans-Regular"; color: #e87335; font-weight: 600; font-size: 22px; margin-top: 0px; margin-bottom: 40px;}
.proyects-2 p {font-family: "OpenSans-Regular"; color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 10px;}


.contact-baner {background: url(img/contacto-baner.jpg); background-size: cover; background-position: center center; padding: 55px 15px;}
.contact-baner h2 {font-family: "Lato-Medium"; color: #fff; margin: 0px; font-size: 32px;}

.lvl-8 {background: #fff; color: #fff;}
.lvl-8 .col-md-6:nth-child(1) {padding-left: calc( (100vw - 1170px) / 2 ); padding-right: 100px; padding-top: 40px; padding-bottom: 40px; }
.lvl-8 .col-md-6:nth-child(2) {padding: 150px 100px; color: #404040;}
.lvl-8 .col-md-6:nth-child(2) p.phone {color: #404040; font-size: 30px; line-height: 38px; background: url(img/phone.png); padding-left: 45px; min-height: 38px; background-repeat: no-repeat; background-position: 0px 50%; font-weight: 600;}
.lvl-8 .col-md-6:nth-child(2) p.mail a {color: #404040; font-size: 30px; line-height: 26px; background: url(img/mail.png); padding-left: 45px; min-height: 26px; background-repeat: no-repeat; background-position: 0px 50%; font-weight: 600;}
.lvl-8 .col-md-6:nth-child(2) p.mark {position: relative; color: #404040; font-size: 30px; line-height: 40px; background: url(img/mark.png); padding-left: 45px; min-height: 40px; background-repeat: no-repeat; background-position: 0px 50%; font-weight: 600;}
.lvl-8 .col-md-6:nth-child(2) p.mark:before {position: absolute; width: 110%; bottom: -30px; left: 50%; transform: translateX(-50%); height: 20px; background: #e6733e; display: inline-block; content: "";}

.lvl-8 h4 {font-family: "Lato-Black"; color: #fff; font-size: 36px; margin-top: 0px; margin-bottom: 15px;}
.lvl-8 p {font-family: "OpenSans-Regular"; color: #fff; font-size: 16px; line-height: 1.2; margin-bottom: 20px;}
.lvl-8 textarea {min-height: 65px;}
.lvl-8 .enviar {display: inline-block; float: right; color: #fff !important; background: #e6733e; padding: 10px 40px; border: none;}
.lvl-8 iframe {min-height: 555px;}
.lvl-8 #list-industrial, .lvl-8 #list-construccion {display: none;}

.lvl-8 .grey {background: #404040;}


.lvl-9 {background: #000; padding: 25px 0px; position: relative; margin-top: -5px;}
.lvl-9 p {margin: 0px; color: #fff; font-family: "OpenSans-Regular"; font-size: 14px; color: #fff; line-height: 50px;}
.lvl-9 p span {color: #e6733e;}
.lvl-9 ul {display: inline-block; float: right; padding: 0px; margin: 0px;}
.lvl-9 ul li {display: inline-block; float: left; padding: 0px 5px;}

.bx-wrapper .bx-viewport {box-shadow: none; margin: 0px;}
.slider li img {margin: 0 auto;}

.modal-body {background: url(img/bgli.jpg); background-size: cover; background-position: center center; color: #fff;}

.close {opacity: 1; color: #fff !important; border-radius: 50% !important; background: #000 !important; width: 32px; height: 32px; position: absolute; top: -16px; right: -16px; display: inline-block; border: solid 2px #fff !important;}
.close:hover {opacity: 1;}

/* ---------------------------------------- EFECTS --------------------------------------------- */

.shine { position: relative; }

.shine:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    
}

.shine:hover:after {
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fade-in { 
    opacity: 0;
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important;
}

.active.fade-in {
    opacity: 1; 
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important;
}

.fade-up { 
    opacity: 0; 
    transform: translate(0px, 75px);
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important;
}

.active.fade-up {
    opacity: 1; transform: translate(0px, 0px); 
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important;
}

.fade-down { 
    opacity: 0; 
    transform: translate(0px, -75px);
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.active.fade-down {
    opacity: 1; transform: translate(0px, 0px); 
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}


.fade-right { 
    opacity: 0; 
    transform: translate(-150px, 0px);
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.active.fade-right {
    opacity: 1; 
    transform: translate(0px, 0px); 
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.fade-left {
    opacity: 0; 
    transform: translate(150px, 0px);
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.active.fade-left {
    opacity: 1; 
    transform: translate(0px, 0px); 
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.pop-in { 
    opacity: 0; 
    transform: scale(0.5);
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}

.active.pop-in {
    opacity: 1; 
    transform: scale(1); 
    -webkit-transition: all 1s ease-in-out !important;
    -moz-transition: all 1s ease-in-out !important;
    -o-transition: all 1s ease-in-out !important;
    transition: all 1s ease-in-out !important;
}


.active.delay-1 {transition-delay: 250ms !important;}
.delay-1 {transition-delay: 250ms !important;}

.active.delay-2 {transition-delay: 500ms !important;}
.delay-2 {transition-delay: 500ms !important;}

.active.delay-3 {transition-delay: 750ms !important;}
.delay-3 {transition-delay: 750ms !important;}

.active.delay-4 {transition-delay: 1000ms !important;}
.delay-4 {transition-delay: 1000ms !important;}

.active.delay-5 {transition-delay: 1250ms !important;}
.delay-5 {transition-delay: 1250ms !important;}

.active.delay-6 {transition-delay: 1500ms !important;}
.delay-5 {transition-delay: 1500ms !important;}

@media (max-width:590px){
    .lvl-1 .head-2 ul li a {font-size: 12px;}
    .lvl-2 .layer .text h2 {font-size: 18px;}
    .lvl-2 .layer .text h2 span {font-size: 28px;}
    .lvl-2 .layer .text a {font-size: 16px; padding: 10px 35px;}

    .lvl-8 .col-md-6:nth-child(1) {padding: 40px;}
    .lvl-8 .col-md-6:nth-child(1) form {display: inline-block; width: 100%;}
    .navbar-toggle {border: solid 1px #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); margin: 0px;}
    .navbar-toggle span {background: #fff;}
    .lvl-1 .head-2 ul {display: inline-block; float: left;}
    .lvl-1 .head-2 ul li {padding-left: 0px; padding-right: 15px; padding-top: 10px;}
    .navbar-collapse {border: none; box-shadow: none; padding: 0px;}
    .lvl-8 .col-md-6:nth-child(2) {padding: 150px 40px;}
    .lvl-8 .col-md-6:nth-child(2) p.phone {font-size: 20px;}
    .lvl-8 .col-md-6:nth-child(2) p.mail a {font-size: 20px;}
    .lvl-8 .col-md-6:nth-child(2) p.mark {font-size: 20px;}
}

@media (min-width:590px) and (max-width:767px){
    .lvl-1 .head-2 ul li a {font-size: 14px;}
    .lvl-2 .layer .text h2 {font-size: 18px;}
    .lvl-2 .layer .text h2 span {font-size: 28px;}
    .lvl-2 .layer .text a {font-size: 16px; padding: 10px 35px;}
    
    .lvl-8 .col-md-6:nth-child(1) {padding: 40px;}
    .lvl-8 .col-md-6:nth-child(1) form {display: inline-block; width: 100%;}
    .navbar-toggle {border: solid 1px #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); margin: 0px;}
    .navbar-toggle span {background: #fff;}
    .lvl-1 .head-2 ul {display: inline-block; float: left;}
    .lvl-1 .head-2 ul li {padding-left: 0px; padding-right: 25px; padding-top: 10px;}
    .navbar-collapse {border: none; box-shadow: none; padding: 0px;}
    .lvl-8 .col-md-6:nth-child(2) {padding: 150px 40px;}
}

@media (min-width:768px) and (max-width:991px){
    .lvl-1 .head-2 ul li a {font-size: 14px;}
    .lvl-2 .layer .text h2 {font-size: 24px;}
    .lvl-2 .layer .text h2 span {font-size: 42px;}
    .lvl-2 .layer .text a {font-size: 16px; padding: 10px 35px;}

    .lvl-8 .col-md-6:nth-child(1) {padding: 40px;}
    .lvl-8 .col-md-6:nth-child(1) form {display: inline-block; width: 100%;}
}

@media (min-width:992px) and (max-width:1199px){
    .lvl-3 .txt h4 {font-size: 28px;}
    .lvl-3 .txt p {font-size: 16px;}
    .lvl-3 .txt a {font-size: 14px;}
    .lvl-8 .col-md-6:nth-child(1) { padding: 40px;}
}

@media (min-width:1200px){

}