@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-LightCondensed.woff2") format("woff2"), url("fonts/DINNextLTPro-LightCondensed.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-Condensed.woff2") format("woff2"), url("fonts/DINNextLTPro-Condensed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-BoldCondensed.woff2") format("woff2"), url("fonts/DINNextLTPro-BoldCondensed.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-Light.woff2") format("woff2"), url("fonts/DINNextLTPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-Bold.woff2") format("woff2"), url("fonts/DINNextLTPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Pro";
  src: url("fonts/DINNextLTPro-Regular.woff2") format("woff2"), url("fonts/DINNextLTPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* CSS Document */
html {
  width: 100%;
}

body {
  width: 100%;
  margin: 0;
  background: #031014;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
body.fancybox-active {
  height: 100%;
}

form {
  width: 100%;
  height: 100%;
}

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: inherit;
}

a, a img {
  text-decoration: none;
  outline: none;
  border: none;
}

.clr {
  clear: both;
  height: 0;
}

::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

::selection {
  background: #FFC40C;
  color: #fff;
}

::-moz-selection {
  background: #27397C;
  yellow: #fff;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: ate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    nsform: rotate(360deg);
  }
}
@-webkit-keyframes swingTop {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}
@keyframes swingTop {
  0% {
    top: 0;
  }
  50% {
    top: 90%;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes swingLeft {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0;
  }
}
@keyframes swingLeft {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes rocket {
  0% {
    top: 100%;
  }
  25% {
    top: 100%;
  }
  75% {
    top: -110%;
  }
  100% {
    top: -110%;
  }
}
@keyframes rocket {
  0% {
    top: 100%;
  }
  25% {
    top: 100%;
  }
  75% {
    top: -110%;
  }
  100% {
    top: -110%;
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: -256px 0px;
  }
  25% {
    background-position: 256px 0px;
  }
  75% {
    background-position: 256px 0px;
  }
  100% {
    background-position: 256px 0px;
  }
}
@keyframes shine {
  0% {
    background-position: -256px 0px;
  }
  25% {
    background-position: 256px 0px;
  }
  75% {
    background-position: 256px 0px;
  }
  100% {
    background-position: 256px 0px;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}
@keyframes scrollAnim {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/*General Elements */
body, input, textarea, select, option {
  font-family: "DIN Next LT Pro";
}

*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  outline: none;
}

.content {
  width: 100%;
  margin: auto;
}
.content.max-w-1100 {
  max-width: 1100px;
}

.btn {
  font-weight: 600;
  background: #fff;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  display: block;
  display: inline-block;
  padding: 0 80px 0 50px;
}
.btn.blue {
  background-color: #27397C;
  color: white;
}
.btn.blue span {
  color: #fff !important;
}
.btn.blue span::before {
  filter: invert(1);
}
.btn span {
  line-height: 56px;
  position: relative;
  color: #2E323D !important;
  font-size: 1em !important;
  font-weight: 600 !important;
}
.btn span:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icons/btnArrow.svg) no-repeat center;
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -9px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:hover span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  right: -35px;
}

.back {
  font-weight: 600;
  background: url(../images/icons/back.svg) no-repeat left center;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  display: block;
  font-stretch: condensed;
  width: 25px;
  height: 19px;
  position: absolute;
  right: 0;
  top: 25%;
}
.back span {
  color: #2E323D;
  font-size: 1.2em !important;
  font-weight: 500 !important;
}
.back:hover {
  width: 35px;
}

.scroll {
  position: absolute;
  width: 24px;
  height: 24px;
}
.scroll i {
  position: absolute;
  width: 28px;
  height: 1px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}
.scroll i:first-child {
  animation: move 3s ease-out 1s infinite;
}
.scroll i:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}
.scroll i:before, .scroll i:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}
.scroll i:before {
  left: 0;
  transform: skew(0deg, 45deg);
}
.scroll i:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -45deg);
}

@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
section {
  padding: 110px 120px;
  position: relative;
}
section.pb0 {
  padding-bottom: 0 !important;
}
section.pt0 {
  padding-top: 0 !important;
}

