.fases-page{padding-bottom:200px} .fases-page .but{background:#854700;box-shadow:inset 0 50px #f80;color:#fff} .fases-page #fixed-load-box{background-color:rgba(255,255,255,.8)} .fases-page .consultantName{position:absolute;bottom:24px;left:calc((100vw - 1176px)/ 2);text-align:right;padding:12px 16px 12px 56px;z-index:2;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%)} .fases-page .consultantName h3{font-size:16px;line-height:1.4} .fases-page svg{display:block!important} .fases-page header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/what-is-erp/erp-software-long-page.webp)} .nowebp .fases-page header .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/what-is-erp/erp-software-long-page.jpg)} .fases-page header .intro p{max-width:none} .fases-page .intro .index-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:296px} .fases-page .intro .intro-text{width:50%} .fases-page .intro .intro-text h2{font-size:32px;line-height:1.4;font-family:Georgia,serf;font-weight:700;font-style:italic;padding-right:40px;color:#7d8b90;position:relative} .fases-page .intro .intro-text .arrow{display:block!important;width:104px;position:absolute;bottom:-40px;right:40px} .fases-page .intro .intro-text .arrow .st0{fill:#d8e2e6} .fases-page .intro .index{width:50%;padding:56px 56px 40px 56px;background:#fff} .fases-page .intro .index h2{margin-bottom:12px} .fases-page .intro .index ol{margin:16px 0 0 0;list-style:none;counter-reset:index;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(8,1fr);grid-auto-flow:column} .fases-page .intro .index ol li{counter-increment:index;position:relative;padding:8px 0 8px 24px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fases-page .intro .index ol li::before{content:counter(index) ")";position:absolute;left:0} .fases-page .nav{background:#fff;position:fixed;top:-64px;left:0;width:100%;height:64px;z-index:30;box-shadow:0 0 10px rgba(50,71,90,.1);overflow:hidden;transition:top .4s;-webkit-transition:top .4s;-o-transition:top .4s;-ms-transition:top .4s;-ms-transition:top .4s} .fases-page .nav.show{top:0} .fases-page .nav .scroll{position:absolute;top:0;left:0;width:100%;height:calc(100% + 18px);overflow-x:scroll} .fases-page .nav ol{counter-reset:index;list-style:none;white-space:nowrap;position:relative} .fases-page .nav ol li{color:#9cacb8;display:inline-block;font-weight:700;width:200px;height:64px;padding:0 0 16px 0;cursor:pointer;text-align:center;position:relative;transition:color .2s;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;counter-increment:index} .fases-page .nav ol li::before{content:""} .fases-page .nav ol li+li::before{content:"";width:100%;position:absolute;bottom:18px;left:calc(-50% + -2px);height:3px;background-image:linear-gradient(90deg,#d8e2e6,#d8e2e6 50%,transparent 50%,transparent 100%);background-size:18px 1px} .fases-page .nav ol li::after{content:counter(index);background:#3cb9c4;position:absolute;bottom:10px;left:calc(50% - 11px);width:22px;height:22px;padding-top:1px;line-height:22px;color:#fff;text-align:center;border-radius:100%;font-size:11px;z-index:1} .fases-page .nav ol li:first-of-type{margin-left:calc(50vw - 100px)} .fases-page .nav ol li:last-of-type{margin-right:calc(50vw - 100px)} .fases-page .nav ol li.active{color:#32475b} .fases-page .nav ol li.active::after{background:#3cb9c4;transition-delay:.2s} .fases-page .nav ol li.active~li::after{background:#d9e3e6;color:#9cacb8} .fases-page .nav ol li a{color:inherit;display:block;width:100%;height:64px;padding-top:9px;z-index:2;position:relative} .fases-page .nav .list{position:relative} .fases-page .nav .progress{position:absolute;width:0;height:3px;margin-left:50vw;position:absolute;bottom:18px;left:0;background:#3cb9c4;transition:width .2s;-webkit-transition:width .2s;-moz-transition:width .2s;-ms-transition:width .2s;-o-transition:width .2s} .fases-page .lazyImageWrap{overflow:hidden;position:relative} .fases-page .lazyImageWrap .lazyImage{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.1);transform-origin:center;transition:transform 1s;-ms-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s;-moz-transition:transform 1s} .fases-page .lazyImageWrap .lazyImage.loaded{transform:scale(1);animation:fadeIn 1s both;-moz-animation:fadeIn 1s both;-ms-animation:fadeIn 1s both;-o-animation:fadeIn 1s both;-webkit-animation:fadeIn 1s both} .fases-page .dashed{height:320px;margin:-32px auto;display:block!important;position:relative;z-index:-1;clear:both} .fases-page .dashed .line{fill:none;stroke:#c6d4da;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:12,12} .fases-page .dashed.t{transform:scaleX(-1)} .fases-page .fases{counter-reset:index} .fases-page .fase article{display:flex} .fases-page .fase .but{font-size:14px;padding:12px 16px} .fases-page .fase .half{width:50%;background:#fff;padding:56px 28px 56px 56px;position:relative} .fases-page .fase .half.img+.half{padding:56px 56px 56px 28px} .fases-page .fase .half p:last-child{margin-bottom:0} .fases-page .fase .title{position:relative;margin:8px 0 32px 0} .fases-page .fase .title::after{content:"";display:block;clear:both} .fases-page .fase .title svg{position:absolute;left:-2px;top:50%;transform:translateY(-50%)} .fases-page .fase .title svg .st0{fill:#38b0ba} .fases-page .fase .title .text{padding-left:12px;width:calc(100% - 64px);float:right} .fases-page .fase .title .text h2{counter-increment:index;margin:0} .fases-page .fase .title .text h2::before{content:counter(index) ") ";font-size:24px;position:relative;top:-4px;margin-right:5px} .fases-page .fase .title .text p{margin:0} .fases-page .fase .articles{margin-top:24px} .fases-page .fase .articles::after{content:"";display:block;clear:both} .fases-page .fase .article{clear:both;display:flex;align-items:stretch} .fases-page .fase .article+.article{margin-top:8px} .fases-page .fase .article .lazyImage{width:104px;min-height:56px;background-size:auto 100%;margin-right:16px;background-position:center;transition:background-size .2s;-ms-transition:background-size .2s;-moz-transition:background-size .2s;-o-transition:background-size .2s;-webkit-transition:background-size .2s} .fases-page .fase .article:hover .lazyImage{background-size:auto 120%} .fases-page .fase .article .lazyImage.loaded{animation:fadeIn .4s both;-moz-animation:fadeIn .4s both;-ms-animation:fadeIn .4s both;-o-animation:fadeIn .4s both;-webkit-animation:fadeIn .4s both} .fases-page .fase .article .text{width:calc(100% - 128px);display:flex;flex-wrap:wrap;align-content:center} .fases-page .fase .article .text h4{width:100%;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fases-page .fase .article .text span{font-weight:700;color:#00829b} .fases-page .fase .article .text span::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px} .fases-page .fase .articles .but{margin-top:24px} .fases-page .fase .article .text h4::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:5px;font-size:11px;position:relative;top:-1px} .fases-page .fase .half.img .lazyImageWrap{position:absolute;top:-56px;width:calc(100% + 36px);height:100%;background-color:#d8e2e6;background-size:cover;background-position:center} .fases-page .fase .half.img:nth-child(1) .lazyImageWrap{left:-56px} .fases-page .fase .half.img:nth-child(2) .lazyImageWrap{right:-56px} .fases-page .icon-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;margin:16px 0 0 0;position:relative;left:-3px} .fases-page .icon-list li{display:flex} .fases-page .icon-list a{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ecf0f0;padding:12px 8px;width:100%} .fases-page .icon-list .far{width:41px;text-align:center;font-size:20px;position:relative;top:1px} .fases-page .fase.large{background:#d8e2e6;padding:80px 0;position:relative} .fases-page .fase.large .half{width:100%;padding:56px} .fases-page .fase.large .lazyImageWrap{position:absolute;top:0;left:0;width:100%;height:100%} .fases-page .erp-facts{position:absolute;background:#fff;padding:32px 32px 20px 32px;left:50%;bottom:56px;transform:translateX(-50%);margin-left:20px} .fases-page .erp-facts::before{content:"ERP FACTS";color:#bbcbd2;position:absolute;top:2px;left:50%;transform:translateX(-50%);font-weight:700;font-size:11px;background:#fff;padding:0 3px;z-index:2;letter-spacing:.1em} .fases-page .erp-facts *{position:relative;z-index:1} .fases-page .erp-facts .number{font-family:BebasNeue,Arial,sans-serf;line-height:1;position:relative;color:#32475b} .fases-page .erp-facts .dashed-box{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 10px);z-index:0;display:block!important} .fases-page .erp-facts .dashed-box .st0,.fases-page .erp-facts .dashed-box .st1,.fases-page .erp-facts .dashed-box .st2{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10} .fases-page .fase.what-is-erp .articles .but{margin-top:0} .fases-page .fase.orientate .half.img .erp-facts{display:flex;width:364px} .fases-page .fase.orientate .half.img .erp-facts .number{font-size:62px;top:2px;width:128px;text-align:center} .fases-page .fase.orientate .half.img .erp-facts .text{white-space:nowrap;margin-left:12px} .fases-page .fase.orientate .half.img .erp-facts strong{display:block} .fases-page .fase.orientate .half.img .erp-facts select{font-size:13px;padding:0;display:block;color:#32475b;font-weight:700;margin:0;border:0;outline:0;text-indent:0;cursor:pointer;background-color:transparent;white-space:nowrap} .fases-page .fase.orientate .half.img .erp-facts .select{position:relative;padding-right:11px;box-sizing:content-box} .fases-page .fase.orientate .half.img .erp-facts .select .fas{position:absolute;left:calc(100% - 14px);bottom:9px;line-height:0;font-family:"Font Awesome 5 Pro";font-weight:700;color:#32475b;font-size:11px;pointer-events:none} .fases-page .fase.orientate .half.img .erp-facts .st1{stroke-dasharray:12.2129,12.2129} .fases-page .fase.orientate .half.img .erp-facts .st2{stroke-dasharray:12.8889,12.8889} .fases-page .fase.orientate .half.img .erp-facts .calcWidth{font-weight:700;display:none;white-space:nowrap} .fases-page .fase.orientate .half.img label{cursor:default} .fases-page .fase.orientate .half.img label select{cursor:pointer} .fases-page .fase.prepare .title svg{margin-left:-6px} .fases-page .fase.sector.large{padding:0;background-color:transparent} .fases-page .fase.sector .title svg{margin-top:-3px} .fases-page .fase.sector .double-columns{columns:2;column-gap:40px;margin:48px 0 40px 0} .fases-page .fase.sector .sectors{display:flex;flex-wrap:wrap;justify-content:space-between} .fases-page .fase.sector .sectors::after{content:"";display:block;width:calc((100% / 3) - 16px)} .fases-page .fase.sector .sector{background:#f3f8f8;width:calc((100% / 3) - 16px);margin-top:16px;display:flex;align-items:center;overflow:hidden;position:relative} .fases-page .fase.sector .sector::before{content:"";position:absolute;width:calc(100% - 120px);height:100%;right:0;top:0;background:#f3f8f8;z-index:1} .fases-page .fase.sector .sector .lazyImage{position:relative;width:120px;height:72px;background-size:cover;transform-origin:center;z-index:0;transition:transform .2s;-moz-transition:transform .2s;-ms-transition:transform .2s;-o-transition:transform .2s;-webkit-transition:transform .2s} .fases-page .fase.sector .sector .lazyImage.loaded{animation:fadeIn 1s both;-moz-animation:fadeIn 1s both;-ms-animation:fadeIn 1s both;-o-animation:fadeIn 1s both;-webkit-animation:fadeIn 1s both} .fases-page .fase.sector .sector:hover .lazyImage{transform:scale(1.1)} .fases-page .fase.sector .sector h4{padding:0 10px 0 16px;position:relative;white-space:nowrap;width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;color:#32475b;z-index:3;line-height:1.5} .fases-page .fase.sector .sector h4 a{color:inherit} .fases-page .fase.sector .sector span{display:block;font-weight:400;color:#587086} .fases-page .fase.sector .but{margin-top:40px} .fases-page .fase.platform{background:#fff} .fases-page .fase.platform .title{margin:56px 56px 40px 56px} .fases-page .fase.platform article:nth-child(1){padding-top:20px;padding-bottom:40px;display:block} .fases-page .fase.platform article:nth-child(1)~article{align-items:center;padding-bottom:100px} .fases-page .fase.platform .double-columns{columns:2;column-gap:56px;padding:0 56px} .fases-page .fase.platform .half.img{height:560px} .fases-page .fase.platform .half.img .lazyImageWrap{top:0} .fases-page .fase.platform .half.img:nth-child(1) .lazyImageWrap{left:auto;right:40px;width:calc(50vw - 40px)} .fases-page .fase.platform .half.img:nth-child(2) .lazyImageWrap{right:auto;left:40px;width:calc(50vw - 40px)} .fases-page .fase.platform .half.img .erp-facts{bottom:0;padding:40px 32px 24px 32px;margin:0} .fases-page .fase.platform .half.img .erp-facts .text{width:160px;margin:0 108px 0 0} .fases-page .fase.platform .half.img .erp-facts .number{font-size:60px;width:160px} .fases-page .fase.platform .half.img .erp-facts .st1{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:12.32,12.32} .fases-page .fase.platform .half.img .erp-facts .st2{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:11.2,11.2} .fases-page .fase.platform .half.img .erp-facts .nl{display:block!important;position:absolute;width:143px;right:21px;top:26px;transform:rotate(-3deg)} .fases-page .fase.platform .half.img .erp-facts .nl .st0{fill:#3cb9c4} .fases-page .fase.platform .half.img .erp-facts .de{display:block!important;position:absolute;width:133px;right:21px;top:26px} .fases-page .fase.platform .half.img .erp-facts .de .st0{fill:#3cb9c4} .fases-page .fase.platform .half.img .erp-facts .fa-cloud{position:absolute;right:30px;bottom:27px;font-size:50px} .fases-page .fase.platform .half h2{margin:20px 0 16px 0} .fases-page .fase.platform .cloud h2 .fas{font-size:36px;position:relative;top:4px;margin:0 4px 0 -3px} .fases-page .fase.platform .cloud .lazyImageWrap .lazyImage{background-position:right center} .fases-page .fase.platform .on-premises h2 .fas{font-size:36px;position:relative;top:4px;margin:0 6px 0 0} .fases-page .fase.platform .hybrid h2{position:relative} .fases-page .fase.platform .hybrid h2 .fa-cloud{position:absolute;left:25px;top:-3px;font-size:20px;text-shadow:0 2px 0 #fff,-2px -1px 0 #fff} .fases-page .fase.platform .hybrid h2 .fa-desktop-alt{font-size:36px;position:relative;top:4px;margin:0 11px 0 0} .fases-page .fase.size article{display:block} .fases-page .fase.size .double-columns{columns:2;column-gap:40px;margin:48px 0 16px 0} .fases-page .fase.size .half{width:100%;padding-right:56px} .fases-page .fase.size .title{margin-bottom:32px} .fases-page .fase.size .articles{display:block;background:#fff;margin-top:0} .fases-page .fase.size .article{margin-top:0;height:464px;align-items:center;background-color:#d8e2e6;transition:none!important} .fases-page .fase.size .article+.article{margin-top:24px} .fases-page .fase.size .article h3{margin-bottom:3px;color:#32475b} .fases-page .fase.size .article h4{color:#5b6c7b;margin-bottom:8px} .fases-page .fase.size .article h4::before{display:none} .fases-page .fase.size .article p{margin:3px 0 12px 0;color:#587086;font-weight:400} .fases-page .fase.size .article .text{background:#fff;position:relative;width:50%;padding:56px;margin:0 56px} .fases-page .fase.size .article:nth-child(even){flex-direction:row-reverse} .fases-page .fase.size .article .lazyImage{width:100%;background-size:cover} .fases-page .fase.functions article{display:block} .fases-page .fase.functions .half{padding:56px 56px 48px 56px} .fases-page .fase.functions .col-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px} .fases-page .fase.functions .but-wrap{padding-top:48px} .fases-page .fase.functions .icon-list{grid-template-columns:minmax(0,1fr)!important;margin-top:16px} .fases-page .fase.costs .article{margin-top:24px} .fases-page .fase.costs .half{padding:56px 0 56px 56px} .fases-page .fase.costs .half+.half{padding:56px} .fases-page .fase.costs .erp-facts{position:relative;width:100%;max-width:464px;display:flex;align-items:center;margin:0 0 0 -8px;transform:none;left:auto;bottom:auto;padding:40px 40px 29px 40px} .fases-page .fase.costs .erp-facts .dashed-box{display:block!important} .fases-page .fase.costs .erp-facts .number{font-size:56px;margin-right:16px;top:4px} .fases-page .fase.costs .erp-facts .dashed-box .st0{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10} .fases-page .fase.costs .erp-facts .dashed-box .st1{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:11.8649,11.8649} .fases-page .fase.costs .erp-facts .dashed-box .st2{fill:none;stroke:#d8e2e6;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:13,13} .fases-page .fase.costs .articles .but{margin-top:24px} .fases-page .fase.search article{position:relative;display:block;max-width:100%} .fases-page .fase.search .half{width:100%;padding:40px 20px} .fases-page .fase.search .title{width:calc(100% - 344px);margin-left:40px} .fases-page .fase.search .title svg{margin-left:-5px} .fases-page .fase.search .title .text{padding-left:20px} .fases-page .fase.search p{margin-left:40px;max-width:520px} .fases-page .fase.search .search-bar{position:absolute;right:24px;top:0;width:320px;max-width:50%;display:block} .fases-page .fase.search .search-bar input{background:#ecf0f0;border:0;outline:0;padding:12px 12px 12px 32px;width:100%} .fases-page .fase.search .search-bar::after{content:"\f002";font-family:"Font Awesome 5 Pro";font-size:12px;font-weight:700;position:absolute;bottom:9px;left:13px;color:#adbbc1} .fases-page .fase.search .search-bar .search-cancel{display:none;position:absolute;bottom:5px;right:0;color:red;padding:8px;cursor:pointer} .fases-page .fase.search .search-bar.active .search-cancel{display:block} .fases-page .fase.search h3.hr{font-size:16px;text-align:center;margin:56px 0;position:relative;display:flex;white-space:nowrap} .fases-page .fase.search h3.hr::after,.fases-page .fase.search h3.hr::before{content:"";position:relative;top:16px;height:2px;background:#ecf0f0;z-index:0;width:50%} .fases-page .fase.search h3.hr span{display:inline-block;padding:0 8px} .fases-page .fase.search .list{display:grid;grid-template-columns:repeat(6,16%);grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:40px;position:relative} .fases-page .fase.search .list::after{content:"";display:block;width:25%} .fases-page .fase.search .list .item{text-align:center} .fases-page .fase.search .list .item .logo{margin:auto;position:relative;width:128px;height:90px;border:2px solid #e7edec;display:block;padding:18px 12px;margin-bottom:8px} .fases-page .fase.search .list .item .logo .lazyImage{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center} .fases-page .fase.search .list .item a{font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fases-page .fase.search .list .item .system{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fases-page .fase.search .list .item a::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px} .fases-page .fase.search .list.noResult::before{content:attr(data-no-result);display:block;width:100%;text-align:center;font-size:24px;line-height:1.4;color:#afbfc4;position:absolute;left:0;top:calc(50% - 32px)} .fases-page .fase.search .list.systems{min-height:260px} .fases-page .fase.search .overflow{height:218px;overflow:hidden;position:relative} .fases-page .fase.search .overflow::after{content:"";position:absolute;width:100%;height:50%;bottom:0;left:0;z-index:1;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%)} .fases-page .fase.search .overflow .but{font-size:13px;padding:12px 16px;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:2} .fases-page .fase.compare.large{padding:80px 0} .fases-page .fase.compare.large .lazyImage{background-position:80% center} .fases-page .fase.compare .half{background:0 0;padding:0;display:flex;flex-direction:row-reverse} .fases-page .fase.compare .title h3{font-family:BebasNeue,Arial,sans-serf;text-transform:uppercase;font-size:92px;line-height:1;margin:12px 0 -3px -2px} .fases-page .fase.compare .title{width:50%;margin:0;background:#fff;padding:56px;min-width:480px} .fases-page .fase.compare .title svg{position:static;transform:none;margin:0 0 16px -4px;float:none} .fases-page .fase.compare .title .text{float:none;width:100%;padding:0} .fases-page .fase.compare .title p{margin-top:8px} .fases-page .fase.compare .but{font-size:13px;padding:12px 16px;margin:20px 0 0 0} .fases-page .fase.compare .but::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:5px;font-size:13px} .fases-page .fase.selection .half{padding:56px} .fases-page .fase.selection .half.quote{background:0 0;color:#7d8b90;padding:0 56px;display:flex;flex-wrap:wrap;align-content:center} .fases-page .fase.selection blockquote{padding:0;border:0;margin:0 0 9px 0;font-size:32px!important;line-height:1.4;font-family:Georgia,serf;font-weight:700;font-style:italic;position:relative} .fases-page .fase.selection blockquote::before{content:"“";position:absolute;top:0;left:-16px} .fases-page .fase.selection blockquote::after{content:"”"} .fases-page .fase.implement .half.img .erp-facts{display:flex;width:400px;padding:36px 32px 14px 32px;left:50%;margin-left:-30px} .fases-page .fase.implement .half.img .erp-facts .number{font-size:56px;top:-1px} .fases-page .fase.implement .half.img .erp-facts .text{margin-left:12px;padding:0} .fases-page .fase.implement .half.img .erp-facts .st1{stroke-dasharray:12.2129,12.2129} .fases-page .fase.implement .half.img .erp-facts .st2{stroke-dasharray:12.8889,12.8889} .fases-page .fase.training .half.img .erp-facts{display:flex;align-items:center;width:384px;padding:32px 32px 22px 32px;left:50%;margin-left:30px} .fases-page .fase.training .half.img .erp-facts .number{font-size:56px;top:5px} .fases-page .fase.training .half.img .erp-facts .text{margin-left:12px} .fases-page .fase.training .half.img .erp-facts .st1{stroke-dasharray:12.2129,12.2129} .fases-page .fase.training .half.img .erp-facts .st2{stroke-dasharray:12.8889,12.8889} .fases-page .fase.maintenance .half{padding:56px} .fases-page .fase.maintenance .article{margin-top:16px} .fases-page .fase.maintenance .half.quote{background:0 0;color:#7d8b90;padding:0 56px;display:flex;flex-wrap:wrap;align-content:center} .fases-page .fase.maintenance blockquote{padding:0;border:0;margin:0 0 9px 0;font-size:32px!important;line-height:1.4;font-family:Georgia,serf;font-weight:700;font-style:italic;position:relative} .fases-page .fase.consultant{padding:0} .fases-page .fase.consultant .title{margin-bottom:0} .fases-page .fase.consultant .lazyImage{background-position:center center} .fases-page .fase.consultant article{justify-content:flex-end} .fases-page .fase.consultant .title svg{min-width:104px;min-height:104px;position:relative;left:0;top:0;transform:none;margin:-16px 0 20px 0} .fases-page .fase.consultant .title .text{padding-left:0;width:100%;float:none} .fases-page .fase.consultant .title h2::before{display:none} .fases-page .fase.consultant .c2a-form{width:480px;margin:-24px 0;margin-right:calc(25% - 200px)} .fases-page .fase.consultant .c2a-form h2{margin-bottom:0} .fases-page .fase.consultant .c2a-form form{display:block;height:auto;width:100%} .fases-page .fase.consultant .c2a-form form>*{width:100%} .fases-page .fase.consultant .c2a-form form>label{display:block} .fases-page .fase.consultant .c2a-form form .but-wrap{margin-top:8px} .fases-page .c2a-form h2{font-size:24px;line-height:1.4} .fases-page .c2a-form h3{font-size:16px;line-height:1.4} .fases-page .c2a-form form{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;height:auto;align-content:space-between;justify-content:space-between;align-content:center} .fases-page .c2a-form form>*{width:calc(50% - 12px);margin:20px 0 0 0;padding:0;height:65px} .fases-page .c2a-form label{position:relative;margin-bottom:0;padding:0} .fases-page .c2a-form label span{color:inherit;display:block;position:static;padding:0;background-color:transparent;line-height:inherit;transition:color .2s;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s} .fases-page .c2a-form label input,.fases-page .c2a-form label select{font-size:13px;width:100%;height:44px;background:#ecf0f0;border:0;padding:10px 12px;line-height:21px} .fases-page .c2a-form label.error span{color:red} .fases-page .c2a-form .name{order:1} .fases-page .c2a-form .company{order:2} .fases-page .c2a-form .phone{order:3} .fases-page .c2a-form .email{order:4} .fases-page .c2a-form .date-time{order:5;display:flex;justify-content:space-between} .fases-page .c2a-form .date-time input,.fases-page .c2a-form .date-time select{padding-left:32px} .fases-page .c2a-form .date-time label::after{position:absolute;font-family:"Font Awesome 5 Pro";color:#97a9ad;bottom:7px;left:13px;cursor:default} .fases-page .c2a-form .date-time label::before{content:"\f0d7";position:absolute;right:13px;bottom:12px;font-family:"Font Awesome 5 Pro";font-weight:700;color:#32475b;font-size:11px;pointer-events:none} .fases-page .c2a-form .date-time .date{width:55%} .fases-page .c2a-form .date-time .date::after{content:"\f073"} .fases-page .c2a-form .date-time .time{width:calc(45% - 8px)} .fases-page .c2a-form .date-time .time::after{content:"\f017"} .fases-page .c2a-form .but-wrap{order:6;display:flex;align-items:flex-end} .fases-page .c2a-form .but{font-size:13px;padding:9px 0 10px 0;width:100%} .fases-page .c2a-form .but::before{content:"\f095";font-family:"Font Awesome 5 Pro";display:inline-block;font-size:14px;margin-right:5px;position:relative;top:1px;transform:scaleX(-1)} .fases-page .c2a-middle{position:relative;overflow:hidden} .fases-page .c2a-middle::before{content:"";position:absolute;top:calc(50% + 80px);left:0;width:100%;height:100%;z-index:-1;background:-moz-linear-gradient(top,rgba(212,225,227,.7) 0,rgba(236,240,240,1) 100%);background:-webkit-linear-gradient(top,rgba(212,225,227,.7) 0,rgba(236,240,240,1) 100%);background:linear-gradient(to bottom,rgba(212,225,227,.7) 0,rgba(236,240,240,1) 100%)} .fases-page .c2a-middle article{display:flex} .fases-page .c2a-middle .half{width:50%;padding:56px;position:relative} .fases-page .c2a-middle h4{margin:32px 0 -8px 0} .fases-page .c2a-middle form{margin:0;width:100%} .fases-page .c2a-middle .arrow{display:block!important;width:104px;position:absolute;bottom:14%;right:14%} .fases-page .c2a-middle .arrow .st0{fill:#d8e2e6} .fases-page .c2a-middle .c2a-form{background:#fff;padding-bottom:48px;border-bottom:6px solid #3cb9c4;position:relative;z-index:2} .fases-page .c2a-middle .vector{padding:12px 0 0 56px;z-index:1;position:relative} .fases-page .c2a-middle .vector svg{width:120%;float:left;position:relative;top:50%;transform:translateY(-50%)} .fases-page .c2a-middle .vector svg .st0{fill:#d0dcde} @media screen and (max-width:1440px){ .fases-page .fase.compare.large .lazyImage{background-position:60% center} .fases-page .fase.compare.large{padding:40px 0} .fases-page .fase.search .list{grid-template-columns:repeat(5,20%);grid-template-columns:repeat(5,minmax(0,1fr))} } @media screen and (max-width:1200px){ .fases-page .intro .index{padding:40px} .fases-page .fase .half{padding:40px 20px 40px 40px} .fases-page .fase .half.img+.half{padding:40px 40px 40px 20px} .fases-page .fase .half.img .lazyImageWrap{top:-40px;width:calc(100% + 20px)} .fases-page .fase .half.img:nth-child(1) .lazyImageWrap{left:-40px} .fases-page .erp-facts{bottom:40px} .fases-page .fase.large .half{padding:40px} .fases-page .fase.sector .double-columns{margin:40px 0} .fases-page .c2a-middle .c2a-form{padding:40px} .fases-page .fase.platform .title{margin:40px} .fases-page .fase.platform .double-columns{padding:0 40px} .fases-page .fase.size .half{padding-right:40px} .fases-page .fase.size .article .text{padding:40px;margin:0 40px} .fases-page .fase.costs .half{padding:40px 0 40px 40px} .fases-page .fase.costs .half+.half{padding:40px} .fases-page .fase.compare .title{padding:40px} .fases-page .fase.selection .half{padding:40px} .fases-page .fase.maintenance .half{padding:40px} .fases-page .fase.search .list{grid-template-columns:repeat(4,25%);grid-template-columns:repeat(4,minmax(0,1fr))} .fases-page .fase.search .title{margin-left:0} .fases-page .fase.search p{margin-left:0} .fases-page .fase.selection blockquote{font-size:28px!important} .fases-page .c2a-form .date-time,.fases-page .c2a-form label.name,.fases-page .c2a-form label.phone{width:55%} .fases-page .c2a-form .but-wrap,.fases-page .c2a-form label.company,.fases-page .c2a-form label.email{width:calc(45% - 12px)} } @media screen and (max-width:1024px){ .fases-page .fase.platform .half h2{font-size:24px} } @media screen and (max-width:1000px){ .fases-page .intro .intro-text{width:45%} .fases-page .intro .intro-text h2{font-size:26px} .fases-page .intro .index{width:55%} .fases-page .fase .title .text h2::before{content:counter(index) ") ";font-size:15px;position:relative;top:-6px} .fases-page .c2a-form form{flex-direction:row;height:auto} .fases-page .c2a-form label.name{width:calc(50% - 6px)} .fases-page .c2a-form label.phone{width:calc(50% - 6px)} .fases-page .c2a-form label.company{width:calc(50% - 6px)} .fases-page .c2a-form label.email{width:calc(50% - 6px)} .fases-page .c2a-form .date-time .time{width:calc(50% - 6px)} .fases-page .c2a-form .date-time .date{width:calc(50% - 6px)} .fases-page .c2a-form .date-time{width:100%} .fases-page .c2a-form .but-wrap{width:100%;margin-top:0} .fases-page .fase.orientate .half.img .erp-facts{width:auto} .fases-page .fase.platform .double-columns{column-gap:20px} .fases-page .fase.platform .half.img .erp-facts{left:auto;transform:none;right:64px} .fases-page .fase.platform article:nth-child(1)~article{padding-bottom:80px} .fases-page .fase.sector .double-columns{margin-top:24px;column-gap:20px} .fases-page .fase.sector .sectors::after{width:calc((100% / 2) - 16px)} .fases-page .fase.sector .sector{width:calc((100% / 2) - 16px)} .fases-page .fase.size .article{height:384px} .fases-page .fase.size .article .text{margin:40px} .fases-page .fase.size .title{margin-bottom:8px} .fases-page .fase.size .double-columns{column-gap:20px;margin:40px 0 0 0} .fases-page .fase.costs .title{margin-bottom:32px} .fases-page .fase.costs .article{margin-top:16px} .fases-page .fase.costs .erp-facts{padding:30px 38px 20px 30px} .fases-page .fase.costs .erp-facts .number{font-size:40px} .fases-page .fase.search .search-bar{max-width:calc(35% - 40px)} .fases-page .fase.search .title svg{width:90px;margin:-2px -5px 0 -5px} .fases-page .fase.search h3.hr{margin-top:24px} .fases-page .fase.compare.large .lazyImage{background-position:20% center} .fases-page .fase.selection .half{width:60%} .fases-page .fase.selection .half.quote{width:40%;padding:0 8px 0 40px} .fases-page .fase.selection blockquote{font-size:24px!important} .fases-page .fase.implement .half.img .erp-facts{right:36px;left:auto;transform:none} .fases-page .fase.training .half.img .erp-facts{left:36px;transform:none;margin-left:0} .fases-page .fase.maintenance .half{width:60%} .fases-page .fase.maintenance .half.quote{width:40%;padding:0 8px 0 40px} .fases-page .fase.consultant .c2a-form{padding:24px 32px 32px 32px} .fases-page .fase.consultant .c2a-form form{display:flex} .fases-page .fase.consultant .c2a-form label.name{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form label.phone{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form label.company{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form label.email{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form .date-time .time{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form .date-time .date{width:calc(50% - 6px)} .fases-page .fase.consultant .c2a-form .date-time{width:100%} .fases-page .fase.consultant .c2a-form .but-wrap{width:100%;margin-top:0} } @media screen and (max-width:900px){ .fases-page .icon-list{grid-template-columns:repeat(3,minmax(0,1fr))} .fases-page .intro .intro-text h2{font-size:24px} .fases-page .fase .half{width:60%} .fases-page .fase .half.img{width:40%} .fases-page .erp-facts::after{content:"";border:dashed #d8e2e6 3px;position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);z-index:0} .fases-page .erp-facts .dashed-box{display:none!important} .fases-page .fase.orientate .half.img .erp-facts{margin:0;width:100%;transform:none;left:2px;align-items:center;bottom:23px;padding:28px 20px 24px 20px} .fases-page .fase.orientate .half.img .erp-facts .number{font-size:32px;float:left;top:0} .fases-page .fase.orientate .half.img .erp-facts .text{width:100%;white-space:normal;margin-left:4px} .fases-page .fase.orientate .half.img .erp-facts strong{display:inline-block} .fases-page .fase.prepare .lazyImageWrap .lazyImage{background-position:15% center} .fases-page .fase.sector .double-columns{column-gap:24px} .fases-page .c2a-middle .half{width:60%} .fases-page .c2a-middle .vector{width:40%} .fases-page .c2a-middle .vector svg{width:230%;left:-100%} .fases-page .fase.platform .half.img:nth-child(1) .lazyImageWrap{right:20px;width:40vw} .fases-page .fase.platform .half.img:nth-child(2) .lazyImageWrap{left:20px;width:40vw} .fases-page .fase.platform .cloud .lazyImageWrap .lazyImage{background-position:77% center} .fases-page .fase.platform .half.img .erp-facts{padding:30px 32px 24px 32px;bottom:-10px} .fases-page .fase.platform .half.img .erp-facts .de,.fases-page .fase.platform .half.img .erp-facts .nl{display:none!important} .fases-page .fase.platform .half.img .erp-facts .number{width:100%;font-size:48px} .fases-page .fase.platform .half.img .erp-facts .text{width:100%;margin:0} .fases-page .fase.platform .half.img .erp-facts .fa-cloud{display:none} .fases-page .fase.size .article .text{width:100%;max-width:400px} .fases-page .fase.functions .col-2{grid-template-columns:1fr} .fases-page .fase.functions .icon-list{margin:0 0 0 -4px} .fases-page .fase.costs .erp-facts{width:calc(100% + 16px);padding:24px 32px} .fases-page .fase.costs .erp-facts .number{font-size:36px;margin-right:8px} .fases-page .fase.costs .erp-facts .dashed-box{display:none!important} .fases-page .fase.costs .half{width:50%} .fases-page .fase.costs .half+.half{padding:32px} .fases-page .fase.compare .title h3{font-size:88px} .fases-page .fase.selection blockquote{font-size:18px!important} .fases-page .fase.selection .half.quote{width:40%;background:#fff;padding:40px 32px 0 0;align-content:flex-start} .fases-page .fase.implement .half.img .erp-facts{padding:32px 30px 28px 30px;bottom:23px;left:30px;width:calc(100% - 2px);display:block} .fases-page .fase.implement .half.img .erp-facts .number{width:100%;font-size:32px;float:left;margin:0 6px 0 0} .fases-page .fase.implement .half.img .erp-facts .text{width:auto;margin:0} .fases-page .fase.training .half.img .erp-facts{padding:32px 32px 27px 32px;bottom:23px;left:2px;width:calc(100% - 2px);align-items:flex-start;flex-wrap:wrap} .fases-page .fase.training .half.img .erp-facts .number{font-size:32px;top:0;width:100%} .fases-page .fase.training .half.img .erp-facts .text{margin:0} } @media screen and (max-width:800px){ .fases-page .fase .half.img .lazyImageWrap{top:-24px} .fases-page .dashed{height:256px} .fases-page .intro .index-wrap{display:block} .fases-page .intro .intro-text{width:100%} .fases-page .intro .intro-text h2{padding-right:0;margin-bottom:40px} .fases-page .intro .index{width:100%;margin-top:24px} .fases-page .fase.orientate .half.img .erp-facts{display:block;padding:34px 32px 26px 32px;left:2px} .fases-page .fase.orientate .half.img .erp-facts .number{float:none;text-align:left;width:auto;top:2px} .fases-page .fase.orientate .half.img .erp-facts .text{margin:0} .fases-page .fase.sector .double-columns{columns:unset} .fases-page .fase.sector .sector{width:calc((100% / 2) - 8px)} .fases-page .fase.platform .title{margin:24px 0 32px 0} .fases-page .fase.platform .double-columns{columns:unset;padding:0} .fases-page .fase.platform article:nth-child(1)~article{padding-left:0;padding-right:0} .fases-page .fase.platform .half.img .erp-facts{right:10px} .fases-page .fase.platform .half.img:nth-child(1) .lazyImageWrap{width:calc(40vw - 20px)} .fases-page .fase.size .article{height:auto} .fases-page .fase.size .article.freelance .lazyImage{background-position:0 center} .fases-page .fase.size .double-columns{columns:unset;margin-top:32px} .fases-page .fase.costs .half:first-child{display:block} .fases-page .fase.costs article{display:block} .fases-page .fase.costs .half{width:100%;padding:40px} .fases-page .fase.costs .half+.half{padding:0 40px 40px 40px} .fases-page .fase.costs .erp-facts{display:flex;width:calc(100% + 20px);margin:0 -10px 0 -10px;padding:32px;max-width:none} .fases-page .fase.costs .erp-facts .number{top:2px} .fases-page .fase.costs .articles .but{margin-top:32px} .fases-page .fase.search .title{width:100%} .fases-page .fase.search article{padding:0} .fases-page .fase.search .search-bar{position:relative;top:0;right:0;width:100%;margin-top:24px;max-width:none} .fases-page .fase.search .list{grid-template-columns:repeat(3,33%);grid-template-columns:repeat(3,minmax(0,1fr))} .fases-page .fase.search p{max-width:none;margin-top:32px} .fases-page .fase.selection article{display:block} .fases-page .fase.selection .half{width:100%} .fases-page .fase.selection .half.quote{display:none} .fases-page .fase.compare .title h3{font-size:72px} .fases-page .fase.implement .half.img .erp-facts{padding:32px 32px 28px 32px;bottom:15px} .fases-page .fase.implement .half.img .erp-facts .number{float:none;width:auto;font-size:48px;top:3px} .fases-page .fase.maintenance .half{width:100%} .fases-page .fase.maintenance .half.quote{display:none} .fases-page .fase.consultant{padding:0} .fases-page .fase.consultant .c2a-form{margin-right:0} } @media screen and (max-width:700px){ .fases-page .icon-list{grid-template-columns:repeat(2,minmax(0,1fr))} .fases-page .fase.large{padding:40px 0} .fases-page .fase article{flex-wrap:wrap} .fases-page .dashed{height:208px} .fases-page .fase .title{margin-bottom:24px} .fases-page .fase .title svg{transform:translateY(-50%) scale(.8);transform-origin:left center} .fases-page .fase .title .text{width:calc(100% - 50px)} .fases-page .fase .half{width:100%;padding:40px} .fases-page .fase .half.img+.half{padding:40px} .fases-page .fase .half.img{width:100%;order:-1;padding-top:30%} .fases-page .fase .half.img .lazyImageWrap{top:0;right:0;width:100%} .fases-page .fase .half.img:nth-child(2) .lazyImageWrap{right:0} .fases-page .fase .half.img:nth-child(1) .lazyImageWrap{left:0} .fases-page .fase.orientate .half.img .erp-facts{left:15px;width:calc(100% - 30px);bottom:-10px;display:flex;padding:30px 32px 28px 32px} .fases-page .fase.orientate .half.img .erp-facts .text{margin:0 0 0 10px} .fases-page .fase.orientate .half.img{height:320px;padding-top:0} .fases-page .fase.orientate .half.img .erp-facts .number{font-size:51px} .fases-page .fase.prepare .lazyImageWrap .lazyImage{background-position:center 30%} .fases-page .fase.sector .sectors{height:auto} .fases-page .fase.sector .sectors::after{width:100%;display:none} .fases-page .fase.sector .sector{width:100%} .fases-page .c2a-middle article{flex-wrap:wrap} .fases-page .c2a-middle .vector{display:none;width:100%} .fases-page .c2a-middle .half{width:100%} .fases-page .c2a-middle::before{top:50%} .fases-page .fase.prepare .title svg{margin-left:-2px} .fases-page .fase.platform article+article{margin-top:72px} .fases-page .fase.platform article:nth-child(1){padding:40px} .fases-page .fase.platform article:nth-child(1)~article{padding-bottom:0} .fases-page .fase.platform .half h2{margin-top:0} .fases-page .fase.platform .half h2{font-size:16px} .fases-page .fase.platform .half.img{height:200px;padding:0} .fases-page .fase.platform .half.img+.half{padding:40px} .fases-page .fase.platform .half.img:nth-child(1) .lazyImageWrap,.fases-page .fase.platform .half.img:nth-child(2) .lazyImageWrap,.fases-page .fase.platform .half.img:nth-child(3) .lazyImageWrap{width:100%;left:0;right:auto;top:0} .fases-page .fase.platform .half.img .erp-facts{padding:27px 24px 24px 24px;display:flex;align-items:center;right:16px;left:auto;width:calc(100% - 32px)} .fases-page .fase.platform .half.img .erp-facts .number{width:auto;margin:0 8px 0 0;top:2px} .fases-page .fase.platform .half.img .erp-facts .text{margin:0} .fases-page .fase.platform .cloud .half.img{height:280px} .fases-page .fase.platform .cloud h2 .fas,.fases-page .fase.platform .hybrid h2 .fa-desktop-alt,.fases-page .fase.platform .on-premises h2 .fas{font-size:28px} .fases-page .fase.platform .hybrid h2 .fa-cloud{font-size:16px;left:20px;top:3px} .fases-page .fase.platform .on-premises .lazyImageWrap .lazyImage{background-position:center 24%} .fases-page .fase.size .article .text{margin:200px 0 0 0;max-width:none;padding-top:32px} .fases-page .fase.size .article .lazyImage{height:200px} .fases-page .fase.functions .half{padding-bottom:32px} .fases-page .fase.costs .title{width:100%} .fases-page .fase.search .list{grid-template-columns:repeat(2,50%);grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:40px 16px} .fases-page .fase.compare.large{padding:0;background-color:transparent} .fases-page .fase.compare.large .half{padding:24px 0} .fases-page .fase.compare.large .lazyImageWrap{display:none} .fases-page .fase.compare .title{width:100%;margin:0;padding:24px;min-width:auto} .fases-page .fase.compare article{position:relative;z-index:2} .fases-page .fase.compare .title h3{font-size:64px} .fases-page .fase.selection .half.quote{display:none} .fases-page .fase.implement .half.img{padding-top:50%} .fases-page .fase.implement .half.img .erp-facts{display:flex;left:16px;bottom:-10px;margin:0;width:calc(100% - 32px);align-items:center} .fases-page .fase.implement .lazyImageWrap .lazyImage{background-position:center 100%} .fases-page .fase.training .half.img{padding-top:50%} .fases-page .fase.training .half.img .erp-facts{display:flex;left:16px;bottom:-10px;margin:0;width:calc(100% - 32px)} .fases-page .fase.training .lazyImageWrap .lazyImage{background-position:center 0} .fases-page .fase.training .half.img .erp-facts .number{margin-bottom:0;top:0;width:auto} .fases-page .fase.training .half.img .erp-facts .text{margin-left:8px} .fases-page .fase.evaluate .lazyImageWrap .lazyImage{background-position:center top} .fases-page .fase.maintenance .article{width:100%} .fases-page .fase.maintenance .article+.article{margin-top:24px} .fases-page .fase.switch .lazyImageWrap .lazyImage{background-position:center top} .fases-page .fase.consultant{padding:0} .fases-page .fase.consultant .c2a-form{margin:-56px 0;width:70%} } @media screen and (max-width:600px){ .fases-page header article{padding:0 24px} .fases-page .intro .index{padding:32px 24px} .fases-page .intro .intro-text{padding:0 24px} .fases-page .fase .half{padding:32px 24px} .fases-page .fase .half.img+.half{padding:32px 24px} .fases-page .fase.large .half{padding:32px 24px} .fases-page .c2a-middle .c2a-form{padding:32px 24px} .fases-page .fase.platform article:nth-child(1){padding:24px 24px 32px 24px} .fases-page .fase.platform .half.img+.half{padding:32px 24px} .fases-page .fase.size .half{padding-right:24px} .fases-page .fase.size .article .text{padding:24px} .fases-page .fase.costs .half{padding:32px 24px} .fases-page .fase.costs .half+.half{padding:0 24px 32px 24px} .fases-page .fase.selection .half{padding:32px 24px} .fases-page .fase.maintenance .half{padding:32px 24px} .fases-page .fase.consultant article{display:block} .fases-page .fase.consultant .lazyImageWrap{position:relative;height:300px} .fases-page .fase.consultant .half{margin:0;width:100%} } @media screen and (max-width:560px){ .fases-page .headerConsultTool .q[data-s="0"][data-q="0"] label{width:calc(50% - 6px)!important} } @media screen and (max-width:500px){ .fases-page .fase .title .text h2{font-size:24px;line-height:1.2} .fases-page .fase .title .text h2::before{top:-4px} .fases-page .icon-list{grid-template-columns:minmax(0,1fr);grid-gap:4px} .fases-page .fase .article .lazyImage{display:none} .fases-page .fase .article .text{width:100%} .fases-page .c2a-form label.company,.fases-page .c2a-form label.email,.fases-page .c2a-form label.name,.fases-page .c2a-form label.phone{width:100%;margin-right:0} .fases-page .c2a-form .date-time .time{width:calc(45% - 6px)} .fases-page .c2a-form .date-time .date{width:calc(55% - 6px)} .fases-page .fase.orientate .half.img .erp-facts .number{font-size:32px} .fases-page .fase.sector .sector .lazyImage{width:72px;background-position:center} .fases-page .fase.sector .sector h4,.fases-page .fase.sector .sector::before{flex-grow:1} .fases-page .fase.costs .erp-facts{padding:24px} .fases-page .fase.search .title svg{margin-bottom:-20px} .fases-page .fase.search .list{margin-left:-8px;width:calc(100% + 16px)} .fases-page .fase.implement .half.img .erp-facts{padding:24px;align-items:center} .fases-page .fase.compare::before{display:none} .fases-page .fase.compare .half{padding:0} .fases-page .fase.consultant .lazyImageWrap{position:relative;height:200px} .fases-page .fase.consultant .c2a-form{width:100%} .fases-page .fase.consultant .c2a-form label.company,.fases-page .fase.consultant .c2a-form label.email,.fases-page .fase.consultant .c2a-form label.name,.fases-page .fase.consultant .c2a-form label.phone{width:100%;margin-right:0} .fases-page .fase.consultant .c2a-form .date-time .time{width:calc(45% - 6px)} .fases-page .fase.consultant .c2a-form .date-time .date{width:calc(55% - 6px)} } @media screen and (max-width:450px){ .fases-page .fase.orientate .half.img .erp-facts .select{display:block} } @media screen and (max-width:400px){ .fases-page .dashed{height:170px} } .fa-caret-down::before{content:'\f0d7'} .fa-cloud::before{content:'\f0c2'} .fa-desktop-alt::before{content:'\f390'} .fa-chart-bar::before{content:'\f080'} .fa-headset::before{content:'\f590'} .fa-file-alt::before{content:'\f15c'} .fa-euro-sign::before{content:'\f153'} .fa-mouse-pointer::before{content:'\f245'} .fa-globe-stand::before{content:'\f5f6'} .fa-users::before{content:'\f0c0'} .fa-industry-alt::before{content:'\f3b3'} .fa-lightbulb-on::before{content:'\f672'} .fa-exchange-alt::before{content:'\f362'} .fa-forklift::before{content:'\f47a'} .fa-project-diagram::before{content:'\f542'} .fa-times::before{content:'\f00d'} .fa-wheat::before{content:'\f72d'} .fa-helmet::before{content:'\f807'} .fa-briefcase::before{content:'\f0b1'} .fa-credit-card::before{content:'\f09d'} .fa-shirt::before{content:'\f553'} .fa-euro-sign::before{content:'\f153'} .fa-burger-cheese::before{content:'\f7f1'} .fa-forklift::before{content:'\f47a'} .fa-cart-shopping::before{content:'\f07a'} .fa-laptop-code::before{content:'\f5fc'} .fa-wrench::before{content:'\f0ad'} .fa-truck::before{content:'\f0d1'} .fa-conveyor-belt-boxes::before{content:'\f46f'} .fa-camera::before{content:'\f030'} .fa-weight-hanging::before{content:'\f5cd'} .fa-flag::before{content:'\f024'} .fa-bolt::before{content:'\f0e7'} .fa-graduation-cap::before{content:'\f19d'} .fa-building-columns::before{content:'\f19c'} .fa-industry-windows::before{content:'\f3b3'} .fa-cart-shopping::before{content:'\f07a'} .fa-user-group::before{content:'\f500'} .fa-house::before{content:'\f015'} .fa-key::before{content:'\f084'} .fa-heart-pulse::before{content:'\f21e'} .fa-cogs::before{content:'\f085'} .fa-chart-pie-alt::before{content:'\f64e'} .fa-file-archive::before{content:'\f1c6'} .fa-headset::before{content:'\f590'} .fa-file-alt::before{content:'\f15c'} .fa-users::before{content:'\f0c0'} .fa-clipboard-check::before{content:'\f494'} .fa-project-diagram::before{content:'\f542'} .fa-exchange-alt::before{content:'\f362'} .fa-calendar-check::before{content:'\f362'} .fa-warehouse::before{content:'\f46c'} .fa-hourglass-half::before{content:'\f252'} .fa-code::before{content:'\f121'}