@font-face{font-family:"Assistant"; src:url(fonts/Assistant-VariableFont_wght.ttf) format("truetype");}
html {overflow-y:scroll;}
body {direction:rtl; margin:0 0 0 0; background:#30525c; font-family:"Assistant", Arial, sans-serif !important; font-size:22px; line-height:30px; font-weight:400; color:#30525c;}
a {color:#8E723E; text-decoration:underline; transition:all 0.4s ease 0s;}
a:hover {color:#8E723E; text-decoration:underline;}
ol {list-style-type:none; counter-reset:item; margin:0; padding:0;}
ol > li { display:table; counter-increment:item; margin-bottom:0.6em;}
ol > li:before { content:counters(item, ".") ". "; display:table-cell; padding-left:0.6em;}
li ol > li { margin:12px 0 0 0;}
li ol > li:before { content:counters(item, ".") " ";}

UL {padding:0; margin:0 22px 22px 0;}
hr {margin:40px 0 0px 0;}
p {margin-top:0px; margin-bottom:22px;}
img {border:0px;}
input, textarea {outline:none; font-family:"Assistant", Arial, sans-serif !important;}
button { font-family:"Assistant", Arial, sans-serif !important; background:#fae9ab; color:#ffffff; 
 font-weight:400; border:0px; border-radius:30px; padding:6px 60px; font-size:20px; cursor:pointer; transition:all 0.4s ease 0s;}
button:hover {background:#30525c;}

.lazyload, .lazyloading {opacity:0;}
.lazyloaded {opacity:1;	transition:opacity 300ms;}

.accessability_container .wah-free-credits .wah-free-credits-inner {text-align:left; padding:2px 0 16px 16px;}
.accessibility-location-left .aicon_link {left:auto; right:-70px !important;}
body .accessability_container button {border-radius:30px;}
body .accessability_container button.wah-action-button {border:#ffffff 2px solid; font-weight:normal;}
body .accessability_container {background:transparent !important;}
body .accessability_container * {background:transparent !important;}
body .close_container {background:#ffffff !important; color:#232323 !important;}


#skiplink {position:absolute; top:-9999px; right:calc(50% - 50px); z-index:10000; height:1px; width:1px; text-align:center; overflow:hidden;}
#skiplink:focus {top:0; width:auto; height:auto; background:#4f4f4f; color:#ffffff; display:block; padding:15px 20px; box-sizing:content-box;}
.screen-reader-response {display:none;}
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;float:right; clip:rect(0, 0, 0, 0); border:0;}
.clearfix:after {content:" "; visibility:hidden; display:block; height:0; clear:both;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 30px 30px 0;}
.aligncenter, div.aligncenter {  display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 30px 30px; clear:right;}
.alignleft {float: left; margin: 5px 30px 30px 0; clear:left;}
a img.alignright {float: right; margin: 5px 0 30px 23px;}
img.alignnone {margin: 5px 20px 20px 0; width:100% !important; height:auto !important;}
a img.alignnone {margin: 5px 20px 20px 0; width:100% !important; height:auto !important;}
a img.alignleft {float: left; margin: 5px 20px 20px 0; clear:left;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto}
.wp-caption {max-width:100%; padding:5px 3px 10px 3px; text-align: center; font-size:16px; line-height:22px;}
.wp-caption.alignnone {margin: 5px 30px 30px 0;}
.wp-caption.alignleft {margin: 5px 30px 30px 0; clear:left;}
.wp-caption.alignright {margin: 5px 0 30px 30px; clear:right;}
.wp-caption.aligncenter {width:80% !important}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width:100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

h1 {color:#fae9ab; font-size:60px; font-weight:600; line-height:60px; margin:0 0 20px 0; padding:200px 0 200px 0;}
.h1looklike {color:#fae9ab; font-size:60px; font-weight:600; line-height:60px; margin:0 0 20px 0; padding:200px 0 200px 0;}
h2 {font-size:30px; font-weight:400; color:#8E723E; margin:16px 0 16px 0; line-height:32px; font-weight:700; text-align:right;}
h3 {font-size:24px; font-weight:400; color:#8E723E; margin:0 0 20px 0; line-height:32px;}
h4 {font-size:20px; font-weight:400;; color:#8E723E; margin:10px 0 0 0;}
h5 {font-size:22px; font-weight:400; color:#8E723E; margin:4px 0 0 0; line-height:28px;}
h6 {font-size:14px; font-weight:400; color:#8E723E; margin:10px 0 0 0; line-height:22px;}

#main-section {background:#e5e8e8; overflow:hidden; min-height:500px;}
.mainDiv {margin:0 auto; width:1370px; clear:both;}
.mainDivHalf {width:685px;}
.contentDiv {padding:40px 12%; text-align:justify;}
.justifyText {text-align:justify;}
.contentDiv h1 {color:#8E723E; text-align:right; font-size:36px; line-height:38px; font-weight:700; padding:0 0 0 0; background-image:none;}
.halfRight {width:calc(50% - 40px); float:right;}
.halfLeft {width:calc(50% - 40px); float:left;}

.headerDiv {background:#e5e8e8; padding:0 0 0 0; overflow:auto;}
.headerLogo {float:left; padding:16px 0 4px 0;}
.headerMobileMenu {display:none;}
.headerMobilePhone {display:none;}
.headerMenu {float:right; margin:52px 0 0 0;}
.headerMenu ul {display:inline; list-style:none; list-style-image:none; padding:0; margin:0;}
.headerMenu ul li {position:relative; padding:0 0 12px 0; margin:0 0 0 40px; line-height:24px; float:right;}
.headerMenu ul li:first-of-type {background:none;}
.headerMenu ul li:last-of-type {margin:0 0 0 0;}
.headerMenu ul li a {color:#30525c; font-size:22px; font-weight:700; text-decoration:none;}
.headerMenu ul li a:hover {color:#8E723E;}
.headerMenu ul li:hover ul {visibility:visible; opacity:1; filter:alpha(opacity=1); width:auto; overflow:auto;}

.headerMenu ul li ul {padding:0 0; position:absolute; z-index:100000; top:30px; right:10px; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease; 
	background:#e6e7e9; box-shadow:0 5px 7px rgba(0, 0, 0, 0.25); border-radius:4px;
}
.headerMenu ul li ul li {margin:0 0 0 0; display:block; white-space:nowrap; padding:12px 12px 12px 12px; height:auto; width:calc(100% - 34px);}
.headerMenu ul li ul li a {display:block; color:#30525c !important; font-size:18px; font-weight:400; transition:all 0.1s ease 0s; background:#e6e7e9 !important; padding:0 0 0 0 !important;}
.headerMenu ul li ul li:hover {color:#8E723E !important;}
.headerMenu ul li ul li:hover a {color:#8E723E !important;}
.headerMenu ul li ul li a:hover {color:#8E723E !important;}

.mobileMenu {display:none;}
.closeMenu {float:right; margin:57px 57px 30px 0 ; transition:all 0.4s ease 0s; cursor:pointer; font-size:30px; color:#23368c;}
.closeMenu:hover {color:#026dfb;}

.homeMain {color:#fae9ab; padding:0 0 200px 0;}
.homeMain h1 {font-weight:400; padding:200px 0 0 0;}
.homeAdvantages {font-size:23px; line-height:32px; padding:90px 0 70px 0;}
.homeAdvantages ul {list-style:none; list-style-image:none; margin:0; padding:0;}
.homeAdvantages ul li {width:33.3%; float:right; padding:0 30px; text-align:center;}
.homeAdvantages ul li p {padding:0 30px; text-align:center;}
.homeAdvantages ul li h3 {color:#30525c; font-weight:700; margin:0 0 0 0;}
.homeAdvantages ul li .image {background:url(../images/icon-bg.png) top center no-repeat; background-size:auto 119px; height:120px; margin:0 0 20px 0; text-align:center;}
.homeAdvantages ul li .image img {width:70px; height:70px; margin:25px 1px 0 0;}

.homeProjects {background:#30525c url(../images/bg1.webp) top center no-repeat; background-size:cover; padding:80px 0 50px 0;}
.homeProjects h2 {color:#fae9ab; text-align:center; font-size:50px; font-weight:600;}
.homeProjectsLink {text-align:center;}
.homeProjectsLink a {color:#ffffff; text-decoration:none; font-size:26px; font-weight:600;}
.homeProjectsLink a:hover {color:#fae9ab;}
.homeProjectsLink i {color:#8E723E; font-size:40px; transform:translateY(9px); font-weight:400;}

.homeAboutWrapper {background:url(../images/about-quality-left.webp) left center no-repeat; background-size:auto 100%;}
.homeAbout {background:url(../images/about-quality-right.webp) right center no-repeat; background-size:auto 100%;}
.homeAboutBG {padding:100px 0 80px 0;}
.homeAbout h2 {color:#8E723E; text-align:center; font-size:40px; font-weight:700; padding:0 0 20px 0;}
.homeAbout p {text-align:center; padding:0 30%;}
.homeAbout p a {color:#30525c; text-decoration:none; font-size:24px; font-weight:600;}
.homeAbout p a:hover {color:#8E723E;}
.homeAbout p a i {font-size:40px; transform:translateY(10px); font-weight:400; color:#8E723E;}

.homeClients {background:#30525c url(../images/footer.svg); background-size:cover; padding:80px 0 90px 0;}
.homeClients h2 {color:#fae9ab; text-align:center; font-size:50px; font-weight:600; padding:0 0 30px 0;}
.clientSlider {border:#778e94 1px solid; color:#ffffff; margin:0 20%;}
.clientSlide {background:#30525c; position:relative; overflow:auto; min-height:200px; overflow:hidden;} 
.clientSlide .text {position:absolute; left:0; width:calc(100% - 300px); padding:30px;}
.clientSlide .image {position:absolute; right:0; width:300px; min-height:200px; height:100%;}
.clientSlide .image div {position:absolute; left:0; top:0; background:url(../images/bg-client.png) left center; background-size:cover; width:100px; height:100%;}

.aboutClients {background:#30525c url(../images/footer.svg); background-size:cover; padding:80px 0 90px 0;}
.aboutClients h2 {color:#fae9ab; text-align:center; font-size:50px; font-weight:600; padding:0 0 30px 0;}
.clientSlider2 {margin:0 40px;}
.clientSlide2 {background:#30525c; border:#778e94 1px solid; color:#ffffff; margin:0 20px;} 
.clientSlide2 .text {padding:20px; text-align:center;}
.clientSlide2 .image {height:280px;}

.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:0; height:0;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.aboutMain {font-size:23px; line-height:32px; padding:60px 12% 40px 12%;}
.aboutPrinciples ul {list-style:none; list-style-image:none; margin:0; padding:0;}
.aboutPrinciples ul li {width:33.3%; float:right; padding:0 30px; text-align:center;}
.aboutPrinciples ul li.eng {float:left; direction:ltr;}
.aboutPrinciples ul li p {padding:0 30px; text-align:center;}
.aboutPrinciples ul li .image {background:url(../images/icon-bg.png) top center no-repeat; background-size:auto 119px; height:120px; margin:0 0 20px 0;}
.aboutPrinciples ul li .image img {width:70px; height:70px; margin:25px 1px 0 0;}


.about1 {font-size:23px; line-height:32px; padding:50px 0 40px 0; text-align:center;}
.about1 p {padding:0 12%;}

.about2 {overflow:auto; position:relative;}
.about2 {background:#30525c; color:#ffffff; overflow:auto; position:relative;}
.about2 h2 {color:#ded6b8;}
.about2 .image {position:absolute; top:0; left:0; width:50%; height:calc(100% - 0px);}
.about2 .text {width:calc(50% - 40px); padding:100px 0 100px 0; text-align:justify;}
.about2 .text a {color:#ded6b8;}
.about2 .text a:hover {color:#ffffff;}

.about3 {overflow:auto; position:relative; padding:100px 0 0 0;}
.about3 .image {float:right; width:50%; text-align: center;}
.about3 .image img {width:65%; height:auto; margin:0 0 -7px 0}
.about3 .text {width:calc(50% - 40px); text-align:justify; float:left; padding:0 0 30px  0;}

.about5 {overflow:auto; position:relative;}
.about5 h2 {color:#30525c;}
.about5 .image {position:absolute; top:0; right:0; width:50%; height:calc(100% - 0px);}
.about5 .text {width:calc(50% - 40px); padding:100px 0 100px 0; text-align:justify; float:left;}

.aboutDefault { padding:100px 0 100px 0;}

.aboutQualityWrapper {background:url(../images/about-quality-left.webp) left center no-repeat; background-size:auto 100%;}
.aboutQuality {background:url(../images/about-quality-right.webp) right center no-repeat; background-size:auto 100%;}
.aboutQualityBG {padding:100px 0 80px 0;}
.aboutQuality h2 {color:#8E723E; text-align:center; font-size:40px; font-weight:700; padding:0 0 20px 0;}
.aboutQuality p {text-align:center; padding:0 25%;}
.aboutQuality p a {color:#30525c; text-decoration:none; font-size:24px; font-weight:600;}
.aboutQuality p a:hover {color:#8E723E;}
.aboutQuality p a i {font-size:40px; transform:translateY(10px); font-weight:400; color:#8E723E;}

.engHeader {position:relative; color:#fae9ab; padding:0 0 460px 0;}
.engHeaderGradient {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom, transparent, rgba(36,36,36,0.7));}
.engHeaderText {position:absolute; z-index:2; top:0; width:100%; height:100%; padding:0 20px;}
.engHeader h1 {padding:350px 0 0px 0; margin:0 0 0 0; text-align:center;}
.engMain h2 {padding:30px 0 0px 0;}
.engText {direction:ltr; text-align:left;}
.engText p {text-align:justify !important;}
.engTextCentered {direction:ltr; text-align:center;}
.engTextCentered p {direction:ltr; text-align:center;}
.engText h2 {direction:ltr; text-align:left;}

.quality {padding:10px 0 50px 0;}
.quality ul {list-style:none; list-style-image:none; margin:0; padding:0; display:flex; flex-flow:row wrap;}
.quality ul li {float:right; width:calc(33.3% - 30px); margin:0 0 70px 45px; transition:all 0.1s ease 0s; background:#f9fafa; box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}
.quality ul li:nth-of-type(3n) {margin:0 0 70px 0;}
.quality ul li h3 {color:#30525c; font-size:26px; line-height:32px; font-weight:600; margin:10px 0 4px 0;}
.quality ul li .stamp {position:absolute; z-index:4; top:-30px; left:20px; width:90px; height:90px; border-radius:50%; border:#ffffff 5px solid; background:#ffffff url(../images/stamp2.svg) center center no-repeat; background-size:cover; box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px; transform:rotate(-20deg);}
.qualityInner {position:relative; padding:20px 20px 10px 90px;}

.projectsAdvantages {padding:50px 8% 100px 8%;}
.projectsAdvantagesIntro {font-size:23px; line-height:32px; padding:0 0 30px 0;}
.projectsAdvantages ul {list-style:none; list-style-image:none; margin:0; padding:0;}
.projectsAdvantages ul li {width:33.3%; float:right; padding:0 30px; text-align:center;}
.projectsAdvantages ul li .image {background:url(../images/icon-bg.png) top center no-repeat; background-size:auto 119px; height:120px; margin:0 0 10px 0;}
.projectsAdvantages ul li .image img {width:70px; height:70px; margin:25px 1px 0 0;}

.projects {padding:80px 0 50px 0;}
.projects h2 {color:#30525c; text-align:center; font-size:50px; font-weight:600; padding:0 0 80px 0;}
.projects ul {list-style:none; list-style-image:none; padding:0; margin:0; display:inline-flex; flex-wrap:wrap; gap:30px; justify-content:center; width:100%;}
.projects ul li {position:relative; float:right; width:calc(33.3% - 30px); margin:0 0 50px 0; transition:all 0.1s ease 0s; cursor:pointer;}

.projects ul li h3 {color:#ffffff; font-weight:600; padding:8px 0 0 0; margin:0 0 0 0;}
.projects ul li h3 a {color:#ffffff; font-weight:600; text-decoration:none; font-size:22x; line-height:28px; text-shadow:1px 1px #000000;}
.projects ul li .projectWrapper {position:relative; padding-bottom:80%;}
.projects ul li .status {position:absolute; z-index:4; top:-20px; left:20px; width:66px; height:66px; border-radius:50%; background:#8E723E; outline:5px solid #8E723E; border:#e2c397 2px solid; color:#ffffff; font-size:16px; line-height:18px; text-align:center; display:flex; justify-content:center; align-items:center;}
.projects ul li .statusGrey {background:#939598; outline:5px solid #939598; border:#cccccc 2px solid;}
.projects ul li .image {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.projects ul li .text {position:absolute; z-index:3; bottom:0; left:0; width:100%; padding:30px 20px 20px 20px; background-image:linear-gradient(to bottom, transparent, rgba(36,36,36,0.9)); color:#ffffff; font-size:16px; line-height:20px; transition:all 0.1s ease 0s; text-shadow:1px 1px #000000;}
.projects ul li .text p {margin:0 0 0 0;}
.projects ul li .text a {color:#ffffff; font-weight:600; text-decoration:none;}
.projects ul li:hover .text {background-image:linear-gradient(to bottom, transparent, rgba(36,36,36,1)); padding:40px 20px 30px 20px;}

.projectHeader {position:relative; color:#fae9ab; padding:0 0 550px 0;}
.projectHeaderGradient {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom, transparent, rgba(36,36,36,0.8));}
.projectHeaderText {position:absolute; z-index:2; top:0; width:100%; height:100%; padding:0 12%;}
.projectHeader h1 {padding:390px 0 0 0; margin:0 0 0 0; text-align:center;}
.projectSubTitle p {font-size:40px; line-height:46px; text-align:center;}
.projectLogo {width:100%; text-align:center; padding:0 0 20px 0;}
.projectLogo img {width:160px; height:160px; border-radius:50%; box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}

.projectHeader2 {position:relative; padding:0 0 580px 0;}
.projectHeaderText2 {position:absolute; z-index:2; bottom:0; text-align:center; width:100%;}

.projectTitle2 {margin:0 auto; width:700px; padding:20px 30px 36px 30px;  overflow:auto; transform:translateY(44%);
  background:rgba(255,255,255,1); box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}
.projectTitle2 ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.projectTitle2 ul li {float:right;}
.projectTitle2 h1 {color:#040707; font-size:48px; padding:6px 0 0 0; margin:0 0 0 0; text-align:center;}
.projectTitle2 p {font-size:28px; line-height:36px; text-align:center; color:#040707; margin:0 0 0 0;}
.projectTitle2 .subtitle p {font-size:20px; line-height:28px; text-align:center; color:#040707; margin:6px 0 0 0;}
.projectAdvantagesText {padding:100px 0 0 0;}


.projectAdvantages {padding:20px 0 40px 0;}
.projectAdvantages ul {list-style:none; list-style-image:none; margin:0; padding:0; display:flex; flex-flow:row wrap; justify-content:center;}
.projectAdvantages ul li {width:20%; float:right; padding:10px 20px; text-align:center; font-size:18px; line-height:22px;}
.projectAdvantages ul li .image img {width:70px; height:70px; margin:6px 1px 0 0;}

.projectArea {background:#30525c; color:#ffffff;}
.projectArea ul {list-style:none; list-style-image:none; margin:0; padding:0; display:flex; flex-flow:row wrap;}
.projectArea ul li {width:50%; float:right;}
.projectArea ul li ul {margin:0 8px 16px 0; border-top:0px; border-bottom:0px;}
.projectArea ul li ul li {list-style-type:disc; display:list-item; border-bottom:0px; padding:0 0 0 0; margin:0 13px 0 0 ; width:auto;}
.projectArea ul li ol li {border-bottom:0px; padding:0 0 0 0; margin:0 0 16px 16px;}
.projectArea .mainDivHalf {float:left; text-align:justify;}
.projectArea iframe {width:100%; height:100%; overflow:hidden;}
.projectAreaText {padding:50px 0 30px 50px; font-weight:300;}
.projectAreaText h2 {color:#ded6b8;}
.projectAreaText h3 {color:#ded6b8;}
.projectAreaText a {color:#ded6b8;}
.projectAreaText a:hover {color:#ffffff;}

.projectGallery {padding:80px 0 80px 0;}
.projectGallery h2 {color:#30525c; text-align:center; font-size:50px; font-weight:600; padding:0 0 20px 0;}
.gallerySlider {direction:rtl; margin:0 0;}
.gallerySlider .slick-prev{right:10px; border-radius:0;}
.gallerySlider .slick-next{left:10px; border-radius:0;}
.galleryItem {text-align:center; padding-top:50%;}

.projectGallery2 {padding:80px 0 80px 0; background:#e5e8e8;}
.projectGallery2 h2 {color:#30525c; text-align:center; font-size:50px; line-height:50px; font-weight:600; padding:0 20% 20px 20%;}
.gallery2Slider {direction:rtl; margin:0 0;}
.gallery2Slider .slick-prev{right:10px; border-radius:0;}
.gallery2Slider .slick-next{left:10px; border-radius:0;}
.gallery2Item {text-align:center; padding-top:50%;}

.gallery {padding:20px 0;}
.gallery ul {list-style:none; list-style-image:none; margin:0; display:flex; flex-flow:row wrap; position:relative;}
.gallery ul li {flex-basis:150px; transition:all 0.4s ease 0s; list-style:none; list-style-image:none; float:right; margin:0 0 24px 36px; line-height:16px; text-align:center;}
.gallery ul li img {border:#cccccc 1px solid; width:auto; width:auto; height:150px; transition:all 0.4s ease 0s;}
.gallery ul li img:hover {opacity:0.9}
.gallery ul li a {color:#333333; font-size:13px; line-height:16px; text-decoration:none;}
.fancybox-caption__body {background:#414042; color:#ffffff; display:inline-block; padding:8px 16px;}

.projectSpec {background:#ffffff; padding:50px 0 80px 0;}
.projectSpec h2 {font-size:50px; line-height:60px; text-align:center; margin:16px 0 0 0;}
.projectSpecText {font-size:23px; line-height:32px; text-align:center; padding:0 0 30px 0;}

.projectQuality {background:#30525c; color:#ffffff; overflow:auto;}
.projectQuality ul {list-style:none; list-style-image:none; margin:0; padding:0; display:flex; flex-flow:row wrap;}
.projectQuality ul li {width:50%; float:right;}
.projectQuality ul li ul {margin:0 8px 16px 0; border-top:0px; border-bottom:0px;}
.projectQuality ul li ul li {list-style-type:disc; display:list-item; border-bottom:0px; padding:0 0 0 0; margin:0 13px 0 0 ; width:auto;}
.projectQuality ul li ol li {border-bottom:0px; padding:0 0 0 0; margin:0 0 16px 16px;}
.projectQuality .mainDivHalf {float:right; text-align:justify;}
.projectQualityText {padding:50px 50px 40px 0; font-weight:300;}
.projectQualityText h2 {color:#ded6b8;}
.projectQualityText h3 {color:#ded6b8;}
.projectQualityText a {color:#ded6b8;}
.projectQualityText a:hover {color:#ffffff;}

.projectPlans {padding:80px 0 80px 0;}
.projectPlans h2 {color:#30525c; text-align:center; font-size:50px; font-weight:600; padding:0 0 20px 0;}
.plansSlider {direction:rtl; margin:0 0;border:#b6c1bc 1px solid; box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px; background:#ffffff;}
.plansSlider .slick-slide {width:50%;}
.plansSlider .slick-dots {top:0; right:0; width:30%; height:100%; background:#ffffff; border-left:#e4e4e4 1px solid; overflow-y:scroll;}
.plansSlider .slick-dots li {float:none; clear:both; display:block; width:auto; height:auto; text-align:right; padding:8px 10px; margin:0 0; border-bottom:#b6c1bc 1px solid;}
.plansSlider .slick-dots li a {color:#414042; text-decoration:none; font-size:18px;}
.plansSlider .slick-dots li.slick-active {background:#414042;}
.plansSlider .slick-dots li.slick-active a {color:#ffffff;}
.plansSlider .galleryItem {width:70%; float:left; position:relative;}
.plansSlider .planImage {position:absolute; z-index:3; top:0; left:0; width:100%; height:calc(100% - 40px);}
.plansSlider .planImage div {width:100%; height:100%;}
.plansSlider .planFile {position:absolute; z-index:4; bottom:10px; left:0; width:100%;}
.plansSlider .planFile a {color:#30525c; text-decoration:none; font-size:18px; font-weight:600;}
.plansSlider .planFile a:hover {color:#8E723E;}

.projectSalesPerson {background:#f3f3f3 url(../images/bg-office2.webp) top right no-repeat; background-size:cover; padding:50px 0 80px 0; text-align:center;}
.projectSalesPerson h2 {color:#30525c; font-size:50px; line-height:60px; text-align:center; margin:16px 0 0 0;}
.projectSalesPersonText {color:#30525c; font-size:26px; line-height:32px; font-weight:400; text-align:center; padding:0 0 30px 0;}
.personDetails {background:rgba(255,255,255,0.8); padding:30px 60px 24px 60px; display:inline-block; color:#414042; margin:0 auto; border:#cccccc 1px solid; box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}
.personImage {float:right;}
.personImage img {width:200px; height:200px; border-radius:50%; border:#cdb981 10px solid;}
.personText {float:left; padding:10px 40px 0 0; text-align:right;}
.personText a {color:#414042; text-decoration:none;}
.personText a:hover {color:#8E723E;}
.personText ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.personText ul li {padding:16px 0 0 0;}
.personText ul li div {display:inline-block; background:#414042; height:32px; width:32px; border-radius:50%; color:#ffffff; font-size:16px; line-height:35px; text-align:center; margin:0 0 0 3px; transition:all 0.4s ease 0s;} 
.personText ul li a:hover div {background:#8E723E;}
.personText ul li div.whatsapp {height:32px; width:32px; background:#414042 url(../images/icon-whatsapp.svg) center center no-repeat; background-size:18px 18px;}
.personText ul li a:hover div.whatsapp {height:32px; width:32px; background:#8E723E url(../images/icon-whatsapp.svg) center center no-repeat; background-size:18px 18px;}

.news {padding:50px 0;}
.news ul {list-style:none; list-style-image:none; padding:0; margin:0; display:flex; flex-flow:row wrap;}
.news ul li {float:right; width:calc(33.3% - 32px); margin:0 0 40px 45px; transition:all 0.1s ease 0s; cursor:pointer; border:#d5d5d5 1px solid; background:#ffffff; box-shadow: rgb(100 100 111 / 10%) 0px 7px 20px 0px; overflow:auto; text-align:justify;}
.news ul li:hover {box-shadow: rgb(100 100 111 / 20%) 0px 7px 20px 0px;}
.news ul li:nth-of-type(3n) {margin:0 0 40px 0;}
.news ul li h3 {color:#8E723E; font-weight:600; padding:0 0 8px 0; margin:0 0 0 0;}
.news ul li h3 a {color:#8E723E; font-weight:600; text-decoration:none; font-size:22px; line-height:28px;}
.news ul li:hover h3 a {color:#30525c;}
.news ul li .image {padding-top:60%}
.news ul li .text {padding:30px 30px 20px 30px; font-size:18px; line-height:24px;}
.news ul li .text p {margin:0 0 0 0;}

.news ul.remainder1 li:last-of-type {width:calc(100% - 8px) !important; margin:0 0 40px 0;}
.news ul.remainder1 li:last-of-type .image {padding-top:25%; width:calc(33.3% - 30px); float:right;}
.news ul.remainder1 li:last-of-type .text {width:calc(66.6% + 30px); float:left;}

.news ul.remainder2 li:nth-last-of-type(1) {width:calc(50% - 24px) !important; margin:0 22px 40px 0;}
.news ul.remainder2 li:nth-last-of-type(1) .image {padding-top:50%; width:calc(40% - 30px); float:right;}
.news ul.remainder2 li:nth-last-of-type(1) .text {width:calc(60% + 30px); height:100%; float:left;}

.news ul.remainder2 li:nth-last-of-type(2) {width:calc(50% - 24px) !important; margin:0 0 40px 22px;}
.news ul.remainder2 li:nth-last-of-type(2) .image {padding-top:50%; width:calc(40% - 30px); float:right;}
.news ul.remainder2 li:nth-last-of-type(2) .text {width:calc(60% + 30px); height:100%; float:left;}

.postGallery ul {list-style:none; list-style-image:none; padding:0; margin:0; display:flex; flex-flow:row wrap;}
.postGallery ul li {float:right; width:150px; margin:10px 0 30px 30px;  cursor:pointer; text-align:center; line-height:22px;}
.postGallery ul li img {width:100%; height:auto; border:#ffffff 1px solid; transition:all 0.1s ease 0s;}
.postGallery ul li a {font-size:16px; line-height:22px; width:100%; height:auto; color:#30525c; text-decoration:none; transition:all 0.1s ease 0s;}
.postGallery ul li a:hover {color:#8E723E;}
.postGallery ul li a:hover img {opacity:0.9;}

.careersAdvantages {padding:50px 8% 80px 8%;}
.careersAdvantages h2 {padding-bottom:30px; font-size:40px; line-height:50px; text-align:center;}
.careersAdvantagesIntro {font-size:23px; line-height:32px; padding:0 0 10px 0;}
.careersAdvantages ul {list-style:none; list-style-image:none; margin:0; padding:0;}
.careersAdvantages ul li {width:33.3%; float:right; padding:0 30px; text-align:center;}
.careersAdvantages ul li .image {background:url(../images/icon-bg.png) top center no-repeat; background-size:auto 119px; height:120px; margin:0 0 10px 0;}
.careersAdvantages ul li .image img {width:70px; height:70px; margin:25px 1px 0 0;}

.careersList {background:#ffffff; padding:50px 0 80px 0;}
.careersList h2 {color:#30525c; font-weight:600; font-size:50px; line-height:60px; text-align:center; margin:0 0 30px 0;}

.activities {padding:50px 8% 0 8%;}
.activitiesIntro {font-size:23px; line-height:32px; padding:0 0 30px 0;}
.activitiesList h2 {color:#30525c; text-align:center; font-size:50px; font-weight:600; padding:0 0 80px 0;}

.activity {background:#ffffff;}
.activity ul {list-style:none; list-style-image:none; margin:0; padding:0; display:flex; flex-flow:row wrap;}
.activity ul li {width:50%; float:right;}
.activity ul li .mainDivHalf {float:left; padding:60px 0 50px 50px;}
.activity ul li h3 {font-size:30px; font-weight:600; padding:0 0 0 0;}

.activity:nth-of-type(odd) ul {flex-direction: row-reverse;}
.activity:nth-of-type(odd) ul li .mainDivHalf {float:right; padding:80px 50px 70px 0;}

.contactDetails {padding:20px 80px 40px 0;}
.contactDetails ul {margin:0; padding:0px; list-style:none;}
.contactDetails p {margin:-53px 62px 50px 0; line-height:26px;}
.contactDetails p strong {font-weight:600; color:#8E723E;}
.contactDetails a {color:#30525c; text-decoration:none;}
.contactDetails a:hover {color:#8E723E;}
.contactDetails div {background:#414042; color:#ffffff; font-size:26px; line-height:52px; width:50px; height:50px; text-align:center; border-radius:50%;}
.contactDetails div.fax {background:#414042 url(../images/icon-fax.svg) center center no-repeat; background-size:34px 33px;}
.contactDetails div.whatsapp {background:#414042 url(../images/whatsapp.svg) center center no-repeat; background-size:27px 27px;}
.contactDetails div.facebook {background:#414042 url(../images/facebook.svg) center center no-repeat; background-size:27px 27px;}
.contactDetails div i {margin:0 1px 0 0;}

.contactMap {height:600px;}
.contactMap iframe {width:100%; height:100%;}

.teamHeader {position:relative; padding:0 0 0 0;}
.teamTitle {margin:0 auto; width:700px; padding:0 0 0 0;  overflow:auto;
  background:rgba(255,255,255,1); box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}
.teamTitle h1 {color:#040707; font-size:48px; padding:6px 0 0 0; margin:0 0 0 0; text-align:center;}
.teamTitle .subtitle  {font-size:24px; line-height:28px; text-align:center; color:#040707; margin:4px 20px 26px 20px;}
.teamImage img {width:100%; height:auto;}
.teamText {padding:10px 0 10px 0; width:700px; margin:0 auto; font-weight:700;}
.teamText .contactDetails {font-weight:700; font-weight:400; text-align:right; padding:30px 20px 0 20px;}
.teamAdd {text-align:center;}
.teamAdd button {background:#30525c;}
.teamAdd button:hover {background:#8E723E;}

.collapsing {padding:20px 0 10px 0;}
.collapsing ul {list-style:none; list-style-image:none; padding:0; margin:0; border-top:#cdb981 1px solid; border-bottom:#cdb981 1px solid;}
.collapsing ul li {border-bottom:#cdb981 1px solid; padding:0 0 6px 0; margin:0;}
.collapsing ul li:last-of-type {border-bottom:0px;}
.collapsing ul li h3 {color:#30525c; padding:10px 0 10px 30px; margin:6px 0 0 0; font-size:22px; font-weight:700; cursor:pointer;	background:url(../images/icon-open2.png) top left no-repeat; background-position:0 9px; transition:all 0.1s ease 0s;}
.collapsing ul li h3:hover {color:#8E723E;}
.collapsing ul li h3.active {background:url(../images/icon-close2.png) top left no-repeat; background-position:0 9px;}
.collapsing ul li div {padding:0 10px 0 30px;}
.collapsing ul li ul {margin:0 0 16px 0; border-top:0px; border-bottom:0px;}
.collapsing ul li ul li {list-style-type:disc; display:list-item; border-bottom:0px; padding:0 0 0 0; margin:0 13px 0 0 ;}
.collapsing ul li ol li {border-bottom:0px; padding:0 0 0 0; margin:0 0 16px 16px;}

.galleryHeader {position:relative; padding:0 0 280px 0;}
.galleryHeaderText {position:absolute; z-index:2; bottom:0; text-align:center; width:100%;}

.galleryTitle {margin:0 auto; width:700px; padding:20px 30px 36px 30px;  overflow:auto; transform:translateY(44%);
  background:rgba(255,255,255,1); box-shadow:rgb(100 100 111 / 10%) 0px 7px 20px 0px;}
.galleryTitle h1 {color:#040707; font-size:48px; padding:6px 0 0 0; margin:0 0 0 0; text-align:center;}
.galleryTitle p {font-size:24px; line-height:32px; text-align:center; color:#040707; margin:0 0 0 0;}

.galleryTags {text-align:center; padding:120px 0 50px 0;}
.galleryTags button:hover {opacity:0.9;}

.filterButton {
  background:#30525c; color:#ffffff; font-weight:400; border-radius:30px; padding:6px 24px; margin:4px; font-size:20px;
  display:inline-block; cursor:pointer; transition:all .3s ease;
}
.filterButton:hover {opacity:0.9;}
.filterButton.active{background:#8E723E;}
.filterButton input[type=checkbox] {display:none;}

.picGalleryWrapper {padding:20px 4% 60px 4%;}
* { -webkit-box-sizing: border-box; box-sizing: border-box;}
.grid {block-size:fit-content; text-align:center;}
.grid:after {content:''; display:block; clear: both;}
.grid-item {width:33.3%; margin:0 auto; text-align:center;}
.grid-item img {width:calc(100% - 16px); margin:0 8px 10px 8px;}

.grid-item .text {position:absolute; z-index:3; bottom:0; left:0; width:calc(100% - 16px); margin:0 8px 16px 8px; transition: all 0.1s ease 0s;
   background-image: linear-gradient(to bottom, transparent, rgba(36,36,36,0.9)); color: #ffffff; font-size: 16px; line-height: 20px; text-shadow: 1px 1px #000000;
   display:none;
  }
.grid-item .text p {margin:0 0 0 0; padding:16px 20px 16px 20px; text-align:right;}
.grid-item .text p i {transform:translateY(2px);}
.grid-item .text.shown {display:block;}

.footerForm {background:#dedede url(../images/k2.svg) center center no-repeat; background-size:auto 150%; padding:100px 0 60px 0;}
.footerForm h3 {color:#30525c; text-align:center; font-size:36px; line-height:42px; font-weight:700; padding:0 0 10px 0;}
.footerForm h3 a {color:#30525c; font-weight:700; text-decoration:none;}
.footerForm h3 a:hover {color:#8E723E}
.footerForm h3 sub {font-size:36px; font-style:normal; transform:translateY(-3px); padding:0 3px 0 0;}

.contactForm input {width:calc(100% - 10px); padding:10px; background:#fff; color:#6e6e70; border:0px;
	font-family:"Assistant", Arial, serif !important; font-size:18px; font-weight:normal; opacity:0.9;
}

.contactForm textarea {width:calc(100% - 10px); padding:10px; background:#fff; color:#6e6e70; border:0px;
	font-family:"Assistant", Arial, serif !important; font-size:18px; font-weight:normal; opacity:0.9;
}

.contactForm button {display:inline-block; border:0px; background:transparent; padding:0 80px; margin:-10px 12px 16px 0; text-align:center;
 color:#30525c; font-family:"Assistant", Arial, serif !important; font-size:28px; font-weight:600; 
}
.contactForm button:hover {color:#8E723E;}
.contactForm button i {font-size:40px;transform:translateY(9px);}

.contactForm label.error { color:#d8315c; padding:0 10px; font-size:16px;}
.contactForm fieldset {padding:0 0 16px 0; border:0px; font-weight:500;}
.contactFormFields {list-style:none; list-style-image:none; margin:0 auto; padding:0;}
.contactFormFields li {list-style:none; list-style-image:none;}
.contactFormFields li.widthThird {width:calc(33.3% - 20px); float:right; margin:0 0 0 30px}
.contactFormFields li.widthHalf {width:calc(50% - 15px); float:right; margin:0 0 0 30px}
.contactFormFields li:nth-of-type(3) {margin:0 0 0 0;}
.contactFormFields li:nth-of-type(4) {clear:right;}

.contactFormFields li.widthThird.eng {direction:ltr; float:left; text-align:left; margin:0 30px 0 0;}
.contactFormFields li.widthHalf.eng {direction:ltr; float:left; text-align:left; margin:0 0 0 30px}
.contactFormFields li.eng {direction:ltr;  text-align:left; }
.contactFormFields li.eng:nth-of-type(3) {margin:0 0 0 0;}
.contactFormFields li.eng:nth-of-type(4) {float:none; clear:both;}
.contactFormFields li.eng:nth-of-type(5) {float:none; clear:both;}

.crmFormDiv {background:#ffffff; padding:50px 0 80px 0;}
.crmFormText {margin:0 10%;}

.crmForm ul {list-style:none; list-style-image:none; padding:0; margin:0 10%;}
.crmForm ul li.halfWidth {width:50%; float:right;}
.crmForm ul li.clearBoth {clear:both;}
.crmForm textarea {width:100%; padding:8px 10px; background:#f9fafa; color:#333333; border:#b1b1b1 1px solid; font-size:16px; clear:both;}
.crmForm input {width:100%; padding:8px 10px;  background:#f9fafa; color:#333333; border:#b1b1b1 1px solid; font-size:16px; clear:both;}
.crmForm select {width:100%; padding:8px 10px;  background:#f9fafa; color:#333333; border:#b1b1b1 1px solid; font-size:16px;}
.crmForm input[type="file"] {width:100%; padding:8px 30px 8px 10px; margin:12px 0 0 0; background:#f9fafa url(../images/paperclip.svg) center right no-repeat; background-position:calc(100% - 10px) 9px;}
.crmForm input[type="file"]::file-selector-button {display:none;}
.crmForm .fileUpload {width:100%; padding:8px 10px; background:#f0f3f7; color:#030942;	border:#b1b1b1 1px solid; font-size:16px; cursor:pointer; display:inline-block;}
.crmForm label {clear:both;}
.crmForm label.error {font-weight:700; font-size:14px; color:#e42c86;}
.crmForm fieldset {padding:0 0 16px 0; border:0px;}
.crmForm fieldset.higher {padding:16px 0 20px 0; border:0px;}
.crmForm .checkboxLabel {padding:0 4px 0 0;}
.crmForm button {display: inline-block; border: 0px; background:#30525c; padding:6px 60px; margin:0 0 0 0; color: #ffffff;
    font-family: "Assistant", Arial, serif !important; font-size:24px; font-weight: 600; border-radius: 0;}
.crmForm button i {transform: translateY(2px);}
.crmForm button:hover {background:#8E723E; }

.sitemap {padding:50px 10% 80px 10%;}
.sitemap ul {list-style-image:none; padding:0; margin:0;}
.sitemap ul li {list-style:none; list-style-image:none; padding:14px 0; line-height:16px; border-bottom:#cccccc 1px solid; }
.sitemap ul li a {font-weight:bold; text-decoration:none; color:#30525c; transition:all 0.4s ease 0s;}
.sitemap ul li a:hover {color:#8E723E;}
.sitemap ul li ul {padding: 18px 0 0 0;}
.sitemap ul li ul li {padding:14px 20px 14px 0; border-bottom:#e5e8e8 1px solid; border-top:#cccccc 1px solid;}
.sitemap ul li ul li a {font-weight:normal;}

.p404 {font-size:120px; line-height:120px; font-weight:600; padding:0 0 0 0; text-align:center;}

.footer {background:#30525c url(../images/footer.svg) top center; background-size:cover; color:#ffffff; font-size:15px; line-height:18px; padding:80px 0 50px 0; overflow:auto;}
.footer a {color:#ffffff; text-decoration:none; font-size:15px;}
.footer a:hover {color:#86beff;}

.footer ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.footer ul li {list-style:none; padding:6px 0 6px 0;}
.footer a {color:#ffffff;}
.footer a:hover {color:#fae9ab;}

.footerRight {float:right; width:33.3%; padding:0 0 0 0;}
.footerRight ul li {padding:6px 24px 6px 0;}
.footerMid {float:right; width:33.3%; text-align:center;}
.footerMid div {display:inline-block; margin:0 auto;}
.footerLeft {float:left; width:33%; padding:0 0 0 0;}
.footerLeft div {float:left;}
.footerCredits {padding:60px 0 0 0; text-align:center;}
.footerCredits2 {padding:10px 0 0 0; direction:ltr; font-size:12px; line-height:12px;}
.footerCredits2 a {font-size:12px; line-height:12px;}

.dunsguide img {margin:10px 0 0 0; width:150px;}

.popupWindow {position:fixed; background:rgba(0,0,0,0.8); top:0; right:0; bottom:0; left:0; z-index:999; visibility:hidden; opacity:0; pointer-events:none; transition:all 0.3s;}
.popupWindow.active {visibility:visible; opacity:1; pointer-events:auto;}
.popupContent {position:absolute; top:50%; left:calc(50% - 16px); transform:translate(-50%, -50%); margin:16px; background:#ffffff; border-radius:10px; min-width:280px;}
.popupContent p {margin:20px 0;}
.popupClose {position:absolute;  z-index:1999;  top:-20px; right:-20px; text-decoration:none; color:#fae9ab; cursor:pointer;}
.popupClose img {width:32px; height:32px;}
.floatingVid {min-width:800px; overflow:auto; background:#ffffff;}

.formPopup {position:fixed; background:rgba(0,0,0,0.8); top:0; right:0; bottom:0; left:0; z-index:999; visibility:hidden; opacity:0; pointer-events:none; transition:all 0.3s;}
.formPopup.active {visibility:visible; opacity:1; pointer-events:auto;}

@media only screen and (min-width :1170px) and (max-width :1390px)
{
 .headerMenu ul li {margin:0 0 0 26px;}
 .contentDiv {padding:40px 10%;}
 .mainDiv {width:1100px;}
 .mainDivHalf {width:550px;}
 .homeAboutWrapper {background-position-x:-40%;}
 .homeAbout {background-position-x:140%;}
 .homeAbout p {padding:0 15%;}
 .homeAboutBG {background:rgba(255,255,255,0.5);}
 .aboutQualityBG {background:rgba(255,255,255,0.5);}
 .aboutQuality p {padding:0 15%;}
 .clientSlider {margin:0 10%;}
 .projectHeader2 {padding: 0 0 500px 0;}
}

@media only screen and (min-width :900px) and (max-width :1169px)
{
  .headerLogo {padding:16px 0 4px 0;}
  .headerLogo img {width:100px; height:auto;}
   .headerMenu {margin:16px 0 0 0;}
 .headerMenu ul li {margin:0 0 0 16px;}
 .contentDiv {padding:40px 6%;}
	.mainDiv {width:860px;}
 .mainDivHalf {width:430px;}
 .homeAboutWrapper {background-position-x:-40%;}
 .homeAbout {background-position-x:140%;}
 .homeAbout p {padding:0 10%;}
 .homeAboutBG {background:rgba(255,255,255,0.7); }
 .about3 .image img {width:100%; }
 .aboutQuality p {padding:0 10%;}
 .aboutQualityBG {background:rgba(255,255,255,0.7);}
 .clientSlider {margin:0 8%;}
 .projectHeader2 {padding: 0 0 460px 0;}
}

@media only screen and (min-width :0px) and (max-width :899px)
{
	body {font-size:17px; line-height:24px;}
 body .accessability_container {display:none;}
	h1 {padding:70px 16px 70px 16px; font-size:28px; line-height:32px;}
	.h1looklike {padding:70px 16px 70px 16px; font-size:28px; line-height:32px;}
	h2 {margin:0 0 20px 0; font-size:22px; line-height:28px;}
	h3 {font-size:18px; line-height:26px;}
 button {padding:6px 30px;}
 .wp-caption.aligncenter {width:100% !important}

	.mobileMenu {display:none; position:absolute; z-index:99999999; top:0; left:0; background:rgba(48,81,91,0.98); width:100%;}
	.mobileMenu ul {list-style:none; list-style-image:none; padding:0; margin:0 12px 12px 12px; width:calc(100% - 32px);}
	.mobileMenu ul li {padding:16px 0; border-bottom:#506a6c 1px solid; margin:0px; clear:both; float:none; width:100%;}
	.mobileMenu ul li:last-of-type {border-bottom:0px;}
	.mobileMenu ul li a {font-size:22px; font-weight:bold; color:#ffffff; text-decoration:none; width:100%; cursor:pointer; display:block; text-decoration:none;}
	.mobileMenu ul li a:hover {color:#fae9ab;}
	.mobileMenu ul li ul {display:none; margin:12px 0 0 10px; clear:both; float:none; width:98%;}
	.mobileMenu ul li ul li {border-top:#506a6c 1px solid; border-bottom:0px; padding-right:10px; clear:both; float:none;}
	.mobileMenu ul li ul li a {font-weight:normal; width:100%; color:#ffffff; display:block;}
	.mobileMenu ul li ul li a:hover {color:#fae9ab;}

	.closeMenu {display:block; float:right; margin:24px 13px 0 0; line-height:40px; text-align:center; transition:all 0.4s ease 0s; cursor:pointer;}
 .closeMenu img {width:40px; height:40px;}

 .headerMobileMenu {display:block; padding:26px 16px 0 0;}
 .headerMobileMenu a {color:#e5e8e8; font-size:18px; line-height:34px;}
 .headerMobileMenu i {background:#040707; border-radius:50%; width:34px; height:34px; text-align:center; margin:0 0 0 10px; line-height:34px;}

 .headerLogo {margin:16px 16px 0 16px; padding:0 0 2px 0;}
 .headerLogo img {height:60px; width:auto;}
 .headerMenu {display:none;}
 
 .mainDiv {width:auto;}
 .mainDivHalf {width:auto;}
 .contentDiv {padding:20px 20px; text-align:right;}
 .contentDiv h1 {font-size:24px; line-height:28px;}
 .halfRight {width:auto; float:none; clear:both; padding:0 16px;}
 .halfLeft {width:auto; float:none; clear:both; padding:20px 16px;}

 .grid-item {width:calc(100% - 40px); float:none; clear:both; margin-bottom:20px;}

 .homeMain {color:#fae9ab; padding:0 0 0 0;}
 .homeMain .mainDiv {padding:0 16px 60px 16px; background-image:linear-gradient(to bottom, transparent, rgba(36,36,36,0.6));}
 .homeMain h1 {font-weight:400; padding:60px 0 0 0; margin:0 0 8px 0;}
 .homeMain ul {margin:0 16px 0 0;}
 .homeMain ul li {font-size:16px;}

 .homeAdvantages {padding:40px 16px 10px 16px; font-size:18px; line-height:24px;}
 .homeAdvantages ul li {width:auto; float:none; clear:both; padding:0 0 40px 0;}
 .homeAdvantages ul li p {padding:0 0;}
 .homeAdvantages ul li .image {height:100px; margin:0 0 5px 0; background-size:auto 100px;}
 .homeAdvantages ul li .image img {width:50px; height:50px; margin:25px 4px 0 0;}

 .homeProjects {padding:40px 16px 30px 16px;}
 .homeProjects h2 {font-size:30px;}
 .homeProjectsLink a {font-size:24px;}
 .homeProjectsLink a i {font-size:36px;}
 .projects {padding:40px 0 20px 0;}
 .projects h2 {font-size:30px; padding:0 0 40px 0;}
 .projects ul {display:block;}
 .projects ul li {width:auto; float:none; clear:both; margin:0 0 60px 0;}
 .projects ul li:last-of-type {margin:0 0 30px 0;}
 .projects ul li .text {padding:30px 16px 20px 16px;}

 .homeAboutWrapper {background:#ffffff url(../images/about-quality-mobile2.webp) center center no-repeat; background-size:cover;}
 .homeAbout {padding:40px 16px 20px 16px; background:url(../images/pixel.png) right top no-repeat;}
 .homeAboutBG {padding:20px 0 10px 0;}
 .homeAbout p {padding:0 0;}
 .homeAbout h2 {font-size:30px; padding:0 0 0 0;}
 .homeAbout p a {font-size:24px;}
 .homeAbout p a i {font-size:36px;}

 .homeClients {padding:40px 0 40px 0;}
 .homeClients h2 {font-size:30px; padding:0 0 0 0;}
 .clientSlider {margin:0 50px;}
 .clientSlide .image {position:relative; width:auto; min-height:150px; height:150px;}
 .clientSlide .image div {background:url(../images/pixel.png) right top no-repeat;}
 .clientSlide .text {position:relative; width:auto; padding:16px 16px 0 16px; text-align:center;}

 .aboutClients {padding:40px 16px 40px 16px;}
 .aboutClients h2 {font-size:30px; padding:0 0 0 0;}
 .clientSlide2 {margin:0 0;}
 .clientSlide2 .image {height:150px;}
 .clientSlide2 .text {padding:16px 16px 0 16px;}

 .aboutMain {font-size:20px; line-height:26px; padding:20px 16px 20px 16px;}

 .aboutPrinciples {padding:0 16px 0 16px; font-size:18px; line-height:24px;}
 .aboutPrinciples ul li {width:auto; float:none; clear:both; padding:0 0 40px 0;}
 .aboutPrinciples ul li p {padding:0 0;}
 .aboutPrinciples ul li .image {height:100px; margin:0 0 5px 0; background-size:auto 100px;}
 .aboutPrinciples ul li .image img {width:50px; height:50px; margin:25px 4px 0 0;}

 .about2 .text {width:auto; float:none; clear:both; padding:40px 16px 20px 16px; text-align:right;}
 .about2 .image {position:relative; float:none; clear:both; height:180px; width:100%;}

 .about3 {padding:0 16px 0 16px;}
 .about3 .text {width:auto; float:none; clear:both; text-align:right; padding:0 0 0 0;}
 .about3 .image {width:auto; float:none; clear:both; text-align:center;}
 .about3 .image img {margin:0 0 -5px 0;}

 .about5 .text {width:auto; float:none; clear:both; padding:40px 16px 20px 16px; text-align:right;}
 .about5 .image {position:relative; float:none; clear:both; height:180px; width:100%;}

 .engHeader {padding:0 0 150px 0;}
 .engHeader h1 {padding:70px 0 0 0;}

 .aboutQualityWrapper {background:#ffffff url(../images/about-quality-mobile2.webp) center center no-repeat; background-size:cover;}
 .aboutQuality {padding:40px 16px 20px 16px; background:url(../images/pixel.png) right top no-repeat;}
 .aboutQualityBG {padding:20px 0 10px 0;}
 .aboutQuality p {padding:0 0;}
 .aboutQuality p a {font-size:20px;}
 .aboutQuality p a i {font-size:34px;}
 .aboutQuality h2 {font-size:30px; padding:0 0 0 0;}

 .quality {padding:20px 16px 0 16px; font-size:18px; line-height:24px;}
 .quality ul {display:block}
 .quality ul li {width:auto; float:none; clear:both; margin:0 0 60px 0;}
 .quality ul li:nth-of-type(3n) {margin:0 0 60px 0;}

 .projectsAdvantages { padding:20px 16px 20px 16px;}
 .projectsAdvantagesIntro {font-size:20px; line-height:26px; padding:0 0 10px 0;}
 .projectsAdvantages ul li {width:auto; float:none; clear:both; padding:0 0 40px 0;}
 .projectsAdvantages ul li:last-of-type {padding:0 0 0 0;}
 .projectsAdvantages ul li p {padding:0 0;}
 .projectsAdvantages ul li .image {height:100px; margin:0 0 5px 0; background-size:auto 100px;}
 .projectsAdvantages ul li .image img {width:50px; height:50px; margin:25px 4px 0 0;}

 .projectsList {padding:0 16px 0 16px; margin:-10px 0 0 0;}

 .projectHeader {padding:0 0 250px 0;}
 .projectHeader h1 {padding:170px 0 0 0;}
 .projectSubTitle {font-size:20px; line-height:26px;}
 .projectAdvantages {padding:0 0 0 0;}
 .projectAdvantages ul li {width:50%; padding:10px 10px;}

 .projectHeader2 {padding:0 0 300px 0;}
 .projectTitle2 {width:auto; margin:0 20px; padding:10px 16px 20px 16px;}
 .projectTitle2 h1 {font-size:28px; padding:6px 0 0 0; margin:0 0 0 0;}
 .projectTitle2 p {font-size:22px; line-height:30px;}
 .projectTitle2 .subtitle p {font-size:17px; line-height:24px;}
 .projectAdvantagesText {padding:90px 0 0 0;}

 .projectArea ul {display:block;}
 .projectArea ul li {width:auto; float:none; clear:both;}
 .projectArea .mainDivHalf {width:auto; float:none; clear:both;}
 .projectArea iframe {height:350px;}
 .projectAreaText {padding:40px 16px 20px 16px;}
 .projectAreaMap {background:#e5e8e8;}

 .projectGallery {padding:30px 0 50px 0;}
 .projectGallery h2 {font-size:30px; padding:0 0 0 0;}

 .projectGallery2 {padding:40px 0 0 0;}
 .projectGallery2 h2 {font-size:30px; line-height:30px; padding:0 20px 0 20px;}

 .projectQuality ul {display:block;}
 .projectQuality ul li {width:auto; float:none; clear:both;}
 .projectQualityText {padding:40px 16px 20px 16px;}
 .projectQualityImage {height:150px;}

 .projectPlans {padding:40px 5px 5px 5px;}
 .projectPlans h2 {font-size:30px; padding:0 0 0 0;}
 .plansSlider .slick-dots {width:40%;}
 .plansSlider .galleryItem {width:60%;}
 .plansSlider .slick-dots li {line-height:16px;}
 .plansSlider .slick-dots li a {font-size:14px; line-height:16px;}
 .plansSlider .planFile {font-size:18px; font-weight:600;}
 .plansSlider .planFile a {font-size:14px; line-height:16px;}
 
 .projectSpec {padding:20px 16px 40px 16px;}
 .projectSpec h2 {font-size:30px; padding:0 0 0 0;}
 .projectSpecText {font-size:18px; line-height:24px; padding:0 0 10px 0;}

 .projectSalesPerson {padding:20px 16px 40px 16px;}
 .projectSalesPerson h2 {font-size:30px; padding:0 0 0 0;}
 .projectSalesPersonText {font-size:20px; line-height:26px; padding:0 0 20px 0;}

 .personDetails {padding:30px 30px 24px 30px;}
 .personImage {width:auto; float:none; clear:both;}
 .personText {width:auto; float:none; clear:both; padding:10px 0 0 0;}

 .news {padding:30px 16px;}
 .news ul {display:block;}
 .news ul li {width:auto; float:none; clear:both; margin:0 0 60px 0;}
 .news ul li:last-of-type {margin:0 0 30px 0;}
 .news ul li .text {padding:30px 16px 20px 16px;}

 .news ul.remainder1 li:last-of-type {width:auto !important; margin:0 0 40px 0;}
 .news ul.remainder1 li:last-of-type .image {padding-top:60%; width:auto; float:none;}
 .news ul.remainder1 li:last-of-type .text {width:auto; float:none;}

 .news ul.remainder2 li:nth-last-of-type(1) {width:auto !important; margin:0 0 40px 0;}
 .news ul.remainder2 li:nth-last-of-type(1) .image {padding-top:60%; width:auto; float:none;}
 .news ul.remainder2 li:nth-last-of-type(1) .text {width:auto; float:none;}

 .news ul.remainder2 li:nth-last-of-type(2) {width:auto !important; margin:0 0 40px 0;}
 .news ul.remainder2 li:nth-last-of-type(2) .image {padding-top:60%; width:auto; float:none;}
 .news ul.remainder2 li:nth-last-of-type(2) .text {width:auto; float:none;}

 .postGallery ul li {width:120px; margin:10px 0 30px 20px; }

 .careersAdvantages {padding:20px 16px 20px 16px;}
 .careersAdvantagesIntro {font-size:20px; line-height:26px;}
 .careersAdvantages h2 {padding-bottom:20px; font-size:30px; line-height:40px;}
 .careersAdvantages  ul li {width:auto; float:none; clear:both; padding:0 0 40px 0;}
 .careersAdvantages  ul li p {padding:0 0;}
 .careersAdvantages  ul li .image {height:100px; margin:0 0 5px 0; background-size:auto 100px;}
 .careersAdvantages  ul li .image img {width:50px; height:50px; margin:25px 4px 0 0;}
 .careersList {padding:10px 16px 40px 16px;}
 .careersList h2 {padding-bottom:0; font-size:30px; line-height:40px;}

 .activities {padding:20px 16px 10px 16px;}
 .activitiesIntro {font-size:20px; line-height:26px; padding:0 0 0 0;}
 .activitiesList h2 {font-size:30px; padding:0 0 20px 0;}

 .activity ul {display:block;}
 .activity ul li {width:auto; float:none; clear:both;}
 .activity ul li .mainDivHalf {float:none; clear:both; padding:20px 16px 20px 16px;}
 .activity ul li h3 {font-size:24px; padding:16px 0 0 0; margin: 0 0 10px 0;}
 .activity ul li.activityImage {height:180px;}
 .activity:nth-of-type(odd) ul li .mainDivHalf {float:none; clear:both; padding:20px 16px 20px 16px;}

 .contactDetails {padding:20px 0 0 0;}
 .contactDetails p {margin:-48px 62px 30px 0; line-height:22px;}
 .contactMap {height:300px;}

 .crmFormDiv {padding:40px 20px;}
 .crmFormText {margin:0 0;}
 .crmForm ul {margin:0 0;}

 .teamTitle {width:auto; margin:0 24px;  overflow:auto;}
 .teamTitle h1 {font-size:28px; padding:6px 0 0 0; margin:0 0 0 0;}
 .teamTitle .subtitle  {font-size:24px; line-height:28px; text-align:center; }
 .teamText {padding:10px 0 10px 0; width:auto;}
 .teamText .contactDetails {padding:0 20px 0 20px;}

 .galleryHeader {padding:0 0 180px 0;}
 .galleryHeaderText {padding:0 0 100px 0;}
 .galleryTitle {width:auto; margin:0 20px; padding:10px 16px 20px 16px; transform: translateY(120%);}
 .galleryTitle h1 {font-size:28px; padding:6px 0 0 0; margin:0 0 0 0;}
 .galleryTitle p {font-size:22px; line-height:30px;}
 .galleryTitle .subtitle p {font-size:17px; line-height:24px;}

.galleryTags {padding:80px 0 30px 0;}
.filterButton {border-radius:30px; padding:5px 18px; font-size:18px;}
.grid-item {width:100%; margin-bottom:8px;}
.floatingVid {min-width:auto;}

 .footerForm {padding:40px 16px 10px 16px;}
 .footerForm h3 {font-size:22px; line-height:28px;}
 .footerForm h3 i {font-size:14px;}
 .footerForm h3 sub {font-size:24px;}
 .contactFormFields li.widthThird {width:auto; float:none; clear:both; margin:0 0 0 0;}
 .contactFormFields li.widthThird.eng {width:auto; float:none; clear:both; margin:0 0 0 0;}
 .contactForm input {width:calc(100% - 0px);}
 .contactForm textarea {width:calc(100% - 0px);}
 .contactForm button {font-size:24px;}
 .contactForm button i {font-size:36px;}

 .footer {background:url(../images/footer.svg) center; background-size:cover; padding:40px 0 20px 0;}
 .footerRight {width:auto; float:none; clear:both; text-align:center;}
 .footerRight ul li {padding:6px 0 6px 0;}
 .footerRight div {float:none; clear:both; display:inline-block; margin:0 auto; text-align:center;}
 .footerMid {display:none;}
 .footerLeft {width:auto; float:none; clear:both; text-align:center; padding:16px 0 0 0;}
 .footerLeft div {float:none; clear:both; display:inline-block; margin:0 auto;}
 .footerCredits {padding:30px 0 0 0;}
}