.row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.row .col {
  width: 100%;
}
.row .col.col-1 {
  width: 1%;
}
.row .col.col-2 {
  width: 2%;
}
.row .col.col-3 {
  width: 3%;
}
.row .col.col-4 {
  width: 4%;
}
.row .col.col-5 {
  width: 5%;
}
.row .col.col-6 {
  width: 6%;
}
.row .col.col-7 {
  width: 7%;
}
.row .col.col-8 {
  width: 8%;
}
.row .col.col-9 {
  width: 9%;
}
.row .col.col-10 {
  width: 10%;
}
.row .col.col-11 {
  width: 11%;
}
.row .col.col-12 {
  width: 12%;
}
.row .col.col-13 {
  width: 13%;
}
.row .col.col-14 {
  width: 14%;
}
.row .col.col-15 {
  width: 15%;
}
.row .col.col-16 {
  width: 16%;
}
.row .col.col-17 {
  width: 17%;
}
.row .col.col-18 {
  width: 18%;
}
.row .col.col-19 {
  width: 19%;
}
.row .col.col-20 {
  width: 20%;
}
.row .col.col-21 {
  width: 21%;
}
.row .col.col-22 {
  width: 22%;
}
.row .col.col-23 {
  width: 23%;
}
.row .col.col-24 {
  width: 24%;
}
.row .col.col-25 {
  width: 25%;
}
.row .col.col-26 {
  width: 26%;
}
.row .col.col-27 {
  width: 27%;
}
.row .col.col-28 {
  width: 28%;
}
.row .col.col-29 {
  width: 29%;
}
.row .col.col-30 {
  width: 30%;
}
.row .col.col-31 {
  width: 31%;
}
.row .col.col-32 {
  width: 32%;
}
.row .col.col-33 {
  width: 33%;
}
.row .col.col-34 {
  width: 34%;
}
.row .col.col-35 {
  width: 35%;
}
.row .col.col-36 {
  width: 36%;
}
.row .col.col-37 {
  width: 37%;
}
.row .col.col-38 {
  width: 38%;
}
.row .col.col-39 {
  width: 39%;
}
.row .col.col-40 {
  width: 40%;
}
.row .col.col-41 {
  width: 41%;
}
.row .col.col-42 {
  width: 42%;
}
.row .col.col-43 {
  width: 43%;
}
.row .col.col-44 {
  width: 44%;
}
.row .col.col-45 {
  width: 45%;
}
.row .col.col-46 {
  width: 46%;
}
.row .col.col-47 {
  width: 47%;
}
.row .col.col-48 {
  width: 48%;
}
.row .col.col-49 {
  width: 49%;
}
.row .col.col-50 {
  width: 50%;
}
.row .col.col-51 {
  width: 51%;
}
.row .col.col-52 {
  width: 52%;
}
.row .col.col-53 {
  width: 53%;
}
.row .col.col-54 {
  width: 54%;
}
.row .col.col-55 {
  width: 55%;
}
.row .col.col-56 {
  width: 56%;
}
.row .col.col-57 {
  width: 57%;
}
.row .col.col-58 {
  width: 58%;
}
.row .col.col-59 {
  width: 59%;
}
.row .col.col-60 {
  width: 60%;
}
.row .col.col-61 {
  width: 61%;
}
.row .col.col-62 {
  width: 62%;
}
.row .col.col-63 {
  width: 63%;
}
.row .col.col-64 {
  width: 64%;
}
.row .col.col-65 {
  width: 65%;
}
.row .col.col-66 {
  width: 66%;
}
.row .col.col-67 {
  width: 67%;
}
.row .col.col-68 {
  width: 68%;
}
.row .col.col-69 {
  width: 69%;
}
.row .col.col-70 {
  width: 70%;
}
.row .col.col-71 {
  width: 71%;
}
.row .col.col-72 {
  width: 72%;
}
.row .col.col-73 {
  width: 73%;
}
.row .col.col-74 {
  width: 74%;
}
.row .col.col-75 {
  width: 75%;
}
.row .col.col-76 {
  width: 76%;
}
.row .col.col-77 {
  width: 77%;
}
.row .col.col-78 {
  width: 78%;
}
.row .col.col-79 {
  width: 79%;
}
.row .col.col-80 {
  width: 80%;
}
.row .col.col-81 {
  width: 81%;
}
.row .col.col-82 {
  width: 82%;
}
.row .col.col-83 {
  width: 83%;
}
.row .col.col-84 {
  width: 84%;
}
.row .col.col-85 {
  width: 85%;
}
.row .col.col-86 {
  width: 86%;
}
.row .col.col-87 {
  width: 87%;
}
.row .col.col-88 {
  width: 88%;
}
.row .col.col-89 {
  width: 89%;
}
.row .col.col-90 {
  width: 90%;
}
.row .col.col-91 {
  width: 91%;
}
.row .col.col-92 {
  width: 92%;
}
.row .col.col-93 {
  width: 93%;
}
.row .col.col-94 {
  width: 94%;
}
.row .col.col-95 {
  width: 95%;
}
.row .col.col-96 {
  width: 96%;
}
.row .col.col-97 {
  width: 97%;
}
.row .col.col-98 {
  width: 98%;
}
.row .col.col-99 {
  width: 99%;
}
.row .col.col-100 {
  width: 100%;
}
.row .col.col-101 {
  width: 101%;
}
.row .col.col-102 {
  width: 102%;
}
.row .col.col-103 {
  width: 103%;
}
.row .col.col-104 {
  width: 104%;
}
.row .col.col-105 {
  width: 105%;
}
.row .col.col-106 {
  width: 106%;
}
.row .col.col-107 {
  width: 107%;
}
.row .col.col-108 {
  width: 108%;
}
.row .col.col-109 {
  width: 109%;
}
.row .col.col-110 {
  width: 110%;
}
.row .col.col-111 {
  width: 111%;
}
.row .col.col-112 {
  width: 112%;
}
.row .col.col-113 {
  width: 113%;
}
.row .col.col-114 {
  width: 114%;
}
.row .col.col-115 {
  width: 115%;
}
.row .col.col-116 {
  width: 116%;
}
.row .col.col-117 {
  width: 117%;
}
.row .col.col-118 {
  width: 118%;
}
.row .col.col-119 {
  width: 119%;
}
.row .col.col-120 {
  width: 120%;
}
.row .col.col-121 {
  width: 121%;
}
.row .col.col-122 {
  width: 122%;
}
.row .col.col-123 {
  width: 123%;
}
.row .col.col-124 {
  width: 124%;
}
.row .col.col-125 {
  width: 125%;
}
.row .col.col-126 {
  width: 126%;
}
.row .col.col-127 {
  width: 127%;
}
.row .col.col-128 {
  width: 128%;
}
.row .col.col-129 {
  width: 129%;
}
.row .col.col-130 {
  width: 130%;
}
.row .col.col-131 {
  width: 131%;
}
.row .col.col-132 {
  width: 132%;
}
.row .col.col-133 {
  width: 133%;
}
.row .col.col-134 {
  width: 134%;
}
.row .col.col-135 {
  width: 135%;
}
.row .col.col-136 {
  width: 136%;
}
.row .col.col-137 {
  width: 137%;
}
.row .col.col-138 {
  width: 138%;
}
.row .col.col-139 {
  width: 139%;
}
.row .col.col-140 {
  width: 140%;
}
.row .col.col-141 {
  width: 141%;
}
.row .col.col-142 {
  width: 142%;
}
.row .col.col-143 {
  width: 143%;
}
.row .col.col-144 {
  width: 144%;
}
.row .col.col-145 {
  width: 145%;
}
.row .col.col-146 {
  width: 146%;
}
.row .col.col-147 {
  width: 147%;
}
.row .col.col-148 {
  width: 148%;
}
.row .col.col-149 {
  width: 149%;
}
.row .col.col-150 {
  width: 150%;
}
.row .col.col-151 {
  width: 151%;
}
.row .col.col-152 {
  width: 152%;
}
.row .col.col-153 {
  width: 153%;
}
.row .col.col-154 {
  width: 154%;
}
.row .col.col-155 {
  width: 155%;
}
.row .col.col-156 {
  width: 156%;
}
.row .col.col-157 {
  width: 157%;
}
.row .col.col-158 {
  width: 158%;
}
.row .col.col-159 {
  width: 159%;
}
.row .col.col-160 {
  width: 160%;
}
.row .col.col-161 {
  width: 161%;
}
.row .col.col-162 {
  width: 162%;
}
.row .col.col-163 {
  width: 163%;
}
.row .col.col-164 {
  width: 164%;
}
.row .col.col-165 {
  width: 165%;
}
.row .col.col-166 {
  width: 166%;
}
.row .col.col-167 {
  width: 167%;
}
.row .col.col-168 {
  width: 168%;
}
.row .col.col-169 {
  width: 169%;
}
.row .col.col-170 {
  width: 170%;
}
.row .col.col-171 {
  width: 171%;
}
.row .col.col-172 {
  width: 172%;
}
.row .col.col-173 {
  width: 173%;
}
.row .col.col-174 {
  width: 174%;
}
.row .col.col-175 {
  width: 175%;
}
.row .col.col-176 {
  width: 176%;
}
.row .col.col-177 {
  width: 177%;
}
.row .col.col-178 {
  width: 178%;
}
.row .col.col-179 {
  width: 179%;
}
.row .col.col-180 {
  width: 180%;
}
.row .col.col-181 {
  width: 181%;
}
.row .col.col-182 {
  width: 182%;
}
.row .col.col-183 {
  width: 183%;
}
.row .col.col-184 {
  width: 184%;
}
.row .col.col-185 {
  width: 185%;
}
.row .col.col-186 {
  width: 186%;
}
.row .col.col-187 {
  width: 187%;
}
.row .col.col-188 {
  width: 188%;
}
.row .col.col-189 {
  width: 189%;
}
.row .col.col-190 {
  width: 190%;
}
.row .col.col-191 {
  width: 191%;
}
.row .col.col-192 {
  width: 192%;
}
.row .col.col-193 {
  width: 193%;
}
.row .col.col-194 {
  width: 194%;
}
.row .col.col-195 {
  width: 195%;
}
.row .col.col-196 {
  width: 196%;
}
.row .col.col-197 {
  width: 197%;
}
.row .col.col-198 {
  width: 198%;
}
.row .col.col-199 {
  width: 199%;
}
.row .col.col-200 {
  width: 200%;
}
.row .col.col-201 {
  width: 201%;
}
.row .col.col-202 {
  width: 202%;
}
.row .col.col-203 {
  width: 203%;
}
.row .col.col-204 {
  width: 204%;
}
.row .col.col-205 {
  width: 205%;
}
.row .col.col-206 {
  width: 206%;
}
.row .col.col-207 {
  width: 207%;
}
.row .col.col-208 {
  width: 208%;
}
.row .col.col-209 {
  width: 209%;
}
.row .col.col-210 {
  width: 210%;
}
.row .col.col-211 {
  width: 211%;
}
.row .col.col-212 {
  width: 212%;
}
.row .col.col-213 {
  width: 213%;
}
.row .col.col-214 {
  width: 214%;
}
.row .col.col-215 {
  width: 215%;
}
.row .col.col-216 {
  width: 216%;
}
.row .col.col-217 {
  width: 217%;
}
.row .col.col-218 {
  width: 218%;
}
.row .col.col-219 {
  width: 219%;
}
.row .col.col-220 {
  width: 220%;
}
.row .col.col-221 {
  width: 221%;
}
.row .col.col-222 {
  width: 222%;
}
.row .col.col-223 {
  width: 223%;
}
.row .col.col-224 {
  width: 224%;
}
.row .col.col-225 {
  width: 225%;
}
.row .col.col-226 {
  width: 226%;
}
.row .col.col-227 {
  width: 227%;
}
.row .col.col-228 {
  width: 228%;
}
.row .col.col-229 {
  width: 229%;
}
.row .col.col-230 {
  width: 230%;
}
.row .col.col-231 {
  width: 231%;
}
.row .col.col-232 {
  width: 232%;
}
.row .col.col-233 {
  width: 233%;
}
.row .col.col-234 {
  width: 234%;
}
.row .col.col-235 {
  width: 235%;
}
.row .col.col-236 {
  width: 236%;
}
.row .col.col-237 {
  width: 237%;
}
.row .col.col-238 {
  width: 238%;
}
.row .col.col-239 {
  width: 239%;
}
.row .col.col-240 {
  width: 240%;
}
.row .col.col-241 {
  width: 241%;
}
.row .col.col-242 {
  width: 242%;
}
.row .col.col-243 {
  width: 243%;
}
.row .col.col-244 {
  width: 244%;
}
.row .col.col-245 {
  width: 245%;
}
.row .col.col-246 {
  width: 246%;
}
.row .col.col-247 {
  width: 247%;
}
.row .col.col-248 {
  width: 248%;
}
.row .col.col-249 {
  width: 249%;
}
.row .col.col-250 {
  width: 250%;
}
.row .col.col-251 {
  width: 251%;
}
.row .col.col-252 {
  width: 252%;
}
.row .col.col-253 {
  width: 253%;
}
.row .col.col-254 {
  width: 254%;
}
.row .col.col-255 {
  width: 255%;
}
.row .col.col-256 {
  width: 256%;
}
.row .col.col-257 {
  width: 257%;
}
.row .col.col-258 {
  width: 258%;
}
.row .col.col-259 {
  width: 259%;
}
.row .col.col-260 {
  width: 260%;
}
.row .col.col-261 {
  width: 261%;
}
.row .col.col-262 {
  width: 262%;
}
.row .col.col-263 {
  width: 263%;
}
.row .col.col-264 {
  width: 264%;
}
.row .col.col-265 {
  width: 265%;
}
.row .col.col-266 {
  width: 266%;
}
.row .col.col-267 {
  width: 267%;
}
.row .col.col-268 {
  width: 268%;
}
.row .col.col-269 {
  width: 269%;
}
.row .col.col-270 {
  width: 270%;
}
.row .col.col-271 {
  width: 271%;
}
.row .col.col-272 {
  width: 272%;
}
.row .col.col-273 {
  width: 273%;
}
.row .col.col-274 {
  width: 274%;
}
.row .col.col-275 {
  width: 275%;
}
.row .col.col-276 {
  width: 276%;
}
.row .col.col-277 {
  width: 277%;
}
.row .col.col-278 {
  width: 278%;
}
.row .col.col-279 {
  width: 279%;
}
.row .col.col-280 {
  width: 280%;
}
.row .col.col-281 {
  width: 281%;
}
.row .col.col-282 {
  width: 282%;
}
.row .col.col-283 {
  width: 283%;
}
.row .col.col-284 {
  width: 284%;
}
.row .col.col-285 {
  width: 285%;
}
.row .col.col-286 {
  width: 286%;
}
.row .col.col-287 {
  width: 287%;
}
.row .col.col-288 {
  width: 288%;
}
.row .col.col-289 {
  width: 289%;
}
.row .col.col-290 {
  width: 290%;
}
.row .col.col-291 {
  width: 291%;
}
.row .col.col-292 {
  width: 292%;
}
.row .col.col-293 {
  width: 293%;
}
.row .col.col-294 {
  width: 294%;
}
.row .col.col-295 {
  width: 295%;
}
.row .col.col-296 {
  width: 296%;
}
.row .col.col-297 {
  width: 297%;
}
.row .col.col-298 {
  width: 298%;
}
.row .col.col-299 {
  width: 299%;
}
.row .col.col-300 {
  width: 300%;
}
.row .col.col-301 {
  width: 301%;
}
.row .col.col-302 {
  width: 302%;
}
.row .col.col-303 {
  width: 303%;
}
.row .col.col-304 {
  width: 304%;
}
.row .col.col-305 {
  width: 305%;
}
.row .col.col-306 {
  width: 306%;
}
.row .col.col-307 {
  width: 307%;
}
.row .col.col-308 {
  width: 308%;
}
.row .col.col-309 {
  width: 309%;
}
.row .col.col-310 {
  width: 310%;
}
.row .col.col-311 {
  width: 311%;
}
.row .col.col-312 {
  width: 312%;
}
.row .col.col-313 {
  width: 313%;
}
.row .col.col-314 {
  width: 314%;
}
.row .col.col-315 {
  width: 315%;
}
.row .col.col-316 {
  width: 316%;
}
.row .col.col-317 {
  width: 317%;
}
.row .col.col-318 {
  width: 318%;
}
.row .col.col-319 {
  width: 319%;
}
.row .col.col-320 {
  width: 320%;
}
.row .col.col-321 {
  width: 321%;
}
.row .col.col-322 {
  width: 322%;
}
.row .col.col-323 {
  width: 323%;
}
.row .col.col-324 {
  width: 324%;
}
.row .col.col-325 {
  width: 325%;
}
.row .col.col-326 {
  width: 326%;
}
.row .col.col-327 {
  width: 327%;
}
.row .col.col-328 {
  width: 328%;
}
.row .col.col-329 {
  width: 329%;
}
.row .col.col-330 {
  width: 330%;
}
.row .col.col-331 {
  width: 331%;
}
.row .col.col-332 {
  width: 332%;
}
.row .col.col-333 {
  width: 333%;
}
.row .col.col-334 {
  width: 334%;
}
.row .col.col-335 {
  width: 335%;
}
.row .col.col-336 {
  width: 336%;
}
.row .col.col-337 {
  width: 337%;
}
.row .col.col-338 {
  width: 338%;
}
.row .col.col-339 {
  width: 339%;
}
.row .col.col-340 {
  width: 340%;
}
.row .col.col-341 {
  width: 341%;
}
.row .col.col-342 {
  width: 342%;
}
.row .col.col-343 {
  width: 343%;
}
.row .col.col-344 {
  width: 344%;
}
.row .col.col-345 {
  width: 345%;
}
.row .col.col-346 {
  width: 346%;
}
.row .col.col-347 {
  width: 347%;
}
.row .col.col-348 {
  width: 348%;
}
.row .col.col-349 {
  width: 349%;
}
.row .col.col-350 {
  width: 350%;
}
.row .col.col-351 {
  width: 351%;
}
.row .col.col-352 {
  width: 352%;
}
.row .col.col-353 {
  width: 353%;
}
.row .col.col-354 {
  width: 354%;
}
.row .col.col-355 {
  width: 355%;
}
.row .col.col-356 {
  width: 356%;
}
.row .col.col-357 {
  width: 357%;
}
.row .col.col-358 {
  width: 358%;
}
.row .col.col-359 {
  width: 359%;
}
.row .col.col-360 {
  width: 360%;
}
.row .col.col-361 {
  width: 361%;
}
.row .col.col-362 {
  width: 362%;
}
.row .col.col-363 {
  width: 363%;
}
.row .col.col-364 {
  width: 364%;
}
.row .col.col-365 {
  width: 365%;
}
.row .col.col-366 {
  width: 366%;
}
.row .col.col-367 {
  width: 367%;
}
.row .col.col-368 {
  width: 368%;
}
.row .col.col-369 {
  width: 369%;
}
.row .col.col-370 {
  width: 370%;
}
.row .col.col-371 {
  width: 371%;
}
.row .col.col-372 {
  width: 372%;
}
.row .col.col-373 {
  width: 373%;
}
.row .col.col-374 {
  width: 374%;
}
.row .col.col-375 {
  width: 375%;
}
.row .col.col-376 {
  width: 376%;
}
.row .col.col-377 {
  width: 377%;
}
.row .col.col-378 {
  width: 378%;
}
.row .col.col-379 {
  width: 379%;
}
.row .col.col-380 {
  width: 380%;
}
.row .col.col-381 {
  width: 381%;
}
.row .col.col-382 {
  width: 382%;
}
.row .col.col-383 {
  width: 383%;
}
.row .col.col-384 {
  width: 384%;
}
.row .col.col-385 {
  width: 385%;
}
.row .col.col-386 {
  width: 386%;
}
.row .col.col-387 {
  width: 387%;
}
.row .col.col-388 {
  width: 388%;
}
.row .col.col-389 {
  width: 389%;
}
.row .col.col-390 {
  width: 390%;
}
.row .col.col-391 {
  width: 391%;
}
.row .col.col-392 {
  width: 392%;
}
.row .col.col-393 {
  width: 393%;
}
.row .col.col-394 {
  width: 394%;
}
.row .col.col-395 {
  width: 395%;
}
.row .col.col-396 {
  width: 396%;
}
.row .col.col-397 {
  width: 397%;
}
.row .col.col-398 {
  width: 398%;
}
.row .col.col-399 {
  width: 399%;
}
.row .col.col-400 {
  width: 400%;
}
.row .col.col-401 {
  width: 401%;
}
.row .col.col-402 {
  width: 402%;
}
.row .col.col-403 {
  width: 403%;
}
.row .col.col-404 {
  width: 404%;
}
.row .col.col-405 {
  width: 405%;
}
.row .col.col-406 {
  width: 406%;
}
.row .col.col-407 {
  width: 407%;
}
.row .col.col-408 {
  width: 408%;
}
.row .col.col-409 {
  width: 409%;
}
.row .col.col-410 {
  width: 410%;
}
.row .col.col-411 {
  width: 411%;
}
.row .col.col-412 {
  width: 412%;
}
.row .col.col-413 {
  width: 413%;
}
.row .col.col-414 {
  width: 414%;
}
.row .col.col-415 {
  width: 415%;
}
.row .col.col-416 {
  width: 416%;
}
.row .col.col-417 {
  width: 417%;
}
.row .col.col-418 {
  width: 418%;
}
.row .col.col-419 {
  width: 419%;
}
.row .col.col-420 {
  width: 420%;
}
.row .col.col-421 {
  width: 421%;
}
.row .col.col-422 {
  width: 422%;
}
.row .col.col-423 {
  width: 423%;
}
.row .col.col-424 {
  width: 424%;
}
.row .col.col-425 {
  width: 425%;
}
.row .col.col-426 {
  width: 426%;
}
.row .col.col-427 {
  width: 427%;
}
.row .col.col-428 {
  width: 428%;
}
.row .col.col-429 {
  width: 429%;
}
.row .col.col-430 {
  width: 430%;
}
.row .col.col-431 {
  width: 431%;
}
.row .col.col-432 {
  width: 432%;
}
.row .col.col-433 {
  width: 433%;
}
.row .col.col-434 {
  width: 434%;
}
.row .col.col-435 {
  width: 435%;
}
.row .col.col-436 {
  width: 436%;
}
.row .col.col-437 {
  width: 437%;
}
.row .col.col-438 {
  width: 438%;
}
.row .col.col-439 {
  width: 439%;
}
.row .col.col-440 {
  width: 440%;
}
.row .col.col-441 {
  width: 441%;
}
.row .col.col-442 {
  width: 442%;
}
.row .col.col-443 {
  width: 443%;
}
.row .col.col-444 {
  width: 444%;
}
.row .col.col-445 {
  width: 445%;
}
.row .col.col-446 {
  width: 446%;
}
.row .col.col-447 {
  width: 447%;
}
.row .col.col-448 {
  width: 448%;
}
.row .col.col-449 {
  width: 449%;
}
.row .col.col-450 {
  width: 450%;
}
.row .col.col-451 {
  width: 451%;
}
.row .col.col-452 {
  width: 452%;
}
.row .col.col-453 {
  width: 453%;
}
.row .col.col-454 {
  width: 454%;
}
.row .col.col-455 {
  width: 455%;
}
.row .col.col-456 {
  width: 456%;
}
.row .col.col-457 {
  width: 457%;
}
.row .col.col-458 {
  width: 458%;
}
.row .col.col-459 {
  width: 459%;
}
.row .col.col-460 {
  width: 460%;
}
.row .col.col-461 {
  width: 461%;
}
.row .col.col-462 {
  width: 462%;
}
.row .col.col-463 {
  width: 463%;
}
.row .col.col-464 {
  width: 464%;
}
.row .col.col-465 {
  width: 465%;
}
.row .col.col-466 {
  width: 466%;
}
.row .col.col-467 {
  width: 467%;
}
.row .col.col-468 {
  width: 468%;
}
.row .col.col-469 {
  width: 469%;
}
.row .col.col-470 {
  width: 470%;
}
.row .col.col-471 {
  width: 471%;
}
.row .col.col-472 {
  width: 472%;
}
.row .col.col-473 {
  width: 473%;
}
.row .col.col-474 {
  width: 474%;
}
.row .col.col-475 {
  width: 475%;
}
.row .col.col-476 {
  width: 476%;
}
.row .col.col-477 {
  width: 477%;
}
.row .col.col-478 {
  width: 478%;
}
.row .col.col-479 {
  width: 479%;
}
.row .col.col-480 {
  width: 480%;
}
.row .col.col-481 {
  width: 481%;
}
.row .col.col-482 {
  width: 482%;
}
.row .col.col-483 {
  width: 483%;
}
.row .col.col-484 {
  width: 484%;
}
.row .col.col-485 {
  width: 485%;
}
.row .col.col-486 {
  width: 486%;
}
.row .col.col-487 {
  width: 487%;
}
.row .col.col-488 {
  width: 488%;
}
.row .col.col-489 {
  width: 489%;
}
.row .col.col-490 {
  width: 490%;
}
.row .col.col-491 {
  width: 491%;
}
.row .col.col-492 {
  width: 492%;
}
.row .col.col-493 {
  width: 493%;
}
.row .col.col-494 {
  width: 494%;
}
.row .col.col-495 {
  width: 495%;
}
.row .col.col-496 {
  width: 496%;
}
.row .col.col-497 {
  width: 497%;
}
.row .col.col-498 {
  width: 498%;
}
.row .col.col-499 {
  width: 499%;
}
.row .col.col-500 {
  width: 500%;
}
.row .col.col-501 {
  width: 501%;
}
.row .col.col-502 {
  width: 502%;
}
.row .col.col-503 {
  width: 503%;
}
.row .col.col-504 {
  width: 504%;
}
.row .col.col-505 {
  width: 505%;
}
.row .col.col-506 {
  width: 506%;
}
.row .col.col-507 {
  width: 507%;
}
.row .col.col-508 {
  width: 508%;
}
.row .col.col-509 {
  width: 509%;
}
.row .col.col-510 {
  width: 510%;
}
.row .col.col-511 {
  width: 511%;
}
.row .col.col-512 {
  width: 512%;
}
.row .col.col-513 {
  width: 513%;
}
.row .col.col-514 {
  width: 514%;
}
.row .col.col-515 {
  width: 515%;
}
.row .col.col-516 {
  width: 516%;
}
.row .col.col-517 {
  width: 517%;
}
.row .col.col-518 {
  width: 518%;
}
.row .col.col-519 {
  width: 519%;
}
.row .col.col-520 {
  width: 520%;
}
.row .col.col-521 {
  width: 521%;
}
.row .col.col-522 {
  width: 522%;
}
.row .col.col-523 {
  width: 523%;
}
.row .col.col-524 {
  width: 524%;
}
.row .col.col-525 {
  width: 525%;
}
.row .col.col-526 {
  width: 526%;
}
.row .col.col-527 {
  width: 527%;
}
.row .col.col-528 {
  width: 528%;
}
.row .col.col-529 {
  width: 529%;
}
.row .col.col-530 {
  width: 530%;
}
.row .col.col-531 {
  width: 531%;
}
.row .col.col-532 {
  width: 532%;
}
.row .col.col-533 {
  width: 533%;
}
.row .col.col-534 {
  width: 534%;
}
.row .col.col-535 {
  width: 535%;
}
.row .col.col-536 {
  width: 536%;
}
.row .col.col-537 {
  width: 537%;
}
.row .col.col-538 {
  width: 538%;
}
.row .col.col-539 {
  width: 539%;
}
.row .col.col-540 {
  width: 540%;
}
.row .col.col-541 {
  width: 541%;
}
.row .col.col-542 {
  width: 542%;
}
.row .col.col-543 {
  width: 543%;
}
.row .col.col-544 {
  width: 544%;
}
.row .col.col-545 {
  width: 545%;
}
.row .col.col-546 {
  width: 546%;
}
.row .col.col-547 {
  width: 547%;
}
.row .col.col-548 {
  width: 548%;
}
.row .col.col-549 {
  width: 549%;
}
.row .col.col-550 {
  width: 550%;
}
.row .col.col-551 {
  width: 551%;
}
.row .col.col-552 {
  width: 552%;
}
.row .col.col-553 {
  width: 553%;
}
.row .col.col-554 {
  width: 554%;
}
.row .col.col-555 {
  width: 555%;
}
.row .col.col-556 {
  width: 556%;
}
.row .col.col-557 {
  width: 557%;
}
.row .col.col-558 {
  width: 558%;
}
.row .col.col-559 {
  width: 559%;
}
.row .col.col-560 {
  width: 560%;
}
.row .col.col-561 {
  width: 561%;
}
.row .col.col-562 {
  width: 562%;
}
.row .col.col-563 {
  width: 563%;
}
.row .col.col-564 {
  width: 564%;
}
.row .col.col-565 {
  width: 565%;
}
.row .col.col-566 {
  width: 566%;
}
.row .col.col-567 {
  width: 567%;
}
.row .col.col-568 {
  width: 568%;
}
.row .col.col-569 {
  width: 569%;
}
.row .col.col-570 {
  width: 570%;
}
.row .col.col-571 {
  width: 571%;
}
.row .col.col-572 {
  width: 572%;
}
.row .col.col-573 {
  width: 573%;
}
.row .col.col-574 {
  width: 574%;
}
.row .col.col-575 {
  width: 575%;
}
.row .col.col-576 {
  width: 576%;
}
.row .col.col-577 {
  width: 577%;
}
.row .col.col-578 {
  width: 578%;
}
.row .col.col-579 {
  width: 579%;
}
.row .col.col-580 {
  width: 580%;
}
.row .col.col-581 {
  width: 581%;
}
.row .col.col-582 {
  width: 582%;
}
.row .col.col-583 {
  width: 583%;
}
.row .col.col-584 {
  width: 584%;
}
.row .col.col-585 {
  width: 585%;
}
.row .col.col-586 {
  width: 586%;
}
.row .col.col-587 {
  width: 587%;
}
.row .col.col-588 {
  width: 588%;
}
.row .col.col-589 {
  width: 589%;
}
.row .col.col-590 {
  width: 590%;
}
.row .col.col-591 {
  width: 591%;
}
.row .col.col-592 {
  width: 592%;
}
.row .col.col-593 {
  width: 593%;
}
.row .col.col-594 {
  width: 594%;
}
.row .col.col-595 {
  width: 595%;
}
.row .col.col-596 {
  width: 596%;
}
.row .col.col-597 {
  width: 597%;
}
.row .col.col-598 {
  width: 598%;
}
.row .col.col-599 {
  width: 599%;
}
.row .col.col-600 {
  width: 600%;
}
.row .col.col-601 {
  width: 601%;
}
.row .col.col-602 {
  width: 602%;
}
.row .col.col-603 {
  width: 603%;
}
.row .col.col-604 {
  width: 604%;
}
.row .col.col-605 {
  width: 605%;
}
.row .col.col-606 {
  width: 606%;
}
.row .col.col-607 {
  width: 607%;
}
.row .col.col-608 {
  width: 608%;
}
.row .col.col-609 {
  width: 609%;
}
.row .col.col-610 {
  width: 610%;
}
.row .col.col-611 {
  width: 611%;
}
.row .col.col-612 {
  width: 612%;
}
.row .col.col-613 {
  width: 613%;
}
.row .col.col-614 {
  width: 614%;
}
.row .col.col-615 {
  width: 615%;
}
.row .col.col-616 {
  width: 616%;
}
.row .col.col-617 {
  width: 617%;
}
.row .col.col-618 {
  width: 618%;
}
.row .col.col-619 {
  width: 619%;
}
.row .col.col-620 {
  width: 620%;
}
.row .col.col-621 {
  width: 621%;
}
.row .col.col-622 {
  width: 622%;
}
.row .col.col-623 {
  width: 623%;
}
.row .col.col-624 {
  width: 624%;
}
.row .col.col-625 {
  width: 625%;
}
.row .col.col-626 {
  width: 626%;
}
.row .col.col-627 {
  width: 627%;
}
.row .col.col-628 {
  width: 628%;
}
.row .col.col-629 {
  width: 629%;
}
.row .col.col-630 {
  width: 630%;
}
.row .col.col-631 {
  width: 631%;
}
.row .col.col-632 {
  width: 632%;
}
.row .col.col-633 {
  width: 633%;
}
.row .col.col-634 {
  width: 634%;
}
.row .col.col-635 {
  width: 635%;
}
.row .col.col-636 {
  width: 636%;
}
.row .col.col-637 {
  width: 637%;
}
.row .col.col-638 {
  width: 638%;
}
.row .col.col-639 {
  width: 639%;
}
.row .col.col-640 {
  width: 640%;
}
.row .col.col-641 {
  width: 641%;
}
.row .col.col-642 {
  width: 642%;
}
.row .col.col-643 {
  width: 643%;
}
.row .col.col-644 {
  width: 644%;
}
.row .col.col-645 {
  width: 645%;
}
.row .col.col-646 {
  width: 646%;
}
.row .col.col-647 {
  width: 647%;
}
.row .col.col-648 {
  width: 648%;
}
.row .col.col-649 {
  width: 649%;
}
.row .col.col-650 {
  width: 650%;
}
.row .col.col-651 {
  width: 651%;
}
.row .col.col-652 {
  width: 652%;
}
.row .col.col-653 {
  width: 653%;
}
.row .col.col-654 {
  width: 654%;
}
.row .col.col-655 {
  width: 655%;
}
.row .col.col-656 {
  width: 656%;
}
.row .col.col-657 {
  width: 657%;
}
.row .col.col-658 {
  width: 658%;
}
.row .col.col-659 {
  width: 659%;
}
.row .col.col-660 {
  width: 660%;
}
.row .col.col-661 {
  width: 661%;
}
.row .col.col-662 {
  width: 662%;
}
.row .col.col-663 {
  width: 663%;
}
.row .col.col-664 {
  width: 664%;
}
.row .col.col-665 {
  width: 665%;
}
.row .col.col-666 {
  width: 666%;
}
.row .col.col-667 {
  width: 667%;
}
.row .col.col-668 {
  width: 668%;
}
.row .col.col-669 {
  width: 669%;
}
.row .col.col-670 {
  width: 670%;
}
.row .col.col-671 {
  width: 671%;
}
.row .col.col-672 {
  width: 672%;
}
.row .col.col-673 {
  width: 673%;
}
.row .col.col-674 {
  width: 674%;
}
.row .col.col-675 {
  width: 675%;
}
.row .col.col-676 {
  width: 676%;
}
.row .col.col-677 {
  width: 677%;
}
.row .col.col-678 {
  width: 678%;
}
.row .col.col-679 {
  width: 679%;
}
.row .col.col-680 {
  width: 680%;
}
.row .col.col-681 {
  width: 681%;
}
.row .col.col-682 {
  width: 682%;
}
.row .col.col-683 {
  width: 683%;
}
.row .col.col-684 {
  width: 684%;
}
.row .col.col-685 {
  width: 685%;
}
.row .col.col-686 {
  width: 686%;
}
.row .col.col-687 {
  width: 687%;
}
.row .col.col-688 {
  width: 688%;
}
.row .col.col-689 {
  width: 689%;
}
.row .col.col-690 {
  width: 690%;
}
.row .col.col-691 {
  width: 691%;
}
.row .col.col-692 {
  width: 692%;
}
.row .col.col-693 {
  width: 693%;
}
.row .col.col-694 {
  width: 694%;
}
.row .col.col-695 {
  width: 695%;
}
.row .col.col-696 {
  width: 696%;
}
.row .col.col-697 {
  width: 697%;
}
.row .col.col-698 {
  width: 698%;
}
.row .col.col-699 {
  width: 699%;
}
.row .col.col-700 {
  width: 700%;
}
.row .col.col-701 {
  width: 701%;
}
.row .col.col-702 {
  width: 702%;
}
.row .col.col-703 {
  width: 703%;
}
.row .col.col-704 {
  width: 704%;
}
.row .col.col-705 {
  width: 705%;
}
.row .col.col-706 {
  width: 706%;
}
.row .col.col-707 {
  width: 707%;
}
.row .col.col-708 {
  width: 708%;
}
.row .col.col-709 {
  width: 709%;
}
.row .col.col-710 {
  width: 710%;
}
.row .col.col-711 {
  width: 711%;
}
.row .col.col-712 {
  width: 712%;
}
.row .col.col-713 {
  width: 713%;
}
.row .col.col-714 {
  width: 714%;
}
.row .col.col-715 {
  width: 715%;
}
.row .col.col-716 {
  width: 716%;
}
.row .col.col-717 {
  width: 717%;
}
.row .col.col-718 {
  width: 718%;
}
.row .col.col-719 {
  width: 719%;
}
.row .col.col-720 {
  width: 720%;
}
.row .col.col-721 {
  width: 721%;
}
.row .col.col-722 {
  width: 722%;
}
.row .col.col-723 {
  width: 723%;
}
.row .col.col-724 {
  width: 724%;
}
.row .col.col-725 {
  width: 725%;
}
.row .col.col-726 {
  width: 726%;
}
.row .col.col-727 {
  width: 727%;
}
.row .col.col-728 {
  width: 728%;
}
.row .col.col-729 {
  width: 729%;
}
.row .col.col-730 {
  width: 730%;
}
.row .col.col-731 {
  width: 731%;
}
.row .col.col-732 {
  width: 732%;
}
.row .col.col-733 {
  width: 733%;
}
.row .col.col-734 {
  width: 734%;
}
.row .col.col-735 {
  width: 735%;
}
.row .col.col-736 {
  width: 736%;
}
.row .col.col-737 {
  width: 737%;
}
.row .col.col-738 {
  width: 738%;
}
.row .col.col-739 {
  width: 739%;
}
.row .col.col-740 {
  width: 740%;
}
.row .col.col-741 {
  width: 741%;
}
.row .col.col-742 {
  width: 742%;
}
.row .col.col-743 {
  width: 743%;
}
.row .col.col-744 {
  width: 744%;
}
.row .col.col-745 {
  width: 745%;
}
.row .col.col-746 {
  width: 746%;
}
.row .col.col-747 {
  width: 747%;
}
.row .col.col-748 {
  width: 748%;
}
.row .col.col-749 {
  width: 749%;
}
.row .col.col-750 {
  width: 750%;
}
.row .col.col-751 {
  width: 751%;
}
.row .col.col-752 {
  width: 752%;
}
.row .col.col-753 {
  width: 753%;
}
.row .col.col-754 {
  width: 754%;
}
.row .col.col-755 {
  width: 755%;
}
.row .col.col-756 {
  width: 756%;
}
.row .col.col-757 {
  width: 757%;
}
.row .col.col-758 {
  width: 758%;
}
.row .col.col-759 {
  width: 759%;
}
.row .col.col-760 {
  width: 760%;
}
.row .col.col-761 {
  width: 761%;
}
.row .col.col-762 {
  width: 762%;
}
.row .col.col-763 {
  width: 763%;
}
.row .col.col-764 {
  width: 764%;
}
.row .col.col-765 {
  width: 765%;
}
.row .col.col-766 {
  width: 766%;
}
.row .col.col-767 {
  width: 767%;
}
.row .col.col-768 {
  width: 768%;
}
.row .col.col-769 {
  width: 769%;
}
.row .col.col-770 {
  width: 770%;
}
.row .col.col-771 {
  width: 771%;
}
.row .col.col-772 {
  width: 772%;
}
.row .col.col-773 {
  width: 773%;
}
.row .col.col-774 {
  width: 774%;
}
.row .col.col-775 {
  width: 775%;
}
.row .col.col-776 {
  width: 776%;
}
.row .col.col-777 {
  width: 777%;
}
.row .col.col-778 {
  width: 778%;
}
.row .col.col-779 {
  width: 779%;
}
.row .col.col-780 {
  width: 780%;
}
.row .col.col-781 {
  width: 781%;
}
.row .col.col-782 {
  width: 782%;
}
.row .col.col-783 {
  width: 783%;
}
.row .col.col-784 {
  width: 784%;
}
.row .col.col-785 {
  width: 785%;
}
.row .col.col-786 {
  width: 786%;
}
.row .col.col-787 {
  width: 787%;
}
.row .col.col-788 {
  width: 788%;
}
.row .col.col-789 {
  width: 789%;
}
.row .col.col-790 {
  width: 790%;
}
.row .col.col-791 {
  width: 791%;
}
.row .col.col-792 {
  width: 792%;
}
.row .col.col-793 {
  width: 793%;
}
.row .col.col-794 {
  width: 794%;
}
.row .col.col-795 {
  width: 795%;
}
.row .col.col-796 {
  width: 796%;
}
.row .col.col-797 {
  width: 797%;
}
.row .col.col-798 {
  width: 798%;
}
.row .col.col-799 {
  width: 799%;
}
.row .col.col-800 {
  width: 800%;
}
.row .col.col-801 {
  width: 801%;
}
.row .col.col-802 {
  width: 802%;
}
.row .col.col-803 {
  width: 803%;
}
.row .col.col-804 {
  width: 804%;
}
.row .col.col-805 {
  width: 805%;
}
.row .col.col-806 {
  width: 806%;
}
.row .col.col-807 {
  width: 807%;
}
.row .col.col-808 {
  width: 808%;
}
.row .col.col-809 {
  width: 809%;
}
.row .col.col-810 {
  width: 810%;
}
.row .col.col-811 {
  width: 811%;
}
.row .col.col-812 {
  width: 812%;
}
.row .col.col-813 {
  width: 813%;
}
.row .col.col-814 {
  width: 814%;
}
.row .col.col-815 {
  width: 815%;
}
.row .col.col-816 {
  width: 816%;
}
.row .col.col-817 {
  width: 817%;
}
.row .col.col-818 {
  width: 818%;
}
.row .col.col-819 {
  width: 819%;
}
.row .col.col-820 {
  width: 820%;
}
.row .col.col-821 {
  width: 821%;
}
.row .col.col-822 {
  width: 822%;
}
.row .col.col-823 {
  width: 823%;
}
.row .col.col-824 {
  width: 824%;
}
.row .col.col-825 {
  width: 825%;
}
.row .col.col-826 {
  width: 826%;
}
.row .col.col-827 {
  width: 827%;
}
.row .col.col-828 {
  width: 828%;
}
.row .col.col-829 {
  width: 829%;
}
.row .col.col-830 {
  width: 830%;
}
.row .col.col-831 {
  width: 831%;
}
.row .col.col-832 {
  width: 832%;
}
.row .col.col-833 {
  width: 833%;
}
.row .col.col-834 {
  width: 834%;
}
.row .col.col-835 {
  width: 835%;
}
.row .col.col-836 {
  width: 836%;
}
.row .col.col-837 {
  width: 837%;
}
.row .col.col-838 {
  width: 838%;
}
.row .col.col-839 {
  width: 839%;
}
.row .col.col-840 {
  width: 840%;
}
.row .col.col-841 {
  width: 841%;
}
.row .col.col-842 {
  width: 842%;
}
.row .col.col-843 {
  width: 843%;
}
.row .col.col-844 {
  width: 844%;
}
.row .col.col-845 {
  width: 845%;
}
.row .col.col-846 {
  width: 846%;
}
.row .col.col-847 {
  width: 847%;
}
.row .col.col-848 {
  width: 848%;
}
.row .col.col-849 {
  width: 849%;
}
.row .col.col-850 {
  width: 850%;
}
.row .col.col-851 {
  width: 851%;
}
.row .col.col-852 {
  width: 852%;
}
.row .col.col-853 {
  width: 853%;
}
.row .col.col-854 {
  width: 854%;
}
.row .col.col-855 {
  width: 855%;
}
.row .col.col-856 {
  width: 856%;
}
.row .col.col-857 {
  width: 857%;
}
.row .col.col-858 {
  width: 858%;
}
.row .col.col-859 {
  width: 859%;
}
.row .col.col-860 {
  width: 860%;
}
.row .col.col-861 {
  width: 861%;
}
.row .col.col-862 {
  width: 862%;
}
.row .col.col-863 {
  width: 863%;
}
.row .col.col-864 {
  width: 864%;
}
.row .col.col-865 {
  width: 865%;
}
.row .col.col-866 {
  width: 866%;
}
.row .col.col-867 {
  width: 867%;
}
.row .col.col-868 {
  width: 868%;
}
.row .col.col-869 {
  width: 869%;
}
.row .col.col-870 {
  width: 870%;
}
.row .col.col-871 {
  width: 871%;
}
.row .col.col-872 {
  width: 872%;
}
.row .col.col-873 {
  width: 873%;
}
.row .col.col-874 {
  width: 874%;
}
.row .col.col-875 {
  width: 875%;
}
.row .col.col-876 {
  width: 876%;
}
.row .col.col-877 {
  width: 877%;
}
.row .col.col-878 {
  width: 878%;
}
.row .col.col-879 {
  width: 879%;
}
.row .col.col-880 {
  width: 880%;
}
.row .col.col-881 {
  width: 881%;
}
.row .col.col-882 {
  width: 882%;
}
.row .col.col-883 {
  width: 883%;
}
.row .col.col-884 {
  width: 884%;
}
.row .col.col-885 {
  width: 885%;
}
.row .col.col-886 {
  width: 886%;
}
.row .col.col-887 {
  width: 887%;
}
.row .col.col-888 {
  width: 888%;
}
.row .col.col-889 {
  width: 889%;
}
.row .col.col-890 {
  width: 890%;
}
.row .col.col-891 {
  width: 891%;
}
.row .col.col-892 {
  width: 892%;
}
.row .col.col-893 {
  width: 893%;
}
.row .col.col-894 {
  width: 894%;
}
.row .col.col-895 {
  width: 895%;
}
.row .col.col-896 {
  width: 896%;
}
.row .col.col-897 {
  width: 897%;
}
.row .col.col-898 {
  width: 898%;
}
.row .col.col-899 {
  width: 899%;
}
.row .col.col-900 {
  width: 900%;
}
.row .col.col-901 {
  width: 901%;
}
.row .col.col-902 {
  width: 902%;
}
.row .col.col-903 {
  width: 903%;
}
.row .col.col-904 {
  width: 904%;
}
.row .col.col-905 {
  width: 905%;
}
.row .col.col-906 {
  width: 906%;
}
.row .col.col-907 {
  width: 907%;
}
.row .col.col-908 {
  width: 908%;
}
.row .col.col-909 {
  width: 909%;
}
.row .col.col-910 {
  width: 910%;
}
.row .col.col-911 {
  width: 911%;
}
.row .col.col-912 {
  width: 912%;
}
.row .col.col-913 {
  width: 913%;
}
.row .col.col-914 {
  width: 914%;
}
.row .col.col-915 {
  width: 915%;
}
.row .col.col-916 {
  width: 916%;
}
.row .col.col-917 {
  width: 917%;
}
.row .col.col-918 {
  width: 918%;
}
.row .col.col-919 {
  width: 919%;
}
.row .col.col-920 {
  width: 920%;
}
.row .col.col-921 {
  width: 921%;
}
.row .col.col-922 {
  width: 922%;
}
.row .col.col-923 {
  width: 923%;
}
.row .col.col-924 {
  width: 924%;
}
.row .col.col-925 {
  width: 925%;
}
.row .col.col-926 {
  width: 926%;
}
.row .col.col-927 {
  width: 927%;
}
.row .col.col-928 {
  width: 928%;
}
.row .col.col-929 {
  width: 929%;
}
.row .col.col-930 {
  width: 930%;
}
.row .col.col-931 {
  width: 931%;
}
.row .col.col-932 {
  width: 932%;
}
.row .col.col-933 {
  width: 933%;
}
.row .col.col-934 {
  width: 934%;
}
.row .col.col-935 {
  width: 935%;
}
.row .col.col-936 {
  width: 936%;
}
.row .col.col-937 {
  width: 937%;
}
.row .col.col-938 {
  width: 938%;
}
.row .col.col-939 {
  width: 939%;
}
.row .col.col-940 {
  width: 940%;
}
.row .col.col-941 {
  width: 941%;
}
.row .col.col-942 {
  width: 942%;
}
.row .col.col-943 {
  width: 943%;
}
.row .col.col-944 {
  width: 944%;
}
.row .col.col-945 {
  width: 945%;
}
.row .col.col-946 {
  width: 946%;
}
.row .col.col-947 {
  width: 947%;
}
.row .col.col-948 {
  width: 948%;
}
.row .col.col-949 {
  width: 949%;
}
.row .col.col-950 {
  width: 950%;
}
.row .col.col-951 {
  width: 951%;
}
.row .col.col-952 {
  width: 952%;
}
.row .col.col-953 {
  width: 953%;
}
.row .col.col-954 {
  width: 954%;
}
.row .col.col-955 {
  width: 955%;
}
.row .col.col-956 {
  width: 956%;
}
.row .col.col-957 {
  width: 957%;
}
.row .col.col-958 {
  width: 958%;
}
.row .col.col-959 {
  width: 959%;
}
.row .col.col-960 {
  width: 960%;
}
.row .col.col-961 {
  width: 961%;
}
.row .col.col-962 {
  width: 962%;
}
.row .col.col-963 {
  width: 963%;
}
.row .col.col-964 {
  width: 964%;
}
.row .col.col-965 {
  width: 965%;
}
.row .col.col-966 {
  width: 966%;
}
.row .col.col-967 {
  width: 967%;
}
.row .col.col-968 {
  width: 968%;
}
.row .col.col-969 {
  width: 969%;
}
.row .col.col-970 {
  width: 970%;
}
.row .col.col-971 {
  width: 971%;
}
.row .col.col-972 {
  width: 972%;
}
.row .col.col-973 {
  width: 973%;
}
.row .col.col-974 {
  width: 974%;
}
.row .col.col-975 {
  width: 975%;
}
.row .col.col-976 {
  width: 976%;
}
.row .col.col-977 {
  width: 977%;
}
.row .col.col-978 {
  width: 978%;
}
.row .col.col-979 {
  width: 979%;
}
.row .col.col-980 {
  width: 980%;
}
.row .col.col-981 {
  width: 981%;
}
.row .col.col-982 {
  width: 982%;
}
.row .col.col-983 {
  width: 983%;
}
.row .col.col-984 {
  width: 984%;
}
.row .col.col-985 {
  width: 985%;
}
.row .col.col-986 {
  width: 986%;
}
.row .col.col-987 {
  width: 987%;
}
.row .col.col-988 {
  width: 988%;
}
.row .col.col-989 {
  width: 989%;
}
.row .col.col-990 {
  width: 990%;
}
.row .col.col-991 {
  width: 991%;
}
.row .col.col-992 {
  width: 992%;
}
.row .col.col-993 {
  width: 993%;
}
.row .col.col-994 {
  width: 994%;
}
.row .col.col-995 {
  width: 995%;
}
.row .col.col-996 {
  width: 996%;
}
.row .col.col-997 {
  width: 997%;
}
.row .col.col-998 {
  width: 998%;
}
.row .col.col-999 {
  width: 999%;
}
.row .col.col-1000 {
  width: 1000%;
}
.row.gutter {
  margin-left: -10px;
  margin-right: -10px;
  align-items: stretch;
}
.row.gutter .col {
  padding: 0 10px;
  margin-bottom: 20px;
}
.row.gutter .col .mb-0 {
  margin-bottom: 0;
}
.row.gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
  align-items: stretch;
}
.row.gutter-40 .col {
  padding: 0 20px;
  margin-bottom: 40px;
}
.row.gutter-40 .col .mb-0 {
  margin-bottom: 0;
}

