@-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1140px;max-width:100%}}.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container-fluid{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.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{padding-right:15px;padding-left:15px}}@media (min-width:768px){.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{padding-right:15px;padding-left:15px}}@media (min-width:992px){.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{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.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{padding-right:15px;padding-left:15px}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-0{right:auto}.pull-1{right:8.333333%}.pull-2{right:16.666667%}.pull-3{right:25%}.pull-4{right:33.333333%}.pull-5{right:41.666667%}.pull-6{right:50%}.pull-7{right:58.333333%}.pull-8{right:66.666667%}.pull-9{right:75%}.pull-10{right:83.333333%}.pull-11{right:91.666667%}.pull-12{right:100%}.push-0{left:auto}.push-1{left:8.333333%}.push-2{left:16.666667%}.push-3{left:25%}.push-4{left:33.333333%}.push-5{left:41.666667%}.push-6{left:50%}.push-7{left:58.333333%}.push-8{left:66.666667%}.push-9{left:75%}.push-10{left:83.333333%}.push-11{left:91.666667%}.push-12{left:100%}.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{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.333333%}.pull-sm-2{right:16.666667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.333333%}.pull-sm-5{right:41.666667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.333333%}.pull-sm-8{right:66.666667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.333333%}.pull-sm-11{right:91.666667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.333333%}.push-sm-2{left:16.666667%}.push-sm-3{left:25%}.push-sm-4{left:33.333333%}.push-sm-5{left:41.666667%}.push-sm-6{left:50%}.push-sm-7{left:58.333333%}.push-sm-8{left:66.666667%}.push-sm-9{left:75%}.push-sm-10{left:83.333333%}.push-sm-11{left:91.666667%}.push-sm-12{left:100%}.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{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.333333%}.pull-md-2{right:16.666667%}.pull-md-3{right:25%}.pull-md-4{right:33.333333%}.pull-md-5{right:41.666667%}.pull-md-6{right:50%}.pull-md-7{right:58.333333%}.pull-md-8{right:66.666667%}.pull-md-9{right:75%}.pull-md-10{right:83.333333%}.pull-md-11{right:91.666667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.333333%}.push-md-2{left:16.666667%}.push-md-3{left:25%}.push-md-4{left:33.333333%}.push-md-5{left:41.666667%}.push-md-6{left:50%}.push-md-7{left:58.333333%}.push-md-8{left:66.666667%}.push-md-9{left:75%}.push-md-10{left:83.333333%}.push-md-11{left:91.666667%}.push-md-12{left:100%}.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{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.333333%}.pull-lg-2{right:16.666667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.333333%}.pull-lg-5{right:41.666667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.333333%}.pull-lg-8{right:66.666667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.333333%}.pull-lg-11{right:91.666667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.333333%}.push-lg-2{left:16.666667%}.push-lg-3{left:25%}.push-lg-4{left:33.333333%}.push-lg-5{left:41.666667%}.push-lg-6{left:50%}.push-lg-7{left:58.333333%}.push-lg-8{left:66.666667%}.push-lg-9{left:75%}.push-lg-10{left:83.333333%}.push-lg-11{left:91.666667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.333333%}.pull-xl-2{right:16.666667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.333333%}.pull-xl-5{right:41.666667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.333333%}.pull-xl-8{right:66.666667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.333333%}.pull-xl-11{right:91.666667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.333333%}.push-xl-2{left:16.666667%}.push-xl-3{left:25%}.push-xl-4{left:33.333333%}.push-xl-5{left:41.666667%}.push-xl-6{left:50%}.push-xl-7{left:58.333333%}.push-xl-8{left:66.666667%}.push-xl-9{left:75%}.push-xl-10{left:83.333333%}.push-xl-11{left:91.666667%}.push-xl-12{left:100%}.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%}}.order-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.order-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.order-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.order-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.order-xl-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}}
body {
margin: 0;
padding: 0;
overscroll-behavior: none;
font-family: 'Roboto', sans-serif;
color: #fff;
background: #000;
scroll-behavior: smooth;
overflow-x: hidden !important;
--color-text: #000;
--color-text-alt: #848484;
--color-title: #d3d3d3;
--color-bg: #DCDCDC;
--color-link: #E3154D;
--color-link-hover: #000;
--cursor-stroke: #E3154D;
--cursor-fill: none;
--cursor-stroke-width: 1px;
--cursor-text: #000;
}
.lds-roller {
width: 80px;
height: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f9f0ec;
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#loading-text-intro {
z-index: 3;
position: absolute;
width: 100vw;
height: 100%;
font-family: 'Roboto', sans-serif;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 100;
color: #f9f0ec;
background: radial-gradient(circle at center center, #5d5d5d 0, #090909 58%);
}
#loading-text-intro.ended {
transform: translateY(200%);
}
nav {
width: 100%;
padding: 1rem;
position: fixed;
z-index: 2;
}
span {
display: inline-block;
pointer-events: none;
transition: transform 0.1s linear;
}
.cursor {
pointer-events: none;
position: fixed;
top: 10px;
left: 10px;
padding: 10px;
background-color: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
mix-blend-mode: difference;
transition: transform .8s ease, opacity 0.6s ease;
z-index: 2;
}
/* .cursor:has(.a:hover){
transform: translate(-50%, -50%) scale(4); opacity: 0.3;
} */
.a {
display: inline-block;
color: #fff;
padding: 1rem;
margin-right: 4rem;
letter-spacing: .4em;
font-size: .9em;
transition: all 0.3s ease, color 0.3s ease;
}
nav.header .a {
text-transform: uppercase;
}
nav.header .a:hover {
cursor: pointer;
color: rgb(175, 175, 175);
transform: scale(1.1);
}
nav.header .a:hover~.cursor {
transform: translate(-50%, -50%) scale(5);
opacity: 0.1;
}
.dg.ac {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 2 !important;
}
#canvas-container {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
outline: none;
z-index: 0;
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
background: #1c1a1c;
background: radial-gradient(circle at center center, #1c1a1c 0, #1c1a1c 58%);
}
#canvas-container-details,
#canvas-container-details-2 {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
outline: none;
z-index: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
pointer-events: all;
overflow: hidden;
}
.section {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
/* display: flex; */
flex-direction: column;
align-content: center;
justify-content: center;
align-items: flex-start;
position: relative;
padding-left: 5%;
padding-right: 5%;
z-index: 1;
width: 65%;
height: 100vh;
pointer-events: none;
}
.header {
position: absolute;
top: -3em;
left: 0;
color: #fff;
font-size: .8em;
width: 100%;
text-align: center;
font-family: 'Roboto', sans-serif;
z-index: 2;
opacity: 0;
transition: all 1s ease-in-out;
padding: 0;
margin: 0;
}
.header.ended {
top: 3em;
opacity: 1;
}
.header>span {
padding: 0 3.25em;
letter-spacing: .4em;
position: relative;
}
.header>span.active:after,
.first {
position: absolute;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.header>span.active:after {
content: "";
bottom: -10px;
width: 20px;
height: 2px;
background: #fff;
}
.first {
pointer-events: none;
font-size: 2em;
letter-spacing: .5em;
text-align: center;
width: 100%;
display: flex;
height: 100vh;
align-content: center;
justify-content: flex-end;
align-items: center;
flex-direction: column;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
z-index: 1;
background: #1c1a1c;
}
.first>h2 {
font-size: 1em;
line-height: 0;
font-weight: 100;
letter-spacing: .25em;
font-style: italic;
margin: 35px;
}
.first>h1 {
margin: 10px 0;
font-weight: 100;
letter-spacing: 0.4em;
}
.first>h1:after {
content: "";
position: absolute;
margin-top: 105px;
left: calc(50% - 25px);
width: 50px;
height: 2px;
background: #ffffff70;
}
.first>p {
font-size: 12px;
letter-spacing: 12px;
font-family: 'Roboto', sans-serif;
width: 700px;
line-height: 21px;
font-weight: lighter;
margin-top: 20px;
margin-bottom: 20px;
color: #c9c9c996;
opacity: 0;
transition: all 3.9s ease-in-out;
}
.first>p.ended {
opacity: 1;
}
.project-img-bt {
margin-top: 100px;
/* margin-bottom: 100px; */
}
.second,
.third {
pointer-events: all;
font-size: 2em;
width: 100%;
display: flex;
height: 70vh;
background: #1c1a1c;
z-index: 1;
margin: 0;
margin-top: 100px;
padding: 0;
overflow: hidden;
}
.second-container,
.third-container {
pointer-events: all;
width: 100%;
display: flex;
height: 100vh;
margin: 0;
padding: 0 10%;
flex-direction: column;
justify-content: center;
z-index: 2;
background: radial-gradient(circle at 90% center, rgba(5, 5, 5, 0) 30%, #1c1a1c 70%);
}
.second-container>ul {
list-style: none;
display: inline-flex;
padding: 0px;
margin: 0px 0px 30px 60px;
font-family: 'DM Serif Display', serif;
color: #ffffff1c;
z-index: 2;
}
.second-container>ul>li.active:after {
content: "";
top: 20px;
width: 50px;
height: 2px;
background: #fff;
position: relative;
left: 0px;
display: block;
}
.second-container>ul>li {
padding-right: 20px;
transition: all 3s ease-out;
}
.second-container>ul>li:hover {
color: whitesmoke;
pointer-events: all;
cursor: pointer;
}
.second-container>ul>li:hover~nav.header.ended.cursor {
transform: translate(-50%, -50%) scale(5);
opacity: 1;
}
.second-container>ul>li.active {
color: whitesmoke;
}
.second-container>p,
.third-container>p {
font-size: 14px;
font-family: 'Roboto', sans-serif;
line-height: 24px;
width: 30%;
color: #898989;
margin-left: 60px;
height: 200px;
}
.third {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
}
.third>h1 {
font-size: 15vw;
font-weight: 100;
letter-spacing: -6px;
color: whitesmoke;
margin: 40px 0;
padding: 0;
}
.third>p {
column-count: 2;
column-gap: 40px;
width: 80%;
font-size: 13px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 28px;
height: 180px;
color: #898989;
}
.footer {
border: none;
width: 100%;
margin-bottom: 40px;
opacity: 1;
font-family: 'Roboto', sans-serif;
font-size: 7px;
transition: all 3s ease-out 1.1s;
bottom: 0;
color: antiquewhite;
font-weight: 100;
opacity: 0.2;
text-align: center;
}
.footer a {
text-decoration: none;
pointer-events: auto;
color: antiquewhite;
}
@media only screen and (max-width: 660px) {
.a {
padding: 10px;
margin-right: 0rem;
letter-spacing: 0.3em;
}
.footer {
margin-bottom: 20px;
}
.header>span {
padding: 0 1em;
}
.header {
font-size: .6em;
}
.main-section .product-display h3 {
width: 260px;
font-size: 42px;
margin-left: 30px;
line-height: 45px;
}
.first>h1 {
margin: 10px 0;
font-weight: 100;
letter-spacing: 0.2em;
font-size: 13vw;
}
.first>p {
width: 85%;
line-height: 22px;
}
.second-container {
padding: 0;
justify-content: flex-end;
}
.second-container>ul {
margin: 0px 0px 30px 30px;
width: 80%;
}
.second-container>ul>li {
padding-right: 20px;
transition: all 3s ease-out;
font-size: 20px;
}
.second-container>p {
width: 85%;
margin-left: 30px;
line-height: 21px;
margin-bottom: 40px;
}
.third>p {
column-count: 1;
}
}
.third h1 {
margin-right: 60px;
font-size: 40px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
width: 41%;
}
.third-container p {
width: 41%;
}
.third h1:before {
content: "";
top: calc(100% + 20px);
width: 50px;
height: 2px;
background: #fff;
position: relative;
left: 0px;
display: block;
}
#canvas-container-details-2 {
right: 0;
left: unset;
}
#canvas-container-details-2 canvas {
width: 50% !important;
}
.third-container {
align-items: flex-end;
text-align: left;
padding: 0;
}
.third-container>p {
margin-left: 0;
margin-right: 60px;
}
@media (max-width: 991px) {
#canvas-container-details-2 canvas {
width: initial !important;
}
}
.first img {
height: 50px;
}
nav.header .a:last-of-type {
margin: 0;
}
.grid-wrap {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 6rem 1rem 0;
}
.grid-wrap--hidden {
height: 0;
overflow: hidden;
}
.grid {
margin: 0 auto;
position: relative;
display: none;
}
.js .grid {
display: block;
}
.grid__item {
width: 260px;
position: relative;
padding: 2.75rem;
margin-bottom: 5rem;
}
.grid__item-wrap {
position: relative;
}
.grid__item-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--grid-item-bg);
}
.grid__item-img {
pointer-events: none;
position: relative;
max-width: 100%;
margin: 0 auto;
display: block;
outline: 1px solid transparent;
}
.grid__item:nth-child(even) .grid__item-img {
transform: rotate3d(0, 0, 1, 4deg);
}
.grid__item:nth-child(odd) .grid__item-img {
transform: rotate3d(0, 0, 1, -4deg);
}
.grid__item-title {
font-weight: normal;
position: absolute;
left: 0;
top: 0;
margin: 0 0 0 1rem;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
transform-origin: 0 50%;
}
.grid__item-number {
font-weight: bold;
position: absolute;
right: 0;
bottom: 0;
font-size: 2.65rem;
margin: 0 0 0.15rem;
}
.grid__item-number>span {
display: inline-block;
}
.content {
margin: 0 auto;
grid-template-columns: 100%;
grid-template-rows: 100%;
align-items: center;
pointer-events: none;
}
.js .content {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.content__item {
padding: 10rem 5vw 10rem;
grid-area: 1 / 1 / 1 / 1;
}
.js .content__item {
height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
}
.js .content__item--current {
height: auto;
opacity: 1;
padding: 3rem 5vw 10rem;
pointer-events: auto;
}
.content__item-intro {
position: relative;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 100%;
align-items: center;
}
.content__item-img {
position: relative;
height: auto;
max-width: 100%;
display: block;
margin: 0 auto;
grid-area: 1 / 1 / 1 / 1;
}
.js .content__item-img {
visibility: hidden;
}
.content__item-title {
position: relative;
font-size: 7vw;
line-height: 1;
text-align: center;
margin: 0;
padding: 0 5vw;
white-space: nowrap;
grid-area: 1 / 1 / 1 / 1;
}
.content__item-title>span {
white-space: pre;
display: inline-block;
}
.content__item-subtitle {
text-align: center;
font-size: 1.25rem;
font-weight: normal;
margin: 3rem auto;
}
.content__item-text {
text-align: justify;
max-width: 800px;
margin: 0 auto;
}
.content__item-text p {
margin: 0;
}
.content__close {
position: absolute;
top: 0.75rem;
left: 50%;
z-index: 10000;
transform: translateX(-50%);
background: none;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
color: var(--color-text);
}
.content__close:focus {
outline: none;
}
.content__item--current~.content__close {
pointer-events: auto;
}
.content__indicator {
position: absolute;
top: calc(100vh - 6rem);
left: calc(50% - 0.75rem);
display: none;
}
.js .content__item-title>span,
.js .content__item-subtitle,
.js .content__item-text,
.content__close,
.content__indicator {
opacity: 0;
}
@media screen and (min-width: 55em) {
.frame {
display: grid;
align-items: start;
justify-items: start;
grid-template-columns: 40% 60%;
grid-template-areas: 'title header';
}
.codrops-header {
grid-area: header;
justify-self: end;
display: flex;
flex-direction: row;
align-items: flex-start;
align-items: center;
text-align: left;
}
.codrops-links {
margin: 0 0 0 1.5rem;
}
.title {
grid-area: title;
display: flex;
text-align: left;
}
.title__sub {
position: relative;
padding: 0 0 0 5rem;
margin: 0 0 0 1rem;
}
.title__sub::before {
content: '';
height: 1px;
width: 4rem;
background: currentColor;
position: absolute;
top: 0.65rem;
left: 0;
}
.title__sub-works {
display: block;
}
.grid__item-number {
right: -2.45rem;
}
.grid__item-title {
margin-left: -0.25rem;
}
.content__item-subtitle {
font-size: 3vw;
}
.content__item-text {
column-count: 2;
column-gap: 20px;
}
.content__item-img {
max-width: none;
height: calc(100vh - 6rem);
}
.content__item-subtitle {
max-width: 50%;
}
.content__indicator {
display: block;
}
}
.svg-area svg {
height: 500px;
}
.svg-area {
position: relative;
}
.svg-area .read-more {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 330px;
}
.svg-area .read-more a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 11px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
}
@media (min-width: 1300px) {
.container-fluid {
padding-right: 165px;
padding-left: 165px;
}
}
.scr-content p {
text-align: left;
line-height: 36px;
font-size: 22px;
font-weight: 400;
letter-spacing: 3px;
}
.scr-content h3 {
font-size: 36px;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 5px;
}
.second .row {
align-items: center;
}
.coaqe div {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.coaqe div span {
text-transform: uppercase;
font-size: 20px;
letter-spacing: 7px;
opacity: 0.7;
margin-bottom: 10px;
}
.coaqe div a {
margin: 0 60px;
font-size: 17px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.timesax h6 {
margin: 0;
margin-bottom: 15px;
width: 470px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
line-height: 33px;
font-size: 20px;
}
.timesax {
margin-bottom: 60px;
}
.third h4 {
margin-bottom: 0px;
text-transform: uppercase;
}
.third h4~p {
margin: 0;
margin-bottom: 40px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 12px;
}
.third-social ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
column-gap: 30px;
}
.third-social ul a {
width: 40px;
height: 40px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.third-social ul a img {
width: 60%;
height: auto;
transition: all .3s linear;
}
.third-social ul a:hover img {
width: 35%;
}
.project-header img {
width: 100%;
height: 80vh;
background-size: cover;
}
.project-header {
position: relative;
}
nav.header {
opacity: 1;
z-index: 2222;
}
.ph-content {
position: absolute;
top: 30%;
transform: translateY(-50%);
}
body.projects .header,
body.carrers .header,
body.contacts .header,
body.job .header {
opacity: 1;
top: 30px;
}
.project-header {
margin-top: 100px;
}
.ph-content {
width: 100%;
}
.ph-content h3 {
font-size: 40px;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
.ph-content p {
margin: 0;
color: #fff;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 20px;
font-family: 'Roboto', sans-serif;
}
.page-content-wrap {
padding: 140px 0;
text-align: center;
}
.page-content-wrap h1 {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 30px;
letter-spacing: 2px;
}
.page-content-wrap p {
margin: 80px 0;
font-size: 20px;
letter-spacing: 2px;
line-height: 31px;
font-family: 'Roboto', sans-serif;
}
.page-content-wrap a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 14px;
letter-spacing: 10px;
font-family: 'Roboto', sans-serif;
}
.next-page img {
width: 100%;
height: 80vh;
}
.next-page {
position: relative;
}
.next-page-content {
position: absolute;
top: 50%;
transform: translate(10px, 10px);
}
.fourth {
padding: 60px 0;
text-align: center;
}
.fourth a img {
height: 120px;
width: auto;
margin-top: 20px;
}
.fourth span {
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-size: 23px;
letter-spacing: 8px;
}
.fourth p {
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
letter-spacing: 8px;
}
.fourth p a {
color: #fff;
text-decoration: none;
}
.top-info {
position: absolute;
top: 40px;
width: 80%;
left: 10%;
display: flex;
align-items: center;
justify-content: space-between;
}
.top-info span {
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
letter-spacing: 6px;
}
.next-page-content h4 {
text-align: right;
}
.next-page-content {
inset: 0;
position: absolute;
}
.next-page .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.next-page-content h4 a {
text-transform: uppercase;
letter-spacing: 10px;
font-size: 20px;
color: #fff;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
.fourth a {
display: block;
}
.job-header {
background: #111;
height: 400px;
}
.job-header .container {
height: 100%;
position: relative;
}
.job-header h1 {
position: absolute;
top: calc(50% + 50px);
transform: translateY(-50%);
margin: 0;
width: 60%;
font-size: 55px;
min-height: 132px;
}
.job-header span {
position: absolute;
top: calc(50% - 60px);
transform: translateY(-50%);
margin: 0;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.4;
}
.job-header span:after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 3px;
background: #fff;
opacity: 0.4;
}
.job-header span:hover:after {
opacity: 1;
}
.job div#content {
padding: 60px 0;
}
.job div#content p {
font-size: 16px;
color: #ccc;
font-weight: 300;
line-height: 26px;
}
.job div#content li+li {
margin-top: 2px;
}
form.dropzone {
min-height: unset;
padding: 0;
border: none;
background: no-repeat;
}
.job-form-apply {
background: #111;
padding: 60px 0;
}
.job-form-apply .form-group+.form-group {
margin-top: 30px;
}
.job-form-apply .form-group input {
width: 100%;
background: transparent;
border: none;
border-bottom: 1px solid #fff;
height: 60px;
color: #fff;
outline: none;
}
.job-form-apply .form-group.form-btn button {
margin-top: 40px;
background: #333;
text-transform: uppercase;
letter-spacing: 2px;
height: 50px;
border: 1px solid #333;
color: #fff;
padding: 0 20px;
}
.contacts .section.third {
margin: 0;
margin-top: 100px;
height: auto;
padding: 50px 0;
}
.contacts form input {
width: 80%;
height: 50px;
background: transparent;
border: none;
border-bottom: 1px solid #fff;
outline: none;
}
.contacts form .form-group+.form-group {
margin-top: 30px;
}
.contacts form textarea {
width: 80%;
height: 50px;
background: transparent;
border: none;
border-bottom: 1px solid #fff;
outline: none;
min-height: 100px;
}
.contacts .third .row {
align-items: center;
}
.contacts .form-btn button.btn {
height: 50px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0 20px;
background: #333;
border: 1px solid #333;
color: #fff;
}
.carrer-head {
background: #111;
height: 400px;
}
.carrer-head .container,
.carrer-head .row {
height: 100%;
}
.carrer-head .col-md-12 {
display: table;
width: 100%;
}
.ch-tet {
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ch-tet h1 {
margin: 0;
font-size: 61px;
min-height: 132px;
margin-top: 50px;
text-transform: capitalize;
}
.ch-tet p {
width: 60%;
margin: 0 auto;
margin-top: 20px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
color: #ccc;
}
.carrer-content {
padding: 50px 0;
}
.job-box {
border: 1px solid #333;
padding: 35px 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
.job-box h4 {
margin-top: 0;
font-size: 22px;
margin-bottom: 0;
}
.job-box h4 a {
text-decoration: none;
color: #fff;
}
.job-box p {
font-size: 14px;
color: #ccc;
margin-top: 8px;
margin-bottom: 20px;
}
.job-tags {
display: flex;
align-items: center;
column-gap: 25px;
}
.j-tag {
padding: 8px 16px;
border: 1px solid #333;
font-size: 14px;
text-transform: capitalize;
color: #ccc;
}
.job-box a.btn {
height: 40px;
background: #333;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
text-decoration: none;
}
.job-box+.job-box {
margin-top: 40px;
}
.portfolio {
position: relative;
}
.portfolio .filtering {
padding-left: 50px;
}
.portfolio .filtering .filter {
padding: 15px;
background: rgba(255, 255, 255, 0.02);
border-radius: 30px;
display: inline-block;
}
.portfolio .filtering span {
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 20px;
cursor: pointer;
position: relative;
}
.portfolio .filtering span.active {
color: #12c2e9;
}
.portfolio .filtering span:after {
content: '';
width: 7px;
height: 7px;
background: #12c2e9;
border-radius: 50%;
position: absolute;
right: -24px;
top: 40%;
}
.portfolio .filtering span:last-of-type:after {
display: none;
}
.portfolio .filtering.smplx .filter {
padding: 0;
background: transparent;
border-radius: 0;
display: inline-block;
}
.portfolio .filtering.smplx span {
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 20px;
cursor: pointer;
position: relative;
}
.portfolio .filtering.smplx span.active {
color: #12c2e9;
}
.portfolio .filtering.smplx span:after {
content: '';
width: 7px;
height: 7px;
background: #12c2e9;
border-radius: 50%;
position: absolute;
right: -24px;
top: 40%;
}
.portfolio .filtering.smplx span:last-of-type:after {
display: none;
}
.portfolio .gallery .items {
padding: 0 50px;
margin: 50px 0;
}
.portfolio .gallery .items.lg-mr {
margin-top: 100px;
}
.portfolio .gallery .items .item-img {
overflow: hidden;
position: relative;
-webkit-clip-path: inset(0);
clip-path: inset(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.portfolio .gallery .items .item-img>a {
display: block;
}
.portfolio .gallery .items .item-img:hover {
-webkit-clip-path: inset(5px 10px);
clip-path: inset(5px 10px);
}
.portfolio .gallery .items .item-img:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.portfolio .gallery .items .item-img:hover .cont {
opacity: 1;
}
.portfolio .gallery .items .item-img img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.portfolio .gallery .items .item-img .cont {
position: absolute;
bottom: 15px;
left: 0;
text-align: left;
padding-left: 30px;
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.portfolio .gallery .items .item-img .cont span {
color: #eee;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
}
.portfolio .gallery .items .item-img .cont span a {
margin: 0 10px 0 0;
}
.portfolio .gallery .items .cont {
margin-top: 30px;
text-align: center;
}
.portfolio .gallery .items .cont h6 {
font-weight: 600;
margin-bottom: 5px;
font-size: 18px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.portfolio .gallery .items .cont span {
color: #999;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-size: 13px;
}
.portfolio .gallery .items .cont span a {
margin: 0 5px;
color: #ccc;
text-decoration: none;
}
.portfolio .gallery .bords .item-img {
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.03);
}
.portfolio .gallery .bords .cont {
border: 1px solid rgba(255, 255, 255, 0.03);
margin-top: 0;
border-top: 0;
padding: 10px;
}
.portfolio.three-column .gallery .items {
padding: 0 15px;
margin: 25px 0;
}
header.works-header.fixed-slider.hfixd.valign.sub-bg {
background: #111;
height: 400px;
}
section.portfolio.three-column.section-padding.pb-70 {
padding: 70px 0;
}
.splitting .char {
animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
animation-delay: calc(10ms * var(--char-index));
}
@keyframes slide-in {
from {
transform: translateY(-1em) rotate(-.5turn) scale(0.5);
opacity: 0;
}
}
span.whitespace {
display: inline-block;
margin: 0 7px;
}
@media (max-width: 991px) {
section.portfolio.three-column.section-padding.pb-70 {
padding: 30px 0;
}
.asdaq .carrer-head {
height: 240px;
}
.next-page img {
height: 50vh;
}
.next-page .container {
width: 90%;
}
.next-page-content {
transform: unset;
}
.next-page-content h4 span {
font-size: 15px;
}
.page-content-wrap {
padding: 70px 0;
}
.page-content-wrap h1 {
font-size: 25px;
}
.page-content-wrap p {
margin: 50px 0;
font-size: 14px;
}
span.whitespace {
margin: 0 5px;
}
.project-header img {
height: 50vh;
}
.ph-content {
top: 50%;
}
.ph-content h3 {
font-size: 23px;
}
.ph-content p {
font-size: 16px;
letter-spacing: 7px;
}
.top-info {
top: 20px;
left: 5%;
width: 90%;
}
.top-info span {
font-size: 11px;
letter-spacing: 3px;
}
.second,
.third {
height: auto;
padding: 20px 0;
}
.ch-tet h1 {
font-size: 20px;
min-height: unset;
}
.job-box+.job-box {
margin-top: 30px;
}
.job-box a.btn {
height: 35px;
font-size: 11px;
}
.ch-tet p {
width: 95%;
font-size: 13px;
line-height: 20px;
}
.job-box {
flex-direction: column;
align-items: flex-start;
row-gap: 20px;
padding: 10px 20px;
overflow-wrap: anywhere;
}
.job-box h4 {
font-size: 19px;
}
.job-box p {
font-size: 12px;
}
.j-tag {
font-size: 13px;
}
.fourth span,
.fourth p {
font-size: 12px;
}
.contacts form textarea,
.contacts form input {
width: 100%;
}
.fourth a img {
height: 100px;
}
.fourth {
padding: 50px 0;
}
.svg-area svg {
height: auto;
width: 60%;
}
.first {
height: 70vh;
}
div#canvas-container {
height: 0;
}
.svg-area .read-more {
left: 130px;
}
.svg-area .read-more a {
font-size: 13px;
}
.scr-content h3 {
font-size: 26px;
}
.scr-content p {
font-size: 16px;
line-height: 28px;
}
.third h4 {
font-size: 26px;
}
.third h4~p {
font-size: 11px;
}
.timesax h6 {
width: auto;
font-size: 14px;
line-height: 26px;
text-align: left;
letter-spacing: 2px;
}
.coaqe div a {
font-size: 14px;
}
.coaqe div span {
font-size: 18px;
font-family: 'Roboto', sans-serif;
}
.first>p {
letter-spacing: 4px;
}
.job-header h1 {
font-size: 29px;
width: 100%;
top: calc(50% + 50px);
min-height: 73px;
}
.job-header {
height: 300px;
}
.job-header span {
top: calc(50% - 30px);
}
.job div#content {
PADDING: 30PX 0;
}
.job div#content p {
font-size: 14px;
line-height: 24px;
}
.job div#content li {
font-size: 14px;
margin-bottom: 5px;
}
.job div#content h2 {
font-size: 22px;
}
.job-form-apply .form-group.form-btn button {
height: 50px;
}
}
svg.hourse .cls-1,
svg.hourse .cls-2 {
stroke: #fff;
stroke-width: .85px;
}
@-webkit-keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
svg.hourse .animationn {
fill: none;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
-webkit-animation: dash 5s linear forwards;
animation: dash 5s linear forwards;
}
.typewriter p {
max-width: 600px;
text-align: center;
transform: scale(0.94);
animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
line-height: 2;
letter-spacing: 6;
font-size: 14px;
font-weight: 300;
}
@keyframes scale {
100% {
transform: scale(1);
}
}
.typewriter p span {
display: inline-block;
opacity: 0;
filter: blur(4px);
}
.typewriter p span:nth-child(1) {
animation: fade-in 3s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(2) {
animation: fade-in 3s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(3) {
animation: fade-in 3s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(4) {
animation: fade-in 3s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(5) {
animation: fade-in 3s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(6) {
animation: fade-in 3s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(7) {
animation: fade-in 3s 4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(8) {
animation: fade-in 3s 4.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(9) {
animation: fade-in 3s 6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(10) {
animation: fade-in 3s 6.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(11) {
animation: fade-in 3s 7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(12) {
animation: fade-in 3s 7.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(13) {
animation: fade-in 3s 8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(14) {
animation: fade-in 3s 8.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(15) {
animation: fade-in 3s 9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.typewriter p span:nth-child(16) {
animation: fade-in 3s 9.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
100% {
opacity: 1;
filter: blur(0);
}
}
.read-more-flex {
display: flex;
justify-content: center;
letter-spacing: 6px;
align-items: center;
flex-direction: column;
gap: 20px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 11px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
right: 8%;
}
.circle-read {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
}
.first img {
height: auto;
width: 100%;
max-width: 600px;
display: flex;
margin-right: 163px;
align-items: center;
justify-content: center;
}
.section.ffff.second {
background: #fff;
height: auto !important;
padding: 100px 0;
}
.section.ffff.second img {
margin: auto;
display: flex;
}
.section.ffff.second p {
color: #000;
text-align: center;
max-width: 80%;
margin: auto;
margin-bottom: 100px;
letter-spacing: 6px;
}
body.single {
background: #1c1a1c;
}
.relative-img p {
position: absolute;
bottom: 15%;
left: 5%;
font-size: 20px;
color: #fff;
letter-spacing: 6px;
}
.relative-img {
position: relative;
}
video#ban_video {
width: 100%;
height: 100%;
max-height: 400px;
}
.img-logo-animation .div {
width: 70px;
}
.img-logo-animation {
display: flex;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 700px;
}
.img-logo-animation img {
width: auto;
max-width: 100px;
height: 100px;
}
.div {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.img-logo-animation p {
font-size: 12px;
}
.img-logo-animation2 .div {
width: 77px;
height: 15px;
display: flex;
justify-content: center;
margin-top: 10px;
padding: 0 10px;
}
.img-logo-animation.img-logo-animation2 {
margin-right: -47px ;
}
.img-logo-animation2 div:nth-child(4) {
background: #000;
}
.img-logo-animation2 div:nth-child(5) {
background: #000;
}
.img-logo-animation2 div:nth-child(6) {
background: #000;
}
.img-logo-animation2 div:nth-child(7) {
background: #000;
}
.wow {
animation-duration: 3s !important;
animation-delay: 3s !important;
}
@media (max-width:767px) {
.first img {
max-width: 400px;
margin-right: 67px;
}
.single .first {
margin: 0 !important;
}
iframe {
width: 100%;
height: 300px;
max-width: 95%;
display: flex;
align-items: center;
justify-content: center;
}
.img-logo-animation {
max-width: 250px;
}
.img-logo-animation img {
width: 39px;
max-width: 39px;
height: 39px;
margin-right: 0 ;
}
.img-logo-animation.img-logo-animation2 {
margin-right: -23px;
}
.first {
gap: 2rem;
}
.typewriter p {
font-size: 13px;
letter-spacing: 4px;
}
video#ban_video {
width: 100%;
height: 100%;
max-height: 400px;
position: relative;
top: 30px;
}
.read-more-flex {
display: flex;
justify-content: center;
letter-spacing: 6px;
align-items: center;
flex-direction: column;
gap: 20px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 11px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
position: absolute;
z-index: 2;
top: 33%;
transform: translateY(-50%);
right: 3%;
}
.circle-read {
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
}
}
.typewriter p {
letter-spacing: 8px !important;
}
a.read-more-flex.btn-bottom {
bottom: -92px;
top: unset;
transform: translateX(-50%);
left: 50%;
}
.img-logo-animation2 .div {
width: 69px !important;;
}