:root {
  --container-padding: 25px;
  --section-margin: 50px;
}

@media (min-width: 768px) {
  :root {
    --container-padding: 52px;
    --section-margin: 80px;
  }
}
@media (min-width: 1200px) {
  :root {
    --section-margin: 130px;
  }
}
/*FONTS*/
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Thin.woff2") format("woff2"), url("../fonts/Gotham-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-ThinItalic.woff2") format("woff2"), url("../fonts/Gotham-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-XLight.woff2") format("woff2"), url("../fonts/Gotham-XLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-XLightItalic.woff2") format("woff2"), url("../fonts/Gotham-XLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-LightItalic.woff2") format("woff2"), url("../fonts/Gotham-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BookItalic.woff2") format("woff2"), url("../fonts/Gotham-BookItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-MediumItalic.woff2") format("woff2"), url("../fonts/Gotham-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BoldItalic.woff2") format("woff2"), url("../fonts/Gotham-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Ultra.woff2") format("woff2"), url("../fonts/Gotham-Ultra.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-UltraItalic.woff2") format("woff2"), url("../fonts/Gotham-UltraItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BlackItalic.woff2") format("woff2"), url("../fonts/Gotham-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* Reset
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 10px;
  width: 100%;
}

th {
  font-weight: bold;
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  background: #fa9d1c;
  color: #373535;
  cursor: pointer;
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 11px 50px 9px;
  text-shadow: none;
  font-weight: 500;
  transition: all 0.25s ease-in-out 0s;
  -webkit-appearance: none;
  border-radius: 0;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: #373535;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

textarea, input, button, #product-description .ui-accordion-header {
  outline: none;
}

input[type=search] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea {
  color: #505050;
  border: 1px solid #9f9f9f;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #101010;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url] {
  padding: 7px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
}

/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
  padding: 0;
  margin: 0;
  background: #ffffff;
  font-family: "Gotham", sans-serif;
  line-height: 27px;
  font-size: 18px;
  color: #373535;
}

/* typography
-------------------------------------------------------------- */
/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  clear: both;
}
@media (max-width: 767px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-align: left !important;
  }
}
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child {
  margin-bottom: 0;
}

h1, .h1 {
  font-size: 46px;
  line-height: 52px;
  font-weight: 700;
}

h2, .h2 {
  font-size: 32px;
  line-height: 42px;
  color: #373535;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  h2, .h2 {
    margin-bottom: 40px;
  }
}

h3, .h3 {
  color: #fa9d1c;
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 20px;
  font-weight: 700;
}

@media (min-width: 768px) {
  h3, .h3 {
    margin-bottom: 40px;
  }
  h3 + ul, .h3 + ul {
    margin-top: -20px !important;
  }
}
h4, .h4 {
  line-height: 27px;
  font-size: 18px;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 10px;
}

/* Text elements */
p:not(:last-child) {
  margin-bottom: 20px;
}

ul,
ol {
  margin: 0 0 10px 1em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 10px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 10px 10px;
}

b,
strong {
  font-weight: 700;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 10px;
}

address {
  margin: 0 0 10px;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}

/* Links */
a {
  color: #373535;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
}

a:hover {
  color: #bbb8b5;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 10px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 10px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1102px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: border-box;
}

.container--wide {
  max-width: 1440px;
}

@media (min-width: 768px) {
  .container {
    padding: 0 52px;
  }
}
.clear {
  clear: both;
}

/* Header
-------------------------------------------------------------- */
#masthead .container {
  max-width: 1440px;
}

header#masthead {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
}

.mobile-sub-switch {
  display: none !important;
}

#header-top-section {
  background-color: #232323;
  color: #fa9d1c;
  overflow: hidden;
}

#header-top-content {
  height: 42px;
  display: flex;
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  #header-top-content {
    justify-content: flex-end;
  }
}
@media (min-width: 1199px) {
  #header-top-content {
    justify-content: flex-start;
  }
}
#header-top-social {
  float: right;
  margin-right: 44px;
  margin-top: 7px;
}

#header-top-social > a {
  color: #686464;
  display: inline-block;
  font-size: 19px;
  margin-right: 21px;
  vertical-align: top;
}

#header-top-social > a:last-child {
  margin-right: 0;
}

#header-top-social > a:hover {
  color: #fa9d1c;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

#header-top-phone {
  float: right;
  position: relative;
  margin-right: 44px;
  margin-top: 7px;
}

@media (min-width: 768px) {
  #header-top-phone {
    float: none;
    margin-left: auto;
  }
}
@media (min-width: 1199px) {
  #header-top-content {
    justify-content: flex-start;
  }
  #header-top-phone {
    margin-left: 0;
  }
}
#header-top-phone a {
  color: #fa9d1c;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.08em;
}

#header-top-tenderlogin > a {
  background-color: #fa9d1c;
  color: #232323;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 0 23px;
  height: 42px;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

@media (min-width: 768px) {
  #header-top-tenderlogin > a {
    padding: 0 35px;
  }
}
#header-top-tenderlogin > a:hover {
  background-color: #eb8b06;
}

#header-top-tenderlogin {
  position: relative;
}

@media (min-width: 768px) {
  #header-top-tenderlogin {
    margin-right: -52px;
  }
}
@media (min-width: 1199px) {
  #header-top-tenderlogin {
    margin-right: 0;
  }
}
#mobile-menu-bt {
  cursor: pointer;
  display: none;
  float: right;
  height: 31px;
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  width: 34px;
  z-index: 9999;
}

#mobile-menu-bt > span:before {
  background-color: #fff;
  border-radius: 5px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: -15px;
  width: 34px;
}

#mobile-menu-bt > span:after {
  background-color: #fff;
  border-radius: 5px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 34px;
}

#mobile-menu-bt.mobile-active > span:after {
  transform: rotate(45deg);
  top: 0;
}

#mobile-menu-bt.mobile-active > span:before {
  transform: rotate(-45deg);
  top: 0;
}

#mobile-menu-bt.mobile-active > span {
  background: transparent;
}

#mobile-menu-bt > span {
  background-color: #fff;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 34px;
}

.header-menu {
  background: rgba(35, 35, 35, 0.7);
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 1199px) {
  .header-menu {
    display: flex;
    align-items: center;
  }
}
.header-menu__inner {
  position: relative;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-menu ul {
  margin: 0;
  padding: 0;
}

.header-menu ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}

.header-menu ul > li:last-child ul.sub-menu {
  right: 0;
}

.header-menu ul li:last-child a {
  margin-right: 0;
}

.header-menu ul li a {
  color: #ffffff;
  font-size: 17.6px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-bottom: 41px;
}

@media (min-width: 1600px) {
  .header-menu ul li a {
    margin-right: 30px;
  }
}
#menu-item-2518 a {
  margin-right: 0 !important;
}

body.safari-browser .header-menu ul li a {
  margin-right: 45px;
}

.header-menu ul li.menu-item-has-children > a:before {
  color: #fa9d1c;
  content: "\f107";
  display: inline-block;
  font-family: "fontawesome";
  font-size: 20px;
  margin-right: 7px;
  position: relative;
  top: 1px;
}

.header-menu ul.sub-menu {
  position: absolute;
  top: 65px;
  width: 226px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  box-sizing: border-box;
  z-index: 9999;
}

.header-menu .sub-menu li {
  display: none;
  background-color: #fa9d1c;
}

.header-menu li:hover ul.sub-menu li {
  display: block;
}

.header-menu li.menu-item-has-children:hover ul.sub-menu li {
  opacity: 0;
  transform-origin: center top;
}

.header-menu li.menu-item-has-children:hover ul.sub-menu li:nth-child(1) {
  animation-name: menu-item-has-children;
  animation-duration: 250ms;
  animation-delay: 0ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.header-menu li.menu-item-has-children:hover ul.sub-menu li:nth-child(2) {
  animation-name: menu-item-has-children;
  animation-duration: 250ms;
  animation-delay: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.header-menu li.menu-item-has-children:hover ul.sub-menu li:nth-child(3) {
  animation-name: menu-item-has-children;
  animation-duration: 250ms;
  animation-delay: 500ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes menu-item-has-children {
  0% {
    opacity: 0;
    transform: rotateX(50deg) translateY(-30px);
  }
  60% {
    transform: rotateX(-15deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg) translateY(0);
  }
}
.header-menu ul.sub-menu li a {
  border-bottom: 2px solid #fff;
  color: #373535;
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-right: 0 !important;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-top: 13px;
  text-align: right;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.header-menu ul li .sub-menu li:last-child a {
  border: none;
}

.header-menu ul.sub-menu li a:hover {
  color: #373535;
  background-color: #eb8b06;
}

.header-menu ul li > a:hover,
.header-menu ul > li.current_page_item > a {
  color: #fa9d1c;
}

#our-process-section {
  position: relative;
  top: -250px;
  z-index: -1;
}

#join-vibrant-team,
#consultant-ftp {
  position: relative;
  top: -230px;
  z-index: -1;
  display: block;
  vertical-align: top;
}

#requst-a-quote {
  position: relative;
  top: -150px;
  z-index: -1;
  display: inline-block;
}

#safety {
  position: relative;
  top: -130px;
  z-index: -1;
}

#specializations {
  position: relative;
  top: -130px;
  z-index: -1;
}

#awards-associations,
#meet-the-team,
#construction-devilery-methods {
  position: relative;
  top: -220px;
  z-index: -1;
}

#carrers,
#sectors {
  position: relative;
  top: -156px;
  z-index: -1;
}

.header-menu ul li#item-with-logo {
  width: 160px;
}

#header-logo {
  background-image: url("../images/header-shadow-rectangle.png");
  background-position: center 122px;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 190px;
  width: 100%;
}

@media (min-width: 768px) {
  #header-logo {
    left: 0;
    transform: translateY(-50%);
  }
}
#header-logo img {
  display: block;
}

.tender-popup {
  display: none;
  margin: 0 auto;
  max-width: 740px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 39px;
  text-align: center;
  width: 100%;
}

.tender-popup-title h2 {
  font-weight: 500;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fa9d1c;
}

.tender-content {
  color: #fff;
  padding-bottom: 50px;
}

