@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&family=Vollkorn:wght@600&display=swap'); :root { --grey:#d1d1d1; --secondary-color:#9fa9b3; --primary-color:#576781; --headline:"Vollkorn", serif; --body:"Poppins", sans-serif; } /*! --------------------------------------------------------- * VARIABLES ------------------------------------------------------------*/@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-top{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-in-bottom{from{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bottom{from{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}/*! --------------------------------------------------------- * BASE ------------------------------------------------------------*/*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;font-family:var(--body);font-size:1.042rem;background-color:#fff}body{position:relative;height:100%;font-weight:400;line-height:1.375;color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased}body>form{overflow-x:hidden}h1{font-size:48px;font-size:3rem;line-height:1.08333;margin:0 0 .01563em 0}.content-area h2{margin-top:3rem}h2{font-size:38px;font-size:2.375rem;line-height:1.26316;margin:0 0 .01974em 0}h3{font-size:26px;font-size:1.625rem;line-height:1.38462;margin:0 0 .02885em 0}h4{font-size:22px;font-size:1.375rem;line-height:1.27273;margin:0 0 .03409em 0}h5{font-size:18px;font-size:1.125rem;line-height:1.33333;margin:0 0 .04167em 0}p{margin:0 0 1.5rem}blockquote,ol,pre,table,ul{margin-bottom:1.5rem}@media screen and (min-width:1200px){.container{max-width:1200px!important}}ol ol,ol ul,ul ol,ul ul{margin:0}b,code,em,small,strong{line-height:1}sub,sup{vertical-align:baseline;position:relative;top:-.4em}sub{top:.4em}main div.container{margin-bottom:0!important}b,strong{font-weight:700}a{color:#00f;text-decoration:none;-webkit-transition:.25s ease-in-out all;transition:.25s ease-in-out all}a:hover{color:#0000e6;text-decoration:none}hr{display:block;height:1px;width:25%;border:0;border-top:1px solid #fff;margin-top:1.5rem;margin-bottom:1.5rem;padding:0}pre{background:#e6e6e6;padding:10px 15px}.content-area h2{margin:3rem 0 2rem}.content-area h3{margin:2rem 0 1rem}.content-area img{max-width:100%;height:auto}/*! --------------------------------------------------------- * Filename: bootsrap.scss * Description: Imports bootstrap styles from node_modules ------------------------------------------------------------ */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: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:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-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%;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width:576px){.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width:768px){.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!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:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.container-fluid{padding-left:0;padding-right:0}@media screen and (min-width:575px) and (max-width:991px){.container{max-width:100%}}/*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-angle-right:before{content:"\f105"}.fa-bars:before{content:"\f0c9"}.fa-circle:before{content:"\f111"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-f:before{content:"\f39e"}.fa-google:before{content:"\f1a0"}.fa-instagram:before{content:"\f16d"}.fa-linkedin-in:before{content:"\f0e1"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-phone-alt:before{content:"\f879"}.fa-search:before{content:"\f002"}.fa-times:before{content:"\f00d"}.fa-triangle:before{content:"\f2ec"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Pro"}.fa,.fas{font-weight:900}/*! --------------------------------------------------------- * COMPONENTS ------------------------------------------------------------*/.banner-image{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.banner-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;font-family:'object-fit: cover; object-position: center;'}.button{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#4d4d4d;text-transform:uppercase;font-size:13px;font-weight:700;border:none}.button.button--primary{background:#00abd8;color:#fff}.button.button--secondary{background:#9e2065;color:#fff}.footer{background:#d3d3d3}.footer .footer-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:991px){.footer .footer-column{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}}.footer .footer-column .list{padding-left:1.2rem}.footer .footer-column .list.list--inline li{display:inline-block}.footer .footer-column .list.list--col-2{-webkit-columns:2;-moz-columns:2;columns:2}.footer .footer-column .list.list--col-3{-webkit-columns:3;-moz-columns:3;columns:3}.footer .footer-column .logo img{max-width:100%}.footer .footer-column .address{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.footer .footer-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:991px){.footer .footer-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.footer-copyright-bar{padding:1rem 0;background:#56565b}.footer-copyright-bar .col-12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:991px){.footer-copyright-bar .col-12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.footer-copyright-bar .col-12 .left,.footer-copyright-bar .col-12 .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer-copyright-bar .col-12 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none}.footer-copyright-bar .col-12 ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff}.footer-copyright-bar .col-12 ul li a,.footer-copyright-bar .col-12 ul li span{color:#fff;-webkit-transition:all .15s ease;transition:all .15s ease}.footer-copyright-bar .col-12 ul li a:hover{color:rgba(255,255,255,.7)}.footer-copyright-bar .col-12 ul.social li{margin:0 .25rem}.footer-copyright-bar .col-12 ul.social li:last-of-type{margin-right:0}.footer-copyright-bar .col-12 ul.links li{margin:0 .25rem}.footer-copyright-bar .col-12 ul.links li:last-of-type{margin-right:0}.footer-copyright-bar .col-12 ul.powered li{margin:0 .25rem}@media screen and (max-width:1199px){.grid.grid-1x3-b .cards .card:nth-of-type(1) .action{left:-1rem}.grid.grid-1x3-b .cards .card:nth-of-type(2) .action{right:-1rem}.grid.grid-1x3-b .cards .card:nth-of-type(3) .action{right:-1rem}}@media screen and (max-width:767px){.grid.grid-1x3-b .cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.grid.grid-1x3-b .cards .card{width:100%;padding-top:55%}.grid.grid-1x3-b .cards .card:nth-of-type(2){margin:2rem 0}.grid.grid-1x3-b .cards .card .action{background:#5a5a5a}.grid.grid-1x3-b .cards .card .action span{opacity:1;max-height:100px;margin-top:2rem}}@media screen and (max-width:575px){.grid.grid-1x3-b .cards .card{padding-top:65%}.grid.grid-1x3-b .cards .card .action{top:50%!important;width:160px;height:160px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.grid.grid-1x3-b .cards .card:nth-of-type(3){background-position:100% 22%}}.header{z-index:100;box-sizing:border-box}.header.is-sticky.notification-banner.notification-banner--relative{top:0!important}.menu.menu--desktop ul{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu.menu--desktop ul li[data-depth="0"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu.menu--desktop ul li[data-depth="0"] a{color:#fff}.menu.menu--desktop ul li[data-depth="0"].parent:hover ul[data-depth="0"]{display:block;-webkit-animation:slide-in-bottom .3s ease-in-out forwards;animation:slide-in-bottom .3s ease-in-out forwards}.menu.menu--desktop ul li[data-depth="0"] .icon{margin-left:4px;font-size:inherit}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"]{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:10;top:100%;left:0;width:240px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background:#fff;padding:0}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"].active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"].display-left{right:0;left:initial}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li{position:relative;margin:0}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li:hover ul[data-depth="1"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-animation:slide-in-bottom .3s ease-in-out forwards;animation:slide-in-bottom .3s ease-in-out forwards}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li ul[data-depth="1"]{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:0;right:-100%;width:100%;background:#fff}.menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li ul[data-depth="1"].display-left{right:initial;left:-100%}.menu.menu--desktop ul li[data-depth="1"] a{color:#000}.menu.menu--desktop ul li:last-of-type ul{right:0;left:initial}.menu.menu--mobile{position:fixed;z-index:100;top:0;right:0;height:100%;width:280px;padding:10px;background:#fff;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:-6px 0 12px rgba(0,0,0,.05);overflow-y:scroll}.menu.menu--mobile.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.menu.menu--mobile ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.menu.menu--mobile ul li{position:relative;margin:0}.menu.menu--mobile ul li a{font-size:.9375rem;}.menu.menu--mobile ul li .icon{position:absolute;top:2px;right:10px;width:30px;height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:1.5rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu.menu--mobile ul li .icon.active{-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}.menu.menu--mobile ul li ul{opacity:0;max-height:0;overflow:hidden;position:relative;bottom:unset;left:unset;width:100%;padding-left:1rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);border:none;box-shadow:none;-webkit-transition:all .3s linear;transition:all .3s linear}.menu.menu--mobile ul li ul li a { padding:5px; }.menu.menu--mobile ul li ul.active{opacity:1}.menu ul{margin:0;padding:0;list-style:none}.menu ul li{position:relative;margin:0 5px}.menu ul li a{display:block;padding:10px;color:#282828;font-size:.875rem;font-weight:700}.mobile__toggle{text-align:right;font-size:1.5rem;cursor:pointer}.mobile__toggle.mobile__toggle--mobile{padding:20px 20px 0 0;margin-bottom:20px}.mobile__toggle.mobile__toggle--mobile .far { font-size:30px; }body.dnnEditState .notification-banner{position:relative!important}.notification-banner{opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);position:relative;background:grey;padding:1.5rem 0;color:#fff;text-align:center;-webkit-animation:slide-in-bottom .6s ease-in-out 1s forwards;animation:slide-in-bottom .6s ease-in-out 1s forwards}@media screen and (max-width:767px){.notification-banner{padding-top:2.5rem}}.notification-banner.notification-banner--top[data-sticky=true]{position:fixed;z-index:100;top:0;left:0;width:100%}.notification-banner.notification-banner--bottom[data-sticky]{position:fixed;z-index:100;bottom:0;left:0;width:100%}.notification-banner [data-banner-close]{position:absolute;top:1rem;right:1rem}.notification-banner p:last-of-type{margin-bottom:0}.inner-banner{position:relative;height:500px;background-position:center;background-size:cover;background-repeat:no-repeat}.inner-banner .container,.inner-banner .container>.row{height:100%}@media screen and (max-width:767px){.inner-banner{height:400px}}.uvp{margin:0 0 1.5rem 0;padding:1rem;background:#f0f0f0;list-style:none}.uvp li{font-weight:700;font-size:1.5rem;line-height:1;color:#349df3}.uvp li span{color:#000;font-size:1rem}.two-columns{-webkit-columns:2;-moz-columns:2;columns:2}.three-columns{-webkit-columns:3;-moz-columns:3;columns:3}.four-columns{-webkit-columns:4;-moz-columns:4;columns:4}address{font-style:normal}/*! --------------------------------------------------------- * Filename: back-to-top.scss * Description: Sets styles for back-to-top button ------------------------------------------------------------*/.back-to-top{position:fixed;z-index:20;bottom:30px;right:30px;background:0 0;border:none;outline:0!important;opacity:0;pointer-events:none;-webkit-transition:all .5s ease;transition:all .5s ease}.back-to-top.is-active{pointer-events:initial;opacity:1}.back-to-top i{font-size:2.5rem;cursor:pointer}/*! --------------------------------------------------------- * CLEAN ACCORDION ------------------------------------------------------------*/[data-accordion-group] [data-accordion] [data-content]{max-height:0;overflow:hidden;-webkit-transition:max-height 350ms ease;transition:max-height 350ms ease}[data-accordion-group]{margin-bottom:1.5rem}[data-accordion-group] [data-accordion]{margin-bottom:5px}[data-accordion-group] [data-accordion]:last-of-type{margin:0}[data-accordion] [data-control]{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;background:grey;color:#fff}[data-accordion] [data-control]::before{margin-right:.5rem;content:'\f054';font-family:'Font Awesome 5 Pro';font-weight:500;-webkit-transition:all .15s ease;transition:all .15s ease}[data-accordion].open>[data-control]::before{-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}[data-accordion-group].read-more{margin-bottom:1.5rem}[data-accordion-group].read-more>[data-accordion]>[data-control]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:200px;margin:0 auto;text-align:center}[data-accordion-group].read-more>[data-accordion]>[data-control]::before{display:none}[data-accordion] [data-control] .fas { margin-right:10px; transform:rotate(90deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } [data-accordion] [data-control]:hover .fas { transform:rotate(180deg); }/*! --------------------------------------------------------- * CLEAN BACKGROUND VIDEO ------------------------------------------------------------*/body[data-background-video]{height:100vh;margin:0}.clean-background-video{height:500px}[data-background-video]{position:relative;width:100%;background-size:cover;background-repeat:no-repeat;overflow:hidden}[data-background-video] video{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:auto;min-height:auto;width:100%;height:auto;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}[data-background-video] video.background-video-loaded{opacity:1}@media screen and (max-width:767px){[data-background-video] video,body[data-background-video] video{display:none}}/*! --------------------------------------------------------- * CLEAN TABS ------------------------------------------------------------*/[data-tab-group]{margin-bottom:5rem;background:#f5f5f5}@media screen and (max-width:767px){[data-tab-group]{display:none}}[data-tab-group] ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin:0;padding:0;list-style:none}[data-tab-group] [data-button].open{background:red}[data-tab-group] [data-content]{display:none}[data-tab-group] [data-content].open{display:block}[data-accordion-tab-group]{display:none}@media screen and (max-width:767px){[data-accordion-tab-group]{display:block}}[data-accordion-tab-group] [data-accordion] [data-content]{max-height:0;overflow:hidden;-webkit-transition:max-height 350ms ease;transition:max-height 350ms ease}[data-accordion-tab-group] [data-accordion] [data-content] .wrapper>:first-of-type{margin-top:0}[data-accordion-tab-group] [data-accordion] [data-content] .wrapper>:last-of-type{margin-bottom:0}/*! --------------------------------------------------------- * FLICKITY ------------------------------------------------------------*/.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.flickity .carousel-cell{width:33.333333333%;height:200px;margin:0;padding:0 5px}.flickity .carousel-cell>img{width:100%}.flickity .flickity-button::after{position:absolute;content:'x';top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-family:'Font Awesome 5 Pro'}.flickity .flickity-button.next::after{content:'\f054'}.flickity .flickity-button.previous::after{content:'\f054'}.flickity-button[disabled] { visibility:hidden; }.flickity .flickity-button svg{display:none}/*! --------------------------------------------------------- * Filename: fslightbox.scss * Description: Sets styles for fslightbox ------------------------------------------------------------*/html.fslightbox-open{overflow:initial}.fslightbox-fade-in-strong iframe{display:block!important}.fslightbox-source{display:block!important;height:auto!important;max-width:900px}.fslightbox-source-wrappers-container.fslightbox-absoluted.fslightbox-full-dimension { transform:none!important; }/*! --------------------------------------------------------- * Filename: lazyload.scss * Description: Sets styles for lazyload.js. ------------------------------------------------------------*/.lazyload,.utm-form{opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.loaded{opacity:1}.lazyload[data-was-processed=true]{opacity:1}/*! * DO NOT MODIFY ANYTHING ABOVE THIS. STYLES ABOVE WILL BE OVERWRITTEN. * Add all custom styles below. */ h1,h2,h3,h4 {font-family:var(--headline);text-wrap:balance;text-transform:uppercase;} /* --------------------------------------------------------- * Filename: header-9.scss ------------------------------------------------------------*/ .header.header--9 { position: absolute; top: 0; left: 0; width: 100%; -webkit-animation: fade-in 0.5s ease; animation: fade-in 0.5s ease; } .header.header--9.is-sticky { position: fixed; -webkit-animation: fade-in-top 0.5s ease; animation: fade-in-top 0.5s ease; } .header.header--9.is-sticky .top { display: none; } .header.header--9.is-sticky .bottom .col-12 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header.header--9.is-sticky .bottom .logo { display: block; } @media screen and (max-width: 991px) { .header.header--9.is-sticky .bottom .logo { display: none; } } .header.header--9 .top { background-color:#fff; } .header.header--9 .top .col-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .header.header--9 .top .col-12 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .header.header--9 .top .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; width: 400px; height: 170px; background: white; } @media screen and (max-width: 1199px) { .header.header--9 .top .logo { width: 300px; } } @media screen and (max-width: 991px) { .header.header--9 .top .logo { position: relative; top: initial; left: initial; width: auto; background: none; } } .header.header--9 .top .buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header.header--9 .bottom { background: #fff; } .header.header--9 .bottom .col-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header.header--9 .bottom .logo { display: none; } .header.header--9 .bottom .mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header.header--9 .bottom .mobile .mobile__toggle i { color: black; } .header.header--9 .bottom .mobile .button { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .dnnEditState .header.header--9 { position: relative !important; } form[action="/Login?returnurl=%2fadmin"] .header.header--9, form[action*="/admin"] .header.header--9, form[action*="/Admin"] .header.header--9{ position: relative !important; } /** BEGIN COMPONENT OVERRIDES HERE **/ .header.header--9 {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);} #top-right-pane {padding-top:15px;} #top-right-pane .button.button--secondary {margin-right:10px} #top-right-pane .fa-phone-alt {margin-right:5px;position:relative;top:2px} .header.header--9 .bottom {padding-bottom:5px;} .menu.menu--desktop ul li[data-depth="0"] > a {font-size:.95rem} .menu.menu--desktop ul li[data-depth="0"] a {color:#000;font-weight:400;} .menu.menu--desktop ul li[data-depth="0"] a:hover {color:var(--primary-color)} .header.header--9 .top .logo {background:transparent;height:auto;padding-top:10px;width:auto} #dnn_dnnLOGO_imgLogo {width:127px;height:94px} .menu.menu--desktop ul li[data-depth="0"] {margin:0 20px} .menu.menu--desktop ul li[data-depth="0"]:last-of-type {margin-right:0} .menu.menu--desktop ul li[data-depth="0"]:last-of-type a {padding-right:0} .header.header--9.is-sticky .bottom .logo {padding-top:5px;} .header.header--9.is-sticky .bottom .logo img {width:75px} @media screen and (max-width:1200px) { .menu.menu--desktop ul li[data-depth="0"] {margin:0 5px} } /* DESKTOP DROPDOWN */ .menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] { background:var(--grey); border-top: 2px solid var(--primary-color); } .menu.menu--desktop ul li[data-depth="1"] a, .header.header--10.is-sticky .menu.menu--desktop ul li[data-depth="1"] a { font-size:.938rem; color:#464646; font-weight:400; } .menu.menu--desktop ul li[data-depth="1"] a:hover {padding-left:13px;color:var(--primary-color)} .menu.menu--desktop ul li[data-depth="1"] { border-bottom: 1px solid #1f1f1f; } .menu.menu--desktop ul li[data-depth="1"]:last-of-type {border-bottom:none} /* MOBILE MENU */ .menu.menu--mobile {background:(255,255,255,.969);width:300px} .menu.menu--mobile ul li a {font-weight:500;font-size:1.25rem} .menu.menu--mobile ul li .icon {top:10px} .menu.menu--mobile ul li ul li a {font-size:1.125rem;color:var(--primary-color);padding-left:25px} .header.header--9 .bottom .mobile .button {min-width:initial!important;padding-left:20px;padding-right:20px} @media screen and (max-width:991px) { #dnn_dnnLOGO_imgLogo {width:85px;height:auto} } /*! ------ BANNER AREA 8 --------*/ .banner {height:713px;margin-top:160px;margin-bottom:3rem;position:relative;} .banner .banner-area--8, .banner-area-rect { position:relative; z-index:3; bottom:95px; left:0; padding:1.5rem 15px 2rem 0; background:rgb(255,255,255,.9); max-width:696px; } .banner .banner-area-rect { border:3px solid #3a3a3c; z-index:0; left:-35px; width:820px; height:313px; top:-400px; background:transparent } .banner-area--8 .banner-area__title {font-size:clamp(1.3rem, 2.75vw, 2.15rem);text-transform:uppercase;margin-bottom:.75rem;line-height:1.2} .banner-area--8 .banner-area__text {font-size:clamp(.95rem, 1.75vw, 1.172rem)} .banner .banner-image {right:0;left:auto;top:50px;width:55%;height:636px;z-index:2;} .rect-bottom-right { position:absolute; top:auto; bottom:5px; right:-5px; width:317px; height:437px; border:3px solid #3a3a3c; z-index:0; } .banner .banner-image-two {position:relative;left:10%;z-index:1;} .banner .banner-image-two::after { content: ''; position: absolute; width: 10010px; right: -10000px; height: 3px; background: #3a3a3c; top: auto; z-index:-1; bottom: auto; margin-top:35px; } @media screen and (min-width:1800px) { .banner .container {max-width:1600px!important} .banner .banner-image {width:60%} } @media screen and (max-width:991px) { .banner .banner-image-two {left:0;} } @media screen and (max-width:576px) { .banner {height:450px;position:relative;margin-top:130px} .banner .container {height:100%;padding:0} .banner .banner-image-two {width:100%;top:0;height:100%;left:0;} .banner .banner-image-two img {object-fit:cover;width:100%;height:100%;} .banner .banner-image, .banner-area-rect {display:none} .banner .banner-area--8 {position:absolute;text-align:center;padding:1.5rem 15px;max-width:100%;bottom: 50%; transform: translateY(50%);background:rgb(255,255,255,.7)} .rect-bottom-right {bottom:-20px} } /* --------------------------------------------------------- * Filename: feature-5.scss * Description: Define the layout for feature-5 * Version: 1.0.0 * Last Modified: 4.11.2019 ------------------------------------------------------------*/ .feature.feature--5 { position: relative; height: 632px; } @media screen and (max-width: 767px) { .feature.feature--5 { height: auto; } } @media screen and (max-width: 575px) { .feature.feature--5 { padding: 0 10px; } } .feature.feature--5 div[class^="container"], .feature.feature--5 div[class^="row"] { height: 100%; } .feature.feature--5 div[class^="col"].absolute { position: absolute; height: 100%; } .feature.feature--5 div[class^="col"].absolute.absolute--left { left: 0; padding-left: 0; } @media screen and (max-width: 767px) { .feature.feature--5 div[class^="col"].absolute { position: relative; right: initial; padding: initial; } } .feature.feature--5 .feature__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .feature.feature--5 .feature__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } /** BEGIN COMPONENT OVERRIDES HERE **/ @media screen and (min-width:1700px) {.feature.feature--5 div[class^="col"].absolute {max-width:52%}} @media screen and (min-width:1401px) { .feature.feature--5 .offset-lg-7 {margin-left:60%} } @media screen and (max-width:991px) {.feature.feature--5{height:auto}.feature.feature--5 .feature__content {padding-left:10px} .feature.feature--5 div[class^="col"].absolute { position: relative; right: initial; padding:15px; padding-left: initial; } } .feature-uvp-boxes { display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; max-width:500px; width:100%; margin:0 auto clamp(1.5rem, 3vw, 3rem); } .feature-box {width:100%;text-align:center;border-top:2px solid #000;border-bottom:2px solid #000;padding:5px} .feature-box-text {margin:0;line-height:1.125;color:#000!important;font-size:clamp(.75rem, 1.5vw, 1.042rem)} @media screen and (max-width:1200px) { .feature.feature--5 .feature__content {padding-left:0} } @media screen and (max-width:576px) {.feature.feature--5 div[class^="col"].absolute.absolute--left {padding:0}} /*!------- Home Remodeling 2x2 Grid -------*/ .home-remodeling-feature {padding:5rem 0;background:var(--grey);position:relative} .home-remodeling-feature .feature__title {text-align:center;margin-bottom:1.25rem} .grid-2x2 { display:grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .grid-2x2 .grid__item { background:var(--secondary-color); color:#fff; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px; position:relative; z-index:1; min-height:225px; max-width:570px; width:100%; margin:0 auto } .grid__image.bg-img {z-index:0;opacity:.15} .grid-2x2 .grid__item:hover .grid__image.bg-img {opacity:0} .grid__content {position:absolute;width:85%;margin:0 auto;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;} .grid__title {font-family:var(--body);font-weight:500;position:relative;width:fit-content;padding:.2rem .75rem;font-size:clamp(1.125rem, 1.85vw, 1.5rem)} .grid__title::after, .grid__title::before {position:absolute;width:100%;content:'';top:0;left:0;height:2px;background:#fff;transform:scale(0);transition:all .3s ease-in-out;transform-origin:center;transition-delay:300ms} .grid__title::after{bottom:0;top:auto;} .grid-2x2 .grid__item:hover .grid__title::after, .grid-2x2 .grid__item:hover .grid__title::before {transform:scale(1)} .grid__text {margin-bottom:.7rem;} .grid-2x2 .hover-content {max-height:0;opacity:0;transition:all .6s ease-in-out;transform:scale(0)} .grid-2x2 .grid__item:hover .hover-content {max-height:200px;opacity:1;transform:scale(1) translateY(10%);} @media screen and (max-width:991px) { .grid__text {line-height:1.1} } @media screen and (max-width:767px) { .grid-2x2 {grid-template-columns: repeat(1, 1fr);} .grid-2x2 .grid__item .hover-content {max-height:200px;opacity:1;transform:scale(1) translateY(10%)} .grid-2x2 .grid__item:hover {background:var(--primary-color)} .grid__title::after, .grid__title::before {transform:scale(1)} } /* --------------------------------------------------------- * Filename: feature-6.scss * Description: Define the layout for feature-6 * Version: 1.0.0 * Last Modified: 5.21.2019 ------------------------------------------------------------*/ .feature.feature--6 { position: relative; height: 350px; } @media screen and (max-width: 767px) { .feature.feature--6 { height: auto; } } @media screen and (max-width: 575px) { .feature.feature--6 { padding: 0 10px; } } .feature.feature--6 div[class^="container"], .feature.feature--6 div[class^="row"] { height: 100%; } .feature.feature--6 div[class^="col"].absolute { position: absolute; height: 100%; } .feature.feature--6 div[class^="col"].absolute.absolute--right { right: 0; padding-right: 0; } @media screen and (max-width: 767px) { .feature.feature--6 div[class^="col"].absolute { position: relative; right: initial; padding: initial; } } .feature.feature--6 .feature__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .feature.feature--6 .feature__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } /** BEGIN COMPONENT OVERRIDES HERE **/ .feature.feature--6 {height:632px;margin-bottom:5.5rem} .feature.feature--6 .feature__buttons .button {max-width:376px} .feature.feature--6 .feature__content {padding-right:45px;padding-top:15px} .feature.feature--6 div[class^="col"].absolute::after { content:''; position:absolute; left:0; top:15px; right:15px; width:99%; height:100%; border:2px solid #3a3a3c; z-index:-1; } .feature.feature--6 .feature__text {margin:0 0 .5rem} .feature.feature--6 .feature__list li {margin-bottom:.25rem} @media screen and (max-width:991px) { .feature.feature--6 {height:auto} .feature.feature--6 div[class^="col"].absolute { position: relative; right: initial; padding: initial; padding-right: initial; } .feature.feature--6 div[class^="col"].absolute.absolute--right {margin-left:30px;margin-bottom:2rem} .feature.feature--6 div[class^="col"].absolute::after {left:-10px;top:5px} .feature.feature--6 .feature__buttons {max-width:100%;margin:0 auto} .feature.feature--6 .feature__content {padding:6.5rem 0 0} } /* --------------------------------------------------------- * Filename: feat-7.scss ------------------------------------------------------------*/ .feature.feat-7 { height: 600px; background: #b6b6b6; position:relative } .feature.feat-7 .col-12 { position: relative; } .feature.feat-7 .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 450px; height: auto; padding: 4rem 2rem; background: #f0f0f0; } @media screen and (max-width: 767px) { .feature.feat-7 .content { margin: 0 auto; } } /** BEGIN COMPONENT OVERRIDES HERE **/ .feature.feat-7 .content {margin:0 0 0 auto;text-align:center;background:rgb(240,240,240,.8);padding:3.25rem 2rem} .feature.feat-7 .feature__buttons .button {min-width:362px;} .feature.feat-7 .bg-img {object-position:left;} /*! TESTIMONIALS */ .testimonials {padding:1.5rem 2rem .5rem;border:2px solid #9fa9b3;position:relative;margin-bottom:7rem} .testimonial-title.feature__title {position:absolute;left:50%;top:-30px;background:#fff;width:auto;padding:15px 1.5rem;z-index:3;transform:translateX(-50%)} .testimonials .button {position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);z-index:3} .testimonials iframe div.review {box-shadow:none!important} .testimonials .reviewer {font-family:var(--headline);} .testimonials .carousel-cell {padding:2rem 4rem;width:100%} .testimonials .flickity-button {background:transparent!important} .testimonials .flickity-page-dots {display:none} .testimonials.employee .flickity-viewport {height:450px!important} .flickity .flickity-button {top:40%} .flickity .flickity-button svg {display:block;filter:brightness(0) saturate(100%) invert(65%) sepia(6%) saturate(484%) hue-rotate(163deg) brightness(101%) contrast(93%)} .flickity .flickity-button.next::after, .flickity .flickity-button.previous::after {content:''} .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity .flickity-button:hover svg, .icon-blue {filter:brightness(0) saturate(100%) invert(39%) sepia(5%) saturate(1995%) hue-rotate(179deg) brightness(99%) contrast(96%)} .icon-blue:hover {filter:initial} @media screen and (max-width:991px) { .flickity-viewport {height:275px!important} .testimonials {padding:3.25rem 0 2rem} .testimonial-title {top:-50px} } @media screen and (max-width:767px) { .flickity-prev-next-button {top:100%} .flickity-viewport {height:315px!important} .testimonials .carousel-cell {padding:2rem 15px 6rem} } @media screen and (max-width:576px) { .testimonials iframe {height:450px!important} .testimonials {border:none} .testimonial-title.feature__title {width:100%} } /* --------------------------------------------------------- * Filename: gallery-1x4-2.scss * Description: Sets default styles for the gallery-1x4-2 component. * Version: 1.0.0 * Last Modified: 4.22.2019 ------------------------------------------------------------*/ .gallery.gallery-1x4--2 .gallery__image { position: relative; overflow: hidden; height:95%; } .gallery.gallery-1x4--2 .gallery__image:hover .image__content { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .gallery.gallery-1x4--2 .gallery__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery.gallery-1x4--2 .gallery__image .image__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 171, 216, 0.8); opacity: 0; -webkit-transform: translateX(-105%); -ms-transform: translateX(-105%); transform: translateX(-105%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; } .gallery.gallery-1x4--2 .gallery__image .image__content .content__title { color: white; } /** BEGIN COMPONENT OVERRIDES HERE **/ .gallery.gallery-1x4--2 {background:#f2f2f2;padding:2rem 0 1.25rem} .gallery.gallery-1x4--2 {margin-bottom:85px} .gallery.gallery-1x4--2 .gallery__image {height:280px;max-width:280px;margin:0 auto} .gallery.gallery-1x4--2 .row {row-gap:30px;margin-bottom:45px} .gallery.gallery-1x4--2 .gallery__image .image__content {background:rgb(159, 169, 179,.65)} .gallery__image .fa-search {color:#fff;font-size:clamp(1.5rem, 3vw, 3rem)} .gallery__subtitle {margin-bottom:0} .gallery__title.feature__title {margin-bottom:.7rem} .gallery.gallery-1x4--2 .gallery__buttons .button {margin-right:10px;margin-bottom:1rem} @media screen and (max-width:991px) { .gallery-row {max-width:620px;margin:0 auto 30px} } @media screen and (max-width:576px) { .gallery.gallery-1x4--2 .gallery__image {height:auto} .gallery.gallery-1x4--2 .gallery__image a {display:flex} .gallery.gallery-1x4--2 .gallery__image img {object-fit:fill;} } /* --------------------------------------------------------- * Filename: footer-6.scss * Description: Define the layout for footer-6 * Version: 1.0.0 * Last Modified: 4/17/2019 ------------------------------------------------------------*/ .footer.footer--6 #footer-one-pane .list { width: 100%; } @media screen and (max-width: 991px) { .footer.footer--6 #footer-one-pane .list { width: auto; } } /** BEGIN COMPONENT OVERRIDES HERE **/ .footer.footer--6 .upper {background:#576781;padding:1.5rem 0} .footer.footer--6 .lower {padding:3rem 0 2.5rem;background:#d1d1d1} .footer.footer--6 .list { list-style: none; padding-lefT: 0; display: flex; justify-content: space-between; margin: 0 auto 1rem; font-family:var(--body) } .footer.footer--6 .list li a, .footer.footer--6 .phone-number a, .footer.footer--6 .address a {color:#000} .footer.footer--6 .list li a:hover, .footer.footer--6 .phone-number a:hover, .footer.footer--6 .address a:hover {color:var(--primary);text-decoration:underline;color:var(--primary-color)} #footer-two-pane .footer-row, #footer-one-pane .footer-row { max-width:740px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; } #footer-one-pane .footer-row {max-width:984px} #footer-two-pane .footer-row p {margin-bottom:0} .footer address {line-height:1.2} .call-today {color:var(--primary-color);font-family:var(--headline);text-transform:uppercase;} @media screen and (min-width:992px) { #footer-two-pane .seperator {width:2px;height:50px;background:#b9b9b9} #footer-two-pane {margin-top:1rem} } @media screen and (max-width:991px) { .footer.footer--6 .list {flex-direction:column;align-items:center;justify-content:center;margin-top:1.5rem} .footer.footer--6 .list li, #footer-two-pane .footer-row div {margin-bottom:1rem} #footer-two-pane .footer-row :where(.phone-number, .address) {text-align:center} } /* --------------------------------------------------------- * Filename: footer-copyright-bar-2.scss ------------------------------------------------------------*/ .footer-copyright-bar.footer-copyright-bar-2 .left, .footer-copyright-bar.footer-copyright-bar-2 .center, .footer-copyright-bar.footer-copyright-bar-2 .right { width:25%; } @media screen and (max-width:991px) { .footer-copyright-bar.footer-copyright-bar-2 .left, .footer-copyright-bar.footer-copyright-bar-2 .center, .footer-copyright-bar.footer-copyright-bar-2 .right { width: 100%; } } .footer-copyright-bar.footer-copyright-bar-2 .left { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } @media screen and (max-width: 991px) { .footer-copyright-bar.footer-copyright-bar-2 .left { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .footer-copyright-bar.footer-copyright-bar-2 .right { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } @media screen and (max-width: 991px) { .footer-copyright-bar.footer-copyright-bar-2 .right { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } /** BEGIN COMPONENT OVERRIDES HERE **/ .footer-copyright-bar.footer-copyright-bar-2 {border-top:5px solid var(--primary-color);background:#595959;font-family:var(--headline);font-size:.911rem;padding:6px 0 2px} .footer-copyright-bar.footer-copyright-bar-2 .left, .footer-copyright-bar.footer-copyright-bar-2 .right {margin:5px 0} /* --------------------------------------------------------- * Filename: page-title-left-box.scss ------------------------------------------------------------*/ .inner-banner { position: relative; height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat; } .inner-banner .container, .inner-banner .container > .row { height: 100%; } @media screen and (max-width: 767px) { .inner-banner { height: 400px; } } .inner-banner { position: relative; height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat; } .inner-banner .container, .inner-banner .container > .row { height: 100%; } @media screen and (max-width: 767px) { .inner-banner { height: 400px; } } .page-title.page-title-left-box { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding-left:15px; } .page-title.page-title-left-box .page-title__text { display: inline-block; margin: 0; color: white; background: #00abd8; } /** BEGIN COMPONENT OVERRIDES HERE **/ .inner-banner {height:250px;margin:113px 0 100px} .inner-banner-placeholder {height:1px} .page-title.page-title-left-box { bottom: -25px;background:#9fa9b3;width:auto;z-index:2;} .page-title.page-title-left-box .page-title__text {background:#9fa9b3;font-family:var(--headline);font-size:clamp(1.7rem,2.6vw,2.604rem );position:relative;text-transform:uppercase;padding-right:30px;width:100%;padding:25px 30px 15px 0;line-height:1} .page-title.page-title-left-box::before { content: ""; width: 9999px; left:-9980px; top: 0; bottom: 0; position: absolute; background:#9fa9b3; } .page-title.page-title-left-box::after { content:''; position:absolute; top:-10px; right:-10px; width:9999px; height:100%; border:2px solid #000; z-index:-2; } @media screen and (max-width:576px) { .page-title.page-title-left-box {width:100%} } /* --------------------------------------------------------- * Filename: uvp-callout-1.scss ------------------------------------------------------------*/ .uvp.uvp-callout-1 { padding: 1.5rem; } .uvp.uvp-callout-1 li { position: relative; margin-bottom: 1rem; padding-left: 1.75rem; } .uvp.uvp-callout-1 li:last-of-type { margin-bottom: 0; } .uvp.uvp-callout-1 li::before { position: absolute; content: '\f111'; top: 0; left: 0; font-family: 'Font Awesome 5 Pro'; font-weight: bold; font-size: 1.5rem; color: #9d1d64; } /** BEGIN COMPONENT OVERRIDES HERE **/ .uvp.uvp-callout-1{ padding: 0; background: transparent; } .uvp.uvp-callout-1 li{ font-size: 1.041875rem; font-weight: 500; padding-left:1.25rem; color:#000; } .uvp.uvp-callout-1 li::before{ content:''; top:50%; transform:translateY(-65%); width:11px; height:11px; background:#000; border-radius:50%; } /* --------------------------------------------------------- * Filename: content-tiles.scss ------------------------------------------------------------*/ .top-level-tiles.content-tiles .tile .image { width: 100%; padding-top: 60%; background-size: cover; background-position: center; background-repeat: no-repeat; } .top-level-tiles.content-tiles .tile .content { position: relative; top: -20%; width: 80%; margin: 0 auto; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); background: rgba(0, 0, 0, 0.7); color: white; text-align: center; } .top-level-tiles.content-tiles .tile .content .button { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } /** BEGIN COMPONENT OVERRIDES HERE **/ .top-level-tiles.content-tiles {margin-bottom:-3rem} .top-level-tiles.content-tiles .tile-grid { display:grid; grid-template-columns: repeat(2, 1fr); margin:2rem 0 0; padding:0 15px } .top-level-tiles.content-tiles.about-us-tiles {margin:2.5rem 0 0} .top-level-tiles.content-tiles.about-us-tiles .tile-grid {grid-row-gap:3rem; } .top-level-tiles.content-tiles .tile { height:auto; } .top-level-tiles.content-tiles .tile .tile-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .top-level-tiles.content-tiles .tile .content{ padding:25px; width: 85%; top:-5%; background: rgba(209, 209, 209,.85); transition:all .3s ease-in-out; display:flex; color:#000; flex-direction:column; justify-content:space-around; min-height:285px; margin-bottom:-5px } .top-level-tiles.content-tiles.about-us-tiles .tile .content {top:0;transform: translateY(0);} .top-level-tiles.content-tiles .tile:hover .content{ background: rgba(87, 103, 129,.85); color:#fff } .top-level-tiles.content-tiles .tile .content h3{ font-size: 1.5625rem; font-weight: 600; text-transform: uppercase; margin:0; line-height: 1.2; transition:.3s ease-in-out; } .top-level-tiles.content-tiles .tile:hover .content h3 {color:#fff} .top-level-tiles.content-tiles .tile .content p{ line-height: 1.15; } .top-level-tiles.content-tiles .tile .content .button.button--secondary{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 170px; background:var(--secondary-color); color:#000; text-transform:capitalize; font-family:var(--body); z-index:4; } .top-level-tiles.content-tiles .tile .content .button.button--secondary:hover {background:#000;color:#fff} .top-level-tiles.content-tiles .tile .image { padding-top:0; } @media screen and (max-width: 576px) { .top-level-tiles.content-tiles .tile-grid { grid-template-columns: 1fr; max-width: 390px; margin: 0 auto; } } /* --------------------------------------------------------- * Filename: callout-box ------------------------------------------------------------*/ .side-nav.callout-box { position: relative; width: 100%; padding-top: 60%; background-size: cover; background-repeat: no-repeat; background-position: center; } .side-nav.callout-box a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .side-nav.callout-box a h4 { text-align: center; } /** BEGIN COMPONENT OVERRIDES HERE **/ .side-nav.callout-box{ max-width: 350px; width: 100%; padding-top:68%; } .side-nav.callout-box a{ background:rgb(209, 209, 209,.65); } .side-nav.callout-box a:hover {background:rgb(209, 209, 209,.95);} .side-nav.callout-box a h4{ font-size:clamp(1.75rem, 2.5vw, 2.5rem); position:relative; line-height:1.2; color:#000; } /*!--- BLOG FEED ---*/ .blog-feed-wrapper { margin:100px 0; padding:3.5rem 0 1rem; background:var(--grey); position:relative; overflow:hidden } .blog-feed-wrapper .container {position:relative} .blog-feed-wrapper.home-blog{margin-top:0} .triton-blog-feed .triton-blog-feed-article { margin-bottom: 1.5rem; } .triton-blog-feed.home-feed .triton-blog-feed-article {background:var(--grey)} .triton-blog-feed.inner .triton-blog-feed-article .image { height: 250px !important; } .triton-blog-feed.home-feed .triton-blog-feed-article .image { height:296px!important } .triton-blog-feed .triton-blog-feed-article:hover .image { opacity: 0.75; } .TritonBlogIntro { text-align: center; margin: 0 0 2rem; font-size: 1.688rem; font-size:clamp(1.45rem, 1.7vw, 1.688rem); line-height: 1; text-wrap: balance; font-weight: 600; text-transform: uppercase; } .triton-blog-feed .row { margin-bottom:1rem; } .triton-blog-feed.home-feed .row {margin:0 0 100px} .triton-blog-feed-article .title { margin:.5rem 0 .35rem; font-size:1.438rem; color: #000; line-height: 1.2; font-family:var(--headline); text-transform: uppercase; transition: all 0.3s ease-in-out; text-wrap: balance; } .triton-blog-feed.home-feed .title { border-top:2px solid #000; border-bottom:2px solid #000; width:fit-content; padding:10px 0 5px; margin:.5rem 0 .85rem; } .triton-blog-feed .triton-blog-feed-article:hover .summary .readMoreBlog, .triton-blog-feed-article:hover h3 { color:var(--primary-color); border-color:var(--primary-color) } .triton-blog-feed .triton-blog-feed-article .summary .readMoreBlog, .triton-blog-feed .triton-blog-feed-article .summary p { line-height: 1.2; } .triton-blog-feed.home-feed .triton-blog-feed-article .summary {margin-bottom:1.5rem} .triton-blog-feed .triton-blog-feed-article .summary p { margin-bottom: 0.5rem; } .triton-blog-feed .triton-blog-feed-article .summary .readMoreBlog { transition: color 0.3s ease-in-out; color: var(--primary-color); text-decoration:underline; text-transform:capitalize; } .triton-blog-feed .button { min-width: 235px; } .triton-blog-feed .triton-blog-feed-article .summary .readMoreBlog, .triton-blog-feed .triton-blog-feed-article .summary p { display: inline; } .article-left { height:auto; padding:2.5rem 4rem 1.5rem 4rem; } .triton-blog-feed .triton-blog-feed-article a.button {position:relative;width:auto;height:auto;z-index:4;} @media screen and (min-width: 1201px) { .triton-blog-feed.inner .col-md-6:last-of-type { padding: 0 60px 0 40px; } .triton-blog-feed.inner .col-md-6:first-of-type { padding: 0 40px 0 60px; } } @media screen and (max-width:1300px) { .article-left {padding:2rem 1.5rem 1.5rem;height:auto} } @media screen and (min-width:992px) { .triton-blog-feed.home-feed .triton-blog-feed-article .image {height:100%!important} .triton-blog-feed .triton-blog-feed-article .summary .readMoreBlog, .triton-blog-feed .triton-blog-feed-article .summary p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } } @media screen and (max-width:991px) { .triton-blog-feed.home-feed .row {margin:0 auto 100px!important} .triton-blog-feed.home-feed .triton-blog-feed-article {max-width:500px} } @media screen and (max-width: 767px) { .triton-blog-feed .triton-blog-feed-article { max-width: 500px; margin: 1.5rem auto; } } /*! GALLERY */ .eds_GravityGallery_Capsule .edg__gravityPortfolio_header{margin:0!important;padding:0}.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList{display:flex!important;justify-content:flex-start;align-items:center;flex-wrap:wrap;border:none;box-shadow:none!important;border-radius:0!important;width:100%;margin:0!important;padding:0!important}.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList li,.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList>li.edg__gravityPortfolio_hide{display:block!important;margin:0 .5rem .5rem 0;padding:.75rem 1rem!important;background:rgb(184 184 184);line-height:1.2}.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList li span,.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList>li.edg__gravityPortfolio_hide span{margin:0;padding:0;line-height:1.2}.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList li.edg__gravityPortfolio_active{background:#525252}.eds_GravityGallery_Capsule .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList>li>span::after{display:none}.eds_GravityGallery_Capsule .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList.edg__gravityPortfolio_itemsHidden>li:first-child{box-shadow:none!important}.eds_GravityGallery_Capsule .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList>li:first-child>span{border-radius:0}.eds_GravityGallery_Capsule .edg__gravityPortfolio_hiddenItemWrapper.edg__gravityPortfolio_itemsHidden,.eds_GravityGallery_Capsule .edg__gravityPortfolio_hiddenItemWrapper>.edGP_hiddenItemListTrigger{display:none!important}.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer{position:relative;width:25%!important;height:0!important;padding-top:25%!important}.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail{position:absolute!important;top:0;left:0;width:100%!important;height:100%;padding:.25rem}.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_thumbnailContainer{width:100%;height:100%}.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_mediaWrapper{height:100%}.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_mediaWrapper img{width:100%;height:100%!important;margin:0;object-fit:cover;object-position:center}@media screen and (max-width:991px){.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList li,.eds_GravityGallery_Capsule .edg__gravityPortfolio_header .edg__gravityPortfolio_itemList>li.edg__gravityPortfolio_hide{padding:.75rem .5rem!important}}@media screen and (max-width:575px){.eds_GravityGallery_Capsule .edsgg__itemsListContainer .edsgg__itemContainer{width:50%!important;padding-top:50%!important}}.eds_GravityGallery_Capsule.edGP_overlay1 .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_titleDescription,.smbLightOverlayWrapper.modern .mainWrapper .itemTitle{display:none!important} /* Gallery Tiles */ .gallery-tiles {row-gap:30px;margin-bottom:100px} .gallery-tiles__tile {display:flex;color:#fff;position:relative;width:100%;justify-content:center;align-items:center;text-align:center;height:auto;z-index:2;height:270px;overflow:hidden;} .gallery-tiles__tile::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);; z-index: 0; } .gallery-tiles__tile:hover {color:var(--secondary-color)} .gallery-tile__image {position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;z-index:-1;transition:opacity .5s ease, transform 1s ease;-webkit-backface-visibility: hidden; backface-visibility: hidden;} .gallery-tiles__tile:hover .gallery-tile__image {transform:scale(1.2);} .gallery-tiles__title {font-family: var(--headline);text-transform:uppercase;font-weight:400;font-size:clamp(1.1rem,5vw,1.5rem);transition: color 1s ease;line-height:1.1} .gallery__details { position:absolute; bottom:0; text-align:left; width:100%; padding:1rem 20px; transition: max-height 1.5s ease, opacity 1s ease, background .5s ease; z-index:1; } .gallery-tiles__tile:hover .gallery__details {background:rgb(0,0,0,.65)} .gallery-tiles__tile .content-hover { max-height:0; opacity:0; transition: max-height .5s ease, opacity .3s ease; display:flex; justify-content:end; } .gallery-tiles__tile:hover .content-hover {max-height:2.5rem;opacity:1;} .view-gallery-button {transition:all .3s ease;text-align:left;color:#fff;transform:translateY(5%);font-size:1.15rem;} .gallery-tiles__tile:hover .view-gallery-button {max-height:50px;opacity:1;transform:translateY(0)} .gallery-tiles__tile:hover .view-gallery-button:hover {color:var(--primary-color)} .container.container-xl {max-width:1500px!important} @media screen and (max-width:576px) { .gallery-tiles__tile {height:250px} .gallery-tiles__tile .gallery__details {background:rgb(0,0,0,.65)} .gallery-tiles__tile .content-hover {max-height:2.5rem;opacity:1;} } /*!-------------- CONTENT AREA ----------------*/ .content-area h1 { font-size:1.953rem; margin:0 0 1.35rem } .content-area h2 { color:var(--primary-color); font-family:var(--body); font-size:1.438rem; margin:3.25rem 0 1rem; font-weight:300; } .content-area h3 { color:#000; font-size:1.313rem; margin:3rem 0 0; font-family:var(--headline) } .content-area :where(p, li) a {color:var(--primary-color);text-decoration:underline;font-weight:bold} .content-area :where(p, li) a:hover {color:#000} .content-area .inner-image {margin-top:1.75rem} /*! ACCORDION CONTENT AREA */ [data-accordion-group]{ margin:2.5rem 0; } [data-accordion] [data-control]::before{ display: none; } [data-control]::after { content: ""; position: absolute; width: 100%; height: 100%; inset: 0; z-index: -1; background: 0 0; transition: 0.3s ease-in-out; } [data-accordion] [data-control]{ background:var(--grey); position:relative; z-index:3; padding:.85rem 1rem .65rem 2.65rem; color:#000; max-width: 600px; transition: all 0.3s ease-in-out; font-size:1.172rem; font-family:var(--headline); } [data-accordion] [data-control] img{ position:absolute; margin-right:15px; left:15px; top:50%; transform:translateY(-50%); z-index:-1; transition: all 0.3s ease-in-out; } [data-accordion].open [data-control], [data-accordion]:hover [data-control]{ background:var(--secondary-color); } [data-accordion].open [data-control] img{ transform:translateY(-50%) rotate(45deg); } [data-accordion] [data-content] p:first-of-type {margin-top:1rem;} /*! BUTTONS */ .button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; text-align:center; padding:14px 26px 12px; font-size:1.042rem; text-transform:uppercase; position:relative; overflow:hidden; color:#fff; font-family:var(--headline); font-weight:500; transition:.3s ease-in-out; text-wrap:balance; min-width:200px } .button.button--primary {background:var(--primary-color)} .button.button--primary:hover {background:#445166} .button.button--secondary {background:var(--secondary-color)} .button.button--secondary:hover {background:#6e747a} .button.button--white {background:#fff;color:#231f20} .button.button--white:hover {background:#595959;color:#fff} .content-area .feature__buttons { margin-bottom:1.5rem; justify-content:start; } #top-right-pane .button {max-height:50px;} .button.phone-btn {font-size:1.2rem;padding:12px 24px 11px;} /*! SIDEBAR & FORMWRAP */ .formwrap, .side-nav, .review-sidebar { max-width: 350px; margin: 0 0 2.25rem auto; width: 100%; position: relative; background: var(--primary-color); } .review-sidebar {background:transparent} /*! W LOGO BACKGROUND */ .bg-img.w-logo { opacity:.26; top: -15px; width:1200px; height:auto!important; left:auto; right:-22%; } .home-remodeling-feature .bg-img.w-logo {top:45px;} @media screen and (min-width:1700px) { .bg-img.w-logo {right:-7%} } /* CUSTOM CLASSES */ .mb-100 {margin-bottom:6.25rem} .mt-0 {margin-top:0!important} .mb-75 {margin-bottom:4.688rem} .mb-3 {margin-bottom:3.5rem} .px-0 {padding-left:0;padding-right:0} .text-center {text-align:center;} .text-balance {text-wrap:balance} .justify-content-center {justify-content:center;} .bg-img,.tile-link::before{position:absolute;top:0;left:0}.px-0{padding:0!important}.tile-link::before{content:"";right:0;bottom:0;z-index:1}.bg-img{z-index:0;height:100%!important;width:100%;object-fit:cover}.bg-img.contain{object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;height:auto!important;width:auto;max-width:100%}.relative{position:relative} .feature__buttons {display:flex;} .feature__buttons .button:first-of-type {margin:0 0 15px} .direction__column {flex-direction:column;} .feature__title {font-size:1.688rem;font-size:clamp(1.35rem, 2vw, 1.688rem);margin:0 0 .7rem;position:relative} .feature__title.white__title {color:#fff} .feature__list { padding-left:0; list-style-type:none; margin:0 0 .938rem; } .feature__list li::before { content: "•"; font-size: 0.7em; color:#515151; display: inline; width: 1em; margin-right:5px; vertical-align: middle; } .feature.feature--6 p, .feature.feature--5 p, .feature__list, .feature__list li a {color:#515151} .feature__list li a:hover {color:var(--primary-color);text-decoration:underline} .icon-white { filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(36deg) brightness(102%) contrast(102%) } .icon-white:hover {filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(201deg) brightness(95%) contrast(100%)} @media screen and (min-width:1201px) {#dnn_Row_3_SidebarArea_Col_4 {padding-right:0}} @media screen and (max-width:991px) { .feature__content, .feature__title {text-align:center;} .feature__buttons {justify-content:center;align-items:center;} .gallery__buttons {flex-direction:column;align-items:center} .feature__list {columns:2;} } @media screen and (max-width:767px) { .formwrap, .side-nav, .review-sidebar {margin:0 auto 2.5rem} .formwrap {margin-top:2.5rem} .feature.feature--5 .offset-lg-7 {padding:0} .feature.feat-7 {height:500px;} .feature.feat-7 .content {padding:1.5rem;margin:0 auto} .feature.feat-7 .feature__buttons .button {min-width:100%} }