@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
 :root {
     --color-text: #000;
     --color-headings: #000;
     --color-bg: #FFF;
     --color-alt-bg: #f3f7fe;
     --color-light-bg: #F8F8FA;
     --color-blue: #2aa3f1;
     --color-blue-dark: rgba(16, 85, 130, 1);
     --color-light-gray: #828282;
     --color-green: #00A651;
 }
 body {
     font-family: 'Open Sans', sans-serif;
     font-size: 15px;
     line-height: 1.5em;
     background-color: var(--color-bg);
     color: var(--color-text);
     font-weight: 500;
 }
 body p {
     line-height: 1.8em;
     font-weight: 500;
 }
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Raleway', sans-serif;
     line-height: 1.2em;
     letter-spacing: normal;
     padding: 0;
 }
 h1 {
     font-size: 40px;
     font-weight: 600;
 }
 h1 span {
     line-height: 1.3em;
 }
 h1 span, h2 span {
     display: block;
     text-transform: uppercase;
     font-weight: 200;
     font-size: 18px;
     color: #777;
 }
 h3 {
     font-size: 22px;
     font-weight: 700;
 }
 h2 {
     font-size: 32px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 15px 0;
 }
 strong {
     font-weight: 700;
 }
 .alt-bg {
     background-color: var(--color-alt-bg);
 }
 .content-block:not(.content-block.page-header-block) {
     padding-top: 40px;
     padding-bottom: 40px;
 }
 .solid-text {
     background-color: var(--color-blue);
     color: var(--color-white);
     padding: 6px 20px;
     line-height: normal;
     border-radius: 2px;
     text-transform: uppercase;
     font-size: 16px;
     margin-bottom: 10px;
     display: inline-block;
 }
 .check-list {
     list-style: none;
     padding-left: 0;
 }
 .check-list li {
     display: flex;
     align-items: top;
 }
 .check-list li:before {
     font-family: 'icons';
     content: "\f00e";
     color: var(--color-black);
     margin-right: 10px;
     font-size: 15px;
     padding: 5px;
     text-align: center;
     line-height: 1.2em;
 }
 .rm-bu {
     color: var(--color-black);
     text-transform: uppercase;
     font-size: 15px;
 }
 .rm-bu::before {
     font-family: 'icons';
     content: "\eac7";
     font-size: 12px;
 }
 .stats {
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     position: relative;
     overflow: hidden;
 }
 .stats li {
     width: 50%;
     text-align: center;
     font-size: 54px;
     font-weight: 900;
     border-left: 1px solid var(--color-border-light);
     border-bottom: 1px solid var(--color-border-light);
     margin-left: -1px;
     margin-bottom: -1px;
 }
 .stats li span {
     font-size: 18px;
     font-weight: 400;
     color: var(--color-light-gray);
     display: block;
     margin: 30px;
 }
 .stats li img {
     display: block;
     margin: 30px auto;
 }
 .welcome .columns-2-50-50>div:first-child {
     width: 45%;
 }
 .navicon, .navicon:before, .navicon:after {
     background-color: var(--color-white);
 }
 .navicon.active, .navicon.active:before, .navicon.active:after {
     background-color: var(--color-white) !important;
 }
 .wrapper {
     width: 100%;
     max-width: 1600px;
 }
 #header {
     background-color: var(--color-white);
     display: block;
     padding: 0;
     border-bottom: none;
 }
 #header .wrapper {
     display: flex;
     padding: 25px;
     align-items: center;
 }
 #header .wrapper:last-of-type {
     padding: 15px 25px;
     justify-content: right;
     position: relative;
 }
 #header .logo, #header .top-links {
     width: 50%;
 }
 #header .top-links {
     text-align: right;
 }
 .header-nav-holder {
     width: 100%;
     background-color: var(--color-blue);
 }
 .top-links {
     padding: 0;
     margin: 0;
 }
 .top-links li {
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     text-align: left;
     line-height: 1.4em;
     padding: 0;
     margin: 0;
 }
 .top-links li a {
     display: inline-block;
     font-size: 13px;
     color: var(--color-light-gray);
     font-weight: 300;
     text-decoration: none;
 }
 .top-links li a:hover {
     color: var(--color-green);
 }
 .top-links li a span {
     display: block;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 400;
     color: var(--color-black);
 }
 .top-links li:before {
     font-family: "icons";
     font-size: 20px;
     padding: 8px;
     margin-right: 10px;
     color: var(--color-blue);
     border: 2px solid var(--color-blue);
     border-radius: 50%;
     transform: translateY(-4px);
     display: inline-block;
 }
 .top-links li:first-child:before {
     content: "\efbb";
 }
 .top-links li:last-child:before {
     content: "\efb4";
     margin-left: 50px;
 }
 ul.main-navigation li {
     margin: 0 10px;
     line-height: 1em;
 }
 ul.main-navigation li:hover>a {
     opacity: 1;
     color: var(--color-white);
 }
 ul.main-navigation li a {
     padding: 6px 20px;
     text-transform: uppercase;
     color: var(--color-white);
     text-align: left;
     z-index: 2;
     position: relative;
 }
 ul.main-navigation>li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     background: var(--color-blue-dark);
     transition: 0.25s transform ease;
     transform: scale3d(0, 1, 1);
     transform-origin: 50% 50%;
     z-index: 1;
     border-radius: 2px;
 }
 ul.main-navigation>li:hover:before {
     transform: scale3d(1, 1, 1);
 }
 .logo a span {
     display: none;
 }
 .page-header {
     min-height: 540px;
     display: flex;
     align-items: center;
     position: relative;
     overflow: hidden;
 }
 .header-art {
     display: block;
     width: 100%;
     color: #FFF;
     text-align: center;
     line-height: 1em;
     z-index: 1;
     padding: 30px 20px;
 }
 .header-art h1 {
     color: var(--color-white);
     text-transform: uppercase;
     font-weight: 700;
     font-size: clamp(2rem, 1.6667rem + 0.8333vw, 2.5rem);
 }
 .header-art h1 span {
     display: block;
     color: var(--color-blue);
     font-weight: 900;
     font-size: clamp(1.375rem, 1.0417rem + 0.8333vw, 1.875rem);
 }
 .header-art p {
     text-align: center;
     font-size: clamp(0.875rem, 0.6667rem + 0.5208vw, 1.1875rem);
     font-weight: 300;
     width: 100%;
     max-width: 1150px;
     margin: 0 auto;
     margin-top: 20px;
 }
 .header-art .hds {
     display: inline-block;
     background-color: rgba(0, 0, 0, 0.5);
     padding: 24px 40px;
     font-size: clamp(1rem, 0.9167rem + 0.2083vw, 1.125rem);
     text-transform: uppercase;
     font-weight: 300;
     margin: 30px 0;
     font-family: 'Raleway';
     word-spacing: 15px;
     line-height: 1.7em;
 }
 .header-art .hds span {
     word-spacing: normal;
 }
 .header-art .readmore-button {
     display: inline-block;
     background-color: var(--color-blue);
     color: var(--color-white);
     text-decoration: none;
     text-transform: uppercase;
     padding: 15px 40px;
     border-radius: 2px;
     font-size: 17px;
 }
 .stats-header {
     padding: 0;
     margin: 25px 0;
     list-style: none;
     display: flex;
     justify-content: center;
     align-items: center;
     justify-items: center;
     flex-wrap: wrap;
 }
 .stats-header li {
     padding: 50px 0;
     border: 1px solid rgb(53, 51, 51);
     margin: 35px;
     text-align: center;
     font-size: 46px;
     width: 170px;
     height: 170px;
     background-color: rgba(0, 0, 0, 0.4);
     transform: rotate(45deg);
 }
 .stats-header li>div {
     transform: rotate(-45deg) translateX(10%) translateY(5px);
 }
 .stats-header li strong {
     font-weight: 900;
 }
 .stats-header li span {
     font-weight: 500;
     font-size: 18px;
     display: block;
     padding: 30px;
     line-height: 1.3em;
     color: rgba(255, 255, 255, 0.7);
     font-weight: 300;
 }
 .stats-header img {
     margin-top: -20px;
     margin-left: -20px;
 }
 .ac-block {
     display: flex;
     flex-wrap: wrap;
 }
 .ac-block>div:first-child {
     width: 20%;
 }
 .ac-block>div:last-child {
     width: 80%;
     padding: 30px 30px 30px 0;
 }
 .block-2>div:last-child img {
     max-width: 100%;
 }
 .ac-block h2 {
     display: inline-block;
     transform: rotate(90deg) scale(-1) translate(-70%, -220%);
     font-weight: 900;
     letter-spacing: 0.2em;
     line-height: 1;
     font-size: 42px;
     color: transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: var(--color-blue);
     opacity: 0.5;
 }
 .mv-block {
     display: flex;
     justify-content: space-between;
     margin: 30px 0;
     flex-wrap: wrap;
 }
 .mv-block>div {
     width: 48%;
     padding: 30px;
     background-color: var(--color-light-bg);
 }
 .mv-block h3 {
     font-weight: 700;
 }
 .mv-block h3:after {
     content: '';
     display: block;
     background-color: var(--color-blue);
     width: 30px;
     height: 1px;
     margin-top: 5px;
     margin-bottom: 5px;
 }
 .mg {
     border-top: 1px solid var(--color-border-light);
     border-bottom: 1px solid var(--color-border-light);
 }
 .mg h3 {
     font-size: 22px;
 }
 .mg h3:after {
     content: '';
     display: block;
     background-color: var(--color-blue);
     width: 30px;
     height: 1px;
     margin-top: 5px;
     margin-bottom: 5px;
 }
 .block-2 {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 .block-2>div {
     background-color: var(--color-white);
     padding: 30px;
 }
 .block-2>div:first-child {
     width: 40%;
     background-image: url(../../../media/website-images/icon_13.png);
     background-repeat: no-repeat;
     background-position: 95% top;
 }
 .block-2>div:last-child {
     width: 60%;
     border-left: 1px solid var(--color-border-light);
     padding-left: 40px;
     background-image: url(../../../media/website-images/icon_14.png);
     background-repeat: no-repeat;
     background-position: 95% top;
 }
 .bar {
     padding: 0 0 20px 20px;
     margin: 0;
 }
 .bar li {
     list-style: square;
     list-style-position: outside;
 }
 .clients-block {
     margin-top: 30px;
 }
 .clients-block>div {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }
 .clients-block>div:nth-child(odd) {
     background-color: var(--color-light-bg);
 }
 .clients-block>div:last-child {
     border-bottom: none;
 }
 .clients-block>div>div:first-child {
     width: 25%;
 }
 .clients-block>div>div:last-child {
     width: 75%;
     padding-left: 30px;
 }
 .clients-block h3 {
     padding: 30px;
     font-weight: 700;
     font-size: 18px;
 }
 .clients-block ul {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin: 0;
 }
 .clients-block ul li {
     display: inline-block;
     list-style: none;
     padding: 0 10px;
     margin: 15px 0;
     font-weight: 500;
     border-right: 1px solid var(--color-light-gray);
 }
 .clients-block ul li:last-child {
     border-right: none;
 }
 ul.awards-block {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin: 0;
     justify-content: space-between;
 }
 ul.awards-block li {
     display: block;
     width: 23%;
     padding: 2%;
     margin-bottom: 30px;
     border: 1px solid var(--color-border-light);
     min-height: 250px;
     text-align: center;
 }
 ul.awards-block li img {
     max-width: 100%;
     height: auto;
     padding: 4px;
 }
 ul.awards-block h4 {
     color: #000;
     text-align: center;
     font-size: 16px;
     width: 100%;
     display: block;
     font-weight: 600;
     padding-top: 10px;
 }
 ul.awards-block h4 span {
     display: block;
     margin-top: 10px;
     color: var(--color-light-gray);
     font-weight: 300;
     font-size: 15px;
 }
 .team-members {
     padding: 40px 0;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
 .team-members>div {
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 0 0 30px 0;
     width: 18%;
     background-color: #fff;
     margin-bottom: 30px;
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
 }
 .team-members>div:hover {
     border-color: transparent;
     box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
     transform: translateY(-10px);
 }
 .team-members img {
     width: calc(100% + 2px);
     margin: -1px 0 30px -1px;
     border-radius: 2px 2px 0 0;
 }
 .team-members h3 {
     font-size: 18px;
     padding: 0 15px 5px 15px;
 }
 .team-members span {
     color: var(--color-light-gray);
     font-weight: 300;
     font-size: 14px;
     margin-bottom: 10px;
     display: block;
 }
 .team-members p {
     text-align: left;
     padding: 20px;
 }
 .team-members .link-rm {
     margin: 0 auto;
     display: block;
     text-align: center;
     width: 120px;
     background-color: var(--color-alt-bg);
     border-radius: 20px;
     color: var(--color-black);
     text-decoration: none;
     margin-top: 20px;
     line-height: 1em;
     padding: 6px 0;
     border: 1px solid var(--color-border-light);
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 600;
 }
 .team-members .link-rm:hover {
     background-color: var(--color-blue);
     border-color: var(--color-blue);
     color: var(--color-white);
 }
 .team-members .team-connect a {
     text-decoration: none;
     width: 30px;
     height: 30px;
     display: none;
     overflow: hidden;
     transition: width .4s ease 0s, background .4s ease 0s;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 30px;
     line-height: 2.8em;
     text-align: center;
     margin: 0 1px;
     color: #000;
     font-size: 10px;
     text-transform: uppercase;
 }
 .team-members .team-connect a:hover {
     width: 100px;
     background-color: #000;
     color: #FFF;
 }
 .team-members .team-connect a span {
     display: inline;
 }
 .team-members .team-connect a:hover span:before {
     padding-left: 0;
     color: #FFF;
 }
 .team-members .team-connect a span:before {
     padding-right: 8px;
     padding-left: 7px;
     vertical-align: middle;
 }
 .team-members .team-connect a * {
     color: #000;
 }
 .clients-list {
     margin: 30px auto;
 }
 .clients-list h3 {
     display: block;
     text-align: center;
     font-size: 24px;
     padding: 30px 0;
 }
 .clients-list h3:after {
     content: '';
     display: block;
     background-color: var(--color-blue);
     width: 50px;
     height: 1px;
     margin: 10px auto;
 }
 .logo-grid {
     display: flex;
     flex-wrap: wrap;
     position: relative;
     overflow: hidden;
     padding: 0;
     margin: 30px 0;
 }
 .logo-grid li {
     list-style: none;
     width: 20%;
     padding: 20px;
     text-align: center;
     border-left: 1px solid var(--color-border-light);
     border-bottom: 1px solid var(--color-border-light);
     margin-left: -1px;
     margin-bottom: -1px;
 }
 .logo-grid li span {
     font-size: 14px;
     background-color: var(--color-alt-bg);
     padding: 8px 24px;
     margin: 10px 0;
     display: inline-block;
     border-radius: 20px;
     transition: all .15s ease-in 0s;
 }
 .logo-grid img {
     max-width: 100%;
     display: block;
     margin: 0 auto;
     transition: all .15s ease-in 0s;
 }
 .logo-grid li:hover img {
     transform: translateY(-10px);
 }
 .logo-grid li:hover span {
     transform: translateY(-10px);
     background-color: var(--color-blue);
     color: var(--color-white);
 }
 .services-home * {
     text-align: center;
 }
 .services-box {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin: 0;
     justify-content: space-between;
 }
 .services-box li {
     list-style: none;
     background-color: var(--color-white);
     border: 1px solid var(--color-border-light);
     width: 20%;
     margin: 2%;
     padding: 30px;
     transition: all .15s ease-in 0s;
 }
 .services-box li h3 {
     font-family: 'Raleway', serif;
     font-size: 20px;
     margin: 20px 0;
     font-weight: 600;
 }
 .services-box li p {
     line-height: 1.4em;
     color: var(--color-light-gray);
     font-weight: 400;
 }
 .services-box li:last-child {
     position: relative;
     border: 1px solid var(--color-blue);
 }
 .services-box li:last-child a {
     color: var(--color-white);
     display: block;
     background-color: var(--color-blue);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 20px;
     text-decoration: none;
     text-transform: uppercase;
 }
 .services-box li:hover {
     border: 1px solid var(--color-blue);
     transform: translateY(-10px);
 }
 .services-box li:last-child:hover {
     transform: translateY(0px);
     background-color: var(--color-black);
     border: 1px solid var(--color-black);
 }
 .services-box li:last-child:hover a {
     background-color: var(--color-black);
     border: 1px solid var(--color-black);
 }
 .services-details {
     display: flex;
     align-items: center;
     margin: 100px 0;
     border: 1px solid var(--color-border-light);
 }
 .services-details:nth-child(even) {
     flex-direction: row-reverse;
 }
 .services-details>div:first-child {
     width: 30%;
     text-align: center;
 }
 .services-details:nth-child(odd)>div:first-child {
     margin: -50px 0 -50px 50px
 }
 .services-details:nth-child(even)>div:first-child {
     margin: -50px 50px -50px 0
 }
 .services-details:nth-child(1)>div:first-child {
     background-color: #97DEF5;
 }
 .services-details:nth-child(2)>div:first-child {
     background-color: #B7A2E8;
 }
 .services-details:nth-child(3)>div:first-child {
     background-color: #70E2B4;
 }
 .services-details:nth-child(4)>div:first-child {
     background-color: #6E8AF3;
 }
 .services-details:nth-child(5)>div:first-child {
     background-color: #C8E260;
 }
 .services-details:nth-child(6)>div:first-child {
     background-color: #2DC1D0;
 }
 .services-details:nth-child(7)>div:first-child {
     background-color: #9CF9D0;
 }
 .services-details:nth-child(1) {
     border-color: #97DEF5;
 }
 .services-details:nth-child(2) {
     border-color: #B7A2E8;
 }
 .services-details:nth-child(3) {
     border-color: #70E2B4;
 }
 .services-details:nth-child(4) {
     border-color: #6E8AF3;
 }
 .services-details:nth-child(5) {
     border-color: #C8E260;
 }
 .services-details:nth-child(6) {
     border-color: #2DC1D0;
 }
 .services-details:nth-child(7) {
     border-color: #9CF9D0;
 }
 .services-details>div:last-child {
     width: 70%;
     padding: 50px;
 }
 .services-details img {
     max-width: 100%;
     padding: 30px;
 }
 .services-details h2 {
     font-size: 26px;
 }
 .slider-holder {
     align-items: center;
 }
 .slider-holder>div:first-child h3 {
     font-size: 30px;
     font-weight: 600;
     text-align: right;
 }
 .slider-holder>div:first-child h3 span {
     font-size: 48px;
     display: block;
     font-weight: 800;
     color: var(--color-blue);
     margin-bottom: 20px;
 }
 .slider-holder>div:first-child p {
     font-size: 26px;
     font-style: italic;
     font-weight: 300;
     text-align: right;
 }
 #header.header-down.fixed>.wrapper {
     padding: 10px 25px !important;
 }
 #header.header-down.fixed>.wrapper .logo, #header.header-down.fixed>.wrapper .top-links {
     margin-top: 20px;
 }
 .header-down.fixed .logo a img {
     transition: all .15s ease-out;
     max-height: 50px;
 }
 #header.header-down.fixed>.wrapper .top-links {
     transform: scale(95%);
 }
 #body-main {
     background-color: var(--color-bg);
 }
 .bu {
     padding: 10px 30px;
     text-decoration: none;
     border-radius: 2px;
 }
 .bu:before {
     font-family: 'icons';
     content: '\ea94';
     margin-left: -10px;
     display: inline-block;
     transform: translateY(2px) translateX(-20px);
     opacity: 0;
     visibility: hidden;
     transition: all .25s ease-out;
 }
 .bu:hover:before {
     visibility: visible;
     opacity: 1;
     transform: translateY(2px) translateY(0px);
 }
 .bu-black {
     background-color: var(--color-black);
     color: #FFF;
     border: 1px solid var(--color-black);
 }
 .bu-black:hover {
     color: var(--color-black);
     background-color: var(--color-white);
 }
 .page-header div.page-heading {
     display: block;
     width: 100%;
     color: #FFF;
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
     font-size: 42px;
     line-height: 1em;
     font-weight: 600;
 }
 .page-header div.page-heading span {
     display: block;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 200;
     letter-spacing: .1em;
     opacity: 0.6;
     padding-top: 20px;
 }
 .contact-details .icon {
     font-size: 20px;
     margin-bottom: 10px;
     display: block;
     background-color: rgba(0, 0, 0, 1);
     color: #FFF;
     padding: 5px;
     border-radius: 2px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 1.5em;
 }
 form.ecms-form label {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 13px;
 }
 .services-intro span {
     display: block;
     text-align: center;
     font-size: 20px;
     font-weight: 500;
     color: #777;
 }
 .location-info {
     display: flex;
     align-content: center;
 }
 .location-info h3 {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 800;
     margin-bottom: 15px;
 }
 .location-info p {
     line-height: 1.3em;
 }
 .location-info>div:first-child {
     width: 78%;
     margin-right: 2%;
     border: 1px solid var(--color-border-light);
 }
 .location-info>div:first-child h2 {
     color: var(--color-blue);
     font-weight: 900;
     font-size: 22px;
 }
 .location-info>div:last-child {
     width: 20%;
     border: 1px solid var(--color-blue);
     text-align: center;
     display: flex;
     align-items: center;
 }
 .location-info>div:last-child>div {
     width: 100%;
 }
 .location-info>div:last-child p, .location-info>div:last-child h2 {
     text-align: center;
     color: var(--color-blue);
 }
 .location-info>div:last-child a {
     color: var(--color-blue);
     text-decoration: none;
     font-size: 16px;
 }
 .location-info>div:first-child {
     display: flex;
 }
 .location-info>div:first-child>div {
     /* background-color: var(--color-blue); */
     display: flex;
     align-items: center;
     text-align: center;
     width: 50%;
     padding: 10px;
 }
 .location-info img {
     display: block;
     max-width: 100%;
     margin: 0 auto;
 }
 .location-info>div:first-child ul {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 30px;
     margin: 0;
 }
 .location-info>div:first-child ul li {
     width: 50%;
     padding: 30px;
 }
 .contact-block .bdr {
     border: 1px solid var(--color-border-light);
     padding: 30px;
 }
 .ecms-form {
     max-width: auto;
     width: 100%;
     border: none;
 }
 #footer {
     background-color: #105582;
     padding: 0px;
 }
 #footer .copyright {
     color: var(--color-white);
     /*      display: block;
     padding: 15px;
     text-align: center; */
 }
 .footer-bottom {
     display: flex;
     padding: 15px;
     justify-content: center;
 }
 .footer-bottom>div {
     padding: 0 15px;
     color: var(--color-white);
 }
 .footer-bottom>div:first-child {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
 }
 #footer .social-media-menu {
     display: inline-block;
     vertical-align: top;
 }
 .social-media-menu li a:before {
     background-color: transparent;
     margin: -5px auto 5px;
 }
 .footer-info-block {
     background-color: var(--color-blue);
     padding: 30px 0;
 }
 .footer-info {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }
 .footer-info>div:first-child {
     width: 20%;
     text-align: center;
 }
 .footer-info>div:nth-child(2) {
     display: flex;
     flex-wrap: wrap;
     width: 80%;
     border-left: 1px solid rgba(255, 255, 255, 0.2);
 }
 .footer-info>div:nth-child(2)>div:nth-child(1) {
     width: 100%;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px 0;
 }
 .footer-info>div:nth-child(2)>div:nth-child(2) {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
 }
 .footer-info>div:nth-child(2)>div:nth-child(2), .footer-info>div:nth-child(2)>div:nth-child(3) {
     width: 50%;
     padding: 20px 0;
 }
 .footer-info h4 {
     padding: 10px 30px;
     color: var(--color-white);
     text-transform: uppercase;
     font-size: 16px;
 }
 .footer-info h4 span {
     text-transform: none;
     font-weight: normal;
     font-family: 'Open Sans', sans-serif;
 }
 .footer-info h4 span a {
     text-decoration: none;
 }
 .footer-info h4 span a:hover {
     color: var(--color-black);
 }
 @media screen and (max-width:1200px) {
     .team-members>div {
         width: 22%;
     }
     .logo-grid li {
         width: 25%;
     }
 }
 @media screen and (max-width:1000px) {
     .services-box li {
         width: 28%;
     }
     .team-members>div {
         width: 30%;
     }
     .about-intro .columns-2-60-40>div {
         width: 100%;
     }
     .footer-bottom {
         display: flex;
         flex-direction: column;
     }
     .footer-bottom>div {
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
         border-right: none!important;
     }
 }
 @media screen and (max-width:880px) {
     .logo-grid li {
         width: 33.33%;
     }
     ul.awards-block li {
         width: 30%;
     }
     .block-2>div:first-child, .block-2>div:last-child {
         width: 100%;
         border-left: none;
     }
     .block-2>div:last-child img {
         display: block;
         margin: 15px auto;
         max-width: 100%;
     }
     .team-members>div {
         width: 46%;
     }
     .footer-info>div:first-child {
         width: 100%;
     }
     .footer-info>div:nth-child(2) {
         width: 100%;
         border-left: none;
         text-align: center;
     }
     .top-links li:last-child {
         display: none;
     }
     .main-navigation-holder {
         justify-content: center;
     }
     ul.main-navigation li {
         margin: 0 0px;
         line-height: 1em;
     }
 }
 @media screen and (max-width:768px) {
     .location-info {
         flex-wrap: wrap;
     }
     .location-info>div:first-child, .location-info>div:last-child {
         width: 100%;
         margin: 0 0 30px 0;
         padding: 30px 0;
         border: 1px solid var(--color-blue);
     }
     .location-info>div:first-child {
         display: flex;
         flex-wrap: wrap;
     }
     .location-info>div:first-child>div {
         width: 100%;
     }
     .clients-block>div {
         flex-direction: column;
     }
     .clients-block>div>div:first-child, .clients-block>div>div:last-child {
         width: 100%;
     }
     .clients-block ul {
         margin: 20px 0;
     }
     .mv-block>div {
         width: 100%;
         margin-bottom: 30px;
     }
     .slider-holder>div:first-child h3, .slider-holder>div:first-child p {
         text-align: center;
     }
     .services-box li {
         width: 46%;
     }
     nav.main-navigation-holder {
         position: absolute;
     }
     nav.main-navigation-holder .mn-inner {
         transition: all .45s;
         animation-timing-function: cubic-bezier(.37, 0, .32, .84);
         transform: translateY(-120vh);
         background-color: var(--color-blue);
         width: 100%;
         height: 100%;
         padding: 5em;
         margin: 0 auto;
         position: absolute;
         left: 0;
         right: auto;
         top: 0;
         bottom: 0;
         overflow: auto;
         border-radius: 0px;
     }
     nav.main-navigation-holder ul.main-navigation>li {
         border: none;
         margin-bottom: 10px;
         border-radius: 0;
         position: relative;
     }
     nav.main-navigation-holder ul.main-navigation>li a {
         font-size: 120%;
         padding: 10px 0px;
         position: relative;
         color: var(--color-white) !important;
         z-index: 2;
     }
     ul.main-navigation>li:before {
         content: "";
         width: 100%;
         height: 100%;
         position: absolute;
         left: -20px;
         bottom: 0;
         background: var(--color-blue-dark);
         transition: 0.25s transform ease;
         transform: scale3d(0, 1, 1);
         transform-origin: 0% 50%;
         z-index: 1;
         border-radius: 2px;
     }
     .content-block.services-intro {
         padding-bottom: 0;
     }
 }
 @media screen and (max-width:640px) {
     .clients-block>div {
         border: 1px solid var(--color-border-light);
         margin-bottom: 30px;
         padding: 30px;
     }
     .clients-block>div:nth-child(odd) {
         background-color: var(--color-white);
     }
     .clients-block>div:last-child {
         border: 1px solid var(--color-border-light);
     }
     .clients-block>div>div:first-child {
         width: 100%;
     }
     .clients-block>div>div:last-child {
         width: 100%;
         padding-left: 0;
     }
     .clients-block h3 {
         padding: 10px;
     }
     .clients-block ul {
         display: flex;
         flex-wrap: wrap;
         padding: 0;
         margin: 0;
     }
     .clients-block ul li {
         border-radius: 4px;
         text-align: center;
         padding: 8px 16px;
         margin: 10px 5px;
         background-color: var(--color-alt-bg);
         display: inline-block;
         list-style: none;
         border: none !important;
     }
     .clients-block ul li:last-child {
         border-right: none;
     }
     .block-2>div:first-child, .block-2>div:last-child {
         padding: 30px 10px;
     }
     .location-info>div:first-child ul li {
         width: 100%;
         padding: 10px 30px;
     }
     .services-details {
         flex-wrap: wrap;
         margin: 50px 0;
     }
     .services-details>div:first-child, .services-details>div:last-child {
         width: 100%;
     }
     .services-details:nth-child(odd)>div:first-child {
         margin: 0
     }
     .services-details:nth-child(even)>div:first-child {
         margin: 0
     }
     .logo-grid li {
         width: 50%;
     }
     .stats-header li {
         padding: 30px 0;
         margin: 28px;
         font-size: 38px;
         width: 130px;
         height: 130px;
     }
     .stats-header li>div {
         transform: rotate(-45deg) translateX(2%) translateY(5px);
     }
     .stats-header li span {
         font-size: 14px;
         padding: 15px;
     }
     .stats-header img {
         margin-top: -15px;
         margin-left: -5px;
         width: 80px;
     }
     .ac-block {
         position: relative;
         overflow: hidden;
     }
     .ac-block h2 {
         transform: rotate(90deg) scale(-1) translate(-70%, -240%);
     }
     .content-block:not(.content-block.page-header-block) {
         padding-top: 20px;
         padding-bottom: 20px;
     }
     ul.awards-block li {
         width: 46%;
     }
     .team-members>div {
         width: 100%;
     }
     .top-links li:before {
         display: none;
     }
     .footer-info>div:nth-child(2)>div:nth-child(2), .footer-info>div:nth-child(2)>div:nth-child(3) {
         width: 100%;
         padding: 10px 0;
     }
     .footer-info>div:nth-child(2)>div:nth-child(2) {
         border-right: none
     }
     .services-box li {
         width: 98%;
     }
     .services-box li:last-child {
         height: 180px;
     }
     .header-art .hds {
         padding: 20px 10px;
         margin: 0 0 20px 0;
         word-spacing: 5px;
     }
     #footer {
         text-align: center;
     }
     #footer .copyright, #footer .social-media-menu {
         float: none;
     }
 }