.tender-content strong {
  text-transform: uppercase;
}

.tender-bt {
  margin-top: 30px;
}

.tender-bt > a {
  background-color: #fa9d1c;
  display: block;
  font-weight: 500;
  margin: 0 auto;
  max-width: 400px;
  padding: 9px 50px 7px;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.tender-bt > a:hover {
  background-color: #686464;
  color: #fff;
}

/* Page
-------------------------------------------------------------- */
.page-content ul {
  margin: 0 0 11px 0em;
}

.page-content ul li {
  list-style: outside none none;
  margin-bottom: 17px;
  padding-left: 30px;
  position: relative;
}

.page-content ul li ul {
  margin-top: 17px;
}

.page-content ul li:before {
  background-color: #686464;
  content: "";
  display: block;
  top: 9px;
  height: 10px;
  left: 0;
  position: absolute;
  width: 10px;
}

/* Home
-------------------------------------------------------------- */
#home-intro-content {
  margin-bottom: 82px;
}

#home-intro-content h1 {
  font-size: 2.44em;
  font-weight: normal;
  line-height: 52px;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.cta-box {
  background-size: cover;
  background-position: center center;
}

.cta-box.cta-team-box {
  background-image: url(../images/team-cta-bg.jpg);
}

.cta-box.cta-portfolio-box {
  background-image: url(../images/portfolio-cta-bg.jpg);
}

.cta-box.cta-future-box {
  background-image: url(../images/future-cta-bg.jpg);
}

.cta-box {
  overflow: hidden;
  background-size: cover;
  box-sizing: border-box;
  position: relative;
}

.cta-box:not(:last-child) {
  margin-bottom: 48px;
}

.cta-box-container {
  width: 100%;
  background-color: rgba(35, 35, 35, 0.7);
  overflow: hidden;
}

.cta-content-text {
  padding: 44px 81px 0px;
}

.cta-box-title {
  color: #fa9d1c;
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 20px;
  font-weight: 700;
}

.cta-box-content {
  color: #fff;
  max-width: 580px;
}

.cta-box-content p {
  margin-bottom: 0px;
}

.cta-box-url {
  float: right;
  position: relative;
}

.cta-box-url > a {
  background-color: #fa9d1c;
  color: #373535;
  display: block;
  font-weight: 500;
  font-size: 18px;
  padding: 11px 61px 23px;
  position: relative;
  top: 14px;
  transition: all 0.25s ease-in;
}

.cta-box-url > a:hover {
  top: 0;
}

.cta-box-url > a span {
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  position: relative;
  top: 0px;
}

.cta-box-url > a:hover span {
  top: 7px;
}

#quote-box-wrapper {
  background-color: #f4f4f4;
  padding: 120px 0;
}

.quote-text {
  color: #373535;
  font-size: 22px;
  line-height: 1.5;
}

#quote-slider .owl-stage {
  display: flex;
  flex-wrap: wrap;
}

#quote-slider:before {
  border-left: 3px solid #bbb8b5;
  border-right: 3px solid #bbb8b5;
  border-top: 3px solid #bbb8b5;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 34px;
  width: 100%;
  position: absolute;
}

#quote-slider:after {
  border-bottom: 3px solid #bbb8b5;
  border-left: 3px solid #bbb8b5;
  border-right: 3px solid #bbb8b5;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 34px;
  width: 100%;
  position: absolute;
  bottom: 110px;
}

.quote-text-inside {
  align-items: center;
  display: flex;
  height: 280px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .quote-text-inside {
    max-width: 85%;
    padding: 50px 0;
  }
}
#quote-box-wrapper .owl-dots {
  float: right;
  margin-top: -65px;
  z-index: 101;
  position: relative;
}

#quote-box-wrapper .owl-dot span {
  background-color: #373535;
  display: inline-block;
  height: 16px;
  margin-right: 18px;
  width: 16px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

#quote-box-wrapper .owl-dot:last-child span {
  margin-right: 0;
}

#quote-box-wrapper .owl-dot.active span {
  background-color: #fa9d1c;
}

.quote-author {
  color: #373535;
  font-size: 20px;
  position: relative;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .quote-author {
    margin-top: 75px;
  }
}

/* About Page
-------------------------------------------------------------- */
.intro-content-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 18px;
}

#intro-content-section {
  padding-bottom: 55px;
}

.tab-item:not(:last-child) {
  margin-bottom: 30px;
}

.tab-item-title {
  color: #ffffff;
  padding-left: 82px;
  padding-right: 80px;
  vertical-align: middle;
  margin: 0;
}

.tab-level1 {
  position: relative;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
  cursor: pointer;
  display: table;
  height: 105px;
  overflow: hidden;
  width: 100%;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.tab-level1-overlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 35, 35, 0.7);
  display: flex;
  align-items: center;
}

.tab-content-level2 {
  margin: 45px auto 0;
  max-width: 84%;
}

.tab-level2 {
  display: none;
}

.tab-level2:after {
  border-left: 3px solid #bbb8b5;
  border-right: 3px solid #bbb8b5;
  border-bottom: 3px solid #bbb8b5;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 34px;
  width: 100%;
}

.tab-box-url {
  background-color: #fa9d1c;
  color: #373535;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42px;
  height: 42px;
  text-align: center;
  transition: all 0.25s ease-in;
}

@media (min-width: 768px) {
  .tab-box-url {
    width: 52px;
    height: 52px;
  }
}
@media (hover: hover) {
  .tab-level1:hover .tab-box-url {
    background-color: #373535;
    color: #fff;
  }
}
.tab-box-url:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.2002L0 1.9029L1.75 0.200195L7.5 5.79479L13.25 0.200195L15 1.9029L7.5 9.2002Z' fill='%23373535'/%3E%3C/svg%3E%0A") no-repeat center;
  background: currentColor;
  transition: rotate 0.3s;
}

.tab-level1.active-tab .tab-box-url:after {
  rotate: 180deg;
}

#safety-section {
  background: url("../images/safety-bg2.jpg") no-repeat center;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 90px;
  overflow: hidden;
  color: #ffffff;
}
#safety-section h2 {
  color: #ffffff;
}

@media (min-width: 1200px) {
  #safety-section {
    padding: 130px 0;
  }
}
.post-author {
  position: relative;
  float: left;
}

.post-author strong {
  font-size: 22px;
}

.post-author p {
  margin-bottom: 0;
}

.safety-button > a {
  background-color: #fa9d1c;
  color: #373535;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  font-weight: 500;
  padding: 10px 34px;
  text-transform: uppercase;
  box-sizing: border-box;
  transition: all 0.25s ease-out;
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .safety-button > a {
    width: auto;
  }
}
.safety-button > a:hover {
  background-color: #373535;
  color: #fff;
}

.safety-button {
  display: flex;
  margin-top: 40px;
  position: relative;
}

.awards-item {
  margin-bottom: 29px;
}

.award-level1 {
  border-bottom: 2px solid #cac7c5;
  overflow: hidden;
  padding-bottom: 23px;
}

.awards-content:before {
  background-image: url("../images/MBC_award.svg");
  content: "";
  display: block;
  float: left;
  height: 97px;
  margin-left: 34px;
  margin-right: 33px;
  width: 97px;
}

.awards-name {
  font-weight: 500;
  font-size: 22px;
  line-height: 31px;
  padding-top: 5px;
  margin-bottom: 5px;
}

.awards-content {
  width: 730px;
  float: left;
}

.about-awards-content {
  margin: 0 calc(var(--container-padding) * -1);
}

@media (min-width: 768px) {
  .about-awards-content {
    margin: 0;
  }
}
.awards-box-url {
  background-color: #fa9d1c;
  color: #373535;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  position: relative;
  margin-top: 41px;
  width: 42px;
  height: 42px;
  text-align: center;
  transition: all 0.25s ease-in;
}

@media (min-width: 768px) {
  .awards-box-url {
    width: 52px;
    height: 52px;
  }
}
@media (hover: hover) {
  .awards-box-url:hover {
    background-color: #373535;
    color: #fff;
  }
}
.awards-box-url:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  mask: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 9.2002L0 1.9029L1.75 0.200195L7.5 5.79479L13.25 0.200195L15 1.9029L7.5 9.2002Z' fill='%23373535'/%3E%3C/svg%3E%0A") no-repeat center;
  background: currentColor;
  transition: rotate 0.3s;
}

.awards-box-url.active-tab:after {
  rotate: 180deg;
}

.award-level2 {
  display: none;
  margin-top: 30px;
  padding-bottom: 10px;
}

/* Team
-------------------------------------------------------------- */
#team-wrapper {
  overflow: hidden;
  margin-top: 30px;
}

@media (min-width: 768px) {
  #team-wrapper {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  #team-wrapper {
    margin-top: 60px;
  }
}
.team-item {
  float: left;
  position: relative;
  width: 400px;
  margin-right: 29px;
  margin-bottom: 29px;
}

.team-level1 {
  position: relative;
  height: 300px;
}

.team-photo {
  background-size: cover;
  background-position: center center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all 0.25s ease-in;
}

.team-level1:hover .team-photo {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.team-info-wrapper {
  position: absolute;
  box-sizing: border-box;
  top: 31%;
  width: 194px;
}

.team-name-position-info {
  background: rgba(0, 0, 0, 0.5);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 17px;
  padding-bottom: 13px;
}

.team-name {
  color: #fa9d1c;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 4px;
}

.team-proffesion {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.bio-bt {
  background-color: #fa9d1c;
  box-sizing: border-box;
  color: #232323;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  padding: 0 15px;
  width: 130px;
  text-transform: uppercase;
  min-height: 36px;
  transition: all 0.25s ease-in;
}

@media (hover: hover) {
  .bio-bt:hover {
    background: #373535;
    color: #ffffff;
  }
}

.team-item.team-number-1 {
  margin-left: 0;
}

.team-greybox-right {
  background-color: #F4F4F4;
  float: left;
  position: relative;
  width: 139px;
  height: 300px;
}

.team-greybox-left {
  background-color: #F4F4F4;
  float: left;
  margin-right: 29px;
  position: relative;
  width: 139px;
  height: 300px;
}

.team-item.team-number-4 .team-info-wrapper {
  width: 210px;
}

.team-item.team-number-4 {
  margin-right: 0;
}

#meet-the-team-content {
  background: #fa9d1c none repeat scroll 0 0;
  box-sizing: border-box;
  color: #373535;
  float: left;
  height: 300px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-top: 41px;
  position: relative;
  text-align: center;
  width: 568px;
  padding-right: 20px;
}

#meet-the-team-content > h3 {
  font-size: 22px;
  margin-bottom: 17px;
}

