@font-face{font-family:'cocogooseprolightitalic';font-style:normal;font-weight:normal;src:url(fonts/CocogooseProLightItalic.ttf);src:url(fonts/CocogooseProLightItalic.woff2) format('woff2');font-display:swap;}
@font-face{font-family:'montserratmedium';font-style:normal;font-weight:normal;src:url(fonts/Montserrat-Medium.ttf);src:url(fonts/Montserrat-Medium.woff2) format('woff2');font-display:swap;}
@font-face{font-family:'montserratregular';font-style:normal;font-weight:normal;src:url(fonts/Montserrat-Regular.ttf);src:url(fonts/Montserrat-Regular.woff2) format('woff2');font-display:swap;}
@font-face{font-family:'montserratitalic';font-style:italic;font-weight:normal;src:url(fonts/Montserrat-Italic.ttf);src:url(fonts/Montserrat-Italic.woff2) format('woff2');font-display:swap;}
@font-face{font-family:'montserratmediumitalic';font-style:italic;font-weight:normal;src:url(fonts/Montserrat-MediumItalic.ttf);src:url(fonts/Montserrat-MediumItalic.woff2) format('woff2');font-display:swap;}
@font-face{font-family:'montserratsemibold';font-style:normal;font-weight:normal;src:url(fonts/Montserrat-SemiBold.ttf);src:url(fonts/Montserrat-SemiBold.woff2) format('woff2');font-display:swap;}

