body {
  height: 100%;
  font-family: Gotham, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 25px;
}

.centerme {
  text-align: center;
}

.brand-logo {
  float: none;
}

.right-nav-menu {
  float: left;
}

.left-nav-menu {
  float: right;
}

.navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  background-color: #15496c;
}

.navlink {
  color: #fff;
}

.navlink:hover {
  background-color: transparent;
  color: #f5a623;
}

.navlink.w--current {
  color: #f5a623;
}

.homepage-hero {
  position: relative;
  height: 100%;
  background-image: url('../images/hero-image.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-container {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.hero-header-h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hero-header-h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 25px;
  font-weight: 100;
  text-align: center;
  letter-spacing: 2px;
}

.section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.blue-background {
  background-color: #15496c;
  color: #fff;
}

.section.min-pad {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.min-pad.noshow {
  display: none;
}

.h2 {
  margin-top: 0px;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.paragraph {
  line-height: 25px;
  font-weight: 200;
}

.paragraph.big {
  font-size: 25px;
  line-height: 40px;
  font-weight: 200;
  text-align: justify;
}

.services-col {
  margin-top: 30px;
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}

.services-header-h3 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.portfolio-block {
  position: relative;
  width: 100%;
}

.column-nopadding {
  padding: 0px;
}

.portfolio-image {
  position: relative;
  height: 430px;
}

.portfolio-image.industrial {
  background-image: url('../images/carlos-aranda-JOYmoYGnmtU-unsplash-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.fnb {
  background-image: url('../images/job-savelsberg-57T4ckoUP2I-unsplash-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.residential {
  background-image: url('../images/clarissa-budiman-KX3pPvdlTt0-unsplash-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.commercial {
  background-image: url('../images/adolfo-felix-PG8NyM_Mcts-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.greenmark {
  background-image: url('../images/lily-banse-nQ3tG1t8eJg-unsplash-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.overseas {
  background-image: url('../images/4-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.office {
  background-image: url('../images/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.shophouse {
  background-image: url('../images/2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.interest-project {
  background-image: url('../images/somesh-dev-m8vsTf0LccE-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.laboratories {
  background-image: url('../images/trnava-university-mCpSF-KnlKY-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.data-centre {
  background-image: url('../images/imgix-klWUhr-wPJ8-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.school {
  background-image: url('../images/nguyen-khanh-ly-liiusuaISP0-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.healthcare {
  background-image: url('../images/martha-dominguez-de-gouveia-nMyM7fxpokE-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-image.public-sector {
  background-image: url('../images/mike-enerio-tmqsL3BmZ80-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 200px;
  padding: 20px;
  background-color: hsla(0, 0%, 100%, 0.8);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.portfolio-container:hover {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.02);
  -ms-transform: translate(-50%, -50%) scale(1.02);
  transform: translate(-50%, -50%) scale(1.02);
}

.portfolio-item {
  width: 100%;
  height: 100%;
  padding: 17px;
  border: 1px solid #f5a623;
  text-align: center;
}

.portfolio-icon {
  display: inline-block;
  margin-bottom: 15px;
}

.portfolio-headline {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

.portfolio-item-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cta-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #15496c;
}

.cta-text {
  padding-top: 23px;
  padding-bottom: 23px;
  color: #fff;
  font-size: 25px;
  line-height: 45px;
  font-weight: 200;
}

.rightme {
  padding-top: 27px;
  padding-bottom: 27px;
  text-align: right;
}

.cta-button {
  width: 200px;
  border-radius: 5px;
  background-color: #f5a623;
  text-align: center;
  text-transform: uppercase;
}

.footer {
  padding-top: 70px;
  padding-bottom: 70px;
}

.client-block {
  width: 100%;
  margin-bottom: 0px;
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
}

.client-logo {
  display: inline-block;
  width: 100%;
}

.footer-col {
  padding-right: 20px;
  padding-left: 20px;
}

.footer-title {
  margin-bottom: 20px;
  font-weight: 500;
}

.footer-links {
  display: block;
  color: #333;
  text-decoration: none;
}

.footer-links:hover {
  color: #f5a623;
}

.hero {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

.hero.aboutus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 73, 108, 0.59)), to(rgba(21, 73, 108, 0.59))), url('../images/team.jpg');
  background-image: linear-gradient(180deg, rgba(21, 73, 108, 0.59), rgba(21, 73, 108, 0.59)), url('../images/team.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero.managementteam {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 73, 108, 0.6)), to(rgba(21, 73, 108, 0.6))), url('../images/w2square-banner.jpg');
  background-image: linear-gradient(180deg, rgba(21, 73, 108, 0.6), rgba(21, 73, 108, 0.6)), url('../images/w2square-banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero.services {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 73, 108, 0.65)), to(rgba(21, 73, 108, 0.65))), url('../images/hero-banner-services2.jpg');
  background-image: linear-gradient(180deg, rgba(21, 73, 108, 0.65), rgba(21, 73, 108, 0.65)), url('../images/hero-banner-services2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero.portfolio {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 73, 108, 0.65)), to(rgba(21, 73, 108, 0.65))), url('../images/hero-banner-2.jpg');
  background-image: linear-gradient(180deg, rgba(21, 73, 108, 0.65), rgba(21, 73, 108, 0.65)), url('../images/hero-banner-2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero.contact {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 73, 108, 0.6)), to(rgba(21, 73, 108, 0.6))), url('../images/contact_us_image.jpg');
  background-image: linear-gradient(180deg, rgba(21, 73, 108, 0.6), rgba(21, 73, 108, 0.6)), url('../images/contact_us_image.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.bottom-margin-80 {
  margin-bottom: 80px;
}

.qualities-col {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.qualities-icon {
  display: inline-block;
  margin-bottom: 20px;
}

.h4 {
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

.h4.smallcaps {
  margin-bottom: 30px;
  text-transform: lowercase;
}

.more-about-us-col {
  padding-right: 80px;
}

.top-margin-80 {
  margin-top: 80px;
}

.team-col {
  padding: 12px;
}

.member-image {
  margin-bottom: 20px;
}

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

.member-name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bebebe;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.member-name.bigmembername {
  font-size: 20px;
}

.member-qualification {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 17px;
}

.member-qualification.bold {
  font-weight: 500;
}

.member-qualification.bold.bigbold {
  margin-top: 20px;
  font-size: 18px;
}

.member-qualification.bigmem {
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 20px;
}

.team-row {
  margin-bottom: 60px;
}

.top-margin-60 {
  margin-top: 60px;
}

.vertical-line {
  position: relative;
  left: 50px;
  display: inline-block;
  width: 1px;
  height: 1450px;
  margin-left: 10px;
  float: left;
  background-color: #000;
}

.vertical-line.long {
  height: 1080px;
}

.vertical-line.short {
  height: 1100px;
}

.member-achievement {
  position: relative;
  left: 75px;
  display: block;
  width: 450px;
  padding-bottom: 3px;
  padding-left: 0px;
  text-align: left;
}

.member-container {
  margin-bottom: 60px;
}

.services-block {
  padding: 25px 25px 25px 40px;
}

.services-block.right {
  padding-right: 40px;
  text-align: right;
}

.services-h3 {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

.services-h3.white {
  color: #fff;
  text-align: center;
}

.list-item {
  margin-bottom: 5px;
  list-style-type: disc;
}

.portfolio-big-container {
  display: block;
}

.portfolio-big-block {
  height: 100vh;
  padding: 25px 25px 25px 40px;
}

.list {
  margin-bottom: 40px;
  text-align: left;
}

.h2-subheader {
  margin-top: -55px;
}

.h2-subheader.margin {
  margin-bottom: 50px;
}

.hero-subtext {
  color: #fff;
  font-size: 12px;
  font-weight: 100;
  text-align: center;
}

.get-a-quote-btn {
  width: 200px;
  margin-top: 60px;
  border-radius: 5px;
  background-color: #f5a623;
  font-weight: 400;
  text-transform: uppercase;
}

.horizontal-line {
  position: relative;
  left: 40px;
  top: 20px;
  z-index: 4;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #000;
}

.project-small-title {
  margin-bottom: 10px;
  font-weight: 500;
}

.project-small-block {
  padding-right: 15px;
  font-size: 13px;
  text-align: left;
}

.field-label {
  font-weight: 500;
}

.text-field {
  color: #000;
  font-size: 13px;
  font-weight: 200;
}

.text-area {
  min-height: 200px;
  color: #000;
  font-size: 13px;
  font-weight: 200;
}

.submit-btn {
  width: 200px;
  border-radius: 5px;
  background-color: #f5a623;
}

.mobile-navbar {
  z-index: 1001;
}

.mobile-navlink.w--current {
  color: #f5a623;
  font-weight: 500;
}

.link-blocks {
  color: #333;
}

.client-slider {
  height: 250px;
  margin-top: 60px;
  background-color: transparent;
}

.client-slide {
  width: 25%;
  padding-top: 28px;
  padding-bottom: 28px;
}

.right-arrow {
  right: -35px;
  width: 40px;
  color: hsla(0, 0%, 74.5%, 0.4);
}

.left-arrow {
  left: -35px;
  width: 40px;
  color: hsla(0, 0%, 74.5%, 0.4);
}

.slide-nav {
  color: #bebebe;
}

.services-link-block {
  display: block;
  color: #fff;
  text-decoration: none;
}

.boldtext {
  margin-bottom: 10px;
  font-weight: 500;
}

.justpara {
  text-align: justify;
}

.bottom-margin-50 {
  padding-top: 20px;
}

.h4-service {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.padding-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.shortlinks {
  color: #f5a623;
  text-decoration: none;
}

.projectdesc {
  display: inline;
}

.prjecttitle {
  display: inline-block;
  float: none;
  clear: left;
}

.header-container {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 20px;
  border: 5px solid #fff;
}

.services-row {
  height: 100%;
}

.service-col100 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.service-bg1 {
  height: 600px;
  background-image: url('../images/mneconsultancy.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.services-bg2 {
  height: 600px;
  background-image: url('../images/projects-03.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.servces-bg-3 {
  height: 600px;
  background-image: url('../images/projectmanagement.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.services-bg-4 {
  height: 600px;
  background-image: url('../images/otherservices720x550.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.undorder-text {
  font-size: 13px;
}

.container {
  max-width: 1100px;
}

.project-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/carlos-aranda-JOYmoYGnmtU-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/carlos-aranda-JOYmoYGnmtU-unsplash-1.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/shawnanggg-nmpW_WwwVSc-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/shawnanggg-nmpW_WwwVSc-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/clarissa-budiman-KX3pPvdlTt0-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/clarissa-budiman-KX3pPvdlTt0-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/job-savelsberg-57T4ckoUP2I-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/job-savelsberg-57T4ckoUP2I-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, auto;
}

.project-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/martha-dominguez-de-gouveia-nMyM7fxpokE-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/martha-dominguez-de-gouveia-nMyM7fxpokE-unsplash.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/4-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/4-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/2.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.w2-container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.project-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/adolfo-felix-PG8NyM_Mcts-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/adolfo-felix-PG8NyM_Mcts-unsplash.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/adolfo-felix-PG8NyM_Mcts-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/adolfo-felix-PG8NyM_Mcts-unsplash.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/nguyen-khanh-ly-liiusuaISP0-unsplash_1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/nguyen-khanh-ly-liiusuaISP0-unsplash_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/trnava-university-mCpSF-KnlKY-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/trnava-university-mCpSF-KnlKY-unsplash.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/imgix-klWUhr-wPJ8-unsplash_1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/imgix-klWUhr-wPJ8-unsplash_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/somesh-dev-m8vsTf0LccE-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/somesh-dev-m8vsTf0LccE-unsplash.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/lily-banse-nQ3tG1t8eJg-unsplash-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/lily-banse-nQ3tG1t8eJg-unsplash-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.project-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/mike-enerio-tmqsL3BmZ80-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/mike-enerio-tmqsL3BmZ80-unsplash.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

html.w-mod-js *[data-ix="appear-on-load"] {
  display: none;
}

html.w-mod-js *[data-ix="appear-on-load-2"] {
  display: none;
}

@media screen and (max-width: 991px) {
  .section {
    padding: 60px 25px 40px;
  }

  .portfolio-container {
    width: 40%;
    height: 125px;
    padding: 5px;
  }

  .portfolio-item {
    padding: 8px;
  }

  .portfolio-headline {
    display: block;
    font-size: 12px;
    line-height: 16px;
  }

  .portfolio-item-container {
    position: absolute;
    width: 80%;
  }

  .cta-text {
    font-size: 20px;
  }

  .cta-button {
    width: 140px;
  }

  .hero.aboutus {
    height: 60%;
  }

  .hero.managementteam {
    height: 60%;
  }

  .hero.services {
    height: 60%;
  }

  .hero.portfolio {
    height: 60%;
  }

  .hero.contact {
    height: 60%;
  }

  .member-image {
    margin-bottom: 10px;
  }

  .member-name {
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  .vertical-line {
    left: 30px;
    height: 1795px;
  }

  .vertical-line.long {
    height: 1380px;
  }

  .vertical-line.short {
    height: 1450px;
  }

  .member-achievement {
    left: 50px;
    width: 295px;
  }

  .services-block {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    border-bottom: 1px solid #bebebe;
  }

  .portfolio-big-block {
    border-bottom: 1px solid #bebebe;
  }

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

  .horizontal-line {
    left: 20px;
  }

  .menuhamburger {
    display: block;
    color: #fff;
  }

  .menuhamburger.w--open {
    background-color: #15496c;
    color: #f5a623;
  }

  .mobile-navbar {
    background-color: #15496c;
  }

  .mobile-navmenu {
    background-color: #15496c;
  }

  .mobile-navlink {
    color: #f5a623;
  }

  .mobile-navlink:hover {
    color: #fff;
  }

  .client-slide {
    width: 33.33%;
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .right-arrow {
    right: -25px;
  }

  .left-arrow {
    left: -25px;
  }

  .service-col100 {
    height: 80%;
  }

  .service-bg1 {
    height: 400px;
  }

  .services-bg2 {
    height: 400px;
  }

  .servces-bg-3 {
    height: 400px;
  }

  .services-bg-4 {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding: 30px 20px;
  }

  .portfolio-container {
    width: 50%;
  }

  .cta-section {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
  }

  .cta-text {
    padding: 14px 17px;
  }

  .rightme {
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
  }

  .hero.services {
    height: 60%;
  }

  .member-name {
    font-size: 18px;
  }

  .member-qualification {
    font-size: 14px;
  }

  .member-qualification.bold {
    margin-bottom: 20px;
    font-size: 15px;
  }

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

  .vertical-line {
    height: 1420px;
  }

  .vertical-line.long {
    height: 1090px;
  }

  .vertical-line.short {
    height: 1150px;
  }

  .member-achievement {
    width: 400px;
  }

  .portfolio-big-block {
    border-bottom: 1px solid #bebebe;
  }

  .form-container {
    margin-top: 20px;
  }

  .client-slide {
    width: 50%;
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .right-arrow {
    right: -22px;
  }

  .left-arrow {
    left: -23px;
  }
}

@media screen and (max-width: 479px) {
  .hero-header-h1 {
    font-size: 30px;
  }

  .hero-header-h2 {
    padding-right: 14px;
    padding-left: 14px;
    font-size: 20px;
  }

  .section {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
  }

  .section.min-pad {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .paragraph.big {
    font-size: 17px;
  }

  .cta-section {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
  }

  .client-block {
    position: relative;
    bottom: 9px;
    z-index: 2;
  }

  .vertical-line {
    left: 0px;
    height: 1940px;
    margin-left: 20px;
  }

  .vertical-line.long {
    height: 1550px;
  }

  .vertical-line.short {
    height: 1630px;
  }

  .member-achievement {
    left: 14px;
    width: 250px;
    margin-bottom: 0px;
  }

  .services-block {
    padding: 25px 15px;
  }

  .services-block.right {
    padding-right: 12px;
  }

  .services-h3 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
  }

  .portfolio-big-block {
    border-bottom: 1px solid #bebebe;
  }

  .hero-subtext {
    padding-right: 60px;
    padding-left: 60px;
  }

  .horizontal-line {
    left: -11px;
  }

  .project-small-block {
    padding-right: 0px;
  }

  .client-slide {
    width: 100%;
  }

  .right-arrow {
    display: block;
  }

  .service-bg1 {
    height: 250px;
  }

  .services-bg2 {
    height: 250px;
  }

  .servces-bg-3 {
    height: 250px;
  }

  .services-bg-4 {
    height: 250px;
  }

  .project-1 {
    height: 250px;
  }

  .project-2 {
    height: 250px;
  }

  .project-3 {
    height: 250px;
  }

  .project-4 {
    height: 250px;
  }

  .project-5 {
    height: 250px;
  }

  .project-6 {
    height: 250px;
  }

  .project-7 {
    height: 250px;
  }

  .project-8 {
    height: 250px;
  }

  .project-9 {
    height: 250px;
  }

  .project-10 {
    height: 250px;
  }

  .project-11 {
    height: 250px;
  }

  .project-12 {
    height: 250px;
  }

  .project-13 {
    height: 250px;
  }

  .project-14 {
    height: 250px;
  }

  .project-15 {
    height: 250px;
  }

  .project-16 {
    height: 250px;
  }
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-ThinIta.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-XLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-XLightIta.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-BookIta.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-MediumIta.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-BoldIta.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Ultra.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-UltraIta.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}