.center-align {
  text-align: center;
}

#carrers-section {
  background-image: url(../images/carrers-bg.jpg);
  background-size: cover;
  background-position: center center;
  padding-top: 61px;
  padding-bottom: 80px;
}

#carrers-section .intro-content-text.center-align {
  border-bottom: 2px solid #bbb8b5;
  padding-bottom: 8px;
  margin-bottom: 30px;
}

.hiring-title {
  line-height: 30px;
  margin-bottom: 16px;
}

.hiring-title > strong {
  display: block;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
}

#hiring-section {
  text-align: Center;
}

@media (min-width: 768px) {
  .hiring-content {
    text-align: center;
  }
}
.hiring-content.no-positions {
  padding-bottom: 15px;
}

#team-section {
  overflow: hidden;
  padding-bottom: 60px;
}

.hiring-position {
  display: inline-block;
  font-weight: 500;
  font-size: 22px;
  margin-right: 13px;
  margin-bottom: 15px;
}

.hiring-position:after {
  content: "|";
  margin-left: 10px;
}

.hiring-position:last-child {
  margin-right: 0;
}

.hiring-position:last-child:after {
  margin-left: 0;
  content: "";
}

.hiring-contact-info {
  font-size: 18px;
  margin-top: 27px;
  margin-bottom: 51px;
  text-align: center;
}

.hiring-contact-info a {
  color: #373535;
}

.hiring-contact-info a:hover {
  color: #373535;
}

.hiring-button-container {
  text-align: center;
}

.site-bt {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #fa9d1c;
  color: #373535;
  font-weight: 500;
  padding: 14px 54px;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.site-bt:hover {
  color: #fff;
  background-color: #373535;
}

.popup-section {
  max-width: 1050px;
  display: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popup-left-section .right-popup-title,
.popup-left-section .right-popup-pro-title {
  display: none;
}

.popup-image {
  background-position: center bottom;
  background-size: cover;
  height: 300px;
  max-width: 400px;
  position: relative;
}

.popup-contact-bt > a {
  background-color: #fa9d1c;
  bottom: 0;
  color: #232323;
  display: block;
  font-weight: 500;
  font-size: 17px;
  left: 0;
  padding-bottom: 5px;
  padding-top: 6px;
  position: relative;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  margin-bottom: 41px;
}

.popup-contact-bt > a:hover {
  background-color: #bbb8b5;
}

.milestone-year {
  color: #fa9d1c;
  font-size: 17px;
  line-height: 25px;
}

.milestone-name {
  color: #fff;
}

.popup-left-list:before {
  background-color: #fa9d1c;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  top: 10px;
  width: 11px;
  left: 0;
}

.popup-left-list {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
}

.popup-left-section {
  float: left;
  position: relative;
  width: 400px;
  margin-right: 96px;
}

.popup-right-section {
  box-sizing: border-box;
  float: left;
  padding-right: 0px;
  position: relative;
  width: 502px;
}

.right-popup-title {
  color: #fa9d1c;
  font-weight: 500;
  font-size: 22px;
  line-height: 25px;
  margin-top: 18px;
  width: 200px;
}

.right-popup-pro-title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 35px;
}

.right-popup-bio {
  color: #fff;
}

.popup-section .fancybox-close-small {
  background-color: #fa9d1c;
  color: #232323;
  font-weight: 500;
  font-weight: normal;
  height: inherit;
  padding: 11px 10px 10px;
  text-transform: uppercase;
  line-height: 1;
  width: auto;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

body.safari-browser .popup-section .fancybox-close-small {
  padding: 12px 10px 8px;
}

.popup-section .fancybox-close-small:hover {
  background-color: #bbb8b5;
}

.popup-section .fancybox-close-small:before {
  content: "Close X";
}

.popup-section .fancybox-close-small svg {
  display: none;
}

/* service
-------------------------------------------------------------- */
#filter-tabs {
  position: relative;
  text-align: center;
}

@media (min-width: 1200px) {
  #filter-tabs {
    display: flex;
    justify-content: center;
    gap: 0 30px;
  }
}
#filter-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #bbb8b5;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 195px;
  min-height: 60px;
}

#filter-tabs a.active-filter {
  color: #373535;
}

.tabs a {
  display: inline-block;
  padding: 10px;
}

#site-tabs .page-title h1, #site-tabs .page-title h2 {
  margin-bottom: 39px;
}

.tab-nav-line {
  background-color: #dddbda;
  height: 3px;
  position: relative;
  margin-top: 17px;
  width: 100%;
  margin-bottom: 40px;
}

.tab-content {
  height: 100%;
  min-height: 200px;
  position: relative;
  display: none;
}

.tab-content:first-child {
  display: block;
}

.tab-content-section {
  margin-top: 100px;
}

.indicater {
  background-color: #fa9d1c !important;
  bottom: -26px !important;
  height: 15px !important;
  z-index: 10;
}

.tab-description {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .tab-description {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .tab-description {
    margin-bottom: 40px;
  }
}
#filter-content {
  margin-top: 40px;
}

.triangle-left {
  display: none;
  border-color: transparent transparent transparent #fa9d1c;
  border-style: solid;
  border-width: 20px 0 20px 21px;
  height: 0;
  left: 0;
  position: absolute;
  top: 45%;
  width: 0;
}

#site-tabs {
  padding-bottom: 80px;
}

#sectors-section {
  position: relative;
  background-image: url(../images/sectors-bg.jpg);
  background-size: cover;
  padding-top: 63px;
  padding-bottom: 73px;
  overflow: hidden;
}

#experience-section-title {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 45px;
}

@media (min-width: 768px) {
  #experience-item-wrapper {
    column-count: 2;
    column-gap: 2%;
  }
}
@media (min-width: 1200px) {
  #experience-item-wrapper {
    column-count: 3;
  }
}
.experience-item {
  box-sizing: border-box;
  /*float: left;*/
  margin-bottom: 5px;
  margin-right: 2%;
  padding-left: 30px;
  position: relative;
  vertical-align: top;
  /*width: 31%;*/
}

/*
@media (min-width: 1200px) {
    .experience-item:nth-child(3n+2) {
        width: 25%;
    }
    .experience-item:nth-child(3n) {
        width: 38%;
        margin-right: 0;
    }
}
*/
.experience-item:before {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 10px;
}

#specializations-section {
  padding-top: 95px;
}

/* Contact
-------------------------------------------------------------- */
.page-title.left-align h1, .page-title.left-align h2 {
  text-align: left;
}

.page.page-template-template-contact {
  background-repeat: no-repeat;
  background-image: url(../images/contact-bg.jpg);
  background-size: auto !important;
  background-position: center 260px;
}

@media (min-width: 2000px) {
  .page.page-template-template-contact {
    background-size: 100% auto !important;
  }
}
.page-template-template-contact .page-title h1,
.page-template-template-contact .page-title h2 {
  margin-bottom: 33px;
}

.contact-info-item {
  margin-bottom: 17px;
}

.directions-bt {
  margin-top: 37px;
}

.directions-bt a {
  display: inline-block;
  text-align: center;
}

.contact-page {
  position: relative;
}

.map-marker {
  left: 50%;
  margin: auto;
  max-width: 88px;
  position: absolute;
  right: 0;
  top: -2%;
}

@media (min-width: 1599px) {
  .map-marker {
    top: 0%;
  }
}
.contact-info-item a,
.contact-info-item a:hover {
  color: #373535;
}

.contact-page #intro-content {
  margin-bottom: 104px;
}

.contact-page-info {
  padding-top: 400px;
}

@media (min-width: 768px) {
  .contact-page-info {
    padding-top: 0;
  }
}
.contact-page #intro-content .container {
  max-width: 835px;
}

#contact-form-content.container {
  background-color: #373535;
  box-sizing: border-box;
  max-width: 835px;
  padding-top: 75px;
  padding-bottom: 80px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 90px;
}

#contact-top-desc {
  color: #fff;
  text-align: center;
}

#contact-top-subtitle {
  font-size: 18.7px;
}

#cf-tabs > a {
  border: 2px solid #fa9d1c;
  color: #fa9d1c;
  float: left;
  padding-bottom: 9px;
  padding-top: 11px;
  text-align: center;
  width: 49%;
  font-weight: 500;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

#cf-tabs > a:hover {
  background-color: #fa9d1c;
  border: 2px solid #fa9d1c;
  color: #373535;
}

#cf-tabs a.active-cf {
  background-color: #fa9d1c;
  color: #373535;
  position: relative;
}

#cf-tabs a.active-cf:after {
  border-color: #fa9d1c transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 9px auto auto;
  position: absolute;
  right: 0;
  width: 0;
}

#cf-tabs {
  margin-top: 29px;
}

.cf-form-title {
  margin-bottom: 25px;
  margin-top: 60px;
  text-align: center;
}

.full-input-width {
  margin-bottom: 22px;
}

.full-input-width input {
  box-sizing: border-box;
  color: #989796;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 4px;
  padding-left: 13px;
  padding-top: 6px;
  width: 100%;
  color: #989796;
  -webkit-appearance: none;
  border-radius: 0;
}

.full-input-width textarea {
  font-weight: 500;
  font-size: 16px;
  height: 150px;
  color: #989796;
  -webkit-appearance: none;
  border-radius: 0;
}

.full-input-width input::-webkit-input-placeholder,
.full-input-width textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #989796;
}

.full-input-width input::-moz-placeholder,
.full-input-width textarea::-moz-placeholder { /* Firefox 19+ */
  color: #989796;
  opacity: 1;
}

.full-input-width input:-ms-input-placeholder,
.full-input-width textarea:-ms-input-placeholder { /* IE 10+ */
  color: #989796;
}

