:root { --font-headline:'Noto Sans KR', sans-serif; --font-body:'Noto Sans KR', sans-serif; --color-primary:#394d81; --color-secondary:#545353; --color-tertiary:#a1a1a1; --color-dark-shade:#000; --color-light-shade:#d3d3d3; } /*! --------------------------------------------------------- * 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:sans-serif;font-size:1rem;background-color:#fff}@media screen and (max-width:992px){body,html{font-size:0.938rem}}@media screen and (max-width:768px){body,html{font-size:0.875rem}}@media screen and (max-width:576px){body,html{font-size:0.813rem}}body{position:relative;height:100%;font-weight:200;line-height:1.5;color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1{font-size:3rem;font-size:3rem;line-height:1.08333;margin:0 0 .01563em 0}.content-area h2{margin-top:3rem}h2{font-size:2.375rem;font-size:2.375rem;line-height:1.26316;margin:0 0 .01974em 0}h3{font-size:1.625rem;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) */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap'); .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:0.813rem;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:767px){.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.2rem;-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 4px;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:1.875rem; }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:200px}}.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}/*! --------------------------------------------------------- * 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. */ /* --------------------------------------------------------- * Filename: header-4.scss * Description: Define the layout for header-4 * Version: 1.0.0 * Last Modified: 4.10.2019 ------------------------------------------------------------*/ .header.header--4 { position: absolute; top: 0; left: 0; width: 100%; -webkit-animation: fade-in 0.5s ease; animation: fade-in 0.5s ease; } .header.header--4.is-sticky { position: fixed; background: rgba(0, 0, 0, 0.9); -webkit-animation: fade-in-top 0.5s ease; animation: fade-in-top 0.5s ease; } .header.header--4.is-sticky .top { display: none; } .header.header--4.is-sticky .bottom { padding: 0; background: none; } @media screen and (max-width: 991px) { .header.header--4.is-sticky .bottom .logo { display: none; } } .header.header--4 .top { 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; background: #00abd8; } .header.header--4 .top .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) { .header.header--4 .top .col-12 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .header.header--4 .top .logo { display: none; } @media screen and (max-width: 991px) { .header.header--4 .top .logo { display: block; } } .header.header--4 .top .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .header.header--4 .top .left { display: none; } } .header.header--4 .top .left ul { margin: 0; padding: 0; list-style: none; } .header.header--4 .top .left ul li { display: inline-block; color: white; } .header.header--4 .top .left ul li a { color: inherit; } @media screen and (max-width: 991px) { .header.header--4 .top .right { display: none; } } .header.header--4 .bottom { background: grey; padding: 10px 0 0 0; } .header.header--4 .bottom .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; } .header.header--4 .bottom .logo { display: block; } @media screen and (max-width: 991px) { .header.header--4 .bottom .logo { display: none; } } @media screen and (max-width: 991px) { .header.header--4 .bottom .nav { display: none; } } .header.header--4 .bottom .mobile {padding: 10px 0; display: none; -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; width: 100%; } @media screen and (max-width: 991px) { .header.header--4 .bottom .mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .header.header--4 .bottom .mobile .button { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .dnnEditState .header.header--4 { position: relative !important; } form[action="/Login?returnurl=%2fadmin"] .header.header--4, form[action*="/admin"] .header.header--4, form[action*="/Admin"] .header.header--4 { position: relative !important; } /** BEGIN COMPONENT OVERRIDES HERE **/ .footer.footer--7 #footer-top-pane .footer-row { 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; width: 100%; } /* --------------------------------------------------------- * Filename: banner-area-3.scss * Description: Define the layout styles for banner-area-3 * Version: 1.0.2 * Last Modified: 4.11.2019 ------------------------------------------------------------*/ .banner { position: relative; width: 100%; height: 800px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .banner { height: 500px; } } .banner-area.banner-area--3 { position: absolute; top: 50%; left: 0; width: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } @media screen and (max-width: 991px) { .banner-area.banner-area--3 { width: 65%; } } @media screen and (max-width: 767px) { .banner-area.banner-area--3 { width: 100%; } } @media screen and (max-width: 575px) { .banner-area.banner-area--3 { padding: 0 10px; } } .banner-area.banner-area--3 .banner-area__title { color: white; } .banner-area.banner-area--3 .banner-area__text { color: white; } /** BEGIN COMPONENT OVERRIDES HERE **/ /* --------------------------------------------------------- * Filename: grid-1x3-1.scss * Description: Define the layout for grid-1x3--1 * Version: 1.0.0 * Last Modified: 5.13.2019 ------------------------------------------------------------*/ .grid.grid-1x3--1 .grid__item { position: relative; height: 500px; } .grid.grid-1x3--1 .grid__item:hover::after { background: rgba(0, 0, 0, 0.5); } .grid.grid-1x3--1 .grid__item::after { position: absolute; z-index: 1; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .grid.grid-1x3--1 .grid__item .item__image { position: relative; z-index: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .grid.grid-1x3--1 .grid__item .item__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; z-index: 2; top: 50%; left: 0; right: 0; width: 80%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .grid.grid-1x3--1 .grid__item .item__content .content__title { color: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .grid.grid-1x3--1 .grid__item .item__content .content__hover { max-height: 0; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text { color: white; text-align: center; } .grid.grid-1x3--1 .grid__item .item__content .button { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } /** BEGIN COMPONENT OVERRIDES HERE **/ /* --------------------------------------------------------- * Filename: feature-7.scss * Description: Define the layout for feature-7 * Version: 1.0.0 * Last Modified: 4.8.2019 ------------------------------------------------------------*/ .feature.feature--7 .feature__image img { width: 110%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .feature.feature--7 .feature__image img { width: 100%; } } .feature.feature--7 .feature__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .feature.feature--7 .feature__content .content__container { padding: 20px; background: white; } .feature.feature--7 .feature__content .content__buttons { 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; } /** BEGIN COMPONENT OVERRIDES HERE **/ /* --------------------------------------------------------- * 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%; } @media screen and (max-width: 767px) { .feature.feature--6 .container > .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .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 **/ /* --------------------------------------------------------- * Filename: feature-7.scss * Description: Define the layout for feature-7 * Version: 1.0.0 * Last Modified: 4.8.2019 ------------------------------------------------------------*/ .feature.feature--7 .feature__image img { width: 110%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .feature.feature--7 .feature__image img { width: 100%; } } .feature.feature--7 .feature__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .feature.feature--7 .feature__content .content__container { padding: 20px; background: white; } .feature.feature--7 .feature__content .content__buttons { 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; } /** BEGIN COMPONENT OVERRIDES HERE **/ /* --------------------------------------------------------- * Filename: feature-2.scss * Description: Define the layout for feature-2 * Version: 1.0.1 * Last Modified: 3.28.2019 ------------------------------------------------------------*/ .feature.feature--2 { position: relative; height: 400px; } .feature.feature--2 .feature__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .feature.feature--2 .feature__content { position: absolute; top: 50%; left: 0; right: 0; width: 70%; margin: 0 auto; padding: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(0, 0, 0, 0.7); } .feature.feature--2 .feature__content .content__title { color: white; text-align: center; } .feature.feature--2 .feature__content .content__text { color: white; text-align: center; } /** BEGIN COMPONENT OVERRIDES HERE **/ .feature.feature--2 .feature__content{ background:rgb(38, 38, 38, .502) ; } /* --------------------------------------------------------- * Filename: feature-8.scss * Description: Define the layout for feature-8 * Version: 1.0.0 * Last Modified: 5.13.2019 ------------------------------------------------------------*/ .feature.feature--8 .feature__image img { position: absolute; top: -10%; right: 0; width: 110%; height: 120%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .feature.feature--8 .feature__image img { position: relative; top: initial; width: 100%; height: 100%; } } .feature.feature--8 .feature__content { position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .feature.feature--8 .feature__content .content__container { padding: 40px; background: white; } .feature.feature--8 .feature__content .content__buttons { 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; } /** BEGIN COMPONENT OVERRIDES HERE **/ .grid.grid-1x3--1 .grid__item .item__content{ width: 455px; height: 428px; background: rgb(95, 93, 91, .9); } .grid-icon__icon{ display: flex; flex-direction: column; align-items: center; } .icon__title{ font-size: 1.125rem; text-align: center; color: #000; line-height: 1.5; } .banner{ background-size: initial; background-position: right; margin-bottom: 4rem; } .feature.feature--7.py-5, .grid.grid-1x3--1, .feature.feature--2, .feature.feature--8.py-5, .feature.feature--6.my-5{ margin-bottom: 5rem } #industriesWeServe{ margin-bottom: 4rem; margin-top: 4rem; } .industriesWeServefeature__image{ width: 100%; position: absolute; object-fit: cover; } .industriesWeServeSec, .industriesWeServeSecOption{ padding: 4rem 0; } .row-cols-4:nth-child(2){ margin-top: 4rem; } .feature.feature--8 .feature__image img{ top: -50%; width: 679px; height: 454px; } #footer-top-pane{ background: #a6a6a6; padding: .6rem 0; } .footer.footer--7 #footer-top-pane .footer-row{ align-items: center; } .cta, .cta a{ color: #fff; } .button.button--secondary{ background: #a1a1a1; color: #fff; } .button.button--primary{ background: #394d82; color: #fff; } .button{ font-size: 1.171875rem; text-transform: uppercase; font-weight: normal; padding: 7px 25px; letter-spacing: 1px; text-align: center;} .header.header--4 .bottom .logo{ display: none; } .header.header--4.is-sticky .bottom .logo{ display: block; } .header.header--4 .bottom{ background: #394d81; } .menu ul li a{ font-size: 1rem; text-transform: uppercase; } .header.header--4 .top{ background: #fff; } .nav{ margin: 0 auto; } .inner-banner{ height: 200px; } .header.header--4{ position: relative; }.gridwrap{ margin-left: 2rem; } .UVP ul{ list-style-type: none; padding: 0; } .header-placeholder{ display: none; } .banner .banner-image{ width: 50%; left: auto; right: 0; } .banner{ height: 577px; } .banner-area.banner-area--3 .banner-area__title, .banner-area.banner-area--3 .banner-area__text{ color: #000; text-transform: uppercase; font-weight: bold; } .banner-area.banner-area--3 .banner-area__title{ font-size: 3.125rem; font-family: 'Noto Sans KR', sans-serif; } .banner-area.banner-area--3{ left: inherit; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner-area.banner-area--3 .banner-area__text{ font-size: 1.25rem; font-family: 'Noto Sans KR', sans-serif; } h1, h2, h3{ color: #000; font-family: 'Noto Sans KR', sans-serif; } .menu.menu--desktop ul li[data-depth="0"] a{ font-family: 'Noto Sans KR', sans-serif; } .button--headerCTA{ background: transparent; color: #b4281e; border: 2px solid #b4281e; margin-right: 1rem; } .button{ font-family: 'Noto Sans KR', sans-serif; font-weight: 700; } .menu ul li{ margin: 0 11px; } .homeUVP{ display: flex; align-items: center; /* justify-content: space-evenly; */ /* width: 60%; */ text-align: center; } .homeUVP p{ margin: 0; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; text-transform: uppercase; font-weight: 400; } .homeUVPOne:nth-child(2), .homeUVPOne:nth-child(3){ margin-left: 3rem; } .banner-area__buttons{ margin-top: 2rem; } .header.header--4.is-sticky .menu ul li{ margin: 0 5px; } .button--headerCTA:hover{ color: #fff; background:#b4281e ; } .button.button--primary:hover{ background: #7791d7; } .menu.menu--desktop ul li[data-depth="0"] a:hover{ color: #a1a1a1; } .header.header--4 .top .left{ margin: 10px 0; } .banner-area.banner-area--3 .banner-area__text{ margin-top: 1rem; } @media screen and (max-width:1250px){ .banner-area.banner-area--3{ padding-left: 15px; } } @media screen and (max-width:991px){ .banner-image{ width: 100% !important; } .banner-area.banner-area--3{ text-align: center; } .homeUVP{ display: flex; justify-content: center; } .banner-area.banner-area--3{ width: 100%; } .homeUVP p{ font-weight: 700; } .header.header--4.is-sticky .bottom .logo{ display: none !important; } } @media screen and (max-width:576px){ .banner-area.banner-area--3 .banner-area__title{ font-size: 2.563rem; } .banner-area.banner-area--3 .banner-area__text{ font-size: 1rem; } .homeUVPOne img{ width: 35px; } .homeUVP p{ font-size: 0.863rem; } /* .button{ font-size: .7rem; } */ } .menu.menu--mobile ul li ul li a{ color: #394d81; } .menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li { border-bottom: 1px solid #1f1f1f; } .menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li :hover{ color: #394d81; } .feature.feature--8.py-5{ margin-top: 4rem; } h2 { font-size: 2.344rem; font-family: 'Noto Sans KR', sans-serif; color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 500; } .feature.feature--8 .feature__content .content__container{ border: #000 2px solid; } .feature.feature--6 .feature__content .content__buttons{ display: flex; flex-direction: column; align-items: baseline; } .feature.feature--6 .feature__content .content__buttons .button.button--primary{ margin-bottom: 10px; } .inner-banner h1 span{ font-size: 1.438rem; } .inner-banner h1{ color: #fff; } .page-title__text::after { content: ""; position: absolute;left: 30px; top: 25px; right: 30px; bottom: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }.fas.fa-bars{color: #fff;}.cta h3{color: #fff} .footer .middle{padding-top: 2rem;}.footer-column .title{color: #394d82;} .header.header--4 .bottom{ padding: 4px 0 0; } .banner .banner-image{ object-fit: left center; } .mobile__cta.button.button--primary, .mobile__number.button.button--primary{ border: #fff solid 2px; } .grid.grid-1x3--1 .grid__item { overflow: hidden; padding: 0; height: auto; } .cheveronDoubleRight{ background: #716c66; filter: invert(93%) sepia(0%) saturate(28%) hue-rotate(126deg) brightness(105%) contrast(108%); padding: 15px; width: 50px; height: 50px; border-radius: 50%; margin-top: 1rem; } .grid.grid-1x3--1 .grid__item .item__content .content__title{ font-size: 2.344rem; font-family: 'Noto Sans KR', sans-serif !important; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.013; text-align: center; } . .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text{ font-size:1.042rem; margin-top: 1rem; font-family: 'Noto Sans KR', sans-serif !important; } .footer .footer-column .list.list--col-2{ columns: 1; list-style-type: none; padding: 0; } .footer .footer-column .list.list--col-2 li a{ color: #000; font-weight: 500; } @media screen and (min-width: 991px){ .footer .col-lg-4{ max-width: 25%; } .industriesServedFooter{ margin-bottom: 2rem; } } .footer-column .title{ font-size: 1.169rem; } .footer-copyright-bar{ background: #000; } #footer-one-pane address, .phone-number p, .email p{ color: #000; font-weight: 500; font-style: inherit; font-family: 'Noto Sans KR', sans-serif;} .phone-number p a, .email p a{ color: #394d82; font-weight: 400; } .feature.feature--2 ul{ list-style-type: none; } .feature.feature--2 ul li{ color: #fff; font-weight: 400; } .checkLight{ margin-bottom: -5px; filter: invert(79%) sepia(6%) saturate(3346%) hue-rotate(36deg) brightness(101%) contrast(94%); } .feature.feature--2 .content__title{ font-size: 2.344rem; font-family: 'Noto Sans KR', sans-serif !important; color: rgb(255, 255, 255); text-transform: uppercase; } .button.button--secondary:hover{ background: #545353; } #footer-one-pane address{ margin-bottom: 1rem; } #footer-one-pane .phone-number p, .email p{ margin-bottom: 5px; } .footer-column .title:hover{ color: #7791d7; } .footer .footer-column .list.list--col-2 li a:hover{ color: #394d82; text-decoration: underline; } .feature.feature--2 .feature__content { background: rgb(38, 38, 38, .502); display: flex; flex-direction: column; align-items: center; justify-content: center; } /* .feature.feature--2 .feature__content .content__button { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } */ .grid.grid-1x3--1 .grid__item { position: relative; height: 500px; } .grid.grid-1x3--1 .grid__item:hover::after { background: rgba(0, 0, 0, 0.5); } .grid.grid-1x3--1 .grid__item::after { position: absolute; z-index: 1; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .grid.grid-1x3--1 .grid__item .item__image { position: relative; z-index: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .grid.grid-1x3--1 .grid__item .item__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; z-index: 2; top: 50%; left: 0; right: 0; width: 80%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width:1250px){ .grid.grid-1x3--1 .grid__item .item__content .content__title{ font-size: 1.406rem; } .feature.feature--8 .feature__content .content__buttons{ flex-direction: column; } .feature.feature--8 .feature__content .content__buttons .button.button--secondary{ margin-bottom: 1rem; } } @media screen and (max-width:767px){.industriesWeServeSec, .industriesWeServeSecOption{padding: 0;} .grid.grid-1x3--1 .grid__item .item__content .content__hover{ opacity: 1 !important; margin-bottom: 0 !important; transition: none; }.cheveronDoubleRight{ background: -moz-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); background: -webkit-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); background: -ms-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); margin-top: 8rem; } .feature.feature--8 .feature__image img{ top: 5%; width: 100%; max-width: 100%; height: auto; } .feature.feature--8 .content__title{ font-size: 1.706rem; } .feature.feature--6 .feature__content .content__buttons{ align-items: center; margin-bottom: 2rem; } .feature.feature--6 .content__title{ font-size: 1.706rem;margin-bottom: 1.5rem; } .feature.feature--2 ul{ /* columns: 1; */ padding: 0; } .feature.feature--2 .content__title{ font-size: 0.906rem !important; } .feature.feature--2 ul{ margin: 0; } .checkLightList{ flex-direction: column; margin: 1rem 0; } .checkLightList{ width: auto !important; } .feature.feature--8 .feature__content .content__container{ margin-bottom: 2rem; } .feature.feature--7 .content__title{ font-size: 1.281rem; } } @media screen and (max-width:991px){ .feature.feature--2 .content__title{ font-size: 1.344rem; } .feature.feature--6 .button--secondary,.feature.feature--6 .button--primary{ font-size: .9rem; } .footer ul{ margin-top: 0; } } @media screen and (max-width:576px){.industriesWeServefeature__image{display: none;}.industriesWeServeSec{text-align: center;} .feature.feature--7 .feature__content .content__buttons{ flex-direction: column; } .feature--7 .button.button--secondary{ margin-bottom: 1rem; } .feature.feature--2 .feature__content{ width: 90% !important; } } .phone-number p a:hover, .email p a:hover{ color: #a1a1a1; } .footer .footer-column address:hover{ text-decoration: underline; color: #394d82; } .footer-copyright-bar img{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(121deg) brightness(111%) contrast(101%); } .footer-copyright-bar { padding: 10px 0; font-weight: 400; } .footer-copyright-bar .col-12 ul.links li img { position: relative; margin-left: 5px; top: 3px; } .feature--8 .content__text{ margin: 1.5rem 0; } .feature--8 .button{ font-size: 1rem; } .feature.feature--8 .feature__image img { top: 0; bottom: 0; margin: auto 0; } .checkLightList{ display: flex; } .feature--7 .content__text{ margin: 1.5rem 0; } .feature--7 .button{ font-size: 1.172rem; white-space: nowrap; } .feature.feature--7 .feature__image img { top: 0; bottom: 0; margin: auto 0; } .feature.feature--7 .feature__content .content__container { border: #000 2px solid; padding: 40px; } .checkLightList { display: flex; width: 100%; justify-content: space-around; } .join_our_team_ { font-size: 2.344rem; font-family: "NotoSansTC"; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 1.013; text-align: center; position: absolute; left: 894.421px; top: 3454.506px; z-index: 62; } ul li { font-family: 'Noto Sans KR', sans-serif; } .feature.feature--2 .feature__content{ width: 1054px; height: 250px; } .feature.feature--2 ul{ padding: 0; } @media screen and (max-width:1150px){ .feature.feature--2 .feature__content{ width: 70%; } } .cta h3{ margin: 1rem 0; } .page-title__text{ font-size: 2.25rem; } .UVP h2{ font-size: 1.813rem; font-weight: 600; margin: 2rem 0 1rem; } .UVP ul li{ font-weight: 400; } .UVP{ margin-bottom: 2rem; } .gridinner .button{ color: #000; font-weight: 400; } .gridinner img{ align-self: center; } .gridwrap p{ line-height: 1; font-weight: 400; } #toplevel{ margin-bottom: 4rem; } .innerUVP{ margin-bottom: 4rem; } .innerPhoto{ margin-bottom: 4rem; } .content-area p{ font-weight: 300; } .content-area h2{ font-size: 1.563rem; text-transform: inherit; font-weight: 600; } .content-area h3{ font-size: 1.172rem; font-weight: bold; } [data-accordion] [data-control] { width: 80%; font-size: 1.172rem; background: #898989; font-family: 'Alata', sans-serif; padding: 10px 12px; font-weight: 400; text-transform: uppercase; } [data-accordion] [data-content] p{ margin: .5rem 0; } .gridinner{ display: flex; } /* BLOG FEED */ .triton-blog-feed .row{ display: flex; } .triton-blog-feed-article .title{ font-size: 1.875rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; /* width: 120%; */ margin: 1rem 0 2rem; line-height: 1; } .triton-blog-feed-article .summary{ font-size: 1.042rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; /* width: 140%; */ display: inline; } .triton-blog-feed{ margin-bottom: 4rem; } .opening{ font-family: 'Noto Sans KR', sans-serif; font-weight: 400; text-align: center; margin-bottom: 2rem; } .readMoreBlog { display: inline; color: #394d82; } .page-title__text{ text-transform: uppercase; } .inner-banner h1 span{ text-transform: capitalize !important; } .energyAudit{ text-align: center; padding: 3rem; font-size: 1.813rem; font-family: 'Noto Sans KR', sans-serif; width: 350px; } .energyAudit h3{ font-size: 29px; text-transform: uppercase; font-weight: bold; } .energyAuditBTN{ position: absolute; font-size: 1.125rem; white-space: nowrap; } .eds_news_Ozone.eds_subCollection_news .edn_articleSummary{ font-weight: 400; line-height: 1.5; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; } .content-area p{ line-height: 1.5; font-family: 'Noto Sans KR', sans-serif; } .eds_news_Ozone.eds_subCollection_news .edn_articleTitle a{ font-family: 'Noto Sans KR', sans-serif; } .eds_news_Ozone.eds_subCollection_news .edn_metaDetails .edn_numberComments, .eds_news_Ozone.eds_subCollection_news .edn_metaDetails .edn_numberOfVievs, .eds_news_Ozone.eds_subCollection_news div.EDN_article_rateit div.rateit-range{ display: none; } /* .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-center-box, .page-title.page-title-left-box { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; display: inline;} .page-title.page-title-center-box .page-title__text, .page-title.page-title-left-box .page-title__text { margin: 0; color: white; background: #000; padding-bottom: 1rem;} .sidebar-area{ margin-bottom: 4rem; } .content-area a{ color:#394d81 ; } .content-area p a:hover{ color:#000 ; text-decoration: underline; } .utm-form { margin-bottom: 2rem; margin-top: 1rem; } .UVP img{ margin-right: 10px; } @media screen and (min-width: 576px){ .meetTheTeam { display: grid; grid-template-columns: 50% 50%; } } .meetThePerson { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%); text-align: center; margin: 0rem 1rem 2rem; padding: 1rem; } .meetThePerson h2 { font-size: 1.5rem; margin-top: 1rem!important; margin-bottom: 1rem!important; color: #394d81; } .meetThePerson p { font-size: .8rem; color: grey !important; font-weight: 600 !important; } .meetTheTeam{ margin-top: 4rem; } .eds_news_Ozone.eds_subCollection_news .edn_articlesRssWrapper a{ display: none; } .energyAuditBTN{ width: 322px; height: 40px; top: auto; bottom: 25px; position: relative; font-size: 1.063rem !important; } .energyAudit{ display: flex; flex-direction: column; align-items: center; padding: 0rem !important; } .energyAudit h3{ line-height: 1; } .footer-copyright-bar{ padding: 0 !important; } .facebook:hover{ filter: invert(28%) sepia(12%) saturate(2503%) hue-rotate(186deg) brightness(95%) contrast(89%); } .inner-banner{ height: 200px !important; } @media screen and (max-width: 576px){ .inner-banner h1 span { font-size: 0.695rem; } .page-title__text { font-size: 1.25rem; } .gridinner{ flex-direction: column; margin-bottom: 5rem; } .gridwrap{ text-align: center; margin-left: 0 !important;} } @media screen and (max-width: 767px){#industriesWeServe{background-repeat:no-repeat !important;background-size:cover;}.industriesWeServeSecOption ul{columns: 2 !important;padding: 0;}.icon__title{font-size: 0.813rem;}.grid-icon__icon img{width: 35px;} .utm-form{ width: 100% !important; } .energyAudit{ margin: 0 auto !important; } .triton-blog-feed .triton-blog-feed-article{ display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem; } .triton-blog-feed-article .summary, .triton-blog-feed-article .title{ text-align: center; } [data-accordion] [data-control]{ width: 100%; font-size: 0.938rem; } } .triton-blog-feed .triton-blog-feed-article .image{ height: 250px !important; } @media screen and (min-width: 1100px){ .triton-blog-feed .triton-blog-feed-article .image{ width: 500px !important; } } .button.button--secondary:hover{ text-decoration: none !important; } .cta a:hover{ color: #394d82; } .page-title.page-title-center-box .page-title__text, .page-title.page-title-left-box .page-title__text{ position: relative; display: inline-block; padding: 15px 35px; } .industriesWeServeSecOption ul li{ margin-bottom: 6rem; } #industriesWeServe{ background-image: url("/portals/0/industriesServedBackground.jpg"); background-repeat:no-repeat;background-size:cover } .homeUVPOne img{ filter: invert(28%) sepia(10%) saturate(2684%) hue-rotate(186deg) brightness(98%) contrast(92%); } .banner-area.banner-area--3 .banner-area__title{ font-weight: 800; } @media screen and (max-width: 1100px){ .menu ul li a{ font-size: 0.813rem; } } .grid.grid-1x3--1 .grid__item .item__content .content__title{ font-weight: 600; } @media screen and (min-width: 1475px){ .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text{ padding: 0 4rem; } } .content__text{ font-weight: 400; } .grid-icon__icon:hover{ filter: invert(28%) sepia(10%) saturate(2684%) hue-rotate(186deg) brightness(98%) contrast(92%); } .feature.feature--2 ul li::before{ content:""; position:relative; /*or absolute*/ z-index:100000; /*a number that's more than the modal box*/ left:-10px; top:7px; filter: invert(79%) sepia(6%) saturate(3346%) hue-rotate(36deg) brightness(101%) contrast(94%); width: 26px; height: 28px; background-size: 26px 28px; background-image: url('/portals/0/check-light.svg'); display: inline-block; } .feature.feature--2 .feature__content .content__title{ font-weight: 500; } .footer-column .title{ text-transform: uppercase; } .header.header--4.is-sticky .bottom .mobile{ padding: 15px 0; } .triton-blog-feed .triton-blog-feed-article:hover h3{ color: #394d82; } .gridwrap h3{ text-transform: uppercase; } .gridwrap p{ margin-bottom: 1rem; } .gridwrap .button{ background: #d7d7d7; } .energyAudit:hover h3{ color: #394d82; } [data-accordion].open [data-control], [data-control], [data-accordion] [data-control]:hover{ background: #394d82; } .page-title__text{ font-weight: 700; } @media screen and (min-width: 767px){ .checkLightList ul li:first-child{ margin-bottom: 1rem; } #industriesWeServe{ margin-bottom: -3rem; } } @media screen and (min-width: 991px){ .industriesWeServeSec h2{ white-space: nowrap; } } @media screen and (max-width: 991px){ .footer .footer-column .list.list--col-2 li a{ font-size: 1rem; } .footer .footer-column{ margin-top: 15px; } .industriesServedFooter{ margin-bottom: 1rem; } #footer-one-pane address, .phone-number p, .email p{ font-size: 1rem !important; } .banner .banner-image{ opacity: .15; } } .industriesWeServeSec{ margin-top: 2rem; } .industriesWeServeSec h2{ margin-bottom: 2rem; } @media screen and (max-width: 1165px) and (min-width: 767px){ .feature.feature--7 .feature__content .content__buttons{ flex-direction: column; } .feature.feature--7 .button--secondary{ margin-bottom: 1rem; } } .UVP ul li::before{ content: ""; position: relative; /* z-index: 100000; */ margin-right: 10px; top: 2px; width: 12px; height: 14px; background-size: 12px 14px; background-image: url(/portals/0/snowflake-solid.svg); display: inline-block; } .UVP h2{ font-weight: 800; } @media screen and (max-width: 575px){ .inner-banner{ height: 125px !important; } .content__text, #industriesWeServe p{ font-size: 1rem; } .industriesWeServeSec, .industriesWeServeSecOption{ padding: 0 1rem !important; } .feature.feature--2 .button{ font-size: .9rem; margin-top: 10px; } .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text{ padding: 0 10px; } .homeUVPOne:nth-child(2), .homeUVPOne:nth-child(3){ margin-left: 1rem !important; } .feature.feature--8.py-5{ margin-top: -4rem !important; } .industriesWeServeSecOption ul li{ margin-bottom: 2rem; } } .menu.menu--mobile ul li a{ font-size: 1.4rem; font-weight: 500; } .menu.menu--mobile ul li ul li a{ font-size: 18px; font-weight: 500; } .menu.menu--mobile ul li .icon{ top: 12px !important; right: -10px !important; } .content-area p{ font-size: 1.042rem; } .industriesWeServeSec, .industriesWeServeSecOption{ padding-left: 2rem; } .content-area ul li{ font-size: 1.042rem; font-weight: 300; } @media screen and (max-width: 767px){ .energyAudit{ max-width: 100%; } .menu.menu--mobile ul li .icon{ top: 10px !important; } } .energyAudit{ margin-bottom: -1rem; } .energyAudit:hover img{ opacity: .5; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .menu.menu--mobile{ background: rgb(215, 215, 215); } .eds_news_Ozone h2 { font-weight: 600; margin-bottom: 20px; font-size: 1.563rem; text-transform: capitalize; font-family: 'Noto Sans KR', sans-serif; color: rgb(0, 0, 0); } .eds_news_Ozone p{ color: #000; } .menu.menu--desktop ul li[data-depth="0"] a{ font-weight: 500; } .menu.menu--desktop ul li[data-depth="1"] a { padding-left: 10px; background: #d7d7d7; } .menu.menu--desktop ul li[data-depth="0"] ul[data-depth="0"] li:hover{ border-bottom: 2px solid #1f1f1f ; } .cta h3{ text-align: center !important; } .content-area a{ text-decoration: underline; } .content-area ul li a:hover { color: #000; text-decoration: underline; } .button{ text-decoration: none !important; } @media screen and (max-width: 576px){ .grid.grid-1x3--1 .grid__item .item__content .content__hover{ margin-bottom: 2rem !important; } .menu.menu--mobile ul li .icon{ right: 5px !important; } } @media screen and (max-width: 415px){ .grid.grid-1x3--1 .grid__item .item__content .content__hover{ margin-bottom: 5rem !important; } } .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text { font-size: 1.042rem; margin-top: 1rem; font-family: 'Noto Sans KR', sans-serif !important; } @media screen and (min-width: 767px){ .grid.grid-1x3--1 .grid__item:hover .item__content .content__hover { max-height: 200px; opacity: 1; } .grid.grid-1x3--1 .grid__item:hover .item__content .content__hover { max-height: 200px; opacity: 1; } .grid.grid-1x3--1 .grid__item:hover .item__content{ padding: 8rem 0px ; border: 4px solid; background: none; } .grid.grid-1x3--1 .grid__item:hover .item__content .content__hover, .grid.grid-1x3--1 .grid__item:hover .item__content { display: flex; flex-direction: column; align-items: center; } grid.grid-1x3--1 .grid__item:hover .item__content .cheveronDoubleRight{ background: -moz-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); background: -webkit-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); background: -ms-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); } .grid.grid-1x3--1 .grid__item:hover .item__content{ border-image: linear-gradient(to right, #fff, #000) 1; border-width: 3px; border-style: solid; } .grid.grid-1x3--1 .grid__item:hover .item__content .cheveronDoubleRight { background: -moz-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%) !important; background: -webkit-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); background: -ms-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%); } } @media screen and (max-width: 1250px) and (min-width:767px){ .grid.grid-1x3--1 .grid__item:hover .item__content .cheveronDoubleRight{ margin-top: 7rem; } } .googleReviewBTN{ filter: invert(28%) sepia(12%) saturate(2503%) hue-rotate(186deg) brightness(95%) contrast(89%); } .menu.menu--mobile ul li .icon.active{ font-size: 1.5rem; } .grid.grid-1x3--1 .grid__item .item__content .content__hover .hover__text{ font-weight: 400; } #industriesWeServe p{ font-weight: 400;color: rgb(81, 81, 81); } /* --------------------------------------------------------- * 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; font-size: 1.813rem; font-family: 'Noto Sans KR', sans-serif; color: rgb(0, 0, 0); text-transform: uppercase;font-weight: 800; } /** BEGIN COMPONENT OVERRIDES HERE **/ .side-nav.callout-box:hover{ opacity: .5; -webkit-transition: opacity 0.35s; } @media screen and (max-width: 767px) and (min-width:552px){ .utm-form{ height: 553px; } } .feature--8 .button { font-size: 1.125rem; height: 50px; } @media screen and (min-width: 1251px){ .feature--8 .content__buttons a:nth-child(2){ margin-right: -14px; } } @media screen and (min-width: 991px){ .feature.feature--8.py-5{ margin-top: -7rem; margin-bottom: 2rem; } .footer .footer-column .list.list--col-2{ margin-top: .3rem; } .footer .footer-column .list.list--col-2 li{ margin-bottom: -5px; } .feature.feature--6 .feature__content{ padding-top: 3.2rem; } #industriesWeServe p{ width: 110%; } .banner-image img{ object-fit: initial; } .feature.feature--6 .content__text{ margin-top: 1rem; } } .button.button--secondary{ height: 50px; } .button.button--primary{ height: 50px; } .feature.feature--6 .feature__image, .feature.feature--7 .feature__image img{ border: solid #000 2px; } .feature.feature--7 .feature__content .content__buttons{ -webkit-justify-content: start; justify-content: start; } @media screen and (min-width: 1166px){ .feature.feature--7 .content__buttons a:nth-child(2){ margin-left: 1rem; } } #footer-one-pane address{ text-transform: uppercase; } .energyAuditBTN{ height: initial !important; } @media screen and (min-width: 1320px){ .utm-form{ margin-left: 5rem; } .energyAudit{ margin-left: 5rem; }} .gridwrap .button{ padding: 0 10px; } .banner .banner-image img{ border: solid #000 2px } .banner .banner-image img::after{ content: url(/portals/0/ImgRect.png); position: absolute; display: block; } .page-title.page-title-center-box .page-title__text, .page-title.page-title-left-box .page-title__text{ padding: 40px 60px 15px; line-height: .8; } .feature.feature--6 .feature__image{ height: 396px; } .optionSection{ display: grid; grid-template-columns: 100px 100px 100px 100px; grid-gap: 3.5rem 5rem; padding-left: 5rem; padding-top: 1rem; } .industriesWeServeSecOption img{ margin-bottom: 1rem; } .industries_we_serve { font-size: 37.5px; font-family: "NotoSansTC"; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 1.013; text-align: center; position: absolute; left: 196.907px; top: 1982.006px; z-index: 155; } @media screen and (min-width: 1130px){ .icon__title{ white-space: nowrap; } } @media screen and (max-width: 1240px){ .optionSection{ padding-left: 3rem; grid-template-columns: 80px 80px 80px 80px; } .icon__title{ font-size: .9rem; } } @media screen and (max-width: 1050px){ .optionSection{ grid-template-columns:60px 60px 60px 60px } } .feature.feature--6{ margin-bottom: 8rem !important; margin-top: 7rem; } @media screen and (max-width: 1050px){ .optionSection{ grid-template-columns: 40px 40px 40px 40px} } @media screen and (max-width: 767px){ .industriesWeServeSec{ text-align: center; padding: 0 2rem; } .optionSection{ grid-template-columns: repeat(2, 1fr); justify-content: space-evenly; padding-left:0; padding-bottom:2rem; }.industriesWeServeSecOption{ padding: 0 0 2rem; }} .googleReviewBTN:hover{ filter: invert(0%) sepia(90%) saturate(7460%) hue-rotate(73deg) brightness(108%) contrast(109%); } @media screen and (max-width:1650px) and (min-width:992px) {.banner .banner-image {top:50%;height:auto;transform:translateY(-50%)}.banner .banner-image img{object-fit:contain!important;height:auto} }