@font-face {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HelveticaNeue.ttf") format("truetype");
}
@font-face {
  font-family: "HEL";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/HelveticaNeue-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/HelveticaNeue-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/HelveticaNeue-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/HelveticaNeue-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/HelveticaNeue-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "UTM";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/UTM Bebas.ttf") format("truetype");
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

body {
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #5A5A5A;
  box-sizing: border-box;
}

.container {
  max-width: 1140px;
}

.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;max-width: 100%;}
.wp-caption img{border:0 none;padding:0;margin:0;height: auto;}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0}
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}
.centered{float:none;margin-left:auto;margin-right:auto}
img{max-width:100%;height: auto;}

a {
  outline: none;
  color: #5A5A5A;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.btn.focus, .btn:focus {
  outline: none;
  box-shadow: none;
}

ol {
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
}

h1, h2 {
  font-family: "UTM", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.3;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: none;
}
button:focus {
  outline: none;
}

img {
  max-width: 100%;
  object-position: center;
  object-fit: cover;
}

input {
  outline: none;
}

@keyframes change-color {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.news__list-item .wrap-img img, .team__list-item .wrap-img img, .video-home__inner .right .link-video .thumnail img, .list-project__item a .wrap-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header.scroll {
  box-shadow: 10px 10px 40px rgba(5, 31, 89, 0.2);
}

.heading h2.title {
  font-size: 45px;
  color: #0B0C0C;
  margin-bottom: 30px;
  line-height: 1.5;
}

.heading h1.title {
  font-size: 50px;
  color: #fff;
  margin-bottom: 19px;
  line-height: 1.25;
}

.heading h2.title span {
  display: inline-block;
  position: relative;
  padding-bottom: 16px;
}
.heading h2.title span:before {
  content: "";
  width: 113px;
  height: 2px;
  background: #1aabf0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.heading .sub-title {
  font-size: 18px;
  color: #000000;
  margin-bottom: 15px;
}

.button {
  background-color: #1aabf0;
  padding: 13px 22px;
  min-width: 232px;
  display: inline-block;
  color: #ffffff;
  margin-top: 45px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all ease 0.6s;
}
.button .arrow {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}
.button .arrow-1 {
  opacity: 0.5;
  transform: translate(-13px, -50%);
}
.button:hover {
  background-color: #ffffff;
  color: #1aabf0;
  border-color: #1aabf0;
}
.button:hover .arrow svg path {
  fill: #1aabf0;
}
.button:hover .arrow-1 {
  animation: change-color 1s infinite;
}
.button:hover .arrow-2 {
  animation: change-color 1s infinite;
  animation-delay: 0.5s;
}

.list-project {
  display: flex;
  flex-wrap: wrap;
  margin: -9px;
}
.list-project__item {
  width: 33.33%;
  padding: 9px;
}
.list-project__item a {
  position: relative;
  display: block;
  overflow: hidden;
}
.list-project__item a .wrap-img {
  position: relative;
  padding-top: 83%;
  height: 0;
}
.list-project__item a .wrap-info {
  opacity: 0;
  position: absolute;
  top: 100px;
  left: 0;
  padding: 30px 20px 20px 30px;
  transition: all ease 0.8s;
  color: #ffffff;
  z-index: 3;
  height: 100%;
}
.list-project__item a .wrap-info .name {
  font-size: 16px;
  font-weight: bold;
}
.list-project__item a .wrap-info .location {
  color: #CBCBCB;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.list-project__item a .wrap-info .des {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-project__item a .wrap-info .price {
  position: absolute;
  right: 19px;
  bottom: 16px;
  color: #DDAE99;
}
.list-project__item a .wrap-info .price span:first-child {
  font-weight: bold;
}
.list-project__item a:hover .wrap-info {
  top: 0;
  opacity: 1;
}
.list-project__item a:hover:before {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  opacity: 1;
}
.list-project__item a:before {
  position: absolute;
  left: 100px;
  bottom: 100px;
  top: 100px;
  right: 100px;
  content: "";
  background-color: rgba(18, 18, 18, 0.75);
  opacity: 0;
  transition: all ease 0.6s;
  z-index: 2;
}
.list-project__item.big {
  width: 50%;
}
.list-project__item.big a .wrap-img {
  padding-top: 60.6%;
}

.navbar-nav {
  flex-direction: row;
  align-items: center;
  padding-left: 50px;
}
.navbar-nav .nav-item {
  padding-right: 48px;
  transition: all ease 0.6s;
}
.navbar-nav .nav-item .nav-link {
  color: #ffffff;
  position: relative;
  font-weight: 700;
  padding: 10px 0;
  text-transform: uppercase;
}
.navbar-nav .nav-item .nav-link:before {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 1px;
  content: "";
  width: 100%;
  transform: translateY(50%);
  transition: all ease 0.6s;
  opacity: 0;
  background: #ffffff;
}
.navbar-nav .nav-item .nav-link:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 7px;
  width: 7px;
  content: "";
  transform: translateY(50%);
  transition: all ease 0.6s;
  opacity: 0;
  background: #ffffff;
}
.navbar-nav .nav-item.active .nav-link:before {
  opacity: 1;
  bottom: 0;
}
.navbar-nav .nav-item.active .nav-link:after {
  opacity: 1;
  bottom: 0;
}
.navbar-nav .nav-item:hover .nav-link:before {
  opacity: 1;
  bottom: 0;
}
.navbar-nav .nav-item:hover .nav-link:after {
  opacity: 1;
  bottom: 0;
}
.navbar-nav .nav-item:last-child {
  padding-right: unset;
}

