@charset "UTF-8";
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; }* {box-sizing: border-box;} @-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}img{max-width:100%;display:block;}
/* GENERAL */
html {
scroll-behavior: smooth;
}
body {
font-family: 'Raleway', Arial, sans-serif;
line-height: 1.3;
color: #242424;
font-size: 16px;
}
img {
width: auto!important;
height: auto!important;
}
main {
overflow-x: hidden;
}
.container {
max-width: 1300px;
}
/* HEADER */
.site-header {
padding: 32px 0;
position: absolute;
z-index: 100;
width: 100%;
top: 0;
left: 0;
}
.site-nav__toggle {
display: block;
position: relative;
height: 40px;
width: 48px;
overflow: hidden;
text-indent: -9999px;
border: 0;
background: transparent;
padding: 0;
outline: 0;
cursor: pointer;
z-index: 999;
border-radius: 3px;
top: 0px;
}
.site-nav__toggle span {
top: 50%;
margin-top: -1.5px;
left: 20px;
right: 0;
position: absolute;
height: 1px;
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
display: block;
transition: background .3s linear;
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
-webkit-backface-visibility: hidden;
}
.site-nav__toggle span:before, .site-nav__toggle span:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
position: absolute;
}
.site-nav__toggle span:before {
transition: top .3s .3s, -webkit-transform .3s 0s;
-moz-transition: top .3s .3s, -webkit-transform .3s 0s;
-webkit-transition: top .3s .3s, -webkit-transform .3s 0s;
top: -8px;
-webkit-transform: rotate(0);
}
.site-nav__toggle span:after {
transition: bottom .2s .3s, -webkit-transform .3s 0s;
-moz-transition: bottom .2s .3s, -webkit-transform .3s 0s;
-webkit-transition: bottom .2s .3s, -webkit-transform .3s 0s;
bottom: -8px;
-webkit-transform: rotate(0);
}
.site-nav__toggle[aria-expanded=true] span {
background: transparent;
}
.site-nav__toggle[aria-expanded=true] span:before {
transition: top .3s 0s, transform .3s .3s;
top: 0;
transform: rotate(45deg);
}
.site-nav__toggle[aria-expanded=true] span:after {
transition: bottom .3s 0s, transform .3s .3s;
bottom: 0;
transform: rotate(-45deg);
}
.scroll-lock {
overflow: hidden;
}
.site-nav__menu, .site-nav__desktop {
display: none;
}
.site-nav__menu.is-open {
display: flex;
align-self: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: url('../img/bg-hero-holder.jpg')no-repeat left;
width: 100%;
height: 100%;
z-index: 90;
flex-direction: column;
text-align: center;
gap: 32px;
}
.site-nav__links {
display: flex;
flex-direction: column;
gap: 16px;
}
.site-nav__links a {
font-size: 21px;
color: #242424;
text-decoration: none;
}
.site-nav__actions {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
.site-nav__toggle {
display: none;
}
.site-nav__desktop {
display: flex;
gap: 24px;
align-items: center;
}
.site-nav__links, .site-nav__actions {
display: flex;
gap: 16px;
flex-direction: row;
}
.site-nav__links a {
font-size: 16px;
}
}
/* HERO */
.hero {
padding: 100px 0 0 0;
background: url('../img/bg-hero-holder.jpg')no-repeat center;
}
.hero__content h1 {
font-size: 32px;
font-weight: bold;
margin: 16px 0 8px 0;
}
.hero__content h1 strong {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.hero__content p {
margin-bottom: 16px;
}
.hero__content p strong {
font-weight: bold;
}
.hero__media {
position: relative;
margin-bottom: 40px;
height: 195px;
}
.hero__media:after {
content: '';
width: 120px;
height: 120px;
background: url('../img/img-hero.png')no-repeat center/contain;
display: block;
position: absolute;
bottom: -69px;
right: 0;
z-index: 10;
}
.hero__media img {
border-radius: 24px;
border: 1px solid #fff;
box-shadow: 0px 50px 50px -50px rgba(106, 88, 224, 0.5);
}
.hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.8s ease-in-out;
top: 0;
left: 0;
}
.hero__img.is-active {
opacity: 1;
z-index: 2;
}
@media (min-width: 1200px) {
.hero {
padding: 180px 0;
}
.hero__content h1 {
font-size: 64px;
line-height: 1.1;
}
.hero__content p {
max-width: 530px;
font-size: 18px;
}
.hero__media {
height: 349px;
}
.hero__media:after {
width: 250px;
height: 230px;
bottom: -134px;
}
}
/* ABOUT */
.value-prop {
padding: 80px 0 40px 0;
}
.value-prop__media {
position: relative;
z-index: 1;
}
.value-prop__media:after {
content: '';
width: 80px;
height: 80px;
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
border-radius: 24px;
position: absolute;
z-index: -1;
top: -40px;
right: -40px;
}
.value-prop__media img {
border: 1px solid #fff;
border-radius: 24px;
box-shadow: 0px 50px 50px -50px rgba(106, 88, 224, 0.5);
}
.value-prop__content {
padding-top: 32px;
}
.value-prop__content h2 {
font-size: 24px;
font-weight: bold;
margin: 16px 0 8px 0;
}
.value-prop__content h2 strong {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.value-prop__content p {
margin-bottom: 16px;
}
.value-prop__content p strong {
font-weight: bold;
}
@media (min-width: 1200px) {
.value-prop {
padding: 0 0 60px 0;
}
.value-prop__content {
padding-left: 60px;
}
.value-prop__content h2 {
font-size: 40px;
}
.value-prop__content p {
max-width: 415px;
}
}
/* PRODUTO */
.produtos {
padding: 0 0 30px 0;
background: url('../img/bg-services.jpg')no-repeat center/contain;
}
.produto-card {
padding: 40px;
border-radius: 20px;
color: #fff;
height: 355px;
}
.produto-card h3 {
font-size: 40px;
font-weight: bold;
line-height: 1;
margin-bottom: 24px;
}
.produto-card h4 {
font-weight: bold;
margin-bottom: 24px;
}
.produtos__slider {
margin: 0 -16px;
}
.produtos__slider .slick-slide {
padding: 0 16px;
}
.produto-card-1 {
background: url('../img/icon-1.svg')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.produto-card-2 {
background: url('../img/icon-2.svg')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.produto-card-3 {
background: url('../img/icon-3.svg')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.produto-card-4 {
background: url('../img/icon-4.svg')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.produto-card-5 {
background: url('../img/icon-5.svg')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.produtos__slider .slick-dots {
display: flex;
gap: 16px;
margin-top: 24px;
justify-content: center;
}
.produtos__slider .slick-dots button {
width: 12px;
height: 12px;
background: #fff;
border-radius: 100%;
border: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
border: 1px solid #798AE9;
}
.produtos__slider .slick-dots .slick-active button {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
@media (min-width: 1200px) {
.produtos {
padding: 0 0 300px 0;
}
}
/* FAQ */
.faq {
padding: 20px 0 80px 0;
}
.faq .eyebrow {
text-align: center;
}
.faq__accordion {
margin-top: 24px;
display: flex;
gap: 24px;
flex-direction: column;
}
.faq__item button {
background: #F2F2F2 url('../img/icon-caret.svg')no-repeat calc(100% - 20px) center;
border-radius: 100px;
padding: 18px 32px;
border: 0;
font-family: 'Raleway', Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-right: 40px;
width: 100%;
cursor: pointer;
}
.faq__item button[aria-expanded=true] {
background: #F2F2F2 url('../img/icon-caret-2.svg')no-repeat calc(100% - 20px) center;
}
.faq__item dd {
padding: 24px 32px;
}
@media (min-width: 1200px) {
.faq {
padding-top: 0;
margin-top: -200px;
}
.faq__accordion {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.faq__item button {
font-size: 16px;
}
}
/* TECNOLOGIA */
.tecnologia {
padding: 80px 0;
background: url('../img/bg-tecnologia.png')no-repeat top center;
}
.tecnologia__header {
text-align: center;
}
.tecnologia h2 {
font-size: 24px;
font-weight: bold;
margin: 24px 0 32px 0;
}
.tecnologia h2 strong {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.diferencial {
padding: 32px;
background: rgba(255,255,255,.3);
border-radius: 18px;
box-shadow: 0px 30px 50px -50px rgba(106, 88, 224, 0.8);
backdrop-filter: blur(10px);
}
.diferencial h3 {
font-size: 16px;
font-weight: bold;
margin: 16px 0 8px 0;
}
.diferencial__slider {
margin-top: 24px;
}
.diferencial__slider .slick-dots {
display: flex;
gap: 16px;
margin-top: 24px;
justify-content: center;
}
.diferencial__slider .slick-dots button {
width: 12px;
height: 12px;
background: #fff;
border-radius: 100%;
border: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
border: 1px solid #798AE9;
}
.diferencial__slider .slick-dots .slick-active button {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
@media (min-width: 1200px) {
.tecnologia {
padding-bottom: 200px;
background: none;
position: relative;
z-index: 2;
}
.tecnologia:before {
content: '';
width: 100%;
height: 100%;
background: url('../img/bg-tecnologia.png')no-repeat top center;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.tecnologia h2 {
font-size: 40px;
margin: 24px 0 32px 0;
line-height: 1;
}
.diferencial__slider {
display: flex;
gap: 32px;
}
.diferencial__slider > article {
flex: 1;
}
}
/* DEPOIMENTOS */
.shared-bg {
background: url('../img/bg-video-holder.jpg')no-repeat center;
}
.depoimentos {
padding: 80px 0;
}
.depoimentos__header {
text-align: center;
}
.depoimentos h2 {
font-size: 24px;
font-weight: bold;
margin: 16px 0 8px 0;
}
.depoimentos h2 strong {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.depoimento {
text-align: center;
}
.depoimento img {
display: inline-block;
}
.depoimento > img {
padding: 10px;
background: #EEEEEE;
border-radius: 100%;
display: ;
}
.depoimento__autor {
font-weight: bold;
margin: 8px 0 4px 0;
}
.depoimentos__slider .slick-dots {
display: flex;
gap: 16px;
justify-content: center;
margin: 16px 0;
}
.depoimentos__slider .slick-dots button {
text-indent: -9999px;
border-radius: 100%;
background: #d9d9d9;
border: 0;
padding: 0;
width: 12px;
height: 12px;
}
.depoimentos__slider .slick-dots .slick-active button {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
@media (min-width: 1200px) {
.depoimentos {
margin-top: -100px;
}
.depoimentos__slider .slick-dots {
display: none;
}
}
/* DEMO */
.video-demo {
padding: 0 0 80px 0;
}
.video-demo video {
aspect-ratio: 16/9;
max-width: 300px;
margin: 32px auto 16px auto;
display: block;
border-radius: 24px;
height: auto;
width: 100%;
}
@media (min-width: 1200px) {
.depoimentos h2 {
font-size: 40px;
margin: 24px 0 32px 0;
line-height: 1;
}
.video-demo video {
max-width: 864px;
margin: 40px auto 0 auto;
}
.video-demo {
padding: 100px 0;
background: url('../img/bg-video.png')no-repeat center;
}
.depoimentos__slider .depoimento {
padding: 0 16px;
}
}
/* CTA */
.cta {
text-align: center;
padding: 80px 0;
background: url('../img/bg-contact.png')no-repeat center, linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
}
.cta .eyebrow {
background: transparent;
color: #fff;
}
.cta h2 {
font-size: 24px;
font-weight: bold;
margin: 16px 0 8px 0;
color: #fff;
margin: 16px 0;
}
.cta p {
color: #fff;
text-align: center;
}
.cta__form {
margin-top: 24px;
}
.cta__form form {
display: flex;
gap: 16px;
flex-direction: column;
}
.cta__form input {
border-radius: 100px;
height: 56px;
width: 100%;
padding: 0 16px;
font-family: 'Raleway', Arial, sans-serif;
border: 0;
}
.cta__form input[type="submit"] {
background: #242424;
color: #fff;
font-family: 'Raleway', Arial, sans-serif;
border: 0;
border-radius: 100px;
height: 56px;
}
@media (min-width: 1200px) {
.cta h2 {
font-size: 24px;
margin: 24px 0 32px 0;
font-size: 40px;
}
.cta__header, .cta__form {
max-width: 500px;
margin: 0 auto;
}
.cta__form {
margin-top: 32px;
}
.cta__form input[type="submit"] {
font-size: 18px;
}
}
/* FOOTER */
.site-footer {
text-align: center;
padding: 40px 0;
}
.site-footer img {
display: inline-block;
}
.site-footer__logo {
padding-bottom: 24px;
border-bottom: 1px solid rgba(0,0,0,.1);
margin-bottom: 24px;
}
.site-footer__contato {
display: flex;
gap: 24px;
flex-direction: column;
margin-bottom: 24px;
}
.site-footer__contato a, .site-footer__bottom a {
text-decoration: none;
color: #5557D6;
font-weight: bold;
}
.site-footer__contato a span {
font-weight: normal;
color: #798AE9;
}
.site-footer__bottom a {
color: #777;
font-weight: normal;
display: block;
margin-top: 16px;
}
@media (min-width: 1200px) {
.site-footer__logo {
padding-bottom: 30px;
max-width: 664px;
margin-left: auto;
margin-right: auto;
}
.site-footer__contato {
flex-direction: row;
justify-content: center;
gap: 56px;
}
.site-footer__bottom {
margin-top: 48px;
}
}
/* SHARED */
.eyebrow {
color: #396CCE;
font-size: 12px;
font-weight: bold;
letter-spacing: 10%;
text-transform: uppercase;
padding: 12px 24px;
border: 1px solid #E2E2E2;
background: rgba(255,255,255,.3);
backdrop-filter: blur(10px);
border-radius: 100px;
display: inline-block;
line-height: 1.2;
text-align: center;
}
.btn {
transition: all .3s ease-in-out;
}
.btn:hover {
transform: scale(1.02);
}
.btn-primary {
padding: 16px 32px;
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
border-radius: 60px;
text-align: center;
color: #fff;
text-decoration: none;
display: inline-block;
font-weight: bold;
border: 0;
cursor: pointer;
}
.btn-secondary {
padding: 16px 32px;
background: linear-gradient(90deg, #EFEFEF 0%, #DEE4EB 100%);
border-radius: 60px;
text-align: center;
color: #6A58E0;
text-decoration: none;
display: inline-block;
font-weight: bold;
cursor: pointer;
}
@media (min-width: 1200px) {
.eyebrow {
font-size: 16px;
line-height: 1;
}
}
/* ============================================================
QUADRIFY — Scroll Animations v4
============================================================ */
/* ── Títulos ──────────────────────────────────────────────────
O , e qualquer tag interna são preservados.
As .letter são inseridas DENTRO deles, herdando todos os
estilos (font-weight, color, font-size etc.). */
.anim-title .word {
display: inline-block;
white-space: nowrap; /* nunca quebra uma palavra no meio */
}
.anim-title .letter {
display: inline-block;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.4s ease, transform 0.4s ease;
will-change: opacity, transform;
}
/* Quando o JS adiciona .is-visible, todas as letras aparecem —
independente de estarem dentro de , , etc. */
.anim-title.is-visible .letter {
opacity: 1;
transform: translateY(0);
}
/* ── Correção background-clip: text ───────────────────────────
background-clip:text não propaga para elementos filhos.
Quando as letras ficam dentro de , o gradiente some.
Solução: mover o gradiente para as próprias .letter que
estiverem dentro de strong/b.
Ajuste o gradiente aqui para bater com o do seu main.css. */
.anim-title strong .letter,
.anim-title b .letter {
background: linear-gradient(90deg, #798AE9 0%, #5557D6 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
/* Remove o gradiente do strong original para não conflitar */
.anim-title strong,
.anim-title b {
background: none !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
-webkit-text-fill-color: unset !important;
color: inherit !important;
}
/* ── Fade in up ───────────────────────────────────────────── */
.anim-fade-up {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
will-change: opacity, transform;
}
.anim-fade-up.is-visible {
opacity: 1;
transform: translateY(0);
}
/* ── Stagger ─────────────────────────────────────────────── */
.anim-fade-up[data-delay="1"] { transition-delay: 0.08s; }
.anim-fade-up[data-delay="2"] { transition-delay: 0.16s; }
.anim-fade-up[data-delay="3"] { transition-delay: 0.24s; }
.anim-fade-up[data-delay="4"] { transition-delay: 0.32s; }
.anim-fade-up[data-delay="5"] { transition-delay: 0.40s; }
/* ── Acessibilidade ──────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
.anim-title .letter,
.anim-fade-up {
transition: none !important;
transform: none !important;
opacity: 1 !important;
}
}
:root {
--modal-bg: #0d0f14;
--modal-surface: #14181f;
--modal-border: rgba(255, 255, 255, 0.08);
--modal-text: #c8cdd8;
--modal-heading: #ffffff;
--modal-accent: #798AE9;
--modal-accent-hover: #1d4ed8;
--modal-radius: 16px;
--modal-duration: 320ms;
--modal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.qfy-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: flex-end;
justify-content: center;
pointer-events: none;
visibility: hidden;
}
@media (min-width: 768px) {
.qfy-modal {
align-items: center;
}
}
.qfy-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.72);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
opacity: 0;
transition: opacity var(--modal-duration) var(--modal-ease);
}
.qfy-modal__container {
position: relative;
z-index: 1;
width: 100%;
max-width: 680px;
max-height: 90dvh;
margin: 0 12px;
background: var(--modal-surface);
border: 1px solid var(--modal-border);
border-radius: var(--modal-radius) var(--modal-radius) 0 0;
box-shadow:
0 -4px 60px rgba(0, 0, 0, 0.6),
0 0 0 1px rgba(255,255,255,0.04) inset;
display: flex;
flex-direction: column;
overflow: hidden;
transform: translateY(40px);
opacity: 0;
transition:
transform var(--modal-duration) var(--modal-ease),
opacity var(--modal-duration) var(--modal-ease);
}
@media (min-width: 768px) {
.qfy-modal__container {
border-radius: var(--modal-radius);
max-height: 82dvh;
margin: 0 24px;
/* Animação: escala do centro no desktop */
transform: scale(0.94) translateY(16px);
}
}
.qfy-modal.is-open {
pointer-events: all;
visibility: visible;
}
.qfy-modal.is-open .qfy-modal__backdrop {
opacity: 1;
}
.qfy-modal.is-open .qfy-modal__container {
transform: translateY(0);
opacity: 1;
}
@media (min-width: 768px) {
.qfy-modal.is-open .qfy-modal__container {
transform: scale(1) translateY(0);
}
}
.qfy-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 24px 28px 20px;
border-bottom: 1px solid var(--modal-border);
flex-shrink: 0;
}
.qfy-modal__title {
font-size: clamp(1.1rem, 2.5vw, 1.35rem);
font-weight: 700;
color: var(--modal-heading);
margin: 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.qfy-modal__title::before {
content: '';
display: inline-block;
width: 6px;
height: 1em;
background: var(--modal-accent);
border-radius: 3px;
margin-right: 12px;
vertical-align: middle;
position: relative;
top: -1px;
}
.qfy-modal__close {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 8px;
border: 1px solid var(--modal-border);
background: transparent;
color: var(--modal-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition:
background 180ms ease,
color 180ms ease,
border-color 180ms ease;
}
.qfy-modal__close:hover,
.qfy-modal__close:focus-visible {
background: rgba(255,255,255,0.08);
color: #fff;
border-color: rgba(255,255,255,0.18);
outline: none;
}
.qfy-modal__body {
flex: 1;
overflow-y: auto;
overscroll-behavior: contain;
padding: 28px 28px 8px;
color: var(--modal-text);
font-size: 0.9375rem;
line-height: 1.75;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.15) transparent;
}
.qfy-modal__body::-webkit-scrollbar { width: 4px; }
.qfy-modal__body::-webkit-scrollbar-track { background: transparent; }
.qfy-modal__body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 99px; }
.qfy-modal__body h3 {
color: var(--modal-heading);
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 2em 0 0.6em;
opacity: 0.6;
}
.qfy-modal__body h3:first-child { margin-top: 0; }
.qfy-modal__body p { margin: 0 0 1em; }
.qfy-modal__body a { color: #60a5fa; text-underline-offset: 3px; }
.qfy-modal__body a:hover { color: #93c5fd; }
/* Fade nas bordas para indicar scroll */
.qfy-modal__body {
-webkit-mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
}
/* ── Footer ───────────────────────────────────────────────── */
.qfy-modal__footer {
padding: 20px 28px 24px;
border-top: 1px solid var(--modal-border);
flex-shrink: 0;
display: flex;
justify-content: flex-end;
}
.qfy-modal__btn-close {
min-width: 140px;
text-align: center;
}
.qfy-modal:focus { outline: none; }
body.qfy-modal-open {
overflow: hidden;
}
/* ============================================================
Contact Form 7 — Alerts customizados — Quadrify
Adicione ao final do main.css ou importe separado
============================================================ */
/* ── Reset nos estilos padrão do CF7 ──────────────────────── */
.wpcf7 .wpcf7-response-output {
all: unset;
display: flex;
align-items: center;
gap: 12px;
padding: 16px 12px 14px 12px!important;
margin: 20px 0 0;
border-radius: 10px;
font-size: 0.9rem;
line-height: 1.5;
font-weight: 500;
border: 1px solid transparent;
justify-content: center;
color: #000;
line-height: 1;
background: #fff;
animation: qfy-alert-in 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
text-align: center;
}
/* ── Sucesso ──────────────────────────────────────────────── */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #f0fdf4;
border-color: #bbf7d0;
color: #15803d;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%2316a34a' stroke-width='1.5'/%3E%3Cpath d='M6 10l3 3 5-5' stroke='%2316a34a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ── Erro de envio ────────────────────────────────────────── */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-response-output.wpcf7-aborted {
background-color: #fef2f2;
border-color: #fecaca;
color: #b91c1c;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng::before,
.wpcf7 .wpcf7-response-output.wpcf7-aborted::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23dc2626' stroke-width='1.5'/%3E%3Cpath d='M10 6v5M10 14h.01' stroke='%23dc2626' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* ── Erro de validacao (campos invalidos) ─────────────────── */
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-acceptance-missing {
background-color: #fffbeb;
border-color: #fde68a;
color: #92400e;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors::before,
.wpcf7 .wpcf7-response-output.wpcf7-acceptance-missing::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.135 3.535a1 1 0 0 1 1.73 0l7.07 12.25A1 1 0 0 1 17.07 17.5H2.93a1 1 0 0 1-.866-1.5l7.07-12.25z' stroke='%23d97706' stroke-width='1.5'/%3E%3Cpath d='M10 8.5v3.5M10 14.5h.01' stroke='%23d97706' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* ── Spam / bloqueado ─────────────────────────────────────── */
.wpcf7 .wpcf7-response-output.wpcf7-spam-blocked {
background-color: #f5f3ff;
border-color: #ddd6fe;
color: #5b21b6;
}
.wpcf7 .wpcf7-response-output.wpcf7-spam-blocked::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%237c3aed' stroke-width='1.5'/%3E%3Cpath d='M7 7l6 6M13 7l-6 6' stroke='%237c3aed' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* ── Erros inline nos campos ──────────────────────────────── */
.wpcf7-not-valid-tip {
display: block;
margin-top: 5px;
font-size: 0.8rem;
color: #dc2626;
font-weight: 500;
}
.wpcf7-not-valid {
border-color: #fca5a5 !important;
background-color: #fff5f5 !important;
}
/* ── Spinner de envio ─────────────────────────────────────── */
.wpcf7 .wpcf7-spinner {
display: inline-block;
width: 18px;
height: 18px;
margin-left: 10px;
border: 2px solid rgba(0,0,0,0.12);
border-top-color: currentColor;
border-radius: 50%;
animation: qfy-spin 600ms linear infinite;
vertical-align: middle;
opacity: 1;
background: none !important;
}
/* ── Animacoes ────────────────────────────────────────────── */
@keyframes qfy-alert-in {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes qfy-spin {
to { transform: rotate(360deg); }
}