/* Reset css */
html{overflow-x:initial}html,body{transition:none;padding:0!important;position:relative;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:border-box;padding:0;margin:0}*:focus{outline:none}.l-container{max-width:1200px;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}.d-flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.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-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.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-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.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-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.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-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-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:none}.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%}@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:none}.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:none}.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:none}.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:1200px){.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:none}.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!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}
@import url('assets/css/main.css');
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-RegularIt.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-SemiboldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PN';
  src: url('assets/fonts/ProximaNova-BoldIt.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}


body {
  font-family: "PN", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
}
a {text-decoration: none;}
h1,h2,h3,h4,h5,h6, strong {font-family: 'PN', sans-serif; font-weight: normal;}
:root {
  --primary-color: #E79D46;
  --secondary-color: #704cff;
  --white-color: #ffffff;
  --bg-dark-1: #000011;
  --bg-dark-2: #0e0c28;
  --bg-dark-3: #242b42;
  --bg-box: #364061;
  --bg-grey: #F1F1F1
}
/*
|--------------------------------------------------------------------------
| Weable CSS
|--------------------------------------------------------------------------
|
| Updated: 05/04/2021
|
*/
.header {
  position: relative;
}
.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  backdrop-filter: blur(20px);
  box-shadow: 0 24px 56px 0 rgb(0 0 0/ 10%);
}
.main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 30px 50px;
}
.header.sticky .main-header {
  padding: 10px 50px;
}
.main-header .main-menu {
  display: flex;
  align-items: center;
  margin-left: -1px;
  margin-right: -1px;
}
.main-header .main-menu li {
  text-align: center;
  transition: all 0.3s;
  position: relative;
}
.main-header .main-menu li a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
  display: block;
  margin: 0 1rem
}
.main-header .main-menu li:hover {cursor: pointer;}
.main-header .main-menu li:hover > a {
  color: var(--primary-color);
}
.main-header .main-menu li .sub-menu {
  display: block;
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 100%;
  padding-left: 0;
  visibility: hidden;
  z-index: 999;
  margin-top: 30px;
  transition: 0.2s;
  min-width: 200px;
  background: #fff;
  padding-top: 10px;
}
.main-header .main-menu li:hover .sub-menu {
  visibility: visible;
    margin-top: 0;
    opacity: 1;
}
.main-header .main-menu li .sub-menu > li {width: unset; margin: 0; text-align: left; margin-bottom: 10px;}
.main-header .main-menu li .sub-menu > li > a {font-size: .9em;}
.btn {
  padding: 10px 20px;
  border: none;
  box-shadow: none;
  background: #474448;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.btn:hover {
  cursor: pointer;
  background: var(--primary-color)
}
.main-header .mmenu-btn {
  display: none;
}
.mobile-menu {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bg-dark-1);
  color: #fff;
  visibility: hidden;
  transform: translate(110%);
  right: -110%;
  transition: 1s;
  z-index: 99;
  padding: 20px;
}
.mobile-menu.show {
  transform: translate(0px);
  visibility: visible;
  right: 0;
}
.mobile-menu .mclose-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  right: 20px;
  display: inline-block;
  background: transparent;
  border: none;
  box-shadow: none;
  border: 1px solid #fff;
}
.mobile-menu .mclose-btn:hover {
  cursor: pointer;
}
.mobile-menu .mclose-btn svg {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  fill: #fff;
}
.mobile-menu li {padding-bottom: 20px;}
.mobile-menu a {color: #fff; text-transform: uppercase; text-decoration: none; font-size: 18px;}
.mobile-menu li.menu-item-has-children {position: relative;}
.mobile-menu li.menu-item-has-children:after {
  width: 30px;
  height: 30px;
  content: '';
  display: inline-block;
  background-image: url(assets/images/plus.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
.mobile-menu li.menu-item-has-children.show:after {
  background-image: url(assets/images/minus.png);
}
.mobile-menu li.menu-item-has-children ul {padding-top: 10px; padding-left: 20px; display:none;}
.mobile-menu li.menu-item-has-children ul li {padding-bottom: 10px;}
.mobile-menu li.menu-item-has-children ul li:last-child {padding-bottom: 0;}
.img-wrap {
  position: relative;
  height: auto;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 56.25%;
}
.img-wrap img,
.img-wrap video {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  transform: translateZ(0);
  margin: 0 auto;
  right: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  object-position: 50% 50%;
  object-fit: cover;
}
.align-center {
  align-items: center;
}
.text-center {
  text-align: center;
}

.header.sticky .logo img {max-height: 50px;}
.scroll-top {background: #69593e; width: 40px; height:40px; position: fixed; bottom: 30px; right: 20px; box-shadow: none; border: none; background-image: url(assets/images/up.svg); background-repeat: no-repeat; background-size: 50%; background-position: center;}
.main-header .logo img {max-width: 100%; max-height: 50px; object-fit: cover;}
.sec-1{
  width: 100vw;
  height: 100vh;
  position: relative;
}
.sec-1 .logo-footer {
  font-size: 5rem;
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1rem;
  opacity: .5;
}
.sec-2 .logo-footer {
  font-size: 2.5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  color: #151325;
  font-weight: bold;
  letter-spacing: 1rem;
  opacity: .2;
}
.home_html .main-header {position: fixed; width: 100%; background: transparent; z-index: 2;}
.home_html .main-header .main-menu li a {color: #fff}
.home_html .main-header .main-menu li .sub-menu a {color: #000}
html.home_html , html.home_html body {
  height: 100%;
  overflow: hidden;
}
.home_html .container, .home_html .sections, .home_html .section {
  position: relative;
  height: 100%;
}
.scroll-down {
  border: 2px solid #fff;
  border-radius: 10px;
  bottom: 50px;
  height: 50px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 25px;
}
.scroll-down::before {
  animation: scrollDownAnimation 2s infinite;
  background-color: #fff;
  border-radius: 100%;
  content: '';
  height: 6px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 6px;
}
@-moz-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}

/* .sec-2 .slider-wrapper {
  height: 60vh;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
.sec-2 .slider-wrapper .mara-slider {height: 100%; overflow: hidden; width: auto;}
.sec-2 .slider-wrapper .item {height: 100%;}
.sec-2 .slider-wrapper .item img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.sec-2 .slider-wrapper .mara-slider .slick-center {margin: 0 1rem; width: 50vw!important;} */
.slider {
  width: auto;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
.slider .slick-slide {
  background: #292e3e;
  color: white;
  font-size: 30px;
  font-family: "Arial", "Helvetica";
  text-align: center;
}
.slider .slick-prev:before,
.slider .slick-next:before {
  color: #292e3e;
}
.slider .slick-slide:nth-child(odd) {
  background: #57C09F;
}
.slider .item {
  margin: 0 5px;
}
[data-fs-scroll] .page.vertical {display: none;}
.main-header.light .main-menu li a{
  color: #000;
  transition: none;
}
.slick-next:before {
  content: '';
  background-image: url(assets/images/next.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.slick-next {
  right: 1.5rem;
  z-index: 9;
}
.slick-prev:before {
  content: '';
  background-image: url(assets/images/prev.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.slick-prev {
  left: 1.5rem;
  z-index: 9;
}
.about-page {
  padding: 50px;
}
.flex {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
}
.ceo-list {margin-left: -10px; margin-right: -10px; margin-top: 50px;}
.ceo-list .item {
  width: calc(100%/3 - 20px);
  text-align: center;
  margin: 0 10px
}
.ceo-list .item .img-wrap {padding-top: 100%;}
.ceo-list .item .name {margin-top: 5px;}
.team-list {margin-left: -10px; margin-right: -10px; margin-top: 20px;}
.team-list .item {
  width: calc(100%/4 - 20px);
  margin: 0 10px;;
  margin-bottom: 20px;
  text-align: center;
}
.team-list .item .img-wrap {padding-top: 100%;}
.team-list  .item .name {margin-top: 5px;}
.has-hover img {
  transition:  all .5s;
  filter: grayscale(100%);
}
.has-hover:hover img {filter: grayscale(0);}
.has-hover:hover {cursor: pointer;}
.head-content {line-height: 1.5; max-width: 60%;}
.head-content h2 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.head-content h4 {margin-top: 1rem}
.work-grid {
  column-count: 4;
  column-gap: 5px;
}
.work-grid .item {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr auto;
  margin-bottom: 5px;
  break-inside: avoid;
}
.works {
  padding: 0 5px;
}
.contact-page {
  padding: 50px;
}
.contact-page .info {margin-top: 50px;}
.contact-page .info .img {width: 60%; margin-right: 30px;}
.contact-page .info .img .img-wrap {padding-top: 120%;}
.contact-page .info .details .item  {
  margin-bottom: 1.5rem;
}
.contact-page .info .details .item .link {
}
.contact-page .info .details .item .link a {color: #000}
.contact-page .info .details .item .title {margin-bottom: 8px;}
.joinpage {padding: 30px 50px 200px 50px;}
.joinpage .inner {margin-left: -10px; margin-right: -10px;}
.joinpage .inner .head-content {width: calc(100%/2 - 20px); margin: 0 10px;}
.joinpage .inner .team-grid {
  width: calc(100%/2 - 20px); margin: 0 10px;
  display: grid; 
  grid-template-columns: 30% 10% 25% 35%;
  grid-template-rows: 400px 250px 200px;
  grid-gap: 10px;
  margin-top: 80px;
}
.joinpage .inner .team-grid img {width: 100%; height: auto; object-fit: cover; height: 100%; filter: grayscale(100%); transition: .3s;}
.line {display: block; width: 100%; height: 1px; background: #b5b5b5; margin: 1rem 0; }
.joinpage .inner .team-grid .item:hover img {
  filter: grayscale(0);
}
.joinpage .inner .team-grid .item:first-child {
  grid-column: 1/5;
  grid-row: 1/2;
}
.joinpage .inner .team-grid .item:nth-child(2) {
  grid-column: 1/3;
  grid-row: 2/3;
}
.joinpage .inner .team-grid .item:nth-child(3) {
  grid-column: 3/5;
  grid-row: 2/3;
}
.joinpage .inner .team-grid .item:nth-child(4) {
  grid-column: 1/2;
  grid-row: 3/4;
}
.joinpage .inner .team-grid .item:nth-child(5) {
  grid-column: 2/4;
  grid-row: 3/4;
}
.joinpage .inner .team-grid .item:nth-child(6) {
  grid-column: 4/5;
  grid-row: 3/4;
}
.sec-1 .video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.sec-1 .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider .img-wrap {
  padding-top: 45%;
}
/* Using floats */
/* .grid-col {
  float: left;
  width: 50%;
}
.grid-col--2, .grid-col--3 { display: none }
@media ( min-width: 768px ) {
  .grid-col { width: 33.333%; }
  .grid-col--2 { display: block; }
}
@media ( min-width: 1080px ) {
  .grid-col { width: 25%; }
  .grid-col--3 { display: block; }
}
.grid .grid-item {margin: 0 5px 7px 5px;} */
.grid .grid-item a {display: block; line-height: 1;
  position: relative;
  overflow: hidden;
}
.grid .grid-item a:before{
  background-color: rgba(0, 0, 0, 0.69);
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: .3s;
  opacity: 0;
}
.grid .grid-item a .meta {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 16px;
  transform: translateY(100%);
  transition: .3s;
}
.grid .grid-item a:hover .meta {
  transform: translateY(0);
}
.grid .grid-item a:hover:before {
  opacity: 1;
}
.grid .grid-item img {
  width: 100%;
}
/** Masonry layout */
:root {
  counter-reset: masonry;
}
.masonry {
  display: grid; 
   grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(380px,1fr));
  grid-auto-rows: 0;
  /* display: flex;
  flex-wrap: wrap; */
  /* width: 100vw; */
  /* overflow: hidden; */
}
/* clearfix */
/* .masonry:after {
  content: '';
  display: block;
  clear: both;
} */
.masonry-item {
   background-color: #eee;
   overflow: hidden;
   /* margin-bottom: 10px; */
}
.masonry-item .inner{
  position: relative;
}
.masonry-item .img{
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}
.masonry-item img {
  filter: grayscale(100%);
  transition: .1s;
  width: 100%;
  object-fit: cover;
  min-height: 100%;
  height: 100%;
}
.masonry-item, .masonry-item img {
   position: relative;
}
.masonry-item a {display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* cursor: pointer; */
  z-index: 1;
}
.masonry-item .meta {
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 100%;
  color: #fff;
  padding: 16px;
  transform: translateY(100%);
  transition: .3s;
  z-index: 1;;
}
.masonry-item .inner:hover .meta {
  transform: translateY(0);
}
.masonry-item .inner:hover img {filter: grayscale(0)}
body.category, body.page-template-template-page-work, body.page-id-299{
  background: #000
}
body.category .main-header, body.page-template-template-page-work .main-header, body.page-id-299 .main-header{
  background: #000
}
body.category .main-header .main-menu li a, body.page-template-template-page-work  .main-header .main-menu li a, body.page-id-299 .main-header .main-menu li a,
body.page-id-299 section > *{
  color: #fff
}
body.category .main-header .main-menu li .sub-menu, body.page-template-template-page-work  .main-header .main-menu li .sub-menu
, body.page-id-299 .main-header .main-menu li .sub-menu{
  background: #000
}
.text-ani-inner {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.text-ani-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 6rem;
  color: #fff;
  /* text-shadow: 2px 2px #b5b5b5; */
  letter-spacing: 2px;
  /* -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary-color); */
}
.text-ani-inner h3 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
/* Responsive */
@media (max-width: 1399px) {
  .l-container {
    max-width: 1100px;
  }
}
@media (max-width: 1199px) {
  .l-container {
    max-width: 80%;
  }
}
@media (max-width: 991px) {
  .l-container {
    max-width: 90%;
  }
  .main-header .center {
    display: none;
  }
  .main-header .reg-btn {
    display: none;
  }
  .main-header .mmenu-btn {
    display: block;
  }
  .main-header .wrap {position: relative;}
  .main-header .mmenu-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; background: transparent; border: 1px solid #000; color: #000; text-transform: uppercase; border-radius: 0; background-image: url(assets/images/bx-menu.svg); background-size: 80%; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px}
  .main-header .main-menu {display: none;}
  .main-header {padding: 10px 20px;}
  .logo img {max-height: 90px;}
  .main-header .wrap .text-logo {display: none}
  .main-header .top-header {align-items: center}
  .main-header .right .head-btn {display:none}
  .sec-1 .logo-footer {font-size: 2.5rem;}
  .work-grid {column-count: 3;}
  .works, .contact-page, .joinpage {padding: 20px;}
  .joinpage .inner .head-content {width: 100%; margin: 0 0 30px 0; max-width: 100%;}
  .joinpage .inner .team-grid {width: 100%;}
  .home_html .container, .home_html .sections, .home_html .section {
    height:auto;
  }
  .sec-1 {height: 60vh!important}
  .sec-2 {margin-top: 50px;}
  .slider .img-wrap {padding-top: 60%;}
  .scroll-down {display: none}
  html.home_html, html.home_html body {overflow-y: scroll}
  .page-template-template-page-work .main-header .mmenu-btn, body.category .main-header .mmenu-btn {
    background-image: url(assets/images/menu-light.png);
    border-color: #fff
  }
  .mobile-menu .menu-main-menu-container {margin-top: 60px;}
  .mobile-menu a {
    display: block;
    font-size: 22px;
  }
  .mobile-menu li {padding-bottom: 30px}
  .sec-1 {
    height: 90vh!important;
  }
  .sec-2 {
    margin-top: 200px;
  }
  .text-ani-inner h1 {font-size: 3rem;}
}
@media (max-width: 767px) {
  .section {
    padding: 3rem 0;
  }
  .section-title {
    line-height: 1.5;
  }
  .head-content {width: 100%; max-width: 100%;}
  .about-page {padding: 20px;}
  .work-grid {column-count: 2;}
}
@media (max-width: 650px) {
  .l-container {
    max-width: 100%;
  }
  .child-menu li  {width: calc(50% - 2px);}
  .joinpage .inner .team-grid {
    grid-template-rows: 200px 150px 100px;
    margin: 0;
    overflow: hidden;
  }
  .text-ani-inner {width: 100%;}
  .text-ani-inner h1  {font-size: 2.5rem;}
  .text-ani-inner h3  {font-size: 16px;}
  .works, .contact-page, .joinpage {padding: 10px}
}
@media (max-width: 574px) {
  .team-list .item, .ceo-list .item {width: 100%; margin: 0 0 20px 0}
  .contact-page .info .img {width: 100%; margin: 0 0 20px 0}
  .contact-page .info {margin-top: 20px;}
  .masonry {width: 100%; overflow: hidden}
  .masonry-item {border-radius: 0;}
  .main-header .logo img, .header.sticky .logo img {max-height: 40px;}
  .header.sticky .main-header {padding: 10px 20px}
  .masonry {
    grid-template-columns: repeat(auto-fill, minmax(150px,1fr));
  }
  .masonry-item img {
    max-width: 100%!important;
  }
}
.pnlm-container{
    width: 100% !important;
}
/* .masonry-item{
  width: 32.8%;
  float: left;
  max-width: calc(100vw / 3);
} */
/* .masonry-item img{
  max-width: calc(100vw / 3);
} */