/*----------------------------------------------------------------------------------- Template Name: Template URI: Description: Author: design_grid Author URI: Version: 1.0 -----------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ All Css Plugins & Helper Classes File ] -----------------------------------------------------------------*/ /* == bootstrap == */ /*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1400px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1400px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-table{display:table}.d-table-row{display:table-row}.d-table-cell{display:table-cell}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}@media (min-width:576px){.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-table{display:table}.d-sm-table-row{display:table-row}.d-sm-table-cell{display:table-cell}.d-sm-flex{display:-ms-flexbox;display:flex}.d-sm-inline-flex{display:-ms-inline-flexbox;display:inline-flex}}@media (min-width:768px){.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-table{display:table}.d-md-table-row{display:table-row}.d-md-table-cell{display:table-cell}.d-md-flex{display:-ms-flexbox;display:flex}.d-md-inline-flex{display:-ms-inline-flexbox;display:inline-flex}}@media (min-width:992px){.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-table{display:table}.d-lg-table-row{display:table-row}.d-lg-table-cell{display:table-cell}.d-lg-flex{display:-ms-flexbox;display:flex}.d-lg-inline-flex{display:-ms-inline-flexbox;display:inline-flex}}@media (min-width:1400px){.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-table{display:table}.d-xl-table-row{display:table-row}.d-xl-table-cell{display:table-cell}.d-xl-flex{display:-ms-flexbox;display:flex}.d-xl-inline-flex{display:-ms-inline-flexbox;display:inline-flex}}@media print{.d-print-none{display:none}.d-print-inline{display:inline}.d-print-inline-block{display:inline-block}.d-print-block{display:block}.d-print-table{display:table}.d-print-table-row{display:table-row}.d-print-table-cell{display:table-cell}.d-print-flex{display:-ms-flexbox;display:flex}.d-print-inline-flex{display:-ms-inline-flexbox;display:inline-flex}}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-center{-ms-flex-pack:center;justify-content:center}.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-start{-ms-flex-align:start;align-items:flex-start}.align-items-end{-ms-flex-align:end;align-items:flex-end}.align-items-center{-ms-flex-align:center;align-items:center}.align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-center{-ms-flex-line-pack:center;align-content:center}.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-self-auto{-ms-flex-item-align:auto;align-self:auto}.align-self-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-center{-ms-flex-item-align:center;align-self:center}.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row;flex-direction:row}.flex-sm-column{-ms-flex-direction:column;flex-direction:column}.flex-sm-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-sm-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-sm-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-sm-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-sm-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-sm-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-sm-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-sm-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-sm-shrink-1{-ms-flex-negative:1;flex-shrink:1}.justify-content-sm-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-sm-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-sm-center{-ms-flex-pack:center;justify-content:center}.justify-content-sm-between{-ms-flex-pack:justify;justify-content:space-between}.justify-content-sm-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-sm-start{-ms-flex-align:start;align-items:flex-start}.align-items-sm-end{-ms-flex-align:end;align-items:flex-end}.align-items-sm-center{-ms-flex-align:center;align-items:center}.align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}.align-content-sm-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-sm-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-sm-center{-ms-flex-line-pack:center;align-content:center}.align-content-sm-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-sm-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-sm-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-self-sm-auto{-ms-flex-item-align:auto;align-self:auto}.align-self-sm-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-sm-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-sm-center{-ms-flex-item-align:center;align-self:center}.align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row;flex-direction:row}.flex-md-column{-ms-flex-direction:column;flex-direction:column}.flex-md-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-md-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-md-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-md-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-md-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-md-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-md-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-md-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-md-shrink-1{-ms-flex-negative:1;flex-shrink:1}.justify-content-md-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-md-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-md-center{-ms-flex-pack:center;justify-content:center}.justify-content-md-between{-ms-flex-pack:justify;justify-content:space-between}.justify-content-md-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-md-start{-ms-flex-align:start;align-items:flex-start}.align-items-md-end{-ms-flex-align:end;align-items:flex-end}.align-items-md-center{-ms-flex-align:center;align-items:center}.align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}.align-content-md-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-md-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-md-center{-ms-flex-line-pack:center;align-content:center}.align-content-md-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-md-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-md-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-self-md-auto{-ms-flex-item-align:auto;align-self:auto}.align-self-md-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-md-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-md-center{-ms-flex-item-align:center;align-self:center}.align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row;flex-direction:row}.flex-lg-column{-ms-flex-direction:column;flex-direction:column}.flex-lg-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-lg-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-lg-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-lg-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-lg-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-lg-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-lg-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-lg-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-lg-shrink-1{-ms-flex-negative:1;flex-shrink:1}.justify-content-lg-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-lg-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-lg-center{-ms-flex-pack:center;justify-content:center}.justify-content-lg-between{-ms-flex-pack:justify;justify-content:space-between}.justify-content-lg-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-lg-start{-ms-flex-align:start;align-items:flex-start}.align-items-lg-end{-ms-flex-align:end;align-items:flex-end}.align-items-lg-center{-ms-flex-align:center;align-items:center}.align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}.align-content-lg-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-lg-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-lg-center{-ms-flex-line-pack:center;align-content:center}.align-content-lg-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-lg-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-lg-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-self-lg-auto{-ms-flex-item-align:auto;align-self:auto}.align-self-lg-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-lg-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-lg-center{-ms-flex-item-align:center;align-self:center}.align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:1400px){.flex-xl-row{-ms-flex-direction:row;flex-direction:row}.flex-xl-column{-ms-flex-direction:column;flex-direction:column}.flex-xl-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-xl-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-xl-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-xl-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-xl-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-xl-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-xl-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-xl-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-xl-shrink-1{-ms-flex-negative:1;flex-shrink:1}.justify-content-xl-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-xl-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-xl-center{-ms-flex-pack:center;justify-content:center}.justify-content-xl-between{-ms-flex-pack:justify;justify-content:space-between}.justify-content-xl-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-xl-start{-ms-flex-align:start;align-items:flex-start}.align-items-xl-end{-ms-flex-align:end;align-items:flex-end}.align-items-xl-center{-ms-flex-align:center;align-items:center}.align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}.align-content-xl-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-xl-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-xl-center{-ms-flex-line-pack:center;align-content:center}.align-content-xl-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-xl-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-xl-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-self-xl-auto{-ms-flex-item-align:auto;align-self:auto}.align-self-xl-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-xl-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-xl-center{-ms-flex-item-align:center;align-self:center}.align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}}.m-0{margin:0}.mt-0,.my-0{margin-top:0}.mr-0,.mx-0{margin-right:0}.mb-0,.my-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.m-1{margin:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1,.mx-1{margin-right:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.ml-1,.mx-1{margin-left:.25rem}.m-2{margin:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2,.mx-2{margin-right:.5rem}.mb-2,.my-2{margin-bottom:.5rem}.ml-2,.mx-2{margin-left:.5rem}.m-3{margin:1rem}.mt-3,.my-3{margin-top:1rem}.mr-3,.mx-3{margin-right:1rem}.mb-3,.my-3{margin-bottom:1rem}.ml-3,.mx-3{margin-left:1rem}.m-4{margin:1.5rem}.mt-4,.my-4{margin-top:1.5rem}.mr-4,.mx-4{margin-right:1.5rem}.mb-4,.my-4{margin-bottom:1.5rem}.ml-4,.mx-4{margin-left:1.5rem}.m-5{margin:3rem}.mt-5,.my-5{margin-top:3rem}.mr-5,.mx-5{margin-right:3rem}.mb-5,.my-5{margin-bottom:3rem}.ml-5,.mx-5{margin-left:3rem}.p-0{padding:0}.pt-0,.py-0{padding-top:0}.pr-0,.px-0{padding-right:0}.pb-0,.py-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.p-1{padding:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1,.px-1{padding-right:.25rem}.pb-1,.py-1{padding-bottom:.25rem}.pl-1,.px-1{padding-left:.25rem}.p-2{padding:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2,.px-2{padding-right:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pl-2,.px-2{padding-left:.5rem}.p-3{padding:1rem}.pt-3,.py-3{padding-top:1rem}.pr-3,.px-3{padding-right:1rem}.pb-3,.py-3{padding-bottom:1rem}.pl-3,.px-3{padding-left:1rem}.p-4{padding:1.5rem}.pt-4,.py-4{padding-top:1.5rem}.pr-4,.px-4{padding-right:1.5rem}.pb-4,.py-4{padding-bottom:1.5rem}.pl-4,.px-4{padding-left:1.5rem}.p-5{padding:3rem}.pt-5,.py-5{padding-top:3rem}.pr-5,.px-5{padding-right:3rem}.pb-5,.py-5{padding-bottom:3rem}.pl-5,.px-5{padding-left:3rem}.m-n1{margin:-.25rem}.mt-n1,.my-n1{margin-top:-.25rem}.mr-n1,.mx-n1{margin-right:-.25rem}.mb-n1,.my-n1{margin-bottom:-.25rem}.ml-n1,.mx-n1{margin-left:-.25rem}.m-n2{margin:-.5rem}.mt-n2,.my-n2{margin-top:-.5rem}.mr-n2,.mx-n2{margin-right:-.5rem}.mb-n2,.my-n2{margin-bottom:-.5rem}.ml-n2,.mx-n2{margin-left:-.5rem}.m-n3{margin:-1rem}.mt-n3,.my-n3{margin-top:-1rem}.mr-n3,.mx-n3{margin-right:-1rem}.mb-n3,.my-n3{margin-bottom:-1rem}.ml-n3,.mx-n3{margin-left:-1rem}.m-n4{margin:-1.5rem}.mt-n4,.my-n4{margin-top:-1.5rem}.mr-n4,.mx-n4{margin-right:-1.5rem}.mb-n4,.my-n4{margin-bottom:-1.5rem}.ml-n4,.mx-n4{margin-left:-1.5rem}.m-n5{margin:-3rem}.mt-n5,.my-n5{margin-top:-3rem}.mr-n5,.mx-n5{margin-right:-3rem}.mb-n5,.my-n5{margin-bottom:-3rem}.ml-n5,.mx-n5{margin-left:-3rem}.m-auto{margin:auto}.mt-auto,.my-auto{margin-top:auto}.mr-auto,.mx-auto{margin-right:auto}.mb-auto,.my-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}@media (min-width:576px){.m-sm-0{margin:0}.mt-sm-0,.my-sm-0{margin-top:0}.mr-sm-0,.mx-sm-0{margin-right:0}.mb-sm-0,.my-sm-0{margin-bottom:0}.ml-sm-0,.mx-sm-0{margin-left:0}.m-sm-1{margin:.25rem}.mt-sm-1,.my-sm-1{margin-top:.25rem}.mr-sm-1,.mx-sm-1{margin-right:.25rem}.mb-sm-1,.my-sm-1{margin-bottom:.25rem}.ml-sm-1,.mx-sm-1{margin-left:.25rem}.m-sm-2{margin:.5rem}.mt-sm-2,.my-sm-2{margin-top:.5rem}.mr-sm-2,.mx-sm-2{margin-right:.5rem}.mb-sm-2,.my-sm-2{margin-bottom:.5rem}.ml-sm-2,.mx-sm-2{margin-left:.5rem}.m-sm-3{margin:1rem}.mt-sm-3,.my-sm-3{margin-top:1rem}.mr-sm-3,.mx-sm-3{margin-right:1rem}.mb-sm-3,.my-sm-3{margin-bottom:1rem}.ml-sm-3,.mx-sm-3{margin-left:1rem}.m-sm-4{margin:1.5rem}.mt-sm-4,.my-sm-4{margin-top:1.5rem}.mr-sm-4,.mx-sm-4{margin-right:1.5rem}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem}.ml-sm-4,.mx-sm-4{margin-left:1.5rem}.m-sm-5{margin:3rem}.mt-sm-5,.my-sm-5{margin-top:3rem}.mr-sm-5,.mx-sm-5{margin-right:3rem}.mb-sm-5,.my-sm-5{margin-bottom:3rem}.ml-sm-5,.mx-sm-5{margin-left:3rem}.p-sm-0{padding:0}.pt-sm-0,.py-sm-0{padding-top:0}.pr-sm-0,.px-sm-0{padding-right:0}.pb-sm-0,.py-sm-0{padding-bottom:0}.pl-sm-0,.px-sm-0{padding-left:0}.p-sm-1{padding:.25rem}.pt-sm-1,.py-sm-1{padding-top:.25rem}.pr-sm-1,.px-sm-1{padding-right:.25rem}.pb-sm-1,.py-sm-1{padding-bottom:.25rem}.pl-sm-1,.px-sm-1{padding-left:.25rem}.p-sm-2{padding:.5rem}.pt-sm-2,.py-sm-2{padding-top:.5rem}.pr-sm-2,.px-sm-2{padding-right:.5rem}.pb-sm-2,.py-sm-2{padding-bottom:.5rem}.pl-sm-2,.px-sm-2{padding-left:.5rem}.p-sm-3{padding:1rem}.pt-sm-3,.py-sm-3{padding-top:1rem}.pr-sm-3,.px-sm-3{padding-right:1rem}.pb-sm-3,.py-sm-3{padding-bottom:1rem}.pl-sm-3,.px-sm-3{padding-left:1rem}.p-sm-4{padding:1.5rem}.pt-sm-4,.py-sm-4{padding-top:1.5rem}.pr-sm-4,.px-sm-4{padding-right:1.5rem}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem}.pl-sm-4,.px-sm-4{padding-left:1.5rem}.p-sm-5{padding:3rem}.pt-sm-5,.py-sm-5{padding-top:3rem}.pr-sm-5,.px-sm-5{padding-right:3rem}.pb-sm-5,.py-sm-5{padding-bottom:3rem}.pl-sm-5,.px-sm-5{padding-left:3rem}.m-sm-n1{margin:-.25rem}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem}.m-sm-n2{margin:-.5rem}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem}.m-sm-n3{margin:-1rem}.mt-sm-n3,.my-sm-n3{margin-top:-1rem}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem}.m-sm-n4{margin:-1.5rem}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem}.m-sm-n5{margin:-3rem}.mt-sm-n5,.my-sm-n5{margin-top:-3rem}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem}.m-sm-auto{margin:auto}.mt-sm-auto,.my-sm-auto{margin-top:auto}.mr-sm-auto,.mx-sm-auto{margin-right:auto}.mb-sm-auto,.my-sm-auto{margin-bottom:auto}.ml-sm-auto,.mx-sm-auto{margin-left:auto}}@media (min-width:768px){.m-md-0{margin:0}.mt-md-0,.my-md-0{margin-top:0}.mr-md-0,.mx-md-0{margin-right:0}.mb-md-0,.my-md-0{margin-bottom:0}.ml-md-0,.mx-md-0{margin-left:0}.m-md-1{margin:.25rem}.mt-md-1,.my-md-1{margin-top:.25rem}.mr-md-1,.mx-md-1{margin-right:.25rem}.mb-md-1,.my-md-1{margin-bottom:.25rem}.ml-md-1,.mx-md-1{margin-left:.25rem}.m-md-2{margin:.5rem}.mt-md-2,.my-md-2{margin-top:.5rem}.mr-md-2,.mx-md-2{margin-right:.5rem}.mb-md-2,.my-md-2{margin-bottom:.5rem}.ml-md-2,.mx-md-2{margin-left:.5rem}.m-md-3{margin:1rem}.mt-md-3,.my-md-3{margin-top:1rem}.mr-md-3,.mx-md-3{margin-right:1rem}.mb-md-3,.my-md-3{margin-bottom:1rem}.ml-md-3,.mx-md-3{margin-left:1rem}.m-md-4{margin:1.5rem}.mt-md-4,.my-md-4{margin-top:1.5rem}.mr-md-4,.mx-md-4{margin-right:1.5rem}.mb-md-4,.my-md-4{margin-bottom:1.5rem}.ml-md-4,.mx-md-4{margin-left:1.5rem}.m-md-5{margin:3rem}.mt-md-5,.my-md-5{margin-top:3rem}.mr-md-5,.mx-md-5{margin-right:3rem}.mb-md-5,.my-md-5{margin-bottom:3rem}.ml-md-5,.mx-md-5{margin-left:3rem}.p-md-0{padding:0}.pt-md-0,.py-md-0{padding-top:0}.pr-md-0,.px-md-0{padding-right:0}.pb-md-0,.py-md-0{padding-bottom:0}.pl-md-0,.px-md-0{padding-left:0}.p-md-1{padding:.25rem}.pt-md-1,.py-md-1{padding-top:.25rem}.pr-md-1,.px-md-1{padding-right:.25rem}.pb-md-1,.py-md-1{padding-bottom:.25rem}.pl-md-1,.px-md-1{padding-left:.25rem}.p-md-2{padding:.5rem}.pt-md-2,.py-md-2{padding-top:.5rem}.pr-md-2,.px-md-2{padding-right:.5rem}.pb-md-2,.py-md-2{padding-bottom:.5rem}.pl-md-2,.px-md-2{padding-left:.5rem}.p-md-3{padding:1rem}.pt-md-3,.py-md-3{padding-top:1rem}.pr-md-3,.px-md-3{padding-right:1rem}.pb-md-3,.py-md-3{padding-bottom:1rem}.pl-md-3,.px-md-3{padding-left:1rem}.p-md-4{padding:1.5rem}.pt-md-4,.py-md-4{padding-top:1.5rem}.pr-md-4,.px-md-4{padding-right:1.5rem}.pb-md-4,.py-md-4{padding-bottom:1.5rem}.pl-md-4,.px-md-4{padding-left:1.5rem}.p-md-5{padding:3rem}.pt-md-5,.py-md-5{padding-top:3rem}.pr-md-5,.px-md-5{padding-right:3rem}.pb-md-5,.py-md-5{padding-bottom:3rem}.pl-md-5,.px-md-5{padding-left:3rem}.m-md-n1{margin:-.25rem}.mt-md-n1,.my-md-n1{margin-top:-.25rem}.mr-md-n1,.mx-md-n1{margin-right:-.25rem}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem}.ml-md-n1,.mx-md-n1{margin-left:-.25rem}.m-md-n2{margin:-.5rem}.mt-md-n2,.my-md-n2{margin-top:-.5rem}.mr-md-n2,.mx-md-n2{margin-right:-.5rem}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem}.ml-md-n2,.mx-md-n2{margin-left:-.5rem}.m-md-n3{margin:-1rem}.mt-md-n3,.my-md-n3{margin-top:-1rem}.mr-md-n3,.mx-md-n3{margin-right:-1rem}.mb-md-n3,.my-md-n3{margin-bottom:-1rem}.ml-md-n3,.mx-md-n3{margin-left:-1rem}.m-md-n4{margin:-1.5rem}.mt-md-n4,.my-md-n4{margin-top:-1.5rem}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem}.m-md-n5{margin:-3rem}.mt-md-n5,.my-md-n5{margin-top:-3rem}.mr-md-n5,.mx-md-n5{margin-right:-3rem}.mb-md-n5,.my-md-n5{margin-bottom:-3rem}.ml-md-n5,.mx-md-n5{margin-left:-3rem}.m-md-auto{margin:auto}.mt-md-auto,.my-md-auto{margin-top:auto}.mr-md-auto,.mx-md-auto{margin-right:auto}.mb-md-auto,.my-md-auto{margin-bottom:auto}.ml-md-auto,.mx-md-auto{margin-left:auto}}@media (min-width:992px){.m-lg-0{margin:0}.mt-lg-0,.my-lg-0{margin-top:0}.mr-lg-0,.mx-lg-0{margin-right:0}.mb-lg-0,.my-lg-0{margin-bottom:0}.ml-lg-0,.mx-lg-0{margin-left:0}.m-lg-1{margin:.25rem}.mt-lg-1,.my-lg-1{margin-top:.25rem}.mr-lg-1,.mx-lg-1{margin-right:.25rem}.mb-lg-1,.my-lg-1{margin-bottom:.25rem}.ml-lg-1,.mx-lg-1{margin-left:.25rem}.m-lg-2{margin:.5rem}.mt-lg-2,.my-lg-2{margin-top:.5rem}.mr-lg-2,.mx-lg-2{margin-right:.5rem}.mb-lg-2,.my-lg-2{margin-bottom:.5rem}.ml-lg-2,.mx-lg-2{margin-left:.5rem}.m-lg-3{margin:1rem}.mt-lg-3,.my-lg-3{margin-top:1rem}.mr-lg-3,.mx-lg-3{margin-right:1rem}.mb-lg-3,.my-lg-3{margin-bottom:1rem}.ml-lg-3,.mx-lg-3{margin-left:1rem}.m-lg-4{margin:1.5rem}.mt-lg-4,.my-lg-4{margin-top:1.5rem}.mr-lg-4,.mx-lg-4{margin-right:1.5rem}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem}.ml-lg-4,.mx-lg-4{margin-left:1.5rem}.m-lg-5{margin:3rem}.mt-lg-5,.my-lg-5{margin-top:3rem}.mr-lg-5,.mx-lg-5{margin-right:3rem}.mb-lg-5,.my-lg-5{margin-bottom:3rem}.ml-lg-5,.mx-lg-5{margin-left:3rem}.p-lg-0{padding:0}.pt-lg-0,.py-lg-0{padding-top:0}.pr-lg-0,.px-lg-0{padding-right:0}.pb-lg-0,.py-lg-0{padding-bottom:0}.pl-lg-0,.px-lg-0{padding-left:0}.p-lg-1{padding:.25rem}.pt-lg-1,.py-lg-1{padding-top:.25rem}.pr-lg-1,.px-lg-1{padding-right:.25rem}.pb-lg-1,.py-lg-1{padding-bottom:.25rem}.pl-lg-1,.px-lg-1{padding-left:.25rem}.p-lg-2{padding:.5rem}.pt-lg-2,.py-lg-2{padding-top:.5rem}.pr-lg-2,.px-lg-2{padding-right:.5rem}.pb-lg-2,.py-lg-2{padding-bottom:.5rem}.pl-lg-2,.px-lg-2{padding-left:.5rem}.p-lg-3{padding:1rem}.pt-lg-3,.py-lg-3{padding-top:1rem}.pr-lg-3,.px-lg-3{padding-right:1rem}.pb-lg-3,.py-lg-3{padding-bottom:1rem}.pl-lg-3,.px-lg-3{padding-left:1rem}.p-lg-4{padding:1.5rem}.pt-lg-4,.py-lg-4{padding-top:1.5rem}.pr-lg-4,.px-lg-4{padding-right:1.5rem}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem}.pl-lg-4,.px-lg-4{padding-left:1.5rem}.p-lg-5{padding:3rem}.pt-lg-5,.py-lg-5{padding-top:3rem}.pr-lg-5,.px-lg-5{padding-right:3rem}.pb-lg-5,.py-lg-5{padding-bottom:3rem}.pl-lg-5,.px-lg-5{padding-left:3rem}.m-lg-n1{margin:-.25rem}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem}.m-lg-n2{margin:-.5rem}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem}.m-lg-n3{margin:-1rem}.mt-lg-n3,.my-lg-n3{margin-top:-1rem}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem}.m-lg-n4{margin:-1.5rem}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem}.m-lg-n5{margin:-3rem}.mt-lg-n5,.my-lg-n5{margin-top:-3rem}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem}.m-lg-auto{margin:auto}.mt-lg-auto,.my-lg-auto{margin-top:auto}.mr-lg-auto,.mx-lg-auto{margin-right:auto}.mb-lg-auto,.my-lg-auto{margin-bottom:auto}.ml-lg-auto,.mx-lg-auto{margin-left:auto}}@media (min-width:1400px){.m-xl-0{margin:0}.mt-xl-0,.my-xl-0{margin-top:0}.mr-xl-0,.mx-xl-0{margin-right:0}.mb-xl-0,.my-xl-0{margin-bottom:0}.ml-xl-0,.mx-xl-0{margin-left:0}.m-xl-1{margin:.25rem}.mt-xl-1,.my-xl-1{margin-top:.25rem}.mr-xl-1,.mx-xl-1{margin-right:.25rem}.mb-xl-1,.my-xl-1{margin-bottom:.25rem}.ml-xl-1,.mx-xl-1{margin-left:.25rem}.m-xl-2{margin:.5rem}.mt-xl-2,.my-xl-2{margin-top:.5rem}.mr-xl-2,.mx-xl-2{margin-right:.5rem}.mb-xl-2,.my-xl-2{margin-bottom:.5rem}.ml-xl-2,.mx-xl-2{margin-left:.5rem}.m-xl-3{margin:1rem}.mt-xl-3,.my-xl-3{margin-top:1rem}.mr-xl-3,.mx-xl-3{margin-right:1rem}.mb-xl-3,.my-xl-3{margin-bottom:1rem}.ml-xl-3,.mx-xl-3{margin-left:1rem}.m-xl-4{margin:1.5rem}.mt-xl-4,.my-xl-4{margin-top:1.5rem}.mr-xl-4,.mx-xl-4{margin-right:1.5rem}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem}.ml-xl-4,.mx-xl-4{margin-left:1.5rem}.m-xl-5{margin:3rem}.mt-xl-5,.my-xl-5{margin-top:3rem}.mr-xl-5,.mx-xl-5{margin-right:3rem}.mb-xl-5,.my-xl-5{margin-bottom:3rem}.ml-xl-5,.mx-xl-5{margin-left:3rem}.p-xl-0{padding:0}.pt-xl-0,.py-xl-0{padding-top:0}.pr-xl-0,.px-xl-0{padding-right:0}.pb-xl-0,.py-xl-0{padding-bottom:0}.pl-xl-0,.px-xl-0{padding-left:0}.p-xl-1{padding:.25rem}.pt-xl-1,.py-xl-1{padding-top:.25rem}.pr-xl-1,.px-xl-1{padding-right:.25rem}.pb-xl-1,.py-xl-1{padding-bottom:.25rem}.pl-xl-1,.px-xl-1{padding-left:.25rem}.p-xl-2{padding:.5rem}.pt-xl-2,.py-xl-2{padding-top:.5rem}.pr-xl-2,.px-xl-2{padding-right:.5rem}.pb-xl-2,.py-xl-2{padding-bottom:.5rem}.pl-xl-2,.px-xl-2{padding-left:.5rem}.p-xl-3{padding:1rem}.pt-xl-3,.py-xl-3{padding-top:1rem}.pr-xl-3,.px-xl-3{padding-right:1rem}.pb-xl-3,.py-xl-3{padding-bottom:1rem}.pl-xl-3,.px-xl-3{padding-left:1rem}.p-xl-4{padding:1.5rem}.pt-xl-4,.py-xl-4{padding-top:1.5rem}.pr-xl-4,.px-xl-4{padding-right:1.5rem}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem}.pl-xl-4,.px-xl-4{padding-left:1.5rem}.p-xl-5{padding:3rem}.pt-xl-5,.py-xl-5{padding-top:3rem}.pr-xl-5,.px-xl-5{padding-right:3rem}.pb-xl-5,.py-xl-5{padding-bottom:3rem}.pl-xl-5,.px-xl-5{padding-left:3rem}.m-xl-n1{margin:-.25rem}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem}.m-xl-n2{margin:-.5rem}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem}.m-xl-n3{margin:-1rem}.mt-xl-n3,.my-xl-n3{margin-top:-1rem}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem}.m-xl-n4{margin:-1.5rem}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem}.m-xl-n5{margin:-3rem}.mt-xl-n5,.my-xl-n5{margin-top:-3rem}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem}.m-xl-auto{margin:auto}.mt-xl-auto,.my-xl-auto{margin-top:auto}.mr-xl-auto,.mx-xl-auto{margin-right:auto}.mb-xl-auto,.my-xl-auto{margin-bottom:auto}.ml-xl-auto,.mx-xl-auto{margin-left:auto}} /* == fontawesome == */ /*! * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */.fa,.fab,.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{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.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-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dot-circle:before{content:"\f192"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-paragraph:before{content:"\f1dd"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-print:before{content:"\f02f"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-rebel:before{content:"\f1d0"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-road:before{content:"\f018"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.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;src:url(../themes/eycom2021/assets/fonts/fa-brands-400.eot);src:url(../themes/eycom2021/assets/fonts/fa-brands-400.eot?) format("embedded-opentype"),url(../themes/eycom2021/assets/fonts/fa-brands-400.woff2) format("woff2"),url(../themes/eycom2021/assets/fonts/fa-brands-400.woff) format("woff"),url(../themes/eycom2021/assets/fonts/fa-brands-400.ttf) format("truetype"),url(../themes/eycom2021/assets/fonts/fa-brands-400.svg) format("svg");font-display:swap}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../themes/eycom2021/assets/fonts/fa-regular-400.eot);src:url(../themes/eycom2021/assets/fonts/fa-regular-400.eot?) format("embedded-opentype"),url(../themes/eycom2021/assets/fonts/fa-regular-400.woff2) format("woff2"),url(../themes/eycom2021/assets/fonts/fa-regular-400.woff) format("woff"),url(../themes/eycom2021/assets/fonts/fa-regular-400.ttf) format("truetype"),url(../themes/eycom2021/assets/fonts/fa-regular-400.svg) format("svg");font-display:swap}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../themes/eycom2021/assets/fonts/fa-solid-900.eot);src:url(../themes/eycom2021/assets/fonts/fa-solid-900.eot?) format("embedded-opentype"),url(../themes/eycom2021/assets/fonts/fa-solid-900.woff2) format("woff2"),url(../themes/eycom2021/assets/fonts/fa-solid-900.woff) format("woff"),url(../themes/eycom2021/assets/fonts/fa-solid-900.ttf) format("truetype"),url(../themes/eycom2021/assets/fonts/fa-solid-900.svg) format("svg");font-display:swap}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900} /* == Swiper == */ /** * Swiper 6.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 30, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* == justifiedGallery == */ /*! * justifiedGallery - v3.8.0 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2020 Miro Mannino * Licensed under the MIT license. */.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:0.1;margin:0;padding:0}.justified-gallery>a>a>img,.justified-gallery>a>a>svg,.justified-gallery>a>img,.justified-gallery>a>svg,.justified-gallery>div>a>img,.justified-gallery>div>a>svg,.justified-gallery>div>img,.justified-gallery>div>svg,.justified-gallery>figure>a>img,.justified-gallery>figure>a>svg,.justified-gallery>figure>img,.justified-gallery>figure>svg{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.jg-caption,.justified-gallery>div>.jg-caption,.justified-gallery>figure>.jg-caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000000;left:0;right:0;margin:0;color:white;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.jg-caption.jg-caption-visible,.justified-gallery>div>.jg-caption.jg-caption-visible,.justified-gallery>figure>.jg-caption.jg-caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:0.7;transition:opacity 500ms ease-in}.justified-gallery>.jg-entry-visible{filter:"alpha(opacity=100)";opacity:1;background:none}.justified-gallery>.jg-entry-visible>a>img,.justified-gallery>.jg-entry-visible>a>svg,.justified-gallery>.jg-entry-visible>img,.justified-gallery>.jg-entry-visible>svg{filter:"alpha(opacity=100)";opacity:1;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.jg-spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0 10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.jg-spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px 0 4px;background-color:#000;border-radius:6px} /* == magnific popup == */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(0.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* == magnific popup == */ @charset "UTF-8";.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.8);top:0;left:0;z-index:9999999999999}.YouTubePopUp-animation{opacity:0;animation-duration:0.5s;animation-fill-mode:both;animation-name:YouTubePopUp}@keyframes YouTubePopUp{0%{opacity:0}to{opacity:1}}body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998}.YouTubePopUp-Content{max-width:680px;display:block;margin:0 auto;height:100%;position:relative}.YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:480px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0}.YouTubePopUp-Hide{animation-duration:0.5s;animation-fill-mode:both;animation-name:YouTubePopUpHide}@keyframes YouTubePopUpHide{0%{opacity:1}to{opacity:0}}.YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0px;margin:auto 0;width:24px;height:24px;background:url(../themes/eycom2021/assets/css/images/close.png) no-repeat;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px}.YouTubePopUp-Close:hover{opacity:0.5}@media (max-width:768px) and (min-width:10px){.YouTubePopUp-Content{max-width:90%}}@media (max-width:600px) and (min-width:10px){.YouTubePopUp-Content iframe{height:320px!important}.YouTubePopUp-Close{bottom:362px}}@media (max-width:480px) and (min-width:10px){.YouTubePopUp-Content iframe{height:220px!important}.YouTubePopUp-Close{bottom:262px}} /* == Helper Class == */ @charset "UTF-8"; /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ * { box-sizing: border-box; text-decoration: none; list-style: none; outline: none; margin: 0; padding: 0; transition: none } html { -webkit-text-size-adjust: 100% } body { margin: 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace } a { background-color: transparent; text-decoration: none } a:focus { text-decoration: none } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none; max-width: 100%; height: auto; vertical-align: middle } iframe { border: none } button, input, optgroup, select, textarea { font-family: inherit; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; background: inherit; border: none } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: 0.35em 0.75em 0.625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } button, input, optgroup, select, textarea { text-rendering: optimizeLegibility } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: var(--font-weight-heading); line-height: var(--line-height-base); font-family: var(--heading-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 2px } h1 { font-size: var(--font-size-h1) } h2 { font-size: var(--font-size-h2) } h3 { font-size: var(--font-size-h3) } h4 { font-size: var(--font-size-h4) } h5 { font-size: var(--font-size-h5) } h6 { font-size: var(--font-size-h6) } .title { position: relative; color: var(--heading-color); font-size: 62px; letter-spacing: 2px; z-index: 99999; } @media only screen and (max-width:991px) { .title { font-size: 50px } } @media only screen and (max-width:767px) { .title { font-size: 45px } } @media only screen and (max-width:575px) { .title { font-size: 45px; line-height: 1.2 } } @media only screen and (max-width:400px) { .title { font-size: 40px } } .border-section-bottom, .section-title { position: relative; padding-bottom: 30px } .border-section-bottom:after, .border-section-bottom:before, .section-title:after, .section-title:before { content: ""; position: absolute; height: 2px; bottom: 0; left: 0 } .border-section-bottom:after, .section-title:after { width: 100%; background: var(--border-color) } .border-section-bottom:before, .section-title:before { width: 30%; background: var(--heading-color); z-index: 1 } .border-section-bottom.text-center:before, .section-title.text-center:before { left: 50%; transform: translateX(-50%) } .section-title { margin-bottom: 70px } @media only screen and (max-width:991px) { .section-title { margin-bottom: 50px } } .tag-heading { letter-spacing: 0.3px } .heading-h2 { position: relative; font-size: 38px; font-weight: 700; letter-spacing: 2px } @media only screen and (max-width:767px) { .heading-h2 { font-size: 30px; letter-spacing: inherit } .heading-h2 br { display: none } } .title-block { position: relative; letter-spacing: 2px; font-size: 22px; font-weight: 600 } .sm-title-block { letter-spacing: 2px; font-size: 16px; font-weight: 600 } .metas { font-size: 16px; margin-bottom: 10px } .metas span { position: relative; color: var(--heading-color); font-size: 20px; text-transform: uppercase; letter-spacing: 2px } .metas span:not(:last-of-type) { margin-right: 5px } .metas span:not(:last-of-type):after { content: "-"; padding-left: 5px } .font-caps { font-size: 13px; letter-spacing: 1.5px; font-weight: 600 } .p-large { font-size: 18px; font-style: italic; letter-spacing: 1.2px; line-height: 1.5 } p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: var(--line-height-content) } cite, dfn, em, i { font-style: italic } a, span { display: inline-block; color: inherit } blockquote cite { font-style: normal; font-family: var(--heading-font) } pre { font-family: var(--font-pre); overflow: auto } code, kbd, tt, var { font-family: var(--font-code) } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } ins, mark { background: #fff9c0; text-decoration: none } big { font-size: 125% } a { text-decoration: none } a:hover { text-decoration: none } a:focus { text-decoration: underline } .v-dark, .v-light { background-color: var(--bg-color); color: var(--font-color) } .v-dark-head { color: var(--font-color) } @media only screen and (max-width:991px) { .v-dark-head-mobile { color: var(--font-color) } } .background-main { background-color: var(--bg-color) } .background-section { background-color: var(--assistant-color) } .background-gradient-left { background: var(--assistant-color); background: linear-gradient(90deg, var(--assistant-color) 0%, var(--theme-color) 50%) } .background-gradient-bottom { background: var(--assistant-color); background: linear-gradient(0deg, var(--assistant-color) 0%, var(--theme-color) 50%) } .background-gradient-right { background: var(--assistant-color); background: linear-gradient(390deg, var(--assistant-color) 0%, var(--theme-color) 50%) } .background-gradient-top { background: var(--assistant-color); background: linear-gradient(180deg, var(--assistant-color) 0%, var(--theme-color) 50%) } .background-theme { background-color: var(--theme-color) } .background-reverse { background-color: var(--reverse-color); color: var(--reverse-heading-color) } .theme-color { color: var(--theme-color) } .heading-color { color: var(--heading-color) } .body-color { color: var(--font-color) } .bg-mod-exclusion { background-color: var(--mod-color); mix-blend-mode: exclusion; width: 100%; transition: width 3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s } body.locked-scroll .bg-mod-exclusion { width: 0!important } @media only screen and (min-width:992px) { .dsn-col .dsn-col-1:nth-of-type(n+2) { margin-top: 50px } } @media only screen and (min-width:768px) { .dsn-col .dsn-col-1:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-lg-1:nth-of-type(n+2) { margin-top: 50px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-lg-1:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-md-1:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (max-width:767px) { .dsn-col .dsn-col-sm-1:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-2:nth-of-type(n+3) { margin-top: 50px } } @media only screen and (min-width:768px) { .dsn-col .dsn-col-2:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-lg-2:nth-of-type(n+3) { margin-top: 50px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-lg-2:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-md-2:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (max-width:767px) { .dsn-col .dsn-col-sm-2:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-3:nth-of-type(n+4) { margin-top: 50px } } @media only screen and (min-width:768px) { .dsn-col .dsn-col-3:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-lg-3:nth-of-type(n+4) { margin-top: 50px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-lg-3:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-md-3:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (max-width:767px) { .dsn-col .dsn-col-sm-3:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-4:nth-of-type(n+5) { margin-top: 50px } } @media only screen and (min-width:768px) { .dsn-col .dsn-col-4:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-lg-4:nth-of-type(n+5) { margin-top: 50px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-lg-4:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-md-4:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (max-width:767px) { .dsn-col .dsn-col-sm-4:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-5:nth-of-type(n+6) { margin-top: 50px } } @media only screen and (min-width:768px) { .dsn-col .dsn-col-5:nth-of-type(n+6) { margin-top: 30px } } @media only screen and (min-width:992px) { .dsn-col .dsn-col-lg-5:nth-of-type(n+6) { margin-top: 50px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-lg-5:nth-of-type(n+6) { margin-top: 30px } } @media only screen and (max-width:991px) { .dsn-col .dsn-col-md-5:nth-of-type(n+6) { margin-top: 30px } } @media only screen and (max-width:767px) { .dsn-col .dsn-col-sm-5:nth-of-type(n+6) { margin-top: 30px } } [data-overlay]:before { content: ""; position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 0 } [data-overlay="0"]:before { opacity: 0 } [data-overlay="1"]:before { opacity: 0.1 } [data-overlay="2"]:before { opacity: 0.2 } [data-overlay="3"]:before { opacity: 0.3 } [data-overlay="4"]:before { opacity: 0.4 } [data-overlay="5"]:before { opacity: 0.5 } [data-overlay="6"]:before { opacity: 0.6 } [data-overlay="7"]:before { opacity: 0.7 } [data-overlay="8"]:before { opacity: 0.8 } [data-overlay="9"]:before { opacity: 0.9 } [data-overlay="10"]:before { opacity: 1 } .section-margin { margin-top: var(--margin-padding); margin-bottom: var(--margin-padding) } @media only screen and (max-width:991px) { .section-margin { margin-top: var(--margin-padding-mobile); margin-bottom: var(--margin-padding-mobile) } } .mt-section { margin-top: var(--margin-padding) } @media only screen and (max-width:991px) { .mt-section { margin-top: var(--margin-padding-mobile) } } @media only screen and (min-width:992px) { .mt-lg-section { margin-top: var(--margin-padding) } } @media only screen and (max-width:767px) { .mt-sm-section { margin-top: var(--margin-padding-mobile) } } @media only screen and (min-width:992px) { .mb-lg-section { margin-bottom: var(--margin-padding) } } @media only screen and (max-width:767px) { .mb-sm-section { margin-bottom: var(--margin-padding-mobile) } } .mb-section { margin-bottom: var(--margin-padding) } @media only screen and (max-width:991px) { .mb-section { margin-bottom: var(--margin-padding-mobile) } } .section-padding { padding-top: var(--margin-padding); padding-bottom: var(--margin-padding) } @media only screen and (max-width:991px) { .section-padding { padding-top: var(--margin-padding-mobile); padding-bottom: var(--margin-padding-mobile) } } .pt-section { padding-top: var(--margin-padding) } @media only screen and (max-width:991px) { .pt-section { padding-top: var(--margin-padding-mobile) } } @media only screen and (min-width:992px) { .pt-lg-section { padding-top: var(--margin-padding) } } @media only screen and (max-width:767px) { .pt-sm-section { padding-top: var(--margin-padding-mobile) } } @media only screen and (min-width:992px) { .pb-lg-section { padding-bottom: var(--margin-padding) } } @media only screen and (max-width:767px) { .pb-sm-section { padding-bottom: var(--margin-padding-mobile) } } .pb-section { padding-bottom: var(--margin-padding) } @media only screen and (max-width:991px) { .pb-section { padding-bottom: var(--margin-padding-mobile) } } .dsn-container { padding-right: 50px; padding-left: 50px } @media only screen and (max-width:991px) { .container, .dsn-container { max-width: 100%; padding-right: 40px; padding-left: 40px } } @media only screen and (max-width:767px) { .container, .dsn-container { padding-right: 25px; padding-left: 25px } } @media only screen and (max-width:575px) { .container, .dsn-container { padding-right: 15px; padding-left: 15px } } @media (min-width:992px) { .container { max-width: 100%; padding-right: 50px; padding-left: 50px } } @media (min-width:1200px) { .container { max-width: 1200px } } @media (min-width:1367px) { .container { max-width: 1200px; padding-right: 15px; padding-left: 15px } } .line-under, .line-under-left { padding-bottom: 10px; margin-bottom: 10px } .line-under-left:after, .line-under-left:before, .line-under:after, .line-under:before { bottom: 0; width: 150px; height: 1.5px; background-color: var(--theme-color) } .line-under { padding-right: 15px } .line-under:after { right: 0 } .line-under-left { padding-left: 15px } .line-under-left:before { left: 0 } .line-bg-left, .line-bg-right { position: relative; z-index: 1 } .line-bg-left:after, .line-bg-left:before, .line-bg-right:after, .line-bg-right:before { top: 0; width: 100px; height: 100%; background-color: var(--assistant-color); z-index: -1; transform: skew(-10deg) } .background-section .line-bg-left:after, .background-section .line-bg-left:before, .background-section .line-bg-right:after, .background-section .line-bg-right:before { background-color: var(--bg-color) } .line-bg-left.sub-heading:before, .line-bg-right.sub-heading:before { width: 60px } .line-bg-left { padding-left: 20px } @media only screen and (max-width:767px) { .line-bg-left.pl-80 { padding-left: 0 } .line-bg-left.pl-80:before { display: none } } .line-bg-left:before { left: 0; transform-origin: bottom left } .line-bg-right { padding-right: 15px } .line-bg-right:after { right: 0; transform-origin: bottom right } .line-bg-left:before, .line-bg-right:after, .line-under-left:before, .line-under:after { content: ""; position: absolute } .line-shap:after, .line-shap:before { position: relative; display: inline-block; vertical-align: middle; width: 4vw; height: 1px; background: var(--border-color) } @media only screen and (max-width:400px) { .line-shap:after, .line-shap:before { display: none } } .line-shap:not(.line-shap-before):after { content: ""; margin-left: 15px } .line-shap:not(.line-shap-after):before { content: ""; margin-right: 15px } .m-0 { margin: 0px } .m-5 { margin: 5px } .m-10 { margin: 10px } .m-15 { margin: 15px } .m-20 { margin: 20px } .m-25 { margin: 25px } .m-30 { margin: 30px } .m-35 { margin: 35px } .m-40 { margin: 40px } .m-45 { margin: 45px } .m-50 { margin: 50px } .m-55 { margin: 55px } .m-60 { margin: 60px } .m-65 { margin: 65px } .m-70 { margin: 70px } .m-75 { margin: 75px } .m-80 { margin: 80px } .m-85 { margin: 85px } .m-90 { margin: 90px } .m-95 { margin: 95px } .m-100 { margin: 100px } .mt-0 { margin-top: 0px } .mt-5 { margin-top: 5px } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-25 { margin-top: 25px } .mt-30 { margin-top: 30px } .mt-35 { margin-top: 35px } .mt-40 { margin-top: 40px } .mt-45 { margin-top: 45px } .mt-50 { margin-top: 50px } .mt-55 { margin-top: 55px } .mt-60 { margin-top: 60px } .mt-65 { margin-top: 65px } .mt-70 { margin-top: 70px } .mt-75 { margin-top: 75px } .mt-80 { margin-top: 80px } .mt-85 { margin-top: 85px } .mt-90 { margin-top: 90px } .mt-95 { margin-top: 95px } .mt-100 { margin-top: 100px } .mb-0 { margin-bottom: 0px } .mb-5 { margin-bottom: 5px } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-25 { margin-bottom: 25px } .mb-30 { margin-bottom: 30px } .mb-35 { margin-bottom: 35px } .mb-40 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .mb-50 { margin-bottom: 50px } .mb-55 { margin-bottom: 55px } .mb-60 { margin-bottom: 60px } .mb-65 { margin-bottom: 65px } .mb-70 { margin-bottom: 70px } .mb-75 { margin-bottom: 75px } .mb-80 { margin-bottom: 80px } .mb-85 { margin-bottom: 85px } .mb-90 { margin-bottom: 90px } .mb-95 { margin-bottom: 95px } .mb-100 { margin-bottom: 100px } .ml-0 { margin-left: 0px } .ml-5 { margin-left: 5px } .ml-10 { margin-left: 10px } .ml-15 { margin-left: 15px } .ml-20 { margin-left: 20px } .ml-25 { margin-left: 25px } .ml-30 { margin-left: 30px } .ml-35 { margin-left: 35px } .ml-40 { margin-left: 40px } .ml-45 { margin-left: 45px } .ml-50 { margin-left: 50px } .ml-55 { margin-left: 55px } .ml-60 { margin-left: 60px } .ml-65 { margin-left: 65px } .ml-70 { margin-left: 70px } .ml-75 { margin-left: 75px } .ml-80 { margin-left: 80px } .ml-85 { margin-left: 85px } .ml-90 { margin-left: 90px } .ml-95 { margin-left: 95px } .ml-100 { margin-left: 100px } .mr-0 { margin-right: 0px } .mr-5 { margin-right: 5px } .mr-10 { margin-right: 10px } .mr-15 { margin-right: 15px } .mr-20 { margin-right: 20px } .mr-25 { margin-right: 25px } .mr-30 { margin-right: 30px } .mr-35 { margin-right: 35px } .mr-40 { margin-right: 40px } .mr-45 { margin-right: 45px } .mr-50 { margin-right: 50px } .mr-55 { margin-right: 55px } .mr-60 { margin-right: 60px } .mr-65 { margin-right: 65px } .mr-70 { margin-right: 70px } .mr-75 { margin-right: 75px } .mr-80 { margin-right: 80px } .mr-85 { margin-right: 85px } .mr-90 { margin-right: 90px } .mr-95 { margin-right: 95px } .mr-100 { margin-right: 100px } .p-0 { padding: 0px } .p-5 { padding: 5px } .p-10 { padding: 10px } .p-15 { padding: 15px } .p-20 { padding: 20px } .p-25 { padding: 25px } .p-30 { padding: 30px } .p-35 { padding: 35px } .p-40 { padding: 40px } .p-45 { padding: 45px } .p-50 { padding: 50px } .p-55 { padding: 55px } .p-60 { padding: 60px } .p-65 { padding: 65px } .p-70 { padding: 70px } .p-75 { padding: 75px } .p-80 { padding: 80px } .p-85 { padding: 85px } .p-90 { padding: 90px } .p-95 { padding: 95px } .p-100 { padding: 100px } .pt-0 { padding-top: 0px } .pt-5 { padding-top: 5px } .pt-10 { padding-top: 10px } .pt-15 { padding-top: 15px } .pt-20 { padding-top: 20px } .pt-25 { padding-top: 25px } .pt-30 { padding-top: 30px } .pt-35 { padding-top: 35px } .pt-40 { padding-top: 40px } .pt-45 { padding-top: 45px } .pt-50 { padding-top: 50px } .pt-55 { padding-top: 55px } .pt-60 { padding-top: 60px } .pt-65 { padding-top: 65px } .pt-70 { padding-top: 70px } .pt-75 { padding-top: 75px } .pt-80 { padding-top: 80px } .pt-85 { padding-top: 85px } .pt-90 { padding-top: 90px } .pt-95 { padding-top: 95px } .pt-100 { padding-top: 100px } .pr-0 { padding-right: 0px } .pr-5 { padding-right: 5px } .pr-10 { padding-right: 10px } .pr-15 { padding-right: 15px } .pr-20 { padding-right: 20px } .pr-25 { padding-right: 25px } .pr-30 { padding-right: 30px } .pr-35 { padding-right: 35px } .pr-40 { padding-right: 40px } .pr-45 { padding-right: 45px } .pr-50 { padding-right: 50px } .pr-55 { padding-right: 55px } .pr-60 { padding-right: 60px } .pr-65 { padding-right: 65px } .pr-70 { padding-right: 70px } .pr-75 { padding-right: 75px } .pr-80 { padding-right: 80px } .pr-85 { padding-right: 85px } .pr-90 { padding-right: 90px } .pr-95 { padding-right: 95px } .pr-100 { padding-right: 100px } .pl-0 { padding-left: 0px } .pl-5 { padding-left: 5px } .pl-10 { padding-left: 10px } .pl-15 { padding-left: 15px } .pl-20 { padding-left: 20px } .pl-25 { padding-left: 25px } .pl-30 { padding-left: 30px } .pl-35 { padding-left: 35px } .pl-40 { padding-left: 40px } .pl-45 { padding-left: 45px } .pl-50 { padding-left: 50px } .pl-55 { padding-left: 55px } .pl-60 { padding-left: 60px } .pl-65 { padding-left: 65px } .pl-70 { padding-left: 70px } .pl-75 { padding-left: 75px } .pl-80 { padding-left: 80px } .pl-85 { padding-left: 85px } .pl-90 { padding-left: 90px } .pl-95 { padding-left: 95px } .pl-100 { padding-left: 100px } .pb-0 { padding-bottom: 0px } .pb-5 { padding-bottom: 5px } .pb-10 { padding-bottom: 10px } .pb-15 { padding-bottom: 15px } .pb-20 { padding-bottom: 20px } .pb-25 { padding-bottom: 25px } .pb-30 { padding-bottom: 30px } .pb-35 { padding-bottom: 35px } .pb-40 { padding-bottom: 40px } .pb-45 { padding-bottom: 45px } .pb-50 { padding-bottom: 50px } .pb-55 { padding-bottom: 55px } .pb-60 { padding-bottom: 60px } .pb-65 { padding-bottom: 65px } .pb-70 { padding-bottom: 70px } .pb-75 { padding-bottom: 75px } .pb-80 { padding-bottom: 80px } .pb-85 { padding-bottom: 85px } .pb-90 { padding-bottom: 90px } .pb-95 { padding-bottom: 95px } .pb-100 { padding-bottom: 100px } .h-0 { height: 0% } .h-10 { height: 10% } .h-20 { height: 20% } .h-30 { height: 30% } .h-40 { height: 40% } .h-50 { height: 50% } .h-60 { height: 60% } .h-70 { height: 70% } .h-80 { height: 80% } .h-90 { height: 90% } .h-100 { height: 100% } .h-v-0 { height: 0vh } .h-v-10 { height: 10vh } .h-v-20 { height: 20vh } .h-v-30 { height: 30vh } .h-v-40 { height: 40vh } .h-v-50 { height: 50vh } .h-v-60 { height: 60vh } .h-v-70 { height: 70vh } .h-v-80 { height: 80vh } .h-v-90 { height: 90vh } .h-v-100 { height: 100vh } .w-0 { width: 0% } .w-10 { width: 10% } .w-20 { width: 20% } .w-30 { width: 30% } .w-40 { width: 40% } .w-50 { width: 50% } .w-60 { width: 60% } .w-70 { width: 70% } .w-80 { width: 80% } .w-90 { width: 90% } .w-100 { width: 100% } .fw-0 { font-weight: 0 } .fw-100 { font-weight: 100 } .fw-200 { font-weight: 200 } .fw-300 { font-weight: 300 } .fw-400 { font-weight: 400 } .fw-500 { font-weight: 500 } .fw-600 { font-weight: 600 } .fw-700 { font-weight: 700 } @media only screen and (max-width:991px) { .ms-mt-block { margin-top: 50px } } @media only screen and (max-width:767px) { .ms-mt-block { margin-top: 30px } } @media only screen and (max-width:767px) { .xs-mt-block { margin-top: 30px } } .icon img { width: 50px } .over-hidden { overflow: hidden } .over-hidden-x { overflow-x: hidden } .over-hidden-y { overflow-y: hidden } .p-relative { position: relative } .p-absolute { position: absolute } .p-fixed { position: fixed } .d-grid { display: grid } .d-grid:not(.d-grid-no-space) { grid-column-gap: 30px; grid-row-gap: 50px } @media only screen and (max-width:767px) { .d-grid:not(.d-grid-no-space) { grid-row-gap: 30px } } .d-grid:not(.dsn-isotope):not(.align-items-center) { align-items: stretch } .d-grid.dsn-isotope { margin-left: -15px; margin-right: -15px } .d-grid.dsn-isotope>* { margin-left: 15px; margin-right: 15px } .grid-row-gap-30 { grid-row-gap: 30px } @media only screen and (min-width:768px) { .grid-half-1 { grid-template-columns: 35% auto } } @media only screen and (min-width:768px) { .grid-1-half { grid-template-columns: auto 35% } } .grid-2 { grid-template-columns: repeat(2, 1fr) } @media only screen and (min-width:992px) { .grid-lg-2 { grid-template-columns: repeat(2, 1fr) } .grid-lg-2.dsn-isotope>* { width: calc(50% - 30px); max-width: calc(50% - 30px) } .grid-lg-2.dsn-isotope>:nth-of-type(n+3) { margin-top: 50px } .grid-lg-2.dsn-isotope>:nth-of-type(2) { margin-top: 0 } } @media only screen and (min-width:768px) { .grid-md-2 { grid-template-columns: repeat(2, 1fr) } .grid-md-2.dsn-isotope>* { width: calc(50% - 30px); max-width: calc(50% - 30px) } .grid-md-2.dsn-isotope>:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (max-width:767px) { .grid-md-2.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-md-2.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:576px) { .grid-sm-2 { grid-template-columns: repeat(2, 1fr) } .grid-sm-2.dsn-isotope>* { width: calc(50% - 30px); max-width: calc(50% - 30px) } .grid-sm-2.dsn-isotope>:nth-of-type(n+3) { margin-top: 30px } } @media only screen and (max-width:575px) { .grid-sm-2.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-sm-2.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } .grid-3 { grid-template-columns: repeat(3, 1fr) } @media only screen and (min-width:992px) { .grid-lg-3 { grid-template-columns: repeat(3, 1fr) } .grid-lg-3.dsn-isotope>* { width: calc(33.3333333333% - 30px); max-width: calc(33.3333333333% - 30px) } .grid-lg-3.dsn-isotope>:nth-of-type(n+4) { margin-top: 50px } .grid-lg-3.dsn-isotope>:nth-of-type(3) { margin-top: 0 } } @media only screen and (min-width:768px) { .grid-md-3 { grid-template-columns: repeat(3, 1fr) } .grid-md-3.dsn-isotope>* { width: calc(33.3333333333% - 30px); max-width: calc(33.3333333333% - 30px) } .grid-md-3.dsn-isotope>:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (max-width:767px) { .grid-md-3.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-md-3.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:576px) { .grid-sm-3 { grid-template-columns: repeat(3, 1fr) } .grid-sm-3.dsn-isotope>* { width: calc(33.3333333333% - 30px); max-width: calc(33.3333333333% - 30px) } .grid-sm-3.dsn-isotope>:nth-of-type(n+4) { margin-top: 30px } } @media only screen and (max-width:575px) { .grid-sm-3.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-sm-3.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } .grid-4 { grid-template-columns: repeat(4, 1fr) } @media only screen and (min-width:992px) { .grid-lg-4 { grid-template-columns: repeat(4, 1fr) } .grid-lg-4.dsn-isotope>* { width: calc(25% - 30px); max-width: calc(25% - 30px) } .grid-lg-4.dsn-isotope>:nth-of-type(n+5) { margin-top: 50px } .grid-lg-4.dsn-isotope>:nth-of-type(4) { margin-top: 0 } } @media only screen and (min-width:768px) { .grid-md-4 { grid-template-columns: repeat(4, 1fr) } .grid-md-4.dsn-isotope>* { width: calc(25% - 30px); max-width: calc(25% - 30px) } .grid-md-4.dsn-isotope>:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (max-width:767px) { .grid-md-4.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-md-4.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:576px) { .grid-sm-4 { grid-template-columns: repeat(4, 1fr) } .grid-sm-4.dsn-isotope>* { width: calc(25% - 30px); max-width: calc(25% - 30px) } .grid-sm-4.dsn-isotope>:nth-of-type(n+5) { margin-top: 30px } } @media only screen and (max-width:575px) { .grid-sm-4.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-sm-4.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } .grid-5 { grid-template-columns: repeat(5, 1fr) } @media only screen and (min-width:992px) { .grid-lg-5 { grid-template-columns: repeat(5, 1fr) } .grid-lg-5.dsn-isotope>* { width: calc(20% - 30px); max-width: calc(20% - 30px) } .grid-lg-5.dsn-isotope>:nth-of-type(n+6) { margin-top: 50px } .grid-lg-5.dsn-isotope>:nth-of-type(5) { margin-top: 0 } } @media only screen and (min-width:768px) { .grid-md-5 { grid-template-columns: repeat(5, 1fr) } .grid-md-5.dsn-isotope>* { width: calc(20% - 30px); max-width: calc(20% - 30px) } .grid-md-5.dsn-isotope>:nth-of-type(n+6) { margin-top: 30px } } @media only screen and (max-width:767px) { .grid-md-5.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-md-5.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } @media only screen and (min-width:576px) { .grid-sm-5 { grid-template-columns: repeat(5, 1fr) } .grid-sm-5.dsn-isotope>* { width: calc(20% - 30px); max-width: calc(20% - 30px) } .grid-sm-5.dsn-isotope>:nth-of-type(n+6) { margin-top: 30px } } @media only screen and (max-width:575px) { .grid-sm-5.dsn-isotope>* { width: calc(100% - 30px); max-width: calc(100% - 30px) } .grid-sm-5.dsn-isotope>:nth-of-type(n+2) { margin-top: 30px } } .w-auto { width: auto } .top-0 { top: 0% } .top-5 { top: 5% } .top-10 { top: 10% } .top-15 { top: 15% } .top-20 { top: 20% } .top-25 { top: 25% } .top-30 { top: 30% } .top-35 { top: 35% } .top-40 { top: 40% } .top-45 { top: 45% } .top-50 { top: 50% } .top-55 { top: 55% } .top-60 { top: 60% } .top-65 { top: 65% } .top-70 { top: 70% } .top-75 { top: 75% } .top-80 { top: 80% } .top-85 { top: 85% } .top-90 { top: 90% } .top-95 { top: 95% } .top-100 { top: 100% } .left-0 { left: 0% } .left-5 { left: 5% } .left-10 { left: 10% } .left-15 { left: 15% } .left-20 { left: 20% } .left-25 { left: 25% } .left-30 { left: 30% } .left-35 { left: 35% } .left-40 { left: 40% } .left-45 { left: 45% } .left-50 { left: 50% } .left-55 { left: 55% } .left-60 { left: 60% } .left-65 { left: 65% } .left-70 { left: 70% } .left-75 { left: 75% } .left-80 { left: 80% } .left-85 { left: 85% } .left-90 { left: 90% } .left-95 { left: 95% } .left-100 { left: 100% } .right-0 { right: 0% } .right-5 { right: 5% } .right-10 { right: 10% } .right-15 { right: 15% } .right-20 { right: 20% } .right-25 { right: 25% } .right-30 { right: 30% } .right-35 { right: 35% } .right-40 { right: 40% } .right-45 { right: 45% } .right-50 { right: 50% } .right-55 { right: 55% } .right-60 { right: 60% } .right-65 { right: 65% } .right-70 { right: 70% } .right-75 { right: 75% } .right-80 { right: 80% } .right-85 { right: 85% } .right-90 { right: 90% } .right-95 { right: 95% } .right-100 { right: 100% } .bottom-0 { bottom: 0% } .bottom-5 { bottom: 5% } .bottom-10 { bottom: 10% } .bottom-15 { bottom: 15% } .bottom-20 { bottom: 20% } .bottom-25 { bottom: 25% } .bottom-30 { bottom: 30% } .bottom-35 { bottom: 35% } .bottom-40 { bottom: 40% } .bottom-45 { bottom: 45% } .bottom-50 { bottom: 50% } .bottom-55 { bottom: 55% } .bottom-60 { bottom: 60% } .bottom-65 { bottom: 65% } .bottom-70 { bottom: 70% } .bottom-75 { bottom: 75% } .bottom-80 { bottom: 80% } .bottom-85 { bottom: 85% } .bottom-90 { bottom: 90% } .bottom-95 { bottom: 95% } .bottom-100 { bottom: 100% } .z-index-0 { z-index: 0 } .z-index-1 { z-index: 1 } .z-index-2 { z-index: 2 } .z-index-3 { z-index: 3 } .z-index-4 { z-index: 4 } .z-index-5 { z-index: 5 } .z-index-6 { z-index: 6 } .z-index-7 { z-index: 7 } .z-index-8 { z-index: 8 } .z-index-9 { z-index: 9 } .z-index-10 { z-index: 10 } .z-index-11 { z-index: 11 } .z-index-12 { z-index: 12 } .dsn-text-shadow { text-shadow: -2px 4px 0 rgba(0, 0, 0, 0.1) } .cover-bg { background-size: cover; background-position: center center; background-repeat: no-repeat } .v-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .v-middle-horizontal { position: absolute; left: 50%; transform: translate(-50%, 0) } .v-middle-vertical { position: absolute; top: 50%; transform: translate(0, -50%) } .clear { clear: both } .clear:after, .clear:before { content: ""; display: table; table-layout: fixed } .max-w570 { max-width: 570px } .max-w750 { max-width: 750px } .text-center .max-w570, .text-center .max-w750 { margin-left: auto; margin-right: auto } [data-dsn-grid=move-up], [data-dsn-grid=moveUp] { position: relative; overflow: hidden; height: 100vh } .container [data-dsn-grid=move-up], .container [data-dsn-grid=moveUp] { height: 80vh } @media only screen and (max-width:767px) { [data-dsn-grid=move-up], [data-dsn-grid=moveUp] { height: 80vh } } @media only screen and (max-width:575px) { [data-dsn-grid=move-up], [data-dsn-grid=moveUp] { height: 60vh } } [data-dsn-grid=move-up] img, [data-dsn-grid=move-up] video, [data-dsn-grid=moveUp] img, [data-dsn-grid=moveUp] video { position: absolute; width: 100%; height: 100%; pointer-events: none; object-fit: cover; will-change: transform } [data-dsn-grid=move-up] img.has-bigger-scale, [data-dsn-grid=move-up] video.has-bigger-scale, [data-dsn-grid=moveUp] img.has-bigger-scale, [data-dsn-grid=moveUp] video.has-bigger-scale { transform: scale(1.3) } [data-dsn-grid=move-up] img.has-skew, [data-dsn-grid=move-up] video.has-skew, [data-dsn-grid=moveUp] img.has-skew, [data-dsn-grid=moveUp] video.has-skew { transform-origin: 0 90%; transform: skewY(15deg) } [data-dsn-grid=move-up] img.has-scale, [data-dsn-grid=move-up] video.has-scale, [data-dsn-grid=moveUp] img.has-scale, [data-dsn-grid=moveUp] video.has-scale { transform: scale(0.98) } [data-dsn-grid=move-up] img.has-opposite-direction, [data-dsn-grid=move-up] video.has-opposite-direction, [data-dsn-grid=moveUp] img.has-opposite-direction, [data-dsn-grid=moveUp] video.has-opposite-direction { height: 120%; top: 0 } @media only screen and (min-width:768px) { [data-dsn-grid=move-up].h-100, [data-dsn-grid=moveUp].h-100 { height: 100% } } .cover-bg-img { width: 100%; height: 100%; object-fit: cover; object-position: center } @media only screen and (min-width:1400px) { .box-padding { padding: 80px 60px } } @media only screen and (max-width:1399px) { .box-padding { padding: 60px 40px } } @media only screen and (max-width:767px) { .box-padding { padding: 60px 25px } } @media only screen and (max-width:575px) { .box-padding { padding: 50px 15px } } .dsn-pagination { position: relative; height: 45px } @media only screen and (max-width:767px) { .dsn-pagination { width: 100% } } .swiper-pagination { left: 50%; transform: translateX(-50%) } .swiper-next, .swiper-prev { position: absolute } .swiper-next.swiper-next, .swiper-prev.swiper-next { right: 75px } @media only screen and (max-width:767px) { .swiper-next.swiper-next, .swiper-prev.swiper-next { right: 15px } } .swiper-next.swiper-prev, .swiper-prev.swiper-prev { left: 75px } @media only screen and (max-width:767px) { .swiper-next.swiper-prev, .swiper-prev.swiper-prev { left: 15px } } .next-containers, .prev-containers { cursor: pointer } .next-containers .container-inner, .prev-containers .container-inner { position: relative; width: 35px; height: 84px } .next-containers .container-inner:before, .prev-containers .container-inner:before { background: var(--border-color); content: ""; position: absolute; left: 0; right: 0; width: 1px; height: 55px; margin: 0 auto; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) } .next-containers .container-inner svg, .prev-containers .container-inner svg { position: absolute; left: 0 } .next-containers .container-inner svg.arrow, .prev-containers .container-inner svg.arrow { top: 62px; right: 0; width: 7px; height: 5px; margin: 0 auto; transition: top 0.6s cubic-bezier(0.77, 0, 0.175, 1) } .next-containers .container-inner svg.arrow path, .prev-containers .container-inner svg.arrow path { fill: var(--heading-color); transition: fill 0.6s cubic-bezier(0.77, 0, 0.175, 1) } .next-containers .container-inner svg.circle, .prev-containers .container-inner svg.circle { left: -6px; bottom: 0; width: 45px; height: 45px } .next-containers .container-inner svg.circle circle, .prev-containers .container-inner svg.circle circle { stroke: var(--border-color); stroke-dasharray: 95; stroke-dashoffset: 0; transition: all 0.6s ease-in } .next-containers.next-containers .container-inner, .prev-containers.next-containers .container-inner { transform: rotate(270deg) } .next-containers.prev-containers .container-inner, .prev-containers.prev-containers .container-inner { transform: rotate(90deg) } .next-containers.prev-containers svg.arrow, .prev-containers.prev-containers svg.arrow { transform: rotate(0deg) } .next-containers:hover .container-inner:before, .prev-containers:hover .container-inner:before { height: 75px } .next-containers:hover .container-inner svg.arrow, .prev-containers:hover .container-inner svg.arrow { top: 75px } .next-containers:hover .container-inner svg.circle circle, .prev-containers:hover .container-inner svg.circle circle { stroke-dashoffset: 95 } .next-container, .prev-container { cursor: pointer } .next-container .triangle, .prev-container .triangle { width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) } .next-container.next-container .container-inner:before, .prev-container.next-container .container-inner:before { content: ""; margin-right: 7px } .next-container.next-container .triangle, .prev-container.next-container .triangle { border-left: 6px solid var(--heading-color); margin-right: 19.5px } .next-container.next-container svg, .prev-container.next-container svg { right: 0 } .next-container.prev-container .container-inner:after, .prev-container.prev-container .container-inner:after { content: ""; margin-left: 7px } .next-container.prev-container .triangle, .prev-container.prev-container .triangle { border-right: 6px solid var(--heading-color); margin-left: 19.5px } .next-container.prev-container svg, .prev-container.prev-container svg { left: 0 } .next-container .container-inner, .prev-container .container-inner { position: relative; height: 45px; display: flex; align-items: center } .next-container .container-inner:after, .next-container .container-inner:before, .prev-container .container-inner:after, .prev-container .container-inner:before { position: relative; width: 55px; height: 1px; background-color: var(--border-color); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) } .next-container .container-inner svg, .prev-container .container-inner svg { position: absolute; width: 45px; height: 45px } .next-container .container-inner svg circle, .prev-container .container-inner svg circle { stroke: var(--border-color); stroke-dasharray: 95; stroke-dashoffset: 0 } .next-container svg circle, .prev-container svg circle { transition: all 0.6s ease-in } .next-container:hover .container-inner:after, .next-container:hover .container-inner:before, .prev-container:hover .container-inner:after, .prev-container:hover .container-inner:before { width: 75px } .next-container:hover .container-inner .triangle, .prev-container:hover .container-inner .triangle { margin: 0 } .next-container:hover .container-inner svg circle, .prev-container:hover .container-inner svg circle { stroke-dashoffset: 95 } .swiper-pagination { top: 10px } .swiper-pagination-bullet { width: 20px; height: 2px; border-radius: 0; margin-right: 5px; cursor: pointer; background: var(--theme-color); transition: transform 0.3s ease-in-out } .pointer-events { pointer-events: none } .border-radius { border-radius: 5px } @media only screen and (min-width:992px) { .fill-right-container { width: calc(100% - calc(-100vw / 2 + 100% / 2) - 115px) } } @media only screen and (min-width:992px) { .fill-right-container-no-margin { width: calc(100% - calc(-100vw / 2 + 100% / 2) - 100px) } } a.link-hover { color: var(--heading-color); display: inline-block; letter-spacing: 2px; font-size: 13px; font-family: var(--heading-font); font-weight: 400; position: relative; text-transform: uppercase; transition: all 0.25s ease-in-out } a.link-hover:before { content: attr(data-hover-text); position: absolute; left: 0; top: 100%; color: var(--heading-color) } a.link-hover:hover { transform: translateY(-100%); text-decoration: none } @media only screen and (max-width:991px) { .pl-container { padding-left: 15px; padding-right: 15px } } .animation-rotate img { animation: rotate 15s linear infinite } .scroll-to-top { position: fixed; bottom: 40px; width: var(--s-box-left-menu); height: 70px; z-index: 12; text-align: center; cursor: pointer } @media only screen and (min-width:992px) { body .scroll-to-top { left: var(--s-box-left-social) } } @media only screen and (max-width:991px) { .scroll-to-top { right: -150px } } .scroll-to-top img { width: 70px; height: 70px } .v-light .scroll-to-top img { filter: invert(1) } .scroll-to-top .box-number { color: var(--heading-color) } .scroll-to-top .box-number span { font-size: 12px } .container-fluid.no-padding, .container.no-padding { padding-left: 0; padding-right: 0 } .bg-section { top: 0; bottom: 0 } .d-flex { display: flex } .a-item-center { align-items: center } .text-right { text-align: right } .text-center { text-align: center } .text-uppercase { text-transform: uppercase } .d-block { display: block } .d-inline-block { display: inline-block } .full-width { left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw } .full-width:not(.p-absolute) { position: relative } @media only screen and (min-width:992px) { body .full-width { margin-left: calc(-50vw - (var(--s-box-full) / 2)) } } @media only screen and (min-width:992px) { body:not(.dsn-effect-scroll) .full-width { width: calc(100vw - 10px) } body.dsn-effect-scroll .full-width { width: 100vw } } @media only screen and (max-width:991px) { .full-width { width: 100vw } } .fw-bold { font-weight: bold } .letter-stroke { color: transparent; -webkit-text-stroke: 1.2px #e6458c; } .hidden { opacity: 0; visibility: hidden } .before-z-index:before { z-index: 1 } .fw-600 { font-weight: 600 } .m-auto { margin-left: auto; margin-right: auto } .header-padding-top { padding-top: 160px } .header-padding-bottom { padding-bottom: 160px } .box-after { position: relative; margin-bottom: 5px } .box-after:after { content: ""; position: absolute; width: calc(100% - 20px); height: 100%; display: block; background: var(--theme-color); bottom: -5px; left: 10px; z-index: -1 } .border { border: 1px solid var(--border-color) } .border-left { border-left: 1px solid var(--border-color) } .border-right { border-right: 1px solid var(--border-color) } .border-top { border-top: 1px solid var(--border-color) } .border-bottom { border-bottom: 1px solid var(--border-color) } .custom-container { width: 120% } @media only screen and (max-width:400px) { .custom-container { width: 100% } } .content-center { justify-content: center; align-items: center; text-align: center } .icon-lg { vertical-align: middle; font-size: 42px } .text-underline { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 2px } .dsn-video { object-fit: cover; z-index: -20!important; width: 100%; height: 100% } [data-dsn=video] { width: 100%; height: 100% } .scrool-down { width: 140px; height: 140px; transform: scaleX(1.2); overflow: hidden; transition: 0.5s ease; z-index: 3; position: absolute; bottom: 0; right: 0; cursor: pointer } .scrool-down a { z-index: 3 } .scrool-down a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 99em; border-top: 2px solid #555; border-right: 2px solid #555; transition: 0.5s ease; transform: translateY(75%) rotate(-45deg); will-change: transform; cursor: pointer } .scrool-down a:after { content: ""; width: 10px; height: 10px; border: 2px solid currentColor; position: absolute; left: 0; right: 0; bottom: 15px; border-top: 0; border-left: 0; transform: rotate(45deg); margin: 0 auto; transition: 0.2s ease } .color-white { color: #fff } .overflow-hidden { overflow: hidden } .user-no-selection { -webkit-user-select: none; user-select: none } .user-no-selection::selection { background: none; color: inherit } [data-overlay] .transform-3d { position: relative; z-index: -1 } .no-shadow { box-shadow: none } .transform-3d { transform-style: preserve-3d } .text-left { text-align: left } .p-fixed { position: fixed; width: 100%; height: 100%; left: 0; top: 0 } .dsn-ajax-loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 900199; visibility: hidden; opacity: 0; background-color: var(--bg-color) } .dsn-ajax-loader.dsn-ajax-normal { transition: background-color 0.5s ease-in-out } .dsn-ajax-effect { overflow: hidden!important } .dsn-z-index-2 { z-index: 2 } .has-horizontal { position: relative } .splitting .whitespace { margin-right: 15px } .box-options { position: fixed; left: 15px; bottom: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); background-color: var(--assistant-color); padding: 5px 5px 5px 0; border-radius: 30px; width: 40px; height: 40px; z-index: 100 } .box-options, .box-options .box-inner-option { transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) } .box-options .title-mode { position: absolute; padding: 8px 10px 1px; border-radius: 30px; left: 0; top: 1px; color: var(--heading-color); letter-spacing: 2px; font-size: 12px; width: 110px; z-index: 0 } .box-options .box-icon { position: relative; width: 35px; height: 35px; background-color: var(--theme-color); border-radius: 50%; cursor: pointer; left: 2.5px } .box-options .box-icon:after { content: ""; position: absolute; display: block; height: 50px; width: 50px; background: var(--theme-color); z-index: -1; border-radius: 50%; opacity: 0.25 } .box-options .box-icon svg { width: 22px; fill: var(--heading-color) } .box-options .box-inner-option { width: 0; display: flex; left: 35px; overflow: hidden; height: 100px; align-items: center } .box-options .box-inner-option .day-night, .box-options .box-inner-option .mode-layout { cursor: pointer } .box-options .box-inner-option .day-night .title-mode .dsn-word-wrapper, .box-options .box-inner-option .mode-layout .title-mode .dsn-word-wrapper { overflow: hidden; will-change: transform } .box-options .box-inner-option .day-night .title-mode .dsn-chars-wrapper, .box-options .box-inner-option .mode-layout .title-mode .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms) } .box-options .box-inner-option .day-night:hover .title-mode, .box-options .box-inner-option .mode-layout:hover .title-mode { background-color: var(--theme-color) } .box-options .box-inner-option .day-night:hover .title-mode .dsn-chars-wrapper, .box-options .box-inner-option .mode-layout:hover .title-mode .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1) } .box-options .day-night { padding: 0 20px; height: 25px } .box-options .day-night .moon, .box-options .day-night .night { position: absolute; width: 25px; height: 25px; pointer-events: none; transition: opacity 0.8s; border-radius: 100%; opacity: 0; cursor: pointer } .box-options .day-night .moon svg, .box-options .day-night .night svg { width: 100%; height: 100% } .box-options .day-night .night { border: 1px solid rgba(255, 255, 255, 0.18); background-color: #fff; opacity: 1 } .box-options .day-night .night svg { fill: #000; width: 100%; height: 100% } .box-options .day-night .moon { border: 1px solid rgba(255, 255, 255, 0.18); background-color: #000; opacity: 0 } .box-options .day-night .moon svg { transform: rotate(270deg); fill: #f0f0f0 } .v-light .box-options .day-night .night { opacity: 0 } .v-light .box-options .day-night .moon { opacity: 1 } .box-options .mode-layout { height: 25px; width: 25px; margin-left: 20px } .box-options .mode-layout .icon { width: 25px; height: 25px; pointer-events: none; border-radius: 100%; cursor: pointer; background-color: #fff } .box-options .mode-layout .icon svg { transform: rotate(90deg); transition: transform 0.5s; width: 15px; fill: #000 } @media only screen and (min-width:992px) { body .box-options .mode-layout .icon svg { transform: none } } .box-options:hover { width: 145px } .box-options:hover .box-inner-option { width: 110px } .box-im.h-100, .img-box.h-100 { position: absolute; width: 100% } @media only screen and (max-width:991px) { .box-im.h-100, .img-box.h-100 { position: relative; height: 70vh } } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: var(--bg-color) } .preloader .percent { color: var(--theme-color); font-size: 24vw; opacity: 0.1 } .preloader .loading-text { position: absolute; letter-spacing: 3px; font-size: 14px; bottom: 55px } .preloader .loading-text.loading-text { left: 40px } .preloader .title { display: inline-block; line-height: 0.9; letter-spacing: 10px } .preloader .title .text-fill { color: var(--heading-color); position: absolute; left: 0; -webkit-clip-path: inset(100.09% 0% 0% 0%); clip-path: inset(100.09% 0% 0% 0%) } .preloader .preloader-bar { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1 } .preloader .preloader-bar .preloader-progress { width: 0%; height: 100%; background: var(--theme-color); opacity: 0.8 } @media only screen and (max-width:767px) { .filtering-t { text-align: left } } .filtering-t .filter-title { color: var(--font-color); letter-spacing: 3px; margin-right: 10px } @media only screen and (max-width:767px) { .filtering-t .filter-title { display: none } } .filtering-t button { position: relative; color: var(--heading-color); font-family: var(--heading-font); font-size: 14px; font-weight: 500; padding: 7px 15px 8px 35px; margin-right: 5px; letter-spacing: 2px; cursor: pointer; transition: all 0.3s ease-in-out } .filtering-t button.active { background-color: var(--assistant-color) } .filtering-t button.active:before { background-color: var(--theme-color) } .filtering-t button.active:after { font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; position: absolute; top: 50%; left: 14.5px; margin-top: 1px; font-size: 7px; transform: translateY(-50%); z-index: 2 } .filtering-t button:before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--border-color); z-index: 2 } .filtering-t button:hover { background-color: var(--assistant-color) } @media only screen and (max-width:991px) { .sm-mb-30 { margin-bottom: 30px } } @media only screen and (max-width:991px) { .sm-mb-20 { margin-bottom: 20px } } @media only screen and (max-width:767px) { .grid-md-2 .pl-40 { padding-left: 0 } } .gallery-portfolio.justified-gallery { margin-top: -15px } .cursor { position: fixed; top: 50%; left: 50%; width: 50px; height: 50px; z-index: 999999; pointer-events: none; border-radius: 12% 0% 100% 0%; transform-origin: left top; transition: transform 0.35s; transform: scale(0.35) translate(-50%,-50%); mix-blend-mode: exclusion; background-color: #fff; } .cursor.cursor-scale-full, .mfp-zoom-out-cur .cursor { transform: scale(1.2) translate(-50%, -50%) } .cursor.cursor-scale-full span, .mfp-zoom-out-cur .cursor span { color: #000 } .cursor.cursor-scale-half { transform: scale(0.85) translate(-50%, -50%); mix-blend-mode: unset; background-color: var(--bg-color) } .cursor.cursor-scale-half span { color: var(--heading-color) } .cursor.cursor-drag .cursor-next, .cursor.cursor-drag .cursor-prev { position: absolute; top: 0; right: -25px } .cursor.cursor-drag .cursor-prev { right: auto; left: -25px } .cursor.cursor-drag.no-drag { mix-blend-mode: exclusion; color: #fff } .cursor.cursor-drag.no-drag .cursor-drag, .cursor.cursor-drag.no-drag .cursor-next, .cursor.cursor-drag.no-drag .cursor-prev { display: none } .cursor.cursor-drag.cursor-up-down .cursor-next, .cursor.cursor-drag.cursor-up-down .cursor-prev { position: absolute; top: -50px; right: auto; left: 33px; transform: rotate(-90deg) } .cursor.cursor-drag.cursor-up-down .cursor-prev { top: auto; bottom: -50px } .cursor.cursor-drag.no-drag { mix-blend-mode: exclusion; background-color: #fff } .cursor.cursor-drag.no-drag .cursor-drag, .cursor.cursor-drag.no-drag .cursor-next, .cursor.cursor-drag.no-drag .cursor-prev { display: none } @media only screen and (max-width:991px) { .cursor { display: none } } .cursor .cursor-helper { position: absolute; border-radius: 50%; width: 100%; text-align: center } .cursor .cursor-helper span { line-height: 76px; font-size: 12px; font-weight: bold; text-shadow: 20px 20px 20px #000; display: none } .cursor.cursor-view span.cursor-view { mix-blend-mode: unset; display: block } .cursor.cursor-close span.cursor-close { mix-blend-mode: unset; display: block } .cursor.cursor-play span.cursor-play { mix-blend-mode: unset; display: block } .cursor.cursor-open span.cursor-open { mix-blend-mode: unset; display: block } .cursor.cursor-prev span.cursor-prev { mix-blend-mode: unset; display: block } .cursor.cursor-next span.cursor-next { mix-blend-mode: unset; display: block } .cursor.cursor-drag span.cursor-drag { mix-blend-mode: unset; display: block } .dsn-ajax-effect:not(.dsn-cursor-effect) .cursor { left: auto; top: auto; right: 10px; bottom: 10px; transform: scale(0.3) translate(-50%, -50%); mix-blend-mode: unset } .dsn-ajax-effect .cursor { display: inherit!important; transform: scale(0.3); mix-blend-mode: unset } .dsn-ajax-effect .cursor:after { content: ""; position: absolute; width: 100px; height: 109px; border-radius: 50%; left: -9px; top: -15px; border-top: 5px solid #fff; animation-name: animate-load; animation-duration: 1.5s; animation-iteration-count: infinite } .cursor.no-scale { transform: scale(0) translate(-50%, -50%) } /* == twentytwenty == */ .twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{content:" ";display:block;background:white;position:absolute;z-index:30;box-shadow:0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{transition-duration:0.5s}.twentytwenty-after-label,.twentytwenty-before-label{transition-property:opacity}.twentytwenty-after-label:before,.twentytwenty-before-label:before{color:white;font-size:13px;letter-spacing:0.1em}.twentytwenty-after-label:before,.twentytwenty-before-label:before{position:absolute;background:rgba(255,255,255,0.2);line-height:38px;padding:0 20px;border-radius:2px}.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before{top:50%;margin-top:-19px}.twentytwenty-vertical .twentytwenty-after-label:before,.twentytwenty-vertical .twentytwenty-before-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-down-arrow,.twentytwenty-up-arrow{left:50%;margin-left:-6px}.twentytwenty-container{box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label{opacity:0}.twentytwenty-container *{box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:attr(data-content)}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:attr(data-content)}.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}.twentytwenty-overlay{transition-property:background;background:rgba(0,0,0,0);z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,0.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;border-radius:1000px;box-shadow:0px 0px 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;box-shadow:0 3px 0 white,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;box-shadow:0 -3px 0 white,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;box-shadow:3px 0 0 white,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;box-shadow:-3px 0 0 white,0px 0px 12px rgba(51,51,51,0.5)}.twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px} .ah-headline.type .ah-words-wrapper.selected::after,.ah-headline.type b{visibility:hidden}.ah-headline.clip span,.ah-headline.loading-bar span,.ah-headline.slide span{padding:.2em 0;display:inline-block}.ah-headline.clip .ah-words-wrapper,.ah-headline.loading-bar .ah-words-wrapper,.ah-headline.slide .ah-words-wrapper,.ah-headline.type .ah-words-wrapper{overflow:hidden;vertical-align:top}.ah-words-wrapper{display:inline-block;position:relative;text-align:left}.ah-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.ah-words-wrapper b.is-visible{position:relative}.no-js .ah-words-wrapper b{opacity:0}.no-js .ah-words-wrapper b.is-visible{opacity:1}.ah-headline.rotate-1 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-1 b{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.ah-headline.rotate-1 b.is-visible{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-animation:ah-rotate-1-in 1.2s;animation:ah-rotate-1-in 1.2s}.ah-headline.rotate-1 b.is-hidden{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-animation:ah-rotate-1-out 1.2s;animation:ah-rotate-1-out 1.2s}@-webkit-keyframes ah-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}}@keyframes ah-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}65%{opacity:0}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}}@-webkit-keyframes ah-rotate-1-out{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@keyframes ah-rotate-1-out{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}65%{opacity:0}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}.ah-headline.type .ah-words-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px;background-color:#363636}.ah-headline.type .ah-words-wrapper.waiting::after{-webkit-animation:ah-pulse 1s infinite;animation:ah-pulse 1s infinite}.ah-headline.type .ah-words-wrapper.selected{background-color:#f0f0f0}.ah-headline.type .ah-words-wrapper.selected b{color:#363636}.ah-headline.type b.is-visible{visibility:visible}.ah-headline.type i{position:absolute;visibility:hidden}.ah-headline.type i.in{position:relative;visibility:visible}@-webkit-keyframes ah-pulse{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}@keyframes ah-pulse{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}.ah-headline.rotate-2 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-2 em,.ah-headline.rotate-2 i{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ah-headline.rotate-2 b{opacity:0}.ah-headline.rotate-2 i{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);opacity:0}.is-visible .ah-headline.rotate-2 i{opacity:1}.ah-headline.rotate-2 i.in{-webkit-animation:ah-rotate-2-in .4s forwards;animation:ah-rotate-2-in .4s forwards}.ah-headline.rotate-2 i.out{-webkit-animation:ah-rotate-2-out .4s forwards;animation:ah-rotate-2-out .4s forwards}.ah-headline.rotate-2 em{-webkit-transform:translateZ(20px);transform:translateZ(20px)}.no-csstransitions .ah-headline.rotate-2 i{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0}.no-csstransitions .ah-headline.rotate-2 i em{-webkit-transform:scale(1);transform:scale(1)}.no-csstransitions .ah-headline.rotate-2 .is-visible i{opacity:1}@-webkit-keyframes ah-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@keyframes ah-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}}@-webkit-keyframes ah-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}}@keyframes ah-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}}.ah-headline.loading-bar .ah-words-wrapper::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:#356efd;z-index:2;-webkit-transition:width .3s -.1s;transition:width .3s -.1s}.ah-headline.loading-bar .ah-words-wrapper.is-loading::after{width:100%;-webkit-transition:width 3s;transition:width 3s}.ah-headline.loading-bar b{top:.2em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.ah-headline.loading-bar b.is-visible{opacity:1;top:0}.ah-headline.slide b{opacity:0;top:.2em}.ah-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;animation:slide-in .6s}.ah-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;animation:slide-out .6s}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%)}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%)}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.ah-headline.clip .ah-words-wrapper::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background-color:#363636}.ah-headline.clip b{opacity:0}.ah-headline.clip b.is-visible{opacity:1}.ah-headline.zoom .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.zoom b{opacity:0}.ah-headline.zoom b.is-visible{opacity:1;-webkit-animation:zoom-in .8s;animation:zoom-in .8s}.ah-headline.zoom b.is-hidden{-webkit-animation:zoom-out .8s;animation:zoom-out .8s}@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}@keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}.ah-headline.rotate-3 .ah-words-wrapper{-webkit-perspective:300px;perspective:300px}.ah-headline.rotate-3 b{opacity:0}.ah-headline.rotate-3 i{display:inline-block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.is-visible .ah-headline.rotate-3 i{-webkit-transform:rotateY(0);transform:rotateY(0)}.ah-headline.rotate-3 i.in{-webkit-animation:ah-rotate-3-in .6s forwards;animation:ah-rotate-3-in .6s forwards}.ah-headline.rotate-3 i.out{-webkit-animation:ah-rotate-3-out .6s forwards;animation:ah-rotate-3-out .6s forwards}.no-csstransitions .ah-headline.rotate-3 i{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:0}.no-csstransitions .ah-headline.rotate-3 .is-visible i{opacity:1}@-webkit-keyframes ah-rotate-3-in{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes ah-rotate-3-in{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@-webkit-keyframes ah-rotate-3-out{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}@keyframes ah-rotate-3-out{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}}.ah-headline.scale b{opacity:0}.ah-headline.scale i{display:inline-block;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.is-visible .ah-headline.scale i{opacity:1}.ah-headline.scale i.in{-webkit-animation:scale-up .6s forwards;animation:scale-up .6s forwards}.ah-headline.scale i.out{-webkit-animation:scale-down .6s forwards;animation:scale-down .6s forwards}.no-csstransitions .ah-headline.scale i{-webkit-transform:scale(1);transform:scale(1);opacity:0}.no-csstransitions .ah-headline.scale .is-visible i{opacity:1}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}60%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}60%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ah-headline.push b{opacity:0}.ah-headline.push b.is-visible{opacity:1;-webkit-animation:push-in .6s;animation:push-in .6s}.ah-headline.push b.is-hidden{-webkit-animation:push-out .6s;animation:push-out .6s}@-webkit-keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}60%{opacity:1;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}60%{opacity:1;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} @charset "UTF-8"; /*-------------------------------------------------------------*/ /*----------------------------------------------------------- 1. Variables 2. Mixins - Mixins Master - Utilities 3. Normalize 4. Helpers 5. Typography - Copy - Headings 6. Core 7. Navigation - Links - Menus - Next & Previous 8. Content - pages - Comments - Archives - Footer 9.Forms - Button - Fields 10.Blocks 11.Media - captions 12.Version Light -------------------------------------------------------------*/ :root, :root .v-light, :root .v-light-head { --bg-color: #fff; --assistant-color: #f1f1f1; --theme-color: #e21f75; --font-color: #0009; --heading-color: #000; --border-color: #cccccc; --smooth-color: #141414; --reverse-color: #141414; --reverse-heading-color: #fff; } :root .v-dark, :root .v-dark-head { --bg-color: #222222; --assistant-color: #080808; --theme-color: #e21f75; --font-color: #bbb; --heading-color: #fff; --border-color: #ffffff9e; --smooth-color: #f9f9f9; --reverse-color: #f9f9f9; --reverse-heading-color: #000; } @media only screen and (max-width: 991px) { .v-dark-head-mobile { --bg-color: #000; --assistant-color: #101010; --theme-color: #14bfb5; --font-color: #bbb; --heading-color: #fff; --border-color: rgba(255, 255, 255, 0.07); --smooth-color: #f9f9f9; --reverse-color: #f9f9f9; --reverse-heading-color: #000; color: var(--font-color); } } :root { --body-font: "Karla", sans-serif; --heading-font: "Poppins", sans-serif; --font-code: Menlo, monaco, Consolas, Lucida Console, monospace; --font-pre: "Courier 10 Pitch", Courier, monospace; --mod-color: #fff; --font-size-base: 16px; --font-size-h1: 40px; --font-size-h2: 35px; --font-size-h3: 30px; --font-size-h4: 25px; --font-size-h5: 22px; --font-size-h6: 16px; --menu-size: 12px; --line-height-base: 1.4; --line-height-content: 1.6; --font-weight-heading: 700; --font-weight-body: 500; --margin-padding: 120px; --margin-padding-mobile: 80px; --box-padding: 80px; --box-padding-mobile: 50px; --smooth-width: 4px; --s-box-left-social: 150px; --s-box-left-menu: 55px; --s-box-right: 75px; --s-box-left: calc(var(--s-box-left-social) + var(--s-box-left-menu)); --s-box-full: calc(var(--s-box-left-social) + var(--s-box-left-menu) + var(--s-box-right)); } /* ------------------------------------------------------- Core -------------------------------------------------------- */ html { font-size: var(--font-size-base); } body { background-color: var(--bg-color); color: var(--font-color); line-height: var(--line-height-base); font-family: var(--body-font); font-weight: var(--font-weight-body); margin: 0; text-rendering: optimizeLegibility; transition: 100ms; transition-property: background-color, color; } body, .main-root { background-color: var(--bg-color); color: var(--font-color); } .wrapper { position: relative; background-color: var(--bg-color); } .main-root > .side-bar-full { display: none; pointer-events: none; background: #ffffff42; } body:not(.v-dark) .main-root > .side-bar-full { background-color: #FFFFFF30; } @media only screen and (min-width: 992px) { body .main-root > .side-bar-full { position: fixed; width: var(--s-box-full); height: 100vh; left: 0; top: 0; display: inherit; z-index: 10; } body .main-root > .side-bar-full > * { position: absolute; height: 100%; } body .main-root > .side-bar-full .side-box-left { width: var(--s-box-left); z-index: 1; } body .main-root > .side-bar-full .side-box-left .side-menu { width: var(--s-box-left-menu); margin-left: var(--s-box-left-social); text-align: center; } body .main-root > .side-bar-full .side-box-right { position: relative; width: var(--s-box-right); left: var(--s-box-left); z-index: 2; } body .main-root > .side-bar-full .page-active { padding-top: 22px; height: auto; justify-self: center; } body .main-root > .side-bar-full .page-active h2 { writing-mode: vertical-lr; transform: rotate(180deg); letter-spacing: 5px; font-size: var(--font-size-base); } } @media only screen and (min-width: 992px) { body .inner-content { width: calc(100% - var(--s-box-full)); margin-left: auto; } } .text-stroke-box { display: none; } @media only screen and (min-width: 992px) { body .text-stroke-box { position: absolute; top: 0; height: 100%; overflow: hidden; width: var(--s-box-right); left: calc(var(--s-box-right) * -1); white-space: nowrap; display: inherit; } } .text-stroke-box .text-stroke-inner { font-size: 50px; writing-mode: vertical-lr; transform: rotate(180deg); pointer-events: none; opacity: 0.35; will-change: transform; } .text-stroke-box .text-stroke-inner.dsn-animate { transform: translateY(-100%) rotate(180deg); animation: marquee 100s linear infinite; } @media only screen and (min-width: 992px) { body .side-box-right .text-stroke-box { left: 0; } } .full-bg { width: 100%; height: 100%; left: 0; top: 0; background-image: url(../themes/eycom2021/assets/img/page-next.svg); background-repeat: no-repeat; background-position: 150% 0; } .border-before { border-left: 2px solid var(--heading-color); padding-left: 20px; } @media only screen and (min-width: 768px) { .padding-block { padding-top: var(--box-padding); padding-bottom: var(--box-padding); } } @media only screen and (max-width: 767px) { .padding-block { padding-top: var(--box-padding-mobile); padding-bottom: var(--box-padding-mobile); } } @media only screen and (min-width: 992px) { .has-box-mod { padding-right: 25px; padding-left: 25px; display: inline-block; line-height: 1.1; } } .has-box-mod .title, .has-box-mod .title-block, .has-box-mod .heading-h2 { line-height: 1.1; text-transform: capitalize; } .has-box-mod.move-circle { transform: none !important; } .has-box-mod.move-circle .icon-circle { top: auto; bottom: 0; height: 70%; mix-blend-mode: exclusion; background-color: var(--mod-color); z-index: 1; transition: width 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .dsn-ajax-effect .has-box-mod.move-circle .icon-circle { width: 0; } .ah-words-wrapper b { font-weight: inherit; } .shap-linear { position: relative; background: repeating-linear-gradient(45deg, var(--border-color), var(--border-color) 1px, var(--bg-color) 2px, var(--bg-color) 10px); height: 40px; } @media only screen and (max-width: 991px) { .shap-linear { display: none; } } .circle-top { top: -10vw; right: 50px; width: 30vw; height: 30vw; z-index: -1; pointer-events: none; } .circle-top, .circle-top:after { position: absolute; border: 1px solid var(--border-color); border-radius: 50%; } .circle-top:after { content: ""; top: 50%; left: 50%; width: 15vw; height: 15vw; transform: translate(-50%, -50%); } .inner-content:after, .inner-content:before { content: ""; display: block; height: 0.1px; } @media only screen and (min-width: 992px) { body .full-width .dsn-container { padding-left: calc(var(--s-box-full) + 50px); } } @keyframes marquee { 0% { transform: translateY(-100%) rotate(180deg); } 100% { transform: translateY(10%) rotate(180deg); } } .p-fixed.has-parallax-header { left: 0; top: 0; right: 0; bottom: 0; } .left-bar { width: var(--s-box-full); left: 0; } @media only screen and (max-width: 991px) { .left-bar { display: none; } } @media only screen and (min-width: 992px) { .dsn-isotope.grid.d-grid.grid-lg-3 > *:nth-of-type(2) { margin-top: 50px; } .dsn-isotope.grid.d-grid.grid-lg-3 > *:nth-of-type(3) { margin-top: 110px; } .dsn-isotope.grid.d-grid.grid-lg-2 > *:nth-of-type(2) { margin-top: 80px; } } @media only screen and (min-width: 768px) { .dsn-isotope.grid.d-grid.grid-md-3 > *:nth-of-type(2) { margin-top: 50px; } .dsn-isotope.grid.d-grid.grid-md-3 > *:nth-of-type(3) { margin-top: 110px; } .dsn-isotope.grid.d-grid.grid-md-2 > *:nth-of-type(2) { margin-top: 80px; } } .dsn-paginate-right-page { position: fixed; right: 20px; mix-blend-mode: exclusion; z-index: 100; } .dsn-paginate-right-page, .dsn-paginate-right-page .dsn-link-paginate:before { top: 50%; transform: translateY(-50%); } .dsn-paginate-right-page .dsn-link-paginate { position: relative; cursor: pointer; padding-right: 20px; display: flex; font-size: 13px; letter-spacing: 2px; height: 20px; line-height: 20px; margin-top: 5px; } .dsn-paginate-right-page .dsn-link-paginate .whitespace { display: none; } .dsn-paginate-right-page .dsn-link-paginate .dsn-word-wrapper { width: 0; height: 0; } .dsn-paginate-right-page .dsn-link-paginate .dsn-word-wrapper:not(.whitespace):not(:last-of-type) { margin-right: 5px; } .dsn-paginate-right-page .dsn-link-paginate:before { content: ""; position: absolute; width: 10px; height: 10px; right: 0; background-color: #fff; z-index: -1; border-radius: 50%; } .dsn-paginate-right-page .dsn-link-paginate .dsn-word-wrapper { overflow: hidden; will-change: transform; } .dsn-paginate-right-page .dsn-link-paginate .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .dsn-paginate-right-page .dsn-link-paginate:hover .dsn-word-wrapper { width: auto; height: auto; } .dsn-paginate-right-page .dsn-link-paginate:hover .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .dsn-stories.dsn-stories-model { position: fixed; width: calc(100% - var(--s-box-full)); background-color: var(--assistant-color); border-top: 2px solid var(--theme-color); transform: translateY(100%); opacity: 0; visibility: hidden; overflow: hidden; bottom: 0; right: 0; display: flex; transition: 1s cubic-bezier(0.77, 0, 0.175, 1); } .dsn-stories.dsn-stories-model, .dsn-stories.dsn-stories-model .dsn-stories-gallery { height: 150px; } .dsn-stories.dsn-stories-model .dsn-stories-gallery { width: 100px; } .dsn-stories.dsn-stories-model .dsn-stories-gallery a:not(:first-of-type) { pointer-events: none; z-index: -1; } .dsn-stories.dsn-stories-model .dsn-stories-gallery a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; } .dsn-stories.dsn-stories-model .dsn-stories-gallery a, .dsn-stories.dsn-stories-model .dsn-stories-gallery a img { border-radius: 7px; } .dsn-stories.dsn-stories-model .dsn-stories-gallery:hover .heading-h2 .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .dsn-stories-gallery:hover .title-block .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .dsn-stories-gallery:hover .sm-title-block .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .dsn-stories-gallery.dsn-active .heading-h2 .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .dsn-stories-gallery.dsn-active .title-block .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .dsn-stories-gallery.dsn-active .sm-title-block .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .dsn-stories.dsn-stories-model .heading-h2, .dsn-stories.dsn-stories-model .title-block, .dsn-stories.dsn-stories-model .sm-title-block { position: absolute; right: 100px; top: 50%; transform: translateY(-50%); line-height: 1; } .dsn-stories.dsn-stories-model .heading-h2 .dsn-word-wrapper, .dsn-stories.dsn-stories-model .title-block .dsn-word-wrapper, .dsn-stories.dsn-stories-model .sm-title-block .dsn-word-wrapper { overflow: hidden; will-change: transform; } .dsn-stories.dsn-stories-model .heading-h2 .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .title-block .dsn-chars-wrapper, .dsn-stories.dsn-stories-model .sm-title-block .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .dsn-stories.dsn-stories-model .close-story { position: fixed; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; background-color: var(--bg-color); opacity: 0.1; } .dsn-stories.gallery-portfolio .dsn-stories-gallery a { position: absolute; width: 100%; height: 100%; z-index: -1; } .dsn-stories.gallery-portfolio .dsn-stories-gallery a:first-of-type { z-index: 1; } .dsn-stories.gallery-portfolio .dsn-stories-gallery:hover .sm-title-block .dsn-chars-wrapper, .dsn-stories.gallery-portfolio .dsn-stories-gallery:hover .title-block .dsn-chars-wrapper, .dsn-stories.gallery-portfolio .dsn-stories-gallery.dsn-active .sm-title-block .dsn-chars-wrapper, .dsn-stories.gallery-portfolio .dsn-stories-gallery.dsn-active .title-block .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .dsn-stories.gallery-portfolio .dsn-stories-gallery:hover .sm-title-block .icon-circle, .dsn-stories.gallery-portfolio .dsn-stories-gallery:hover .title-block .icon-circle, .dsn-stories.gallery-portfolio .dsn-stories-gallery.dsn-active .sm-title-block .icon-circle, .dsn-stories.gallery-portfolio .dsn-stories-gallery.dsn-active .title-block .icon-circle { width: 100%; } .dsn-stories.gallery-portfolio .sm-title-block, .dsn-stories.gallery-portfolio .title-block { position: absolute; bottom: 30px; left: 10px; z-index: 2; } .dsn-stories.gallery-portfolio .sm-title-block .dsn-word-wrapper, .dsn-stories.gallery-portfolio .title-block .dsn-word-wrapper { overflow: hidden; will-change: transform; } .dsn-stories.gallery-portfolio .sm-title-block .dsn-chars-wrapper, .dsn-stories.gallery-portfolio .title-block .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .dsn-stories.gallery-portfolio .sm-title-block .icon-circle, .dsn-stories.gallery-portfolio .title-block .icon-circle { width: 0; transition: width 1s; } .stories-btn { position: fixed; bottom: 35px; right: 20px; z-index: 12; mix-blend-mode: exclusion; color: #fff; transform: rotate(90deg); transform-origin: 100% 50%; transition: 1s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; cursor: pointer; } @media only screen and (max-width: 575px) { .stories-btn { display: none; } } .stories-btn:after { content: ""; position: absolute; right: -15px; top: 10px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; } .dsn-show-stories .dsn-stories { opacity: 1; visibility: visible; transform: none; } @media only screen and (max-width: 991px) { .dsn-show-stories .dsn-stories { width: 100%; } } @media only screen and (max-width: 575px) { .dsn-show-stories .dsn-stories { display: none; } } .dsn-show-stories .stories-btn { transform: none; right: 35px; } .projects-list.work-hover .work-item .box-content { position: absolute; bottom: 15px; z-index: 1; } .projects-list.work-hover .work-item .box-content .sec-title .dsn-word-wrapper { overflow: hidden; will-change: transform; } .projects-list.work-hover .work-item .box-content .sec-title .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .projects-list.work-hover .work-item .box-content .sec-title .icon-circle { width: 0; transition: width 0.5s; } .projects-list.work-hover .work-item:hover .sec-title .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .projects-list.work-hover .work-item:hover .sec-title .icon-circle { width: 100%; } .day-night { position: fixed; z-index: 99999; top: 50%; left: calc(var(--s-box-left-social) / 2 ); width: 30px; height: 30px; cursor: pointer; transform: translateX(-50%); } .admin-bar .day-night { top: 74px; } @media screen and (min-width: 783px) { .admin-bar .day-night { top: 60px; } } @media only screen and (max-width: 991px) { .day-night { top: 30px; left: 200px; } } @media only screen and (max-width: 767px) { .day-night { top: 50px; left: 150px; display: none; } } .day-night .night, .day-night .moon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transition: opacity 0.8s; border-radius: 100%; opacity: 0; } .day-night .night svg, .day-night .moon svg { width: 100%; height: 100%; } .day-night .night { border: 1px solid rgba(255, 255, 255, 0.18); background-color: #fff; opacity: 1; } .day-night .night svg { fill: #000; width: 100%; height: 100%; } .day-night .moon { border: 1px solid rgba(255, 255, 255, 0.18); background-color: #000; opacity: 0; } .day-night .moon svg { transform: rotate(270deg); fill: #f0f0f0; } .v-light .day-night .night { opacity: 0; } .v-light .day-night .moon { opacity: 1; } input::placeholder, textarea::placeholder, .form-control::placeholder, .form-box input::placeholder, .form-box textarea::placeholder { color: var(--heading-color); } input[type=search]::-webkit-search-decoration { display: none; } .link-custom, input[type=submit] { position: relative; padding: 12px 30px; letter-spacing: 2px; font-size: 14px; font-weight: 600; text-transform: uppercase; border: solid 1px var(--border-color); z-index: 2; cursor: pointer; } .link-custom.border-radius, input[type=submit].border-radius { border-radius: 30px; } .link-custom.border-radius::before, input[type=submit].border-radius::before { display: none; } .link-custom:not(.background-reverse), input[type=submit]:not(.background-reverse) { color: var(--heading-color); } .link-custom:before, input[type=submit]:before { content: ""; position: absolute; width: 100%; height: 100%; left: 6px; top: 6px; transition: all 0.3s ease; border: solid 1px var(--border-color); z-index: -1; } .link-custom:hover::before, input[type=submit]:hover::before { left: 0; top: 0; } .play-btn { width: 100px; height: 100px; line-height: 100px; border-radius: 50%; margin: auto; text-align: center; font-weight: 600; } @media only screen and (max-width: 767px) { .play-btn { width: 70px; height: 70px; line-height: 70px; } } .move-circle { position: relative; } @media only screen and (min-width: 992px) { .move-circle { background-color: transparent; } } .move-circle .icon-circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; } .move-circle.background-main .icon-circle { background-color: var(--bg-color); } .move-circle.background-section .icon-circle { background-color: var(--assistant-color); } .move-circle.background-theme .icon-circle { background-color: var(--theme-color); } .move-circle.border-circle { border: 1px solid var(--heading-color); } .btn-arrow { color: var(--heading-color); padding-bottom: 10px; border-bottom: 1px solid var(--border-color); font-size: 14px; letter-spacing: 2px; text-transform: uppercase; transition: padding 450ms ease-in-out; } .btn-arrow svg path { fill: var(--heading-color); } .btn-arrow:hover { padding-left: 10px; padding-right: 10px; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { outline: 0; outline-style: none; } a:hover, a:active { outline: 0; text-decoration: none; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .font-heading { font-family: var(--heading-font); } .text-transform-upper { text-transform: uppercase; } .site-header { position: fixed; top: 0; width: 100%; padding-top: 22px; padding-bottom: 22px; z-index: 10; pointer-events: none; transition-property: background-color, padding-top, padding-bottom, transform; transition-duration: 0.5s; } .site-header a { color: inherit; } .site-header .main-logo { color: var(--heading-color); } .site-header .main-logo .light-logo { display: inherit; } .site-header .main-logo .dark-logo { display: none; } body:not(.v-dark) .site-header .main-logo .light-logo { display: none; } body:not(.v-dark) .site-header .main-logo .dark-logo { display: inherit; } .admin-bar .site-header { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .site-header { top: 32px; } } .site-header .menu-cover-title { position: absolute; top: 50%; left: -12px; font-size: 20vw; font-weight: 600; line-height: 1.15; transform: translateY(-50%); opacity: 0.05; } @media only screen and (max-width: 991px) { .site-header .menu-cover-title { left: 50%; transform: translate(-50%, -50%); } } .site-header .inner-header .main-logo { width: 100%; pointer-events: all; } .site-header .inner-header .main-logo img { height: auto; WIDTH: 100%; } .site-header .main-navigation { pointer-events: all; } .site-header .menu-icon { position: relative; top: -5px; cursor: pointer; pointer-events: all; } .site-header .menu-icon .icon-m .menu-icon-line { background-color: var(--theme-color); width: 23px; height: 2px; transition: transform 0.2s ease-Out; } .site-header .menu-icon .icon-m .menu-icon-line.icon-top { width: 5px; } .site-header .menu-icon .icon-m .menu-icon-line.icon-center { width: 14px; } .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom { margin-top: 5px; } .site-header .menu-icon .icon-m .icon-circle { position: absolute; top: -5px; left: -8px; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; display: none; } .site-header .menu-icon .icon-m:hover .icon-circle { display: inherit; } .site-header .menu-icon .text-menu { top: -4px; width: 45px; color: var(--heading-color); opacity: 0.9; font-size: 13px; font-weight: 600; } .site-header .menu-icon .text-menu > div { left: 0; top: 0; } .site-header .menu-icon .text-menu .text-button .dsn-word-wrapper { overflow: hidden; will-change: transform; } .site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .site-header .menu-icon .text-menu .text-open .dsn-word-wrapper, .site-header .menu-icon .text-menu .text-close .dsn-word-wrapper { overflow: hidden; will-change: transform; } .site-header .menu-icon .text-menu .text-open .dsn-chars-wrapper, .site-header .menu-icon .text-menu .text-close .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .site-header .menu-icon.nav-active .text-menu { width: 50px; } .site-header .menu-icon:hover .icon-m .icon-top, .site-header .menu-icon:hover .icon-m .icon-center { transform: translateY(6px); } .site-header .menu-icon:hover .icon-m .icon-bottom { transform: translateY(-5px); } .site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper { overflow: hidden; will-change: transform; } .site-header .menu-icon:hover .text-menu .text-button .dsn-chars-wrapper { opacity: 0; visibility: hidden; will-change: transform; transform: translateY(50%) rotate(15deg) scale(0.8); transform-origin: top left; transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s; transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); } .site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-chars-wrapper { opacity: 1; visibility: visible; transform: translateY(0) rotate(0deg) scale(1); } .site-header .container-content { width: 30%; opacity: 0; visibility: hidden; } @media only screen and (max-width: 991px) { .site-header .container-content { display: none; } } .site-header .container-content .nav-content:not(:first-of-type) { margin-top: 30px; } .site-header .container-content .nav-content p { color: var(--font-color); } .site-header .container-content .nav-content p:not(:last-of-type) { margin-bottom: 5px; } .site-header .container-content .nav-content p .link-hover { text-transform: uppercase; } .site-header .container-content .title-line, .site-header .container-content p.title-line { color: var(--theme-color); font-size: 20px; font-weight: 600; margin-bottom: 10px; } .site-header .container-content .nav-social ul li { font-size: 14px; margin-right: 15px; padding-right: 5px; } .site-header .container-content .nav-social ul li, .site-header .container-content .nav-social ul li a { position: relative; color: var(--heading-color); display: inline-block; letter-spacing: 2px; font-family: var(--heading-font); } .site-header ul.extend-container { width: 100%; max-width: 100%; } @media only screen and (max-width: 991px) { .site-header ul.extend-container { align-items: center; } } .site-header .extend-container .main-navigation { height: 100vh; top: 0; left: 0; background-color: var(--bg-color); z-index: -1; transform: translateY(-100%); opacity: 0; visibility: visible; } .site-header .extend-container .main-navigation:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; z-index: -1; opacity: 0.05; background-size: cover; background-repeat: no-repeat; } .site-header .extend-container .main-navigation ul.extend-container li { color: var(--heading-color); width: -webkit-max-content; width: max-content; margin-bottom: 10px; line-height: 1; font-family: var(--heading-font); } .site-header .extend-container .main-navigation ul.extend-container li.dsn-active, .site-header .extend-container .main-navigation ul.extend-container li:hover { color: var(--theme-color); } .site-header .extend-container .main-navigation ul.extend-container li.dsn-active .dsn-meta-menu, .site-header .extend-container .main-navigation ul.extend-container li:hover .dsn-meta-menu { color: var(--assistant-color); } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu { display: flex; align-items: center; margin-bottom: 20px; cursor: pointer; } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img { width: 32px; transform: translateX(0); } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu { font-size: 42px; margin-left: 5px; } @media only screen and (max-width: 767px) { .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu { font-size: 32px; } } @media only screen and (max-width: 575px) { .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu { font-size: 24px; } } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img, .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu { transition: 0.5s ease-in-out; transition-property: opacity, visibility, transform; } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover img { transform: translateX(-22px); opacity: 0; visibility: hidden; } .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu { transform: translateX(-40px); } .site-header .extend-container .main-navigation ul.extend-container li li { overflow: inherit; margin-bottom: 0; } .site-header .extend-container .main-navigation ul.extend-container li a { overflow: hidden; line-height: 1.2; } .site-header .extend-container .main-navigation ul.extend-container li a:after, .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu { position: absolute; display: inherit; width: -webkit-max-content; width: max-content; } .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu { margin-left: 10px; font-size: 12px; letter-spacing: 2px; transform: translateY(25px); } @media only screen and (max-width: 991px) { .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu { display: none; } } @media only screen and (min-width: 992px) { .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after { content: ""; background-image: url("../themes/eycom2021/assets/img/right.svg"); background-size: 17px; height: 17px; width: 17px; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: 0.5s; transform: translate(0, 8px); } .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:hover:after { opacity: 1; visibility: visible; transform: translate(50%, 8px); } } .site-header .extend-container .main-navigation ul.extend-container > li { font-size: 42px; } @media only screen and (max-width: 991px) { .site-header .extend-container .main-navigation ul.extend-container > li { font-size: 32px; } } .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu { opacity: 0; visibility: hidden; transform: translateY(30px); } .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu { opacity: 0; visibility: hidden; } .site-header .extend-container .main-navigation ul.extend-container > li ul { position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; flex-direction: column; justify-content: center; } @media only screen and (max-width: 991px) { .site-header .extend-container .main-navigation ul.extend-container > li ul { align-items: center; } } .site-header .extend-container .main-navigation ul.extend-container > li ul li { font-size: 32px; line-height: 1; } .site-header .extend-container .main-navigation ul.extend-container > li ul li a { line-height: 1.5; } .site-header .extend-container .main-navigation ul.extend-container > li ul li a .dsn-meta-menu { transform: translateY(22px); margin-left: 10px; } @media only screen and (min-width: 992px) { .classic-menu:not(.dsn-line-style) .site-header .menu-icon { display: none; } .classic-menu:not(.dsn-line-style) .site-header .container-content { display: none; } .classic-menu:not(.dsn-line-style) .site-header > .extend-container { align-items: center; } .classic-menu:not(.dsn-line-style) .site-header > .extend-container .menu-cover-title { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation { position: inherit; display: block; margin-left: auto; height: auto; width: auto; top: unset; left: unset; background-color: transparent; z-index: 1; transform: none !important; opacity: 1 !important; visibility: visible !important; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation:after { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container { display: block; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a:after, .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li { font-size: 14px; display: inline-block; margin-left: 30px; margin-bottom: 0; font-weight: 700; padding-bottom: 10px; padding-top: 10px; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:first-of-type { margin-left: 0; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu { opacity: 1 !important; visibility: visible !important; transform: none !important; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul { position: absolute; display: block !important; min-width: 195px; width: inherit; height: auto; left: unset; top: unset; margin-top: 10px; padding: 10px; margin-left: -10px; background-color: var(--assistant-color); transition-property: transform, opacity, visibility; transition-duration: 0.8s; border-radius: 3px; opacity: 0; visibility: hidden; transform: translateY(35px); transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li { position: relative; width: 100%; padding: 7px 0; font-size: 13px; font-weight: 500; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:not(:last-child) { border-bottom: 0.5px dotted var(--assistant-color); } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li .dsn-meta-menu { display: none; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:before { content: ""; position: absolute; opacity: 0; left: -10px; top: 0; height: 100%; width: 1.5px; transition: 0.5s; background-color: var(--theme-color); } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active, .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover { color: var(--heading-color); } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active:before, .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover:before { opacity: 1; visibility: visible; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:hover ul, .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:focus { opacity: 1; transform: none; visibility: visible; } .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:last-child ul { right: -32px; } } .dsn-multi-lang { position: fixed; display: flex; max-width: 100px; top: 35px; right: 165px; z-index: 999; } .admin-bar .dsn-multi-lang { top: 81px; } @media screen and (min-width: 783px) { .admin-bar .dsn-multi-lang { top: 67px; } } .dsn-multi-lang .extend-container-lang .menu-item > a { position: relative; display: flex; align-items: center; width: 100%; height: 28px; cursor: pointer; padding: 6px 10px; background: var(--theme-color); transition: all 0.5s; border-radius: 12px; z-index: 2; color: var(--heading-color); font-size: 11px; text-transform: uppercase; } .dsn-multi-lang .extend-container-lang .menu-item > a:before { -webkit-clip-path: ellipse(10px 46% at 50% 50%); clip-path: ellipse(10px 46% at 50% 50%); margin-right: 5px !important; } .dsn-multi-lang .extend-container-lang img { width: 15px; height: 15px; object-fit: cover; border-radius: 50%; } .dsn-multi-lang .extend-container-lang span { color: #fff; font-size: 11px; text-transform: uppercase; } .dsn-multi-lang .extend-container-lang:hover .sub-menu { top: 20px; opacity: 1; visibility: visible; } .dsn-multi-lang .sub-menu { position: absolute; top: -5px; left: 0; opacity: 0; visibility: hidden; display: block; background: rgba(16, 15, 15, 0.9); transition: all 0.5s; border-radius: 0; overflow: hidden; } .dsn-multi-lang .sub-menu li:first-of-type { padding: 15px 0 0; } .dsn-multi-lang .sub-menu li a { display: flex; align-items: center; height: 29px; padding: 6px 10px; line-height: 15px; border-radius: 0 !important; } @media only screen and (min-width: 992px) { .classic-menu .dsn-multi-lang { transform: translateY(-5px); right: 15px; } } @media only screen and (max-width: 991px) { body.nav-bg .site-header { background-color: var(--bg-color); padding-top: 15px; padding-bottom: 15px; } body.nav-bg.hide-nav .site-header { transform: translateY(-100%); } } @media only screen and (max-width: 991px) { body:not(.v-dark) .site-header { padding-top: 15px; padding-bottom: 15px; background-color: rgba(255, 255, 255, 0.45); } } @media only screen and (min-width: 992px) { body .site-header { padding-left: 0; padding-right: 0; z-index: 12; } body .site-header .inner-header { width: var(--s-box-left-social); text-align: center; } body .site-header .inner-header .main-logo { max-width: calc(var(--s-box-left-social) - 20px); margin: auto; } body .site-header .menu-icon { position: fixed; width: var(--s-box-left-menu); left: var(--s-box-left-social); padding: 0; top: 50%; transform: translateY(-50%); justify-content: center; } body .site-header .menu-icon .text-menu { display: none; } } @media only screen and (min-width: 992px) { body .site-header .extend-container .main-navigation { padding-left: var(--s-box-left); padding-right: 50px; } } @media only screen and (min-width: 992px) { body .site-header .menu-cover-title { padding-left: var(--s-box-left); margin-left: 50px; } } @media only screen and (min-width: 992px) { body .site-header .extend-container .main-navigation ul.extend-container > li ul { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 992px) { body .site-header ul.extend-container { padding-left: 50px; border-left: 1px solid var(--border-color); } } .social-network { display: none; } @media only screen and (min-width: 992px) { body .social-network { position: fixed; z-index: 12; bottom: 50px; width: var(--s-box-left-social); text-align: center; display: inherit; } } .socials li:not(:last-of-type) { margin-bottom: 30px; } .socials li a { position: relative; color: #fff; font-size: 18px; } .socials li a:after, .socials li a span { position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9); } .socials li a:after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--heading-color); transform: translate(-50%, -50%) scale(0.2); } .socials li a span { color: var(--heading-color); font-size: 13px; transform-origin: center bottom; cursor: pointer; } .socials li a i { transform: scale(1); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .socials li a:hover i { transform: scale(0); transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9); } .socials li a:hover span { opacity: 1; transform: matrix(1, 0, 0, 1, 12, -8); transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75); } .socials li a:hover:after { opacity: 1; transform: translate(-50%, -50%) scale(1); transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75); transition-delay: 0.2s; } /* Social menu */ .box-social li { display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 12px; text-align: center; border: 1px solid var(--border-color); } .box-social li a { color: var(--heading-color); width: 100%; } /** === Footer menu === */ .footer-navigation { display: inline; } .footer-navigation > div { display: inline; } .footer-navigation .footer-menu { display: inline; padding-left: 0; } .footer-navigation .footer-menu li { display: inline; margin-right: 1rem; } /*---------------------------------------------------------------------------------- item-blog ----------------------------------------------------------------------------------*/ .item-blog{ border: 1px solid #fff; padding: 5%; border-radius: 10px; } /*-------------------------------------------------------------- ## Next / Previous --------------------------------------------------------------*/ /* Next/Previous Page */ .next-project .bg-container { -webkit-clip-path: circle(60% at 70% 50%); clip-path: circle(60% at 70% 50%); } .next-project .scroll-down { padding-top: 15px; animation: flickerAnimation 1.5s infinite; } .next-project .scroll-down .text-scroll { font-weight: bold; color: var(--heading-color); } .next-project .w-100.pt-30.d-flex.justify-content-between { position: absolute; top: 0; left: 0; } .next-project .dsn-container { position: relative; } @media only screen and (max-width: 575px) { .testimonials .control-nav { position: relative; margin-top: 30px; } } .testimonials .next-container, .testimonials .prev-container { position: absolute; bottom: 0; display: inline-block; cursor: pointer; z-index: 2; border-radius: 50%; height: 40px; width: 40px; } @media only screen and (max-width: 575px) { .testimonials .next-container, .testimonials .prev-container { position: relative; } } .testimonials .next-container svg, .testimonials .prev-container svg { height: 40px; width: 40px; } .testimonials .next-container svg .circle, .testimonials .prev-container svg .circle { stroke-dashoffset: 113.113px; stroke-dasharray: 113.113px; stroke-width: 0; opacity: 0; fill: #fff; } .testimonials .next-container svg .path, .testimonials .prev-container svg .path { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.8px; } .testimonials .next-container.next-container, .testimonials .prev-container.next-container { right: 0; } .testimonials .next-container.next-container svg, .testimonials .prev-container.next-container svg { transform: rotate(270deg); } .testimonials .next-container.prev-container, .testimonials .prev-container.prev-container { right: 60px; } @media only screen and (max-width: 575px) { .testimonials .next-container.prev-container, .testimonials .prev-container.prev-container { left: 0; right: auto; } } .testimonials .next-container.prev-container svg, .testimonials .prev-container.prev-container svg { transform: rotate(90deg); } @media only screen and (min-width: 992px) { .about-me .box-img { margin-top: calc((var(--margin-padding) + var(--box-padding)) * -1); } } @media only screen and (max-width: 991px) { .about-me .background-section .box-info { padding-bottom: var(--margin-padding-mobile); } } @media only screen and (max-width: 767px) { .about-me .background-section .box-info { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 991px) { .about-me .custom-background-section { display: none; } } @media only screen and (max-width: 991px) { .about-me .box-img { min-height: 70vh; } .about-me .box-img [data-dsn-grid=moveUp] { height: 100%; } .about-me .box-img .info { align-items: flex-start; } } @media only screen and (max-width: 575px) { .about-me .box-img { height: auto; } } @media only screen and (max-width: 991px) { .about-me .box-img .box-infos { padding-right: 30px; } } @media only screen and (max-width: 767px) { .about-me .box-img .box-infos { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 991px) { .about-me { padding-top: 0; } .about-me .padding-block { padding-top: 0; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .box-experience { padding-left: 50px; border-left: 1px solid var(--border-color); } } @media only screen and (max-width: 991px) { .box-experience { margin-top: 50px; } } .box-experience .numb-ex { font-family: var(--heading-font); font-size: 200px; line-height: 170px; color: transparent; -webkit-text-stroke: 3.5px var(--heading-color); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; transform: scale3d(1, 1.2, 1); margin-left: -5px; } .lest-icon li { position: relative; padding-left: 30px; } .lest-icon li:not(:last-of-type) { margin-bottom: 20px; } .lest-icon li:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--theme-color); font-size: 16px; position: absolute; left: 0; top: 0; } .style-box { position: relative; } @media only screen and (min-width: 1400px) { .style-box { padding: 60px 40px; } } @media only screen and (max-width: 1399px) { .style-box { padding: 40px 25px; } } @media only screen and (max-width: 575px) { .style-box { padding: 60px 15px; } } .style-box:before, .style-box:after { content: ""; width: 0; height: 0; position: absolute; } .style-box:before { top: 4px; left: 4px; border-right: 50px solid transparent; border-top: 50px solid var(--assistant-color); } .style-box:after { border-left: 50px solid transparent; border-bottom: 50px solid var(--assistant-color); bottom: 4px; right: 4px; } .style-box.background-section:before, .background-section .style-box:before { border-top: 50px solid #6f6f6f; } .style-box.background-section:after, .background-section .style-box:after { border-bottom: 50px solid #ffffff; } .services { counter-reset: workcounter; } .services .service-item::before { counter-increment: workcounter; content: counters(workcounter, ".", decimal-leading-zero); position: absolute; right: 45px; top: 50px; font-size: 50px; line-height: 1; font-family: var(--heading-font); font-weight: 700; color: transparent; -webkit-text-stroke: 1px var(--border-color); opacity: 0.2; z-index: 2; } .services .service-item .service-item-inner .icon svg { width: 60px; fill: var(--theme-color); } .services .service-item .service-item-inner .title-block, .services .service-item .service-item-inner .title-block + .description { padding-top: 15px; border-top: 2.2px solid var(--border-color); } .services .title-block.border-section-bottom { padding-top: 0; border-top: 0; padding-bottom: 20px; } .services ul li:not(:last-of-type) { margin-bottom: 10px; } .services ul li i { font-size: 16px; margin-right: 10px; color: var(--heading-color); } .experience-item:not(:last-of-type) { border-bottom: 2px solid var(--bg-color); } @media only screen and (max-width: 575px) { .experience-item { padding: 30px 15px; } } @media only screen and (max-width: 991px) { .experience-item.d-grid { grid-row-gap: 30px; } } .experience-item img { height: 30px; } .box-skills-inner { grid-column-gap: 30px; } .skills-item { position: relative; width: 100%; } .skills-item .bar { position: relative; width: 100%; height: 15px; border: 2px solid var(--assistant-color); } .background-section .skills-item .bar { border-color: var(--bg-color); } .skills-item .bar .fill { position: absolute; width: 0%; top: 2px; height: calc(100% - 4px); background-color: var(--reverse-color); } .skills-item .bar .fill .number { position: absolute; top: -30px; right: 0; font-family: var(--heading-font); font-size: 14px; color: var(--heading-color); } .testimonials .testimonial-inner { position: relative; } .testimonials .testimonial-inner .testimonial-author { margin-top: 25px; width: calc(100% - 100px); } .testimonials .testimonial-inner .testimonial-author .author, .testimonials .testimonial-inner .testimonial-author .author img { width: 80px; height: 80px; border-radius: 50%; } .testimonials .testimonial-inner .testimonial-author .author-text { margin-left: 25px; } .testimonials .testimonial-inner .testimonial-author .author-text h5 { color: var(--font-color); font-size: 13px; font-weight: 500; letter-spacing: 1.2px; margin-top: 10px; } .testimonials .testimonial-inner .testimonial-author .author-text h4 { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; } .testimonials:not(.testimonials-two) .testimonial-inner { padding-left: 150px; } .testimonials:not(.testimonials-two) .testimonial-inner:before { content: "”"; left: 0; top: -45px; position: absolute; font-size: 150px; line-height: 0.5; color: var(--border-color); font-weight: bold; font-family: var(--heading-font); opacity: 0.5; transform: rotate(180deg); } .testimonials:not(.testimonials-two) .testimonial-inner .fas.fa-quote-left { display: none; } .testimonials.testimonials-two .testimonial-inner .testimonial-item i { color: var(--heading-color); font-size: 40px; margin-bottom: 20px; } .blog { counter-reset: compteListe; } .blog-item { padding-left: 60px; } .blog-item:last-of-type { border-bottom: 0; padding-bottom: 0; } .blog-item:first-of-type { padding-top: 0; } @media only screen and (min-width: 992px) { .blog-item .blog-item-inner { display: flex; } } .blog-item .blog-item-inner::before { counter-increment: compteListe 1; color: var(--heading-color); content: "/ " counter(compteListe); position: absolute; left: -60px; top: 5px; font-size: 13px; letter-spacing: 2px; font-weight: bold; } @media only screen and (min-width: 992px) { .blog-item .left-box { flex: 0 1 40%; } } @media only screen and (max-width: 991px) { .blog-item .left-box { margin-bottom: 15px; } } @media only screen and (min-width: 992px) { .blog-item .right-box { flex: 0 1 60%; padding-left: 30px; } } .Awards .column-Award { width: calc(33.3333% - 30px); margin: 0 15px; } @media only screen and (max-width: 767px) { .Awards .column-Award:not(:first-of-type) { margin-top: 30px; } } @media only screen and (max-width: 767px) { .Awards .column-Award { width: 100%; } } .Awards .column-Award .Award-item { min-height: 210px; display: flex; flex-direction: column; justify-content: center; } .Awards .column-Award .Award-item:nth-of-type(2) { margin-top: 30px; } .Awards .column-Award .Award-item .img { margin-bottom: 20px; } .Awards .column-Award .Award-item svg path { fill: var(--theme-color); } .Awards .column-Award .Award-item ul li:not(:last-of-type) { margin-bottom: 10px; } .team .team-item .team-item-inner { display: flex; flex-direction: column; justify-content: center; } .team .team-item .team-item-inner .box-text .name { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; } .team .team-item .team-item-inner .box-text .position { font-size: 14px; letter-spacing: 1.2px; margin-bottom: 5px; } @media only screen and (min-width: 992px) { .team .team-item .team-item-inner .box-social { margin-left: auto; } } .team .team-item .team-item-inner .box-social li { color: var(--heading-color); display: inline-block; font-size: 12px; border: 1px solid var(--border-color); } .team .team-item .team-item-inner .box-img { margin: 20px 0; height: 350px; overflow: hidden; } .team .team-item .team-item-inner .box-img img { transition: transform 1s cubic-bezier(0.13, 0.28, 0, 0.91); } @media only screen and (min-width: 992px) { .team .team-item:nth-child(odd) .team-item-inner .box-text { order: 3; } .team .team-item:nth-child(odd) .team-item-inner .box-img { order: 2; } .team .team-item:nth-child(odd) .team-item-inner .box-social { order: 1; } } .team .team-item:hover .team-item-inner .box-img img { transform: scale(1.04); } .brand-client .wrapper-client .logo-box { overflow: hidden; } .brand-client .wrapper-client .logo-box .logo-box-inner { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 200px; } .brand-client .wrapper-client .logo-box .logo-box-inner img { max-width: 180px; } .intro-project .intro-text { padding-right: 40px; } @media only screen and (max-width: 991px) { .intro-project .project-info { display: flex; justify-content: space-between; } } @media only screen and (max-width: 767px) { .intro-project .project-info { display: flex; flex-direction: column; } } .intro-project .project-info li { margin-bottom: 20px; } .intro-project .project-info li:last-of-type { margin-bottom: 0; } .intro-project .project-info li h5 { margin-bottom: 10px; font-size: 14px; letter-spacing: 2px; } .box-seat { position: relative; } .box-seat [data-overlay]:before { z-index: 1; } @media only screen and (min-width: 992px) { .box-seat .pro-text { position: absolute; right: 50px; bottom: 50px; } .box-seat .pro-text:not(.container) { max-width: 600px; } } @media only screen and (min-width: 992px) { .box-seat.box-set-move .pro-text { opacity: 0.5; transform: translateY(150px); } } @media only screen and (max-width: 991px) { .box-seat .box-padding, .box-set-bottom .box-padding { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) { .box-set-bottom .inner-img { height: 80vh; } } .box-set-bottom .pro-text { position: relative; } @media only screen and (min-width: 768px) { .box-set-bottom .pro-text { margin-top: -50px; width: 90%; left: 5%; } } @media only screen and (max-width: 767px) { .pb-sm-section .half-bottom { display: none; } } @media only screen and (min-width: 992px) { .slider-about .heading-h2 { font-size: 2vw; } } .ul-list li:not(:last-of-type) { margin-bottom: 10px; } .item-services-header .icon { display: flex; align-items: center; justify-content: center; flex: 1 0 90px; border: 2px solid var(--border-color); margin-right: 20px; } .box-set-video [data-dsn-grid=moveUp] { height: 100%; } @media only screen and (min-width: 992px) { .box-video { margin-left: -110px; } } @media only screen and (max-width: 767px) { .box-video a { margin-right: 15px; } } .box-video .play-btn::before { content: ""; position: absolute; left: -10px; width: 120px; height: 120px; background-color: var(--theme-color); border-radius: 50%; z-index: -1; opacity: 0.5; } @media only screen and (max-width: 767px) { .box-video .play-btn::before { display: none; } } .box-video .play-btn i { font-size: 20px; } .box-view-item { border-radius: 3px; } .box-view-item .box-img { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); } .box-view-item .box-title .title-block { z-index: 2; } .box-view-item .content a { font-size: 14px; color: var(--heading-color); border-radius: 30px; padding: 8px 20px; letter-spacing: 2px; } .box-view-item .content .content-btn span { font-size: 14px; color: var(--heading-color); letter-spacing: 2px; } .features .feature-item { display: inline-block; width: 24%; border-radius: 3px; margin-bottom: 4px; } @media only screen and (max-width: 767px) { .features .feature-item { width: 32%; } .features .feature-item:nth-of-type(n + 4) { margin-top: 30px; } } @media only screen and (max-width: 575px) { .features .feature-item { width: 49%; } .features .feature-item:nth-of-type(n + 3) { margin-top: 30px; } } .features .feature-item .box-icon { margin: auto; } .features .feature-item .box-icon svg { width: 40px; fill: var(--theme-color); } .features .feature-item h5 { color: var(--font-color); font-weight: 400; } .end-features .features-box .feature-item { width: calc(50% - 2px); display: inline-block; margin: 0 0.5px; } .end-features .features-box .feature-item:first-of-type { border-radius: 3px 0 0 3px; } .end-features .features-box .feature-item:last-of-type { border-radius: 0 3px 3px 0; } .end-features .features-box .feature-item .icon i { font-size: 30px; } .box-view-item .box-img { overflow: hidden; border-radius: 3px; } .box-view-item .box-img a img { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; width: 100%; } .box-view-item .box-title .background-theme { font-size: 14px; font-weight: 400; border-radius: 5px; color: #fff; } .view-pages .box-view-item .box-img { position: relative; min-height: auto; height: auto !important; } .view-pages .box-view-item .box-img a { position: relative; width: 100%; height: 100%; } .view-pages .box-view-item img { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 991px) { .box-descr-view .box-bg { display: none; } } @media only screen and (max-width: 991px) { .box-descr-view .box-right { padding-left: 0; padding-right: 0; margin-top: 50px; } } .section-image .swiper-container:not(:last-of-type) { margin-bottom: 30px; } .section-image .swiper-slide { width: calc(100% / 3); } .section-image .swiper-slide:not(:last-of-type) { padding-right: 30px; } .section-image .swiper-slide .image-item { padding: 2px; } .section-image .swiper-slide img { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; } .twentytwenty-container .twentytwenty-overlay { display: none; } .view-p .scrollbar-track { left: auto; right: 0; } @media only screen and (min-width: 992px) { .wrapper > *:first-child.dsn-under-header { position: relative; margin-top: -80px; z-index: 2; } } @media only screen and (min-width: 992px) and (min-width: 992px) { .wrapper > *:first-child.dsn-under-header.dsn-under-50 { margin-top: -50px; } } @media only screen and (min-width: 992px) { .wrapper > *:first-child.dsn-under-header .section-title { display: none; } } .hero-under-header img { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); } .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar { height: calc(100vh - 46px); } @media screen and (min-width: 783px) { .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar, .sidebar-single, .dsn-work-scrollbar { height: calc(100vh - 32px); } } .locked-scroll #dsn-scrollbar { background-color: var(--bg-color); } @media only screen and (min-width: 992px) { body .scrollbar-track { left: calc(var(--s-box-left) - (var(--smooth-width) / 2)); right: auto; } } @media only screen and (min-width: 992px) { body.dsn-effect-scroll:not(.dsn-mobile) { overflow: hidden; } body.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar { position: fixed; left: 0; right: 0; bottom: 0; top: 0; } body.dsn-effect-scroll:not(.dsn-mobile) .scrollbar-track { background: none; width: 4px; mix-blend-mode: exclusion; z-index: 12; } body.dsn-effect-scroll:not(.dsn-mobile) .scrollbar-track .scrollbar-thumb { background: #fff; width: var(--smooth-width); } } body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active { overflow: hidden; } body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active #dsn-scrollbar { position: fixed; left: 0; right: 0; bottom: 0; top: 0; } body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active .scrollbar-track { background: none; width: 4px; mix-blend-mode: exclusion; z-index: 12; } body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active .scrollbar-track .scrollbar-thumb { background: #fff; width: var(--smooth-width); } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /* ------------------------------------------------------- Header -------------------------------------------------------- */ @media only screen and (max-width: 991px) { .header-personal .w-50, .header-project .w-50 { width: 100%; } } .project-number { top: 30px; padding-top: 40px; } @media only screen and (min-width: 992px) { body .project-number { padding-top: 0; } } .project-number h6 { margin-right: 15px; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2.5px; } .project-number span { position: relative; font-size: 14px; font-weight: 400; font-family: var(--heading-font); color: var(--heading-color); } .project-number span.curent { padding-right: 80px; } @media only screen and (max-width: 575px) { .project-number span.curent { padding-right: 30px; } } .project-number span.curent::before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 60px; height: 1px; background-color: var(--heading-color); } @media only screen and (max-width: 575px) { .project-number span.curent::before { width: 20px; } } .project-number span.full { margin-left: 20px; } @media only screen and (max-width: 575px) { .project-number span.full { margin-left: 15px; } } /** page Personal */ @media only screen and (max-width: 991px) { .header-personal .w-50 { width: 100%; } } .header-personal .title, .header-personal .sm-title-block { margin-left: -120px; } @media only screen and (max-width: 991px) { .header-personal .title, .header-personal .sm-title-block { margin-left: 0; } } .header-personal .dsn-button::before { content: ""; position: absolute; width: 50px; height: 2px; left: -50px; top: 50%; background-color: var(--theme-color); } @media only screen and (max-width: 991px) { .header-personal .dsn-button::before { display: none; } } @media only screen and (max-width: 991px) { .header-pages .justify-content-end { justify-content: flex-start; } } @media only screen and (max-width: 767px) { .header-pages.header-pages-mobile { height: auto; padding-top: var(--margin-padding); padding-bottom: var(--margin-padding); } } /** border in normal page like contact & about */ .border-header { position: relative; width: 130px; margin: 80px auto 0 auto; } .border-header *, .border-header path { fill: none; stroke: var(--heading-color); } .border-header path { stroke-dashoffset: 0; } /* ------------------------------------------------------- -------------------------------------------------------- */ header .box-content { position: relative; z-index: 1; display: flex; width: 100%; height: 100%; } /*-------------------------------------------------------------- ## pages --------------------------------------------------------------*/ /* ------------------------------------------------------- 09 - Slider -------------------------------------------------------- */ .main-slider { position: relative; height: 100vh; overflow: hidden; } .main-slider:not(.full-width) { width: 100%; } .main-slider .v-dark, .main-slider .v-light { background: transparent; } .main-slider .dsn-webgl.slide-inner:before { transition: opacity 1s; } .main-slider.demo-2 .dsn-slider-content .slider-current-index { margin-left: -50px; } .main-slider .dsn-slider-content { top: 0; z-index: 4; pointer-events: none; } .main-slider .dsn-slider-content .slider-current-index { position: absolute; font-size: 20vw; opacity: 0.35; color: var(--border-color); font-family: var(--heading-font); font-weight: bold; transform: scale3d(1.1, 1.8, 1.5); } @media only screen and (max-width: 767px) { .main-slider .dsn-slider-content .dsn-container { align-items: center; } } .main-slider .dsn-slider-content .slide-content { padding-bottom: 120px; padding-top: 120px; } .main-slider .dsn-slider-content .slide-content:before { display: none; } .main-slider .dsn-slider-content .slide-content.dsn-active { z-index: 3; } .main-slider .dsn-slider-content .slide-content.dsn-active .title, .main-slider .dsn-slider-content .slide-content.dsn-active .metas, .main-slider .dsn-slider-content .slide-content.dsn-active .link-custom { pointer-events: auto; } .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title, .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .metas, .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .link-custom, .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .description { opacity: 0; visibility: hidden; transform: translateY(-10px); transform-origin: left bottom; } .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .bg-mod-exclusion, .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .icon-circle { width: 0; } .main-slider .dsn-slider-content .slide-content .metas, .main-slider .dsn-slider-content .slide-content .description { transition-property: opacity, visibility, transform, box-shadow; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .main-slider .dsn-slider-content .slide-content .bg-mod-exclusion { transition: width 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .main-slider .dsn-slider-content .slide-content .link-custom { transition: opacity 0.5s, visibility 0.5s; } .main-slider .dsn-slider-content .dsn-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .main-slider .description { color: var(--font-color); letter-spacing: 1px; } .main-slider .control-nav { position: absolute; bottom: 20px; right: 0; z-index: 3; flex-wrap: wrap; background: transparent; } .main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container, .main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container, .main-slider.controller-right .control-nav .prev-container, .main-slider.controller-right .control-nav .next-container { position: absolute; right: 7px; transform: rotate(-90deg); } .main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container, .main-slider.controller-right .control-nav .next-container { bottom: 100px; } .main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container, .main-slider.controller-right .control-nav .prev-container { bottom: 15px; } .main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .slider-counter, .main-slider.controller-right .control-nav .slider-counter { margin: 0; } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav, .main-slider.controller-right.nav-center .control-nav { height: 100%; align-items: flex-end; pointer-events: none; } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav *, .main-slider.controller-right.nav-center .control-nav * { pointer-events: auto; } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container, .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container, .main-slider.controller-right.nav-center .control-nav .prev-container, .main-slider.controller-right.nav-center .control-nav .next-container { transform: rotate(90deg); right: 20px; } @media only screen and (min-width: 992px) { body .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container, body .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container, body .main-slider.controller-right.nav-center .control-nav .prev-container, body .main-slider.controller-right.nav-center .control-nav .next-container { right: calc(0px - ((var(--body-style-space) / 2) + 25px + 20px)); } } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container, .main-slider.controller-right.nav-center .control-nav .next-container { bottom: calc(50% - 100px); } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container, .main-slider.controller-right.nav-center .control-nav .prev-container { bottom: calc(50% - 15px); } .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .slider-counter, .main-slider.controller-right.nav-center .control-nav .slider-counter { margin: 0; } @media only screen and (min-width: 992px) { body .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .prev-container, body .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .next-container, body .main-slider.controller-right.full-width .control-nav .prev-container, body .main-slider.controller-right.full-width .control-nav .next-container { right: 0; } } .main-slider .dsn-pagination { height: auto; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .main-slider .dsn-pagination { width: auto; } } @media only screen and (max-width: 575px) { .main-slider .dsn-pagination { display: none; } } .main-slider .dsn-pagination .swiper-pagination-control { position: relative; width: 250px; height: 3px; background: var(--border-color); margin-right: 15px; margin-left: 15px; } .main-slider .dsn-pagination .swiper-pagination-control .swiper-pagination-progressbar-fill { background: var(--reverse-color); } .main-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: left; } @media only screen and (min-width: 992px) { .main-slider.demo-2.dsn-webgl .bg-container { width: 50%; left: 0; } .main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container { width: 50%; left: 50%; } .main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container .title { margin-left: 0; } .main-slider.demo-2:not(.dsn-webgl) .bg-container { width: calc(50% - var(--s-box-left-social)); left: var(--s-box-left-social); padding-top: 80px; padding-bottom: 80px; } .main-slider.demo-2:not(.dsn-webgl) .dsn-slider-content .dsn-container { width: 50%; left: 50%; } .main-slider.demo-2 .bg-container { overflow: hidden; margin-left: 0; } .main-slider.demo-2 .dsn-slider-content { z-index: 100; } .main-slider.demo-2 .dsn-slider-content .slider-current-index { margin-left: -80px; } .main-slider.demo-2 .dsn-slider-content .dsn-container { padding-left: 50px; overflow: inherit; } .main-slider.demo-2 .dsn-slider-content .dsn-container .title { margin-left: -130px; } } @media only screen and (min-width: 992px) { .main-slider.demo-2:not(.has-horizontal) .bg-container { padding-bottom: 0; } } @media only screen and (min-width: 992px) { .main-slider.demo-1 .bg-container { width: 80%; margin-left: auto; margin-right: 0; } } .dsn-webgl { position: relative; } .main-slider:not(.has-horizontal) .control-nav { top: 0; width: auto; padding: 0; } .main-slider:not(.has-horizontal) .dsn-pagination { width: auto; position: absolute; right: 25px; flex-direction: column; } .main-slider:not(.has-horizontal) .swiper-pagination-control { width: 3px; height: 250px; } .main-slider:not(.has-horizontal) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: top; } /* ------------------------------------------------------- portfolio -------------------------------------------------------- */ .filtering { position: relative; } @media only screen and (max-width: 767px) { .filtering { flex-direction: column; } .filtering .title-block { margin-bottom: 30px; } } .filtering .filtering-wrap { position: relative; border-bottom: 2px solid var(--border-color); } .filtering .filtering-wrap .filtering { margin-bottom: -2px; } .filtering .filtering-wrap .filtering button { color: var(--heading-color); padding-bottom: 10px; font-size: 14px; display: inline-block; cursor: pointer; transition: all 100ms ease-in-out; text-transform: uppercase; letter-spacing: 1.5px; border-bottom: solid 2px transparent; } .filtering .filtering-wrap .filtering button:not(:last-of-type) { margin-right: 15px; } .filtering .filtering-wrap .filtering button.active { letter-spacing: 2px; border-bottom: solid 2px var(--theme-color); } .projects-list .work-item:last-of-type { border: 0; padding-bottom: 0; } .projects-list .work-item .work-item-inner .title-meta { position: relative; } .projects-list .work-item .work-item-inner .title-meta .text { display: inline-block; padding: 5px 25px; line-height: 1.1; margin-bottom: 25px; } .projects-list .work-item .work-item-inner .title-meta .text a { position: absolute; width: 100%; height: 100%; z-index: 2; } .projects-list .work-item .work-item-inner .title-meta .metas { margin-bottom: 10px; padding-left: 25px; } .projects-list .work-item .box-img a { width: 100%; height: 100%; } .projects-list.work-gallery { flex-wrap: wrap; } .projects-list.work-gallery .work-item .img-next-box { transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1); } @media only screen and (min-width: 992px) { .projects-list.work-gallery .work-item .img-next-box { /*height: 28vw;*/ } } .projects-list.work-gallery .work-item .box-content .metas { margin-bottom: 0; } .projects-list.work-gallery .work-item .box-content .metas, .projects-list.work-gallery .work-item .box-content .view-project { margin-top: 10px; transform: translateY(0); transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .projects-list.work-gallery .work-item .box-content .view-project { color: var(--heading-color); position: absolute; font-size: 12px; font-family: var(--heading-font); letter-spacing: 2px; line-height: 1; text-transform: uppercase; opacity: 0; } .projects-list.work-gallery .work-item:hover .img-next-box { transform: scale(0.95); } .projects-list.work-gallery .work-item:hover .box-content .metas { transform: translateY(-15px); opacity: 0; } .projects-list.work-gallery .work-item:hover .box-content .view-project { opacity: 1; transform: translateY(-22px); } .projects-list.work-gallery .swiper-container .work-item .img-next-box { height: 50vh; } .projects-list.work-masonry .work-item:nth-of-type(2) [data-dsn-grid=move-up], .projects-list.work-masonry .work-item:nth-of-type(2) [data-dsn-grid=moveUp] { height: 18vw; } .projects-list.work-masonry .work-item:nth-of-type(3) [data-dsn-grid=move-up], .projects-list.work-masonry .work-item:nth-of-type(3) [data-dsn-grid=moveUp] { height: 20vw; } .projects-list.work-masonry .work-item:nth-of-type(5) [data-dsn-grid=move-up], .projects-list.work-masonry .work-item:nth-of-type(5) [data-dsn-grid=moveUp] { height: 26vw; } .projects-list.work-masonry .work-item:nth-of-type(6) [data-dsn-grid=move-up], .projects-list.work-masonry .work-item:nth-of-type(6) [data-dsn-grid=moveUp] { height: 18vw; } .our-work.work-list .work-item-inner, .our-work.work-list .title-meta { display: flex; } .our-work.work-list .work-item { width: 100%; } .our-work.work-list .title-meta { flex-direction: column; } @media only screen and (max-width: 991px) { .our-work.work-list .title-meta { order: 2; } } .our-work.work-list .projects-list .work-item .work-item-inner .title-meta a.text { position: relative; display: inline-block; } .our-work.work-list .border-bottom:not(:first-of-type) { padding-top: 50px; } .our-work.work-list .border-bottom:not(:last-of-type) { padding-bottom: 50px; } .our-work.work-2 .box-content { position: absolute; margin-bottom: 30px; z-index: 1; padding: 0 15px; } @media only screen and (max-width: 767px) { .our-work.work-2 .work-item .img-next-box { height: 70vh; } } .our-work.work-2 a { display: flex; align-items: flex-end; } /* ------------------------------------------------------- Blog -------------------------------------------------------- */ /* ------------------------------------------------------- contact -------------------------------------------------------- */ .form-box { position: relative; } .form-box .form-group { width: 100%; margin-bottom: 30px; } .form-box .form-group .help-block { color: red; font-weight: 600; margin-top: 10px; margin-bottom: 15px; } .form-box .form-group li { list-style: none; } .entry-box { width: 100%; } .entry-box input, .entry-box textarea { font-size: 16px; font-weight: 500; width: 100%; background-color: var(--assistant-color); border: 1px solid var(--border-color); padding: 10px 18px; color: var(--heading-color); margin-top: 10px; margin-bottom: 0; } .entry-box input::placeholder, .entry-box textarea::placeholder { color: var(--heading-color); font-size: 16px; letter-spacing: -0.5px; } .entry-box input { height: 100%; } label { font-weight: 600; color: var(--heading-color); } .box-info-contact { padding-left: 30px; } @media only screen and (max-width: 991px) { .box-info-contact { margin-top: 20px; padding-left: 0; } } .box-info-contact ul li:not(:first-of-type) { margin-top: 30px; } @media only screen and (max-width: 991px) { .box-info-contact ul li { display: inline-block; width: 32.8%; } } @media only screen and (max-width: 767px) { .box-info-contact ul li { width: 49%; margin-top: 30px; } } @media only screen and (max-width: 400px) { .box-info-contact ul li { width: 100%; } } .box-info-contact ul li .text-p:not(:nth-last-child) { margin-bottom: 10px; } .box-info-contact ul li a { display: block; text-decoration: underline; } .box-info-contact ul li .social-item:not(:last-of-type) { margin-bottom: 10px; } .box-info-contact ul li .social-item a { text-decoration: none; } .contact-content .item:not(:last-of-type) { margin-bottom: 30px; } .single-contact .box-info .info-item:not(:last-of-type) { margin-bottom: 30px; } .single-contact .box-info .info-item .icon { color: var(--heading-color); } .single-contact .box-info .info-item a { letter-spacing: 2px; border-bottom: 1px solid var(--border-color); } .single-contact .form-box { padding: 0; } .single-contact .entry-box input, .single-contact .entry-box textarea { margin-top: 0; padding: 10px; border: 1px solid var(--border-color); } .single-contact .entry-box input::placeholder, .single-contact .entry-box textarea::placeholder { text-transform: uppercase; letter-spacing: 2px; } /* Map */ .map-custom { position: relative; width: 100%; height: 70vh; } .map-custom .gm-fullscreen-control, .map-custom .gm-bundled-control, .map-custom .gm-bundled-control-on-bottom, .map-custom .gmnoprint, .map-custom .gm-style-cc { display: none !important; } /** Contact Button */ .contact-btn { position: fixed; right: 20px; top: 35px; width: 12px; height: 12px; z-index: 12; mix-blend-mode: exclusion; color: #fff; } .contact-btn:before, .contact-btn .contact-btn-txt { position: absolute; } .contact-btn:before { content: ""; right: 2px; top: 2px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.65s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s; } .contact-btn .contact-btn-txt { right: 0; top: -1px; height: 13px; padding-right: 20px; font-size: 13px; letter-spacing: 5px; text-transform: uppercase; white-space: nowrap; transform-origin: calc(100% - 6px) 50%; transform: rotate(-90deg); cursor: pointer; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s, transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .contact-modal { position: fixed; width: calc(100% - var(--s-box-full)); height: 100%; right: 0; top: 0; bottom: 0; padding-right: 100px; z-index: 11; transform: translate3d(120%, 0, 0); transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .contact-modal .contact-container { position: relative; padding-left: 60px; overflow: hidden; overflow-y: auto; } @media only screen and (max-width: 991px) { .contact-btn, .contact-modal, .line-border-style, .dsn-paginate-right-page, .box-options { display: none; } } body.dsn-show-contact .contact-btn .contact-btn-txt { transform: rotate(0deg); transition-delay: 0.1s; } body.dsn-show-contact .contact-modal { transform: translate3d(0, 0, 0); } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Archives --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ /* ------------------------------------------------------- Footer -------------------------------------------------------- */ .footer { padding-top: 60px; padding-bottom: 60px; } .footer .d-grid { grid-column-gap: 30px; grid-row-gap: 30px; } @media only screen and (max-width: 575px) { .footer .d-grid { grid-row-gap: 15px; } .footer .d-grid .footer-item { text-align: center; } } .footer .logo-footer { width: 70px; } @media only screen and (max-width: 767px) { .footer .footer-bottom { grid-row-gap: 15px; } } @media only screen and (max-width: 767px) { .footer .footer-bottom .footer-item, .footer .footer-bottom .nav-footer { text-align: center; } } .footer .nav-footer li:not(:last-of-type) { margin-right: 20px; } @media only screen and (max-width: 575px) { .footer .nav-footer li { margin-right: 10px; } } body.v-dark .logo-footer img.logo-dark { display: block; } body.v-dark .logo-footer img.logo-light { display: none; } body.v-light .logo-footer img.logo-dark { display: none; } body.v-light .logo-footer img.logo-light { display: block; } .cap { position: absolute; bottom: 30px; left: 0; background-image: linear-gradient(to right, #0e0e0e5c 0%, #1b1515 100%); padding: 4px 15px; color: #fff; z-index: 10; } .cap span { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; } .caption { transform-origin: left center; color: #fff; letter-spacing: 2px; font-size: 14px; font-weight: 600; position: relative; margin-top: 15px; } /*# sourceMappingURL=style.css.map */ .Acceuil{color:#e6458c;} .letter-stroke { color: transparent; -webkit-text-stroke: 1.2px #e5468b; } .scroll-to-top .box-number span { font-size: 12px; color: #000; } ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px rgba(255,255,255,0.5); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(226,31,117,0.8); -webkit-box-shadow: inset 0 0 6px rgba(226,31,117,0.5); } /**---------------------------------------- START: Client CSS ----------------------------------------*/ .tj-client-section { position: relative; } .tj-client-section .client-container { padding: 0; overflow: hidden; } .tj-client-section-2 { background-color: var(--tj-color-theme-primary); border-radius: 12px; padding: 30px 5px; margin-top: 15px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .tj-client-section-2 { padding: 18px 5px; } } .client-section-gap { padding-top: 80px; padding-bottom: 80px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .client-section-gap { padding-top: 70px; padding-bottom: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-section-gap { padding-top: 50px; padding-bottom: 50px; } } .client-section-gap-2 { padding: 100px 0; margin: 120px 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .client-section-gap-2 { padding: 80px 0; margin: 90px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .client-section-gap-2 { padding: 65px 0; margin: 70px 0; } } @media (max-width: 575px) { .client-section-gap-2 { padding: 60px 0; margin: 50px 0; } } .client-content { width: 320px; height: 320px; border-radius: 50%; border: 1px dashed var(--tj-color-border-1); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; inset-inline-start: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 2; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); } .client-content .sec-title { max-width: 200px; width: 100%; letter-spacing: 0; font-weight: var(--tj-fw-sbold); margin-bottom: 0; } @media (max-width: 575px) { .client-content .sec-title { font-size: 15px; } } .client-content span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .client-content .client-numbers { color: var(--tj-color-common-white); background-color: var(--tj-color-theme-primary); line-height: 1.2; border-radius: 50px; padding: 0 5px; } .client-content .client-text { color: var(--tj-color-text-body-3); position: relative; } .client-content .client-text::after { content: ""; position: absolute; bottom: 3px; inset-inline-start: auto; width: 100%; border-bottom: 1px solid rgba(12, 30, 33, 0.2); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .client-content { width: 260px; height: 260px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-content { width: 220px; height: 220px; } } @media (max-width: 575px) { .client-content { width: 190px; height: 190px; } } .client-content.style-2 { max-width: 440px; width: 100%; display: block; margin: 0 auto 60px; height: auto; border-radius: 40px; position: unset; background: transparent; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); padding: 0 15px 4px; } @media (max-width: 575px) { .client-content.style-2 { padding: 4px 15px 4px; } } .client-content.style-2 .sec-title { max-width: 100%; line-height: 1.2; margin-bottom: 0; letter-spacing: -0.6px; } .client-content.style-2 .client-numbers { color: var(--tj-color-theme-primary); background: transparent; padding: 0; border-radius: 0; } .client-content.style-2 .client-text::after { display: none; } @media (max-width: 575px) { .client-content.style-2 { width: calc(100% - 30px); margin: 0 auto 40px; } } .client-slider .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .client-slider-1 { overflow: hidden; position: relative; z-index: 1; } .client-slider-1::before, .client-slider-1::after { content: ""; position: absolute; width: 448px; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgb(233, 237, 237)), to(rgba(233, 237, 237, 0))); background-image: linear-gradient(90deg, rgb(233, 237, 237) 0%, rgba(233, 237, 237, 0) 100%); top: 0; inset-inline-start: 0; z-index: 2; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .client-slider-1::before, .client-slider-1::after { width: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .client-slider-1::before, .client-slider-1::after { width: 200px; } } @media (max-width: 575px) { .client-slider-1::before, .client-slider-1::after { width: 100px; } } .client-slider-1::after { inset-inline-start: auto; inset-inline-end: 0; background-image: -webkit-gradient(linear, right top, left top, from(rgb(233, 237, 237)), to(rgba(233, 237, 237, 0))); background-image: linear-gradient(-90deg, rgb(233, 237, 237) 0%, rgba(233, 237, 237, 0) 100%); } .client-item { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-padding-end: 30px; padding-inline-end: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-item { -webkit-padding-end: 20px; padding-inline-end: 20px; } } .client-logo { width: 284px; height: 120px; background-color: var(--tj-color-common-white); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 5; border-radius: 8px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .client-logo { width: 220px; height: 90px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-logo { width: 190px; height: 70px; padding: 20px; } } .client-slider-2 .client-logo { background: transparent; border: 1px solid rgba(255, 255, 255, 0.1); } .client-slider-2 .client-logo img { opacity: 0.85; } /* !END: Client CSS */