@charset "utf-8";
/* CSS Document */

.montserrat-400 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.montserrat-500 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.montserrat-600 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.montserrat-700 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/****************************************** 
Transitions
******************************************/
.hidden{opacity: 0;}
.visible{opacity: 1;}
.animated1{animation-duration:0.25s;animation-fill-mode:both}
.animated2{animation-duration:0.5s;animation-fill-mode:both}
.animated3{animation-duration:0.75s;animation-fill-mode:both}
.animated4{animation-duration:1s;animation-fill-mode:both}
.animated5{animation-duration:1.25s;animation-fill-mode:both}
.animated{-webkit-animation-duration:1.3s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown {
0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
0%{opacity:0;-o-transform:translateY(-20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
/****************************************** 
Reset
******************************************/
*, *:before, *:after {box-sizing: border-box;}
html {scroll-behavior: smooth;  -webkit-text-size-adjust: none; text-size-adjust: none;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin: 0;}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;font-family: Arial, Helvetica, sans-serif;}
h1,.h1{font-size:2.1rem}
h2,.h2{font-size:2.0rem}
h3,.h3{font-size:1.9rem}
h4,.h4{font-size:1.8rem}
h5,.h5{font-size:1.7rem}
h6,.h6{font-size:1.6rem}
a {text-decoration-skip-ink: auto;}
a:active,a:hover{outline:0}
img,picture {max-width: 100%;display: block;border:0}
input,button,textarea,select {font: inherit;line-height:normal}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
td{vertical-align:top}
pre{max-width: 50%;overflow: hidden}
label {padding: 6px 6px 6px 0;display: inline-block;}
input[type="text"], input[type="password"], input[type="email"], select, textarea {width: 100%;padding: 8px; border: 1px solid #000;resize: vertical;background-color: #fff;}
input[type="button"], input[type="submit"], input[type="reset"] {background-color: #333;border: none;color: white;padding: 10px 32px;text-decoration: none;margin: 4px 2px;cursor: pointer;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color: #666;}
input[type="file"]::file-selector-button {border: 2px solid #000;color: #000;padding: 8px;background-color: #ffffff;}
input[type="file"]::file-selector-button:hover {background-color: #000;}
input[type="file"]::-webkit-file-upload-button {border: 2px solid #000;color: #666;padding: 8px;background-color: #ffffff;}
input[type="file"]::-webkit-file-upload-button:hover {background-color: #ccc;}
input[type="checkbox"] {position: relative;cursor: pointer;}
input[type="checkbox"]:before {content: "";display: block;position: absolute;width: 16px;height: 16px;top: 0;left: 0;border: 1px solid #000;background-color: white;}
input[type="checkbox"]:checked:after {content: "";display: block;width: 5px; height: 10px;border: solid black;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
.r-section {;padding-left: 50px;}
.r-section input[type="radio"]{display: none;}
.r-container {margin-bottom: 10px;}
.r-container label {position: relative;}
.r-container span::before,
.r-container span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
.r-container span.radio:hover {cursor: pointer;}
.r-container span.radio::before {left: -52px;width: 45px;height: 25px;background-color: #ccc;border-radius: 50px;}
.r-container span.radio::after {left: -49px;width: 17px;height: 17px;border-radius: 10px;background-color: #fff;transition: left .25s, background-color .25s;}
input[type="radio"]:checked + label span.radio::after {left: -27px;background-color: #EBFF43;}
/****************************************** 
Responsive framework
******************************************/
.container{width:100%;padding:0;margin:0 auto;}
.container .column{float:left;display:inline;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.row{width:95%;max-width:1000px;margin:0 auto;}
.row::after {content: "";display: block; clear: both;}
/* grid*/
.threeQuarters{width:75%}
.fullWidth{width:100%}
.oneHalf{width:50%;}
.oneThird{width:33.33%}
.twoThirds{width:66.66%}
.oneQuarter{width:25%}
.fortyFive{width: 45%}
.fiftyFive{width: 45%}

.sixty{width: 60%}
.forty{width: 40%}

.columns img, .row img{max-width:100%;height:auto}
/* Utility classes*/
.defaultList{margin:0 0 30px 0;padding:0;width:90%}
.defaultList li{list-style-position:outside;margin:0 0 0 1.5em;padding:0}
.centerMe{text-align:center;margin:auto;}
hr {display: block;border-style:none;border-width: 1px;}
.hr-medium{margin:0 auto 0 auto; width: 60%;max-width: 700px}
.hr-small-red{margin:0 auto 0 auto; width: 20%;max-width: 170px;border-bottom: 1px solid #BD0E39;}
.hr-small-yellow{margin:0 auto 0 auto; width: 20%;max-width: 170px;border-bottom: 1px solid #F3CC00;}
.hr-small-blue{margin:0 auto 0 auto; width: 20%;max-width: 170px;border-bottom: 1px solid #009DDF;}
.hr-small-green{margin:0 auto 0 auto; width: 20%;max-width: 170px;border-bottom: 1px solid #75B843;}
.hr-wide-red{margin:0 auto 0 auto; width: 100%;border-bottom: 1px solid #BD0E39;}
.hr-wide-green{margin:0 auto 0 auto; width: 100%;border-bottom: 1px solid #75B843;}

.spacer{height: 50px;padding-top: 50px}
.floatRight{float:right!important}
.floatLeft{float:left!important}
.alignRight{text-align: right}
.clearAll{clear:both}
.largeText{font-size:120%}
.smallText{font-size:70%;line-height: 0.9rem;margin-top: 10px}
.quoteText{font-style: italic;font-weight: 500!important}
a[href^="mailto:"] {color:#00B5AB ;}
.outer-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12);}
.inner-box-shadow{-webkit-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;-moz-box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;box-shadow: 10px 10px 12px -6px rgba(0,0,0,0.12) inset;}
.boldText, b{font-weight:600}
.opacity{opacity: 0.5;}
.displayNone{display:none}
.iFrame{border:0}
.asTable{display:table}
.asCell{display:table-cell;vertical-align:middle;}
.breadCrumbs{margin: 0 0 20px 0;font-weight:400;font-size:80%}
.voidLink a{cursor:default}
.paddingTop{padding-top:20px}
.paddingBottom{padding-bottom:40px}
.marginTop{margin-top:60px}
.marginBottom{margin-bottom:60px}

.btnA{display: inline-block;font-size:15px;text-align:center;font-weight:600;background-color:#fff;color:#000;padding:14px 40px;font-family: "montserrat", sans-serif;margin: 10px 0;white-space: nowrap;border: 2px solid #000}
.redbn:hover{border: 2px solid #DB0F16}
.yellowbn:hover{border: 2px solid #F3CC00}
.bluebn:hover{border: 2px solid #009DDF}
.greenbn:hover{border: 2px solid #75B843}
.bgGrey{background-color: #f2f2f2}
.bgRed{background-color: #fdf3f3}
.bgYellow{background-color: #fefcf2}
.bgBlue{background-color: #f2fafd}
.bgGreen{background-color:#f2f9f5}


/* SVG icons*/
.chevron-compact-down svg{display:inline-block;width: 100%;height: auto}
.chevron-compact-down {will-change: transform;transition: transform 450ms;} 
.chevron-compact-down:hover {transition: transform 125ms;transform: translateY(10px) }
.chevron-compact-up svg{display:inline-block;width: 100%;height: auto}
.chevron-compact-up {will-change: transform;transition: transform 450ms;} 
.chevron-compact-up:hover {transition: transform 125ms;transform: translateY(-10px) }
.w-25{width: 25px;height: auto}
.w-35{width: 35px;height: auto}
.w-40{width: 40px;height: auto}
.w-50{width: 50px;height: auto}
.w-100{width: 100px;height: auto}
.fill-white{ filter: invert(1);}
/* responsive containers*/
.video-container{width:100%; margin:0} 
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.inlineTextIcons{position: absolute;bottom: 10px;font-size:min(max(14px, 2vw), 25px);font-weight: 600; color: #fff;z-index: 99;margin-left: 3vw;}
.inlineTextIcons span{display: inline-flex;justify-content:center;align-items:center;}
.inlineTextIcons img{height: 20px; width: 20px;margin-right: 0.6vw}

.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin-right:30px;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
@media(max-width:420px){table,thead,tbody,th,td,tr{display:block}table{margin:0;}th{display: none}} /* breakpoint for tables */
/****************************************** 
APPS styles
******************************************/
/*--- ScrollFade Specific ---*/
.scrollFade {opacity: 1;pointer-events: all;}
.scrollFade--hidden {opacity: 0;pointer-events: none;}
.scrollFade--visible {opacity: 1;pointer-events: all;}
.scrollFade--animate {transition: opacity 0.6s ease-in-out;}
/****************************************** 
Navigation
******************************************/
#toggleButton{background-image:url(../images/justify.svg);background-repeat:no-repeat;background-size: 2rem 2rem;background-position: 50% 50%;display:none;position:absolute;z-index:30;top:10px;right:10px;width:35px;height:35px}
#toggleButton.expanded{background-image:url(../images/x.svg)}

#home .link-home{border: 1.5px solid #000}
.link-home:hover {border: 1.5px solid #000!important}
#architecture .link-architecture{border: 1.5px solid #DB0F16}
.link-architecture:hover {border: 1.5px solid #DB0F16!important}
#construction .link-construction{border: 1.5px solid #F3CC00}
.link-construction:hover{border: 1.5px solid #F3CC00!important}
#sales-and-marketing .link-sales{border: 1.5px solid #009DDF}
.link-sales:hover{border: 1.5px solid #009DDF!important}
#careers .link-careers{border: 1.5px solid #75B843}
.link-careers:hover{border: 1.5px solid #75B843!important}
#contact .link-contact{border: 1.5px solid #75B843}
.link-contact:hover{border: 1.5px solid #75B843!important}

/* RESPONSIVE */
@media (min-width: 1200px) {
#sideNav{position: absolute; top: 34px; text-align: right; height:51px; width:100%;padding:0;font-family: "montserrat",sans-serif;z-index: 20;font-weight: 400}
#main-menu{display: inline-block;left:0;width:auto;padding:0;margin:auto;text-align:right;}
.nav a{color:#000;font-size:11.0px;margin-left:1px;}
.nav ul{padding:0;margin:0;list-style-type:none;background:rgba(255,255,255,0.9);-moz-box-shadow:0 12px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 12px 5px rgba(0,0,0,0.1);box-shadow:0 12px 5px rgba(0,0,0,0.1)}
.nav-list{text-align:left}
.nav-item{float:left;display:inline;position:relative}
.nav-item a,.nav-item a:visited{color:#000;padding:5px 12px;text-decoration: none;border: 1.5px solid rgba(255,255,255,0)}
.nav-item:hover .nav-submenu{display:block}
.nav-submenu{display:none;position:absolute;left:0;width:280px;list-style-type:none!important;padding:0 0 15px 0!important;margin:0;z-index: 9;border-radius: 10px}
.nav-submenu li{padding:0;margin:0;list-style-position:outside;overflow:hidden;}
.nav-submenu-item a{display:block;padding:6px 15px;margin:0 10px 0 10px;font-size:100%;border: none}

}
@media (max-width: 1200px) {
#toggleButton{display:inline-block;}
#sideNav{position:absolute;top:0;left:0;text-align:left;height:100%;min-height:900px;width:clamp(320px, 80vw, 100vw); padding:0;z-index:40;display:none;background-color:#fff;-webkit-box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23); box-shadow: 0px 9px 9px -4px rgba(0,0,0,0.23);overflow:hidden}
.nav{padding:0;margin:0;height:100%;min-width:400px;text-align: left}
.nav a{font-size:16px;line-height:2em; font-weight: 600;border: 1.5px solid rgba(255,255,255,0)}
.nav li{width:100%;display:block;padding:0;margin:0}
.nav-submenu{display:block;padding:0!important;}
.nav-submenu li{display:block;padding:0}
.nav-list{padding: 0 0 0 20px}
.nav ul{line-height:20px;}
.nav-submenu-item a{display:block}
.nav-submenu-item li{line-height:20px}
.nav-item a,.nav-item a:visited{color:#000;padding:3px 8px}
.nav-submenu-item a:hover{background-color:#fff;}
#voidServices{display:none}
}
/****************************************** 
PAGE Styles
******************************************/
/* body */
html{width: 100%;height: 100%;}
body {animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes fadeInAnimation {0% {opacity: 0;}100% {opacity: 1;}}
body {font-family:"montserrat",sans-serif;font-size: 1.0em;background-color: #fff;font-weight: 400;color: #000}
.bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}
/*text*/
a,a:visited{text-decoration:none;color:#00B5AB}
p{margin:0 0 20px;font-size: min(max(0.9rem, 2vw), 1.0rem); line-height: min(max(1.3rem, 2vw), 1.4rem)}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 10px 0;color:#000;font-family: "montserrat", sans-serif;}
h1,.h1{font-size: min(max(3.2rem, 3vw), 3.8rem); line-height: 100%;font-weight:600;font-style: normal}
h2,.h2{font-size:min(max(18px, 2vw), 25px);line-height: normal;font-weight:500;}
h3,.h3{font-size: min(max(2.1rem, 3vw), 3.0rem); line-height: min(max(2.1rem, 3vw), 3.2rem);color:#000;font-weight:400;}
h4,.h4{font-size: min(max(1.5rem, 3vw), 2.7rem); line-height: min(max(2.0rem, 3vw), 2.8rem);color: #000;font-weight: 400}
h5,.h5{font-size: min(max(1.4rem, 3vw), 1.7rem); line-height: min(max(1.9rem, 3vw), 2.1rem)}
h6,.h6{font-size: min(max(1.5rem, 3vw), 1.6rem); line-height: min(max(1.9rem, 3vw), 2.1rem);font-weight:400;}
img{width: 100%;height: auto}
#sticky {padding-top: 20px;bottom: 120px;right:0; width:40px;height:100px;display:none;position:fixed;background:#DB0F16 ;box-shadow: 0 0 6px #000;text-align: center;vertical-align: middle;border-radius: 8px 0  0 8px;z-index: 20;}
#arrowDown{position: absolute;left: 0;right: 0;margin: auto;bottom: 30px;display: inline-block;width: 200px;text-align: center}
#container-1, #container-1 h1 {color: #fff}
#container-1 .hvr-ripple-out{color: #000}
/* header*/
.header .row{position: relative;width:80%;max-width:1300px;margin:0 auto;}
.header{background-color:rgba(255,255,255,0.8);position: fixed;z-index: 20;height: 80px}
#logo{display: inline-block;position: relative;left: 0;z-index: 30;top: 15px}
#logo img{position: relative;width: 70%; max-width: 480px;height: auto}
.mobileShow{display: none}

@media (max-width: 960px) {
.mobileShow{display: block}
}
@media screen and (max-width:1200px) {
#logo{left: 5vw;}
}
/* main*/
.main{padding:2vw 0 0 0;position: relative}
.contentColumn{width: 90%}

/****************************************** 
Grids
******************************************/
.grid1 {display: grid;grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));grid-row-gap:30px;grid-column-gap:30px;position: relative;margin:0 auto 0 auto;max-width: 1920px;width: 100%;}
.grid1 .item {display: flex;position: relative;min-height: 350px; align-items: start;justify-content : flex-start;  /*horizontal alignment*/}
.grid1 .content{text-align: left;width: 100%;}
.contentHeading{font-size: 150%;font-weight: 500;margin-bottom: 20px}
@media (max-width: 960px) {
.contentHeading{font-size: 100%;font-weight: 500;margin-bottom: 20px}
}
/*.grid1 h2 {font-size: min(max(2.2rem, 3vw), 2.6rem);line-height: normal;}*/
.grid1 p {font-size: min(max(0.8rem, 2vw), 1.0rem);line-height:1.4rem;text-align: left}

@media screen and (max-width:1000px) {
.grid1 {grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));grid-template-areas: 'item__a' ' item__b' 'item__d' 'item__c' 'item__e' 'item__f' 'item__g' 'item__h';margin: auto;}
.grid1 .item {align-items:center;justify-content:center;min-height: 400px;}
.grid1 .item__a {grid-area: item__a;}
.grid1 .item__b {grid-area: item__b;}
.grid1 .item__c {grid-area: item__c;}
.grid1 .item__d {grid-area: item__d;}
.grid1 .item__e {grid-area: item__e;}
.grid1 .item__f {grid-area: item__f;}
.grid1 .item__f {grid-area: item__g;}
.grid1 .item__f {grid-area: item__h;}
}

@media screen and (max-width:600px) {
.grid1 {grid-template-columns:100%;}
.grid1 .content{min-height:0;}
/*.grid1 .item {padding:15vw 6vw}*/
.grid1 p {text-align: left}
}

/* home */
#home .grid1{padding-top: 50px;padding-bottom:6vw; }
#item1{background-image: url("../images/grid/home-1.jpg");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;width: 95%}
@media (max-width: 1200px) {#item1{width: 100%}}
/* archtecture */
#item2{background-image: url("../images/grid/image-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item3{background-image: url("../images/grid/image-2.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item4{background-image: url("../images/grid/image-3.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item5{background-image: url("../images/grid/image-4.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
/* construction */
#item6{background-image: url("../images/grid/image-5.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
#item7 img{width: 100%;height: auto}
#item7 .content {background-color: aliceblue}
#item8{background-image: url("../images/grid/image-6.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 20%;min-height:650px;}



/****************************************** 
Containers
******************************************/
#container1{width: 100%;height:40vw;background-image: url("../images/homeComp-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-top: 15px solid #DB0F16}
#container2{width: 100%;height:40vw;background-image: url("../images/homeComp-2.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-top: 15px solid #F3CC00}
#container3{width: 100%;height:40vw;background-image: url("../images/homeComp-3-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-top: 15px solid #009DDF}
#container4{width: 100%;height:40vw;background-image: url("../images/homeComp-4.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-top: 15px solid #75B843}
#container5{width: 100%;height:800px;margin-bottom: 40px; background-image: url("../images/ArchitectureComp-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 80%}
#container6{width: 100%;height:800px;margin-top: 2vw; background-image: url("../images/ArchitectureComp-2.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 100%;}
#container7{width: 100%;height:800px;margin-top: 6vw; background-image: url("../images/ArchitectureComp-3.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 100%;}
#container8{width: 100%;height:800px;margin-top:30px; background-image: url("../images/ConstructionComp-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 100%;margin-bottom: 25px;}
#container9{width: 100%;height:800px;margin-bottom: 40px; background-image: url("../images/Construction-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 80%}
#container10{width: 100%;height:800px;margin-bottom: 40px; background-image: url("../images/Careershero-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 80%}
#container11{width: 100%;height:800px;margin-bottom: 40px; background-image: url("../images/SalesandMarketinghdr-1.webp");background-repeat: no-repeat;background-size: cover;background-position: 50% 80%}


/****************************************** 
Sales
******************************************/
.sales {display: grid;grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));grid-row-gap:2vw; grid-column-gap: 2vw;width: 100%;max-width: 1300px;margin: auto;}
.sales__item {color: #fff;}
.sales__content{width: 100%;text-align: center}
.sales__image{height: 480px;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;color: #000;justify-content:center;align-items:center;margin-bottom: 30px}
.sales h4 {font-size: 2.0rem; line-height: 2.0rem;margin: 10px 0 0 0;text-align: center;color: #fff;font-weight: 500;text-shadow: 4px 4px 6px rgba(66, 68, 90, 1) }
.sales p  {font-size: 1.3rem;  margin: 0;text-align: center;color: #fff;font-weight: 500;text-shadow: 4px 4px 6px rgba(66, 68, 90, 1)}
.sales__1 .image1{background-image: url("../images/grid/image-11.webp")}
.sales__1 .image2{background-image: url("../images/grid/image-12.webp")}

/****************************************** 
Accordion
******************************************/
.accordion{margin-top: 80px}
.accordion h3{font-size: min(max(1.3rem, 2vw), 2.0rem); line-height: normal;color:#000;font-weight:500;margin-bottom: 40px}
.parent-div h4{font-size:20px;font-weight: 500;cursor: pointer;line-height: 30px;width: 37%;min-width: 300px}
.parent-div{width: 100%; padding:0; margin: 0;}
.accordion-heading .plusminus{float: right;font-size:30px;}
.accordion-body{display: none;padding: 10px 0;}
.accordion-heading .bullet{width: 30px;height:30px;display: inline-block;margin-right: 20px}
.accordion hr {display: block;height: 1px; border-bottom: 1px solid #000;}

/****************************************** 
Careers
******************************************/
.careers {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));grid-row-gap:2vw; grid-column-gap: 2vw;width: 100%;max-width: 1300px;margin: auto;}
.careers__item {color: #fff;}
.careers__content{width: 100%;text-align: center}
.careers__image{height: 320px;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;color: #000;justify-content:center;align-items:center;margin-bottom: 30px}
.careers h4 {font-size: 2.0rem;line-height: 2.0rem; margin: 10px 0 0 0;text-align: center;color: #fff;font-weight: 500;text-shadow: 4px 4px 6px rgba(66, 68, 90, 1) }
.careers p  {font-size: 1.3rem;  margin: 0;text-align: center;color: #fff;font-weight: 500;text-shadow: 4px 4px 6px rgba(66, 68, 90, 1)}
.careers__1 .image1{background-image: url("../images/grid/image-1.webp");background-position: 50% 50%}
.careers__1 .image2{background-image: url("../images/grid/image-3.webp");background-position: 50% 50%}
.careers__1 .image3{background-image: url("../images/grid/image-10.webp");background-position: 50% 50%}

@media (max-width: 960px) {
.careers {grid-template-columns:100%}
}

@media (max-width: 960px) {
.contentBlock{display: flex;padding-left:0;padding-top: 40px;}
}

.wideBar{text-align: center;padding: 120px 0 6vw 0}
.wideBar h5{font-size: min(max(2.5rem, 3.5vw), 4.0rem); line-height: normal;margin-bottom: 10px;font-weight: 600;}
.wideBar p{width: 70%;max-width: 500px;margin: 0 auto 10px auto}
.red{color: #DB0F16 }
.blue{color: #009DDF}
.green{color:#75B843 }
.yellow{color:#F3CC00 }
.orange{color: #ec8320}
.red{color: #DB0F16 }
.bg-blue{background-color: #009DDF}
.bg-green{background-color:#75B843 }
.bg-yellow{background-color:#F3CC00 }
.bg-orange{background-color: #ec8320}

.redBg{background-color: #DB0F16 }
.blueBg{background-color: #e6f4fc}
.redBg{background-color:#fdf1f1 }
.yellowBg{background-color:#fdfbe6 }

.footer{color: #000;padding: 60px 0;background-color: #75B843;margin-top: 40px}
.footer h6{font-size: min(max(1.0rem, 2vw), 1.2rem); line-height: min(max(1.9rem, 3vw), 2.1rem);font-weight:600;}
.footer p{line-height: normal;font-size: 90%}
.footer a{color: #000}
.footer .smallText{font-size: 70%}
.logoFooter{margin: 60px 0 80px 0}
.logoFooter img{margin: auto;width: 100%;height: auto;max-width: 170px}
.leftHalf{border: 1px solid #00B5AB;text-align: left;padding: 30px;color:#000}
.rightHalf{padding-top: 60px}
.greenBorder{border: 1px solid #00B5AB;margin-top: 50px}

/****************************************** 
Slick
******************************************/
#slickContainer{margin: 140px 0 100px;text-align: left}
.slideBox{width: 33%;float: left;}
.slickBox{width: 85%;padding: 35px 30px;min-height: 270px;}
@media screen and (max-width:960px) {
#slickContainer{display: none}
}

/****************************************** 
Home page video
******************************************/
.splashText{position: absolute;left:0;top:0;height:100%;width:100%; z-index: 12;display:flex;justify-content:center;align-items:center}
.splashContent{color: #fff;display: inline-block;width: 85%;max-width: 1300px;text-align: center;font-size: min(max(2.2rem, 4vw), 6.6rem); line-height:120%;font-weight: 600}
.topQuotes{display: none;padding-bottom: 1vw;text-shadow: 4px 4px 6px rgba(66, 68, 90, 1);}
#splashLogo{width: 20vw;height: auto;max-width: 300px;position: relative}


@media screen and (max-width:1200px) {
#splashLogo{display: none}
}


.pageSplash{padding-top: 150px;}
.pageSplash .row{position: relative;width:80%;max-width:1200px;margin:0 auto;}
/*.headLine {float: right;margin:0;display: inline-block;margin-right: 16vw}
.headLine h1{font-size: min(max(3.6rem, 3vw), 3.8rem); line-height:min(max(3.5rem, 2vw), 3.7rem);font-weight:600;font-style: normal;margin: 0}*/

.clearAll{height: 1px;overflow: hidden}


#architecture  h1{color: #DB0F16}
#architecture .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}


 #construction h1{color: #F3CC00}
#construction .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}


 #sales-and-marketing h1{color: #009DDF}
#sales-and-marketing .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#careers h1{color: #75B843}
#careers .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#contact h1{color: #75B843}
#contact .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#architecture-roles h1{color: #75B843}
#architecture-roles .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#construction-roles h1{color: #75B843}
#construction-roles .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#development-roles h1{color: #75B843}
#development-roles .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#cinamon-quarter h1{color: #009DDF}
#cinamon-quarter .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}

#portobello-gardens h1{color: #009DDF}
#portobello-gardens .bgWrapper{height: 40vw; min-height: 485px;background-image: url("../images/bg-home-2-wht-opacity.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 100%;background-color: #fff}



@media screen and (max-width:700px) {
.pageSplash h1{font-size: 33px; line-height:33px;}
}

.introText{font-size:min(max(18px, 2vw), 25px);line-height: normal;width: 100%;margin-bottom: 40px;font-weight: 500}


#connect{text-align: left;font-size: 1.0em;width: 100%;overflow: hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#connect p{text-align: left;margin: auto;padding: 0;margin-bottom: 20px;color: #000}
#connect .svgIcon{width: 30px;height: 30px;margin: 0 4px}


/****************************************** 
Form
******************************************/
#contactForm{margin:0;padding:0;text-align:left;width:90%;}
#contactForm input,textarea{color:#000}
#nameField{width:85%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#emailField{width:85%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#postcodeField{width:85%;margin-bottom:4px;border:1px solid #000;padding: 20px}
#addressField{width:85%;height:100px;border:1px solid #000;padding: 20px}
#messageField{width:100%;height:400px;border:1px solid #000;padding: 20px}
#botField{width:70px;margin-bottom:15px;border:1px solid #000;}
/*#sendMessage{color:#fff!important;background-color:#267182;border:none;font-size:25px;line-height:25px;padding:12px 70px;margin:20px 0 0 0;background-image: url("../images/calender-icon.png");background-repeat: no-repeat;background-position: 15px;background-size: 30px;font-family: 'Playfair Display', serif;}
#sendMessage:hover{background-color:#195664;}*/
#sendMessage{display: inline-block;font-size:15px;text-align:center;background-color:#fff;color:#000!important;padding:14px 40px;font-family: "montserrat", sans-serif;margin: 10px 0;white-space: nowrap;border: 2px solid #000;font-weight: 600}
#sendMessage:hover{border: 2px solid #75B843 }
#form-messages{font-size: 80%;line-height: normal;padding-top: 20px}
.success{color:#BCCB03;font-weight:700;font-size: min(max(18px, 3vw), 25px)!important}
.error{color:#e30613;font-weight:700;font-size: min(max(18px, 3vw), 25px)!important}
label{font-weight:400; margin:10px 0 0 0;display: block}

/****************************************** 
Media queries
******************************************/
/* RESPONSIVE */
@media (max-width: 1200px) {
.threeQuarters{width:100%}
.oneHalf{width:100%;}
.oneThird{width:100%}
.twoThirds{width:100%}
.oneQuarter{width:100%}
#header .row{width: 100%;}
.fortyFive{width: 100%}
.fiftyFive{width: 100%}
.sixty{width:100%}
.forty{width:100%}
.contentColumn{width: 100%}
}
@media (max-width: 400px) {
p{padding-right:0}
}