body, h1, h2, h3, h4, h5, h6{font-family:Nunito, sans-serif} body, p{font-size:15px} .diseno{font-size:14px;} .btn-default, .btn-primary{-webkit-transition:all .35s;-moz-transition:all .35s} .text-danger{color:red;} .btn-default.active, .btn-default:active, .btn-primary.active, .btn-primary:active, .btn-rect--dark.active, .btn-rect--dark:active, .btn-rect--default.active, .btn-rect--default:active, .btn-rect--primary.active, .btn-rect--primary:active, .btn-rect--white.active, .btn-rect--white:active, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-rect--dark, .open>.dropdown-toggle.btn-rect--default, .open>.dropdown-toggle.btn-rect--primary, .open>.dropdown-toggle.btn-rect--white{background-image:none} .newsletter-form .input-group-addon button:active, .newsletter-form .input-group-addon button:focus, section.screenshots-1 .screenshots-container .screenshot .screen-container:focus{outline:0} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxi8cqLH4MEiSE0ROcU-qHOA.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxlDMrAYtoOisqqMDW9M_Mqc.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')} @font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKfw7z.ttf) format('truetype')} @font-face{font-family:Ubuntu;font-style:normal;font-weight:500;src:local('Ubuntu Medium'), local('Ubuntu-Medium'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCv6KVjbNBYlgoCjC3jsGyI.ttf) format('truetype')} @font-face{font-family:Ubuntu;font-style:normal;font-weight:700;src:local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCv6KVjbNBYlgoCxCvjsGyI.ttf) format('truetype')} @font-face{font-family:Raleway;font-style:normal;font-weight:300;src:local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FAriS3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')} @font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/bIcY3_3JNqUVRAQQRNVteQ.ttf) format('truetype')} @font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T8y3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')} @font-face{font-family:Raleway;font-style:normal;font-weight:600;src:local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12by3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')} @font-face{font-family:Raleway;font-style:normal;font-weight:700;src:local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaIy3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')} @font-face{font-family:Nunito;font-style:normal;font-weight:300;src:local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v8/1TiHc9yag0wq3lDO9cw0vqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')} @font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v8/kpI87QY2ce-mk2ZnKb-r0g.ttf) format('truetype')} @font-face{font-family:Nunito;font-style:normal;font-weight:600;src:local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v8/NcqjkPJTQZlJIFxZdZcTe6CWcynf_cDxXwCLxiixG1c.ttf) format('truetype')} @font-face{font-family:Nunito;font-style:normal;font-weight:700;src:local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v8/TttUCfJ272GBgSKaOaD7KqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')} body{webkit-tap-highlight-color:#524e5d} #fixed {position:fixed;bottom:20px;right:0px;display: flex;flex-direction: column;z-index:2; gap:10px; padding:10px; align-items:center; color:#fff; font-size:14px;/*background:rgba(0,0,0,0.70);border-radius:5px*/} #fixed img .img-circle{width:40px;height:40px} .same-height-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap} .same-height-row::before{display:block} .same-height-row>[class*=col-]{display:flex;flex-direction:column;justify-content:center} .navbar-brand{height:40px;margin-top:5px;} body, html{height:100%;width:100%} hr{border-color:#EDEDF0;border-width:1px} .btn-default, hr.light{border-color:#fff} hr.margin-sm{margin:0 10px} hr.margin-md{margin:0 30px} hr.margin-l{margin:0 50px} .w-100{width:100%} p{line-height:1.5;margin-bottom:20px} aside{padding:50px 0} .no-padding{padding:0} .text-primary{color:#424753} .no-gutter>[class*=col-]{padding-right:0;padding-left:0} .btn-default{color:#524e5d;background-color:#fff;transition:all .35s} .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{color:#524e5d;background-color:#f2f2f2;border-color:#ededed} .btn-default .badge{color:#fff;background-color:#524e5d} .btn-primary{color:#fff;background-color:transparent;border-color:#fff;transition:all .35s} .btn-rect--default, .btn-rect--primary{-webkit-transition:all .35s;-moz-transition:all .35s} .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{color:#fff;background-color:rgba(0, 0, 0, 0);border-color:#ededed} .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{background-color:transparent;border-color:#fff} .d-flex{display:flex;} .justify-content-center{justify-content:center;} .link-azul{color:#337ab7} .link-azul:hover, .link-azul:focus, .link-azul:visited{color:#000} .no-border{border:none!important} .btn-primary .badge{color:transparent;background-color:#fff} .btn-rect{font-family:Nunito, sans-serif!important;border-radius:5px!important;text-transform:none!important;font-weight:100!important} .navbar-default, .navbar-default .nav>li.dropdown .dropdown-menu a{font-family:Raleway, sans-serif} .btn-rect.btn-xl{font-size:18px!important} .btn-rect--primary{color:#fff;background-color:transparent;border-color:#fff;transition:all .35s} .btn-rect--primary.active, .btn-rect--primary.focus, .btn-rect--primary:active, .btn-rect--primary:focus, .btn-rect--primary:hover, .open>.dropdown-toggle.btn-rect--primary{color:#fff;background-color:rgba(0, 0, 0, 0);border-color:#ededed} .btn-rect--primary.disabled, .btn-rect--primary.disabled.active, .btn-rect--primary.disabled.focus, .btn-rect--primary.disabled:active, .btn-rect--primary.disabled:focus, .btn-rect--primary.disabled:hover, .btn-rect--primary[disabled], .btn-rect--primary[disabled].active, .btn-rect--primary[disabled].focus, .btn-rect--primary[disabled]:active, .btn-rect--primary[disabled]:focus, .btn-rect--primary[disabled]:hover, fieldset[disabled] .btn-rect--primary, fieldset[disabled] .btn-rect--primary.active, fieldset[disabled] .btn-rect--primary.focus, fieldset[disabled] .btn-rect--primary:active, fieldset[disabled] .btn-rect--primary:focus, fieldset[disabled] .btn-rect--primary:hover{background-color:transparent;border-color:#fff} .btn-rect--primary .badge{color:transparent;background-color:#fff} .btn-rect--primary:hover{background-color:#fff;color:#424753} .btn-rect--default{color:#fff;background-color:#2B8BE3;border-color:#2B8BE3;transition:all .35s} .btn-rect--dark, .btn-rect--white{-webkit-transition:all .35s;-moz-transition:all .35s} .btn-rect--default.active, .btn-rect--default.focus, .btn-rect--default:active, .btn-rect--default:focus, .btn-rect--default:hover, .open>.dropdown-toggle.btn-rect--default{color:#fff;background-color:#1d7ed8;border-color:#1b79cf} .btn-rect--default.disabled, .btn-rect--default.disabled.active, .btn-rect--default.disabled.focus, .btn-rect--default.disabled:active, .btn-rect--default.disabled:focus, .btn-rect--default.disabled:hover, .btn-rect--default[disabled], .btn-rect--default[disabled].active, .btn-rect--default[disabled].focus, .btn-rect--default[disabled]:active, .btn-rect--default[disabled]:focus, .btn-rect--default[disabled]:hover, fieldset[disabled] .btn-rect--default, fieldset[disabled] .btn-rect--default.active, fieldset[disabled] .btn-rect--default.focus, fieldset[disabled] .btn-rect--default:active, fieldset[disabled] .btn-rect--default:focus, fieldset[disabled] .btn-rect--default:hover{background-color:#2B8BE3;border-color:#2B8BE3} .btn-rect--default:hover, .btn-rect--white{background-color:#fff;color:#424753} .btn-rect--default .badge{color:#2B8BE3;background-color:#fff} .btn-rect--white{border-color:#fff;transition:all .35s} .btn-rect--white.active, .btn-rect--white.focus, .btn-rect--white:active, .btn-rect--white:focus, .btn-rect--white:hover, .open>.dropdown-toggle.btn-rect--white{color:#424753;background-color:#f2f2f2;border-color:#f2f2f2} .btn-rect--white.disabled, .btn-rect--white.disabled.active, .btn-rect--white.disabled.focus, .btn-rect--white.disabled:active, .btn-rect--white.disabled:focus, .btn-rect--white.disabled:hover, .btn-rect--white[disabled], .btn-rect--white[disabled].active, .btn-rect--white[disabled].focus, .btn-rect--white[disabled]:active, .btn-rect--white[disabled]:focus, .btn-rect--white[disabled]:hover, fieldset[disabled] .btn-rect--white, fieldset[disabled] .btn-rect--white.active, fieldset[disabled] .btn-rect--white.focus, fieldset[disabled] .btn-rect--white:active, fieldset[disabled] .btn-rect--white:focus, fieldset[disabled] .btn-rect--white:hover{background-color:#fff;border-color:#fff} .btn-rect--dark, .btn-rect--white .badge, .btn-rect--white:hover{background-color:#424753;color:#fff} .btn-rect--dark{border-color:#424753;transition:all .35s} .btn-rect--dark.active, .btn-rect--dark.focus, .btn-rect--dark:active, .btn-rect--dark:focus, .btn-rect--dark:hover, .open>.dropdown-toggle.btn-rect--dark{color:#fff;background-color:#373b45;border-color:#32363f} .btn-rect--dark.disabled, .btn-rect--dark.disabled.active, .btn-rect--dark.disabled.focus, .btn-rect--dark.disabled:active, .btn-rect--dark.disabled:focus, .btn-rect--dark.disabled:hover, .btn-rect--dark[disabled], .btn-rect--dark[disabled].active, .btn-rect--dark[disabled].focus, .btn-rect--dark[disabled]:active, .btn-rect--dark[disabled]:focus, .btn-rect--dark[disabled]:hover, fieldset[disabled] .btn-rect--dark, fieldset[disabled] .btn-rect--dark.active, fieldset[disabled] .btn-rect--dark.focus, fieldset[disabled] .btn-rect--dark:active, fieldset[disabled] .btn-rect--dark:focus, fieldset[disabled] .btn-rect--dark:hover{background-color:#424753;border-color:#424753} .btn-rect--dark .badge, .btn-rect--dark:hover{background-color:#fff;color:#424753} .btn{text-transform:uppercase} .btn-xl{padding:15px 30px;font-size:16px;font-weight:bold;} .btn-default{background:#579ce0;color:#fff;border:1px solid #579ce0} .btn-default:hover, .btn-default:active:focus, .btn-default:active:hover, .btn-default:active{background:#37628d;border:1px solid #37628d;cursor:pointer;color:#fff;} ::-moz-selection{color:#fff;text-shadow:none;background:#524e5d} ::selection{color:#fff;text-shadow:none;background:#524e5d} img::selection{color:#fff;background:0 0} img::-moz-selection{color:#fff;background:0 0} .regular-text{color:#424753;font-size:16px} .regular-text.light{font-weight:100} .text-section-row{margin-bottom:50px} .text-section-row>div{padding:20px} .text-section-row>div:nth-child(1){border-right:1px solid #EDEDEF} .navbar-default{background-color:#fff;border:none;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s} .navbar-default .navbar-collapse{border:none} .navbar-default .navbar-header .navbar-brand{color:#663FB5;font-weight:700;text-transform:uppercase} .navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover{color:#51328f} .navbar-default .navbar-header .navbar-brand.navbar-brand-custom{width:100px;background-size:contain;margin-left:15px} .navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#fff;text-transform:uppercase;border:none;padding:0;background-color:transparent} .navbar-default .navbar-header .navbar-toggle img{height:30px;width:30px} .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{margin:0 1px;padding:15px;font-weight:500;font-size:16px;} .navbar-default .nav>li>a.btn, .navbar-default .nav>li>a:focus.btn{padding:10px 20px;margin:0 20px} .navbar-default .nav>li>a.btn:hover, .navbar-default .nav>li>a:focus.btn:hover{border-bottom:1px solid #fff} .navbar-default .nav>li.active>a:focus:hover:after, .navbar-default .nav>li.active>a:hover:after, .navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover{//border-bottom:2px solid rgba(255, 255, 255, 1)} .navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus{color:#663FB5!important;background-color:transparent} .navbar-default .nav>li.active>a:focus:hover, .navbar-default .nav>li.active>a:hover{background-color:transparent} .navbar-default .nav>li.dropdown .dropdown-toggle span.custom-caret{margin-left:5px;margin-top:-2px;background:url(../../img/icons/caret.svg) center no-repeat;display:inline-block;width:15px;height:10px;vertical-align:middle} header.devices-on-right .container>.row>div, header.video-on-right .container>.row>div{vertical-align:middle!important} .navbar-default .nav>li.dropdown.open .dropdown-toggle{background-color:transparent;border-bottom:2px solid rgba(255, 255, 255, 1);color:#fff} .navbar-default .nav>li.dropdown .dropdown-menu{margin-top:10px;border-radius:4px} .mt-50{margin-top:50px} @media (max-width:768px){.navbar-default .nav>li.dropdown.open .dropdown-toggle{border-bottom:none;color:#fff} .navbar-default .nav>li.dropdown .dropdown-menu{margin-top:0} } .navbar-default .nav>li.dropdown .dropdown-menu a{color:#424753;opacity:.75;font-weight:600;text-transform:uppercase;padding:5px 20px;font-size:12px} @media (max-width:768px){.navbar-default .nav>li.dropdown .dropdown-menu a{border-bottom:none;color:#fff;padding:10px 20px} } @media (min-width:768px){.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover, .navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover{color:#fff} .navbar-default.affix.navbar-light .navbar-nav>li.active>a:focus:hover:after, .navbar-default.affix.navbar-light .navbar-nav>li.active>a:hover:after, .navbar-default.affix.navbar-light .navbar-nav>li>a:focus:hover, .navbar-default.affix.navbar-light .navbar-nav>li>a:hover{color:#022c55;} .navbar-default{padding:30px 0 10px;background-color:transparent} .navbar-default .navbar-header .navbar-brand.navbar-brand-custom{margin-left:0;} .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{padding-bottom:5px} .navbar-default.affix{padding-top:10px;background-color:#fff} .navbar-default.affix.navbar-light{background-color:#fff;box-shadow:0 0 1px grey} .navbar-default.affix.navbar-light .navbar-brand-custom{background:url(../img/faro.svg) center no-repeat;background-size:contain} .navbar-default.affix.navbar-light .navbar-nav>li.dropdown span.custom-caret{background:url(../../img/icons/caret-dark.svg) center no-repeat} .navbar-default.affix.navbar-light .navbar-nav>li.dropdown.open .dropdown-toggle{border-bottom:1px solid rgba(0, 0, 0, .2);color:#fff} .navbar-default.affix.navbar-light .navbar-nav>li>a, .navbar-default.affix.navbar-light .navbar-nav>li>a:focus{color:#000} .navbar-default.affix.navbar-light .navbar-nav>li.active>a, .navbar-default.affix.navbar-light .navbar-nav>li.active>a:focus{color:#424753!important;background-color:transparent} .navbar-default.affix.navbar-light .navbar-nav>li.active>a:focus:hover, .navbar-default.affix.navbar-light .navbar-nav>li.active>a:hover{background-color:transparent} } header.general__image-gradient{position:relative;width:100%;min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url(../img/header.png);text-align:center;color:#fff} header.general__image-gradient .header-mask{background:#663FB5;background:-webkit-linear-gradient(left bottom, #663FB5, #2B8BE3);background:-o-linear-gradient(bottom top, #663FB5, #2B8BE3);background:-moz-linear-gradient(bottom top, #663FB5, #2B8BE3);background:linear-gradient(to bottom top, #663FB5, #2B8BE3);opacity:.8;width:100%;height:100%} header.mobile-on-right, header.mobile-on-right-small{background:#663FB5;overflow-y:hidden;color:#fff} @media (min-width:768px){header.general__image-gradient .header-mask{position:absolute} } header.general__image-gradient .header-content{position:relative;text-align:center;padding:100px 15px;width:100%} header.general__image-gradient .header-content .header-content-inner h1{margin-top:0;margin-bottom:0;font-size:30px;font-weight:400} header.general__image-gradient .header-content .header-content-inner hr{width:100px;margin:30px auto} header.general__image-gradient .header-content .header-content-inner p{font-weight:300;font-size:16px;margin-bottom:50px} @media (min-width:768px){header.general__image-gradient{min-height:600px;height:100%} header.general__image-gradient .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px} header.general__image-gradient .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto} header.general__image-gradient .header-content .header-content-inner h1{font-size:50px} header.general__image-gradient .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto} } header.mobile-on-right{position:relative;width:100%;min-height:auto;background:-webkit-linear-gradient(to left, #663FB5, #2B8BE3);background:linear-gradient(to left, #663FB5, #2B8BE3)} header.mobile-on-right .header-content{text-align:center;padding:150px 0 50px;position:relative;width:100%} header.mobile-on-right .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto} header.mobile-on-right .header-content .header-content-inner h1{font-family:Raleway, sans-serif;font-weight:100;margin-top:0;margin-bottom:30px;font-size:30px} header.mobile-on-right .header-content .header-content-inner .list-badges{margin-bottom:25px} header.mobile-on-right .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px} header.mobile-on-right .device-container{max-width:300px;margin:0 auto 100px} header.mobile-on-right .device-container .screen img{width:100%;border-radius:3px} @media (min-width:768px){header.mobile-on-right{min-height:100%} header.mobile-on-right .header-content{text-align:left;padding:0;height:100vh} header.mobile-on-right .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)} header.mobile-on-right .header-content .header-content-inner h1{font-size:35px} header.mobile-on-right .device-container{max-width:none;max-height:calc(0vh);margin:100px auto 0} } @media (min-width:992px){header.mobile-on-right .header-content .header-content-inner h1{font-size:50px} } header.mobile-on-right-small{position:relative;width:100%;min-height:auto;background:-webkit-linear-gradient(to left, #663FB5, #2B8BE3);background:linear-gradient(to left, #663FB5, #2B8BE3)} header.bottom-laptop, header.devices-on-right{background:#663FB5} header.mobile-on-right-small .header-content{text-align:center;padding:150px 0 50px;position:relative;width:100%} header.mobile-on-right-small .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto} header.mobile-on-right-small .header-content .header-content-inner h1{font-family:Nunito, sans-serif;font-weight:100;margin-top:0;margin-bottom:30px;font-size:30px;} header.mobile-on-right-small .header-content .header-content-inner .list-badges{margin-bottom:25px} header.mobile-on-right-small .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px} header.mobile-on-right-small .image-container img{max-width:100%;max-height:500px;margin-bottom:30px} @media (min-width:768px){header.mobile-on-right-small{min-height:100%} header.mobile-on-right-small .header-content{text-align:left;padding:0;height:100vh;min-height:600px} header.mobile-on-right-small .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)} header.mobile-on-right-small .header-content .header-content-inner h1{font-size:35px} header.mobile-on-right-small .image-container img{margin:100px auto 0} } @media (min-width:992px){header.mobile-on-right-small .header-content .header-content-inner h1{font-size:50px} } header.devices-on-right{position:relative;width:100%;min-height:auto;overflow-y:hidden;background:-webkit-linear-gradient(to left, #663FB5, #2B8BE3);background:linear-gradient(to left, #663FB5, #2B8BE3);color:#fff} @media (max-width:768px){header.devices-on-right{padding-bottom:30px} header .header-content-inner .faro svg{width:100%;height:auto;} } header.devices-on-right .container>.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap} header.devices-on-right .container>.row::before{display:block} header.devices-on-right .container>.row>[class*=col-]{display:flex;flex-direction:column;justify-content:center} header.devices-on-right .header-content{text-align:center;padding:150px 0 50px;position:relative;width:100%} header.devices-on-right .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto} header.devices-on-right .header-content .header-content-inner h1{font-family:Nunito, sans-serif;font-weight:100;margin-top:0;margin-bottom:10px;font-size:30px} header.devices-on-right .header-content .header-content-inner p{font-size:18px;} header.devices-on-right .devices-container img{width:100%} header.bottom-laptop, header.video-on-right{min-height:auto;color:#fff;width:100%;overflow-y:hidden} @media (min-width:992px){ header.devices-on-right .header-content .header-content-inner h1{font-size:50px} .diseno{font-size:20px;} } header.bottom-laptop{position:relative;background:url('../img/bg-cover.jpg') top center;background-size:cover;height:70vh} header.bottom-laptop .header-content{text-align:center;padding:185px 0 50px;position:relative;width:100%} header.bottom-laptop .header-content .header-content-inner{position:relative;margin:0 auto} header.bottom-laptop .header-content .header-content-inner h1{font-size:16px;font-weight:700;margin-top:10px;} header.bottom-laptop .header-content .header-content-inner p{margin:30px 20px 30px 20px;font-size:16px;} header.bottom-laptop img{width:100%} @media (min-width:992px){header.bottom-laptop .header-content .header-content-inner h1{margin:0;font-size:38.5px;} } header.video-on-right{position:relative;background:#663FB5;background:-webkit-linear-gradient(to left, #663FB5, #2B8BE3);background:linear-gradient(to left, #663FB5, #2B8BE3)} @media (max-width:768px){header.video-on-right{padding-bottom:30px} section.bordered{border-top:1px solid rgba(31, 45, 61, .3);border-bottom:1px solid rgba(31, 45, 61, .3)} } @media (min-width:768px){header.devices-on-right{min-height:90%} header.devices-on-right .header-content{text-align:left;padding:0;height:100vh;min-height:600px} header.devices-on-right .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)} header.devices-on-right .header-content .header-content-inner h1{font-size:35px} header.bottom-laptop .header-content{} } @media (min-width:768px) and (max-width:1536px){ header.bottom-laptop{display:flex;} header.bottom-laptop .header-content{ height: Calc(100% - 40px); padding: 0; display: flex; align-items: end; justify-content: center; } header.bottom-laptop{height:78vh} } header.video-on-right .container>.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap} header.video-on-right .container>.row::before{display:block} header.video-on-right .container>.row>[class*=col-]{display:flex;flex-direction:column;justify-content:center} header.video-on-right .header-content{text-align:center;padding:150px 0 50px;position:relative;width:100%} header.video-on-right .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto} header.video-on-right .header-content .header-content-inner h1{font-family:Nunito, sans-serif;font-weight:100;margin-top:0;margin-bottom:30px;font-size:30px} section .section-body, section .section-heading{font-family:Raleway, sans-serif} @media (min-width:768px){header.video-on-right{min-height:90%} header.video-on-right .header-content{text-align:left;padding:0;height:90vh;min-height:600px} header.video-on-right .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)} header.video-on-right .header-content .header-content-inner h1{font-size:35px} section.bordered{box-shadow:0 0 1px 0 rgba(31, 45, 61, .3)} } section{padding:60px 0;overflow:hidden;} section.no-bottom-padding{padding-bottom:0} section.bg-gray{background-color:#F4F5F7} section .section-heading{font-weight:300;margin-top:0;text-align:center;color:#424753;overflow:hidden;} section .section-heading.align-left{text-align:left} section .section-heading.dark{color:#424753} section .section-heading p.light-gray, section .section-heading.light-gray{color:#8492a6} section .section-heading.margins{margin:30px 0} @media (max-width:768px){section .section-heading{padding:0 20px} section .section-heading p{padding:0 10px} } .features .feature .media .media-left, .functionality .media .media-left{padding:0;text-align:center} section .section-body{text-align:center} section .section-body.dark{color:#424753} section .section-body.light-gray{color:#8492a6} section .section-image-container{width:70%;margin-right:auto;margin-left:auto} section .section-image-container .section-image{width:100%} @media (max-width:340px){.features{overflow:hidden} } .features .feature{margin-top:60px} .features .feature:nth-child(1), .features .feature:nth-child(2), .features .feature:nth-child(3){margin-top:35px} @media (max-width:991px){.features .feature:nth-child(3){margin-top:60px} } @media (max-width:767px){.features .feature:nth-child(3){margin-top:35px} .features .feature{min-height:auto;margin-top:35px} } .features .feature .media .media-left span{display:block;width:70px;font-size:36px} .features .feature .media .media-left span .fa{color:#ECF0F3} .features .feature .media .media-top{display:block;text-align:center;margin-bottom:20px} .features .feature .media .media-body h4{margin:0 0 6px;font-weight:600} .features .feature .media .media-body p{margin:0;font-weight:300} .features.features-top .media{text-align:center} .functionality img{max-width:100%;display:inline-block} @media (max-width:991px){.functionality img{margin-top:50%} } @media (max-width:767px){.functionality img{margin:40px 0} } .functionality .media{margin-top:78px} @media (max-width:1199px){.functionality .media{margin-top:50px} } @media (max-width:767px){.functionality .media{margin-top:40px} } .functionality .media+.media{margin-top:65px} @media (max-width:1199px){.functionality .media+.media{margin-top:40px} } .functionality .media .media-left span{display:block;width:70px;font-size:32px} .functionality .media .media-left span .fa{color:#2B8BE3} .functionality .media .media-body h4{margin:0 0 6px;font-weight:600} .functionality .media .media-body p{margin:0;font-weight:300} .blog-row h2{margin-bottom:40px} .cards-row>div{padding:0;height:300px} .cards-row .img-row img{width:100%;height:100%;object-fit:cover} .cards-row .dark-bg-row{background-color:#312F38} .cards-row .dark-bg-row .label{padding:5px 10px;border-radius:20px;background-color:#4788D0;font-weight:100} .cards-row .dark-bg-row h5{font-size:18px;color:#fff} .cards-row .dark-bg-row .card-container{height:100%;display:flex;align-items:center;justify-content:center} .cards-row .dark-bg-row .card-container .article-meta{display:flex;flex-direction:column;align-items:flex-start;padding:0 50px} .cards-row .dark-bg-row .card-container .article-meta .meta span{color:#fff;opacity:.6;font-size:12px;margin-right:10px} section.partners{min-height:80px;height:10vh;overflow-x:hidden;overflow-y:hidden;box-shadow:0 0 1px 0 rgba(31, 45, 61, .3)} .contact-default .contact-form .textarea, .contact-with-map .contact-form .textarea{min-height:220px;resize:none} section.screenshots-1 .screenshots-container .screenshot .screen-container img, section.split-feature-1 .row .image-section video{height:100%;width:100%} @media (max-width:768px){section .partners{overflow-x:scroll} } section .partners{width:1170px;display:flex;justify-content:space-between;align-items:center;height:100%} section .partner-single{width:12.5%;margin:0 20px} section .partners .partner-single>img{max-width:100%} section.split-feature-1{overflow:hidden} section.split-feature-1 .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:20px 0} section.split-feature-1 .row::before{display:block} section.split-feature-1 .row>[class*=col-]{display:flex;flex-direction:column;justify-content:center} section.split-feature-1 .row .description-section{vertical-align:middle} section.split-feature-1 .row .description-section .description-header{font-weight:400;text-align:center} @media (min-height:768px){section.split-feature-1 .row{margin-top:100px} section.split-feature-1 .row .description-section .description-header{text-align:start} } section.split-feature-1 .row .description-section .description-text{font-size:18px;color:#8492a6;text-align:center;font-weight:100} section.split-feature-1 .row .description-section .icons-section{display:flex;flex-wrap:wrap;justify-content:center} section.split-feature-1 .row .description-section .icons-section svg, section.split-feature-1 .row .description-section .icons-section>img{margin:0 5px;display:inline-block;max-width:60px;max-height:60px} section.split-feature-1 .row .image-section{margin:20px -30px 0} section.split-feature-1 .row .image-section.keep-margins{margin:0} @media (max-width:768px){section.split-feature-1 .row .image-section.video-section{width:100%} } @media (min-height:768px){section.split-feature-1 .row .description-section .description-text{text-align:start} section.split-feature-1 .row .description-section .icons-section{justify-content:flex-start} section.split-feature-1 .row .image-section{margin:0} } section.split-feature-1 .row .image-section img{width:100%} section.screenshots-1 .screenshots-container .screenshot{margin-top:50px} @media (min-width:768px){section.split-feature-1{padding-bottom:100px} section.screenshots-1 .screenshots-container .screenshot{margin-top:30px} } section.screenshots-1 .screenshots-container .screenshot .screen-container{box-shadow:0 0 3px #424753} section.screenshots-1 .screenshots-container .screenshot .screen-container:hover{transform:scale(1.01);box-shadow:0 0 5px #424753;cursor:pointer} section.screenshots-1 .screenshots-container .screenshot .screen-description{margin-top:20px;text-align:center;padding:0 10px;font-size:18px} .video-1 .video-js{font-size:10px;color:#fff} .video-1 .video-js .vjs-poster{background-repeat:inherit} .video-1 .vjs-default-skin .vjs-big-play-button{font-size:3em;background-color:#fff!important;line-height:2em;height:2em;width:2em;border:.06666em solid #fff;border-radius:1em;left:50%;top:50%;margin-left:-1em;margin-top:-1em} .video-1 .vjs-default-skin .vjs-big-play-button:before{color:#8492a6} .video-1 .video-js .vjs-big-play-button, .video-1 .video-js .vjs-control-bar, .video-1 .video-js .vjs-menu-button .vjs-menu-content{background-color:#424753;opacity:.7} .video-1 .video-js .vjs-slider{background-color:#949aaa;opacity:.7} .video-1 .video-js .vjs-play-progress, .video-1 .video-js .vjs-slider-bar, .video-1 .video-js .vjs-volume-level{background:#fff} .video-1 .video-js .vjs-load-progress{background:#dbdde2;opacity:.5} .video-1 .video-js .vjs-load-progress div{background:#fff;opacity:.75} section.two-features .one-feature img{width:200px} section.two-features .one-feature h2{margin:30px 0} section.two-features .one-feature .body-text{padding:0 50px;text-align:justify;color:#8492a6} .newsletter-form p, .splash, .splash h1, .team__member{text-align:center} section h2{margin-bottom:30px} .contact-default .info-meta h3, .splash h1, .split-fullscreen .content-section h3, .split-fullscreen .content-section h4{font-family:Nunito, sans-serif} .fa-ul{margin-left:1em;} @media (max-width:768px){section.split-product .product-image{float:left;width:100%} section.split-product img{max-width:200px} section.split-product .product-features{float:left} section.split-product .product-features .section-header{padding:0 20px} section.split-product .product-features ul li{font-size:16px} } section.split-product .product-features ul li+li{margin-top:22px} section.reviews{padding:0 0 50px} section.reviews .review{padding:13px 15px 20px;text-align:center} @media (max-width:767px){section.reviews .review+.review{margin-top:30px} } section.reviews .review .review-sign{margin-bottom:20px} section.reviews .review p{margin-bottom:30px} section.reviews .review .reviewer{opacity:.5} .newsletter-form{margin:0 auto;max-width:550px} @media (max-width:479px){.newsletter-form .input-group{display:block;height:100px} .newsletter-form .form-control{display:block;width:100%} } .newsletter-form .form-control{font-size:19px;height:50px;line-height:50px;padding:0 38px} .newsletter-form .form-control::-moz-placeholder{line-height:50px} .newsletter-form .form-control:-ms-input-placeholder{line-height:50px} .newsletter-form .form-control::-webkit-input-placeholder{line-height:50px} .newsletter-form .input-group-addon{padding:0;border:none} @media (max-width:479px){.newsletter-form .input-group-addon{display:block;width:100%;white-space:normal;float:left;margin-top:-1px} } .newsletter-form .input-group-addon button{width:130px;line-height:50px;padding:0;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#663FB5;color:#fff} @media (max-width:479px){.newsletter-form .input-group-addon button{width:100%;border-radius:0} } .newsletter-form p{margin:22px 0 0;font-size:10px;color:#8492a6} .contact-default .contact-form, .contact-with-map .contact-form{margin-top:15px} .contact-with-map .contact-container{padding:50px 50px 50px 0} @media (max-width:768px){.contact-with-map .contact-container{padding:50px 15px;width:100%} } .contact-with-map .form-control{box-shadow:none;border-color:#eee;height:49px} .contact-with-map .form-control:focus{box-shadow:none;border-color:#663FB5} .contact-with-map .form-control-feedback{line-height:50px;top:0} .contact-with-map .map-column{padding:0;position:relative} @media (max-width:768px){.contact-with-map .map-column{height:250px;width:100%} } .contact-with-map .map-column .map-container{position:absolute;top:0;left:0;width:100%;height:100%} .contact-default .info-meta h3{color:#424753} .contact-default .form-control{box-shadow:none;border-color:#eee;height:49px} .contact-default .form-control:focus{box-shadow:none;border-color:#579ce0} .contact-default .form-control-feedback{line-height:50px;top:0} .contact-default .map-column{padding:0;position:relative} @media (max-width:768px){.contact-default .map-column{height:250px;width:100%} } .contact-default .map-column .map-container{position:absolute;top:0;left:0;width:100%;height:100%} .splash h1{color:#fff} .splash .btn{margin-top:20px} .splash--default{background-color:#2B8BE3} .splash--primary{background-color:#663FB5} .splash--gray{background-color:#424753} .splash--light{background-color:#fff} .splash--light h1{color:#424753} .split-fullscreen{position:relative} .split-fullscreen .drop-margins .row{margin:0} .split-fullscreen .drop-margins .row>div{padding:0} .split-fullscreen .content-section{padding:5% 0} @media (max-width:768px){.split-fullscreen .content-section{margin-top:80px} .galeria-modal .close{margin-top:-20px;} .galeria-modal h3{font-size:18px; margin-top: 40px;} #nosotros img{max-width:250px;max-height:250px;} #servicios h3{text-align:center;} .fa-ul{margin-left:1em;} #servicios .advanced-feature-img-right{padding:0 0 30px 0;} #servicios .advanced-feature-img-left{padding:10px 0 0 0;} } .footer .bottom-row p, .footer--light .bottom-row p{font-family:'Open Sans', sans-serif} .split-fullscreen .content-section h4{margin:20px 0} .split-fullscreen .image-section img{width:100%} .team{padding:93px 0 80px} .team__members{padding-top:5px} .team__member{padding:15px} .team__member .content{max-width:260px;margin:0 auto;padding:30px} .team__member .content .image img{max-width:100%} .team__member .content .texts{padding:24px 0 20px} .team__member .content .texts h4{margin:0 0 10px} .team__member .content .texts h5{margin:0} .mobile-download{padding:70px 0} .mobile-download .mobile-col-border{border-right:1px solid #fff} @media (min-width:795px){.mobile-download .mobile-col-border{border-right:1px solid #eee} } .mobile-download .mobile-icon{margin-top:20px;font-size:75px} .mobile-download .text-download{padding:20px 0;font-weight:500;line-height:1.4} .mobile-download .btn-primary{color:#000;width:250px;height:60px;font-weight:700} .footer{background:#424753;padding:30px 0 0} .footer a, .footer h5{color:#fff} .footer address, .footer address *{color:#8492a6} .footer h5{font-weight:600} .footer ul>li{padding:5px 0} .footer ul>li a{color:#8492a6;font-weight:100} .footer .bottom-row p{color:#8492a6} .footer--light{background:#fff} .footer--light .bottom-row p, .footer--light h5{color:#424753} #spinner{z-index:99999;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#424753;display:flex;align-items:center;justify-content:center} .sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)} .sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} .sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)} .sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)} .sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)} .sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s} .sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s} .sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s} @-webkit-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0} 25%, 75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1} 100%, 90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0} } @keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0} 25%, 75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1} 100%, 90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0} } .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;} .galeria-modal .modal-dialog{max-width:1000px;height:90%;margin:0 auto;} .galeria-modal .modal-content{min-height:100%;padding:0px 0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;} .galeria-modal .modal-content h2{font-size:2em;margin-bottom:15px;} .galeria-modal .modal-content p{margin-bottom:10px;} .galeria-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:10px 0 0px;font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .galeria-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px;} .galeria-modal .modal-content button{cursor:pointer;} .galeria-modal .close-modal{position:absolute;top:25px;right:65px;width:30px;height:30px;cursor:pointer;background-color:transparent;} .galeria-modal .close-modal:hover{opacity:0.3;} .galeria-modal .close-modal .lr{z-index:1051;width:1px;height:30px;margin-left:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#222222;} .galeria-modal .close-modal .lr .rl{z-index:1052;width:1px;height:30px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#222222;} .modal-body{padding:30px 15px;} .galeria-modal .modal-backdrop{display:none;opacity:0;} .modal-dialog{background:#fff;} a[aria-expanded="true"] i { transform: rotate(180deg); } #proyectos-iconos li a{border-radius: 4px;border:1px solid #337ab7;} #proyectos-iconos li a:hover{background:#337ab7;color:#fff;} #proyectos-iconos li.active img, #proyectos-iconos li a:hover img{filter:invert(1)} #proyectos-iconos.nav-pills>li+li { margin-left: 4px; } @media (max-width:768px){ .navbar-default .navbar-header .navbar-brand.navbar-brand-custom{ background: url(../img/faro.svg) center no-repeat; background-size: contain; margin-left: 5px; } .mt-50{margin-top:0} .proy .section-heading h2, .proy .section-heading .h2{margin-bottom:30px!important;} #proyectos-iconos{display:flex;margin-bottom:40px;} #proyectos-iconos li{width:33%;text-align:center;line-height:10px;} #proyectos-iconos li img {width:50px; display:block;margin:0 auto;} #proyectos-iconos li a{border-radius: 4px;border:1px solid #337ab7;font-size:10px;height: 78px;padding:0} } @media (min-width:768px){ .custom-list{min-height:179px} .modal-open .modal{margin:4vh 10vw;} .modal-content, .modal-dialog{width:auto;} .galeria-caption{height:110px} .navbar-default .navbar-nav>li>a{color:#fff} .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff} #contacto .contact{padding:10px 0;} #servicios .features-row{padding:60px 0 30px 0;} #proyectos-iconos {display:flex; margin-bottom:30px; justify-content:center;} #proyectos-iconos li{width:33%;text-align:center;text-transform:uppercase;} #proyectos-iconos li img {display:block; width:100px;margin:10px auto;} #proyectos-iconos.nav-pills>li+li { margin-left: 2%; } #proyectos-iconos li a{font-size:13px} } .navbar-default.affix.navbar-light .navbar-nav>li.active>a{color:#579ce0!important} .galeria-modal .close{position:absolute;top:20px;right:20px;padding:20px;background-color:transparent;} .galeria-hover{position:absolute;width:100%;height:100%;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;transition:all ease 0.5s;opacity:0;background:rgba(67, 135, 207, 0.8);} .galeria-hover:hover{opacity:1;} .galeria-content{height:100%;background-color:white;-webkit-box-shadow:0px 2px 5px 0px rgba(189,189,189,1);-moz-box-shadow:0px 2px 5px 0px rgba(189,189,189,1);box-shadow:0px 2px 5px 0px rgba(189,189,189,1);} .galeria-link{position:relative;display:block;margin:0 auto;cursor:pointer;} .galeria-caption{margin:0 auto;padding:10px;text-align:center;border-top:1px solid #ccc;} .galeria-caption h4{font-weight:bold;} .galeria-hover-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:white;} .galeria-hover-content i{margin-top:-12px;} .galeria-item{margin-bottom:40px;} .galeria-item p{ margin-bottom: 0px; line-height: 1; font-size: 14px; margin-top: 5px; } .mx-auto{margin-left:auto!important;margin-right:auto!important;float:none;} .split-fullscreen .drop-margins .row{overflow:hidden} .img-responsive{width:100%} #nosotros{overflow:hidden;} #nosotros .fa-whatsapp{font-size:22px;} #nosotros li:last-child a{font-family:arial,sans-serif;} #nosotros a:hover, #nosotros a:focus, #contacto a:hover, #contacto a:focus{color:#000} #nosotros h4{position:relative;} #nosotros h4::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:-9px;left:calc(50% - 60px);} #nosotros h4::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#579ce0;bottom:-10px;left:calc(50% - 20px);} #nosotros ul{margin-top:5px;} #nosotros ul li{/*line-height:24px;*/font-size:15px} .section-heading h2::before, .section-heading .h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);} .section-heading h2, .section-heading .h2{position:relative;padding-bottom:10px;margin-bottom:30px} .section-heading h2::after, .section-heading .h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#579ce0;bottom:0;left:calc(50% - 20px);} .carousel{max-width:1200px;margin:0 auto;} .carousel-control.right, .carousel-control.left{background:none!important;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{color:#000;text-shadow: 0 1px 2px rgb(255 255 255 / 60%);} #servicios{overflow:hidden;} .section-bg{background:#eff5f5;} .section-white{background:#fff;} #servicios .advanced-feature-img-right{max-width:100%;float:right;padding:0 0 30px 30px;} #servicios .advanced-feature-img-left{max-width:100%;float:left;padding:0 30px 30px 0;} #servicios h3{margin-bottom:15px; font-size:22px; margin-top:0; line-height:120%;color:#006090;font-weight:bold} #servicios ul.custom-list li{margin-bottom:10px;display:flex; gap:10px} .entregable .panel-body ul{padding-inline-start:0em} .mr-5{margin-right:5px} .servicios-card .btn-default{letter-spacing:0.2px; padding:10px } .servicios-card .panel-default>.panel-heading{padding:0} .servicios-card .panel-title>a{padding:10px;display:block;text-align:center} .servicios-card .panel-title>a:hover{background:#e9f4ff; text-decoration:none!important;} .servicios-card .panel-title>a:focus{text-decoration:none!important;} .servicios-card .entregable .panel-body {min-height:210px; display:flex; flex-direction:column;} .servicios-card .entregable .btn-blue{ background: #022c55; margin: 0 auto; padding: 5px 10px; border-radius: 5px; font-size: 13px; color: white; } .servicios-card .entregable .btn-blue:hover{ background: #021b33; text-decoration:none!important; color: white; } .entregable li{list-style:none; display:flex; gap:5px} .entregable li:before { width: 15px; height: 12px; background: red; background: url(https://faroingenieria.com/img/lista.png) no-repeat; display: inline-block; content: ""; background-size: contain; } .servicios-card .panel-body a{margin-top:auto;} .panel-body .btn-default{margin-bottom:10px} .panel-body .panel-group{margin-bottom:0} .panel-body li{font-size:14px;line-height:16px;margin-bottom:10px} .fa-fw{width:0.89em;} #servicios ul li i{font-size:14px;padding-right:10px;color:#579ce0;} #contacto .details .contact i{display:table-cell;font-size:30px;color:#579ce0;padding-right:10px;} #contacto .details .contact > div{display:table-cell;} #message{height:200px;margin-bottom:20px;} .panel-title {font-size:15px} #mainNav .navbar-collapse.collapse.in { min-height: 380px; } @media (max-width: 767px) { #desktop { flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; display: flex; } #desktop h3{font-size:20px} #desktop span{display:block} #desktop .h4{font-size:16px} #contacto .details {display:flex; align-items:center;text-align:center; justify-content:center;} #contacto .details .contact i{display:block;} #contacto h3{margin-top:10px} .servicios-card{margin-bottom:20px} .medios-carousel.owl-carousel .h4{font-size:14px} } /*.clientes-carousel img{filter:grayscale(1);background:#fff}*/ .medios-carousel.owl-carousel { position: relative; } .medios-carousel.owl-carousel .owl-nav .owl-prev, .medios-carousel.owl-carousel .owl-nav .owl-next { position: absolute; top: 40%; font-size:2em; transform: translateY(-50%); /* Vertically center */ /* Add any other styling, e.g., */ /* color: #fff; */ /* background: rgba(0,0,0,0.5); */ /* width: 40px; */ /* height: 40px; */ /* border-radius: 50%; */ } .medios-carousel.owl-carousel .owl-nav .owl-prev { left: -30px; /* Adjust as needed */ } .medios-carousel.owl-carousel .owl-nav .owl-next { right: -30px; /* Adjust as needed */ } .medios-carousel.owl-carousel .owl-nav.disabled{display:block!important} .demo-gallery > ul { margin-bottom: 0; } .demo-gallery > ul > li { margin-bottom: 15px; } .demo-gallery > ul > li a { border: 3px solid #fff; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; } .demo-gallery > ul > li a > img { transition: transform 0.15s ease 0s; transform: scale3d(1, 1, 1); width: 100%; } .demo-gallery > ul > li a:hover > img { transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background-color 0.15s ease 0s; } .demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; transition: opacity 0.3s ease 0s; } .demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .justified-gallery{height:250px!important} .justified-gallery>a>.caption, .justified-gallery>div>.caption{display:none!important} .demo-gallery .justified-gallery > a > img { transition: transform 0.15s ease 0s; transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery .justified-gallery > a:hover > img { transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background-color 0.15s ease 0s; } .demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; transition: opacity 0.3s ease 0s; } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(67, 135, 207, 0.8); } .demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-gallery.dark > ul > li a { border: 3px solid #041d1f; } .home .demo-gallery { padding-bottom: 80px; } #aniimated-thumbnials .demo-gallery a { width: 190px; height: 132px; } @media(min-width:768px) and (max-width:1023px){ li.flex-fill {width: 33.3%;} .nav-tabs img{display:block;} li.flex-fill a{display:flex;align-items: center;justify-content: center; flex-direction:column;} li.flex-fill span{width:78%; } } @media(min-width:1024px){ li.flex-fill a{display:flex;align-items: center;justify-content: center; gap:10px} li.flex-fill {width: 33.3%;} li.flex-fill span{/*width:50%;*/ display:flex; flex-direction:column; text-align: left;} .nav>li>a{display: flex;align-items: center;justify-content: center;} } @media(min-width:1200px){ .servicios-card .entregable .btn-blue{margin-top:auto;} .down{display:block;} } .down-all{display:block;}