.navbar-toggler {
  display: none;
  position: absolute;
  top: 50%;
  right: calc( ( 100% - 960px) / 2);
  transform: translateY(-50%);
  outline: none;
  width: 55px;
  height: 30px;
  padding: unset;
}
.navbar-toggler .wrap-line {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}
.navbar-toggler .wrap-line .line {
  transition: all ease 0.4s;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: #fff;
  display: block;
}
.navbar-toggler .wrap-line .line:nth-of-type(1) {
  top: 0;
  width: 100%;
}
.navbar-toggler .wrap-line .line:nth-of-type(2), .navbar-toggler .wrap-line .line:nth-of-type(3) {
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
  margin-left: auto;
}
.navbar-toggler .wrap-line .line:nth-of-type(4) {
  bottom: 0px;
  width: 50%;
  margin-left: auto;
}
.navbar-toggler:not(.collapsed) .line:nth-of-type(1) {
  left: 50%;
  right: 50%;
  width: unset;
}
.navbar-toggler:not(.collapsed) .line:nth-of-type(2) {
  transform: translateY(-50%) rotate(-45deg);
}
.navbar-toggler:not(.collapsed) .line:nth-of-type(3) {
  transform: translateY(-50%) rotate(45deg);
}
.navbar-toggler:not(.collapsed) .line:nth-of-type(4) {
  left: 63%;
  right: 37%;
  width: 0;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  transition: all ease 0.6s;
  background: transparent;
  top: 0;
}
.header.scroll {
  background-color: #fff;
}
.header.scroll .navbar-nav .nav-item .nav-link {
  color: #1aabf0;
}
.header.scroll .navbar-nav .nav-item .nav-link:before, .header.scroll .navbar-nav .nav-item .nav-link:after {
  background-color: #1aabf0;
}
.header.scroll .header__inner .logo {
  width: 45px;
}

.header__inner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__inner .logo {
  width: 68px;
  padding: 10px 0;
  transition: all ease 0.6s;
}

.form__contact-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -17px;
}
.form__contact-wrap .form-group {
  width: 33.33%;
  padding: 0 17px;
  margin-bottom: 50px;
}
.form__contact-wrap .form-group input {
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #A8A8A8;
  width: 100%;
  padding: 15px;
}
.form__contact-wrap .form-group.content {
  width: 100%;
  margin-bottom: 34px;
}
.form__contact-wrap .form-group.content textarea {
  width: 100%;
  border: 1px solid #A8A8A8;
  border-radius: 3px;
  padding: 11px 18px 40px 18px;
  background-color: #F8F8F8;
}
.form__contact-submit {
  text-align: center;
}
.form__contact-submit .button_submit {
  margin-top: unset;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 7px 22px;
  min-width: 31.6vw;
}

.footer ul {
  padding-left: unset;
  margin-bottom: 0;
}
.footer ul li {
  list-style-type: none;
}
.footer__top {
  background-color: #055594;
  color: #ffffff;
  padding-right: 7.5vw;
  padding: 33vh 0;
  position: relative;
}
.footer__top .list-top {
  display: flex;
}
.footer__top .list-top__item {
  padding-right: unset;
  padding-right: 9vw;
}
.footer__top .list-top__item:first-child a {
  width: 32.7vw;
}
.footer__top .list-top__item:last-child {
  width: 185px;
  padding-right: unset;
}
.footer__top .list-top__item:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  line-height: 1.85;
}
.footer__top .list-top__item ul li {
  margin-bottom: 10px;
}
.footer__top a {
  color: #ffffff;
}
.footer__top:before {
  height: 33vh;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #F8F8F8;
  transform: skew(98deg);
  transform-origin: 100% 0%;
}
.footer__top:after {
  height: 33vh;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1aabf0;
  transform: skew(-98deg);
  transform-origin: 0% 100%;
  box-shadow: 0 -5px 20px #1aabf0;
}
.footer__bottom {
  background-color: #1aabf0;
  padding-bottom: 40px;
}
.footer__bottom-inner {
  position: relative;
}
.footer__bottom-inner .copy-right {
  position: absolute;
  left: 67.5%;
  bottom: 20px;
  color: #F4E5DE;
}
.footer__list {
  display: flex;
  flex-wrap: wrap;
}
.footer__list h3.title {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
}
.footer__list-item:first-child {
  width: 22%;
  padding-right: 10%;
}
.footer__list-item:nth-child(2) {
  width: 26%;
  padding-right: 8.7%;
}
.footer__list-item:nth-child(3) {
  width: 19.5%;
  padding-right: 16%;
}
.footer__list-item:last-child {
  flex-grow: 1;
  flex-basis: 0;
  color: #F4E5DE;
}
.footer__list-item:last-child .top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.footer__list-item:last-child .top .logo-footer {
  width: 60px;
  margin-bottom: unset;
}
.footer__list-item:last-child .top span {
  font-weight: bold;
  margin-left: 22px;
  flex-basis: 0;
  flex-grow: 1;
}
.footer__list-item a {
  display: block;
  color: #F4E5DE;
  margin-bottom: 25px;
}