.mt-40 {
  margin-top: 40px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-15 {
  margin-bottom: 15px !important;
}

/*.owl-nav{ width: 210px; @include FlexBox();
button{display: block; width:105px; height: 17px;
    span{display: block; border-top-left-radius: 0 0;border-bottom-left-radius: 300px 180px;border-top-right-radius:300px 180px;border-bottom-right-radius: 0; width: 94px; height: 100%; @include easing(.3s);}
    &.owl-prev span{background: $blue;}
    &.owl-next span{background: $green;}
    &:hover{
      span{width: 100%;}
    }
  }
}*/
h2 {
  color: #FFC40C;
  font-size: 1.667em;
  font-stretch: condensed;
  font-weight: normal;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
h2:before {
  width: 130px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #CACACA;
}
h2:after {
  width: 65px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFC40C;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
h2:hover:after {
  width: 130px;
}
h2.title {
  font-size: 3.3em;
  font-stretch: condensed;
  font-weight: 300;
  color: #fff;
}
h2.title:before, h2.title:after {
  display: none;
}
h2.title strong {
  font-weight: bold;
  color: #FFC40C;
}
h2.white {
  color: #fff;
}
h2.white:before, h2.white:after {
  display: none;
}

h3 {
  font-size: 2.2em;
  color: #fff;
  font-stretch: condensed;
  font-weight: 300;
  margin-bottom: 20px;
}
h3 span {
  color: #FFC40C;
  font-weight: bold;
}

hr {
  width: 100%;
  border: none;
  border-top: 1px solid #555;
  margin: 30px 0;
}

p {
  font-size: 1em;
  color: #fff;
}

.sItem {
  display: block;
  width: 100%;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  overflow: hidden;
  background: #07122F;
  min-height: 100%;
}
.sItem a {
  display: block;
  width: 100%;
}
.sItem span.videoContainer {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 55%;
}
.sItem span.videoContainer video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.sItem span.videoContainer:before {
  background: linear-gradient(180deg, rgba(7, 18, 47, 0) 0%, #07122F 100%);
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 2;
}
.sItem span.txt {
  display: block;
  width: 100%;
  color: #fff;
  padding: 120px 60px 60px;
  font-size: 1em;
  position: relative;
}
.sItem span.txt strong {
  display: block;
  font-size: 1.944em;
  font-stretch: condensed;
  padding-bottom: 10px;
}
.sItem:hover span.videoContainer video {
  width: 110%;
}
.sItem.sm {
  border: 1px solid #555555;
  background: #031014;
}
.sItem.sm span.videoContainer {
  padding-bottom: 45%;
}
.sItem.sm span.videoContainer:before {
  background: linear-gradient(180deg, rgba(3, 16, 20, 0) 0%, #031014 100%);
}
.sItem.sm span.txt {
  padding: 30px 30px 60px;
}
.sItem.sm span.txt strong {
  font-size: 1.5em;
}
.sItem.sm span.txt:before {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  right: 30px;
  bottom: 30px;
  display: block;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
}
.sItem.sm span.txt:after {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  right: 30px;
  bottom: 30px;
  display: block;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sItem.sm:hover span.txt:after {
  right: 20px;
}

.tItem {
  display: block;
  width: 100%;
}
.tItem a {
  display: block;
  width: 100%;
  padding: 30px;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  overflow: hidden;
  border: 1px solid #555;
  position: relative;
}
.tItem a:before {
  display: block;
  content: "";
  position: absolute;
  width: 634px;
  height: 134px;
  background: linear-gradient(322.3deg, #294BE9 7.42%, #2855AC 55.28%, #073DC6 82.2%);
  mix-blend-mode: plus-lighter;
  filter: blur(98.7px);
  transform: matrix(0.62, -0.78, 0.84, 0.55, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: -800px;
  opacity: 0.5;
}
.tItem a:hover:before {
  left: 0;
}
.tItem span.img {
  width: 100%;
  position: relative;
  display: block;
  height: 114px;
}
.tItem span.img img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.tItem span.txt {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1em;
  padding: 30px 0 20px;
}
.tItem span.txt strong {
  display: block;
  font-size: 1.944em;
  font-stretch: condensed;
}

.lItem {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  --grid-tile-size: 10px 10px;
  --dot-size: 1px;
  --dot-color: rgba(15,123,156,.5);
  --hover-dot-size: 2px;
  --hover-dot-color: rgba(15,123,156,1);
  --pos: 50% 50%;
  --size: 2%;
  --feather: 50%;
  isolation: isolate;
}
.lItem img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lItem img.fade-out {
  opacity: 0;
}
.lItem:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-size: var(--grid-tile-size);
  background-image: radial-gradient(circle, var(--dot-color) var(--dot-size), transparent 1px);
  -webkit-mask-image: radial-gradient(ellipse, black 10%, transparent 70%);
  mask-image: radial-gradient(ellipse, black 10%, transparent 70%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lItem::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-size: var(--grid-tile-size);
  background-image: radial-gradient(circle, var(--hover-dot-color) var(--hover-dot-size), transparent 1px);
  -webkit-mask-image: radial-gradient(circle at var(--pos), black var(--size), transparent calc(var(--size) + var(--feather)));
  mask-image: radial-gradient(circle at var(--pos), black var(--size), transparent calc(var(--size) + var(--feather)));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lItem > * {
  position: relative;
  z-index: 1;
}

.lItem:hover::after, .lItem:active::after, .lItem:hover::before, .lItem:active::before {
  opacity: 1;
}

.seperator {
  width: 100%;
  position: relative;
  height: 1px;
  background: #031014;
  z-index: 6;
}
.seperator:before {
  width: calc(100% - 240px);
  height: 1px;
  content: "";
  position: absolute;
  left: 120px;
  top: 0;
  background: #555555;
}
.seperator:after {
  position: absolute;
  width: 130px;
  height: 1px;
  position: absolute;
  content: "";
  top: 0%;
  left: 0;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  z-index: 2;
  background: #FFF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  animation: swingLeft ease-in-out 10s infinite alternate;
}

span.title {
  color: #fff;
  font-stretch: condensed;
  font-size: 2.2em;
  display: block;
  width: 100%;
  margin-bottom: 60px;
  font-weight: 300;
}

.contactBox span.title {
  font-size: 2em;
}

.social {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.social a {
  display: block;
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-right: 10px;
  position: relative;
}
.social a svg {
  display: block;
  margin: auto;
  width: 25px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.social a svg path {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  fill: #fff;
}
.social a:hover {
  background: #FFC40C;
  border-color: #FFC40C;
}
.social a:hover svg path {
  fill: #0F120A !important;
}

.fRow {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.fRow .fCol {
  width: 48%;
}
.fRow .fCol.w100 {
  width: 100%;
}
.fRow .fCol input[type=text] {
  width: 100%;
  border: none;
  background: none;
  height: 40px;
  color: #fff;
  border-bottom: 1px solid #717171;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 1em;
}
.fRow .fCol input[type=text]:focus {
  border-bottom: 1px solid #fff;
}
.fRow .fCol input[type=submit] {
  color: #2E323D;
  font-size: 1em;
  font-weight: 600;
  padding: 0 80px 0 55px;
  background: #fff url(../images/icons/btnArrow.svg) no-repeat 80% center;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  display: block;
  max-width: 200px;
  display: block;
  border: none;
  line-height: 52px;
  cursor: pointer;
  float: right;
}
.fRow .fCol input[type=submit]:hover {
  background: #FFC40C url(../images/icons/btnArrow.svg) no-repeat 80% center;
}

.fullImg {
  width: 100%;
  position: relative;
}
.fullImg img {
  width: 100%;
}
.fullImg:before {
  position: absolute;
  background: linear-gradient(0deg, #031014 0%, rgba(3, 16, 20, 0) 100%);
  display: block;
  content: "";
  bottom: 0;
  width: 100%;
  height: 40%;
}

.rounded-img {
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
}
.rounded-img img {
  width: 100%;
}

/*General Elements */
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 15px 120px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
header:before {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(56, 56, 56, 0.31);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(54px);
}
header a.logo {
  width: 217px;
  height: 49px;
  background: url(../images/logo.svg) no-repeat left center;
  display: block;
  background-size: auto 100%;
}
header .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
header nav ul {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
header nav ul li {
  position: relative;
  padding: 40px 30px;
}
header nav ul li::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: #FFC40C;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header nav ul li a {
  color: #fff;
  font-size: 21px;
  display: block;
  font-weight: 300;
}
header nav ul li a:hover, header nav ul li a.selected {
  color: #FFC40C;
}
header nav ul li .subMenu {
  position: absolute;
  background: rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(54px);
  padding: 50px 0;
  border-radius: 0 0 23px 23px;
  -webkit-border-radius: 0 0 23px 23px;
  -moz-border-radius: 0 0 23px 23px;
  width: 1100px;
  top: 200%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  transform: translateX(-30%);
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  margin-top: 1px;
}
header nav ul li .subMenu ul {
  width: 33.333%;
  display: block;
  position: relative;
  padding: 0 50px;
}
header nav ul li .subMenu ul:before {
  display: block;
  width: 1px;
  height: 280px;
  background: rgba(255, 255, 255, 0.34);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
header nav ul li .subMenu ul:last-child:before {
  display: none;
}
header nav ul li .subMenu ul li {
  width: 100%;
  padding: 0;
}
header nav ul li .subMenu ul li ul:before {
  display: none;
}
header nav ul li .subMenu ul li:before {
  display: none;
}
header nav ul li .subMenu ul li a {
  color: #fff;
  font-weight: 300;
  display: block;
  padding: 5px 0;
}
header nav ul li .subMenu ul li a:hover {
  color: #FFC40C;
  font-weight: 500;
}
header nav ul li .subMenu ul li a.hasSub {
  font-weight: 600;
}
header nav ul li .subMenu ul li ul {
  width: 100%;
  padding: 0;
}
header nav ul li .subMenu ul li ul li a {
  font-size: 17px;
}
header nav ul li .subMenu.sm {
  max-width: 400px;
}
header nav ul li .subMenu.sm ul {
  width: 100%;
}
header nav ul li:hover:before {
  width: 100%;
}
header nav ul li:hover .subMenu {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
header .tools {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .tools a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 38px;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.4);
}
header .tools a:first-child {
  margin-left: 0;
}
header .tools a svg path {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header .tools a.lang {
  width: 96px;
  background: #FFC40C;
}
header .tools a.lang span {
  font-size: 18px;
  color: #1e1e1e;
  height: 18px;
  display: block;
  margin-right: 20px;
}
header .tools a:hover {
  background: #FFC40C;
}
header .tools a:hover svg path {
  stroke: #1e1e1e;
}
header .tools a:hover.lang svg path {
  stroke: none;
}
header.scrolled {
  padding-top: 0;
  padding-bottom: 0;
}
header.scrolled nav ul li {
  padding: 20px 30px;
}
header.scrolled nav ul li .subMenu {
  background: rgba(0, 0, 0, 0.7);
}
header a.menuLink {
  width: 28px;
  height: 28px;
  display: none;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: none !important;
  padding-top: 5px;
}
header a.menuLink span {
  display: block;
  height: 100%;
  position: relative;
  width: 25px;
  margin: auto;
}
header a.menuLink span i {
  background: #fff;
  width: 25px;
  height: 3px;
  position: absolute;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
header a.menuLink span i:first-child {
  right: 0;
  top: 0;
  width: 15px;
}
header a.menuLink span i:nth-child(2) {
  left: 0;
  top: 9px;
}
header a.menuLink span i:last-child {
  right: 0;
  top: 18px;
  width: 15px;
}
header a.menuLink.opened span i {
  width: 10px !important;
}
header a.menuLink.opened span i:nth-child(1) {
  width: 29px !important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  left: -3px;
  top: 9px;
}
header a.menuLink.opened span i:nth-child(2) {
  opacity: 0;
}
header a.menuLink.opened span i:nth-child(3) {
  width: 29px !important;
  transform: rotate(-5deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(-45deg);
  left: -3px;
  top: 9px;
}

section.mainSlider {
  width: 100%;
  height: 100%;
  height: 100vh;
  margin: 0;
  position: relative;
  padding: 0;
  position: sticky;
  top: 0;
}
section.mainSlider .content {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 120px;
}
section.mainSlider .owl-carousel, section.mainSlider .owl-stage-outer, section.mainSlider .owl-stage, section.mainSlider .owl-item, section.mainSlider .item {
  height: 100%;
}
section.mainSlider .item {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: relative;
}
section.mainSlider .item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
section.mainSlider .item .content {
  height: 100%;
  position: relative;
}
section.mainSlider .item .content a.bgLink {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.mainSlider .item .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #fff;
  left: 120px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transition-delay: 1s;
  z-index: 2;
}
section.mainSlider .item .caption h2 {
  font-weight: bold;
  font-size: 4.8em;
  font-stretch: condensed;
  color: #fff;
}
section.mainSlider .item .caption h2 span {
  color: #FFC40C;
  font-weight: bold;
}
section.mainSlider .item .caption h2:before, section.mainSlider .item .caption h2:after {
  display: none;
}
section.mainSlider .item .caption p {
  font-size: 1.4em;
  padding-bottom: 50px;
  max-width: 510px;
  font-stretch: condensed;
  font-weight: bold;
}
section.mainSlider .item .caption p span {
  color: #FFC40C;
}
section.mainSlider .item.s2 {
  background-image: url(../media/slider/2.jpg);
}
section.mainSlider .item.s3 {
  background-image: url(../media/slider/3.jpg);
}
section.mainSlider .item.s5 {
  background-image: url(../media/slider/5.jpg);
}
section.mainSlider .active .item .caption {
  opacity: 1;
}
section.mainSlider .owl-dots {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 100px;
}
section.mainSlider .owl-dots button {
  display: block;
  width: 115px;
  height: 35px;
  margin: 0 12px;
}
section.mainSlider .owl-dots button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #73707A;
  position: relative;
}
section.mainSlider .owl-dots button span:before {
  width: 0;
  height: 100%;
  background: #FFC40C;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
section.mainSlider .owl-dots button.active span:before {
  width: 100%;
  -webkit-transition: all 10s;
  -moz-transition: all 10s;
  -o-transition: all 10s;
  transition: all 10s;
}
section.mainSlider .mGrid {
  position: absolute;
  right: 10%;
  top: 20%;
  width: 35%;
  padding-bottom: 28%;
  z-index: 2;
  pointer-events: none;
}
section.mainSlider .mGrid:before {
  position: absolute;
  width: 130px;
  height: 1px;
  position: absolute;
  content: "";
  top: 33.333%;
  left: 0;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-top: -1px;
  z-index: 2;
  background: #FFF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  animation: swingLeft ease-in-out 6s infinite alternate;
}
section.mainSlider .mGrid:after {
  position: absolute;
  height: 130px;
  width: 1px;
  position: absolute;
  content: "";
  left: 60%;
  top: 0;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-left: -1px;
  z-index: 2;
  background: #FFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
  animation: swingTop ease-in-out 5s infinite alternate;
}
section.mainSlider .mGrid .mGridInner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
section.mainSlider .mGrid .mGridInner div {
  width: 30%;
  height: 33.3333%;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
section.mainSlider .mGrid .mGridInner div:nth-child(3n) {
  border-right: none;
  width: 40%;
}
section.mainSlider .mGrid .mGridInner div:nth-child(7) {
  border-bottom: none;
  border-right: none;
}
section.mainSlider .mGrid .mGridInner div:nth-child(8) {
  border-bottom: none;
}
section.mainSlider .mGrid .mGridInner div:nth-child(9) {
  border-bottom: none;
}
section.mainSlider .mGrid .mGridInner div p {
  width: 100%;
  text-align: center;
  color: #fff;
  font-stretch: condensed;
  font-size: 1.27em;
}
section.mainSlider .mGrid .mGridInner div p strong {
  display: block;
  font-size: 2.7em;
}
section.mainSlider .scroll {
  right: 110px;
  bottom: 120px;
  z-index: 3;
}

section.mainServices {
  background: #D6DFE3;
}

section.mainAbout {
  width: 100%;
  height: 100%;
  background: #031014;
  padding-top: 160px;
  padding-bottom: 160px;
}
section.mainAbout:before {
  display: block;
  width: 100%;
  height: 30%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(0deg, #031014 0%, rgba(3, 16, 20, 0.887004) 11.3%, rgba(3, 16, 20, 0.685177) 37.4%, rgba(3, 16, 20, 0) 100%);
}
section.mainAbout .bgVideo {
  display: block;
  width: 85%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
section.mainAbout .bgVideo:before {
  content: "";
  background: linear-gradient(90deg, #031014 0%, rgba(3, 16, 20, 0.887004) 11.3%, rgba(3, 16, 20, 0.685177) 37.4%, rgba(3, 16, 20, 0) 100%);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30%;
}
section.mainAbout .bgVideo video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.mainAbout .content {
  position: relative;
  z-index: 3;
}
section.mainAbout .row {
  color: #fff;
  margin: 55px 0;
  max-width: 820px;
}
section.mainAbout .row .col {
  padding-right: 35px;
}
section.mainAbout .row .col strong {
  display: block;
  font-size: 2.3em;
  font-stretch: condensed;
  position: relative;
}
section.mainAbout .row .col strong i {
  font-style: normal;
}
section.mainAbout .row .col strong:before {
  width: 1px;
  height: 33px;
  content: "";
  background: #FFC40C;
  top: 5px;
  left: -15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
}
section.mainAbout .row .col:hover strong:before {
  height: 100px;
}

section.mainReferences {
  background: #031014;
}
section.mainReferences .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
}
section.mainReferences .content .left {
  width: 40%;
}
section.mainReferences .content .right {
  width: 60%;
}
section.mainReferences .row:last-child .lItem {
  border-bottom: none;
}
section.mainReferences h3 {
  margin-bottom: 50px;
}

section.mainExplore {
  background: #031014;
  position: relative;
  z-index: 4;
}
section.mainExplore:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg/light.png) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
}

footer {
  padding: 80px 120px 70px;
  position: relative;
  background: url(../images/bg/footer.jpg) no-repeat top center;
  background-size: cover;
  margin-top: -1px;
}
footer .content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .content .left {
  width: 40%;
}
footer .content .left img {
  display: block;
  max-width: 40%;
}
footer .content .left .newsletter p {
  padding: 30px 0 40px;
  max-width: 360px;
}
footer .content .left .newsletter label {
  display: block;
  font-size: 1em;
  font-stretch: condensed;
  color: #fff;
  padding-bottom: 15px;
}
footer .content .left .newsletter .formElement {
  width: 100%;
  max-width: 420px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .content .left .newsletter .formElement input[type=text] {
  height: 44px;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  background: #fff;
  color: #0F120A;
  border: none;
  width: calc(100% - 100px);
  padding: 0 25px;
  font-size: 1em;
  font-stretch: condensed;
}
footer .content .left .newsletter .formElement input[type=submit] {
  width: 90px;
  height: 44px;
  background: #FFC40C;
  text-align: center;
  color: #0F120A;
  border: none;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  font-size: 1em;
  font-stretch: condensed;
  cursor: pointer;
}
footer .content .right {
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 120px;
}
footer .content .right ul li a {
  color: #fff;
  font-size: 1.1em;
  padding: 15px 0;
  display: block;
}
footer .content .right ul li a:hover {
  color: #FFC40C;
}
footer .content .right ul li:first-child a {
  color: #FFC40C;
  font-weight: bold;
}
footer .content .right ul:last-child li a {
  color: #FFC40C;
}
footer .bottom {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 60px 0 0;
}
footer .bottom .copyright {
  color: #fff;
  font-size: 0.88em;
  width: 100%;
}
footer .bottom div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  width: 100%;
}
footer .bottom div a {
  color: #fff;
  font-size: 0.88em;
  text-decoration: underline;
  margin-right: 20px;
}
footer .bottom div a:hover {
  color: #FFC40C;
}
footer .social {
  justify-content: end;
}

section.subPage {
  width: 100%;
  background: url(../images/bg/header.jpg) no-repeat top center;
  background-size: 100% auto;
  padding-top: 120px;
}

.subPageHeader {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  padding: 15% 0 100px;
  position: relative;
}
.subPageHeader h1 {
  color: #fff;
  font-size: 4.3em;
  font-stretch: condensed;
  max-width: 50%;
}
.subPageHeader h1 small {
  font-size: 18px;
  font-weight: 300;
  display: block;
  margin-bottom: 15px;
}
.subPageHeader h1 span {
  color: #FFC40C;
}
.subPageHeader h1.small {
  font-size: 45px;
}
.subPageHeader p {
  color: #8F8F8F;
  max-width: 460px;
  padding-bottom: 25px;
}
.subPageHeader p span {
  color: #fff;
}
.subPageHeader p.big {
  font-size: 1.2em;
}
.subPageHeader p .btn {
  font-size: 22px;
  width: 290px;
  max-width: none;
}
.subPageHeader p .btn span {
  color: #2E323D;
}
.subPageHeader .scroll {
  position: absolute;
  right: -24px;
  bottom: 50px;
}
.subPageHeader.pb-50 {
  padding-bottom: 50px;
}

.subPageContent.about {
  padding: 0 120px;
}

.contactBox {
  border: 1px solid #555;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  padding: 70px 40px;
  min-height: 100%;
}
.contactBox p {
  font-size: 1.1em;
  color: #8F8F8F;
}
.contactBox p strong, .contactBox p a {
  color: #fff;
}
.contactBox .social {
  margin: 40px 0;
}
.contactBox .seperator {
  margin-bottom: 40px;
}
.contactBox .seperator:before {
  width: 100%;
  left: 0;
}
.contactBox.bg {
  background: url(../images/bg/contact.png) no-repeat top right;
  background-size: 130% auto;
  position: relative;
}
.contactBox.bg:before {
  display: block;
  content: "";
  width: 64px;
  height: 103px;
  position: absolute;
  top: 30px;
  right: 40px;
  background: url(../images/icons/contact.svg) no-repeat;
  background-size: 100% auto;
}

.locations {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  position: relative;
}
.locations img.map {
  display: block;
  width: 85%;
}
.locations:before {
  background: linear-gradient(180deg, #031014 5.04%, rgba(3, 16, 20, 0) 99.67%);
  display: block;
  width: 100%;
  height: 50%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.locations:after {
  background: linear-gradient(0deg, #031014 5.04%, rgba(3, 16, 20, 0) 99.67%);
  display: block;
  width: 100%;
  height: 50%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

@keyframes ripple {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}
.pin {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border: 1px solid #2FC3F0;
  cursor: pointer;
}
.pin .dot:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 4px;
  top: 4px;
  width: 15px;
  height: 15px;
  background-color: #525252;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pin .dot:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #2FC3F0;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
  -webkit-animation-name: "ripple";
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.pin span {
  color: #fff;
  position: absolute;
  top: -75px;
  font-size: 2.2em;
  font-stretch: condensed;
  font-weight: 300;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pin:hover {
  z-index: 99;
}
.pin:hover .dot:before {
  background-color: #2FC3F0;
}
.pin:hover span {
  opacity: 1;
  top: -45px;
}

.pressDetail p {
  color: #FFF;
  font-size: 1.16em;
  font-weight: 300;
  padding: 15px 0;
}
.pressDetail strong {
  font-weight: 500;
}
.pressDetail img {
  display: block;
  max-width: 100%;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
}
.pressDetail h2 {
  font-size: 2em;
}
.pressDetail h2:after, .pressDetail h2:before {
  display: none;
}
.pressDetail h3 {
  font-size: 2em;
  margin-top: 20px;
}

.legalDetail p {
  color: #FFF;
  font-size: 1.16em;
  font-weight: 300;
  padding: 15px 0;
}
.legalDetail strong {
  font-weight: 500;
}
.legalDetail img {
  display: block;
  max-width: 100%;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
}
.legalDetail h2 {
  font-size: 2em;
  margin: 20px 0 0;
}
.legalDetail h2:after, .legalDetail h2:before {
  display: none;
}
.legalDetail h3 {
  font-size: 2em;
  margin-top: 20px;
}
.legalDetail ul {
  color: #FFF;
  font-size: 1.16em;
  font-weight: 300;
  padding-left: 25px;
}
.legalDetail ul li {
  display: list-item;
  list-style-type: disc;
  padding-bottom: 5px;
}
.legalDetail table {
  width: 100%;
  border: none;
}
.legalDetail table td {
  color: #fff;
  font-size: 0.8em;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  padding: 10px 5px;
  word-break: break-all;
}
.legalDetail table thead td {
  color: #FFC40C;
}

section.servicesDetail:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg/lightSmall.png) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 99;
}
section.servicesDetail .content {
  max-width: 900px;
  position: relative;
}
section.servicesDetail p {
  font-size: 1.16em;
  font-weight: 300;
}
section.servicesDetail .row {
  color: #fff;
  margin: 100px auto 60px;
  max-width: 820px;
}
section.servicesDetail .row .col {
  padding-right: 35px;
}
section.servicesDetail .row .col strong {
  display: block;
  font-size: 2.3em;
  font-stretch: condensed;
  position: relative;
}
section.servicesDetail .row .col strong i {
  font-style: normal;
}
section.servicesDetail .row .col strong:before {
  width: 1px;
  height: 33px;
  content: "";
  background: #FFC40C;
  top: 5px;
  left: -15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: absolute;
}
section.servicesDetail .row .col:hover strong:before {
  height: 100px;
}
section.servicesDetail .btn {
  display: block;
  max-width: 210px;
}

.about .row:last-child .col .lItem {
  border-bottom: 0;
}
.about .row .col .lItem {
  position: relative;
}
.about .row .col .lItem div {
  position: absolute;
  left: 25px;
  bottom: 50px;
  padding-right: 25px;
}
.about .row .col .lItem div strong {
  display: block;
  color: #FFF;
  font-size: 2.5em;
  font-weight: normal;
}
.about .row .col .lItem div strong.big {
  font-size: 3.8em;
}
.about .row .col .lItem div span {
  color: #B1B1B1;
  font-size: 1.1em;
  font-weight: 300;
}
.about .row .col:first-child .lItem {
  border-left: 0;
}

.blogItem {
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border: 1px solid #555;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  min-height: 100%;
}
.blogItem:before {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  right: 30px;
  bottom: 30px;
  display: block;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
}
.blogItem:after {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  right: 30px;
  bottom: 30px;
  display: block;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blogItem:hover::after {
  right: 20px;
}
.blogItem .img-area {
  position: relative;
  display: block;
}
.blogItem .img-area::after {
  content: "";
  background: linear-gradient(180deg, rgba(3, 16, 20, 0) 0%, #031014 100%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
}
.blogItem .img-area img {
  width: 100%;
}
.blogItem .blog-content {
  padding: 50px 30px 30px;
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.blogItem .blog-content strong {
  display: block;
  color: #FFF;
  font-size: 1.5em;
  line-height: 120%;
  margin: 15px 0;
  font-stretch: condensed;
}
.blogItem .blog-content .text {
  color: #FFF;
  font-size: 1em;
  font-weight: 300;
  display: block;
  margin-bottom: 45px;
}
.blogItem .blog-content .content-bottom {
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.blogItem .blog-content .content-bottom .date, .blogItem .blog-content .content-bottom .time {
  margin-right: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.blogItem .blog-content .content-bottom .date svg, .blogItem .blog-content .content-bottom .time svg {
  margin-right: 12px;
}

.referenceSidebar {
  padding-top: 100px;
  position: relative;
  padding-bottom: 100px;
}
.referenceSidebar .dropdownToggle {
  display: none;
  width: 100%;
  background: #031014 url(../images/icons/arrow-d-w.svg) no-repeat 95% center;
  border: 1px solid #555;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  color: #fff;
  font-size: 1.3em;
  height: 50px;
  position: relative;
  z-index: 2;
  line-height: 50px;
  text-align: center;
}
.referenceSidebar .dropdownToggle small {
  color: #555;
}
.referenceSidebar:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #555555;
  top: 0;
}
.referenceSidebar ul li a {
  color: #8F8F8F;
  margin-bottom: 50px;
  display: block;
  font-size: 1.5625em;
  position: relative;
  padding-left: 40px;
}
.referenceSidebar ul li a:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background-color: #fff;
  display: none;
  left: -5px;
  top: 7px;
}
.referenceSidebar ul li a.active {
  color: #fff;
}
.referenceSidebar ul li a.active:before {
  display: block;
}

.referenceSlider .owl-item img {
  width: auto !important;
}
.referenceSlider .row:last-child .lItem {
  border-bottom: none;
}

.inPageNav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.inPageNav ul {
  border-bottom: 1px solid #555555;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.inPageNav ul li {
  margin-right: 65px;
}
.inPageNav ul li:last-child {
  margin-right: 0;
}
.inPageNav ul li a {
  color: #8F8F8F;
  font-size: 1.563em;
  position: relative;
  font-weight: bold;
  font-stretch: condensed;
  padding-bottom: 20px;
  display: inline-block;
}
.inPageNav ul li a:after {
  content: "";
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 1px;
  position: absolute;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.inPageNav ul li a.active {
  color: #fff;
}
.inPageNav ul li a.active:after {
  opacity: 1;
  width: 100%;
}

.awardsWrapper {
  position: relative;
}
.awardsWrapper:after {
  content: "";
  width: 1887px;
  height: 576px;
  background: url(../images/bg/awardsBg2.png) no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.awardsWrapper .inPageNav {
  margin-bottom: 230px;
}

.timeLineArea .sidebar {
  position: sticky;
  top: 0px;
  text-align: center;
  z-index: 1;
}
.timeLineArea .sidebar i {
  width: 1px;
  height: 390px;
  background: #fff;
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.timeLineArea .sidebar i:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 0px;
  right: -6px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.timeLineArea .sidebar .center {
  text-align: center;
  padding-top: 80px;
  margin-bottom: 100px;
}
.timeLineArea .sidebar .center img {
  display: inline-block;
}
.timeLineArea .sidebar .nav {
  height: calc(100vh - 340px);
  position: relative;
  overflow: hidden;
}
.timeLineArea .sidebar .nav .scroller {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.timeLineArea .sidebar .nav a {
  font-size: 3.8em;
  color: rgba(255, 255, 255, 0.19);
  display: block;
  margin-bottom: 40px;
  position: relative;
}
.timeLineArea .sidebar .nav a.active {
  color: #fff;
}
.timeLineArea .sidebar .nav a.active:after {
  opacity: 1;
}
.timeLineArea .timelineContent {
  position: relative;
  z-index: 0;
}
.timeLineArea .timelineContent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #555555;
}
.timeLineArea .timelineContent.pl180 {
  padding-left: 180px;
}
.timeLineArea .timelineContent.pl95 {
  padding-left: 95px;
}
.timeLineArea .timelineContent.pt110 {
  padding-top: 110px;
}
.timeLineArea .timelineContent .timeLineItem {
  padding: 55px 0 0;
}

.pItem {
  height: 295px;
}
.pItem a {
  position: relative;
  padding: 60px 30px;
  display: block;
  overflow: hidden;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border: 1px solid #555555;
}
.pItem a:before {
  display: block;
  content: "";
  position: absolute;
  width: 634px;
  height: 134px;
  background: linear-gradient(322.3deg, #294BE9 7.42%, #2855AC 55.28%, #073DC6 82.2%);
  mix-blend-mode: plus-lighter;
  filter: blur(98.7px);
  transform: matrix(0.62, -0.78, 0.84, 0.55, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: -800px;
  opacity: 0.5;
}
.pItem a small, .pItem a span, .pItem a p {
  display: block;
  color: #fff;
  font-stretch: condensed;
}
.pItem a small {
  font-size: 1.125em;
  font-weight: 300;
  margin-bottom: 20px;
}
.pItem a span {
  font-size: 1.563em;
  font-weight: bold;
  margin-bottom: 20px;
  height: 63px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.pItem a p {
  font-size: 1.125em;
  font-weight: 300;
  height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.pItem a i {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 10px;
  right: 50px;
  background: url(../images/icons/arrow-r-w.svg) no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pItem a:hover:before {
  left: 0;
}
.pItem a:hover i {
  right: 30px;
}

.aItem {
  padding: 60px 0px 60px 50px;
  width: 70%;
  position: relative;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  overflow: hidden;
  border: 1px solid transparent;
  margin-bottom: 55px;
  /*&:hover{border:1px solid #555;
    &:before{left:0;}
    span, small{color:#fff}
  }*/
}
.aItem:before {
  display: block;
  content: "";
  position: absolute;
  width: 634px;
  height: 134px;
  background: linear-gradient(322.3deg, #294BE9 7.42%, #2855AC 55.28%, #073DC6 82.2%);
  mix-blend-mode: plus-lighter;
  filter: blur(98.7px);
  transform: matrix(0.62, -0.78, 0.84, 0.55, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: -800px;
  opacity: 0.5;
}
.aItem span, .aItem small {
  font-stretch: condensed;
  display: block;
  color: rgba(255, 255, 255, 0.19);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.aItem span {
  font-size: 2.4em;
}
.aItem small {
  font-size: 1.25em;
  font-weight: 300;
}

.active .aItem {
  border: 1px solid #555;
}
.active .aItem:before {
  left: 0;
}
.active .aItem span, .active .aItem small {
  color: #fff;
}

.pdfItem {
  display: block;
  width: 100%;
  margin-bottom: 70px;
}
.pdfItem a {
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #555555;
  color: #fff;
  padding-bottom: 35px;
}
.pdfItem a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}
.pdfItem a span {
  display: block;
  font-size: 1.75em;
  font-stretch: condensed;
}
.pdfItem a i {
  width: 24px;
  height: 24px;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
  position: absolute;
  right: 20px;
  top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pdfItem a:hover:before {
  width: 60%;
}
.pdfItem a:hover i {
  right: 0;
}

.services {
  width: 100%;
  padding: 120px 0 0;
}
.services .servicesTop {
  background-color: #FDBB0D;
  position: relative;
  padding-top: 40px;
}
.services .servicesTop.full.centerContent .content {
  margin: 0 auto;
  justify-content: unset;
}
.services .servicesTop.full.centerContent .content .imgArea {
  width: 45%;
}
.services .servicesTop.full .content {
  max-width: 85%;
  margin: 0;
}
.services .servicesTop .content {
  max-width: 75%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.services .servicesTop .content.padding {
  padding: 50px 0 150px;
}
.services .servicesTop .content.padding-top {
  padding: 100px 0 0;
}
.services .servicesTop .content.smallContent .imgArea {
  width: 35%;
}
.services .servicesTop .content.smallContent .imgArea img {
  width: 100%;
}
.services .servicesTop .content.smallContent .textArea {
  width: 50%;
}
.services .servicesTop .imgArea {
  width: 50%;
}
.services .servicesTop .textArea {
  width: 40%;
}
.services .servicesTop .textArea strong {
  color: #2855AC;
}
.services .servicesTop .textArea h3 {
  color: #2855AC;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: bold;
}
.services .servicesTop .textArea p {
  color: #2855AC;
  margin-top: 25px;
}
.services .servicesBottom {
  background-color: #04A9F4;
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
}
.services .servicesBottom div:last-child section {
  display: none;
}
.services .servicesBottom .content {
  max-width: 75%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.services .servicesBottom .content:first-child {
  margin-bottom: 100px;
}
.services .servicesBottom .content.last {
  justify-content: unset;
}
.services .servicesBottom .content.last.one::after {
  height: 85%;
}
.services .servicesBottom .content.last::after {
  content: "";
  background: url(../images/services/call-center/customer-services/mask.png) no-repeat right bottom;
  background-size: contain;
  display: block;
  width: 100%;
  height: 60%;
  opacity: 0.1;
  position: absolute;
  right: 0;
  bottom: 0;
}
.services .servicesBottom .content .textArea {
  width: 48%;
  margin: auto 0;
}
.services .servicesBottom .content .textArea strong {
  color: #2855AC;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 20px;
  display: block;
}
.services .servicesBottom .content .textArea h3 {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.6em;
}
.services .servicesBottom .content .textArea p {
  font-size: 1.1em;
}
.services .servicesBottom .content .imgArea {
  width: 48%;
}
.services .servicesBottom .content .imgArea.small {
  width: 32%;
}
.services .servicesBottom .content .imgArea img {
  width: 100%;
  height: 100%;
}
.services .servicesBottom .content .videoComponent {
  width: 48%;
  position: relative;
  cursor: pointer;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
}
.services .servicesBottom .content .videoComponent.clicked::after {
  display: none;
}
.services .servicesBottom .content .videoComponent.clicked img {
  display: none;
}
.services .servicesBottom .content .videoComponent.clicked iframe {
  display: block;
}
.services .servicesBottom .content .videoComponent::after {
  content: "";
  background: url(../images/icons/playIcon.svg) no-repeat center;
  background-size: contain;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.services .servicesBottom .content .videoComponent img {
  width: 100%;
}
.services .servicesBottom .content .videoComponent iframe {
  width: 100%;
  height: 325px;
  display: none;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.servicesCard {
  width: 100%;
  border-radius: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  padding: 60px;
  border: 1px solid #555555;
  margin-bottom: 40px;
  background: url(../images/bg/box-bg.png) no-repeat top right;
  background-size: 130% auto;
}
.servicesCard strong {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  font-stretch: condensed;
}
.servicesCard p {
  color: #fff;
  font-size: 1.1em;
  padding: 20px 0 50px;
}
.servicesCard .btn {
  display: inline-block !important;
}

a.link {
  color: #27397C;
  font-weight: bold;
}

.digital {
  width: 100%;
  padding: 120px 0 0;
}
.digital h3 {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.6em;
  color: #2855AC;
  width: 85%;
  margin: 0 auto;
}
.digital h3.white {
  color: white;
}
.digital .content {
  width: 85%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.digital .content .textArea {
  width: 49%;
}
.digital .content .textArea.white p {
  color: white !important;
}
.digital .content .textArea strong {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.6em;
  color: #2855AC;
  display: block;
  margin-bottom: 25px;
}
.digital .content .textArea p {
  color: #2855AC;
}
.digital .content .imgArea {
  width: 49%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}
.digital .content .imgArea img {
  width: 100%;
}
.digital .content .imgArea iframe {
  width: 100%;
  height: 360px;
}
.digital .description {
  background-color: #FDBB0D;
  padding: 100px 0;
}
.digital .offer {
  background-color: #04A9F4;
  padding: 100px 0;
  position: relative;
}
.digital .offer::before {
  content: "";
  background: url(../images/services/offer-circle.png) no-repeat left;
  background-size: contain;
  display: block;
  height: 100%;
  width: 290px;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: 1;
}
.digital .offer.margin .btn {
  margin: 100px auto 30px;
}
.digital .offer h3 {
  font-size: 25px;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.4392156863);
  text-align: center;
  margin: 75px auto 50px;
}
.digital .offer .content {
  position: relative;
  z-index: 2;
}
.digital .offer .btn {
  margin: 30px auto;
}
.digital .otherServices {
  background-color: #FDBB0D;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 0;
  position: relative;
  z-index: 2;
}
.digital .otherServices .left {
  text-align: center;
}
.digital .otherServices .left .imgArea {
  margin-top: 50px;
  width: 80%;
}
.digital .otherServices .left .imgArea img {
  width: 100%;
}
.digital .otherServices .right {
  width: 50%;
  margin-left: 70px;
}
.digital .otherServices .right .otherServicesCard {
  width: 100%;
  background-color: #04A9F4;
  padding: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}
.digital .otherServices .right .otherServicesCard p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px;
}
.digital .otherServices .right .otherServicesCard a {
  padding: 12px 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
  background-color: #27397C;
}
.digital .digitalForm {
  background: url(../images/services/digital-tecnologies/form.png) no-repeat #FDBB0D;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
  padding: 500px 0 150px;
}
.digital .digitalForm .left {
  width: 50%;
}
.digital .digitalForm .right {
  width: 50%;
}
.digital .digitalForm .right form {
  width: 100%;
}
.digital .digitalForm .right form .inputArea {
  width: 100%;
  height: 40px;
  margin: 0 0 20px;
}
.digital .digitalForm .right form .inputArea input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid white;
  color: white;
  outline: none;
  font-size: 18px;
}
.digital .digitalForm .right form .inputArea.textarea {
  width: 100%;
  height: 100px;
}
.digital .digitalForm .right form .inputArea textarea {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid white;
  color: white;
  outline: none;
  font-size: 18px;
}
.digital .digitalForm .right form a {
  background-color: #2854AB;
  color: white;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px 25px;
  display: inline-block;
  margin-bottom: 20px;
}

section.career {
  padding: 0;
  z-index: 10;
}

.careerHeader {
  width: 100%;
  position: relative;
  padding-bottom: 130px;
  z-index: 2;
}
.careerHeader:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg/light.png) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
  z-index: 99;
}
.careerHeader .cHolder {
  width: 45%;
  padding-bottom: 45%;
  margin: auto;
  position: relative;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-top: 1px solid #0672C6;
  border-right: 1px solid #0672C6;
  border-bottom: 1px solid #8E70EF;
  border-left: 1px solid #8E70EF;
}
.careerHeader .cHolder:before {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #031014;
  content: "";
  z-index: 2;
}
.careerHeader .cHolder .cInner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 50px;
  z-index: 3;
}
.careerHeader .cHolder .cInner .cCircle {
  border: 1px dashed #555555;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.careerHeader .cHolder .cInner .cCircle .cCircleContent {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.careerHeader .cHolder .cInner .cCircle .cCircleContent span {
  font-size: 2.5em;
  color: #fff;
  font-weight: 300;
  width: 100%;
}
.careerHeader .cHolder .cInner .cCircle .cCircleContent svg {
  display: block;
  width: 80%;
  height: auto;
  margin: auto;
}
.careerHeader .cHolder .cInner .cCircle .cCircleContent .btn {
  width: 100%;
  max-width: 260px;
}
.careerHeader .star-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotate 20s linear infinite;
  pointer-events: none;
}
.careerHeader .star-container.star-container1 {
  transform: rotate(0deg);
  animation-delay: 0s;
}
.careerHeader .star-container.star-container2 {
  transform: rotate(120deg);
  animation-delay: -6.67s;
}
.careerHeader .star-container.star-container3 {
  transform: rotate(240deg);
  animation-delay: -13.33s;
}
.careerHeader .star-container .star {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  background: #2EBFEE;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(46, 190, 238, 0.3);
  -moz-box-shadow: 0px 0px 10px 5px rgba(46, 190, 238, 0.3);
  box-shadow: 0px 0px 10px 5px rgba(46, 190, 238, 0.3);
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.careerHeader .cIcon {
  position: absolute;
  width: 130px;
  height: 130px;
  z-index: 1;
}
.careerHeader .cIcon span {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #555;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.careerHeader .cIcon:before {
  width: 200px;
  height: 1px;
  background: #555;
  content: "";
  position: absolute;
  top: 65px;
}
.careerHeader .cIcon strong {
  display: block;
  color: #fff;
  font-size: 42px;
  font-stretch: condensed;
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  white-space: nowrap;
}
.careerHeader .cIcon.c1 {
  left: -31%;
  top: 15%;
}
.careerHeader .cIcon.c1:before {
  left: 100%;
}
.careerHeader .cIcon.c2 {
  right: -28%;
  top: 12%;
}
.careerHeader .cIcon.c2:before {
  right: 100%;
}
.careerHeader .cIcon.c3 {
  right: -30%;
  top: 45%;
}
.careerHeader .cIcon.c3:before {
  right: 100%;
  width: 100%;
}

.careerLife {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding: 110px 0 200px;
}
.careerLife:before {
  background: linear-gradient(180deg, #031014 0%, rgba(3, 16, 20, 0) 100%);
  display: block;
  width: 100%;
  height: 30%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.careerLife:after {
  background: linear-gradient(0deg, #031014 0%, rgba(3, 16, 20, 0) 100%);
  display: block;
  width: 100%;
  height: 30%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.careerLife video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careerLife .left {
  width: 35%;
  padding-left: 120px;
  position: relative;
  z-index: 2;
}
.careerLife .right {
  width: 65%;
  position: relative;
  z-index: 2;
}
.careerLife .lifeItem {
  width: 45vw;
  padding: 45px 45px 60px;
  border: 1px solid #555;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  background: rgba(103, 103, 103, 0.01);
  backdrop-filter: blur(22.2417px);
  color: #fff;
}
.careerLife .lifeItem span.img {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: end;
}
.careerLife .lifeItem span.img img {
  width: auto;
}
.careerLife .lifeItem strong {
  display: block;
  font-size: 1.9em;
  font-stretch: condensed;
  font-weight: 300;
  padding-bottom: 20px;
}
.careerLife .lifeItem span {
  font-size: 1em;
  font-weight: 300;
  min-height: 84px;
  display: block;
}

.careerProcess {
  padding: 140px 120px;
  position: relative;
}
.careerProcess:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background: url(../images/bg/light.png) no-repeat center;
  background-size: 100% auto;
  pointer-events: none;
}
.careerProcess h2 {
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
}
.careerProcess .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.careerProcess .owl-stage .owl-item .item {
  height: 100%;
}
.careerProcess .owl-stage .owl-item .item:before {
  display: block;
  width: 100px;
  height: 1px;
  border-top: 1px dashed #555;
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
}
.careerProcess .cpItem {
  background: linear-gradient(179.97deg, #243144 23.54%, #13325F 89.73%);
  border: 1px solid #555555;
  backdrop-filter: blur(50px);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #fff;
  padding: 50px;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.careerProcess .cpItem .top {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 60px;
}
.careerProcess .cpItem .top img {
  width: auto;
}
.careerProcess .cpItem .top span {
  font-stretch: condensed;
  font-weight: 300;
  font-size: 3.5em;
  line-height: 1;
}
.careerProcess .cpItem i {
  display: block;
  width: 100%;
}
.careerProcess .cpItem p {
  padding-top: 60px;
  align-self: end;
}
.careerProcess .cpItem p strong {
  display: block;
  font-size: 1.9em;
  font-stretch: condensed;
  font-weight: 300;
  padding-bottom: 20px;
}
.careerProcess .cpItem p span {
  font-size: 1em;
  font-weight: 300;
}
.careerProcess .owl-nav {
  padding-right: 0;
}
.careerProcess .inPageNav {
  margin-bottom: 70px;
  justify-content: end;
}
.careerProcess .sContainer {
  display: none;
}
.careerProcess #cp-1.sContainer {
  display: block;
}

.owl-nav {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 90px 120px 0 0;
  justify-content: end;
}
.owl-nav button {
  width: 70px;
  height: 35px;
  position: relative;
  display: block;
}
.owl-nav button span {
  width: 25px;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.owl-nav button span:before {
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top: -9px;
  position: absolute;
}
.owl-nav button span:after {
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top: -4px;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.owl-nav button.owl-prev {
  margin-right: 20px;
}
.owl-nav button.owl-prev span {
  right: 0;
}
.owl-nav button.owl-prev span:before {
  right: 100%;
}
.owl-nav button.owl-prev span:after {
  right: 100%;
  margin-right: 5px;
}
.owl-nav button.owl-next span {
  left: 0;
}
.owl-nav button.owl-next span:before {
  left: 100%;
}
.owl-nav button.owl-next span:after {
  left: 100%;
  margin-left: 5px;
}
.owl-nav button:hover span {
  width: 100%;
}
.owl-nav button:hover span:after {
  opacity: 1;
}

section.error {
  width: 100%;
  height: 100%;
  height: 100vh;
  background: url(../images/bg/404.jpg) no-repeat right center;
  background-size: cover;
}
section.error .content {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}
section.error h1 {
  color: #fff;
  font-size: 4.8em;
  padding-bottom: 60px;
}

.searchForm {
  width: 100%;
  padding: 60px 0;
  max-width: 660px;
  margin: auto;
}
.searchForm form {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.searchForm input[type=text] {
  width: 100%;
  height: 44px;
  border-radius: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border: 1px solid #555555;
  background: rgba(103, 103, 103, 0.08);
  backdrop-filter: blur(10px);
  font-size: 17px;
  color: #fff;
  padding: 0 50px 0 20px;
}
.searchForm button {
  display: block;
  position: absolute;
  height: 44px;
  width: 44px;
  right: 0;
  top: 0;
  background: url(../images/icons/search.svg) no-repeat left center;
  border: none;
}
.searchForm ul {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.searchForm ul li {
  margin-bottom: 10px;
}
.searchForm ul li a {
  display: block;
  font-weight: 300;
  color: #fff;
  font-size: 12px;
  padding: 5px 17px;
  border: 1px solid #555555;
  background: rgba(103, 103, 103, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.searchForm ul li a:hover {
  background: #FFC40C;
  color: #031014;
}

.result {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.result h1 {
  font-size: 4em;
  color: #fff;
  font-stretch: condensed;
  padding: 40px 0;
}
.result p {
  color: #fff;
  font-size: 4em;
  font-weight: 300;
}
.result .resultList {
  width: 100%;
  padding-top: 25px;
}
.result .resultList .resultItem {
  margin-bottom: 20px;
}
.result .resultList .resultItem a {
  width: 100%;
  border-radius: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border: 1px solid #555555;
  background: rgba(103, 103, 103, 0.08);
  backdrop-filter: blur(10px);
  padding: 25px 55px;
  position: relative;
  display: block;
  color: #fff;
  font-weight: 300;
}
.result .resultList .resultItem a:before {
  width: 22px;
  height: 22px;
  background: url(../images/icons/search.svg) no-repeat center;
  background-size: cover;
  content: "";
  position: absolute;
  left: 25px;
  top: 25px;
}
.result .resultList .resultItem a:after {
  width: 7px;
  height: 14px;
  background: url(../images/icons/arrow-r-w.svg) no-repeat center;
  background-size: cover;
  content: "";
  position: absolute;
  right: 25px;
  top: 25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.result .resultList .resultItem a span {
  display: block;
  font-size: 1.5em;
}
.result .resultList .resultItem a small {
  display: block;
  color: #ddd;
  font-size: 12px;
}
.result .resultList .resultItem a:hover:after {
  right: 10px;
}

.share {
  width: 50px;
  justify-content: space-between;
  position: sticky;
  top: 100px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 -155px -75px;
}
.share span {
  color: #fff;
  font-weight: 300;
  font-size: 1em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: block;
}
.share a {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.share a svg path {
  fill: #031014;
}
.share a:hover {
  background: #FFC40C;
}

@media screen and (max-width: 1680px) {
  body {
    font-size: 14px;
  }
  header {
    padding: 2px 80px 0;
  }
  header a.logo {
    width: 159px;
    height: 35px;
  }
  header nav ul li {
    padding: 40px 15px;
  }
  header nav ul li a {
    font-size: 16px;
  }
  header nav ul li .subMenu {
    width: 800px;
    padding: 50px 0;
  }
  header nav ul li .subMenu ul {
    padding: 0 30px;
  }
  header nav ul li .subMenu ul li ul li a {
    font-size: 14px;
  }
  header .tools a {
    width: 28px;
    height: 28px;
  }
  header .tools a svg {
    display: block;
    height: 11px;
  }
  header .tools a.lang span {
    font-size: 15px;
    margin-right: 10px;
  }
  header .tools a.lang svg {
    height: 20px;
  }
  header.scrolled nav ul li {
    padding: 20px 15px;
  }
  .btn {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 0 65px 0 40px;
  }
  .btn span {
    line-height: 40px;
  }
  .fRow .fCol input[type=submit] {
    padding: 0 65px 0 40px;
    line-height: 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
  }
  section.mainSlider .content {
    padding: 0 80px;
  }
  section.mainSlider .item .caption {
    left: 80px;
    top: 55%;
  }
  section.mainSlider .item .caption h2 {
    font-size: 4em;
  }
  section.mainSlider .item .caption p {
    padding-bottom: 25px;
  }
  section.mainSlider .owl-dots {
    bottom: 50px;
  }
  section.mainSlider .owl-dots button {
    width: 80px;
  }
  section {
    padding: 80px;
  }
  .sItem span.txt {
    padding: 100px 40px 40px;
  }
  .tItem span.img img {
    height: 80px;
  }
  .tItem span.txt {
    padding: 0 0 20px;
  }
  .tItem span.txt strong {
    font-size: 1.7em;
  }
  footer {
    padding: 80px;
  }
  footer .content .left {
    width: 30%;
  }
  footer .content .right ul li a {
    padding: 7px 0;
  }
  section.mainAbout .row {
    margin-bottom: 20px;
  }
  .subPageHeader {
    padding: 10% 0 50px;
  }
  .subPageHeader h1 {
    font-size: 3.5em;
  }
  .subPageHeader p .btn {
    font-size: 15px;
    width: 210px;
  }
  .careerHeader .cIcon {
    width: 100px;
    height: 100px;
  }
  .careerHeader .cIcon:before {
    top: 50px;
  }
  .careerHeader .cIcon span img {
    max-height: 60%;
  }
  .careerHeader .cIcon strong {
    font-size: 32px;
  }
  .careerLife .left {
    padding-left: 80px;
  }
  .careerProcess {
    padding: 100px 80px;
  }
  .pItem a span {
    height: 53px;
  }
  .pItem a p {
    height: 39px;
  }
  .seperator:before {
    width: calc(100% - 160px);
    left: 80px;
  }
  .referenceSidebar ul li a {
    font-size: 1.3em;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 14px;
  }
  header nav ul li {
    padding: 30px 15px;
  }
  header.scrolled nav ul li {
    padding: 20px 15px;
  }
  section.mainSlider .content {
    padding: 0 80px;
  }
  section.mainSlider .item .caption {
    left: 80px;
  }
  section.mainSlider .item .caption p {
    max-width: 320px;
  }
  section.mainSlider .item .caption h2 {
    font-size: 4.2em;
  }
  section.mainSlider .owl-dots {
    bottom: 50px;
  }
  section.mainSlider .mGrid .mGridInner div p strong {
    font-size: 2.5em;
  }
  .sItem span.txt {
    padding: 100px 40px 40px;
  }
  .sItem span.txt strong {
    font-size: 1.9em;
  }
  .subPageHeader {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 780px) {
  header {
    padding: 0px !important;
  }
  header a.logo {
    position: relative;
    z-index: 2;
  }
  header .content {
    padding: 25px !important;
  }
  header nav {
    display: block;
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.31);
    backdrop-filter: blur(21px);
    padding: 25px;
    height: 100vh;
    padding-top: 85px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  header nav ul {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    display: block;
  }
  header nav ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 !important;
  }
  header nav ul li:last-child {
    border: none;
  }
  header nav ul li a {
    font-size: 21px;
    padding: 15px 0 !important;
  }
  header nav ul li ul {
    height: auto;
  }
  header nav ul li .subMenu {
    position: relative;
    background: none !important;
    left: 0;
    backdrop-filter: none !important;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    padding: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: none;
  }
  header nav ul li .subMenu ul {
    padding: 0;
    width: 100%;
    overflow: auto;
  }
  header nav ul li .subMenu ul:before {
    display: none;
  }
  header nav ul li .subMenu ul li {
    padding: 0 !important;
    border: none;
  }
  header nav ul li .subMenu ul li a {
    font-size: 15px;
    padding: 5px 0;
  }
  header nav ul li .subMenu ul li ul {
    display: none;
  }
  header nav ul li a.hasSub:after {
    width: 12px;
    height: 6px;
    position: absolute;
    content: "";
    display: block;
    right: 0;
    top: 25px;
    background: url(../images/icons/arrow-d-w.svg) no-repeat center;
  }
  header .tools {
    position: relative;
    z-index: 2;
  }
  header .tools a.lang {
    display: none;
  }
  header .tools a.menuLink {
    display: block;
  }
  header.scrolled {
    background: none;
  }
  header.opened nav {
    top: 0;
  }
  .seperator {
    overflow: hidden;
    position: relative;
  }
  .seperator:before {
    width: calc(100% - 50px);
    left: 25px;
  }
  section.mainSlider .item .caption {
    left: 25px;
    top: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    bottom: 150px;
  }
  section.mainSlider .item .caption h2 {
    font-size: 3em;
  }
  section.mainSlider .item.s2 {
    background-image: url(../media/slider/2m.jpg);
    background-position: top center;
  }
  section.mainSlider .item.s3 {
    background-image: url(../media/slider/3m.jpg);
    background-position: top center;
  }
  section.mainSlider .item.s5 {
    background-image: url(../media/slider/5m.jpg);
    background-position: top center;
  }
  section.mainSlider .owl-dots {
    justify-content: start;
    padding-left: 25px;
  }
  section.mainSlider .owl-dots button {
    width: 40px;
    margin: 0 10px 0 0;
  }
  section.mainSlider .mGrid {
    display: none !important;
  }
  section.mainSlider .scroll {
    display: none;
  }
  section {
    padding: 60px 25px;
  }
  .row .col {
    width: 100% !important;
    margin-bottom: 25px !important;
  }
  .sItem span.txt {
    padding: 25px;
  }
  section.mainServices {
    padding: 25px 25px 5px 25px;
  }
  section.mainAbout {
    padding: 0;
  }
  section.mainAbout .bgVideo {
    position: relative;
    width: 100%;
  }
  section.mainAbout .bgVideo:before {
    width: 100%;
    height: 30%;
    top: auto;
    bottom: 0;
    background: linear-gradient(0deg, #031014 0%, rgba(3, 16, 20, 0.887004) 11.3%, rgba(3, 16, 20, 0.685177) 37.4%, rgba(3, 16, 20, 0) 100%);
  }
  section.mainAbout .content {
    padding: 25px 25px 60px 25px;
  }
  section.mainAbout .content .row .col {
    width: 50% !important;
  }
  section.mainReferences .content .left {
    width: 100%;
  }
  section.mainReferences .content .right {
    width: 100%;
    padding: 60px 0 0;
  }
  section.mainReferences .content .right .row .col {
    width: 25% !important;
  }
  section.mainReferences .content .right .row .col:first-child .lItem {
    border-left: none;
  }
  section.mainExplore h3 {
    display: none;
  }
  footer {
    padding: 25px;
  }
  footer .content .left {
    width: 100%;
  }
  footer .content .left img {
    max-width: 150px;
  }
  footer .content .left .newsletter p {
    padding: 20px 0;
  }
  footer .content .right {
    width: 100%;
    padding: 30px 0 0;
  }
  footer .content .right ul {
    width: 100%;
    margin-bottom: 30px;
  }
  footer .bottom {
    padding: 0;
  }
  footer .bottom .left {
    order: 2;
  }
  footer .bottom .right {
    order: 1;
    padding: 0;
  }
  footer .bottom .right .social {
    justify-content: start;
  }
  .about .row .col .lItem div strong {
    font-size: 2em;
  }
  .about .row .col .lItem div strong.big {
    font-size: 3em;
  }
  section.subPage {
    padding-top: 85px;
    background: url(../images/bg/headerMobile.jpg) no-repeat top center;
  }
  section.subPage.bg2 {
    background: url(../images/bg/headerMobile2.jpg) no-repeat top center;
  }
  .subPageHeader {
    padding: 40px 0 25px;
  }
  .subPageHeader h1 {
    max-width: 100%;
    width: 100%;
    font-size: 2.5em;
  }
  .subPageHeader h1.small {
    font-size: 2em;
  }
  .subPageHeader .scroll {
    display: none;
  }
  .subPageHeader p {
    display: none;
  }
  .fullImg:before {
    bottom: -10px;
  }
  .contactBox {
    padding: 25px;
  }
  .subPageContent.about {
    padding: 0;
  }
  .subPageContent.about .row .col {
    margin-bottom: 0 !important;
    display: none;
  }
  .subPageContent.about .row .col:has(strong) {
    display: block;
  }
  .subPageContent.about .lItem {
    border: 1px solid #555 !important;
    border-top: none !important;
    padding-bottom: 70%;
  }
  .timeLineArea .sidebar .center {
    margin: 0;
    padding: 0;
    display: none;
  }
  .timeLineArea .timelineContent {
    padding-left: 0 !important;
  }
  .timeLineArea .timelineContent:after {
    display: none;
  }
  .timeLineArea .timelineContent.pt110 {
    padding-top: 0;
  }
  .timeLineArea .timelineContent.pl95 {
    padding-left: 0;
  }
  .timeLineArea .timelineContent .timeLineItem {
    padding: 0;
  }
  .pdfItem {
    margin-bottom: 15px;
  }
  .pdfItem a {
    padding: 15px 30px 15px 0;
  }
  .pdfItem a span {
    font-size: 1.5em;
  }
  .pdfItem a i {
    right: 0;
  }
  .pItem {
    height: auto;
  }
  .pItem a {
    padding: 40px 25px;
  }
  .pItem a i {
    right: 0;
  }
  section.servicesDetail:before {
    background: url(../images/bg/lightSmall-m.png) no-repeat center;
    padding-bottom: 0;
    height: 100%;
  }
  section.servicesDetail .row {
    margin: 40px 0;
  }
  section.servicesDetail .row .col {
    width: 50% !important;
    padding-right: 5px;
  }
  .contactBox.bg {
    background: url(../images/bg/light.png) no-repeat;
    background-size: cover;
  }
  .contactBox.bg:before {
    right: 15px;
    top: 15px;
  }
  .servicesCard {
    background-size: cover;
    padding: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin-bottom: 20px;
  }
  .owl-nav {
    padding: 25px 0;
  }
  .careerLife {
    padding: 40px 0;
  }
  .careerLife .left {
    width: 100%;
    padding: 0 25px;
  }
  .careerLife .right {
    width: 100%;
    padding: 0 25px;
  }
  .careerLife .lifeItem {
    width: 100%;
    padding: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    min-height: 325px;
  }
  .careerProcess {
    padding: 40px 25px;
  }
  .careerProcess .inPageNav {
    justify-content: center;
  }
  .careerProcess .cpItem {
    width: 100%;
    padding: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
  }
  .careerHeader {
    padding: 200px 0;
  }
  .careerHeader:before {
    padding-bottom: 125%;
  }
  .careerHeader .cHolder {
    width: 95%;
    padding-bottom: 95%;
  }
  .careerHeader .cHolder .cInner .cCircle .cCircleContent span {
    font-size: 2em;
  }
  .careerHeader .cHolder .cInner .cCircle .cCircleContent .btn {
    max-width: 190px;
  }
  .careerHeader .cIcon {
    width: 70px;
    height: 70px;
  }
  .careerHeader .cIcon:before {
    top: 70px;
    width: 1px;
    height: 200px;
    left: 50% !important;
  }
  .careerHeader .cIcon strong {
    font-size: 20px;
    top: -30px;
  }
  .careerHeader .cIcon.c1 {
    left: 5%;
    top: -80px;
  }
  .careerHeader .cIcon.c2 {
    right: 10%;
    top: -120px;
  }
  .careerHeader .cIcon.c3 {
    left: 50%;
    top: auto;
    bottom: -100px;
  }
  .careerHeader .cIcon.c3:before {
    width: 1px;
    top: auto;
    bottom: 100%;
  }
  .careerHeader .cIcon.c3 strong {
    top: auto;
    bottom: -30px;
  }
  .referenceSidebar {
    padding: 0;
    position: relative;
    z-index: 2;
  }
  .referenceSidebar:before {
    display: none;
  }
  .referenceSidebar .dropdownToggle {
    display: block;
  }
  .referenceSidebar .dropdownMenu {
    display: none;
    border: 1px solid #555;
    border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    background: #031014;
    padding: 35px 25px 25px;
    position: absolute;
    top: 30px;
    width: 100%;
  }
  .referenceSidebar .dropdownMenu li a {
    padding: 7px 0;
    margin: 0;
  }
  .referenceSidebar .dropdownMenu li a:before {
    display: none !important;
  }
  #referenceSlider .row .col {
    width: 25% !important;
    margin-bottom: 0 !important;
  }
  .awardsWrapper .inPageNav {
    margin-bottom: 30px;
  }
  .awardsWrapper .inPageNav ul {
    justify-content: space-between;
    width: 100%;
  }
  .awardsWrapper .inPageNav ul li {
    margin-right: 0;
  }
  .awardsWrapper .inPageNav ul li a {
    font-size: 1.3em;
  }
  .aItem {
    width: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
  }
  .aItem span {
    font-size: 2em;
  }
  .m-sticky {
    position: sticky;
    top: 85px;
    z-index: 99;
    left: 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
  }
  .m-sticky:before {
    width: calc(100% + 50px);
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    display: block;
    background: rgba(0, 0, 0, 0.31);
    backdrop-filter: blur(54px);
  }
  .m-sticky .sidebar .nav {
    height: auto;
    overflow: visible;
  }
  .m-sticky .sidebar .nav .scroller {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m-sticky .sidebar .nav a {
    font-size: 1.2em;
    margin: 0;
    padding: 15px 0;
    margin: 0 2px;
  }
  .m-sticky .sidebar i {
    display: none;
  }
  .locations {
    display: block;
    overflow: hidden;
  }
  .locations img.map {
    width: 150%;
    margin-left: -25%;
  }
  .pin {
    width: 15px;
    height: 15px;
  }
  .pin .dot:before {
    width: 5px;
    height: 5px;
  }
  @keyframes ripple {
    0% {
      width: 0;
      height: 0;
    }
    100% {
      opacity: 0;
      width: 20px;
      height: 20px;
    }
  }
  .share {
    float: right;
    position: relative;
    margin: 0;
    width: 100%;
    top: auto;
    justify-content: end;
    align-items: center;
    margin-bottom: 15px;
  }
  .share span {
    writing-mode: rl;
    text-orientation: sideways;
  }
  .share a {
    width: 35px;
    height: 35px;
    margin: 0 0 0 15px;
  }
  .share a svg {
    width: 20px;
    height: 20px;
  }
}
.d-none {
  display: none;
}

/*# sourceMappingURL=style.css.map */