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


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;}

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 {background: url(img/baner.jpg); background-position: center center; background-size: cover; background-attachment: fixed; min-height: 100vh; position: relative;}
.lvl-1 .head {padding-top: 15px;}
.lvl-1 .head p {font-family: "Arial"; font-weight: 700; font-style: italic; color: #fff; font-size: 21px; line-height: 1.2; margin-bottom: 0px; padding: 30px 0px;}
.lvl-1 .title {position: absolute; top: 45%; left: 0px; margin: 0px; width: 100%;}
.lvl-1 .title h4 {font-family: "Arial"; font-weight: 700; font-style: italic; color: #fff; margin-top: 0px; margin-bottom: 40px; padding-bottom: 30px; display: inline-block; border-bottom: solid 4px #f2ca3a; font-size: 38px; line-height: 1.2; text-shadow: -3px -4px 21px rgba(0, 0, 0, 0.75);}
.lvl-1 .title p {font-family: "Arial"; color: #fff; font-size: 26px; margin-bottom: 30px;}

.lvl-2 .nav-tabs {border: none;}
.lvl-2 .nav-tabs li {display: inline-block; margin: 0px; padding: 0px; width: 50%; position: relative;}
.lvl-2 .nav-tabs li a {margin: 0px; position: relative; text-align: center; min-height: 150px; border: none; background: #00498f; border-radius: 0px; color: #fff !important; border: none !important; text-align: center; font-family: "Arial"; font-size: 34px; line-height: 1.2;}
.lvl-2 .nav-tabs li.active a{background: #02396d;}
.lvl-2 .nav-tabs li a p {position: absolute; top: 50%; transform: translateY(-50%); margin: 0px; width: 100%; left: 0px;}
.lvl-2 .table {display: table; margin-bottom: 0px;}
.lvl-2 .table .table-div {display: table-cell; vertical-align: middle; position: relative; float: none;}
.lvl-2 .table .table-div.txt {padding-left: 30px; padding-right: 30px;}

.lvl-2 .table .table-div.txt h4 {font-family: "Arial"; font-weight: 700; color: #225491; font-size: 32px; margin-top: 0px; margin-bottom: 20px; }
.lvl-2 .table .table-div.txt p {text-align: justify; color: #225491; font-family: "Arial"; font-size: 18px; line-height: 1.2; margin-bottom: 30px;}
.lvl-2 .table .table-div.txt a {display: inline-block; float: left;}
.lvl-2 .table .table-div.txt .botones {position: absolute; bottom: 30px; left: 30px; display: inline-block;}
.lvl-2 .table .table-div.txt a.cotiza {background: #f2ca3a; color: #767676; font-size: 18px; line-height: 1; font-family: "Arial"; padding: 15px 35px; margin-right: 30px;}
.lvl-2 .table .table-div.txt a.ficha {background: #767676; color: #fff; font-size: 18px; line-height: 1; font-family: "Arial"; padding: 6px 70px 5px 35px; background-image: url(img/down.png); background-size: 24px; background-position: 90% 50%; background-repeat: no-repeat;}


.lvl-3 {background-color: #e5e5e5; padding-bottom: 60px;}
.lvl-3 .row:nth-child(1) .col-md-6 {padding: 150px 15px;}
.lvl-3 .row .blue {background: #00498f; padding: 150px 30px; text-align: justify; position: relative; z-index: 0; color: #fff; font-family: "Arial"; font-size: 18px;  }
.lvl-3 .row .blue:before {position: absolute; left: calc((100vw - 1170px) / -2); top: 0px; width: 100vw; height: 100%; background: #00498f; content: ""; z-index: -1;}

.lvl-3 .row:nth-child(2) {margin-top: -50px;}

.lvl-3 .row .col-md-6 h3 {margin: 0px; color: #1e1e1e; font-size: 36px; font-family: "Arial"; font-weight: 600; display: inline-block; text-align: center; padding: 65px 0px;}
.lvl-3 .row .col-md-6 p {margin: 0px;}
.lvl-3 .second {display: inline-block; margin-top: -100px;}
.lvl-3 .second h3 {padding: 120px 0px !important;}

.lvl-4 {background: #1e1e1e; padding: 70px 0px;}
.lvl-4 .tit h4 {margin-top: 0px; color: #fff; font-family: "Gotham-Bold"; font-size: 36px; margin-bottom: 25px;}
.lvl-4 .tit p {color: #fff; font-family: "Helvetica"; font-size: 22px; margin-bottom: 35px;}
.lvl-4 .form-control {font-family: "Helvetica"; font-size: 18px;}
.lvl-4 .enviar {font-family: "Helvetica"; background: #c94c3e; color: #fff; display: inline-block; padding: 10px 150px; border: none; font-size: 24px; margin-bottom: 45px;} 

.lvl-4 .dir {display: inline-block; color: #fff; font-size: 26px; padding-left: 50px; min-height: 40px; line-height: 40px; background: url(img/mark.png); background-repeat: no-repeat; background-position: 0px 0px;}
.lvl-4 .copy {font-family: "Helvetica"; color: #fff; font-size: 16px; margin-top: 15px;}


.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 p {font-size: 14px; padding: 10px 0px;}
    .lvl-1 .title h4 {font-size: 16px;}
    .lvl-1 .title p {font-size: 14px;}
    .lvl-1 .title img {width: 32px;}
    .lvl-2 .nav-tabs li a {font-size: 14px;}
    .lvl-2 .table .table-div {display: block;}
    .lvl-2 .table .table-div.txt {padding-top: 20px; padding-bottom: 60px;}
    .lvl-2 .table .table-div.txt h4 {font-size: 22px;}
    .lvl-2 .table .table-div.txt .botones {position: relative; bottom: 0px; left: 0px;}
    .lvl-2 .table .table-div.txt .botones a {margin-bottom: 10px !important;}
    .lvl-3 .col-md-6 {padding: 20px 15px !important;}
    .lvl-3 .row .col-md-6 h3 {padding: 0px !important; display: block !important; font-size: 24px !important;}
    .lvl-3 .row .blue {font-size: 14px;}
    .lvl-3 .row:nth-child(2) {margin-top: 0px;}
    .lvl-3 .second {margin-top: 0px !important;}
    .lvl-4 .tit h4 {font-size: 24px;}
    .lvl-4 .tit p {font-size: 16px;}
    .lvl-4 .enviar {padding: 10px 50px;}
    .lvl-4 .dir {font-size: 18px;}
}

@media (min-width:590px) and (max-width:767px){
    .lvl-1 .title h4 {font-size: 28px;}
    .lvl-2 .nav-tabs li a {font-size: 22px;}
    .lvl-2 .table .table-div {display: block;}
    .lvl-2 .table .table-div.txt {padding-top: 20px; padding-bottom: 60px;}
    .lvl-2 .table .table-div.txt .botones {position: relative; bottom: 0px; left: 0px;}
    .lvl-3 .col-md-6 {padding: 20px 15px !important;}
    .lvl-3 .row .col-md-6 h3 {padding: 0px !important; display: block !important;}
    .lvl-3 .row:nth-child(2) {margin-top: 0px;}
    .lvl-3 .second {margin-top: 0px !important;}
}

@media (min-width:768px) and (max-width:991px){
    .lvl-2 .table .table-div {display: block;}
    .lvl-2 .table .table-div.txt {padding-top: 20px; padding-bottom: 60px;}
    .lvl-2 .table .table-div.txt .botones {position: relative; bottom: 0px; left: 0px;}
    .lvl-3 .col-md-6 {padding: 20px 15px !important;}
    .lvl-3 .row .col-md-6 h3 {padding: 0px !important; display: block !important;}
    .lvl-3 .row:nth-child(2) {margin-top: 0px;}
    .lvl-3 .second {margin-top: 0px !important;}
}

@media (min-width:992px) and (max-width:1199px){
    .lvl-2 .table .table-div.txt h4 {font-size: 26px;}
    .lvl-2 .table .table-div.txt p {font-size: 15px;}
    .lvl-2 .table .table-div.txt {padding-left: 15px; padding-right: 15px;}
    .lvl-2 .table .table-div.txt .botones {position: relative; bottom: 0px; left: 0px;}
    .lvl-2 .table .table-div.txt .ficha{padding: 6px 50px 5px 35px !important; background-position: 95% 50% !important;}
}

@media (min-width:1200px){

}