@charset "utf-8";
/* CSS Document */

/*-------------RESET-------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%}
article, aside, nav, section, dialog, figure, header, footer, hgroup{display:block}
legend{display:none}
:focus{outline:0}
table{border-collapse:collapse; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
a img, iframe{border:none}
ul{list-style:none}
input, textarea, select, button{font-size:100%; font-family:inherit; }
input, select{vertical-align:middle}
select{margin:inherit}
button{border:0; padding:0; background:transparent; cursor:pointer}
ol{margin-left:2em}
a{text-decoration:none}
.clear{clear:both; display:block}
input, button{-webkit-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] { -moz-appearance: textfield;}
input, label, textarea, select, bottom, input[type=search], input[type=radio]{  border:none; -webkit-appearance:none; -moz-appearance:none;  appearance:none; -webkit-border-radius:0;
-moz-border-radius:0; border-radius:0;}
/*-----------------------------------------------------------------*/

*{position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  -webkit-tap-highlight-color:rgba(0,0,0,0)}
html, body{height:100%; font-family: 'Montserrat', sans-serif; font-size:0; font-weight:300; color:white; -webkit-text-size-adjust:99%; -ms-text-size-adjust:99%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body { margin-left:auto; margin-right:auto; background-color:#01162e;}

html, body{ height:auto !important; overflow: visible !important} 
main { height:100%; z-index:3;}

h1 { font-size:48px; line-height:45px; font-weight:700; text-transform:uppercase;  text-shadow: rgba(4, 7, 13, 0.2) 0px 2px 20px, rgba(4, 7, 13, 0.2) 0px 4px 4px, rgba(4, 7, 13, 0.2) 0px 8px 8px, rgba(4, 7, 13, 0.2) 0px 16px 16px;}
h2 { font-size:38px; line-height:33px; color:#f0cc00; font-weight:400; text-transform:uppercase; margin-bottom:10px; display:inline-block;}
h2:after { content:""; width:90%; height:2px; background-color:#f0cc00; display:block; margin-top:10px;}
h3 { font-size:30px; line-height:33px; color:#f0cc00; font-weight:400; text-transform:uppercase; margin-bottom:10px; display:inline-block;}


p, a, button, input, textarea, li { font-size:14px; line-height:24px; letter-spacing:.04em;}
p { line-height:26px;  margin-bottom:15px;}
p:last-child { margin-bottom:0;}
p b { font-weight:500;}

h1+p { text-shadow:rgba(4, 7, 13, 0.8) 0px 2px 5px, rgba(4, 7, 13, 1) 0px -5px 6px, rgba(4, 7, 13, 1) 0px 3px 4px, rgba(4, 7, 13, 0.5) 0px 4px 2px;}

hr { height:1px; background-color: rgba(255,255,255,.2); border:none;}

section { height:100vh; min-height:100%; max-height:900px; /*padding-top:85px; padding-bottom:140px;*/ display:block; overflow:hidden;  }


/* --- CLR ---*/
a,
.clr-yellow { color:#f0cc00;}
/* --- END CLR --- */

/* --- BG --- */
.bg-white { background-color:white;}
.bg-yellow { background-color:#f0cc00;}

.bg-icons { background-image:url(../images-advance-ldg/bg/bg-icons.png); background-position:center; background-size:cover; background-attachment:fixed; background-color:white;}

.bg-icons *:not(.clr-yellow)  { color: #292929;}
/* --- END BG --- */

/* --- TITLE --- */
.title-style-01 span { font-size:28px; line-height:26px; font-weight:300; text-align:right; width:calc(50% - 60px); padding:0 15px; display:inline-block; vertical-align:middle;}
.title-style-01 span:last-child { text-align:left;}
/* --- TITLE --- */

/*--- BTN --- */
.btn-menu-01,
.btn-menu-02 { line-height:0; text-align:right; width:30px; height:30px;}
.btn-menu-01 div,
.btn-menu-02 div{  width:30px; height:5px; background-color:#1457a0; display: inline-block; -webkit-border-radius:30px; -moz-border-radius:30px;
border-radius:30px;} 
.btn-menu-01 div:before,
.btn-menu-01 div:after,
.btn-menu-02 div:before,
.btn-menu-02 div:after  { content:""; width:30px; height:5px; background-color:#1457a0;  display: inline-block; position:absolute; left:0; -webkit-border-radius:30px; -moz-border-radius:30px;
border-radius:30px;}
.btn-menu-01 div:before { top:-9px;}
.btn-menu-01 div:after { bottom:-9px;}

.btn-menu-02 div { width:20px; height:2px; background-color:#f0cc00;}
.btn-menu-02 div:before, 
.btn-menu-02 div:after { background-color:#f0cc00; height:2px;}
.btn-menu-02 div:before { width:10px; top:-9px; left: auto; right:0;}
.btn-menu-02 div:after { bottom:-9px; left: auto; right:0}

.btn-01,
.btn-01-b,
.btn-02 { font-size:25px; color:#292929; font-weight:600; text-align: left; text-transform:uppercase; padding:13px 30px; background-color:#f0cc00; display: inline-block; -webkit-transform: skew(-30deg, 0deg); -moz-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); -ms-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg);}
.btn-01 span,
.btn-01-b span,
.btn-02 span { display:inline-block; -webkit-transform: skew(30deg, 0deg); -moz-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg);}

.btn-01:hover,
.btn-01-b:hover,
.btn-02:hover { color:#f0cc00; background-color:#292929;  -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg);}

.btn-01:hover span,
.btn-01-b:hover span,
.btn-02:hover span { color:#f0cc00; -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg);}

.btn-01-b { font-size:16px; padding:8px 15px;}
.btn-02 { font-size:16px; font-weight:500; line-height:15px; text-transform:none; padding:8px 15px;}
.btn-02.active { background-color:white;}

.btn-03 { font-size:13px; font-weight:600; text-transform: uppercase; padding:8px 0;}
.btn-03:before { content:""; width:15px; height:2px; background-color:#f0cc00; margin:auto 0; position:absolute; left:-18px;  top:0; bottom:0; } 
a:hover+.btn-03:before,
.btn-03:hover:before  { left:110%; }
/*--- END BTN --- */

/* --- DECO --- */
.bg-p { width:100%; height:100%;  background-image:url(../images-advance-ldg/bg/gb-p.jpg); background-size:110% ; position:fixed; left:0; top:0;}

.lineyellow-b-01:after { content:""; width:50%; height:2px; background-color:#f0cc00; display:block; margin-top:20px; margin-bottom:20px;}

.deco-v-01 { font-size:17px; color:#4b4b4b; position: fixed; left:20px; top:50%; z-index:3; transform: rotate(-90deg) translateX(-40%); transform-origin:0 50%;}
.deco-v-01.scrolldown { color:white;}

.img-deco-01 { position:absolute; z-index:-1}
.img-deco-01.right { right:0;}
.img-deco-01.left{ left:0;}
.img-deco-01.top { top:0;} 
.img-deco-01.bottom { bottom:0;} 
/* --- END DECO --- */

/* --- OTHERS --- */
.overlay-01 { width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:20; opacity:0; visibility: hidden}
.overlay-01.active {opacity:1; visibility: visible}

/* --- END OTHERS --- */

/* --- BODY --- */
body:before,
body:after { content:""; width:100%; height:100px; background-color:red;  position: fixed; left:0; top:0; z-index:10; opacity:0; pointer-events: none; background: rgba(0,9,29,1);
background: -moz-linear-gradient(top, rgba(0,9,29,1) 0%, rgba(0,9,29,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,9,29,1)), color-stop(100%, rgba(0,9,29,0)));
background: -webkit-linear-gradient(top, rgba(0,9,29,1) 0%, rgba(0,9,29,0) 100%);
background: -o-linear-gradient(top, rgba(0,9,29,1) 0%, rgba(0,9,29,0) 100%);
background: -ms-linear-gradient(top, rgba(0,9,29,1) 0%, rgba(0,9,29,0) 100%);
background: linear-gradient(to bottom, rgba(0,9,29,1) 0%, rgba(0,9,29,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00091d', endColorstr='#00091d', GradientType=0 );}
body:after { height:250px; top: inherit; bottom:0; background: rgba(0,9,29,0);
background: -moz-linear-gradient(top, rgba(0,9,29,0) 0%, rgba(0,9,29,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,9,29,0)), color-stop(100%, rgba(0,9,29,1)));
background: -webkit-linear-gradient(top, rgba(0,9,29,0) 0%, rgba(0,9,29,1) 100%);
background: -o-linear-gradient(top, rgba(0,9,29,0) 0%, rgba(0,9,29,1) 100%);
background: -ms-linear-gradient(top, rgba(0,9,29,0) 0%, rgba(0,9,29,1) 100%);
background: linear-gradient(to bottom, rgba(0,9,29,0) 0%, rgba(0,9,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00091d', endColorstr='#00091d', GradientType=0 );}
body.scrolldown-vh:before,
body.scrolldown-vh:after { opacity:1;}
/* --- BODY --- */

/* --- HEADER --- */
header { width:100%; padding:15px; position:fixed; top:0; left:0; z-index:50;}
header nav { margin-top:20px; float:right;}
header nav li { padding-left:10px; padding-right:10px;}
header nav a,
header nav button { color: #4b4b4b;}
header nav a:hover,
header nav button:hover { color:#f0cc00;}

header.scrolldown-vh nav { margin-top:10px;}

header .logo-p .white,
header.scrolldown-vh .logo-p .color,
header .btn-hidde-sd { display:none !important;}

header.scrolldown-vh .logo-p .white,
header.scrolldown-vh .btn-hidde-sd { display:inline-block !important;}
header.scrolldown-vh * { color:white;}

header.scrolldown-vh .btn-menu-01 div,
header.scrolldown-vh .btn-menu-01 div:before,
header.scrolldown-vh .btn-menu-01 div:after { background-color:white;}

.menu-mnz-01 { width:250px; height:100%; text-align:right; padding-top:60px; padding-bottom:60px; background-color:#f0cc00; position: fixed; top:0; right:0; z-index:100; display:block !important;  overflow:auto;}
.menu-mnz-01 li { width:100%; display:block; margin-top:8px; margin-bottom:8px;}
.menu-mnz-01 li *{ font-weight:500; color:#292929;}
.menu-mnz-01 li a:hover { color:#292929; opacity:.3;}

.menu-mnz-01.close { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%)}
.menu-mnz-01.open { -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}

/* --- HEADER --- */

/* ---  INTRO --- */
.intro-ldg .cont-body{ height:100%; padding-right:0;}
.intro-ldg .cont-body .contentscroll-01 { padding-top:70px; padding-bottom:50px;}
.intro-ldg .cont-body .nicescroll-rails { opacity:0;}
.intro-ldg .body-cont { display: -ms-inline-flexbox;  display: -webkit-inline-flex; display: inline-flex;  -webkit-align-items: center; -ms-flex-align: center;    align-items: center;}
.intro-ldg .body .title { width:300px; font-size:50px; font-weight:500; line-height:52px; color:white;   background-color:#292929; display: inline; box-shadow: 20px 0 0 #292929, -20px 0 0 #292929;}
.intro-ldg .body .title:after { width:200px;}
.intro-ldg .body p { font-size:17px; line-height:22px; padding-right:125px; text-shadow:none;}

.intro-ldg .body { margin-right:-125px;  -webkit-order: 1; -ms-flex-order:1; order: 1;}
.intro-ldg .body .deco-01 { margin:auto; position:absolute; top:0; bottom:0; left:-50px;}
.intro-ldg .body .deco-01 .img-p { z-index:2;}
.intro-ldg .body .deco-01 .img-shadow { position:absolute; left:15px; top:10px;} 

.intro-ldg .media-body { -webkit-order: 2; -ms-flex-order:2; order: 2;}
.intro-ldg .media-body img { top:15px; right:15px;}

.intro-ldg .body-cont .btn-contact { position:absolute; z-index:10; right:8%; bottom:0;}
/* --- END INTRO --- */

/* --- SERVICIOS --- */
.cont-nav-services { width:100%; padding:0 15px; position:fixed; left:0; bottom:50px; z-index:12; -webkit-transform:translateY(200%); -moz-transform:translateY(200%);
-ms-transform:translateY(200%); -o-transform:translateY(200%); transform:translateY(200%);}
.cont-nav-services .services { text-align:left; padding:0 15px;}
.cont-nav-services h2 { font-size:19px; color:#f0cc00; line-height:18px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; display:block;}
.cont-nav-services h2:after { display:none;}
.cont-nav-services p { font-size:12px; line-height:16px; font-weight:500; display:none; margin-bottom:5px;}
.cont-nav-services a { color:white; }

.scrolldown-vh.cont-nav-services,
.clone-nav-services .cont-nav-services  { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}

.clone-nav-services { width:98.9vw; display:block; overflow:hidden; }
.clone-nav-services .cont-nav-services { position:relative; bottom:0;}
.clone-nav-services .cont-nav-services h2 { color:#1457a0; }
.clone-nav-services .cont-nav-services p { display:block;}
/* --- EDN SERVICIOS --- */

/* --- CONT INFO --- */
.cont-g-01 [class*=boxscroll-] { max-height:calc(100vh - 300px); }

.cont-info-01 .column-left { width:230px;}
.cont-info-01 .column-left+.body { width:calc(100% - 250px); padding-left:60px;} 

.cont-info-02 .column-left { width:350px;}
.cont-info-02 .column-left+.body { width:calc(100% - 350px); padding-left:60px;} 

.cont-info-02 .img-deco-01.left { width:300px; text-align:center; left:8%;}

.cont-info-03 [class*=boxscroll-] { max-height:calc(100vh - 450px); }
.cont-info-03 .media { height:calc(100vh - 450px); }
.cont-info-03 .media+.body { padding-left:60px; }
/* --- END CONT INFO --- */

/* CONTACTO */
#contacto_form input:focus, #contacto_form textarea:focus{color:var(--blue-p) !important}

label#email_error, label#nombre_error, label#city_error, label#mensaje_error{position:absolute; font-size:13px; color:rgba(41,40,45,1); width:auto;  z-index:10; visibility:hidden; right:5px; background:white; padding:8px 10px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

@-webkit-keyframes show_error{0%{visibility:visible; opacity:0; top:0}
 100%{visibility:visible; opacity:1; top:-20px}
}

@keyframes show_error{0%{visibility:visible; opacity:0; top:0}
 100%{visibility:visible; opacity:1; top:-20px}
}
.show_error{-webkit-animation-name:show_error;  animation-name:show_error; -webkit-animation-duration:.5s;  animation-duration:.5s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both}

label#email_error:before, label#nombre_error:before, label#city_error:before, label#mensaje_error:before{position:absolute; content:""; width:0px; height:0px; bottom:-7px; margin:auto;  right:0px; border-style:solid; border-width:8px 5px 0 5px; border-color:white transparent transparent transparent}

.cont_botonenviar_contacto{ width:100%; margin:20px 0 0}
.cont_botonenviar_contacto button { margin-top:0; }

#message{/*display:table-cell; vertical-align:middle; */ width:100%; height:200px; text-align:center}
#message h2{width:100%; font-size:35px; color:rgba(255,255,255,1.00); margin-bottom:0px}
#message p{font-size:17px;  margin-top:0}
#checkmark{display:none}

.enviando-mensaje{ background-color:rgba(255,186,0,1.00); cursor:default; pointer-events:none; -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);}
.enviando-mensaje:before{content:"Enviando...";  width:100%; height:100%; color: rgba(255,255,255,1.00); top:0; left:0; display:block; z-index:5; animation:show_enviando .3s ease-in-out 1; -webkit-animation:show_enviando .3s ease-in-out 1; }
.enviando-mensaje > span { display:none;}
/* END CONTACTO */

/* --- FOOTER --- */
footer { color:#4b4b4b; width:100%; padding:5px 0; background-color:white; position:fixed; left:0; bottom:0; z-index:11;}
footer.scrolldown { background-color:transparent;}
footer.scrolldown * { color:white; background-color:transparent;}
/* --- END FOOTER --- */

/* -- SCROLL -- */
[class*=boxscroll-] {height:100%; padding-right:15px; overflow: auto;}
.nicescroll-rails:before { content:""; width:1px; height:100%; background-color: rgba(255,255,255,.4); position:absolute; left:3px; top:0;}
/* -- END SCROLL -- */

/* ---  NAV ANCHORS --- */
.nav-anchors {  position:fixed; top:45%; right:3px; z-index:100; display:none; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.nav-anchors.close { opacity:0; right:-200%;}

/* -- FULLPAGE --*/
#fp-nav { text-align:center; margin-top:0 !important; position:fixed; top:45%; right:10px; z-index:30; display:block !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#fp-nav ul { padding:65px 0;}
#fp-nav li { display:block; margin-top:3px; margin-bottom:3px;}
#fp-nav li a { width:25px; height:15px;  display:block;}
#fp-nav li img { display: inline-block; vertical-align:middle;}
#fp-nav li a:before { content:""; width:2px; height:15px; background-color:#CACACA; display:inline-block;}
#fp-nav li a:hover:before { width:50%;}
#fp-nav li a.active:before { background-color:#f0cc00;}

/*.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important;}*/

#fp-nav .btn-arrowUp,
#fp-nav .btn-arrowDown { margin:auto; position:absolute; top:0; left:0; right:0;}
#fp-nav .btn-arrowDown { top:auto; bottom:-1px;}

#fp-nav li a.arrowUp,
#fp-nav li a.arrowDown { width:auto; height:61px; border:none;}

#fp-nav li a.arrowUp:hover,
#fp-nav li a.arrowDown:hover { opacity:.5;}

#fp-nav li a.arrowUp:before,
#fp-nav li a.arrowDown:before {display:none;}
/* -- FULLPAGE --*/

/* -- CENTER V --*/
.cont-center-v-js .fp-tableCell {display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.center-v-js { width:100%; padding-top:85px; padding-bottom:140px; }
/* -- END CENTER V --*/

/* --- CORE --- */
/* IMG RESPONSIVE */
button img { display:block;}

.img-responsive { max-width:100%; height:auto;}
.img-responsive.vertical { max-width:none; width:auto; height:100%}

.cropcenter-img img { /*position:absolute; top:0; left:0;*/ width:100%; height:100%; object-fit: cover;}	  
.cropcenter-img a { width:100%; height:100%; display:block;}
/* END IMG RESPONSIVE */

/* --- FORM --- */
input, textarea { color:white; width:100%; text-transform:uppercase; padding:15px 0; background-color:transparent; border-bottom:1px solid #f0cc00;}

/* --- LIST STYLE ---*/
.list-style-01 li,
.list-style-02 li,
.list-style-03 li { padding-left:13px; margin-top:5px; margin-bottom:5px;}
.list-style-01 li:before,
.list-style-02 li:before,
.list-style-03 li:before { content:""; width:4px; height:4px; background-color:#f0cc00; position:absolute; top:7px; left:0;}
.list-style-01 li li:before,
.list-style-02 li li:before,
.list-style-03 li li:before {height:1px; top:9px;}

.list-style-02 li { margin-top:10px; margin-bottom:10px;}
.list-style-03 li { margin-top:0; margin-bottom:0;}

.comparative-list-01 li { width:50%; text-align:left; padding-left:60px; display:inline-block; vertical-align:top;}
.comparative-list-01 li:before { left:40px;}
.comparative-list-01 li:nth-child(odd) { text-align: right; padding-left:0; padding-right:60px;}
.comparative-list-01 li:nth-child(odd):before {  left:auto; right:40px}
/* --- END LIST STYLE ---*/

/* WIDTH */
.row { font-size:0; margin-left:-15px; margin-right:-15px;}
[class*=_width] {display:inline-block; vertical-align: top; padding-left:15px; padding-right:15px;}
._width-full { width:100%; padding-left:0; padding-right:0;}
._width-100 { width:100%;}
._width-95 { width:95%;}
._width-90 { width:90%;}
._width-85 { width:85%;}
._width-80 { width:80%;}
._width-75 { width:75%;}
._width-70 { width:70%;}
._width-65 { width:65%;}
._width-60 { width:60%;}
._width-55 { width:55%;}
._width-50 { width:50%;}
._width-45 { width:45%;}
._width-40 { width:40%;}
._width-35 { width:35%;}
._width-33 { width:33.333%;}
._width-30 { width:30%;}
._width-25 { width:25%;}
._width-20 { width:20%;}
._width-15 { width:15%;}
._width-10 { width:10%;}
._width-05 { width:5%;}

[class*=max-width-]{ width:100%; margin-left:auto; margin-right:auto; left:0; right:0;}
.max-width-01 { max-width:1800px; }
.width-cont-01 { width:100%; max-width:1800px; margin-left:auto; margin-right:auto; padding-left:8%; padding-right:8%;}
/* END WIDTH  */

.full-h { height:100%;}

/* TEXT */
.font-size-null{font-size:0px}
.uppercase{text-transform:uppercase}
.transform-null{text-transform: none} 
/* END TEXT */

/* TEXT ALIGN */
.tx-left{text-align:left}
.tx-right{text-align:right}
.tx-center{text-align:center}
.tx-justify{text-align:justify}
.tx-nowrap {white-space: nowrap;}
/* END TEXT ALIGN */

/* --- COLUMNS --- */
.two-columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
/* --- END COLUMNS --- */

/* --- MARGIN --- */
.margin-tb-140 { margin-top:140px; margin-bottom:140px;}
.margin-tb-40 { margin-top:40px; margin-bottom:40px;}
.margin-tb-20 { margin-top:20px; margin-bottom:20px;}
.margin-tb-10 { margin-top:10px; margin-bottom:10px;}
.margin-tb-5 { margin-top:5px; margin-bottom:5px;}

.margin-b-30 { margin-bottom:30px;}
.margin-b-20 { margin-bottom:20px;}
.margin-b-0 { margin-bottom:0px;}

.margin-tb-list-05 li { margin-top:10px; margin-bottom:10px;}
.margin-lrtb-list-05 li { margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px;}

/* --- END MARGIN --- */

/* --- PADDING --- */
.padding-tb-60 { padding-top:60px; padding-bottom:60px;}

/* --- END PADDING --- */

/* CENTER */
.center-v { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.center-h { margin-left:auto; margin-right:auto;}
/* END CENTER */

/* DISPLAY */
.inline-block,
.inline-list li { display:inline-block;}
.d-block { display:block;}
.d-none { display:none;}
/* END DISPLAY */

/* VERTICAL ALIGN */
.v-align-t{vertical-align:top}
.v-align-b{vertical-align:bottom}
.v-align-m{vertical-align:middle}
.v-align_li-m li{vertical-align:middle}
/* END VERTICAL ALIGN */

/* TABLE */
.table{display:table; width:100%}
.table-fila{display:table-row}
.table-colum{display:table-cell; float:none}
/* END TABLE */

/* FLOAT */
.float-l { float:left;}
.float-r { float: right;}
.float-null { float: none;}
/* END FLOAT */

/* ABSOLUTE */
.absolute-rb { position:absolute; right:0; bottom:0;} 

/* --- Z --- */
.z-3 { z-index:3;}
.z-30 { z-index:30;}
/* --- END Z --- */

/* OVERFLOW */
.overflow-auto { overflow:auto;}
.overflow-hidden { overflow: hidden;}
.overflow-visible { overflow: visible;}
/* END OVERFLOW */

/* HIDDEN */
.hidden,
.r1_visible,
.r2_visible,
.r3_visible,
.r4_visible,
.r5_visible { display: none !important;}
/* END HIDDEN */


/* TRANSITION */
a, button,
.cont-nav-services,
body.scrolldown-vh:before,
body.scrolldown-vh:after,
.menu-mnz-01,
.overlay-01 {-webkit-transition:all 400ms cubic-bezier(0.520,0.005,0.000,0.995); -moz-transition:all 400ms cubic-bezier(0.520,0.005,0.000,0.995); -o-transition:all 400ms cubic-bezier(0.520,0.005,0.000,0.995); transition:all 400ms cubic-bezier(0.520,0.005,0.000,0.995); /* custom */-webkit-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); -moz-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); -o-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); }

.btn-01,
.btn-01 span,
.btn-01-b,
.btn-01-b span,
.btn-02,
.btn-02 span,
.btn-03:before,
.deco-v-01,
#fp-nav li a:before,
.menu-carrousel-01 {-webkit-transition:all 200ms cubic-bezier(0.520,0.005,0.000,0.995); -moz-transition:all 200ms cubic-bezier(0.520,0.005,0.000,0.995); -o-transition:all 200ms cubic-bezier(0.520,0.005,0.000,0.995); transition:all 200ms cubic-bezier(0.520,0.005,0.000,0.995); /* custom */-webkit-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); -moz-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); -o-transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); transition-timing-function:cubic-bezier(0.520,0.005,0.000,0.995); }
/* END TRANSITION */

/* --- IF MOBILE ---*/
/*.device-mobile .section {  max-height:none; min-height:inherit;}*/
.intro-ldg .cont-body .contentscroll-01 { padding-bottom: 5px;}
.device-mobile .intro-ldg,
.device-mobile .fp-tableCell { height:auto !important; min-height:inherit;}
.device-mobile .intro-ldg { display:block !important;}
.device-mobile .section .center-v-js{width:100%; min-height:100vh; display:-ms-flexbox;  display:-webkit-flex;  display:flex;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;   -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-align-content:center;  -ms-flex-line-pack:center;  align-content:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center}
.device-mobile .nav-anchors  { display:block;}
/* --- END IF MOBILE ---*/

/* ------ RESPONSIVE ------ */

/* r0 */
@media screen and (max-width:1300px){	
	/* --- INTRO --- */
	.intro-ldg .body { margin-right: -77px;}
	.intro-ldg .body .title { font-size: 38px; line-height: 40px;}
	.intro-ldg .body p {font-size: 14px; line-height: 17px;}
	.intro-ldg .clone-nav-services { margin-top:10px;}	
}

/* r1 */
@media screen and (max-width:1200px){
	
}

/* r2 */ 
@media screen and (max-width:1000px){
	
	/* --- HEADER --- */
	header .logo-p img { width:180px; height:auto;}
		
	/* --- INTRO ---*/
	.intro-ldg .cont-body .contentscroll-01 {padding-top: 80px;}
	.intro-ldg .body-cont { display:inline-block; text-align:center;}
	.intro-ldg .body {  margin-top:-100px; margin-right:0;}
	.intro-ldg .body-cont .btn-contact {position: relative; right:0; display: inline-block;}
    .intro-ldg .body p { padding-right:0;}
	.intro-ldg .body .deco-01 { display:none;}
	/* --- INTRO ---*/
	
	/* --- WIDTH ---*/
	.r2_width-100 { width:100%;}
	.r2_width-70 { width:70%;}
	.r2_width-30 { width:30%;}
	
}

/* r3 */
@media screen and (max-width:800px){
	
	/* --- DECO --- */
	.img-deco-01 { display: none !important;}
	
	/* --- CONT INFO --- */
	.cont-info-01 .column-left,
	.cont-info-02 .column-left { width: 100%; margin-bottom:20px;}
	.cont-info-01 .column-left+.body,
	.cont-info-02 .column-left+.body  {width: 100%; padding-left: 0;}
	
	.cont-g-01 [class*=boxscroll-] { max-height: none; padding-right:0; }
	
	/* -- NAV CARROUSEL -- */
	.menu-carrousel-01 { position:fixed; top:50%; right:0; text-align:right; z-index:100; -webkit-transform: translate(0,-50%);	-moz-transform: translate(0,-50%);	-ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);	transform: translate(0,-50%);}
	.menu-carrousel-01.close { -webkit-transform:translate(110%,-50%); -moz-transform:translate(110%,-50%); -ms-transform:translate(110%,-50%); -o-transform:translate(110%,-50%);
	transform:translate(110%,-50%);}
	
	/* --- WIDTH ---*/
	.r3_width-100 { width:100%;}
	.r3_width-70 { width:70%;}
	.r3_width-30 { width:30%;}
	
	.device-mobile .section { height:auto !important; min-height:100vh;  max-height: none; }	
	.device-mobile .section:after {content:""; width:80%; height:1px; background-color: rgba(255,255,255,.3); margin:auto; display:block;}
	/*.cont-center-v-js .fp-tableCell { display:block; -webkit-align-items: initial;  -ms-flex-align: initial;  align-items: initial;}*/
	
	/* --- MARGIN --- */
	.r3_margin-b-30 { margin-bottom:30px;}
	/* --- END MARGIN --- */
	
	/* --- TEXT ALIGN --- */
	.r3_tx-center { text-align:center;}	
	
	.r3_visible { display: block !important;}
}

/* r4 */
@media screen and (max-width:700px){
	
	h2 { font-size: 28px; line-height: 29px;}
	
	/* -- TITLES --*/
	.title-style-01 span { font-size: 22px; text-align: center;  width: 100%;}
	.title-style-01 span:last-child { text-align: center;}
	
	/* --- HEADER --- */
	header nav { margin-top: 10px;}
	header nav> ul>li { display:none !important;}
	header nav .cont-btn-menu,
	header nav .overlay-01,
	header.scrolldown-vh .btn-hidde-sd { display:inline-block !important;}
	header .logo-p img { width:150px;}
	
	/* --- FOOTER --- */
	footer { position: relative; margin-bottom:100px;}
	
	/* --- SERVICIOS --- */
	.cont-nav-services { bottom:0;}
	.cont-nav-services h2 { font-size: 15px; line-height: 17px; margin-bottom: 3px;}
	
	/* --- LIST STYLE ---*/	
	.comparative-list-01 li {width: 100%; padding-left:15px;}
	.comparative-list-01 li:before { left:0px; top:11px;}
	.comparative-list-01 li:nth-child(odd) { text-align:left; padding-left:15px; padding-right:0px;}
	.comparative-list-01 li:nth-child(odd):before {  left:0; right: auto;}
	
	.list-style-02 li {  margin-top:5px; margin-bottom:5px;}
	/* --- END LIST STYLE ---*/
	
	.menu-carrousel-01 li { margin-bottom:5px; margin-top:5px;}
	.menu-carrousel-01 .btn-02 { max-width:200px; font-size: 12px; line-height: 12px; text-align:right;  padding: 4px 10px;}
	
	/*--- FULLPAGE --- */
	.center-v-js { padding-top: 70px; padding-bottom: 100px;}
	
	/* --- WIDTH ---*/
	.r4_width-100 { width:100%;}
	.r4_width-70 { width:70%;}
	.r4_width-30 { width:30%;}	
	
	/* --- MARGIN --- */
	.r4_margin-b-20 { margin-bottom:20px;}
		
	/* --- TEXT ALIGN --- */
	.r4_tx-center { text-align:center;}		
}

/* r5 */
@media screen and (max-width:500px){
	
	h1 { font-size:35px}
	h2 { font-size: 23px; line-height: 23px;}
	
	
	p, a, button, input, textarea, li { font-size: 13px;  line-height: 20px;}
	p { line-height: 20px;  margin-bottom: 10px;}
	
	/* -- BTN -- */
	.btn-01, .btn-01-b, .btn-02 {font-size: 17px;  padding: 11px 25px;}
	
	/* --- HEADER --- */
	header { padding: 15px 10px;}
	header nav,
	header.scrolldown-vh nav { margin-top: 0px;}
	header .logo-p img { width:110px;}	
    header nav .cont-btn-menu { padding:0;}

     header.scrolldown-vh .btn-hidde-sd .btn-01-b {font-size: 12px;  padding: 5px 8px; margin-right:8px;}
	/* --- DECO --- */
	.deco-v-01 {  font-size: 10px;  left: 10px;	}
	
	/* --- INTRO --- */
	.intro-ldg .cont-body .contentscroll-01 { padding-top: 60px;}
	.intro-ldg .body { margin-top: -30px;}
	.intro-ldg .body .title {font-size: 24px; line-height: 26px;}
	.intro-ldg .body p {font-size: 13px; line-height: 16px;}
	
	.cont-info-03 .media { display: none;}
	.cont-info-03 .media+.body { padding-left: 0;}
	
	/* --- SERVICIOS --- */
	.cont-nav-services .services { text-align: center;}
	
	/* --- FULLPAGE --- */
	#fp-nav { right:3px;}
	#fp-nav li { display:none;}
	#fp-nav .btn-arrowUp,
	#fp-nav .btn-arrowDown { display:block; position:relative;}
	
	/* --- WIDTH ---*/
	.r5_width-100 { width:100%;}
	.r5_width-70 { width:70%;}
	.r5_width-30 { width:30%;}	
	
	/* --- TEXT ALIGN --- */
	.r5_tx-center { text-align:center;}	

}

/* r6 */
@media screen and (max-width:400px){
	
	.two-columns { webkit-columns:1; -moz-columns:1;  columns:1; -webkit-column-gap:0px; -moz-column-gap:0px;  column-gap:0px;}
	
}

/* ----- IF IE AND EDGE ------ */
@supports (-ms-ime-align:auto) {
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	
}