html { font-size: 100%;}
body { font-family: 'Lato', Arial, Helvetica, sans-serif; background: #fff; color: #323232; font-size: 14px;}
.col{padding: 0;}
/*------------------------------------------Títulos xs------------------------------------------*/
h1 {font-size:2rem /*32px/16px=2rem*/; color:#fff; border-left: 7px solid #99cc00; padding: 7px 0 10px 10px; }
h2 {font-size:1.1rem /*18px/16px=1.13rem*/; color:#fff; padding:10px 0 ;}
h3 {font-size:1.3rem /*21px/16px=1.31rem*/; color:#0075C9; margin: 40px 0;}
h4 {font-size:1.2rem /*21px/16px=1.31rem*/; color:#fff; margin: 25px 0;}
.h5, h5 { font-size: 1.1rem;}
.white{color: #fff;}
.h1-fullscreen{ display: block; text-align: left; border: none; border-left: 7px solid #99cc00; padding: 7px 0 10px 10px; }
/* ------------------------------------ Containers xs ------------------------------------ */
.subheader {background: #f6f6f6;}
.subheader2 {background: #ffffff; padding-bottom: 50px;}
.subheader3 {background: #f6f6f6; border-bottom: 15px solid #d9d9d9; padding-bottom: 40px;}
.subheader4 {background: #0075C9; padding-bottom: 50px; color: #fff; padding-top: 30px;}
.subheader5 {background: #0075c9; padding-bottom: 100px !important; color: #fff; padding-top: 100px !important;}
/*------------------------------------------NavBar xs------------------------------------------*/
.navbar{padding: .5rem }
.navbar-nav{ font-size: .9rem;}
.navbar-light .navbar-nav .nav-link {color: #fff; background: #000; padding: 10px;}
.navbar-light .navbar-nav .nav-link:hover {color:#99cc00; }
.navbar-light .navbar-toggler{background: rgba( 255, 255, 255, 0.5);}
.navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active{ color: #fff; border-left: 2px solid #99cc00;}
.navbar-nav .active>.nav-link, .navbar-light .navbar-nav color: #99cc00;
.navbar-toggler { background: #99cc00;}
.navbar-bg{color: rgba(0, 0, 0, 0.7); margin-bottom: 15px;}
.navbar-brand img{ max-width: 180px; }
.navbar-fullscreen{position: absolute; top: 0; z-index: 498;}
.bg-menu-01{background: #fff;}
.bg-menu-02{background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9); transition: all 1s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35); }
/*------------------------------------------Hero xs------------------------------------------*/
.hero-01 {background: linear-gradient(90deg, rgba(0, 148, 255, 0.9), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-mobile-01.jpg) 0 0 / cover no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top;}
.hero-fullscreen-01 {background: linear-gradient(90deg, rgba(0, 148, 255, 0.92), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-mobile-01.jpg) 0 0 / cover no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top;
justify-content: center; height: 100vh;}
/*------------------------------------------Listas Header xs------------------------------------------*/
/* lista-iconos */
.list-icon{ padding:12px 0 0 12px; margin: 0; color: #fff; list-style: none;}
.list-icon-bg {background: url('../images/list-icon.svg') no-repeat 0 0;display: inline-block; margin: 0 0 20px 0;}
.list-icon-01 {background-position: 4px -94px;width: 35px; height: 30px; }
.list-icon-02 {background-position: 4px -149px;width: 35px; height: 30px; }
.list-icon-03 {background-position: 4px -204px;width: 35px; height: 30px; }
.list-icon-04 {background-position: 8px -260px;width: 35px; height: 30px; }
.list-icon-05 {background-position: -1px -314px;width: 35px; height: 30px; }
.list-icon-tx {margin: 5px 0 0 5px; display: inline-block; vertical-align: top; padding: 0; width: 85%;}
/* lista-ok */
.list-ok {list-style: none; padding:0 0 20px 0; margin:0; color: #fff;}
.list-ok li {font-size: .8rem; padding:12px 0 0 12px; text-indent: -.7em; }
.list-ok li:before { font-size: 1.2rem; content: ""; padding: 0 0 4px 25px; background: transparent url("../images/list-icon.svg") scroll -1px 7px no-repeat;}
/* lista-arrow */
.list-arrow {list-style: none; padding:0 0 20px 0; margin:0; color: #fff;}
.list-arrow li {font-size: .8rem; padding:12px 0 0 12px; text-indent: -.7em; }
.list-arrow li:before { font-size: 1.2rem; content: ""; padding: 0 0 4px 20px; background: transparent url("../images/list-icon.svg") scroll -1px -42px no-repeat;}
/* lista-circle-01 */
.list-circle-01 {list-style: none; padding:0 0 20px 0; margin:0; color: #fff;}
.list-circle-01 li {font-size: .8rem; padding:12px 0 0 12px; text-indent: -.7em;}
.list-circle-01 li:before { font-size: 1.2rem; content: "•";color: #0075C9; padding-right: 10px; }
/*------------------------------------Formulario xs------------------------------------*/
.form-design{ background: #fff; min-height: 420px; padding: 20px; margin-bottom: 15px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; position: relative; z-index: 501;
-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);}
.formTitle{ color: #323232; font-size: 1.4rem; text-align: center; padding-bottom: 10px; padding-right: 20px; line-height: 1.4rem;}
.formTitle span { font-size: 0.9rem; padding-bottom: 10px; display: block; }
.formBody { font-size: 1.2em; text-align: center; margin-top: 20px;}
.no-radius{border-radius: 0;}
.form-fullscreen{min-height: auto; background: none; box-shadow: none; text-align: center; /*background-color: rgba(0, 0, 0, 0.3); */}
.formTitle-fullscreen{ color: #fff; font-size: 1.5em; text-align: left; text-align: center;}
.formBody-fullscreen { font-size: 1.2em; text-align: center; margin-top: 20px; color: #fff;}
/*------------------------------------Steps------------------------------------*/
.steps{position: relative;}
.progress-bar{ position:absolute; top: 18px; left: 0; width: 100%; height: 2px; background: #eaeaea; }
.progress-bar-01{ position:absolute; top: 18px; left: 0; width: 33.3%; height: 2px; background: #99cc00; }
.progress-bar-02{ position:absolute; top: 18px; left: 0; width: 66.9%; height: 2px; background: #99cc00; }
.progress-bar-03{ position:absolute; top: 18px; left: 0; width: 100%; height: 2px; background: #99cc00; }
.step-icon{background: url("../images/form-steps.svg") no-repeat;}
.step-icon-on-01{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#99cc00;background-position:3px 5px;}
.step-icon-off-01{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #eaeaea;background-position:3px -48px;}
.step-icon-complete-01{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #99cc00;background-position: 3px -98px;}
.step-icon-on-02{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#99cc00;background-position:-68px 4px;}
.step-icon-off-02{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #eaeaea;background-position:-69px -48px;}
.step-icon-complete-02{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #99cc00;background-position:-69px -99px;}
.step-icon-on-03{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#99cc00;background-position:-133px 4px;}
.step-icon-off-03{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #eaeaea;background-position:-134px -48px;}
.step-icon-complete-03{margin:0 auto;width:35px;height:35px;border-radius:50%;background-color:#fff;border: 1px solid #99cc00;background-position:-134px -99px;}
.step-on{ color:#99cc00; font-size: .7rem; margin-top:5px; margin-bottom: 13px; line-height: .8rem; }
.step-off{ color:#d4d4d4; font-size: .7rem; margin-top:5px; margin-bottom: 13px; line-height: .8rem; }
/*------------------------------------Formulario one step------------------------------------*/
.iconForm{display: block; background-image: url(../images/iconForm.svg); width: 40px; background-repeat: no-repeat; }
.iconForm01{ background-position: 4px 2px;}
.iconForm02{ background-position: 3px -26px;}
.iconForm03{ background-position: 3px -58px;}
.iconForm04{ background-position: 3px -87px;}
.iconForm05{ background-position: 3px -117px;}
.iconForm06{ background-position: 3px -147px;}
.iconForm07{ background-position: 3px -177px;}
.iconForm08{ background-position: 3px -207px;}
.legales{ font-size:.6rem; color: #777777; margin-bottom: 15px; margin-top: 15px; }
.legales a { color:#777777; text-decoration: none; }
.legales-fullscreen {font-size:.6rem; color: #b1b1b1; margin-bottom: 15px; margin-top: 15px; }
.legales-fullscreen a { color:#b1b1b1; text-decoration: none; }
input[type=checkbox]{width: 17px; height: 17px; margin-right: 4px; top: 5px; position: relative; top: 3px;}
.btn{ padding: 0.6rem 1.3rem; font-size: 1rem; border-radius: 1.7rem;}
.btn-primary { color: #fff; background-color: #99cc00; border-color: #99cc00; }
.btn-primary:hover {color: #fff; background-color: #0075C9; border-color: #fff;}
.form-control{font-size: .8rem; background-color: #f6f6f6;}
#step2,#success {display: none}
.error {background-color: red; font-size: 11px;color: #fff}
#step1 input{width: auto}
/*------------------------------------call2form------------------------------------*/
#shadow { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000 repeat; z-index: 500;}
.call-2-form{ cursor:pointer;}
.show-mobile{ display:block;}
.show-desktop{ display:none;}
.btn-full {position: fixed; width: 100%; bottom: 0; left: 0; font-size: 15px; background:#0075C9; padding: 15px 0; z-index: 501;}
/*------------------------------------ cookie xs------------------------------------ */
.cookie { display: inline;}
.cookie-with-text {text-align: center; margin: 10px 0; font-size: 1rem; padding: 17px 0 15px 0; width: 100%;color: #fff; line-height: 27px;border: #0b839e solid 3px; cursor: pointer;
background: rgba(0,204,235,1);
background: -moz-linear-gradient(top, rgba(0,204,235,1) 0%, rgba(0,153,187,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,204,235,1)), color-stop(100%, rgba(0,153,187,1)));
background: -webkit-linear-gradient(top, rgba(0,204,235,1) 0%, rgba(0,153,187,1) 100%);
background: -o-linear-gradient(top, rgba(0,204,235,1) 0%, rgba(0,153,187,1) 100%);
background: -ms-linear-gradient(top, rgba(0,204,235,1) 0%, rgba(0,153,187,1) 100%);
background: linear-gradient(to bottom, rgba(0,204,235,1) 0%, rgba(0,153,187,1) 100%);}
.cookie-with-text span {font-size:2rem; line-height: 2rem;}
/* ------------------------------------ Bullets-01 ------------------------------------ */
.bullets-01{background:url(../images/bullets-01.png) no-repeat;}
.bullets-01-01{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0px 0px;}
.bullets-01-02{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -120px;}
.bullets-01-03{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -240px;}
.bullets-01-04{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -360px;}
.bullets-01-05{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -480px;}
.bullets-01-06{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -600px;}
.bullets-01-07{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -720px;}
.bullets-01-08{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -840px;}
.bullets-01-09{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -960px;}
.bullets-01-10{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1080px;}
.bullets-01-11{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1200px;}
.bullets-01-12{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1320px;}
.bullets-01-13{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1440px;}
.bullets-01-14{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1560px;}
.bullets-01-15{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1680px;}
.bullets-01-16{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1800px;}
.bullets-01-17{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -1920px;}
.bullets-01-18{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -2040px;}
.bullets-01-19{margin: 0 auto; width: 150px; height: 120px; margin-bottom: 10px; background-position: 0 -2160px;}
.bullets-01-tx{ color: 323232; font-size: .8rem; }
.bullets-01-tx span{ font-size: 1.1rem; }
.box-gray{background-color:#f6f6f6; border-top: 5px solid #fff;}
/* ------------------------------------ Bullets-02 ------------------------------------ */
/* lista-circle-02 */
.list-bullets-02 {list-style: none; padding:0; margin:0; color: #323232;}
.list-bullets-02 li {font-size: .8rem; padding:0 0 0 12px; text-indent: -.7em;}
.list-bullets-02 li:before { font-size: 1.2rem; content: "•";color: #0075C9; padding-right: 10px; }
/* ------------------------------------ Bullets-03 ------------------------------------ */
/* lista-circle-03 */
.list-bullets-03 {list-style: none; padding:0; margin:0; color: #fff;}
.list-bullets-03 li {font-size: .8rem; padding:0 0 0 12px; text-indent: -.7em;}
.list-bullets-03 li:before { font-size: 1.2rem; content: "•";color: #99cc00; padding-right: 10px; }
/* ------------------------------------ Cards Deck xs ------------------------------------ */
.card-title{ color: #0075C9; text-align: left;}
.card{
border: 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
border-radius: 0;
}
.card-img-top{
border-radius: 0;
}
.card-text:last-child {
text-align: left;
}
/* ------------------------------------ Testimonios Carrusel xs ------------------------------------ */
.carousel-control-next, .carousel-control-prev { top: -100px;}
.carousel-caption { position: relative; right: 0; bottom: 0; left: 0; color: #323232; }
.testimonio-tx { font-size: 14px; color: #323232; }
.testimonio-tx i{ color: #99cc00; }
.carousel-control-prev-icon, .carousel-control-next-icon {height: 35px;width: 35px; background-color: #8e8e8e; background-size: 100%, 100%; border-radius: 50%; border: 10px solid #8e8e8e;}
.carousel-indicators li{ background-color: #323232; }
.testimonio-img{ width: 135px; height: 135px; margin: 0 auto; background: url('../images/testimonios.png') no-repeat; }
.testimonio-img-01{background-position: 0 0;}
.testimonio-img-02{background-position: -155px 0;}
.testimonio-img-03{background-position: -310px 0;}
/* ------------------------------------ COLLAPSE CARDS xs ------------------------------------ */
.collapse-container{ background: #fff; border:1px solid #eaeaea; margin-top: 20px;}
.collapse-title{ background: none; font-size: 1rem; border: none; padding:10px; margin: 20px 0; }
.collapse-title img {position:absolute; top:55px; right:30px; }
.collapse-content{ color: #323232; }
.collapse-icon {background:url(../images/sprite-collapse.svg) no-repeat;}
.collapse-icon-01{margin: 0 auto; width: 100px; height: 80px; color:#000; margin-bottom: 10px; background-position:0 -20px;}
.collapse-icon-02{margin: 0 auto; width: 100px; height: 80px; color:#000; margin-bottom: 10px; background-position:0 -120px;}
.collapse-icon-03{margin: 0 auto; width: 100px; height: 80px; color:#000; margin-bottom: 10px; background-position:0 -220px;}
.collapse-icon-04{margin: 0 auto; width: 100px; height: 80px; color:#000; margin-bottom: 10px; background-position:0 -320px;}
.collapse-tx{ color: 323232; font-size: .8rem; padding:0 30px 30px 30px; display: block; }
.collapse-tx span{ font-size: 1.1rem; /*font-weight: bold;*/ }
/* ------------------------------------ Listas xs ------------------------------------ */
th { font-size: 1rem; font-weight: normal; text-align: center;}
td { text-align: center;}
/* ------------------------------------ Animate ------------------------------------ */
@-webkit-keyframes jackInTheBox {
from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom; transform-origin: center bottom;}
50% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}
to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes jackInTheBox {
from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
70% {-webkit-transform: rotate(3deg); transform: rotate(3deg);}
to { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
.jackInTheBox {-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox;}
@-webkit-keyframes zoomIn {
from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50% {opacity: 1;}
}
@keyframes zoomIn {
from {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3); }
50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.animated {-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s;}
.animated.delay-2s {-webkit-animation-delay: 2s; animation-delay: 2s;}
.animated.delay-3s {-webkit-animation-delay: 3s;animation-delay: 3s;}
.animated.delay-4s {-webkit-animation-delay: 4s; animation-delay: 4s;}
.animated.delay-5s {-webkit-animation-delay: 5s; animation-delay: 5s;}
.animated.fast {-webkit-animation-duration: 800ms; animation-duration: 800ms;}
.animated.faster {-webkit-animation-duration: 500ms; animation-duration: 500ms;}
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s;}
.animated.slower {-webkit-animation-duration: 3s; animation-duration: 3s;}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}
}
/* -------------------------Proyects md ---------------------------------------*/
.bg-black {
background-color: #0075c9 !important;
}
.projects-section {
padding: 0;
}
.projects-section .project-text {
padding: 1.5rem;
font-size: .85rem;
}
.projects-section .project-text hr {
border-color: #0075c9;
border-width: .25rem;
width: 30%;
}
@media (min-width:576px){}
@media (min-width:768px){
/*------------------------------------Hero md------------------------------------*/
.hero-01 {background: linear-gradient(90deg, rgba(0, 148, 255, 0.92), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-tablet-01.jpg) 0 0 / auto no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top;
justify-content: center;}
.hero-fullscreen-01 {background: linear-gradient(90deg, rgba(0, 148, 255, 0.92), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-tablet-01.jpg) 0 0 / auto no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top;
justify-content: center; height: 100vh; background: cover; }
/*------------------------------------NavBar md------------------------------------*/
.navbar{padding: .5rem 1rem ; max-width: 1116px !important; margin: 0 auto;}
.navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active{ color: #323232;}
.navbar-light .navbar-nav .nav-link {color: #323232; background: none; padding: 6px 12px; font-size: .8rem; }
.navbar-bg{background: transparent;margin-bottom: 0;}
.navbar-brand img{ max-width: 100%; }
.navbar-fullscreen{position: absolute; top: 0;}
/* ------------------------------------ cookie md----------------------------------- */
.cookie { display: inline;}
.cookie-with-text {width: 150px; height: 150px; border-radius: 50%; border: solid #0b839e 5px; padding: 28px 0 0 0px;margin: 30px -50px;}
/* ------------------------------------ COLLAPSE CARDS md------------------------------------ */
.collapse.dont-collapse-sm {display: block; height: auto !important; visibility: visible; }
.collapse-title { pointer-events: none; cursor: default;}
.collapse-title img {display: none;}
.collapse-icon-01{ margin-bottom: 0; background-position:0 0px; margin-top: 20px;}
.collapse-icon-02{ margin-bottom: 0; background-position:0 -100px; margin-top: 20px;}
.collapse-icon-03{ margin-bottom: 0; background-position:0 -200px; margin-top: 20px;}
.collapse-icon-04{ margin-bottom: 0; background-position:0 -300px; margin-top: 20px;}
}
@media (min-width:992px){
html { font-size: 120%;}
/*------------------------------------Hero lg------------------------------------*/
.hero-01 {background: linear-gradient(90deg, rgba(0, 148, 255, 0.92), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-desktop-01.jpg) 0 0 / auto no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top;}
.hero-fullscreen-01{background: linear-gradient(90deg, rgba(0, 148, 255, 0.92), rgba(0,0,0,.7)) 0 0 / 1000% no-repeat, url(../images/background-desktop-01.jpg) 0 0 / cover no-repeat;
display: flex; align-items: center; flex-direction: column; background-attachment: fixed; position: relative; background-position: center top; justify-content: center;}
/* ------------------------------------ cookie lg ------------------------------------ */
.cookie-with-text {margin: 70px -100px;}
/* ------------------------------------ Form fixed lg ------------------------------------ */
.form-fixed{position:fixed; top:127px; margin: 0 0 0 745px; max-width: 373px;}
.margin-fixed{margin-bottom: 360px;}
/* -------------------------Animaciones md ---------------------------------------*/
.animation-size{transition:all 0.3s ease;}
.animation-size:hover{-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9); transition:all 0.3s ease;}
.animation-size-grow{transition:all 0.3s ease;}
.animation-size-grow:hover{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04); transition:all 0.3s ease;}
.animation-opacity{transition:all 0.3s ease; opacity:0.5;}
.animation-opacity:hover{opacity:1; transition:all 0.3s ease;}
}
@media (min-width:1200px){
/* ------------------------------------ container xl ------------------------------------ */
.container { max-width: 1116px;}
/*------------------------------------NavBar xl------------------------------------*/
.navbar{padding:.3rem 0rem;}
}