.full-input-width input:-moz-placeholder,
.full-input-width textarea:-moz-placeholder { /* Firefox 18- */
  color: #989796;
}

.captcha-input {
  float: left;
  position: relative;
}

.submit-input {
  float: right;
  position: relative;
}

.submit-input .wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.submit-input input:hover {
  background: #989796;
}

div.wpcf7 .ajax-loader {
  display: block;
}

#cf-content div.wpcf7-response-output {
  color: #fff;
  margin: 2em 0 1em;
}

.cf-form-content {
  font-size: 18.7px;
  margin-bottom: 40px;
}

.cf-form-content h4 {
  font-weight: 500;
  font-size: 18.7px;
  line-height: 30px;
}

.file-bt {
  background-color: #bbb8b5;
  color: #232323;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  padding: 8px 20px 5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  margin-right: 30px;
}

.file-hidden input {
  display: none;
}

.file-bt-desc {
  color: #989796;
  line-height: 24px;
  margin-top: 15px;
}

#cf-content {
  font-size: 16px;
}

#form2 {
  display: none;
}

.file-bt:hover {
  background-color: #fa9d1c;
}

.file-name-form {
  color: #989796;
  display: inline-block;
  font-weight: 500;
  line-height: 24px;
  max-width: 295px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contact-bottom-cta {
  float: left;
  width: 49%;
  margin-bottom: 10px;
}

.contact-bottom-cta:before {
  border-left: 3px solid #bbb8b5;
  border-right: 3px solid #bbb8b5;
  border-top: 3px solid #bbb8b5;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 34px;
  width: 100%;
}

.contact-bottom-cta:after {
  border-bottom: 3px solid #bbb8b5;
  border-left: 3px solid #bbb8b5;
  border-right: 3px solid #bbb8b5;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 34px;
  width: 100%;
}

.contact-bottom-icon > img {
  max-width: 195px;
}

.contact-bottom-icon {
  margin-bottom: 12px;
}

.contact-bottom-title {
  font-weight: 500;
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 18px;
}

.contact-bottom-bt a {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .contact-bottom-bt a {
    width: 180px;
  }
}
.contact-bottom-content {
  margin-bottom: 20px;
  min-height: 100px;
}

.contact-bottom-inside {
  box-sizing: border-box;
  padding: 10px 62px 20px;
  text-align: center;
}

#contact-bottom-section {
  background-color: #f4f4f4;
  padding-bottom: 70px;
  padding-top: 70px;
  overflow: hidden;
}

.contact-bottom-cta.first-bottom-cta {
  margin-right: 2%;
}

/* News
-------------------------------------------------------------- */
.news-item {
  float: left;
  margin-bottom: 29px;
  margin-right: 29px;
  position: relative;
  width: 400px;
  height: 300px;
  transition: all 0.25s ease-in 0s;
}

.news-photo {
  background-position: center center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.25s ease-in 0s;
  width: 100%;
}

.news-item:hover .news-photo {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.news-info-wrapper {
  box-sizing: border-box;
  position: absolute;
  top: 24%;
  width: 95%;
  z-index: 2;
}

.news-title {
  box-sizing: border-box;
  color: #ffffff;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 8px;
}

.news-date {
  color: #fff;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 10px;
  text-transform: uppercase;
}

.news-overlay {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
}

.news-bt {
  background-color: #fa9d1c;
  box-sizing: border-box;
  color: #232323;
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  padding: 3px 13px 4px 16px;
  text-transform: uppercase;
  transition: all 0.25s ease-in 0s;
}

@media (hover: hover) {
  .news-item:hover .news-bt {
    color: #ffffff;
    background-color: #373535;
  }
}

.news-info {
  margin-bottom: 30px;
}

.news-item.news-number-4,
.news-item.news-number-8 {
  margin-right: 0;
}

.block-yellow-right {
  background: #fa9d1c;
  box-sizing: border-box;
  float: left;
  height: 300px;
  width: 568px;
}

.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi span.pages {
  border: medium none;
  color: #bbb8b5;
  display: inline-block;
  font-weight: 500;
  left: 0;
  right: 0;
  padding-bottom: 7px;
  padding-top: 9px;
  position: absolute;
}

.wp-pagenavi .nextpostslink,
#next-blog-nav,
#next-project-nav {
  float: right;
}

.wp-pagenavi .previouspostslink,
#prev-blog-nav, #prev-project-nav {
  float: left;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
#prev-blog-nav, #next-blog-nav,
#prev-project-nav a, #next-project-nav a {
  background-color: #fa9d1c;
  border: medium none;
  color: #373535;
  position: relative;
  z-index: 2;
  display: inline-block;
  font-weight: 500;
  padding-bottom: 7px;
  padding-top: 9px;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
}

.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
#prev-blog-nav:hover, #next-blog-nav:hover,
#prev-project-nav a:hover, #next-project-nav a:hover {
  background-color: #373535;
  color: #fff;
}

#news-pagination {
  margin: 25px auto 0;
  max-width: 500px;
  position: relative;
}

#single-news-navigation {
  margin: 0 auto;
  max-width: 500px;
  position: relative;
}

#single-nav-wrapper {
  border-top: 2px solid #bbb8b5;
  margin-top: 50px;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 50px;
  min-height: 44px;
}

#for-blog-nav, #for-project-nav {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

#for-blog-nav > a,
#for-project-nav > a {
  color: #bbb8b5;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
}

.top-project-nav-item {
  display: inline-block;
  width: 32.9%;
  vertical-align: top;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

#top-projects-nav {
  border-top: 2px solid #bbb8b5;
  padding-top: 15px;
  margin-bottom: 15px;
}

.top-project-nav-item a {
  color: #bbb8b5;
}

.top-project-nav-item a:hover {
  color: #373535;
}

.top-project-nav-item.left-align {
  text-align: left;
}

.top-project-nav-item.right-align {
  text-align: right;
}

#for-blog-nav a:before,
#for-project-nav a:before {
  background-image: url("../images/backgrid.png");
  background-repeat: no-repeat;
  background-size: 23px auto;
  clear: both;
  content: " ";
  display: block;
  height: 23px;
  margin: 0 auto;
  width: 23px;
}

.uppercase-text {
  text-transform: uppercase;
}

.page-title.single-news-title h1,
.page-title.single-news-title h2 {
  margin-bottom: 10px;
}

.news-banner-image {
  height: auto;
  max-width: 100%;
}

.news-full-image {
  display: block;
  height: auto;
  margin-bottom: 65px;
  max-width: 100%;
}

.single-content h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.news-duo-images {
  margin-bottom: 65px;
}

.duo-image-left {
  display: inline-block;
  max-width: 48%;
  vertical-align: top;
  margin-right: 3%;
}

.duo-image-right {
  display: inline-block;
  max-width: 48%;
  vertical-align: top;
}

.single-content {
  margin-bottom: 50px;
}

/* Projects
-------------------------------------------------------------- */
#filter-tabs {
  position: relative;
  text-align: center;
  padding-top: 17px;
}

#filter-tabs.project-tabs a {
  min-height: 35px;
}

#filter-content.project-filter .tab-content {
  border: none;
  padding-left: 0;
}

.featured-projects-item {
  float: left;
  width: 321px;
  transition: all 0.25s ease-in;
  overflow: hidden;
  position: relative;
  margin-right: 14px;
  margin-bottom: 14px;
}

.featured-projects-item.no-margin {
  margin-right: 0;
}

.featured-projects-item:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.featured-projects-item:hover .featured-project-title {
  background-color: #fa9d1c;
  color: #232323;
}

.featured-projects-image {
  background-position: bottom left;
  background-size: cover;
  width: 100%;
}

.featured-projects-image:before {
  padding-top: 100%;
  content: "";
  display: block;
}

.featured-project-title {
  background-color: #3d3d3d;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  min-height: 40px;
  padding: 10px 8px;
  text-align: center;
  text-transform: uppercase;
  display: table;
  box-sizing: border-box;
  bottom: 0;
  position: absolute;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  width: 100%;
}

.featured-project-title span {
  display: table-cell;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  position: relative;
  top: 0;
}

.featured-projects-item:hover .featured-project-title span {
  top: -14px;
}

.featured-projects-item:hover .featured-project-title {
  padding: 35px 8px 20px;
}

.featured-project-title:after {
  bottom: 0;
  content: "\f105";
  font-size: 20px;
  position: absolute;
  right: -15px;
  font-family: fontawesome;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.featured-projects-item:hover .featured-project-title:after {
  bottom: 8px;
  right: 21px;
}

#project-gallery {
  padding-bottom: 25px;
}

#project-gallery .container {
  position: relative;
}

#project-gallery .container .badge {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 120px;
  z-index: 1000;
}

.right-project-details .progect-detail-title {
  margin-bottom: 22px;
}

#featured-project {
  padding-top: 40px;
}

.progect-detail-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
}

.project-item-left {
  margin-bottom: 20px;
}

.left-project-details {
  float: left;
  position: relative;
  width: 420px;
  margin-right: 30px;
}

.right-project-details {
  float: left;
  position: relative;
  width: 546px;
}

#project-slider {
  background-color: #373535;
  margin-bottom: 70px;
}

.project-item {
  text-align: center;
  vertical-align: top;
}

#project-slider .project-item img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

#project-slider.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

#project-slider .owl-nav {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  position: absolute;
  width: 100%;
}

.featured-project.owl-carousel .owl-nav {
  margin: 45px auto 0;
  max-width: 500px;
  position: relative;
}

#project-slider .owl-prev,
.featured-project.owl-carousel .owl-prev {
  float: left;
}

#project-slider .owl-next,
.featured-project.owl-carousel .owl-next {
  float: right;
}

#project-slider .owl-nav button:hover,
.featured-project.owl-carousel .owl-nav button:hover {
  background-color: #686464;
  color: #fff;
}

#project-slider .owl-prev, #project-slider .owl-next {
  background-color: #fa9d1c;
  color: #232323;
  font-weight: 500;
  padding: 9px 50px 7px !important;
  text-transform: uppercase;
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
  position: relative;
  z-index: 12;
}

