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

@media (max-width: 2100px){


}
@media (max-width: 1900px){


}
@media (max-width: 1800px){


}
@media (max-width: 1700px){
:root{
  --font:20px;
  --fontm:16px;
  --fonts:12px;
  --fontxl:22px;
}


}
@media (max-width: 1600px){


}
@media (max-width: 1500px){
.csuperh1wrap1 {
    transform: translateX(-20px) translateY(-20px);
}
.csuperh1wrap2 {
    transform: translateX(20px);
}
.ctextbottomhome{
padding-left: 0px;
}
.cmenuwrap li a {
    margin-right: 70px;
}
}
@media (max-width: 1400px){
.cmenuwrap li a {
    margin-right: 25px;
}
.cmenuwrap {
    left: 60px;
}
.smini, .cta, .cmenu *, .smini a, .iinputdefault {
    font-size: 12px;
    }
}
@media (max-width: 1300px){


}
@media (max-width: 1200px){
:root{
  --font:18px;
  --fontm:14px;
  --fonts:11px;
  --fontxl:20px;
}
h1,.sh1{
font-size: calc(35px + 5.8vw);
line-height: 0.9;
text-transform: uppercase;
}
h2,.sh2{
font-size: calc(22px + 2.3vw);
line-height: 0.9;
text-transform: uppercase;
}
h3,.sh3{
font-size: calc(18px + 0.5vw);
line-height: 1;
text-transform: uppercase;
}
h4,.sh4{
font-size: calc(16px + 0.2vw);
line-height: 1.1;
text-transform: uppercase;
}
h5,.sh5{
font-size: calc(14px + .1vw);
line-height: 1.4;
}
.smini, .cta, .cmenu *, .smini a, .iinputdefault {
    font-size: 11px;
    }
    .cta {
        padding: 20px;
        padding-left: 40px;
        padding-right: 40px;
        }
        .csuperh1wrap1 {
            transform: translateX(-20px) translateY(-10px);
        }
}
@media (max-width: 1100px){


}
@media (max-width: 1000px){
:root{
--sectionmargin: calc(var(--paddings) * 2);
--sectionmarginmid: calc(var(--paddings) * 1.25);
}
.showmenuresponsive .cmenuresponsive{
transform: translateY(0%);
opacity: 1;
}
.showmenuresponsive .cmenuresponsive li{
transform: translateY(0%);
opacity: 1;
}
.cmenuwrap{
display: none;
}
.cburger{
display: block;
}
*[class^="col"] {
    width: 100%;
}

.cmediaplacer {
    aspect-ratio: auto!important;
}
.cmediaplacer video, .cmediaplacer img {
    max-height: none!important;
    width: 100% !important;
    max-width: 1400px;
    height: auto!important;
    /* border-radius: 15px; */
    border-radius: 0px!important;
    box-sizing: border-box;
        margin: 0px!important;
}
.contenttitle *[class^="col"] {
    width: 50%;
}
.csloganheader {
display: none;
}
.cbar {
    height: 3px;
    background: black;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cburger {
cursor: pointer;
}
.cmenuwrapresponsive{
border-bottom: 1px solid black;
}
.cmenuwrapresponsive ul a{
border-color: black;
padding-bottom: 16px;
padding-top: 16px;
}

.home .cmenuwrapresponsive {
background: rgba(103, 128, 134, 0.90);
    backdrop-filter: blur(7.5px);
}
.cheaderwhite .cmenuwrapresponsive{
background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(7.5px);
}
.cmodelostep:nth-child(2) .cnumber, .cmodelostep:nth-child(4) .cnumber {
    order: 1;
}
.cmodelostep .cinner {
padding-right: 0px;
padding-left: 0px;
}
.cmodelostep .cinner{
padding-bottom: 20px;
gap:30px;
}
.cmodelostep{
margin-bottom: 20px;
}
.cmodelostep .cinner::after {
    height: 0px!important;
    width: 0px;
    bottom: 0px!important;
    top: auto!important;
    left: 0px!important;
    right: auto!important;
    border-right: 0px;
    border-bottom: 1px solid var(--black);
}
.scrollingwayfinish .cmodelostep .cinner::after {
    width: 100%;
}

.cmodelostep:last-child .cinner{
padding-bottom: 0px;
}
.cmodelostep:last-child{
margin-bottom: 0px;
}
.superh1{
font-size: 73px!important;
}
.csuperh1wrap1 {
        transform: translateX(-3px) translateY(-3px);
    }
.csuperh1wrap2 {
    transform: translateX(3px);
}
.ch2 {
    position: relative;
    right: 0px;
    bottom: 0px;
}
.ctextbottomhome{
display: none;
}
.chomebot .cta{
max-width: 100%;
margin: 0px;
margin-bottom: 10px;
}

.ctextbottomhomeresponsive{
color: var(--black);
margin-bottom: var(--paddings);
}
.csectionfullhome{
height: auto;
}
.contenttitle {
    height:45px;
}
.contenttitle .col50:last-child{
display: none;
}

.ccolcaseleft .cta{
background: transparent;
color: var(--black);
font-weight: 400;
border: 0px;
border-bottom: 1px solid var(--black);
border-radius: 0px;
padding: 0px;
padding-bottom: 3px;
}

.iinputdefault {
    padding: 20px;
    padding-left: 18px;
    padding-right: 18px;
    }
    .cformlead textarea {
    margin-top: var(--paddingsmid);
    aspect-ratio: 260 / 140;
    margin-top: 0px;
    }
    .clabelcv label {
    margin-left: var(--paddingsmid);
    margin-right: var(--paddingsmid);
    margin-bottom: var(--paddingsmid);
    }
    .ccoltextarea {
    margin-bottom: 5px;
}
.cfooter {
    min-height: 0px;
    position: relative;
    overflow: hidden;
}
.cfooter .csectionmarginheader{
display: none;
}
footer .csuperh1wrap2 {
    transform: translateX(3px) translateY(3px);
}
footer .contenttitle .col50:last-child {
        display: block;
    }
    .contenttitle .cfooterlegal a {
    text-decoration: none;
    margin-left: 10px;
}
.chomebot .cta:last-child{
margin-bottom: 0px;
}
.citemcasesmall .ccaseitemdevice .cdevice {
    width: 100%;
}
.citemcasesmall .ccolcaseleft{
order: 2;
margin-top: 20px;
}
.pin-spacer,.cstickytopheader{
top: auto!important;
left: auto!important;
transform: none!important;
position: relative!important;
width: auto!important;
max-width: 100%!important;
}
.centornositemnumber{
text-align: left;
}
.cstickytopheader{
padding-bottom: 30px!important;
}
.centornositem {
transform: none!important;
opacity: 1!important;
}
.ccaseitemdevice .jqswarightleft{
transform: translateY(10px)!important;
}
.contenttitle .col50 {
width: 100%;
}
.csectiontextfulllast{
padding-left: var(--paddings);
padding-right: var(--paddings);
}

.csectionfulllastproject  {
    height: auto;
    padding-top: var(--paddingsdouble);
    padding-bottom: var(--paddingsdouble);
}
.cfooter .contenttitle .col50:nth-child(1) {
    width: 45%;
}
.cfooter .contenttitle .col50:nth-child(2) {
    width: 55%;
}
.ccontentfree .csingledescbuilderdesc {
    padding-right: 0px;
}
.contentcaseshome .citemcasesmall {
margin-bottom: var(--paddings)!important;
}
.single-case-study .cfooter{
margin-top: var(--paddings);
}
.contentitlecase h1 {
    margin-bottom: var(--paddings) !important;
}
.citemmodeldesc .cinner {
    padding-left: 0px;
        padding-top: var(--paddings);
}
.llineleft::after, .llineright::after {
    border-left: none;
    height: 0%!important;
    width: 0px;
    border-top: 1px solid var(--black);
}
.citemsupernumber{
padding-top: var(--paddings);
}
.contentitleabout  .slabel{
max-width: 190px;
padding-left: 10px;
padding-right: 10px;
}
.contentitleabout * {
    padding-left: 0px;
    padding-right: 0px;
}
.contentitleabout svg {
    width: 100px;
    min-width: 100px;
    }
    p {
    margin-top: 0px;
    margin-bottom: 10px;
}
.ctabig{
max-width: 100%;
}
.caboutcol1 .cinner {
    padding-right: 0px;
}
.csectioncontactinfo  .llinetop::before,
.csectioncontactinfo  .llinebot::after{
border-top: 0px;
border-bottom: 0px;
}
.csectioncontactinfo{
background: var(--lightgray);
}
}
@media (max-width: 900px){


}
@media (max-width: 800px){


}
@media (max-width: 700px){
.ccolcaseleft .fontm{
display: none;
}
.ccolcaseleft,.ccolcaseright{
width: 100%;
}
.ccolcaseleft{
order:2;
padding-top: var(--paddings);
}
.ccasedesc{
gap:0px;
text-align: center;
}
.ccaseitemdevice .cdevice {
    width: 100%;
}
.cta {
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.ccolcaseleft .shbot {
    margin-bottom: 0px;
}
}
@media (max-width: 650px){


}
@media (max-width: 600px){


}
@media (max-width: 550px){


}
@media (max-width: 500px){


}
@media (max-width: 400px){
.superh1{
font-size: 67px!important;
}

}