.mobile-menu {
  pointer-events: none;
  pointer-events: inherit;
}
.mobile-menu__box {
  width: 373px;
  background: rgba(40, 40, 40, 0.69);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: all ease 0.4s;
  z-index: 999;
}
.mobile-menu__overlay {
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
.mobile-menu__inner {
  flex: 1;
  overflow: auto;
  position: relative;
}
.mobile-menu__inner .logo {
  display: block;
  text-align: center;
  padding: 25px 10px;
  margin: auto;
  max-width: 80%;
}
.mobile-menu__inner .navbar-nav {
  display: block;
}
.mobile-menu__inner .navbar-nav .nav-item {
  padding: 10px;
}
.mobile-menu__inner .navbar-nav .nav-item.active {
  background-color: #0B0C0C;
  position: relative;
}
.mobile-menu__inner .navbar-nav .nav-item.active .nav-link {
  position: relative;
  color: #ffffff;
}
.mobile-menu__inner .navbar-nav .nav-item.active:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 4px;
  bottom: 0px;
}
.mobile-menu__inner .navbar-nav .nav-item .nav-link {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.mobile-menu__close-button {
  position: absolute;
  top: 0;
  right: 100%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  cursor: pointer;
}

.slider-home {
  position: relative;
  background-color: #f8f8f8;
  overflow: hidden;
}
.slider-home__inner {
  position: relative;
}
.slider-home__inner:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 23vh;
  width: 1000px;
  content: "";
  background-color: #F0F0F0;
  z-index: 2;
  transform-origin: 23vh 0;
  transform: translateX(calc(-1000px + 23vh)) skew(-45deg);
}
.slider-home__list {
  padding-left: unset;
  margin-bottom: 0 !important;
  margin-right: calc(( -100vw + 1125px)/2);
}
.slider-home__list .slick-list {
  overflow: inherit;
}
.slider-home__list-item {
  list-style-type: none;
  position: relative;
}
.slider-home__list-item .wrap-img {
  height: 100vh;
  position: relative;
}
.slider-home__list-item .wrap-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*.slider-home__list-item .wrap-img:before {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  content: "";
  background-color: rgba(11, 12, 12, 0.6);
  z-index: 1;
}*/
.slider-home__list-item .wrap-info {
  position: absolute;
  top: 50%;
  left: 230px;
  color: #ffffff;
  z-index: 5;
  max-width: 440px;
}
.slider-home__list-item .wrap-info .title {
  font-size: 50px;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.slider-home__list-item .wrap-info .sub-title {
  font-size: 14px;
  line-height: 1.57;
}
.slider-home__list .slick-dots {
  bottom: 10px;
  left: 69%;
  width: unset;
}
.slider-home__list .slick-dots li {
  margin: 0;
}
.slider-home__list .slick-dots li button {
  width: 15px;
  height: 15px;
  margin-right: 11px;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #707070;
}
.slider-home__list .slick-dots li button:before {
  content: none;
}
.slider-home__list .slick-dots li.slick-active button {
  background-color: #055594;
  border-color: #055594;
}
.slider-home:after {
  position: absolute;
  top: 0;
  width: 500px;
  content: "";
  bottom: 0;
  z-index: 2;
  background: rgba(247, 244, 244, 0.35);
  right: -700px;
  transform: skew(-15deg) translateX(calc((-100vw + 1110px + 172px)/2));
  transform-origin: 0 0;
}

.line-box {
  position: absolute;
  transform-origin: 0 100%;
  transform: skew(20deg);
  z-index: 2;
  top: 23vh;
}
.line-box .line-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 27vh;
  width: 1000px;
  content: "";
  background-color: #F0F0F0;
  transform: translateX(-1000px);
}
.line-box .line-2 {
  position: absolute;
  top: 27vh;
  left: 0;
  height: 50vh;
  width: 1000px;
  content: "";
  background-color: #fff;
  transform: translateX(-1000px);
}

.about-us__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about-us__inner .left {
  width: 46.5%;
}
.about-us__inner .right {
  width: 53.5%;
}
.about-us__inner .right .wrap-img {
  margin-right: calc(( -100vw + 1125px)/2);
  margin-bottom: -80px;
  position: relative;
  overflow: hidden;
}
.about-us__inner .right .wrap-img img {
  width: 100%;
  height: 100%;
}
.about-us__inner .right .wrap-img:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  content: "";
  border-bottom: 1000px solid transparent;
  border-left: 220px solid #f8f8f8;
  z-index: 2;
}

.feature-special {
  position: relative;
  z-index: 2;
}
.feature-special__inner {
  background-color: #055594;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.feature-special__list {
  padding-left: unset;
  margin-bottom: unset;
  padding: 30px 70px;
  overflow: hidden;
}
.feature-special__list-item {
  list-style-type: none;
  padding-bottom: 55px;
  width: 78%;
}
.feature-special__list-item .item-inner {
  padding-left: 70px;
  position: relative;
  overflow: hidden;
}
.feature-special__list-item .item-inner:before {
  content: "";
  top: 0;
  left: 60px;
  width: 2px;
  bottom: 0;
  background-color: #ffffff;
  position: absolute;
  transform: skew(-15deg);
  transform-origin: 100% 0;
}
.feature-special__list-item .top {
  display: flex;
  margin-bottom: 15px;
}
.feature-special__list-item .top .title {
  font-size: 24px;
  font-family: "UTM", sans-serif;
  margin-left: 22px;
  line-height: 1;
  align-self: flex-end;
}
.feature-special__list-item:nth-child(2n+1) {
  margin-left: auto;
}
.feature-special__list-item:last-child {
  padding-bottom: 0;
}

.video-home {
  background-color: #F0F0F0;
  padding-top: 39.5vh;
  margin-top: -21vh;
  padding-bottom: 20.5vh;
  position: relative;
  overflow: hidden;
}
.video-home__inner {
  display: flex;
  position: relative;
  z-index: 2;
}
.video-home__inner .left {
  width: 44.5%;
  padding-right: 25px;
}
.video-home__inner .right {
  width: 55.5%;
}
.video-home__inner .right .wrap-video {
  margin-right: calc((-100vw + 1125px)/2);
}
.video-home__inner .right .link-video {
  position: relative;
  display: block;
}
.video-home__inner .right .link-video:hover .icon-play{
  transform: translate(-50%, -50%) rotate(45deg);
}

.video-home__inner .right .link-video .thumnail {
  position: relative;
  padding-top: 61.5%;
  height: 0;
  overflow: hidden;
}

.video-home__inner .right .link-video .thumnail img { transition: all ease 0.4s; }
.video-home__inner .right .link-video:hover .thumnail img { transform: scale(1.2); }

.video-home__inner .right .link-video .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  transition: all ease 0.4s;
}
.video-home:before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 9.9vh;
  background-color: #fff;
  position: absolute;
  content: "";
}
.video-home:after {
  position: absolute;
  left: 0;
  bottom: 9.9vh;
  width: 0;
  height: 0px;
  content: "";
  border-right: 100vw solid #fff;
  border-top: 48vh solid transparent;
}