.featured-project.owl-carousel .owl-nav .owl-prev, .featured-project.owl-carousel .owl-nav .owl-next {
  background-color: #fa9d1c;
  color: #232323;
  font-weight: 500;
  padding: 9px 20px 7px !important;
  text-transform: uppercase;
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
  position: relative;
  z-index: 12;
  width: 170px;
}

.featured-project.owl-carousel .owl-nav .owl-prev.disabled,
.featured-project.owl-carousel .owl-nav .owl-next.disabled {
  display: none;
}

#project-slider .owl-dots {
  color: #fff;
  counter-reset: slides-num;
  font-weight: 500;
  margin: -34px auto auto;
  position: relative;
  width: 66px;
}

.featured-project.owl-carousel .owl-dots {
  color: #232323;
  counter-reset: slides-num;
  font-weight: 500;
  margin: auto;
  top: 10px;
  position: relative;
  width: 47px;
  padding-bottom: 50px;
}

#project-slider .owl-dots:after,
.featured-project.owl-carousel .owl-dots:after {
  content: counter(slides-num, decimal);
  float: left;
  padding-left: 7px;
}

#project-slider .owl-dot,
.featured-project.owl-carousel .owl-dot {
  counter-increment: slides-num;
  float: left;
}

#project-slider .owl-dot span,
.featured-project.owl-carousel .owl-dot span {
  display: none;
}

#project-slider .owl-dot.active:before,
.featured-project.owl-carousel .owl-dot.active:before {
  content: counter(slides-num) " / ";
}

.popup-image.with-margin {
  margin-bottom: 30px;
}

.project-popup .right-popup-title {
  width: auto;
  margin-top: 40px;
}

.project-popup .popup-left-section {
  margin-top: 25px;
}

.project-popup .popup-image.with-margin {
  filter: none;
  -webkit-filter: none;
}

/* Footer
-------------------------------------------------------------- */
#footer-info {
  background-color: #000000;
  background-image: url("../images/footer-info-bg.jpg");
  background-size: cover;
  overflow: hidden;
}

#footer-info .container {
  max-width: 1440px;
}

.footer-cols {
  margin: 40px 0;
}

@media (min-width: 768px) {
  .footer-cols {
    margin: 80px 0;
  }
}
@media (min-width: 1200px) {
  .footer-cols {
    display: flex;
    justify-content: space-between;
  }
  .footer-col1 {
    position: relative;
    width: 49%;
  }
  .footer-col2 {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .mc-field-group {
    display: flex;
  }
}
.mc-field-group input[type=email] {
  flex: 1;
  width: auto;
}

#mce-success-response {
  opacity: 0;
}

#copyright {
  background-color: #fa9d1c;
  color: #373535;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 14px;
  padding-top: 14px;
  text-align: center;
}

#copyright .container {
  padding: 0 15px;
}

@media (min-width: 768px) {
  #copyright .container {
    padding: 0 52px;
  }
}
#copyright a,
#copyright a:hover {
  color: #373535;
}

#footer-logo {
  margin-bottom: 50px;
}

@media (min-width: 1200px) {
  #footer-logo {
    margin-bottom: 35px;
  }
}
#footer-logo > img {
  display: block;
  max-width: 190px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  #footer-logo > img {
    margin: 0;
  }
}
#footer-description {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-top: 36px;
  position: relative;
  width: 455px;
  margin-right: 85px;
}

@media (min-width: 1200px) {
  #footer-description {
    margin: 0;
    width: auto;
  }
}
#footer-top-social a {
  color: #fff;
}

#footer-top-social a:hover {
  color: #fa9d1c;
}

#footer-top-social a {
  color: #fff;
  font-size: 20px;
  margin-right: 32px;
}

#footer-top-social a:last-child {
  margin-right: 0;
}

#footer-contact-info {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-top: 30px;
  position: relative;
}

@media (min-width: 1200px) {
  #footer-contact-info {
    margin-top: 0;
  }
}
.footer-contact-details {
  display: inline;
  position: relative;
  vertical-align: top;
}

.footer-contact-details a {
  color: #fff;
}

.footer-contact-details a:hover {
  color: #fa9d1c;
}

#footer-address {
  margin-bottom: 14px;
}

.footer-contact-details {
  display: inline;
  position: relative;
  vertical-align: top;
  text-align: center;
}

.footer-contact-details span {
  color: #fa9d1c;
  font-weight: 500;
  font-size: 21px;
  padding-right: 9px;
}

#footer-mc form {
  padding: 0;
}

#footer-mc input[type=email] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: currentcolor currentcolor #fa9d1c;
  border-style: none none solid;
  border-width: 0 0 2px;
  color: #fff;
  font-size: 16px;
  padding-bottom: 9px;
  padding-left: 0;
  padding-top: 8px;
  width: 415px;
  float: left;
  text-transform: uppercase;
  -webkit-appearance: none;
  border-radius: 0;
}

#footer-mc input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}

#footer-mc input[type=email]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}

#footer-mc input[type=email]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}

#footer-mc input[type=email]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#footer-contact-data {
  margin-bottom: 41px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 10px 40px;
}

@media (min-width: 1200px) {
  #footer-contact-data {
    flex-direction: row;
  }
}
#footer-mc .button {
  background-color: #fa9d1c;
  color: #373535;
  float: left;
  font-size: 18px;
  line-height: 1;
  padding: 14px 39px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -webkit-appearance: none;
  border-radius: 0;
}

#footer-mc .button:hover {
  background-color: #eb8b06;
}

#footer-mc #mc_embed_signup div.mce_inline_error {
  background-color: transparent;
}

#footer-mc #mc_embed_signup input.mce_inline_error {
  border-color: #fa9d1c;
}

#footer-mc #mc_embed_signup div.mce_inline_error {
  background-color: transparent;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0;
  z-index: 1;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  color: red;
}

#our-associations {
  margin: 80px 0;
}

#our-associations-logo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#our-associations-logo > a {
  display: inline-block;
  margin: 10px 30px 10px 30px;
}

#our-associations-logo > a:last-child {
  margin-right: 0;
}

#our-associations-logo > a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  max-width: 160px;
  max-height: 100px;
  height: auto;
}

#our-associations-logo > a:last-child img {
  max-height: 75px;
}

#our-associations-logo > a:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

#our-associations-title h3 {
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}

#our-associations-title {
  margin-bottom: 48px;
}

.associations-mobile-logo > img {
  max-width: 100px;
  height: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

#our-associations-logo-mobile .owl-prev {
  float: left;
}

#our-associations-logo-mobile .owl-next {
  float: right;
}

#our-associations-logo-mobile .owl-prev > span,
#our-associations-logo-mobile .owl-next > span {
  font-size: 55px;
  color: #ffffff;
}

#our-associations-logo-mobile {
  display: none;
}

#our-associations-logo-mobile .owl-prev {
  height: 40px;
  left: -35px;
  position: absolute;
  top: 31%;
  width: 35px;
}

#our-associations-logo-mobile .owl-next {
  height: 40px;
  right: -35px;
  position: absolute;
  top: 31%;
  width: 35px;
}

/* Responsive
-------------------------------------------------------------- */
.show-mobile,
#mobile-top-social {
  display: none;
}