/* slick slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden {display:none;}
/* jquery modal 0.9.1 // https://jquerymodal.com/ // https://github.com/kylefox/jquery-modal#installation */
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:0;box-sizing:border-box;background-color:#0D3C61;background-color:rgba(13,60,97,0.1);text-align:center;z-index:22}.blocker{padding:15px;}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:100%;background:#fff;padding:15px 30px;/*-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;*/text-align:left}.modal a.close-modal{position:absolute;top:0;right:0;display:block;width:40px;height:40px;text-indent:-9999px;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity:0.5;border-radius:50% 0 50% 50%;}.modal a.close-modal:hover{opacity:0.75;}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
/* magnific popup */
.mfp-bg{ top:0;left:0;width:100%;height:100%;z-index:10002;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}.mfp-wrap{ top:0;left:0;width:100%;height:100%;z-index:10003;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}.mfp-container{ text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;}.mfp-container:before{ content:'';display:inline-block;height:100%;vertical-align:middle;}.mfp-align-top .mfp-container:before{ display:none;}.mfp-content{ position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{ width:100%;cursor:auto;}.mfp-ajax-cur{ cursor:progress;}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{ cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}.mfp-zoom{ cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.mfp-auto-cursor .mfp-content{ cursor:auto;}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{ -webkit-user-select:none;-moz-user-select:none;user-select:none;}.mfp-loading.mfp-figure{ display:none;}.mfp-hide{ display:none !important;}.mfp-preloader{ color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}.mfp-preloader a{ color:#CCC;}.mfp-preloader a:hover{ color:#FFF;}.mfp-s-ready .mfp-preloader{ display:none;}.mfp-s-error .mfp-content{ display:none;}button.mfp-close,button.mfp-arrow{ overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;} button::-moz-focus-inner{ padding:0;border:0;}.mfp-close{ width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;}.mfp-close:hover,.mfp-close:focus{ opacity:1;filter:alpha(opacity=100);}.mfp-close:active{ top:1px;}.mfp-close-btn-in .mfp-close{ color:#333;}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{ color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}.mfp-counter{ position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}.mfp-arrow{ position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);}.mfp-arrow:active{ margin-top:-54px;}.mfp-arrow:hover,.mfp-arrow:focus{ opacity:1;filter:alpha(opacity=100);}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{ content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}.mfp-arrow:after,.mfp-arrow .mfp-a{ border-top-width:13px;border-bottom-width:13px;top:8px;}.mfp-arrow:before,.mfp-arrow .mfp-b{ border-top-width:21px;border-bottom-width:21px;opacity:0.7;}.mfp-arrow-left{ left:0;}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{ border-right:17px solid #FFF;margin-left:31px;}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{ margin-left:25px;border-right:27px solid #3F3F3F;}.mfp-arrow-right{ right:0;}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{ border-left:17px solid #FFF;margin-left:39px;}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{ border-left:27px solid #3F3F3F;}.mfp-iframe-holder{ padding-top:40px;padding-bottom:40px;}.mfp-iframe-holder .mfp-content{ line-height:0;width:100%;max-width:900px;}.mfp-iframe-holder .mfp-close{ top:-40px;}.mfp-iframe-scaler{ width:100%;height:0;overflow:hidden;padding-top:56.25%;}.mfp-iframe-scaler iframe{ position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
/* Main image in popup */
img.mfp-img{ width:auto;max-width:100%;height:auto;display:block;line-height:0;padding:40px 0 40px;margin:0 auto;}
/* The shadow behind the image */.mfp-figure{ line-height:0;}.mfp-figure:after{ content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}.mfp-figure small{ color:#BDBDBD;display:block;font-size:12px;line-height:14px;}.mfp-figure figure{ margin:0;}.mfp-bottom-bar{ margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}.mfp-title{ text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}.mfp-image-holder .mfp-content{ max-width:100%;}.mfp-gallery .mfp-image-holder .mfp-figure{ cursor:pointer;}
/* Fade Effect for opening */
.mfp-fade.mfp-bg{ background:#333;opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}.mfp-fade.mfp-bg.mfp-ready{ opacity:0.94;}.mfp-fade.mfp-bg.mfp-removing{ opacity:0;}.mfp-fade.mfp-wrap .mfp-content{ opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ opacity:1;}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{ opacity:0;}
/* Zoom effect */
.mfp-zoom-in .mfp-with-anim{ opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}.mfp-zoom-in.mfp-bg{ opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.mfp-zoom-in.mfp-ready .mfp-with-anim{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.mfp-zoom-in.mfp-ready.mfp-bg{ opacity:0.8;}.mfp-zoom-in.mfp-removing .mfp-with-anim{ -webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;}.mfp-zoom-in.mfp-removing.mfp-bg{ opacity:0;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){ /** * Remove all paddings around the image on small screen */.mfp-img-mobile .mfp-image-holder{ padding-left:0;padding-right:0;}.mfp-img-mobile img.mfp-img{ padding:0;}.mfp-img-mobile .mfp-figure:after{ top:0;bottom:0;}.mfp-img-mobile .mfp-figure small{ display:inline;margin-left:5px;}.mfp-img-mobile .mfp-bottom-bar{ background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;}.mfp-img-mobile .mfp-bottom-bar:empty{ padding:0;}.mfp-img-mobile .mfp-counter{ right:5px;top:3px;}.mfp-img-mobile .mfp-close{ top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;} } @media all and (max-width:900px){ .mfp-arrow{ -webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.mfp-arrow-left{ -webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;}.mfp-arrow-right{ -webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%;}.mfp-container{ padding-left:6px;padding-right:6px;} }

:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;;}
.animate__animated:not(.animate__slideOutLeft){ opacity:0 }
@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}
.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}
.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{color:currentColor;background-color:transparent;outline:0;text-decoration:none;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input {overflow:visible;}button,select {text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;vertical-align:middle;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}ul,ol{margin:0;padding:0;list-style:none;} img{vertical-align:middle;max-width:100%;} h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;} p{margin:0;} figure{padding:0;margin:0;} th{font-weight:normal;text-align:left;} i{ font-style:normal; }

html{ box-sizing:border-box; }
*, *:before, *:after{ box-sizing:inherit; }

body{font-family:montserratsemibold,fangsong;line-height:0.9;color:#666666;}

.d-none{ display:none !important; }
.text-center{ text-align:center; }
.text-right{ text-align:right; }
.text-red{ color:#ff0000; }
.tbl{ display:table; }
.tbl > *{ display:table-cell;vertical-align:middle; }
.float-right{ float:right !important; }

.form-check{display:block;min-height:26px;padding-left:38px;margin-bottom:0}.form-check .form-check-input{float:left;margin-left:-38px}.form-check-reverse .form-check-input{float:right;margin-right:0;margin-left:0}.form-check-input{width:26px;height:26px;margin-top:2px;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #666666;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:5px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;}.form-check-input:checked{background-color:#E4001E;border-color:#E4001E}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-check-input~.form-check-label{font-size:23px;line-height:1.2;color:#808080;}

.iconos{display:inline-block;vertical-align:middle;background-image:url(../img/iconos.png);background-repeat:no-repeat;}
.conexion-1{ width:241px;height:112px;background-position:0 0; }
.conexion-2{ width:241px;height:112px;background-position:-241px 0; }
.sistemaparaopticas-1{ width:175px;height:131px;background-position:0 -112px; }
.laboratoriooptica-1{ width:108px;height:131px;background-position:-175px -112px; }
.consultorios-1{ width:157px;height:131px;background-position:-283px -112px; }
.historialmedidas-1{ width:57px;height:56px;background-position:0 -243px; }
.controlinventarios-1{ width:57px;height:63px;background-position:-57px -243px; }
.registroventas-1{ width:57px;height:56px;background-position:-114px -243px; }
.comprasmercaderia-1{ width:57px;height:53px;background-position:-171px -243px; }
.gestioncaja-1{ width:57px;height:46px;background-position:-228px -243px; }
.multiplesreportes-1{ width:57px;height:56px;background-position:-285px -243px; }
.utilidades-1{ width:57px;height:44px;background-position:-342px -243px; }
.kardex-1{ width:57px;height:57px;background-position:-399px -243px; }
.direccion-1{ width:32px;height:38px;background-position:-482px 0; }
.telefono-1{ width:32px;height:35px;background-position:-482px -38px; }
.correo-1{ width:32px;height:23px;background-position:-482px -73px; }
.direccion-2{ width:24px;height:22px;background-position:0 -323px; }
.telefono-2{ width:24px;height:17px;background-position:0 -306px; }
.correo-2{ width:24px;height:17px;background-position:0 -345px; }
.facebook-1{ width:13px;height:24px;background-position:-24px -306px; }
.whatsapp-1{ width:24px;height:24px;background-position:-37px -306px; }
.tarjeta-1{ width:52px;height:34px;background-position:-61px -306px; }
.tarjeta-2{ width:51px;height:33px;background-position:-113px -306px; }
.tarjeta-3{ width:47px;height:33px;background-position:-164px -306px; }
.ns-1{ width:170px;height:117px;background-position:0 -361px; }
.ns-2{ width:149px;height:117px;background-position:-170px -361px; }
.ns-3{ width:155px;height:117px;background-position:-319px -361px; }
.ns-caracteristicas-1{ width:152px;height:124px;background-position:0 -478px; }
.ns-caracteristicas-2{ width:128px;height:124px;background-position:-152px -478px; }
.ns-caracteristicas-3{ width:127px;height:124px;background-position:-280px -478px; }
.ns-caracteristicas-4{ width:124px;height:124px;background-position:-407px -478px; }
.ns-caracteristicas-5{ width:86px;height:124px;background-position:-531px -478px; }
.ns-caracteristicas-6{ width:149px;height:124px;background-position:-617px -478px; }
.caracteristicas-1{ width:68px;height:82px;background-position:0 -602px; }
.caracteristicas-2{ width:80px;height:82px;background-position:-68px -602px; }
.caracteristicas-3{ width:100px;height:82px;background-position:-148px -602px; }
.caracteristicas-4{ width:103px;height:82px;background-position:-248px -602px; }
.caracteristicas-5{ width:121px;height:82px;background-position:-351px -602px; }
.caracteristicas-6{ width:97px;height:82px;background-position:-472px -602px; }
.mp-1{ width:95px;height:62px;background-position:0 -684px; }
.mp-2{ width:94px;height:62px;background-position:-95px -684px; }
.mp-3{ width:86px;height:62px;background-position:-189px -684px; }
.mp-4{ width:59px;height:62px;background-position:-275px -684px; }
.mp-5{ width:60px;height:62px;background-position:-334px -684px; }
.mp-6{ width:60px;height:62px;background-position:-394px -684px; }
.mp-7{ width:61px;height:62px;background-position:-454px -684px; }
.mp-8{ width:60px;height:62px;background-position:-515px -684px; }
.mp-9{ width:58px;height:62px;background-position:-696px -684px; }
.inc-1{ width:74px;height:101px;background-position:0 -746px; }
.inc-2{ width:97px;height:101px;background-position:-74px -746px; }
.inc-3{ width:127px;height:101px;background-position:-171px -746px; }
.inc-4{ width:92px;height:101px;background-position:-298px -746px; }
.flecha-abajo-1{ width:21px;height:12px;background-position:-440px -155px; }
.plan-tarjeta-1{ width:123px;height:81px;background-position:0 -847px; }
.plan-tarjeta-2{ width:121px;height:81px;background-position:-123px -847px; }
.plan-tarjeta-3{ width:114px;height:81px;background-position:-244px -847px; }
.plan-tarjeta-4{ width:115px;height:81px;background-position:-358px -847px; }
.plan-tarjeta-5{ width:78px;height:81px;background-position:-473px -847px; }
.plan-tarjeta-6{ width:76px;height:81px;background-position:-551px -847px; }
.correo-3{ width:114px;height:98px;background-position:-474px -380px; }
.telefono-3{ width:80px;height:98px;background-position:-588px -380px; }
.whatsapp-3{ width:98px;height:98px;background-position:-668px -380px; }
.mp-tcd-1{ width:87px;height:56px;background-position:-390px -746px; }
.mp-tcd-2{ width:85px;height:56px;background-position:-477px -746px; }
.mp-tcd-3{ width:78px;height:56px;background-position:-562px -746px; }
.mp-tcd-4{ width:81px;height:56px;background-position:-640px -746px; }
.mp-yape{ width:60px;height:60px;background-position:-575px -684px; }
.mp-plin{ width:61px;height:61px;background-position:-635px -684px; }

h2{ color:#BA0D2A;font-size:30px;line-height:35px; }
h3{ color:#BA0D2A;font-size:26px; }
h4{ font-size:20px; }
.subtitulo{ display:block;font-size:40px;color:#BA0D2A; }
.container{ max-width:1920px;margin:0 auto;padding:0 15px;position:relative; }

.archivo{ overflow:hidden; }
.archivo input[type="file"]{ display:none; }
.archivo .uploaded-file{ float:left;color:#fff;background:#0D3C61;width:113px;text-align:center;padding:5px 0 3px;border-radius:4px;cursor:pointer; }
.archivo .uploaded-file + span{ display:block;margin-left:113px;font-size:12px;padding:5px 7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }

@keyframes elementor-animation-pulse-grow{to{transform:scale(1.1)}}
.b-animado{ transition:all .3s; }
.b-animado:hover{ animation-name:elementor-animation-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate; }

.rel{ position:relative !important; }
.b-shadow{ box-shadow:7px 7px 5px 0px rgba(0,0,0,0.4);-webkit-box-shadow:7px 7px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow:7px 7px 5px 0px rgba(0,0,0,0.4); }

.contenedor-menu-icon{ cursor:pointer; }
.contenedor-menu-icon .menu-icon{ position:relative;width:40px;height:30px;margin:0; }
.contenedor-menu-icon .menu-icon::before,
.contenedor-menu-icon .menu-icon::after,
.contenedor-menu-icon .menu-icon .menu-line{ content:"";position:absolute;left:0;width:100%;height:4px;border-radius:10px;background-color:#fff;transition:transform 0.2s ease, width 0.1s ease, left 0.1s ease, top 0.1s ease; }
.contenedor-menu-icon .menu-icon::before{ top:0;transform-origin:top left; }
.contenedor-menu-icon .menu-icon .menu-line{ top:50%;transform:translateY(-50%); }
.contenedor-menu-icon .menu-icon::after{ bottom:0;transform-origin:bottom left; }
.contenedor-menu-icon.active .menu-icon::before{ transform:rotate(41deg);left:6px; }
.contenedor-menu-icon.active .menu-icon::after{ transform:rotate(-41deg);left:6px; }
.contenedor-menu-icon.active .menu-icon .menu-line{ opacity:0; }

.banner{ height:325px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;position:relative; }
.banner:before{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(186,13,42,0.5); }

.listado li{ font-size:25px;position:relative;padding:4px 0 11px 58px;line-height:30px;max-width:600px; }
.listado li:before{ content:"";position:absolute;top:0;left:0;width:42px;height:42px;background:url(../img/iconos.png) -440px -113px no-repeat; }

.listado-precios{ display:inline-block;max-width:1185px;width:100%;vertical-align:middle; }
.listado-precios li{ width:504px;background:#DADADA;padding:34px 0 0;margin:0 0 56px; }
.listado-precios li:first-child{ float:left; }
.listado-precios li:last-child{ float:right; }
.listado-precios li > span{ display:block;font-size:23px;text-align:left;padding:0 32px 65px; }
.listado-precios li h3{ line-height:31px; }
.listado-precios li h3 span{ display:block; }
.listado-precios li a{ display:inline-block;color:#DADADA;background:#BA0D2A;width:236px;text-align:center;padding:7px 0 9px;margin:0 0 11px;font-size:20px; }
.listado-precios li .tbl{ margin:58px auto 144px; }
.listado-precios li .tbl > div{ padding:12px 28px 56px; }
.listado-precios li .tbl > div h4{ margin:0 0 70px; }
.listado-precios li .tbl > div span{ display:block;font-size:40px;padding:0 0 20px; }
.listado-precios li .tbl > div small{ display:block;font-size:20px; }
.listado-precios li .tbl > div:first-child{ border-right:2px solid #E4001E; }
.listado-precios li .tbl > div:last-child{ border-left:2px solid #E4001E; }

.contactanos .container{ max-width:1278px;padding-top:77px;padding-bottom:54px; }
.contactanos .container .b-shadow{ box-shadow:7px 6px 9px 1px rgb(0 0 0 / 30%);-webkit-box-shadow:7px 6px 9px 1px rgb(0 0 0 / 30%);-moz-box-shadow:7px 6px 9px 1px rgb(0 0 0 / 30%); }
.contactanos .container > div{ padding:0 12px 0 243px;position:relative; }
.contactanos .container > div .datos{ position:absolute;top:35px;left:0;background:#DADADA;width:502.813px;padding:66px 34px 112px; }
.contactanos .container > div .datos h2{ text-align:center; }
.contactanos .container > div .datos ul{ margin:46px 0 0 0; }
.contactanos .container > div .datos ul li{ position:relative;padding:0 0 0 38px; }
.contactanos .container > div .datos ul li + li{ margin-top:68px; }
.contactanos .container > div .datos ul li > i{ position:absolute;top:0;left:0; }
.contactanos .container > div .datos ul li > span{ display:block;font-size:25px; }
.contactanos .container > div .datos ul li > p{ font-size:21px;margin:29px 0 0; }
.contactanos .container > div .datos ul li:nth-child(1) i{ top:-17px; }
.contactanos .container > div .datos ul li:nth-child(2) i{ top:-6px; }
.contactanos .container > div .datos ul li:nth-child(3) i{ top:-2px; }
.contactanos .container > div form{ padding:86px 41px 75px 310px; }
.contactanos .container > div form .form-group{ padding:0; }
.contactanos .container > div form .form-group label{ display:block;font-size:20px;margin:0 0 12px; }
.contactanos .container > div form .form-group input,
.contactanos .container > div form .form-group textarea{ width:100%;border:1px solid #C6C6C5;font-size:20px;outline:0;padding:6px 10px 5px; }
.contactanos .container > div form .form-group textarea{ min-height:130px; }
.contactanos .container > div form .form-group + .form-group{ margin-top:34px; }
.contactanos .container > div form button{ width:170px;display:inline-block;font-size:22px;color:#fff;background:#BA0D2A;border:0;vertical-align:middle;margin:37px 0 0 1px;padding:3px 0 5px;cursor:pointer; }

header{ position:absolute;top:0;left:0;width:100%;z-index:1;background:transparent; }
header .container{ padding-left:0;padding-right:0;position:relative; }
header .container .tbl{ width:100%;position:relative;z-index:1; }
header .container .tbl > div{ vertical-align:top; }
header .container .tbl > div:first-child{ width:497px;padding:0 15px;position:relative; }
header .container .tbl > div .logo a{ display:inline-block;vertical-align:middle; }
header .container .tbl > div .logo a img{ max-width:317px; }
header .container .tbl > div .contenedor-menu-icon.active + nav{ position:absolute;display:block;width:100%;top:calc(100% + 20px);left:0;padding:0 15px; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul{ background:rgba(186,13,42,0.8);padding:5px 15px; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li{ display:block;text-align:left;padding:10px 0;border-bottom:1px solid #fff; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li:last-child{ border-bottom:0; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li + li{ margin-left:0; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li > a{ display:block;padding:5px;color:#fff; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li:hover > a + ul{ display:none; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li.active > a + ul{ display:block;position:relative;top:0;margin:0 0 5px 15px; }
header .container .tbl > div .contenedor-menu-icon.active + nav > ul > li.active > a + ul > li:first-child{ margin-top:5px; }
header .container .tbl > div nav{ padding:35px 42px 20px 0;text-align:center; }
header .container .tbl > div nav > ul > li{ display:inline-block;vertical-align:middle;position:relative;margin:0 2.97%; }
header .container .tbl > div nav > ul > li > a{ display:inline-block;vertical-align:middle;color:#fff;font-size:28.23px; }
header .container .tbl > div nav > ul > li > a.active{ color:#E3B7C0 !important; }
header .container .tbl > div nav > ul > li > a + ul{ display:none;position:absolute;top:28px;left:0;white-space:nowrap;color:#868686;font-size:18.46px;text-align:left; }
header .container .tbl > div nav > ul > li > a + ul > li{ background:#fff; }
header .container .tbl > div nav > ul > li > a + ul > li:first-child{ padding-top:4px;margin-top:17px; }
header .container .tbl > div nav > ul > li > a + ul > li:last-child{ padding-top:2px; }
header .container .tbl > div nav > ul > li > a + ul > li > a{ display:block;font-family:montserratmedium,fangsong;padding:9px 11px; }
header .container .tbl > div nav > ul > li:hover > a + ul{ display:block }

/* Portada */

.animate__animated_1{ visibility:hidden;transform:translateY(10px) scale(0.6);opacity:0;transition:transform 1s ease,opacity 1s ease; }
.animate__animated_1.active{ visibility:visible;transform:translateY(0) scale(1);opacity:1; }
.animate__animated_2{ transform-origin:bottom;transition:transform 1s ease;transform:scaleY(0); }
.animate__animated_2.active{ transform:scaleY(1); }
.animate__animated_3{ visibility:hidden;opacity:0; }
.animate__animated_3.active{ visibility:visible;opacity:1; }

@keyframes fadeInUp{ from{ transform:translateY(50px);opacity:0; } to{transform:translateY(0);opacity:1; } }
.fade-in-up{ animation:0.75s both fadeInUp; }
.vivify{ -webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;animation-duration:.8s;animation-fill-mode:both;opacity:0; }
.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}@keyframes flipInY{from{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}}
.vivify{ position:relative; }
.vivify i{ position:relative;left:50%;transform:translate(-50%,0);transition:left 1s ease,transform 1s ease;/* -webkit-transition-delay:1s;transition-delay:1s */ }
@keyframes visibilityEffect{ 0%{ opacity:0; } to{left:0;opacity:1; } }
.vivify span{ position:relative;opacity:0; }
.vivify.active i{ left:0;transform:none; }
.vivify.active span{ opacity:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:visibilityEffect;animation-name:visibilityEffect;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s }

#portada .banner{ background-image:url(../img/portada/banner-intranetoptica.jpg);background-position:center left;width:100%;height:100vh; }
#portada .banner:before{ background:rgba(123,11,30,0.5); }
#portada .banner img{ display:inline-block; }
#portada .banner .slick-slider{ height:100%; }
#portada .banner .slick-slider .slick-track,
#portada .banner .slick-slider .slick-list{ width:100%;height:100%; }
#portada .banner .container{ max-width:1620px;margin:0 auto;padding:0 15px;width:100%;height:100%;text-align:right; }
#portada .banner .container .subcontainer{ position:relative;display:inline-block;text-align:left;height:100%; }
#portada .banner .container .subcontainer > img{ position:absolute;top:198px;left:50%;transform:translate(-50%,0); }
#portada .banner .container .subcontainer .tbl{ height:100%;position:relative;padding:80.41px 0 0;margin:0 0 0 auto; }
#portada .banner .container .subcontainer .tbl > div:not(.with-img):first-child{ padding-right:83px; }
#portada .banner .container .subcontainer .tbl > div.with-img{ position:relative;padding-right:470px; }
#portada .banner .container .subcontainer .tbl > div > img{ position:absolute;top:60%;transform:translate(0,-50%) scale(0.6);right:0;transition:top 1s ease,transform 1s ease,opacity 1s ease; }
#portada .banner .container .subcontainer .tbl > div > img.active{ transform:translate(0,-50%) scale(1);top:50%; }
#portada .banner .container .subcontainer .tbl > div{ vertical-align:middle; }
#portada .banner .container .subcontainer .tbl > div > span{ display:block;line-height:1; }
#portada .banner .container .subcontainer .tbl > div > .span-1{ font-size:33.62px;color:#DADADA; }
#portada .banner .container .subcontainer .tbl > div > .span-2{ font-size:40.03px;color:#E4001E;margin:16px 0 46px; }
#portada .banner .container .subcontainer .tbl > div > .span-3{ font-size:36.93px;color:#E4001E; }
#portada .banner .container .subcontainer .tbl > div > .span-4{ font-size:27.03px;color:#fff;margin:22px 0 50px; }
#portada .banner .container .subcontainer .tbl > div > p{ font-family:'montserratmedium';font-size:23.08px;color:#CCCCCC;line-height:1.225;max-width:532.549px;margin:0; }
#portada .banner .container .subcontainer .tbl > div > .barra{ display:inline-block;width:37px; }
#portada .banner .container .subcontainer .tbl > div > .barra + .barra{ margin-left:26px; }
#portada .banner .container .subcontainer .tbl > div > .barra-1{ height:95px;background:rgb(121,13,12);background:linear-gradient(0deg,rgba(121,13,12,1) 0%,rgba(255,56,72,1) 100%); }
#portada .banner .container .subcontainer .tbl > div > .barra-2{ height:110px;background:rgb(218,218,218);background:linear-gradient(0deg,rgba(218,218,218,1) 0%,rgba(102,102,102,1) 100%); }
#portada .banner .container .subcontainer .tbl > div > .barra-3{ height:131px;background:rgb(121,13,12);background:linear-gradient(0deg,rgba(121,13,12,1) 0%,rgba(255,56,72,1) 100%); }
#portada .banner .container .subcontainer .tbl > div > .barra-4{ height:170px;background:rgb(218,218,218);background:linear-gradient(0deg,rgba(218,218,218,1) 0%,rgba(102,102,102,1) 100%); }
#portada .banner .container .subcontainer .tbl > div > .barra-5{ height:200px;background:rgb(121,13,12);background:linear-gradient(0deg,rgba(121,13,12,1) 0%,rgba(255,56,72,1) 100%); }
#portada .banner .container .subcontainer .tbl > div > .barra-6{ height:216px;background:rgb(218,218,218);background:linear-gradient(0deg,rgba(218,218,218,1) 0%,rgba(102,102,102,1) 100%); }

@media screen and (min-width:1051px) and (min-height:451px){
  #portada .banner .container .subcontainer > img{ display:none; }
}
@media screen and (min-width:1051px) and (min-height:940px){
  #portada .banner .container .subcontainer > img{ display:inline-block; }
}
@media screen and (max-width:1050px), screen and (max-height:450px){
  #portada .banner{ padding-top:150px; }
  #portada .banner,
  #portada .banner .container,
  #portada .banner .container .subcontainer,
  #portada .banner .container .subcontainer .tbl{ height:auto; }
  #portada .banner .container .subcontainer > img{ position:relative;top:0;left:0;transform:none; }
  #portada .banner .container .subcontainer .tbl,
  #portada .banner .container .subcontainer .tbl > div{ display:block; }
  #portada .banner .container .subcontainer .tbl{ padding:50px 0;width:100%; }
  #portada .banner .container .subcontainer .tbl > div{ padding-right:0 !important; }
  #portada .banner .container .subcontainer .tbl > div > img{ position:relative;top:0;transform:translateY(10px) scale(0.6);transition:transform 1s ease,opacity 1s ease; }
  #portada .banner .container .subcontainer .tbl > div > img.active{ transform:translateY(0) scale(1);top:0; }
  #portada .banner .container .subcontainer .tbl > div > p{ margin-bottom:30px;max-width:inherit; }
  #portada .banner .container .subcontainer .tbl > div > .span-2,
  #portada .banner .container .subcontainer .tbl > div > .span-4{ margin-bottom:30px; }
  #portada .banner .container .subcontainer{ display:block;text-align:center; }
}

#portada .servicios .container{ padding-top:97px; }
#portada .servicios .container > span{ position:absolute; }
#portada .servicios .container > span:first-child{ top:0;left:27px; }
#portada .servicios .container > span:last-child{ bottom:0;right:29px; }
#portada .servicios .container > ul{ text-align:center; }
#portada .servicios .container > ul li{ display:inline-block;margin-bottom:80px; }
#portada .servicios .container > ul li + li{ margin-left:8.32%; }
#portada .servicios .container > ul li span{ display:block;font-size:30px;padding:48px 0 0; }
#portada .contamos{ background:#F9F9F9;text-align:center; }
#portada .contamos .container{ max-width:1355px;padding-top:58px;padding-bottom:79px; }
#portada .contamos .container h2{ margin-bottom:103px; }
#portada .contamos .container .recursos{ position:relative;min-height:436px;text-align:center;max-width:1200px;width:100%;margin:0 auto; }
#portada .contamos .container .recursos img{ position:absolute;top:2px;left:calc(50% - 21px);transform:translate(-50%, 0); }
#portada .contamos .container .recursos ul{ position:relative;z-index:1; }
#portada .contamos .container .recursos ul li{ text-align:left;white-space:nowrap; }
#portada .contamos .container .recursos ul li span{ display:inline-block;vertical-align:middle;margin-left:12px;padding:0 2px 0 0; }
#portada .contamos .container .recursos ul:first-child{ float:left;margin-top:4px; }
#portada .contamos .container .recursos ul:first-child li:nth-child(1){ margin-bottom:68px; }
#portada .contamos .container .recursos ul:first-child li:nth-child(2){ margin-bottom:74px; }
#portada .contamos .container .recursos ul:first-child li:nth-child(3){ margin-bottom:86px; }
#portada .contamos .container .recursos ul + ul{ float:right; }
#portada .contamos .container .recursos ul + ul li:nth-child(1){ margin-bottom:67px; }
#portada .contamos .container .recursos ul + ul li:nth-child(2){ margin-bottom:70px; }
#portada .contamos .container .recursos ul + ul li:nth-child(3){ margin-bottom:68px; }
#portada .beneficios .titulo{ height:571px;background-image:url(../img/portada/beneficios-intranetoptica.jpg);background-repeat:no-repeat;background-position:center left;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;position:relative;overflow:hidden; }
#portada .beneficios .titulo:before{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(123,11,30,0.5); }
#portada .beneficios .titulo .container{ z-index:1;height:100%; }
#portada .beneficios .titulo .container .circulo{ position:absolute;top:0;width:788px;height:788px;top:342px;margin:0 auto;background:#fff;border-radius:50%;left:50%;transform:translate(-50%,0); }
#portada .beneficios .titulo .container .circulo .borde{ position:absolute;top:0;width:93.03%;height:93.03%;margin:auto;border-radius:50%;top:calc(50% - 5px);left:50%;transform:translate(-50%,-50%);border:31px solid #E4001E;padding:0 30px; }
#portada .beneficios .titulo .container .circulo .borde h2{ position:absolute;top:135px;left:0;text-align:center;width:100%;z-index:1; }
#portada .beneficios .cuerpo .container{ max-width:1688px;padding:72px 15px 11px;text-align:center; }
#portada .beneficios .cuerpo .container ul li{ display:inline-block;width:25%;margin:0 0 78px;vertical-align:middle; }
#portada .beneficios .cuerpo .container ul li .tbl{ background:#DADADA;width:308px;height:326px;text-align:center;margin:0 auto; }
#portada .beneficios .cuerpo .container ul li .tbl > div{ font-size:25px;line-height:30px;padding:0 30px; }
#portada .caracteristicas .container{ max-width:1566px;padding-top:56px;padding-bottom:55px;background:#F9F9F9; }
#portada .caracteristicas .container h2{ margin:0 0 43px; }
#portada .caracteristicas .container .tbl{ width:100%; }
#portada .caracteristicas .container .tbl > div{ vertical-align:top; }
#portada .caracteristicas .container .tbl > div:first-child{ width:42.91%; }
#portada .caracteristicas .container .tbl > div:last-child{ padding:15px 0 0 64px; }
#portada .caracteristicas .container .tbl > div .listado li{ min-height:112px; }
#portada .caracteristicas .container .tbl > div figure{ display:inline-block;vertical-align:middle;position:relative; }
#portada .caracteristicas .container .tbl > div figure:before{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(123,11,30,0.5); }
#portada .precios .container{ max-width:1566px;text-align:center;padding-top:54px; }
#portada .precios .container h2{ margin:0 0 36px }
#portada .precios .container h2 + p{ font-size:25px;line-height:30px;margin:0 0 67px; }
#portada .probar-demo{ height:495px;background-image:url(../img/portada/demo-intranetoptica.jpg);background-repeat:no-repeat;background-position:top center;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;position:relative; }
#portada .probar-demo:before{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(123,11,30,0.5); }
#portada .probar-demo .container{ max-width:1404px;height:100%;position:relative; }
#portada .probar-demo .container > div{ width:405px;text-align:left;position:absolute;bottom:42px;left:15px; }
#portada .probar-demo .container > div *{ display:block; }
#portada .probar-demo .container > div span{ display:inline-block;font-size:71.18px;color:#fff;line-height:85px;padding:0 0 37px 9px;text-align:center; }
#portada .probar-demo .container > div a{ color:#DADADA;background:#BA0D2A;font-size:34.36px;padding:12px 0 15px;text-align:center; }
#portada .marcas{ border:9px solid #DADADA;border-left:0;border-right:0;padding-top:31px;padding-bottom:65px; }
#portada .marcas .container{ max-width:1950px;text-align:center; }
#portada .marcas .container h2{ display:inline-block;font-size:40px;color:#666666;line-height:1.1;position:relative;padding:0 0 6px;margin-bottom:37px; }
#portada .marcas .container h2:before{ content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,0);background:#BA0D2A;width:100%;height:2px; }
#portada .marcas .container .slick-slide{ text-align:center; }
#portada .marcas .container .slick-slide img{ display:inline-block; }

/* Nosotros */

#nosotros h2{ margin-bottom:33px; }
#nosotros p{ font-size:25px;line-height:30px; }
#nosotros .banner{ background-image:url(../img/nosotros/nosotros-intranetoptica.jpg); }
#nosotros .descripcion .container{ max-width:1296px;padding-top:35px; }
#nosotros .descripcion .container p + p{ margin-top:24px; }
#nosotros .descripcion .container ul{ max-width:1476px;margin:38px auto 0;text-align:center; }
#nosotros .descripcion .container ul:after{content:"";display:block;clear:both;}
#nosotros .descripcion .container ul li{ margin-bottom:38px; }
#nosotros .descripcion .container ul li div{ display:block;max-width:372px;width:100%;margin:0 auto;background:#DADADA;padding:24px 29px 28px;min-height:394px; }
#nosotros .descripcion .container ul li div i{ margin-bottom:15px; }
#nosotros .descripcion .container ul li div h3{ font-size:30px;line-height:36px;min-height:72px;margin:0 auto 18px; }
#nosotros .descripcion .container ul li div h3 span{ display:block; }
#nosotros .descripcion .container ul li div p{ font-size:20px;line-height:24px; }
#nosotros .descripcion .container a{ display:block;font-size:35px;line-height:1.2;max-width:403.781px;width:100%;background:#BA0D2A;text-align:center;color:#DADADA;padding:6px 0 10px;margin:20px 0 48px 0; }
#nosotros .caracteristicas{ background:#F9F9F9; }
#nosotros .caracteristicas .container{ max-width:1296px;text-align:center;padding-top:44px; }
#nosotros .caracteristicas .container h2{ text-align:left;max-width:1578px;margin:0 auto 80px; }
#nosotros .caracteristicas .container ul{ overflow:hidden; }
#nosotros .caracteristicas .container ul li{ float:left;width:33.33333%;min-height:329px; }
#nosotros .caracteristicas .container ul li div{ display:block;max-width:413px;width:100%;margin:0 auto; }
#nosotros .caracteristicas .container ul li div i{ margin-bottom:44px; }
#nosotros .caracteristicas .container ul li div p span{ display:block; }

/* Características */

#caracteristicas .banner{ background-image:url(../img/caracteristicas/caracteristicas-intranetoptica.jpg); }
#caracteristicas .descripcion .container{ max-width:1296px;padding-top:35px;padding-bottom:39px; }
#caracteristicas .descripcion .container h2 + p{ font-size:25px;line-height:30px;margin:17px 0 0; }
#caracteristicas .descripcion .container ul:after{content:"";display:block;clear:both;}
#caracteristicas .descripcion .container ul li{ float:left;width:33.33333%;padding:38px 0 35px;text-align:center; }
#caracteristicas .descripcion .container ul li div{ display:inline-block;width:372px;height:394px;background:#DADADA;padding:132px 35px 0;position:relative; }
#caracteristicas .descripcion .container ul li div i{ position:absolute;top:17px;left:19px; }
#caracteristicas .descripcion .container ul li div h3{ font-size:30px;line-height:36px;min-height:72px;width:100%;margin:0 0 16px; }
#caracteristicas .descripcion .container ul li div p{ font-size:20px;line-height:24px; }

/* Demo */

#demo{ padding-bottom:212px; }
#demo h2{ line-height:1.2; }
#demo p{ font-size:25px;line-height:1.2;text-align:justify;margin:44px auto 0;max-width:757.419px; }
#demo p + a{ display:inline-block;background:#BA0D2A;color:#DADADA;font-size:34.36px;padding:12px 0 15px;max-width:477px;width:100%;text-align:center;margin:73px 0 82px; }
#demo > .container{ max-width:1920px;padding-top:54px;padding-bottom:58px; }
#demo > .container > div{ position:relative; }
#demo > .container > div > img{ margin-top:44px; }
#demo > .container > div > .right{ padding-top:31px;position:relative;text-align:center; }
#demo > .container > div > .right > div{ padding-left:775px; }
#demo > .container > div > .right h2{ margin:0 0 14px; }
#demo > .container > div > .right .video{ display:inline-block;vertical-align:middle;margin:6px 0 0;position:relative;padding:9.239% 0 0; }
#demo > .container > div > .right .video > div{ position:absolute;top:0;text-align:center;width:66.2%;left:50%;transform:translate(-50%,0); }
#demo > .container > div > .right .video > a{ display:inline-block;vertical-align:middle;position:relative; }
#demo > .area-soporte{ background:#F9F9F9;text-align:center; }
#demo > .area-soporte .container{ max-width:1676px;overflow:hidden; }
#demo > .area-soporte .container .tbl{ max-width:1595px;width:100%; }
#demo > .area-soporte .container .tbl > div{ vertical-align:top; }
#demo > .area-soporte .container .tbl .left{ padding-top:56px;padding-right:20px;width:481px;text-align:left; }
#demo > .area-soporte .container .tbl .left h2{ font-size:35px;margin:0 auto;max-width:300px;text-align:center; }
#demo > .area-soporte .container .tbl .left p + a{ margin:106px 0 118px 4px;max-width:404px; }
#demo > .area-soporte .container .tbl .left img{ margin:0 0 0 10px; }
#demo > .area-soporte .container .tbl .right{ text-align:right; }
#demo > .area-soporte .container .tbl .right img{ position:relative;top:-1px; }

/* precios */

#precios .banner{ background-image:url(../img/precios/precios-intranetoptica.jpg); }
#precios .descripcion .container{ text-align:center;padding-top:35px; }
#precios .descripcion .container h2{ margin-bottom:68px; }
#precios .descripcion .container .subtitulo{ margin-bottom:121px; }
#precios .descripcion .container .listado-precios li{ margin-bottom:46px; }
#precios .incluye{ background:#F9F9F9; }
#precios .incluye .container{ text-align:center;padding-top:22px;padding-bottom:9px;max-width:1668px; }
#precios .incluye .container ul{padding:58px 0 0 0;}
#precios .incluye .container ul:after{content:"";display:block;clear:both;}
#precios .incluye .container ul li{ float:left;width:25%;padding-bottom:40px; }
#precios .incluye .container ul li > div{ display:inline-block;max-width:285px;width:100%;margin:0 auto; }
#precios .incluye .container ul li > div span{ display:block;font-size:25px;padding:20px 0 0;line-height:30px; }
#precios .consideraciones .container{ padding-top:46px;max-width:1214px; }
#precios .consideraciones .container .listado{ padding-top:37px; }
#precios .consideraciones .container .listado li{ max-width:inherit;padding:1px 0 47px 56px;text-align:justify;max-width:1016px; }
#precios .consideraciones .container .listado li:last-child{ padding-bottom:38px; }
#precios .metodos-pago .container{ max-width:1266px;padding-top:45px;padding-bottom:31px; }
#precios .metodos-pago .container h3{ font-size:25px;color:#666666;margin:0 0 20px; }
#precios .metodos-pago .container i + i{ margin-left:4px;margin-bottom:8px; }

/* Plan */

#plan .container{ text-align:center;padding-top:191px;max-width:1206px; }
#plan .container form{ border:1px solid #D4D4D3;border-width:1px 2px;margin:96px 0 176px;padding-top:12px; }
#plan .container form .pasos{ position:relative;display:table;vertical-align:middle;max-width:1106px;width:100%;margin:0 auto 40px; }
#plan .container form .pasos:before{ content:"";position:absolute;top:35px;left:0;width:100%;height:4px;background:#E4001E; }
#plan .container form .pasos > *{ display:table-cell;vertical-align:top;text-align:center;width:33.33333%; }
#plan .container form .pasos > *:first-child{ text-align:left; }
#plan .container form .pasos > *:last-child{ text-align:right; }
#plan .container form .pasos > * .paso{ position:relative;display:inline-block;vertical-align:top;background:#fff; }
#plan .container form .pasos > * .paso > span{ width:218px;position:relative;display:inline-block;vertical-align:middle;padding:42px 0 0;text-align:center; }
#plan .container form .pasos > * .paso > span .nro{ display:table;position:absolute;top:0;left:50%;transform:translate(-50%,0);width:83px;height:84px;border:4px solid #E4001E;border-radius:50%;text-align:center; }
#plan .container form .pasos > * .paso > span .nro span{ display:table-cell;vertical-align:top;font-size:30px;color:#BA0D2A;padding:13px 0 0; }
#plan .container form .pasos > * .paso > span > span:not(.nro){ display:block;background:#fff;line-height:1.1;font-family:'montserratregular';font-size:20px;color:#666666;position:relative;z-index:1;padding:12px 0; }
#plan .container form .pasos > *.active .paso > span .nro{ background:#E4001E; }
#plan .container form .pasos > *.active .paso > span .nro span{ color:#DADADA; }
#plan .container form .pasos ~ div:not(.active){ display:none; }
#plan .container form .gray-btn{ cursor:pointer;display:inline-block;line-height:1.2;border-radius:0;border:0;width:100%;font-size:23px;color:#fff;background:#C6C6C5;max-width:309px;padding:3px 0; }
#plan .container form .form-group{ margin-left:auto;margin-right:auto;padding:0 15px; }
#plan .container form .form-group .input-group{ position:relative; }
#plan .container form .form-group .input-group label.error:not(:empty){ font-family:'montserratregular';color:#ff0000;font-size:13px !important;position:absolute;top:100%;background:#ff0000;color:#fff;padding:5px 10px 3px;border-radius:6px;right:0;z-index:1; }
#plan .container form .form-group .input-group label.error:not(:empty):before{ content:"";background:url(../img/iconos.png) -440px -167px no-repeat;position:absolute;width:12px;height:5px;top:-5px;right:5px; }
#plan .container form .datos-empresa .form-group:not(:nth-child(4)),
#plan .container form .form-group:first-child{ display:flex;align-items:center;justify-content:space-between;margin-bottom:63px; }
#plan .container form .form-group label:not(.error){ display:block;line-height:1.1;font-size:23px;color:#666666;text-align:left;margin:0 0 11px; }
#plan .container form .form-group input[type="text"],
#plan .container form .form-group select{ font-size:20px;border:1px solid #C6C6C5;outline:0;color:#808080;padding:3px 18px 5px; }
#plan .container form .form-group input[type="text"]{ background:#fff;padding-top:7px;padding-bottom:4px; }
#plan .container form .form-group .select{ position:relative; }
#plan .container form .form-group .select > div{ position:absolute;top:1px;right:1px;width:50px;height:calc(100% - 2px);background:#fff;pointer-events:none;padding-top:9px; }
#plan .container form .form-group .pague-aqui{ border:1px solid #C6C6C5;padding:74px 15px 46px;margin:0 0 131px; }
#plan .container form .form-group .pague-aqui div{ padding:0 0 66px; }
#plan .container form .form-group .pague-aqui div i{ margin-bottom:9px; }
#plan .container form .form-group .pague-aqui div i + i{ margin-left:9px; }
#plan .container form .datos-empresa small{ display:block;font-family:'montserratmediumitalic';font-size:20px;line-height:1.2;text-align:left;margin:0 0 32px;color:#666666;padding:0; }
#plan .container form .datos-empresa .enlace{ color:#0D6EFD;position:relative; }
#plan .container form .datos-empresa .enlace:before{ content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#0D6EFD; }
#plan .container form .datos-empresa .form-group{ max-width:1087px; }
#plan .container form .datos-empresa .form-group:nth-child(3){ margin-bottom:23px; }
#plan .container form .datos-empresa .form-group input[type="text"],
#plan .container form .datos-empresa .form-group select,
#plan .container form .datos-empresa .form-group .archivo .uploaded-file{ width:441px; }
#plan .container form .datos-empresa .form-group .archivo .uploaded-file{ font-size:23px;line-height:1.2;color:#fff;border-radius:0;background:#C6C6C5;border:0;max-width:inherit;padding:6px 11px 3px;margin:0;text-overflow:ellipsis;overflow:hidden; }
#plan .container form .datos-empresa .form-check{ text-align:left;padding-left:34px;margin-bottom:8px; }
#plan .container form .datos-empresa .form-check + label.error:not(:empty){ text-align:left;color:#ff0000; }
#plan .container form .datos-empresa .form-check-input{ width:15px;height:15px;border-color:#C2C2C2;border-radius:3px;margin-left:-34px;margin-top:4px; }
#plan .container form .datos-empresa .form-check-input~.form-check-label{ font-size:20px; }
#plan .container form .datos-empresa > button{ font-size:30px;color:#DADADA;background:#BA0D2A;max-width:318.387px;padding:5px 0;margin:47px 0 32px; }
#plan .container form .metodo-pago .form-group{ max-width:967px; }
#plan .container form .metodo-pago .form-group input[type="text"],
#plan .container form .metodo-pago .form-group select{ width:357px; }
#plan .container form .finalizar{ padding:30px 99px 190px; }
#plan .container form .finalizar ul li span{ display:block;color:#666666;font-size:23px;line-height:1.22;padding:0 0 22px; }
#plan .container form .finalizar ul li span:not(:first-child){ font-family:'montserratitalic';font-size:22px;padding-bottom:11px; }
#plan .container form .finalizar ul li{ position:relative;text-align:left;padding:14px 0 0 52px;margin:0 0 20px; }
#plan .container form .finalizar ul li:before{ content:"";position:absolute;top:0;left:0;width:42px;height:42px;background:url(../img/iconos.png) -440px -113px no-repeat; }
#plan .container form .finalizar ul li a{ margin:22px 0 0;text-align:center; }
#plan .container h2 + span{ display:block;font-size:30px;line-height:1.2;color:#666666;margin:40px 0 62px; }
#plan .container > ul{ display:table;max-width:1028px;width:100%;margin:0 auto 74px; }
#plan .container > ul li{ display:table-cell;vertical-align:middle;padding-bottom:40px; }
#plan .container > ul li > div{ display:inline-block;max-width:236px;width:100%;text-align:center; }
#plan .container > ul li > div i{ margin:0 0 49px; }
#plan .container > ul li > div a{ display:block;font-size:20px;color:#DADADA;background:#BA0D2A;line-height:1.2;padding:4px 0 6px; }

/* Elige medio de pago */

.elegir-medio-pago-blocker{ background:rgba(102,102,102,0.5); }
#elegir-medio-pago{ background:#DADADA;max-width:502px;padding:33px 34px 51px; }
#elegir-medio-pago form span{ display:block;font-size:23px;color:#666666;margin:0 0 64px;text-align:center; }
#elegir-medio-pago form .form-group > div:last-child{ padding:30px 42px 32px; }

#culqi-js + .swal-overlay{ z-index:999999999999;background-color:transparent; }

/* Error */

html.error,html.error body,html.error body .tbl{ height:100%;text-align:center; }
html.error body .tbl{ width:100%; }
html.error body .tbl *{ position:relative; }
html.error body .tbl span{ display:block;font-size:35px;margin:30px 0 15px; }
html.error body .tbl p{ font-size:18px; }
html.error body .tbl a{ display:inline-block;margin:25px 0 0;font-size:15px;text-align:center;background:#BA0D2A;color:#fff;line-height:18px;padding:15px 0 15px;border-radius:5px;width:300px; }

footer{ font-family:montserratregular,fangsong;background-color:#0D0D19;background-image:url(../img/footer-intranetoptica.jpg);background-repeat:no-repeat;background-position:center center;position:relative;color:#fff;padding:0 15px; }
footer:before{ content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(186,13,42,0.5); }
footer .container{ position:relative;z-index:1;overflow:hidden;padding-top:110px;padding-bottom:69px;max-width:1730px; }
footer .container h2{ color:#fff; }
footer .container ul li{ display:block; }
footer .container .tbl{ width:100%; }
footer .container .tbl > div{ vertical-align:top; }
footer .container .tbl > div > div{ display:inline-block;vertical-align:top; }
footer .container .tbl .left{ width:39%;text-align:center; }
footer .container .tbl .left .logo{ padding:15px 0 0 0; }
footer .container .tbl .left .logo a{ display:inline-block;vertical-align:middle; }
footer .container .tbl .left .redes-sociales{ display:inline-block;border-top:1px solid #E4001E;max-width:336px;width:100%;margin:75px 0 0;padding:7px 0 0 28px;text-align:left; }
footer .container .tbl .left .redes-sociales a{ display:inline-block; }
footer .container .tbl .left .redes-sociales a + a{ margin-left:20px; }
footer .container .tbl .right{ text-align:right; }
footer .container .tbl .right *{ text-align:left; }
footer .container .tbl .right .informacion ul li a:after,
footer .container .tbl .right .atencion ul li > a:after{ position:absolute;bottom:-5px;left:0;display:block;content:"";height:1px;width:0%;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;-ms-transition:width .5s ease;transition:width .5s ease;background-color:#E4001E; }
footer .container .tbl .right .informacion ul li a:not(.active):hover:after,
footer .container .tbl .right .informacion ul li a.active:after,
footer .container .tbl .right .atencion ul li > a:hover:after{ width:100%; }
footer .container .tbl .right .informacion ul li a,
footer .container .tbl .right .atencion ul li > *:not(i){ font-size:18px;position:relative; }
footer .container .tbl .right .informacion h2{ margin:0 0 19px; }
footer .container .tbl .right .informacion ul li + li{ margin:27px 0 0; }
footer .container .tbl .right .atencion{ padding:0 0 0 11.22%; }
footer .container .tbl .right .atencion h2{ margin:0 0 17px; }
footer .container .tbl .right .atencion ul li{ position:relative;padding:0 0 0 32px; }
footer .container .tbl .right .atencion ul li i{ position:absolute;top:0;left:0; }
footer .container .tbl .right .atencion ul li:nth-child(1) i{ top:1px; }
footer .container .tbl .right .atencion ul li:nth-child(2) i{ top:-3px; }
footer .container .tbl .right .atencion ul li:nth-child(3) i{ top:2px; }
footer .container .tbl .right .atencion ul li > *:not(i){ display:inline-block;vertical-align:middle;line-height:21px; }
footer .container .tbl .right .atencion ul li + li{ margin-top:24px; }
footer .container .tbl .right .aceptamos{ padding:0 0 0 11.54%; }
footer .container .tbl .right .aceptamos h2{ margin-bottom:19px; }
footer .container .tbl .right .aceptamos i + i{ margin-left:5px; }

@media all and (max-width:1760px){
  footer{ background-position:left -158px center; }
  footer .container .tbl .left{ width:622px; }
  footer .container .tbl .right > *{ padding-left:5% !important; }
}
@media all and (max-width:1700px){
  #portada .servicios .container > span:first-child{ left:0; }
  #portada .servicios .container > span:last-child{ right:0; }
}
@media all and (max-width:1630px){
  #demo > .container > div > img{ width:80% }
  #demo > .container > div > .right > div{ padding-left:50%; }
}
@media all and (max-width:1600px){
  header .container .tbl > div nav > ul > li:last-child > a + ul{ left:inherit;right:0; }
  #portada .servicios .container{ overflow:hidden; }
  #portada .servicios .container > span:first-child{ left:-170px; }
  #portada .servicios .container > span:last-child{ right:-170px; }
}
@media all and (max-width:1520px){
  header .container .tbl > div nav{ padding-right:0; }
}
@media all and (max-width:1500px){
  footer .container .tbl .right > *{ padding-left:0 !important; }
  footer .container .tbl .right .informacion,
  footer .container .tbl .right .atencion{ width:50%; }
  footer .container .tbl .right .aceptamos{ width:100%;padding-top:30px; }
  footer .container .tbl > div{ vertical-align:middle; }
}
@media all and (max-width:1480px){
  header .container .tbl > div nav > ul > li{ margin:0 15px; }
}
@media all and (max-width:1400px){
  #portada .caracteristicas .container .tbl > div:first-child{ width:50%; }
  #portada .caracteristicas .container .tbl > div .listado li{ min-height:inherit; }
  #portada .caracteristicas .container .tbl > div .listado li + li{ margin-top:30px; }
  #portada .caracteristicas .container .tbl > div:last-child{ padding-left:30px; }
}
@media all and (max-width:1385px) and (min-width:1051px){
  #demo > .container > div > .right > div > a{ margin-bottom:0; }
}
@media all and (max-width:1385px){
  #demo > .container > div > .right > div:last-child{ padding:12% 0 0; }
}
@media all and (max-width:1360px){
  header .container .tbl > div:first-child{ width:300px; }
  header .container .tbl > div .logo{ padding:0 15px; }
  header .container .tbl > div .logo a img{ width:100%; }
  header .container .tbl > div nav{ padding-left:20px;padding-right:20px; }
  header .container .tbl > div nav > ul{ display:flex;justify-content:space-between; }
  header .container .tbl > div nav > ul > li{ margin:0; }
  header .container .tbl > div nav > ul > li > a + ul{ top:28px; }
  #nosotros .caracteristicas .container h2{ text-align:center; }
  #portada .beneficios .cuerpo .container ul li{ width:33.33333%; }
  #nosotros .caracteristicas .container ul li{ width:50%; }
  #demo > .area-soporte .container .tbl .left p + a{ margin:50px 0 70px; }
  #demo > .area-soporte .container .tbl .left img{ margin-left:0; }
}
@media all and (max-width:1358px){
  #portada .servicios .container > ul li span{ font-size:25px; }
  #portada .servicios .container > ul li + li{ margin-left:4%; }
}
@media all and (max-width:1340px){
  footer .container .tbl .right .informacion{ width:45%; }
  footer .container .tbl .right .atencion{ width:55%; }
}
@media all and (min-width:1301px){
  #nosotros h2,
  #nosotros h2 ~ p{  padding:0 25px; }
  #nosotros .descripcion .container a{ margin-left:25px; }
}
@media all and (max-width:1250px) and (min-width:1051px){
  #demo > .area-soporte .container .tbl .left{ width:350px; }
  #demo > .area-soporte .container .tbl .left p{ text-align:left; }
  #demo > .area-soporte .container .tbl .left p + a{ font-size:25px; }
}
@media all and (max-width:1250px){
  footer{ background-position:left -10% center;-webkit-background-size:cover;background-size:cover; }
  footer .container{ padding:30px 0 0; }
  footer .container .tbl .left{ width:100%; }
  footer .container .tbl,
  footer .container .tbl > *{ display:block; }
  footer .container .tbl .left .logo{ display:block; }
  footer .container .tbl .right{ padding:40px 0 30px; }
  footer .container .tbl .right *{ text-align:center; }
  footer .container .tbl .right > div{ width:33.33333% !important; }
  footer .container .tbl .right .atencion ul{ display:inline-block; }
  footer .container .tbl .right .atencion ul *{ text-align:left; }
  footer .container .tbl .right .aceptamos{ padding-top:0; }
  footer .container .tbl .left .redes-sociales{ text-align:center;padding:20px 0 0;margin:30px 0 0; }
}
@media all and (max-width:1245px) and (min-width:771px){
  #caracteristicas .descripcion .container ul li{ width:50%; }
  #caracteristicas .descripcion .container ul li div{ width:90%; }
}
@media all and (min-width:1241px){
  .contactanos .container > div .datos{ padding-right:20px; }
}
@media all and (max-width:1240px){
  .contactanos .container > div{ padding:243px 12px 0 0; }
  .contactanos .container > div .datos{ width:100%;padding-bottom:0; }
  .contactanos .container > div .datos ul{ text-align:center; }
  .contactanos .container > div .datos ul li{ display:inline-block;text-align:left;vertical-align:top;margin-bottom:66px; }
  .contactanos .container > div .datos ul li > p span{display:block;}
  .contactanos .container > div .datos ul li > p span + span{margin-top:5px;}
  .contactanos .container > div .datos ul li > p span:nth-child(2){display:none;}
  .contactanos .container > div .datos ul li + li{ margin-left:50px;margin-top:0; }
  .contactanos .container > div form{ padding:170px 41px 75px 41px; }
  .contactanos .container > div form .form-group.w-flex .input-group:not(:nth-child(1)){ width:auto;flex:1; }
}
@media all and (min-width:1221px){
  #nosotros .descripcion .container ul li{ float:left;width:33.33333%; }
}
@media all and (max-width:1220px) and (min-width:841px){
  #nosotros .descripcion .container{ margin-bottom:18px; }
  #nosotros .descripcion .container ul li{ margin-bottom:50px; }
  #nosotros .descripcion .container ul li div{ max-width:inherit;min-height:inherit;padding-bottom:24px; }
  #nosotros .descripcion .container ul li div:after{content:"";display:block;clear:both;}
  #nosotros .descripcion .container ul li div figure{ float:left;padding:0 30px 0 0; }
  #nosotros .descripcion .container ul li div figure > *{ float:left; }
  #nosotros .descripcion .container ul li div figure i{ margin-bottom:0; }
  #nosotros .descripcion .container ul li div figure figcaption{ width:230px;padding:24px 20px 0 0; }
  #nosotros .descripcion .container ul li div figure h3{ margin-bottom:0; }
  #nosotros .descripcion .container ul li div figure h3 span{ display:inline-block; }
  #nosotros .descripcion .container ul li div p{ overflow:hidden;text-align:left; }
}
@media all and (max-width:1144px){
  #portada .caracteristicas .container .tbl > div,
  #portada .caracteristicas .container .tbl > div{ display:block;width:100% !important;text-align:center; }
  #portada .caracteristicas .container .tbl > div:last-child{ padding-left:0; }
  #portada .caracteristicas .container .tbl > div .listado{ display:inline-block;text-align:left; }
  #portada .caracteristicas .container .tbl > div .listado li{ max-width:100%; }
  #portada .caracteristicas .container .tbl > div h2{ margin-top:40px; }
}
@media all and (max-width:1190px){
  #precios .incluye .container ul li{ width:50%; }
}
@media all and (max-width:1120px){
  #portada .contamos .container .recursos img{ opacity:0.1;left:50%; }
}
@media all and (max-width:1130px){
  #precios .subtitulo{ font-size:30px;line-height:1.2; }
  #precios .descripcion .container h2{ margin-bottom:30px; }
  #precios .descripcion .container .subtitulo{ margin-bottom:40px; }
}
@media all and (max-width:1130px) and (min-width:1051px){
  #demo > .area-soporte .container .tbl .left{ padding-top:40px; }
  #demo > .area-soporte .container .tbl .left p{ margin-top:30px; }
  #demo > .area-soporte .container .tbl .left p + a{ margin:40px 0; }
}
@media all and (max-width:1110px){
  header .container .tbl > div nav > ul > li > a{ font-size:20px; }
  header .container .tbl > div nav > ul > li > a + ul{ top:21px; }
  #portada .beneficios .cuerpo .container ul li{ width:50%; }
}
@media all and (min-width:1081px){
  .listado-precios li .tbl{ margin:31px auto 91px; }
  .listado-precios li .tbl > div{ padding-left:25px;padding-right:25px;padding-bottom:38px; }
  .listado-precios li .tbl > div div{ font-size:15px;padding:4px 0 0; }
  .listado-precios li a{ margin-bottom:12px; }
}
@media all and (max-width:1080px){
  .listado-precios li{ width:100%; }
  .listado-precios li > span{ padding-bottom:30px; }
  .listado-precios li h3 span{ display:inline-block; }
  .listado-precios li h3 span + span{ margin-left:5px; }
  .listado-precios li .tbl{ margin-top:30px;margin-bottom:30px; }
  .listado-precios li .tbl > div{ padding-bottom:12px; }
}
@media all and (min-width:1051px){
  #demo > .container > div > img{ position:absolute;top:0;left:-53px; }
}
@media all and (max-width:1050px){
  #demo p{ max-width:inherit; }
  #demo > .container{ padding-bottom:0; }
  #demo > .container > div{ text-align:center;overflow:hidden; }
  #demo > .container > div > img{ position:relative;left:calc(50% + 160px);margin-right:5%;width:auto;max-width:inherit;transform:translate(-50%,0); }
  #demo > .container > div > .right{ text-align:center;padding-top:0;top:-70px; }
  #demo > .container > div > .right > div{ padding-left:0; }
  #demo > .container > div > .right > div:first-child{ display:inline-block; }
  #demo > .container > div > .right > div:last-child{ padding-top:0; }
  #demo > .container > div > .right .video{ padding-top:15%; }
  #demo > .area-soporte .container .tbl,
  #demo > .area-soporte .container .tbl > div{ display:block; }
  #demo > .area-soporte .container .tbl > div{ padding-bottom:50px; }
  #demo > .area-soporte .container .tbl .left{ width:100%;text-align:center; }
}
@media all and (max-width:1000px){
  .contactanos .container > div .datos ul li > p span,
  .contactanos .container > div .datos ul li > p span:nth-child(2){ display:inline-block; }
  .contactanos .container > div .datos ul li > p span:nth-child(2){ margin:0 5px; }
  .contactanos .container > div .datos ul li > p span + span{ margin-top:0; }
  .contactanos .container > div form{ padding-top:280px; }
}
@media all and (max-width:990px){
  #portada .servicios .container > ul li span{ font-size:20px; }
}
@media all and (max-width:978px){
  #plan .container form .datos-empresa .form-group .input-group{ flex:1; }
  #plan .container form .datos-empresa .form-group .input-group + .input-group{ margin-left:15px; }
  #plan .container form .datos-empresa .form-group input[type="text"],
  #plan .container form .datos-empresa .form-group select,
  #plan .container form .datos-empresa .form-group .archivo .uploaded-file{ width:100%; }
}
@media all and (max-width:930px){
  #nosotros .caracteristicas .container{ padding-bottom:80px; }
  #nosotros .caracteristicas .container ul li{ width:100%;min-height:inherit; }
  #nosotros .caracteristicas .container ul li + li{ margin-top:60px; }
  #nosotros .caracteristicas .container ul li div{ max-width:inherit; }
}
@media all and (min-width:901px){
  header .franja{ position:absolute;width:50%;top:0;right:0;background:#BA0D2A;height:100%; }
  header .container .tbl > div .logo{ position:absolute;text-align:center;width:100%;top:12px;left:0; }
  header .container .tbl > div .contenedor-menu-icon{ display:none; }
  header .container .tbl > div nav{ background:#BA0D2A; }
}
@media all and (max-width:900px){
  header .container .tbl{ margin:12px 0 0; }
  header .container .tbl > div{ vertical-align:middle;padding:0 15px; }
  header .container .tbl > div:first-child{ width:auto; }
  header .container .tbl > div:last-child{ text-align:right; }
  header .container .tbl > div .contenedor-menu-icon{ display:inline-block;background:#BA0D2A;padding:20px; }
  header .container .tbl > div .contenedor-menu-icon .menu-icon{ display:inline-block;vertical-align:middle; }
  header .container .tbl > div .contenedor-menu-icon + nav{ display:none; }
  header .container .tbl > div .logo{ padding:0; }
  header .container .tbl > div nav > ul{ flex-direction:column; }
  #portada .banner .container .subcontainer > img{ display:none; }
}
@media all and (max-width:845px){
  #portada .servicios .container > ul li{ display:block; }
  #portada .servicios .container > ul li span{ font-size:30px; }
  #portada .servicios .container > ul li + li{ margin-left:0; }
  footer{ background-position:left 13% center; }
  footer .container .tbl .right > div{ width:100% !important; }
  footer .container .tbl .right > .atencion{ padding:40px 0; }
}
@media all and (max-width:840px){
  #nosotros .descripcion .container ul li div h3{ min-height:inherit; }
  #nosotros .descripcion .container ul li div{ max-width:inherit;min-height:inherit;padding-top:40px;padding-bottom:40px; }
  #nosotros .descripcion .container a{ margin-left:auto;margin-right:auto; }
}
@media all and (max-width:810px){
  #plan .container form{ border-width:1px;padding-left:15px;padding-right:15px; }
  #plan .container form .pasos{ max-width:1023px; }
  #plan .container form .pasos > * .paso{ padding-left:20px;padding-right:20px; }
  #plan .container form .pasos > * .paso > span{ width:100px; }
  #plan .container form .pasos > *:first-child .paso{ padding-left:0;padding-right:20px; }
  #plan .container form .pasos > *:last-child .paso{ padding-left:20px;padding-right:0; }
  #plan .container form .form-group{ padding:0; }
  #plan .container form .form-group .input-group{ flex:1; }
  #plan .container form .form-group .input-group + .input-group{ margin-left:15px; }
  #plan .container form .form-group input[type="text"],
  #plan .container form .form-group select{ width:100% !important; }
  #plan .container form .datos-empresa .form-group{ flex-direction:column;margin-bottom:20px !important; }
  #plan .container form .datos-empresa .form-group .input-group{ width:100%; }
  #plan .container form .datos-empresa .form-group .input-group + .input-group{ margin:20px 0 0; }
}
@media all and (max-width:810px) and (min-width:501px){
  #plan .container > ul li > div{ width:140px; }
}
@media all and (min-width:801px){
  #nosotros .descripcion .container h2 ~ p{ text-align:justify; }
}
@media all and (min-width:866px){
  #caracteristicas .descripcion .container h2,
  #caracteristicas .descripcion .container h2 + p{ padding:0 25px; }
  #caracteristicas .descripcion .container ul li:last-child div{ padding-left:20px;padding-right:20px; }
}
@media all and (max-width:865px){
  #caracteristicas .descripcion .container{ padding-bottom:70px; }
  #caracteristicas .descripcion .container ul li{ width:100%;padding-bottom:10px; }
  #caracteristicas .descripcion .container ul li div{ width:100%;height:inherit;padding-bottom:50px; }
  #caracteristicas .descripcion .container ul li div h3{ min-height:inherit; }
}
@media all and (max-width:750px){
  #portada .beneficios .cuerpo .container{ padding-bottom:39px; }
  #portada .beneficios .cuerpo .container ul li{ width:100%;margin-bottom:50px; }
  #portada .beneficios .cuerpo .container ul li .tbl{ width:100%;height:auto;padding:40px 15px; }
}
@media all and (max-width:725px){
  #demo > .container{ padding-bottom:70px; }
  #demo > .container > div > img{ width:900px;left:calc(50% + 130px); }
  #demo > .container > div > .right{ top:0; }
}
@media all and (min-width:721px){
  .contactanos .container > div form .form-group.w-flex{ display:flex; }
  .contactanos .container > div form .form-group.w-flex .input-group:nth-child(1){ flex:1;margin-right:30px; }
  .contactanos .container > div form .form-group.w-flex .input-group:not(:nth-child(1)){ width:346px; }
}
@media all and (max-width:720px){
  .contactanos .container > div .datos ul{ text-align:left; }
  .contactanos .container > div .datos ul li{ display:block;text-align:left;margin-bottom:50px; }
  .contactanos .container > div .datos ul li + li{ margin-left:0; }
  .contactanos .container > div .datos ul li > p span{ display:block; }
  .contactanos .container > div .datos ul li > p span:nth-child(2){ display:none; }
  .contactanos .container > div .datos ul li > p span + span{ margin-top:10px; }
  .contactanos .container > div form{ padding-top:380px; }
  .contactanos .container > div form .form-group .input-group + .input-group{ margin-top:34px; }
}
@media all and (max-width:690px){
  .listado-precios li h3 span{ display:block; }
  .listado-precios li h3 span + span{ margin-left:0; }
}
@media all and (min-width:661px){
  .show-660{ display:none !important; }
}
@media all and (max-width:660px){
  .hide-660{ display:none !important; }
  #portada .contamos .container{ padding-bottom:50px; }
  #portada .contamos .container h2{ margin-bottom:70px; }
  #portada .contamos .container .recursos ul{ display:inline-block;float:none !important; }
  #portada .contamos .container .recursos ul li{ margin-bottom:50px !important;text-align:center; }
  #portada .contamos .container .recursos ul li span{ display:block;margin:20px 0 0; }
  #portada .contamos .container .recursos img{ top:50%;transform:translate(-50%,-50%); }
}
@media all and (max-width:645px){
  #precios .incluye .container ul li{ width:100%; }
}
@media all and (max-width:535px){
  #demo > .container > div > img{ width:800px;left:calc(50% + 120px); }
}
@media all and (max-width:510px){
  .listado-precios li h3{ font-size:20px; }
  .listado-precios li > span{ font-size:17px;padding-bottom:20px; }
  .listado-precios li .tbl > div{ padding-left:20px;padding-right:20px; }
  .listado-precios li .tbl > div span{ font-size:30px; }
}
@media all and (min-width:501px){
  #plan .container > ul li:first-child{ text-align:left; }
  #plan .container > ul li:last-child{ text-align:right; }
  #plan .container > ul li{ width:33.33333%; }
}
@media all and (max-width:500px){
  #portada .servicios .container > ul li span{ font-size:20px; }
  #portada .probar-demo .container > div{ width:100%;left:0;padding:0 15px; }
  #portada .probar-demo .container > div span{ display:block;padding-left:0;line-height:1.3; }
  #nosotros p{ font-size:20px; }
  #nosotros .descripcion .container ul li div p{ font-size:17px; }
  #nosotros .descripcion .container a{ font-size:20px; }
  #caracteristicas .descripcion .container h2,
  #caracteristicas .descripcion .container ul li div h3{ font-size:25px;line-height:30px; }
  #caracteristicas .descripcion .container h2 + p{ line-height:25px; }
  #caracteristicas .descripcion .container h2 + p,
  #caracteristicas .descripcion .container ul li div p{ font-size:17px; }
  #demo > .container > div > .right h2,
  #demo > .area-soporte .container .tbl .left h2{ font-size:25px; }
  #demo p{ font-size:17px; }
  #demo p + a{ font-size:20px;margin-top:40px; }
  #demo > .area-soporte .container .tbl .left p{ text-align:center;margin:30px 0 0; }
  #demo > .area-soporte .container .tbl .left p + a{ margin-top:30px; }
  #plan .container form{ padding-left:15px;padding-right:15px; }
  #plan .container form .pasos > * .paso{ padding-left:5px;padding-right:5px; }
  #plan .container form .pasos > *:first-child .paso{ padding-left:0;padding-right:5px; }
  #plan .container form .pasos > *:last-child .paso{ padding-left:5px;padding-right:0; }
  #plan .container form .metodo-pago .form-group{ flex-direction:column; }
  #plan .container form .metodo-pago .form-group .input-group{ width:100%; }
  #plan .container form .metodo-pago .form-group .input-group + .input-group{ margin:20px 0 0; }
  #plan .container > ul,
  #plan .container > ul li{ display:block; }
}
@media all and (max-width:490px){
  .contactanos .container > div .datos ul li > span{ font-size:20px; }
  .contactanos .container > div .datos ul li > p{ font-size:15px;margin-top:15px; }
  .contactanos .container > div form{ padding-top:300px;padding-left:15px;padding-right:15px; }
}
@media all and (max-width:455px){
  #demo > .container > div > img{ width:700px;left:calc(50% + 110px); }
}
@media all and (max-width:430px){
  #portada .beneficios .titulo .container .circulo .borde h2{ max-width:300px;margin:0 auto;right:0;top:90px; }
  #portada .banner{ padding-top:40%; }
  #portada .banner .container .subcontainer .tbl{ padding-top:20px; }
  #portada .banner .container .subcontainer .tbl > div > .span-1{ font-size:20px; }
  #portada .banner .container .subcontainer .tbl > div > .span-2{ font-size:25px;margin:15px 0; }
  #portada .banner .container .subcontainer .tbl > div > .span-3{ font-size:25px; }
  #portada .banner .container .subcontainer .tbl > div > .span-4{ font-size:20px;margin:15px 0; }
  #portada .banner .container .subcontainer .tbl > div > p{ font-size:17px; }
  #portada .banner .container .subcontainer .tbl > div > .barra{ width:25px; }
  #portada .banner .container .subcontainer .tbl > div > .barra + .barra{ margin-left:10px; }
}
@media all and (max-width:420px){
  #portada .probar-demo .container > div span{ font-size:50px; }
}
@media all and (max-width:405px){
  .contenedor-menu-icon .menu-icon{ width:35px;height:20px;margin:0; }
  .contenedor-menu-icon.active .menu-icon::before{ transform:rotate(28deg);left:3px; }
  .contenedor-menu-icon.active .menu-icon::after{ transform:rotate(-28deg);left:3px; }
  header .container .tbl > div .contenedor-menu-icon{ padding:7px; }
  header .container .tbl > div nav > ul > li > a{ font-size:17px; }
  #demo > .container > div > img{ width:600px;left:calc(50% + 90px); }
}
@media all and (max-width:405px) and (min-width:321px){
  #plan .container form .pasos:before{ top:25px; }
  #plan .container form .pasos > * .paso{ padding-left:0;padding-right:0; }
  #plan .container form .pasos > * .paso > span{ width:84px;padding-top:30px; }
  #plan .container form .pasos > * .paso > span .nro{ width:60px;height:60px; }
  #plan .container form .pasos > * .paso > span .nro span{ font-size:17px; }
  #plan .container form .pasos > * .paso > span > span:not(.nro){ font-size:17px;padding:7px 0; }
  #plan .container form .pasos > *:first-child .paso{ padding-left:0;padding-right:0; }
  #plan .container form .pasos > *:last-child .paso{ padding-left:0;padding-right:0; }
}
@media all and (max-width:380px){
  .listado-precios li{ float:none !important; }
  .listado-precios li .tbl > div span{ font-size:25px; }
}
@media all and (max-width:350px){
  #demo > .container > div > img{ width:500px;left:calc(50% + 75px); }
  #plan .container form .metodo-pago .form-group .pague-aqui div i{ display:block;margin-left:auto !important;margin-right:auto !important; }
}
@media all and (max-width:330px){
  #demo p{ text-align:left; }
  footer .container .tbl .right .informacion ul li a, footer .container .tbl .right .atencion ul li > *:not(i){ font-size:15px; }
}
@media all and (max-width:320px){
  #plan .container form .pasos,
  #plan .container form .pasos > *{ display:block;width:100%;text-align:center !important; }
  #plan .container form .pasos > * + *{ padding-top:20px; }
  #plan .container form .pasos:before{ content:inherit; }
}
@media all and (max-width:300px){
  .listado-precios li a{ display:block;width:auto; }
  .listado-precios li .tbl{ margin-left:15px;margin-right:15px; }
  .listado-precios li .tbl,
  .listado-precios li .tbl > div{ display:block; }
  .listado-precios li .tbl > div h4{ margin-bottom:20px; }
  .listado-precios li .tbl > div:first-child{ border:0;border-bottom:2px solid #E4001E;padding-bottom:30px; }
  .listado-precios li .tbl > div:last-child{ border:0;border-top:2px solid #E4001E;padding-top:30px; }
  .contactanos .container{ padding-top:10px; }
  .contactanos .container > div{ padding-top:350px; }
  .contactanos .container > div .datos{ padding-top:40px;padding-left:15px;padding-right:15px; }
  .contactanos .container > div .datos h2{ font-size:20px; }
  .contactanos .container > div .datos ul li{ padding-left:0;text-align:center; }
  .contactanos .container > div .datos ul li > i{ position:relative;top:0;margin-bottom:15px; }
  .listado li{ font-size:20px; }
  #portada .beneficios .cuerpo .container ul li .tbl > div{ font-size:20px;padding:0; }
  #portada .precios .container h2 + p{ font-size:20px; }
  #portada .probar-demo .container > div span{ font-size:40px; }
  #caracteristicas .descripcion .container ul li div{ padding-left:15px;padding-right:15px; }
  #precios h2{ font-size:20px; }
  #precios .subtitulo{ font-size:25px; }
  #precios .incluye .container ul li > div span{ font-size:17px; }
  #precios .consideraciones .container .listado li{ font-size:17px; }
  #demo p + a{ font-size:17px; }
  #plan .container form .gray-btn{ font-size:17px !important;padding-top:7px !important;padding-bottom:7px !important; }
}
@media all and (max-width:295px){
  #demo > .container > div > img{ width:400px;left:calc(50% + 70px); }
}