.project ul {
  margin-bottom: 0;
  padding-left: unset;
}
.project ul li {
  list-style-type: none;
}
.project__top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.project__top .left {
  width: 60%;
}
.project__top .left .title {
  font-size: 45px;
  line-height: 1.2;
  font-family: "UTM", sans-serif;
  color: #ffffff;
  padding: 10px 0;
  position: relative;
}
.project__top .left .title span {
  position: relative;
}
.project__top .left .title:before {
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  left: -1000px;
  background: linear-gradient(to left, #1aabf0, #025596);
  position: absolute;
}
.project__top .left .des {
  padding-top: 35px;
  padding-right: 40px;
}
.project__top .right {
  width: 40%;
}
.project__top .right .list-project__item {
  width: 100%;
}
.project__top .right .list-project__item .wrap-img {
  padding-top: 66.66%;
}

.team {
  background-color: #F0F0F0;
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 90px;
}
.team:before {
  height: 250px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f8f8f8;
  transform: skew(-100deg);
  transform-origin: 100% 0%;
}
.team__list {
  padding-top: 35px;
  margin: 0 -13px;
}
.team__list-item {
  outline: none;
  padding: 0 13px;
}
.team__list-item .wrap-img {
  position: relative;
  padding-top: 106%;
  height: 0;
  overflow: hidden;
}
/*.team__list-item .wrap-img:before {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  content: "";
  z-index: 1;
  transform-origin: 0 100%;
  transform: skew(45deg);
}
.team__list-item .wrap-img:after {
  position: absolute;
  height: 90px;
  left: 40px;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  content: "";
  z-index: 1;
  transform-origin: 0 100%;
  transform: skew(-65deg);
}*/

.team__list-item .wrap-img:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  background-image: url(../images/bg/line-pattern.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  z-index: 2;
}

.team__list-item .wrap-info {
  padding: 5px 15px 25px 15px;
  background-color: #ffffff;
  text-align: center;
  color: #0B0C0C;
}
.team__list-item .wrap-info .name {
  font-weight: bold;
  margin-bottom: 5px;
}
.team__list-item .wrap-info .position {
  font-style: italic;
  margin-bottom: 15px;
  color: #5A5A5A;
}

.number-special {
  background: url(../images/examples/bg-nb.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
.number-special:before {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  content: "";
  background-color: rgba(11, 12, 12, 0.7);
  z-index: 1;
}
.number-special__inner {
  position: relative;
  z-index: 2;
}
.number-special__list {
  padding-left: unset;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 16.8vh;
  padding-bottom: 36.9vh;
}
.number-special__list-item {
  list-style-type: none;
  width: 25%;
  text-align: center;
  color: #ffffff;
}
.number-special__list-item .icon {
  width: 39px;
  height: 40px;
  margin: auto;
}
.number-special__list-item .number {
  font-size: 50px;
  line-height: 1.2;
  font-family: "UTM", sans-serif;
  margin-top: 15px;
  margin-bottom: 20px;
}
.number-special__list-item .des {
  font-weight: bold;
}

.partner {
  position: relative;
  padding-bottom: 24.5vh;
  background-color: transparent;
}
.partner__inner {
  background-color: #ffffff;
  margin-top: -22vh;
  position: relative;
  z-index: 2;
  padding: 48px 65px 95px 65px;
}
.partner__inner .heading {
  text-align: center;
}
.partner__inner .heading .des {
  max-width: 70%;
  margin: auto;
}
.partner__inner .heading h2.title span:before {
  left: 50%;
  transform: translateX(-50%);
}
.partner__list {
  display: flex;
  flex-wrap: wrap;
  padding-left: unset;
  margin-bottom: 0;
  margin: -30px;
  padding-top: 60px;
}
.partner__list-item {
  list-style-type: none;
  width: 20%;
  padding: 30px;
}
.partner__list-item .logo {
  text-align: center;
}
.partner__list-item .logo img {
  filter: grayscale(100%);
  transition: all ease 0.6s;
  cursor: pointer;
  width: unset;
}
.partner__list-item .logo:hover img {
  filter: grayscale(0%);
}
.partner:before {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(24.5vh + 114px);
  background: url(../images/examples/bf-pn.jpg) no-repeat center;
  background-size: cover;
  position: absolute;
}
.partner:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(24.5vh + 114px);
  position: absolute;
  background-color: rgba(11, 12, 12, 0.7);
  content: "";
}

.form {
  padding-top: 65px;
  padding-bottom: 50px;
  background-color: #F8F8F8;
}
.form__inner .heading {
  margin-bottom: 35px;
  text-align: center;
}
.form__inner .heading .des {
  max-width: 70%;
  margin: auto;
}
.form__inner .heading h2.title span:before {
  left: 50%;
  transform: translateX(-50%);
}

.news {
  padding: 50px 0;
  background-color: #F8F8F8;
}
.news .heading {
  text-align: center;
}
.news .heading h2.title span:before {
  left: 50%;
  transform: translateX(-50%);
}
.news__list {
  display: flex;
  flex-wrap: wrap;
  padding-left: unset;
  margin-bottom: 0;
  margin: 0 -15px;
}
.news__list-item {
  list-style-type: none;
  width: 33.33%;
  padding: 0 15px;
}
.news__list-item .wrap-img {
  position: relative;
  padding-top: 95%;
  height: 0;
  overflow: hidden;
}
.news__list-item .wrap-img:after {
  position: absolute;
  height: 120px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  content: "";
  z-index: 1;
  transform-origin: 0 100%;
  transform: skew(-72deg);
}
.news__list-item .wrap-info {
  padding: 14px 20px 30px 20px;
  background-color: #ffffff;
}
.news__list-item .wrap-info h3.title {
  font-size: 14px;
  color: #0B0C0C;
  font-weight: bold;
  margin-bottom: 10px;
}
.news__list-item .wrap-info .date {
  color: #055594;
  position: relative;
  margin-bottom: 15px;
  padding-left: 26px;
}
.news__list-item .wrap-info .date:before {
  content: "";
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 1px solid #055594;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.news__list-item .wrap-info .button {
  background-color: transparent;
  display: block;
  color: #1aabf0;
  margin-top: 25px;
  min-width: unset;
  text-align: right;
  border: none;
}
.news__list-item .wrap-info .button span:first-child {
  padding-right: 50px;
}
.news__list-item .wrap-info .button:hover {
  border: none;
  color: #0B0C0C;
}


.slider-home.main-background-page .slider-home__inner { height: 50vh;}
.slider-home.main-background-page .wrap-img { position: absolute; top: 0; bottom: 0; left: 0; /*margin-right: calc(( -100vw + 1125px)/2);*/right: 0;}
.slider-home.main-background-page:before{position: absolute; left: 0; bottom: 0; top: 0; right: 0; content: ""; background-color: rgba(11, 12, 12, 0.6); z-index: 1; }
.slider-home.main-background-page .heading { position: absolute; z-index: 5; top: 50%; left: 140px; transform: translateY(-50%);}
.slider-home.main-background-page .slider-home__inner .line-box .line-2 { display: none; }
.slider-home.main-background-page .slider-home__inner .line-box .line-1 { height: 28vh; }
.slider-home.main-background-page .wrap-img img { width: 100%; height: 100%;}


/*Breaddcrumb*/

.breadcrumb { background-color: transparent; color: #D1D1D1; padding: 0; margin: 0; display: inline-block;}
.breadcrumb a { color: #D1D1D1; padding-right: 5px;}
.breadcrumb span { padding: 0 5px; }


/*PageContact*/

.contact-info { background-color: #F8F8F8;}
.contact-info__inner { display: flex; flex-wrap: wrap; padding-top: 37px; padding-bottom: 45px;}
.contact-info__inner .left { width: 66.5%; }
.contact-info__inner .right { width: 33.5%; background-color: #1aabf0; color: #fff; padding: 13px 26px 34px 26px;}
.contact-info__inner .right h2.title { font-size: 24px; font-family: "UTM", sans-serif; margin-bottom: 13px;}
.contact-info__inner .right .widget-list li { margin-top: 5px; }
.contact-info__inner .right .widget-list li a { color: #fff; }
.contact-info__inner .right .widget-list { margin-bottom: 32px; }
.contact-info__inner .right .time .title { font-size: 14px; font-weight: bold;  margin-bottom: 7px; display: flex; align-items: flex-start}
.contact-info__inner .right .time .title img { margin-right: 10px; width: 12px; margin-top: 2px;}
.contact-info__inner .right .time .title span { flex: 1; }
.contact-info__inner .right .time ul { padding-left: 24px; list-style: none; margin-bottom: 0;}
.contact-info__inner .right .time ul li { margin-bottom: 5px; }

.form.form-page-contact { background-color: #F8F8F8; padding-top: 0; padding-bottom: 65px;}
.form.form-page-contact .form__contact-wrap .form-group.content textarea { background-color: transparent; }


/*PageRecruitment*/
.content-page-recruitment__inner .top { background-color: #F8F8F8; padding-top: 40px;}
.content-page-recruitment__inner .top-inner { display: flex; align-items: flex-end; }
.content-page-recruitment__inner .top .left { width: 48.2%;  }
.content-page-recruitment__inner .top .right { width: 51.8%; padding-left: 60px; text-align: right; padding-bottom: 15px;}
.content-page-recruitment__inner .top .left .wrap-img { margin-left: calc(( -100vw + 1125px)/2); }
.content-page-recruitment__inner .top .left .wrap-img img   { width: 100%; }
.content-page-recruitment__inner .top .right .heading h2.title { margin-bottom: 57px; }
.content-page-recruitment__inner .top .right .heading h2.title span:before { right: 0; left: unset; }

.content-page-recruitment__inner .bottom{ background-color: #F8F8F8; overflow: hidden;}
.content-page-recruitment__inner .bottom .list-utilities { display: flex; padding-left: unset; list-style: none; margin: -9px;}
.content-page-recruitment__inner .bottom .list-utilities__item { width: 33.33%; padding: 9px;}
.content-page-recruitment__inner .bottom .list-utilities__item .sub-title { font-size: 14px; color: #0B0C0C; margin-bottom: 5px; }
.content-page-recruitment__inner .bottom .list-utilities__item .title{ font-size: 24px; color: #1aabf0; margin-bottom: 25px; line-height: 1;}
.content-page-recruitment__inner .bottom .list-utilities__item .title span { padding-bottom: 18px; }
.content-page-recruitment__inner .bottom .list-utilities__item .title span:before { width: 69px; height: 1px; }
.content-page-recruitment__inner .bottom .list-utilities__item .item-inner { background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16); height: 100%; padding: 34px 18px 32px 25px; position: relative;}
.content-page-recruitment__inner .bottom .list-utilities__item .wrap-img { position: absolute; right: 0; bottom: 0; max-width: 60%;}
.content-page-recruitment__inner .bottom .list-utilities__item .heading { position: relative; z-index: 2; }
.content-page-recruitment__inner .bottom__inner { position: relative; padding: 57px 0;}
.content-page-recruitment__inner .bottom__inner:before { top: 0; left: 0; right: -200px; bottom: 0; content: ''; position: absolute;  background-color: #F0F0F0; transform: skew(-50deg); transform-origin: 0 100%;}

.position-recruitment { padding-top: 55px; padding-bottom: 50px; position: relative; background-color: #F8F8F8}
.position-recruitment:before { content: ''; right: 0; top: 0; background: url(../images/bg/bg-td.png) no-repeat; width: 1171px; max-width: 95%; position: absolute; bottom: 0; }
.position-recruitment__inner { position: relative; z-index: 1; }
.position-recruitment__inner .list-title { background-color: #1aabf0; padding: 13px 20px; color: #fff; display: flex; margin-bottom: 10px;}
.position-recruitment__inner .list-title span { display: inline-block; font-weight: bold; text-transform: uppercase; border-right: 1px solid #fff; line-height: 1; text-align: center;}
.position-recruitment__inner .list-title span:first-child { width: 27.5%; text-align: left;}
.position-recruitment__inner .list-title span:nth-child(2) { width: 21.2%; }
.position-recruitment__inner .list-title span:nth-child(3), .position-recruitment__inner .list-title span:nth-child(4) { width: 20%; }
.position-recruitment__inner .list-title span:nth-child(5) { width: 11.3%; }
.position-recruitment__inner .list-title span:last-child { border-right: none; }

.position-recruitment__inner .list-vacancies { padding-left: unset; margin-bottom: 0; list-style: none; border: 1px solid #1aabf0; background-color: #fff;}
.position-recruitment__inner .list-vacancies .infomation-recruitment { display: flex; padding: 10px 20px; transition: all ease 0.4s;}
.position-recruitment__inner .list-vacancies span { display: inline-block; color: #0B0C0C; text-align: center;}
.position-recruitment__inner .list-vacancies span:first-child { font-weight: bold; text-transform: uppercase; width: 27.5%; text-align: left; }
.position-recruitment__inner .list-vacancies span:nth-child(2) { width: 21.2%; }
.position-recruitment__inner .list-vacancies span:nth-child(3), .position-recruitment__inner .list-vacancies span:nth-child(4) { width: 20%; }
.position-recruitment__inner .list-vacancies span:nth-child(5) { width: 11.3%; } 
.position-recruitment__inner .list-vacancies__item.active .infomation-recruitment{ background-color: #F7F7F7 }
.position-recruitment__inner .list-vacancies__item:hover .infomation-recruitment { background-color: #F7F7F7; }
.position-recruitment__inner .list-vacancies__item  { border-top: 1px solid #CECECE; padding: 5px 0;}
.position-recruitment__inner .box-recruitment::-webkit-scrollbar {
  width: 1px;
}
.position-recruitment__inner .box-recruitment::-webkit-scrollbar-track {
  background: transparent;
}

/*Page introduce*/

.block1-page-introduce { overflow: hidden; }
.block1-page-introduce__inner { display: flex; flex-wrap: wrap; padding-top: 18px; padding-bottom: 28px;}
.block1-page-introduce__left { width: 46.7% }
.block1-page-introduce__right { width: 53.3%; padding-top: 65px; padding-left: 30px; text-align: right;}
.block1-page-introduce__left .wrap-img { margin-left: calc(( -100vw + 1125px)/2); position: relative; overflow: hidden; margin-right: -80px; transform: skew(30deg); transform-origin: 100% 100%;}
.block1-page-introduce__left .wrap-img .inner { transform: skew(-30deg); transform-origin: 100% 100%;}
.block1-page-introduce__left .wrap-img .inner img { min-height: 355px; }
.block1-page-introduce__right .heading .sub-title  { font-size: 14px; }
.block1-page-introduce__right .heading h2.title span:before { left: unset; right: 0; }
.block1-page-introduce .big-image img{ width: 100%; }

.block2-page-introduce { overflow: hidden; padding-bottom: 60px;}
.block2-page-introduce__inner { display: flex; flex-wrap: wrap; padding-top: 60px;}
.block2-page-introduce__inner.change { flex-direction: row-reverse; }
.block2-page-introduce__left { width: 39%; }
.block2-page-introduce__left .des ul { padding-left: 20px; }
.block2-page-introduce__right { width: 61%; }
.block2-page-introduce__inner .wrap-img { margin-right: calc(( -100vw + 1125px)/2); position: relative; overflow: hidden;}
.block2-page-introduce__inner.change .wrap-img { margin-left: calc(( -100vw + 1125px)/2); margin-right: unset; transform-origin: 100% 100%; overflow: hidden;}
.block2-page-introduce__inner .wrap-img:before { content: ''; left: 0; width: 150px; top: 0; bottom: -1px; background: #f8f8f8; position: absolute; z-index: 2; transform: skew(21deg); transform-origin: 100% 100%}
.block2-page-introduce__inner.change .wrap-img:before { left: unset; right: 0; transform: skew(21deg); transform-origin: 0% 0%}

.block3-page-introduce { position: relative; }
.block3-page-introduce:before { content: ''; left: 0; right: 0; bottom: 0; top: 0; background-color: #0B0C0C; opacity: 0.6; position: absolute; z-index: 1; }
.block3-page-introduce__inner { padding: 140px 0; text-align: center; color: #fff;}
.block3-page-introduce__inner .heading { color: #fff; z-index: 2; position: relative; }
.block3-page-introduce__inner .heading h2.title { color: #fff; }
.block3-page-introduce__inner .heading h2.title span:before { left: 50%; background-color: #fff; transform: translateX(-50%); }
.block3-page-introduce .wrap-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.block3-page-introduce .wrap-img img { width: 100%; height: 100%; }

.block3-page-introduce .list-core_value { padding-left: unset; list-style: none; margin: -23px -12px; display: flex; flex-wrap: wrap; justify-content: center;}
.block3-page-introduce .list-core_value .item { width: 25%; padding: 23px 12px;}
.block3-page-introduce .list-core_value .item .title { font-size: 24px; margin-bottom: 15px;}

.block4-page-introduce { padding-top: 100px; padding-bottom: 60px; }
.block4-page-introduce .top { margin-bottom: 30px; }
.block4-page-introduce .top .link { display: block; position: relative;}
.block4-page-introduce .top .link:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #0B0C0C; opacity: 0.45; position: absolute; }
.block4-page-introduce .top .icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all ease 0.4s;}
.block4-page-introduce .top .link:hover .icon-play { transform: translate(-50%, -50%) rotate(45deg); }
.block4-page-introduce .top .link:hover .thumbnail img { transform: scale(1.2) rotate(5deg); }
.block4-page-introduce .top .link .thumbnail img { transition: all ease 0.4s; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.block4-page-introduce .top .link .thumbnail { display: block; position: relative; height: 0; padding-top: 56%; overflow: hidden;}


.team.block5-page-introduce { padding-bottom: 120px; }
.block6-page-introduce .partner__inner { margin-top: 0; }
.block6-page-introduce.partner { background-color: #f8f8f8; padding-bottom: 80px;}
.block6-page-introduce.partner:before { content: ''; left: 0; top: 0; right: 0; height: 100px; position: absolute; background: #F0F0F0; }
.block6-page-introduce.partner:after { content: none; }

.content-page-news__top { padding-top: 31px; padding-bottom: 5px; }
.list-tab-news { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -30px; justify-content: center;}
.list-tab-news__item.active a,.list-tab-news__item a:hover { color: #fff; background-color: #1aabf0; }
.list-tab-news__item a { color: #0B0C0C; font-weight: bold; padding: 6px 33px; text-align: center; display: inline-block; text-transform: uppercase; transition: all ease 0.4s; border: 1px solid #1aabf0;}
.list-tab-news__item { padding: 0 30px; }
.content-page-news__bottom .post-related { margin-bottom: 0; }
.content-page-news__bottom .post-related .row [class*="col-"] { padding-top: 15px; padding-bottom: 15px; }

.content-page-projects__top { padding-top: 23px; padding-bottom: 20px; background: #F0F0F0;}
.content-page-projects__top .inner { display: flex; flex-wrap: wrap;  }
.content-page-projects__top .search { width: 387px; }
.content-page-projects__top .list-tab-projects { flex: 1; justify-content: flex-start; }
.content-page-projects__top .list-tab-projects .list-tab-news__item { padding: 0 }
.content-page-projects__top .list-tab-projects .list-tab-news__item { padding-right: 15px; }
.content-page-projects__top .list-tab-projects { margin: 0  }
.content-page-projects__top .search-inner { position: relative; display: flex;}
.content-page-projects__top .search input { width: 100%; border: 1px solid #B5B5B5; padding: 7px 15px 6px 35px; border-right: none;}
.content-page-projects__top .search input::placeholder  { color: #8D8D8D; }
.content-page-projects__top .button-search { background-color: #1aabf0; color: #fff; border: none; border-radius: 0; transition: all ease 0.4s; border: 1px solid transparent;}
.content-page-projects__top .search .icon { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); height: 15px; background-size: contain; }
.content-page-projects__top .button-search:hover { background: #fff; color: #1aabf0; border-color: #1aabf0;}
.content-page-projects__bottom .article-pattern .article-sub-title { color: #4B4B4B; }
.content-page-projects__bottom .article-pattern .price span:first-child{ font-weight: bold; font-style: 16px; }
.content-page-projects__bottom .article-pattern .price { color: #1aabf0; margin-bottom: 15px;}
.content-page-projects__bottom .post-related { margin-top: 6px; margin-bottom: 0; padding-bottom: 80px;}
.content-page-projects__bottom .post-related .row [class*="col-"], .news .row [class*="col-"] { padding-top: 15px; padding-bottom: 15px; }

.popup-content-recruitment { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(11,12,12,0.6); z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
.popup-content-recruitment.open { opacity: 1; visibility: visible; }
.popup-content-recruitment .popup-box { max-height: calc(100vh - 140px); position: relative; overflow: auto; margin: 0 calc((100vw - 1125px)/2); background-color: #fff; padding: 20px 30px; margin-top: 70px;}
.popup-content-recruitment .popup-box .main-title { font-size: 14px; font-weight: bold; color: #055594; margin-bottom: 15px;}
.popup-content-recruitment .popup-box .top .box-content { border: 1px solid #DDDDDD; padding: 15px 22px; }
.popup-content-recruitment .popup-box .top .box-content .heading h2.title { font-size: 16px; margin-bottom: 15px; }
.popup-content-recruitment .popup-box .top .box-content .heading h2.title span { padding-bottom: 11px; }
.popup-content-recruitment .popup-box .top ul { list-style: none; padding-left: unset; margin-bottom: 0; }
.popup-content-recruitment .popup-box .top ul .item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #DDDDDD; }
.popup-content-recruitment .popup-box .top ul .item:last-child { margin-bottom: 0; }
.popup-content-recruitment .popup-box .top ul .item p:last-child { margin-bottom: 0; }
.popup-content-recruitment .popup-box .wrap-button { text-align: right;  }
.popup-content-recruitment .popup-box .wrap-button .button { margin-top: 14px; padding: 8px 22px; font-weight: bold; text-transform: uppercase;}

.popup-content-recruitment .popup-box .top .des ul { padding-left: 15px; list-style: circle; }

/*Width*/
.popup-content-recruitment .popup-box::-webkit-scrollbar, .popup-apply .component-inner::-webkit-scrollbar {width: 7px; }
/* Track */
.popup-content-recruitment .popup-box::-webkit-scrollbar-track, .popup-apply .component-inner::-webkit-scrollbar-track {background: #E8E8E8; }
/* Handle */
.popup-content-recruitment .popup-box::-webkit-scrollbar-thumb, .popup-apply .component-inner::-webkit-scrollbar-thumb {background: #969696; }
/* Handle on hover */
.popup-content-recruitment .popup-box::-webkit-scrollbar-thumb:hover, .popup-apply .component-inner::-webkit-scrollbar-thumb:hover {background: #1aabf0; }

.popup-apply { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(11,12,12,0.6); z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
.popup-apply.open { opacity: 1; visibility: visible; }
.popup-apply .component-inner { height: calc(100vh - 140px); position: relative; overflow: auto; margin: 0 calc((100vw - 1125px)/2); background-color: #1aabf0; padding: 50px; margin-top: 70px;}
.popup-apply .component-inner .title { color: #FFFFFF; font-size: 45px; margin-bottom: 15px;}
.popup-apply .component-inner .heading { text-align: center; }
.popup-apply .component-inner .position { color: #CECECE; font-weight: bold; position: relative; padding-bottom: 70px; text-transform: uppercase;}
.popup-apply .component-inner .position span { position: relative; display: inline-block; padding-bottom: 5px;}
.popup-apply .component-inner .position span:before{ position: absolute; left: 0; right: 0; bottom: 0; background-color: #CECECE; height: 1px; content: ''; }
.popup-apply .component-inner .form__contact-wrap .form-group input::placeholder { color: #fff; }
.popup-apply .component-inner .form__contact-wrap .form-group input { border-bottom-color: #f8f8f8; padding-left: unset; color: #fff; }
.popup-apply .component-inner .form__contact-wrap .form-group.content textarea { background-color: transparent; color: #fff; border-color: #f8f8f8}
.popup-apply .component-inner .form__contact-wrap .form-group.content textarea::placeholder { color: #fff; }
.popup-apply .component-inner .form__contact-submit { text-align: right; display: flex; justify-content: flex-end;}
.popup-apply .component-inner .form__contact-submit .button_submit { background-color: #fff; min-width: 360px; color: #1aabf0;}
.popup-apply .component-inner .form__contact-submit .button_submit:hover { background-color:#1aabf0; color: #fff; border-color: #fff;  }
.popup-apply .close-button, .popup-content-recruitment .popup-box .close-button{ position: absolute; top: 0; right: 0; background-color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-weight: bold; cursor: pointer;}
.popup-apply .component-inner:before { content: ''; bottom: 0; right: 0; background: url(../images/bg/bg-form.png) no-repeat center center; width: 389px; background-size: contain; position: absolute;}
.popup-content-recruitment .popup-box .close-button { background-color: #1aabf0;}
.popup-content-recruitment .popup-box .close-button span { color: #fff; }
.popup-content-recruitment .popup-box .top .box-content .heading h2.title span:before { width: 69px; }


section.about-us { overflow: hidden; }
section.content-page-recruitment { overflow: hidden; }

.stop-scrolling__window {
  height: 100%;
  overflow: hidden;
}

.form__contact-submit label.filebutton img{
  margin-right: 11px;
}

.form__contact-submit label.filebutton {
    overflow:hidden;
    position:relative;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 5px 12px;
    color: #fff;
    margin-right: 35px;
    margin-bottom: 0;
    margin-left: 14px;
}

.form__contact-submit input {
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    top: -2px;
    left: -700px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
}

.form__contact-submit .image-upload {
  position: relative;
  color: #fff;
}

.form__contact-submit .filename {
  position: absolute;
    left: 0;
    transform: translateX(-100%);
}


.page-404-content { position: relative; background: url(../images/bg/bg-home.jpg) no-repeat center center; background-size: cover; overflow: hidden; height: 100vh;}
.page-404-content .container { height: 100%; }
.page-404-content__inner { position: relative; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.page-404-content__inner:before {
    position: absolute;
    top: 0;
    left: -10px;
    width: 1000px;
    height: unset;
    content: "";
    bottom: 0;
    z-index: 2;
    background: #1aabf0;
    right: -1700px;
    transform: skew(-15deg) translateX(-100%);
    transform-origin: 0 0;
}

.page-404-content:after {
    position: absolute;
    top: 0;
    width: 500px;
    content: "";
    bottom: 0;
    z-index: 2;
    background: rgba(176, 124, 100, 0.35);
    right: -700px;
    transform: skew(-15deg) translateX(calc((-100vw + 1110px + 172px)/2));
    transform-origin: 0 0;
}

.page-404-content:before {
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(288,288,288,0.95);
  position: absolute;
}

.page-404-content__inner .wrap-img { margin-bottom: 30px; }
.page-404-content__inner .title { font-size: 50px; color: #055594; }
.page-404-content__inner .logo { margin-bottom: 18px; }
.page-404-content__inner .button { text-align: left; }


.popup-register { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; opacity: 0; pointer-events: none; transition: all ease .4s; } 
.popup-register.open {opacity: 1; pointer-events: all; } 
.popup-register .overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 1; opacity: 1 !important; cursor: auto; } 
.popup-register .box {margin: auto; width: 700px; max-width: 90%; background: #fff; position: relative; z-index: 2; transition: all ease .4s; height: 90%;}
.popup-register .box.open {transform: translateY(0px); } 
.popup-register .close-btn {position: absolute; right: 0px; top: 0; width: 30px; height: 30px; background: #055594; text-align: center; line-height: 30px; cursor: pointer; color: #fff; font-size: 14px;}
.popup-register .content {padding: 20px 30px 30px; height: 100%;} 
.popup-register .content iframe { width: 100%; height: 100%; }
.button-quote { cursor: pointer; }
.hqd-custom-table { padding-left: unset; margin-bottom: unset; display: flex; flex-wrap: wrap; margin: -20px; padding-bottom: 20px;}
.hqd-custom-table li { width: 25%; padding: 20px; text-align: center; color: red; font-weight: bold; list-style-type: none;}
.hqd-custom-table li strong { font-size: 18px; color: #5A5A5A; display: block; margin-bottom: 20px; height: 52px;}

.marquee-top { padding-top: 88px; }
.marquee-top .inner { background: #fff; padding-top: 10px; font-size: 18px; font-weight: bold; color: #bd1717;}

.marquee-top.marquee-hide { padding-top: 0; }
.project-nav.project-nav-hide { top: 0; z-index: 200; }

/*Footer Change*/
.section-info-footer { position: relative; text-align: center; background-image: url(../images/bg/background_footer.svg); background-position: center; background-size: cover; padding: 60px 15px; z-index: 10;}
.section-info-footer:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: rgba(255,255,255,.4); }
.section-info-footer .c-info-footer { position: relative; }
.section-info-footer .wrap-footer-logo { margin-bottom: 50px; }
.section-info-footer .wrap-footer-logo .footer-logo { width: 200px; }
.section-info-footer .company-info { border-bottom: 2px solid #091b34; padding-bottom: 10px; margin-bottom: 15px; display: inline-block; }
.section-info-footer .footer-socials { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; justify-content: center; }
.section-info-footer .footer-socials .item { padding-left: 15px; padding-right: 15px; }
.section-info-footer .footer-socials .item .text { color: inherit; text-decoration: none; }
.section-info-footer .footer-socials .item .icon { margin-right: 10px; }
.section-info-footer .wrap-footer-logo { width: 270px; margin: auto; }
.section-info-footer .wrap-footer-logo img { max-height: 200px; object-fit: contain; }

.section-project table td, 
.section-project table, .section-project table th{border: 1px solid #aaa; padding: 10px; color: #000; }
.section-project table td { border-bottom: none; }
.section-project table tr td:first-child { border-right: none; font-weight: 600; }

.project-location .top { margin-bottom: 30px; }
.image { height: auto; }

.faq .accordion { margin-bottom: unset; padding-left: unset; list-style: none; border: #e6e6e6 1px solid; border-radius: 5px;}
.faq .accordion .btn-link {background: #fafafa; padding: 12px 12px 14px 10px; cursor: pointer; font-size: 17px; font-weight: 600; position: relative; margin-bottom: 0; margin: 0; background: none; text-decoration: none; color: #0B0C0C; display: block;}
.faq .accordion .btn-link:hover { outline: none; text-decoration: none;}
.faq .accordion li { position: relative; margin-bottom: 0; border-bottom: #e6e6e6 1px solid; }
.faq .accordion .btn-link:before { display: inline-block; content: ""; width: 0; height: 0; margin-right: 20px; content: "\f107"; font-family: FontAwesome; font-size: 18px; color: #00706e; position: absolute; right: 0; font-weight: normal; color: #333; }
.faq .accordion .content { padding-left: 25px; }

.project-description { overflow: auto; }