@media only screen and (min-width: 1199px) {
  .menu-main-menu-container {
    display: flex !important;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1199px) {
  .top-project-nav-item {
    width: 32%;
  }
  .team-photo,
  .featured-projects-item,
  .news-photo {
    transition: inherit !important;
  }
  .container {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  #our-associations-logo > a {
    margin-right: 15px;
    margin-left: 15px;
  }
  #contact-form-content.container {
    max-width: 100%;
  }
  .news-full-image {
    margin-bottom: 25px;
  }
  .contact-bottom-cta:before,
  .contact-bottom-cta:after {
    display: none;
  }
  #cf-tabs,
  #cf-content {
    box-sizing: border-box;
    margin: 29px auto 0;
    max-width: 550px;
  }
  body.single {
    background-size: auto auto;
  }
  #sectors {
    top: -127px;
  }
  #safety {
    position: relative;
    top: -48px;
  }
  #cta-boxes-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
  .cta-content-text {
    padding: 44px 42px 0;
  }
  #header-top-content {
    float: none;
    margin: 0 auto;
  }
  #mobile-menu-bt {
    display: block;
  }
  .menu-main-menu-container {
    background-color: #323232;
    display: none;
    left: 0;
    position: fixed;
    top: 42px;
    width: 100%;
    z-index: 9998;
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .mobile-sub-switch {
    color: #fa9d1c;
    cursor: pointer;
    display: inline-block !important;
    left: -10px;
    position: relative;
  }
  #safety-section {
    padding-bottom: 60px;
    margin-top: 130px;
    margin-bottom: 65px;
  }
  .header-menu ul li#menu-item-2512 a,
  .header-menu ul li a,
  body.safari-browser .header-menu ul li a {
    margin-right: 0;
    transition: inherit;
    -webkit-transition: inherit;
  }
  .header-menu ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }
  .header-menu ul li {
    display: block;
    text-align: center;
  }
  .header-menu ul.sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    display: none;
    transition: inherit;
    -webkit-transition: inherit;
  }
  .header-menu ul li.menu-item-has-children > a:before {
    display: none;
  }
  .header-menu ul.sub-menu li {
    animation: inherit !important;
    -webkit-animation: inherit !important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    opacity: 1 !important;
  }
  .header-menu ul.sub-menu li a {
    border-bottom: 0 none;
    color: #fa9d1c !important;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 5px;
    text-align: center;
    background: inherit !important;
  }
  .header-menu ul.sub-menu li:last-child a {
    margin-bottom: 10px;
  }
  .menu-main-menu-container .menu-item-has-children > a {
    margin-bottom: 5px;
  }
  .quote-text {
    font-size: 20px;
    line-height: 33px;
  }
  .quote-author {
    font-size: 17px;
  }
  #home-intro-content h1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 32px;
  }
  section#inside-pages {
    margin-top: 200px;
  }
  .tab-content-section {
    margin: 30px calc(var(--container-padding) * -1) 0;
  }
  .tab-item-title {
    padding-left: var(--container-padding);
  }
  .tab-content-level2 {
    box-sizing: border-box;
    margin: 25px auto 0;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
  .tab-level2:after {
    display: none;
  }
  .page-title h1, .page-title h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 40px;
  }
  .awards-content:before {
    margin-left: 0;
    background-repeat: no-repeat;
    height: 100px;
  }
  .awards-name {
    line-height: 25px;
    font-size: 18px;
  }
  .awards-content {
    float: left;
    width: 87%;
  }
  .awards-content:before {
    background-size: 60px auto;
    height: 97px;
    width: 60px;
  }
  .intro-content-title br {
    display: none;
  }
  .intro-content-title {
    font-size: 20px;
  }
  .team-greybox-right,
  .team-greybox-left {
    display: none;
  }
  #team-wrapper .clear {
    display: none;
  }
  .team-item.team-number-2,
  .team-item.team-number-4,
  .team-item.team-number-6 {
    margin-right: 0;
  }
  .team-item {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
  }
  #meet-the-team-content {
    height: 427px;
    width: 49%;
  }
  #site-tabs {
    padding-bottom: 60px;
  }
  #specializations-section {
    padding-top: 55px;
  }
  .team-item.team-number-2:before {
    background-color: #bbb8b5;
    content: "";
    display: block;
    height: 150px;
    margin-bottom: 10px;
    width: 100%;
  }
  .team-item.team-number-3 {
    margin-top: -159px;
  }
  .popup-left-section {
    float: inherit;
    margin-right: 0;
    width: 100%;
  }
  .popup-right-section {
    width: 100%;
  }
  .popup-image {
    background-position: center top;
    display: inline-block;
    height: 250px;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
  }
  .milestone-section {
    float: left;
    position: relative;
    width: 45%;
    margin-top: 30px;
  }
  .popup-image-name {
    float: left;
    position: relative;
    width: 50%;
    margin-right: 5%;
  }
  .popup-contact-bt {
    width: 100%;
  }
  .page-template-template-service #filter-tabs a {
    min-height: inherit;
    width: 100%;
  }
  .page-template-template-service .indicater,
  .page-template-template-service .tab-nav-line {
    display: none;
  }
  .page-template-template-service #filter-tabs a.active-filter:before {
    background-color: #fa9d1c;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px;
  }
  .page-template-template-service .tab-content {
    border-top: 16px solid #fa9d1c;
    border-left: none;
    padding-left: 0;
    padding-top: 50px;
  }
  /*
  .experience-item{
  	width:48%;
  }
  */
  #specializations-section .container {
    padding: 0;
  }
  .featured-projects-item {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
  }
  #project-gallery .container {
    padding: 0;
  }
  .left-project-details {
    float: none;
    margin-right: 0;
    margin-top: 25px;
    width: 100%;
    order: 2;
    -webkit-order: 2;
  }
  .right-project-details {
    float: none;
    position: relative;
    width: 100%;
    order: 1;
    -webkit-order: 1;
  }
  #single-nav-wrapper {
    order: 3;
    -webkit-order: 3;
  }
  .left-project-row1 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .left-project-row2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 49%;
  }
  #news-wrapper .clear {
    display: none;
  }
  .project-details-container {
    display: flex;
    flex-direction: column;
    -wekit-flex-direction: column;
  }
  .featured-projects-item.no-margin {
    margin-right: 2%;
  }
  .featured-projects-item.second-item {
    margin-right: 0;
  }
  .triangle-left {
    display: block;
    border-color: transparent transparent transparent #fa9d1c;
    border-style: solid;
    border-width: 20px 0 20px 21px;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -12px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 0;
  }
  .team-item.team-number-5 {
    margin-top: -159px;
  }
  .team-item.team-number-5:after {
    background-color: #bbb8b5;
    content: "";
    display: block;
    height: 146px;
    margin-top: 4%;
    width: 100%;
  }
  .hiring-position:after {
    display: none;
  }
  .hiring-position {
    display: block;
  }
  #team-section .container {
    padding: 0;
  }
  .news-item {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
  }
  .block-yellow-right {
    width: 49%;
    height: 142px;
  }
  #news-wrapper .clear.latest-clear {
    display: block;
  }
  .news-item.second-item {
    margin-right: 0;
  }
  #contact-form-content.container {
    padding-top: 75px;
    padding-bottom: 80px;
  }
  .contact-bottom-title {
    font-size: 21px;
  }
  .contact-bottom-inside {
    padding: 10px 25px 20px;
  }
  #copyright {
    font-size: 14px;
  }
  #footer-logo {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
  }
  #footer-description,
  #footer-contact-info {
    float: none;
    text-align: center;
    width: 100%;
  }
  #footer-description {
    margin-top: 12px;
  }
  #footer-mc {
    margin: 0 auto;
    width: 580px;
  }
  #footer-mc input[type=email] {
    width: 415px;
  }
  .popup-section {
    height: 100%;
    overflow: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 100px !important;
  }
  .popup-section .fancybox-close-small {
    height: 40px;
    margin-right: 20px;
    margin-top: 70px;
  }
  .popup-right-section .right-popup-title,
  .popup-right-section .right-popup-pro-title {
    display: none;
  }
  .popup-left-section .right-popup-title,
  .popup-left-section .right-popup-pro-title {
    display: block;
  }
  .news-item.news-number-2:before {
    background-color: #bbb8b5;
    content: "";
    display: block;
    height: 138px;
    margin-top: -158px;
    position: relative;
    width: 100%;
  }
  .news-item.news-number-2 {
    margin-top: 158px;
  }
  .news-item.news-number-3.item-even,
  .news-item.news-number-5.item-even,
  .news-item.news-number-7.item-even {
    margin-top: -158px;
  }
  .popup-left-section .right-popup-title {
    margin-left: 20px;
  }
  .right-popup-pro-title {
    margin-bottom: 20px;
    margin-left: 20px;
  }
  body.page.page-template-template-contact {
    background-image: url("../images/contact-bg-tablet-big.jpg");
    background-position: left 200px;
    background-size: 120% auto !important;
  }
  .map-marker {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  section#home {
    margin-top: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .top-project-nav-item a {
    font-size: 14px;
  }
  #safety {
    top: -107px;
  }
  body.page.page-template-template-contact {
    background-image: url("../images/contact-bg-mobile.jpg");
    background-position: center -100px;
    background-size: 100% auto;
  }
  .contact-page #intro-content {
    margin-top: 370px;
    margin-bottom: 60px;
  }
  .news-item.news-number-2:before {
    display: none;
  }
  .awards-content {
    box-sizing: border-box;
    padding: 0 var(--container-padding);
  }
  .award-level2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #team-section .page-title h1,
  #team-section .page-title h2 {
    margin-bottom: 50px;
  }
  .popup-image-name {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .milestone-section {
    margin-top: 0;
    margin-bottom: 15px;
  }
  #safety-section {
    margin-top: 70px;
    padding-bottom: 0px;
  }
  .milestone-section {
    width: 100%;
  }
  .safety-button {
    float: none;
    margin: 60px -25px 0;
    text-align: center;
  }
  .awards-content:before {
    display: none;
  }
  #cf-tabs,
  #cf-content {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .duo-image-left {
    box-sizing: border-box;
    margin-right: 2%;
    max-width: 48%;
  }
  .news-item.news-number-2 {
    margin-top: 0;
  }
  .news-item.news-number-3.item-even,
  .news-item.news-number-5.item-even,
  .news-item.news-number-7.item-even {
    margin-top: 0;
  }
  /*body.home.page {
  	background-image: url("../images/header-tablet-bg.png")
  }*/
  section#home {
    margin-top: 90%;
  }
  .left-project-row1,
  .left-project-row2 {
    display: block;
    width: 100%;
  }
  #home-intro-content h1 {
    font-size: 25px;
    line-height: 34px;
  }
  #home-intro-content h1 br {
    display: none;
  }
  .cta-box {
    text-align: center;
  }
  .cta-content-text {
    padding: 44px 20px 35px;
  }
  .cta-box-url {
    float: none;
  }
  #cta-boxes-wrapper {
    padding-bottom: 24px;
  }
  .quote-text-inside {
    height: auto;
  }
  #quote-slider:before,
  #quote-slider:after {
    display: none;
  }
  .quote-text-inside {
    padding-bottom: 0px;
  }
  #quote-box-wrapper .owl-dots {
    float: none;
    margin-top: 20px;
    text-align: center;
  }
  #quote-box-wrapper {
    padding-bottom: 45px;
    padding-top: 31px;
  }
  .quote-text {
    padding-bottom: 0;
  }
  .post-author {
    float: none;
  }
  .awards-box-url {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .award-level1 {
    position: relative;
  }
  #our-associations-logo-mobile.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    margin: 0 auto;
  }
  #our-associations-logo-mobile {
    display: block;
    text-align: center;
  }
  .associations-mobile-logo {
    display: inline-block;
  }
  #our-associations-logo {
    display: none;
  }
  #footer-mc input[type=email] {
    width: 100%;
  }
  #footer-mc .button {
    float: none;
    margin-top: 25px;
  }
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .team-item.team-number-2:before,
  .team-item.team-number-5:after {
    display: none;
  }
  .team-item {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
  .team-item.team-number-3,
  .team-item.team-number-5 {
    margin-top: 0;
  }
  .team-photo {
    background-position: top center;
  }
  .popup-left-section {
    margin-right: 0;
    width: 100%;
    margin-top: 50px;
  }
  .popup-image {
    background-position: center top;
    height: 300px;
    max-width: 100%;
    width: 100%;
  }
  .experience-item {
    width: 100%;
  }
  .popup-right-section {
    width: 100%;
  }
  .right-popup-title {
    width: auto;
  }
  #meet-the-team-content {
    height: auto;
    width: 100%;
  }
  .featured-projects-item {
    margin-bottom: 25px;
    margin-right: 0;
    width: 100%;
    float: none;
  }
  #filter-content {
    margin-top: 30px;
  }
  #filter-tabs a {
    width: 120px;
  }
  #footer-mc {
    width: 100%;
  }
  #footer-contact-data {
    margin: 20px auto;
    width: 170px;
    text-align: left;
  }
  .footer-contact-details {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
    position: relative;
  }
  .project-item-left {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, #prev-blog-nav, #next-blog-nav,
  #prev-project-nav a, #next-project-nav a {
    width: 120px;
    font-size: 16px;
  }
  .left-project-details {
    margin-top: 20px;
  }
  .block-yellow-right {
    display: none;
  }
  .news-item {
    float: none;
    margin-bottom: 25px;
    margin-right: 0;
    width: 100%;
  }
  #cf-tabs > a {
    font-size: 14px;
    width: 49%;
    box-sizing: border-box;
  }
  .captcha-input {
    float: none;
  }
  .submit-input {
    float: none;
    margin-top: 20px;
  }
  .contact-bottom-content {
    min-height: inherit;
  }
  .contact-bottom-cta {
    float: none;
    margin-bottom: 30px;
    margin-right: 0 !important;
    width: 100%;
  }
  body.page,
  body.single {
    background-position: center -120px;
  }
  #register-section-inside {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0;
  }
  .tender-content p,
  .tender-content strong {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }
  .tender-bt > a {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.page.page-template-template-contact {
    background-position: center 350px;
  }
  #cf-tabs,
  #cf-content {
    max-width: 100%;
  }
  #cf-tabs > a {
    width: 50%;
  }
  #contact-bottom-section {
    padding-bottom: 20px;
    padding-top: 30px;
  }
  #our-associations {
    margin: 40px 0;
  }
  #contact-form-content.container {
    padding-top: 75px;
    padding-bottom: 80px;
  }
  #header-top-social {
    display: none;
  }
  #mobile-top-social {
    display: block;
    text-align: center;
  }
  #mobile-top-social {
    margin-top: 20px;
  }
  #mobile-top-social a {
    color: #686464;
    margin-right: 20px;
  }
  #mobile-top-social a:last-child {
    margin-right: 0;
  }
  #header-top-content {
    max-width: 100%;
  }
  #header-top-section .container {
    padding: 0;
  }
  #header-top-phone {
    margin-right: 20px;
  }
  #header-top-tenderlogin > a {
    padding: 0 10px;
    font-size: 15px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #header-top-phone a {
    font-size: 16px;
  }
  .tab-item-title {
    font-size: 19px;
    padding-right: 50px;
  }
  #header-top-phone,
  #header-top-tenderlogin {
    margin-right: 0;
    width: 50%;
    text-align: center;
  }
  .featured-project-title {
    display: block;
  }
  .page-title.single-news-title h1,
  .page-title.single-news-title h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  #intro-content-section {
    font-size: 16px;
    padding-bottom: 40px;
  }
  #project-slider .owl-dots {
    margin: -34px 47% auto;
  }
  #project-slider .owl-nav {
    background: #232323;
    overflow: hidden;
    position: relative;
  }
  #project-slider .project-item img {
    width: 100%;
  }
  .container.mobile-disable {
    padding-left: 0;
    padding-right: 0;
  }
  #news-pagination {
    max-width: 100%;
  }
  section#home {
    margin-top: 100%;
  }
}
@media only screen and (max-width: 580px) {
  #top-projects-nav {
    display: none;
  }
}
@media only screen and (max-width: 530px) {
  .container.hiring-button-container {
    padding: 0;
  }
  .site-bt {
    padding: 14px 54px 12px;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  #carrers-section {
    padding-bottom: 0;
  }
  section#home {
    margin-top: 110%;
  }
  .duo-image-left {
    box-sizing: border-box;
    display: block;
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .duo-image-right {
    box-sizing: border-box;
    display: block;
    margin-right: 0;
    max-width: 100%;
  }
  .popup-section.fancybox-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .milestone-section,
  .right-popup-bio {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tender-content p, .tender-content strong {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tender-content strong {
    font-size: 17px;
  }
  #register-section-inside {
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 440px) {
  .featured-project.owl-carousel .owl-nav .owl-prev, .featured-project.owl-carousel .owl-nav .owl-next {
    font-size: 16px;
    padding: 9px 10px 7px !important;
    width: 117px;
  }
  #project-slider .owl-dots {
    margin: -34px 46% auto;
  }
  #copyright {
    font-size: 14px;
    line-height: 23px;
  }
  .page-title h1,
  .page-title h2 {
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .featured-project-title {
    font-size: 14px;
  }
  #project-slider .owl-prev, #project-slider .owl-next {
    padding: 9px 25px 7px !important;
  }
  .contact-page #intro-content {
    margin-top: 430px;
  }
}
@media only screen and (max-width: 390px) {
  body.page.page-template-template-contact {
    background-image: url("../images/contact-bg-mobile-small.jpg");
  }
}
@media only screen and (max-width: 350px) {
  #header-top-tenderlogin > a {
    font-size: 14px;
    padding: 7px 10px;
  }
  #copyright {
    font-size: 11px;
    line-height: 20px;
  }
  #filter-tabs a {
    width: 113px;
  }
}
/*####################################################################*/
.site-header .user-info {
  display: none;
  float: left;
  line-height: 43px;
  font-size: 16px;
  color: #686464;
  letter-spacing: 0.64px;
  font-weight: 500;
}

