.hclaimcc { height: 100vh; min-height: 500px; position: relative; }
.hclaimover { background: transparent linear-gradient(90deg, #000000 0%, #54545400 100%) 0% 0% no-repeat padding-box; opacity: 0.5; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; }
.hclaimback { background-image: url(../../images/home_claim_d.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hclaimc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; }
.hclaim { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hclaimtexts { position: absolute; left: 0px; top: 28vh; }
.hclaimh1 { font-size: 58px; line-height: 66px; font-weight: 600; color: white; width: 780px; }
.hclaimh1 br { position: relative; }
.hclaimdesc { margin-top: 4vh; font-size: 22px; line-height: 32px; color: white; opacity: 0.5; }
.hclaimgoc { position: absolute; left: 0px; bottom: 0px; width: 16.85%; height: 21.56vh; min-height: 150px; max-height: 194px; }
.hclaimgo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background: transparent linear-gradient(310deg, #FFFFFF 0%, #D6D6D6 100%) 0% 0% no-repeat padding-box; }
.hclaimgodesc { position: absolute; display: block; text-align: center; top: 28.9%; left: 0px; right: 0px; font-size: 14px; line-height: 17px; color: black; transition: all 0.2s ease; }
.hclaimgoarrc { position: absolute; display: block; border-radius: 25px; height: 50px; width: 50px; box-sizing: border-box; top: 45.36%; border: 1.5px solid #E31B24; left: 50%; margin-left: -25px; transition: all 0.2s ease; }
.hclaimgoarr { width: 10px; height: 18px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -9px; display: block; background-image: url(../../images/arrow_down.svg); }
.hclaimgo:hover .hclaimgodesc { font-weight: 700; }
.hclaimgo:hover .hclaimgoarrc { background-color: #E31B24; }
.hclaimgo:hover .hclaimgoarr { background-image: url(../../images/arrow_down_white.svg); }
.hprojl { position: absolute; left: 0px; top: 0px; bottom: 0px; }
.hprojbuttc { position: absolute; left: 0px; bottom: 0px; }
.hprojtitle { width: 220px; }
.hprojclaims:after { width: 100%; height: 0; display: block; clear: both; content: ""; }
.hprojclaims { margin-left: 335px;  }
.hprojclaims .claim { width: calc(33.3333% - 40px); margin-right: 60px; margin-top: 0px; }
.hprojclaims .claim3 { margin-right: 0px; }
.hprojclaims .claimtitle br { display: inline-block; }
.hprojclaims .claimdesc { margin-top: 60px; }
.hservs { position: absolute; right: 0px; left: 16.85%; bottom: -3.78vh; height: 34.22vh; min-height: 250px; max-height: 308px; }
.hservc { width: 33.3333%; position: absolute; bottom: 0px; top: 0px; background-color: #E31B24; }
.hservc1 { left: 0px; }
.hservc2 { left: 33.3333%; }
.hservc3 { right: 0px; }
.hserv { position: absolute; left: 20px; right: 20px; bottom: 20px; top: 20px; background-color: #E31B24; border: 1px solid #E31B24; }
.hservtitle { font-size: 22px; line-height: 32px; top: 24.68%; left: 30.4%; width: 50%; color: white; position: absolute; display: block; }
.hservtitle br { display: inline-block; }
.hservlink { bottom: 25%; left: 30.4%; position: absolute; display: block; }
.hservdesc { font-size: 14px; line-height: 17px; color: white; display: block; padding-bottom: 10px; }
.hservarr { right: -23px; bottom: 16px; position: absolute; display: block; background-image: url(../../images/arrow_right2.svg); width: 11px; height: 6px; transition: all 0.2s ease; }
.hservline { position: absolute; display: block; left: 0px; right: 0px; bottom: 0px; background-color: white; height: 1px; transition: all 0.2s ease; }
.hserv:hover { border: 1px dashed white; }
.hserv:hover .hservarr { right: -38px; }
.hserv:hover .hservline { right: -10px; left: -10px; }
.hclaimpoints { right: -16.85%; width: 16%; position: absolute; min-height: 150px; height: 21.56vh; bottom: 0px; overflow: hidden; max-height: 194px; }
.hclaimpoints .point { background-color: white; }
.haboutimgsc { position: relative; margin-left: auto; margin-right: auto; height: 645px; }
.haboutimgs { width: calc(50% - 65px); position: absolute; left: 0px; top: 0px; bottom: 0px; }
.haboutimg { position: absolute; }
.haboutimg1 { left: 0px; width: 85.2%; height: 489px; top: 0px; background-image: url(../../images/AdobeStock_209557293.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 2; }
.haboutimg2 { right: 0px; width: 42.47%; height: 244px; bottom: 0px; background-image: url(../../images/AdobeStock_104757201.png); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 3; }
.haboutpoints { position: absolute; width: 50%; height: 228px; right: 7.33%; bottom: 11.78%; overflow: hidden; z-index: 1; }
.haboutpoints .point { background-color: #E31B24; }
.haboutr:after { width: 100%; height: 0; display: block; clear: both; content: ""; }
.haboutr { float: right; display: block; width: 50%; padding-top: 60px;  }
.haboutbox { float: left; display: block; width: calc(50% - 30px); margin-right: 60px; margin-top: 60px; }
.haboutbox2 { margin-right: 0px; }
.hlogo { margin-top: 16px; }
.hlp .hservs { left: 0px; right: 0px; bottom: 0px; max-height: 200px; min-height: 0px; }
.hservpoints { position: absolute; right: 0px; top: 0px; bottom: 0px; overflow: hidden; display: block; width: 3px; }
.hservpoints .point { left: 0px; background-color: white; }
.hlp .hservc3 .point { display: none; }
.hlp .hservtitle { top: 50%; margin-top: -32px; left: 0px; right: 0px; text-align: center; margin-left: auto; margin-right: auto; width: auto; }
.hlp .hclaimgoc { }
.hlp .hclaimcc { display: block; }
.hlp .hclaimc { display: block; }
.hlp .hclaim { display: block; }
.hlp .hservc { display: block; }
.hlp .hserv { display: block; }
.hlp .hclaimover { display: block; }
.hlp .hclaimback { display: block; }
.hcontact { background-color: white; position: absolute; top: 0px; right: 0px; padding: 50px; padding-bottom: 30px; padding-top: 30px; }
.hcontacttitle { font-size: 20px; line-height: 28px; font-weight: 650; }
.hcontactline { margin-top: 10px; }
@media (max-width: 1600px) { .hservtitle { width: auto; }  }
@media (max-width: 1440px) { .hlp .hservs { max-height: 160px; }  }
@media (max-width: 1400px) { .hservs { height: 28vh; min-height: 200px; bottom: -2.5vh; } .hservtitle { left: 10%; top: 12%; } .hservlink { left: 10%; bottom: 15%; } .hcontact { padding: 40px; padding-top: 20px; padding-bottom: 20px; }  }
@media (max-width: 1300px) { .hprojclaims { margin-left: 300px; } .hprojclaims .claim { width: calc(33.3333% - 20px); margin-right: 30px; } .hprojclaims .claim3 { margin-right: 0px; } .haboutimgsc { height: 580px; } .haboutimg1 { height: 440px; } .haboutimg2 { height: 200px; } .haboutpoints { height: 200px; } .haboutr { padding-top: 40px; }  }
@media (max-width: 1100px) { .hprojl { right: 0px; } .hprojtitle { width: auto; } .hprojclaims { margin-left: 0px; padding-top: 60px; padding-bottom: 90px; } .hprojclaims .claim { width: auto; margin-right: 0px; float: none; margin-top: 30px; } .hprojclaims .claimtitle br { display: none; } .hprojclaims .claimdesc { margin-top: 15px; }  }
@media (max-width: 1080px) { .haboutimgs { width: calc(42%); } .haboutr { width: 53%; }  }
@media (max-width: 1000px) { .hserv { left: 10px; right: 10px; bottom: 10px; top: 10px; } .hservtitle { font-size: 20px; }  }
@media (max-width: 960px) { .hclaimh1 { font-size: 44px; line-height: 58px; } .hlp .hservs { max-height: 120px; } .hlp .hservtitle { font-size: 16px; line-height: 26px; margin-top: -26px; }  }
@media (max-width: 900px) { .hclaimgoc { display: none; } .hservs { left: 0px; bottom: -15px; height: auto; }  }
@media (max-width: 800px) { .hclaimtexts { top: 120px; } .hclaimh1 { font-size: 38px; line-height: 44px; max-width: 70%; width: auto; } .hclaimh1 br { display: none; } .hclaimdesc { margin-top: 30px; max-width: 70%; opacity: 1; font-size: 18px; line-height: 24px; } .hclaimpoints { display: none; } .haboutimgsc { height: auto; } .haboutimgs { width: auto; position: relative; margin-top: 40px; left: auto; top: auto; bottom: auto; height: 0px; padding-bottom: 70%; } .haboutimg1 { height: auto; padding-bottom: 60%; } .haboutimg2 { height: auto; padding-bottom: 30%; } .haboutpoints { height: auto; padding-bottom: 30%; bottom: 8%; } .haboutr { width: auto; float: none; padding-top: 0px; } .haboutbox { margin-top: 30px; } .hlp .hservs { right: auto; bottom: auto; left: auto; position: relative; max-height: none; height: auto; padding-top: 460px; } .hservpoints { display: none; } .hlp .hclaimcc { height: auto; } .hlp .hclaimc { position: relative; left: auto; right: auto; top: auto; bottom: auto; } .hlp .hclaim { position: relative; left: auto; right: auto; top: auto; bottom: auto; } .hlp .hservc { width: auto; position: relative; bottom: auto; top: auto; left: auto; } .hlp .hserv { position: relative; left: auto; right: auto; top: auto; bottom: auto; height: 80px; border-bottom: 3px solid white; } .hlp .hclaimover { max-height: 500px; } .hlp .hclaimback { max-height: 500px; } .hcontact { position: relative; top: auto; right: auto; text-align: center; padding-bottom: 80px; padding-left: 0px; padding-right: 0px; padding-top: 40px; }  }
@media (max-width: 700px) { .hclaimcc { min-height: 660px; } .hservs { bottom: 12px; } .hservc { width: auto; position: relative; bottom: auto; top: auto; height: 80px; margin-top: 2px; } .hservc1 { left: auto; } .hservc2 { left: auto; } .hservc3 { right: auto; } .hserv { left: 0; top: 0; right: 0; bottom: 0; border: 0px; } .hservtitle { left: auto; top: auto; font-size: 18px; line-height: 20px; width: auto; margin-left: 25px; margin-top: 30px; } .hservtitle br { display: none; } .hservlink { left: auto; right: 0px; top: 0px; bottom: auto; } .hservdesc { display: none; } .hservarr { right: 25px; bottom: auto; top: 37px; } .hservline { display: none; }  }
@media (max-width: 600px) { .haboutbox { float: none; width: auto; margin-right: 0px; }  }
@media (max-width: 560px) { .hclaimcc { max-height: 543px; min-height: 500px; } .hclaimtexts { top: 200px; } .hclaimh1 { font-size: 32px; line-height: 38px; max-width: 90%; } .hclaimdesc { max-width: 90%; } .hservs { bottom: -204px; } .haboutimgsc { margin-top: 240px; }  }
@media (max-width: 460px) { .hlp .hservs { padding-top: 360px; } .hlp .hclaimover { max-height: 400px; } .hlp .hclaimback { max-height: 400px; }  }