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

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

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

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

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

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

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


body{background:#fff;color:#363636;font-size:16px;overflow-x:hidden !important; padding: 0px !important; font-family: "Museo-300";}
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:#7d7d7d; font-family: "Museo-300"; 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:-5px;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{    background-color: transparent !important;
    border: solid 2px #0ee767 !important;
    border-radius: 50% !important; z-index:100;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:#0ee767 !important;text-align:center;text-shadow:none;filter:alpha(opacity=50);opacity:.8;transition:all 0.5s;background-image:none !important;}
.carousel-control.right{background-color: transparent !important;
    border: solid 2px #0ee767 !important;
    border-radius: 50% !important; z-index:100;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:#0ee767 !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:#7d7d7d !important; font-family: "Museo-300";}
:-moz-placeholder{color:#7d7d7d !important; font-family: "Museo-300";}
::-moz-placeholder{color:#7d7d7d !important; font-family: "Museo-300";}
:-ms-input-placeholder{color:#7d7d7d !important; font-family: "Museo-300";}


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

.header {position: absolute; top: 0px; left: 0px; width: 100%;}
.header .container .row {background:#292d30; position: relative; border-bottom-right-radius: 150px; padding: 15px 0px; padding-right: 65px;}
.header .container .row:before {position: absolute; right: 100%; width: 50vw; height: 100%; top: 0px; display: inline-block; content: ""; background: #292d30;}
.header p {display: inline-block; float: left; margin: 0px; color: #fff; color: #ffffff; font-size: 14px; line-height: 30px;}
.header ul {display: inline-block; float: left; list-style: none; padding: 0px; margin: 0px;}
.header ul li {display: inline-block; float: left; padding-left: 15px; line-height: 33px;}
.header ul li a {line-height: 33px; display: inline-block;}
.header .right {float: right; display: inline-block; position: relative;}

.lvl-1 {min-height: 100vh; background: url(img/baner.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; padding-top: 150px;}
.lvl-1 img {margin-bottom: 35px;}
.lvl-1 p {color: #fff; font-family: "Museo-900"; font-size: 65px; line-height: 1; margin: 0px;}
.lvl-1 p.pad {padding-left: 65px;}

.lvl-2 {background: url(img/green.png); background-size: 100% 100%; background-position: center top; background-repeat: no-repeat; padding-top: 85px; padding-bottom: 15px; margin-top: -65px;}
.lvl-2 p {font-family: "Museo-900"; font-size: 20px; line-height: 1; color: #262d33; margin-bottom: 50px;}
.lvl-2 p span {color: #676869;}
.lvl-2 .formaprincipal {}
.lvl-2 ul {display: block; float: left; list-style: none; padding: 0px; margin: 0px; width: 100%;}
.lvl-2 ul li {padding: 0px 15px; display: inline-block; float: left; width: 20%;}

.lvl-2 .form-control {border-radius: 30px; height: 50px; font-size: 12px; padding: 19px 45px; margin-bottom: 10px;}
.lvl-2 ul li:nth-child(1) .form-control {background-image: url(img/name.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-2 ul li:nth-child(2) .form-control {background-image: url(img/correo.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-2 ul li:nth-child(3) .form-control {background-image: url(img/tel.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-2 .enviar {background: #292d30; color: #fff; font-family: "Montserrat-Bold"; font-size: 12px; line-height: 12px; height: 50px; padding: 19px 45px; display: inline-block; width: 100%; text-align: center; border: none; border-radius: 30px;}

.lvl-3 {background-color: #fff; background-image: url(img/hoja.jpg); background-repeat: no-repeat; background-position: center center;  padding: 40px 0px;}
.lvl-3 .tit {color: #262d33; font-size: 20px; font-family: "Museo-900"; margin-bottom: 20px; display: inline-block; position: relative;}
.lvl-3 .tit:before {position: absolute; bottom: 6px; left: calc(100% + 2px); width: 6px; height: 6px; border-radius: 50%; background: #0ee767; content: ""; display: inline-block;}
.lvl-3 .box .img img {width: 100%;}
.lvl-3 .box .txt {background: #262d33; padding: 25px 40px;}
.lvl-3 .box .txt h4 {color: #fff; font-family: "Museo-900"; font-size: 14px; display: inline-block; margin: 0px; float: left;}
.lvl-3 .box .txt a {display: inline-block; float: right; font-family: "Museo-500"; color: #0ee767; font-size: 14px; position: relative; text-decoration: underline !important;}
.lvl-3 .box .txt a:before {content: ""; color: #0ee767; position: absolute; right: -20px; background: url(img/right.png); background-position: 0px 50%; height: 100%; width: 16px; background-repeat: no-repeat;}
.lvl-3 .box .txt ul {margin-top: 15px; margin-bottom: 0px; list-style: none; padding-left: 25px;}
.lvl-3 .box .txt ul li {padding-left: 20px; position: relative; color: #fff; font-family: "Montserrat-Hairline"; color: #f1f1f1; font-size: 13px;}
.lvl-3 .box .txt ul li:before {position: absolute; width: 5px; height: 5px; background: #0ee767; content: ""; display: inline-block; left: 0px; top: 7px; border-radius: 50%;}
.lvl-3 a.boton {display: inline-block; position: relative; background: #292d30; color: #fff; font-family: "Montserrat-Bold"; font-size: 12px; letter-spacing: 3px; padding: 15px 35px; margin-top: 40px; border-radius: 30px;}

.lvl-4 {background: url(img/blue-back.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 75px 0px;}
.lvl-4 .col-md-4 h4 {color: #fff; margin-top: 0px; margin-bottom: 35px; font-family: "Museo-900"; font-size: 20px; line-height: 1.7;}
.lvl-4 .col-md-4 h4 span {color: #0ee767; font-size: 22px;}
.lvl-4 .col-md-4 p {color: #fff; font-size: 16px; font-family: "Museo-300"; line-height: 1.7; text-align: justify; padding-left: 40px;}
.lvl-4 .col-md-4 p span {color: #4bbb7c; font-family: "Museo-500";}
.lvl-4 .col-md-4 p strong {font-family: "Museo-500"; }
.lvl-4 .col-md-4 a {display: inline-block; float: left; margin-left: 40px; color: #fff; background: #0ee767; padding: 20px 55px; border-radius: 30px; font-family: "Montserrat-Bold"; font-size: 12px; line-height: 1; letter-spacing: 2px; margin-top: 40px;}
.lvl-4 .icon-img {display: inline-block; margin-bottom: 10px; padding: 12.5px; background: #0ee767; border: solid 10px #34ff93; border-radius: 50%;}
.lvl-4 .icon-txt p {color: #fff; font-family: "Museo-700"; margin-bottom: 0px; font-size: 14px; line-height: 1; min-height: 30px;}
.lvl-4 .icon-txt {margin-bottom: 15px; }

.lvl-5 {background-image: url(img/financiamiento.jpg); background-position: 50% 50%;  background-color: #ffffff; padding-top: 70px;}
.lvl-5 p {position: relative; display: inline-block; margin-bottom: 100px; font-family: "Museo-900"; font-size: 19px; line-height: 1;}
.lvl-5 p:before {position: absolute; bottom: 3px; left: calc(100% + 2px); width: 6px; height: 6px; border-radius: 50%; background: #0ee767; content: ""; display: inline-block;}
.lvl-5 .col-xs-6 {margin-bottom: 30px;}

.lvl-5 .form-box {background: #0ee767; padding: 50px 30px 30px 30px; margin-top: 130px; margin-bottom: -132px; z-index: 1;}
.lvl-5 .form-box .form-control {border-radius: 30px; height: 50px; font-size: 12px; padding: 19px 45px; margin-bottom: 10px;}
.lvl-5 .form-box .col-1 .form-control:nth-child(1) {background-image: url(img/name.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-5 .form-box .col-1 .form-control:nth-child(2) {background-image: url(img/tel.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-5 .form-box .col-1 .form-control:nth-child(3) {background-image: url(img/correo.png); background-repeat: no-repeat; background-position: 15px 50%;}
.lvl-5 .form-box .col-2 textarea {height: 110px;}
.lvl-5 .form-box .enviar {background: #292d30; color: #fff; font-family: "Montserrat-Bold"; font-size: 12px; line-height: 12px; height: 50px; padding: 19px 45px; display: inline-block; width: 100%; text-align: center; border: none; border-radius: 30px;}
.lvl-5 .form-box p {position: relative; font-family: "Museo-900"; font-size: 19px; line-height: 1.5;}
.lvl-5 .form-box p span {color: #fff;}

.lvl-6 {z-index: 0;}

.lvl-7 {background: #292d30; color: #f1f1f1; font-family: "Museo-500"; font-size: 16px; line-height: 1;}
.lvl-7 .tel {padding-left: 25px; background: url(img/phone.png); min-height: 21px; line-height: 21px; background-position: 0px 0px; background-repeat: no-repeat;}
.lvl-7 .clock {padding-left: 25px; background: url(img/clock.png); min-height: 21px; line-height: 21px; background-position: 0px 0px; background-repeat: no-repeat;}
.lvl-7 .mark {padding-left: 25px; background: url(img/mark.png); min-height: 21px; line-height: 21px; background-position: 0px 0px; background-repeat: no-repeat;}
.lvl-7 .fb {padding-left: 25px; background: url(img/fb-icon.png); min-height: 21px; line-height: 21px; background-position: 0px 0px; background-repeat: no-repeat;}
.lvl-7 .first {padding-top: 45px; border-bottom: solid 1px #57595a;}
.lvl-7 .first .col-md-3 {margin-bottom: 20px;}
.lvl-7 .first .col-md-3 p {margin: 0px;}

.lvl-7 .second {padding: 20px 0px;}
.lvl-7 .second p {margin: 0px; font-size: 14px; line-height: 1; color: #858484;}
.lvl-7 .second p a {color: #858484; text-decoration: none;}
.lvl-7 .first a {color: #fff !important;}

.modal-content {background:#262d33; padding: 40px 0px;}
.modal-content .box {display: inline-block; padding: 0px 15px;}
.modal-content p {margin-top: 15px; margin-bottom: 0px; color: #fff; font-family: "Museo-500"; font-size: 16px; }
.modal-content p span {color: #0ee767;}

.modal-content h4{    color: #fff;
    font-family: "Museo-900";
    font-size: 18px;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 20px;
}

.close {opacity: 1; font-size: 14px; border-radius: 50% !important; width: 34px; height: 34px; position: absolute; top: -17px; right: -17px; display: inline-block; border: none !important; background: url(img/close.png) !important; background-repeat: no-repeat; background-position: 0px 0px;}
.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){
    .header .col-xs-4 {padding-left: 30px;}
    .lvl-1 p {font-size: 44px;}
    .lvl-2 ul li{width:176px;}
    .carousel-control.left{width: 40px; height: 40px; top:60%;}
    .carousel-control.right {width: 40px; height: 40px; top:60%;}
    .lvl-2 p {margin-top: 30px;}
    .lvl-4 .col-md-4 a {margin-bottom: 60px;}
    .lvl-5 .form-box p {margin-bottom: 15px;}
}

@media (min-width:590px) and (max-width:767px){
    .lvl-2 ul li{width:170px;}
    .carousel-control.left {width: 40px; height: 40px; top:70%;}
    .carousel-control.right {width: 40px; height: 40px; top:70%;}
    .lvl-4 .col-md-4 a {margin-bottom: 60px;}
}

@media (min-width:768px) and (max-width:991px){
    .lvl-1 p {font-size: 40px !important;}
    .lvl-2 {background-image: none; background: #1DDB6C; padding-top: 25px;}
    .lvl-2 ul li {width: 50%;}
    .carousel-control.left{width: 40px; height: 40px; top:70%;}
    .carousel-control.right {width: 40px; height: 40px; top:70%;}
    .lvl-4 .col-md-4 a {margin-bottom: 60px;}
}

@media (min-width:992px) and (max-width:1199px){
    .lvl-1 p {font-size: 48px;}
    .lvl-3 .box .txt ul {padding-left: 0px;}
    .lvl-7 {font-size: 13px;}
}

@media (min-width:1200px){

}