.site-header .user-info a {
  color: #ffffff;
}

.site-header .user-info a:hover {
  color: #eb8b06;
}

@media (min-width: 1200px) {
  .site-header .user-info {
    display: block;
  }
}
.page-template-template-tenders * {
  box-sizing: border-box;
}

.page-template-template-tenders .intro-section {
  margin-bottom: 30px;
}

.page-template-template-tenders .intro-section .buttons {
  display: flex;
  justify-content: space-between;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  gap: 10px 20px;
}

.page-template-template-tenders .intro-section .buttons .site-bt {
  max-width: 330px;
  text-align: center;
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.page-template-template-registration #contact-top-title {
  margin-bottom: 30px;
}

.page-template-template-registration #contact-form-content {
  margin-bottom: 0;
}

.page-template-template-registration input::placeholder {
  text-transform: uppercase;
}

.page-template-template-registration .cf-form-content {
  font-size: 18px;
}

.page-template-template-registration .divisions-error-placement .error {
  text-align: left;
}

.page-template-template-registration .divisions-accordion .accordion-header {
  color: #fa9d1c;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: 25px;
  cursor: pointer;
  outline: none;
  position: relative;
  padding-right: 50px;
}

.page-template-template-registration .divisions-accordion .accordion-header:after {
  content: "";
  font-size: 46px;
  font-weight: 300;
  position: absolute;
  top: 0;
  right: 0;
  color: #fa9d1c;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  background: url("../images/angle-accordion.png") no-repeat center;
  height: 18px;
  width: 20px;
}

.page-template-template-registration .divisions-accordion .accordion-header.ui-state-active:after {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.page-template-template-registration .divisions-accordion .accordion-content {
  padding: 20px 0;
}

.page-template-template-registration .divisions-accordion .accordion-content label {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
}

.page-template-template-registration .divisions-accordion .accordion-content input[type=checkbox] + span {
  position: absolute;
  top: 6px;
  left: 0;
  margin: 0;
}

.page-template-template-registration .terms {
  position: relative;
  border-top: 1px solid #989796;
  margin-top: 40px;
  padding: 9px 0 9px 35px;
  margin-bottom: 20px;
}

.page-template-template-registration .terms label {
  display: block;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #989796;
}

.page-template-template-registration .terms .error {
  text-align: left;
}

.page-template-template-registration .terms input[type=checkbox] + span {
  position: absolute;
  left: 0;
  top: 9px;
  margin: 0;
}

.page-template-template-registration button[type=submit] {
  padding: 11px 50px 9px;
  font-size: 16px;
  line-height: 1;
}

.page-template-template-registration button[type=submit]:hover {
  background: #989796;
  color: #373535;
}

.single-tender * {
  box-sizing: border-box;
}

.single-tender .block {
  margin-bottom: 50px;
}

.single-tender .block.block-documents a, .single-tender .block.block-description a {
  color: #0000EE;
  text-decoration: underline;
}

.single-tender .block.block-documents a:hover, .single-tender .block.block-description a:hover {
  text-decoration: none;
}

.single-tender .buttons-block {
  border-top: 2px solid #bbb8b5;
  text-align: center;
  padding-top: 40px;
}

.single-tender .buttons-block .buttons {
  margin-top: 40px;
  min-height: 50px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.single-tender .buttons-block .buttons.flex {
  display: flex;
  justify-content: space-between;
  gap: 10px 20px;
}

.single-tender .buttons-block .buttons a {
  flex: 1;
  padding: 9px 20px;
}

.single-tender #single-news-navigation {
  min-height: 44px;
}

.fancybox-slide--html {
  padding: 0;
}

@media (min-width: 1024px) {
  .fancybox-slide--html {
    padding: 50px 20px;
  }
}
.fancybox-content {
  background: transparent;
  padding: 24px;
}

.defaultPopup {
  background-color: #373535;
  overflow: visible;
  padding: 50px 30px;
  border: 1px solid #fa9d1c;
  max-width: 670px;
  color: #ffffff;
}

@media (min-width: 768px) {
  .defaultPopup {
    padding: 60px;
  }
}
.defaultPopup .fancybox-close-small {
  background-color: #fa9d1c;
  color: #232323;
  font-weight: 500;
  font-weight: normal;
  height: inherit;
  padding: 11px 10px 10px;
  text-transform: uppercase;
  line-height: 1;
  width: auto;
  transform: translateY(-100%);
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.defaultPopup .fancybox-close-small:hover {
  background-color: #bbb8b5;
}

.defaultPopup .fancybox-close-small:before {
  content: "Close X";
}

.defaultPopup .fancybox-close-small svg {
  display: none;
}

.defaultPopup h2 {
  font-weight: 500;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fa9d1c;
}

.tender-popup .form-wrap {
  max-width: 400px;
  margin: 0 auto;
}

.tender-popup input {
  width: 100%;
  height: 37px;
  border: none;
  padding: 0 15px;
}

.tender-popup input::placeholder {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #989796;
}

.tender-popup .checkbox-wrap {
  text-align: right;
  color: #989796;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  padding: 9px 0;
}

.tender-popup .site-bt {
  background-color: #fa9d1c;
  display: block;
  font-weight: 500;
  margin: 0 auto;
  padding: 6px 50px 6px;
  text-transform: uppercase;
  transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  width: 100%;
}

.tender-popup .file-input-width {
  text-align: left;
}

.tender-popup .file-input-width .file-bt-desc {
  font-size: 14px;
  line-height: 18px;
}

.tender-popup .file-name-form {
  max-width: 155px;
}

.tender-popup .file-input-width strong {
  text-transform: none;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + span {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 0 0 8px;
  cursor: pointer;
  position: relative;
  background: #ffffff;
  vertical-align: top;
}

input[type=checkbox]:checked + span:after {
  display: block;
  content: "";
  background: #989796;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
}

.form-response {
  color: #ff4441;
  padding: 10px 0;
}

div.error {
  display: block;
  text-align: right;
  color: #ff4441;
  font-size: 14px;
}

#loadingOverlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  display: none;
}

#loadingOverlay .spinner-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
}

@-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
#loadingOverlay .spinner-loader:not(:required) {
  -moz-animation: spinner-loader 1500ms infinite linear;
  -webkit-animation: spinner-loader 1500ms infinite linear;
  animation: spinner-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgb(255, 255, 255) 1.5em 0 0 0, rgb(255, 255, 255) 1.1em 1.1em 0 0, rgb(255, 255, 255) 0 1.5em 0 0, rgb(255, 255, 255) -1.1em 1.1em 0 0, rgb(255, 255, 255) -1.5em 0 0 0, rgb(255, 255, 255) -1.1em -1.1em 0 0, rgb(255, 255, 255) 0 -1.5em 0 0, rgb(255, 255, 255) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgb(255, 255, 255) 1.5em 0 0 0, rgb(255, 255, 255) 1.1em 1.1em 0 0, rgb(255, 255, 255) 0 1.5em 0 0, rgb(255, 255, 255) -1.1em 1.1em 0 0, rgb(255, 255, 255) -1.5em 0 0 0, rgb(255, 255, 255) -1.1em -1.1em 0 0, rgb(255, 255, 255) 0 -1.5em 0 0, rgb(255, 255, 255) 1.1em -1.1em 0 0;
  box-shadow: rgb(255, 255, 255) 1.5em 0 0 0, rgb(255, 255, 255) 1.1em 1.1em 0 0, rgb(255, 255, 255) 0 1.5em 0 0, rgb(255, 255, 255) -1.1em 1.1em 0 0, rgb(255, 255, 255) -1.5em 0 0 0, rgb(255, 255, 255) -1.1em -1.1em 0 0, rgb(255, 255, 255) 0 -1.5em 0 0, rgb(255, 255, 255) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

.homeHeroSection {
  position: relative;
}

.homeHeroSection__mediaBlock {
  position: relative;
  overflow: hidden;
  height: 133vw;
}

.homeHeroSection__mediaBlock video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homeHeroSection__contentBlock {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(35, 35, 35, 0.4);
  color: #ffffff;
  text-align: center;
  padding-top: 123px;
}

@media (orientation: landscape) or (min-width: 768px) {
  .homeHeroSection__mediaBlock {
    height: 45vw;
    min-height: 500px;
  }
}
.section {
  margin: var(--section-margin) 0;
}
.section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.section ul li {
  position: relative;
  padding-left: 30px;
}
.section ul li:before {
  content: "";
  background-color: currentColor;
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 10px;
}

.section--noMargin {
  margin: 0;
}

.section--bg {
  margin: 0;
  padding: var(--section-margin) 0;
  background: #000000;
  color: #ffffff;
}
.section--bg a:not(.site-bt) {
  color: currentColor;
}
.section--bg a:not(.site-bt):hover {
  color: currentColor;
  text-decoration: underline;
}
.section--bg h2 {
  color: currentColor;
}

.section--grey {
  position: relative;
  margin-top: 0;
  padding-top: var(--section-margin);
}
.section--grey:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 10vw;
  background: #F4F4F4;
}

.hero {
  position: relative;
}

.hero__imageContainer {
  height: 400px;
  overflow: hidden;
}
.hero__imageContainer img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(35, 35, 35, 0.4);
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
  padding-top: 123px;
}

.textImage {
  --grid-columns: 16;
  --grid-column-width: calc( 100% / var(--grid-columns) );
  display: flex;
  flex-wrap: wrap;
  gap: 30px 22px;
}

.textImage--2 {
  gap: 0 22px;
}

.textImage:not(:last-child) {
  margin-bottom: 80px;
}

.textImage__col1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.textImage__col1--dark {
  color: #ffffff;
  background: #232323;
  padding: 50px var(--container-padding);
  margin: 0 calc(var(--container-padding) * -1);
}

.textImage__col2 {
  width: 100%;
}

.textImage__imageBlock--2 {
  margin: 0 calc(var(--container-padding) * -1);
}

@media (min-width: 768px) {
  .textImage__col1--dark {
    width: auto;
    padding: 60px calc(var(--grid-column-width) * 1);
  }
}
@media (min-width: 1200px) {
  .textImage__col1 {
    flex: 1;
    padding: 0 calc(var(--grid-column-width) * 1);
  }
  .textImage__col1--dark {
    margin: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .textImage__col1Inner--narrow {
    max-width: 500px;
    margin-left: auto;
  }
  .textImage__col2 {
    width: calc(var(--grid-column-width) * 7);
  }
  .textImage__imageBlock--2 {
    margin: 0;
  }
}
.button {
  min-height: 50px;
  padding: 10px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #373535;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  background: #FA9D1C;
}

@media (hover: hover) {
  .button:hover {
    background: #373535;
    color: #ffffff;
  }
}
.awards-pagination {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.images {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .images {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .images {
    margin-top: 100px;
  }
}
.images__imageBlock {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.images__imageBlock:before {
  content: "";
  display: block;
  padding-bottom: 61%;
}
.images__imageBlock img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .images__imageBlock {
    width: calc((100% - 22px) / 2);
  }
}
.careerSection {
  background: #000000 url(../images/career-bg.jpg) no-repeat center center;
  background-size: cover;
}

hr {
  margin: 40px 0;
  height: 2px;
  background: #FA9D1C;
  border: none;
}

.sectorsSection {
  overflow: hidden;
  background: #000000 url(../images/sectors-bg.jpg) no-repeat center center;
  background-size: cover;
}

.projectsSection {
  margin-top: 0;
}

@media (min-width: 2000px) {
  .contactSection {
    margin-top: 0;
    padding-top: 6.5%;
  }
}
@media (min-width: 768px) {
  .tablet-text-center {
    text-align: center;
  }
}

.projectsTable {
  display: block;
}
@media (min-width: 960px) {
  .projectsTable {
    display: table;
  }
}
@media (min-width: 960px) {
  .projectsTable th, .projectsTable td {
    padding: 0 10px;
  }
}
.projectsTable th:first-child, .projectsTable td:first-child {
  padding-left: 0;
}
.projectsTable th:last-child, .projectsTable td:last-child {
  padding-right: 0;
}
.projectsTable thead {
  display: none;
}
@media (min-width: 960px) {
  .projectsTable thead {
    display: table-header-group;
  }
}
@media (min-width: 960px) {
  .projectsTable thead th {
    color: currentColor;
    text-align: left;
    height: 70px;
    vertical-align: middle;
  }
}
@media (min-width: 960px) {
  .projectsTable thead th:nth-child(2), .projectsTable thead th:nth-child(3) {
    width: 22%;
  }
}
.projectsTable tbody {
  display: block;
}
@media (min-width: 960px) {
  .projectsTable tbody {
    display: table-row-group;
  }
}
.projectsTable tbody tr {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  border-top: 3px solid #bbb8b5;
  padding: 30px 0;
}
@media (min-width: 960px) {
  .projectsTable tbody tr {
    display: table-row;
    padding: 0;
  }
}
.projectsTable tbody tr td {
  display: block;
}
@media (min-width: 960px) {
  .projectsTable tbody tr td {
    display: table-cell;
    vertical-align: middle;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.projectsTable tbody tr td:before {
  content: attr(data-title);
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 10px;
}
@media (min-width: 960px) {
  .projectsTable tbody tr td:before {
    display: none;
  }
}
.projectsTable tbody tr td:has(.site-bt) {
  padding-top: 20px;
}
@media (min-width: 960px) {
  .projectsTable tbody tr td:has(.site-bt) {
    display: table-cell;
    padding: 35px 0;
  }
}
.projectsTable tbody tr td:has(.site-bt):before {
  display: none;
}
.projectsTable tbody tr td:has(.site-bt) .buttons {
  display: flex;
  gap: 10px 20px;
}
@media (min-width: 960px) {
  .projectsTable tbody tr td:has(.site-bt) .buttons {
    flex-direction: column;
  }
}
.projectsTable tbody tr td:has(.site-bt) .site-bt {
  flex: 1;
  padding: 10px 20px;
  text-align: center;
}
@media (min-width: 960px) {
  .projectsTable tbody tr td:has(.site-bt) .site-bt {
    width: 100%;
    flex: none;
  }
}

.page-template-template-tenders .tender-projects-section .row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #bbb8b5;
  padding: 35px 0;
}

.page-template-template-tenders .tender-projects-section .row.header {
  display: none;
  padding: 20px 0;
}

.page-template-template-tenders .tender-projects-section .row.header h3 {
  margin: 0;
}

.page-template-template-tenders .tender-projects-section .row .col {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.page-template-template-tenders .tender-projects-section .row .col1 {
  width: 41.6%;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  padding-right: 40px;
  box-sizing: border-box;
}

.page-template-template-tenders .tender-projects-section .row .col2 {
  width: 25%;
}

.page-template-template-tenders .tender-projects-section .row .col3 {
  width: 17%;
}

.page-template-template-tenders .tender-projects-section .row .col4 {
  width: 16.4%;
  align-items: flex-end;
}

.page-template-template-tenders .tender-projects-section .row .col4 .site-bt {
  display: inline-block;
  width: 130px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.page-template-template-tenders .tender-projects-section .row .col4 .btn-bid {
  margin-top: 15px;
}

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