html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;}
*, h1, h2, h3, h4, h5, h6  {
    margin: 0;
    padding: 0;}
@font-face {font-family: 'LabGrotesqueReg';src:url("font/LabGrotesque-Regular.woff")format("woff");src:  url("font/LabGrotesque-Regular.woff2") format("woff2");font-weight: normal;font-style: normal;font-display: block;}
@font-face{font-family:'LabGrotesqueMed';src:url("font/LabGrotesque-Medium.woff") format('woff'),url("font/LabGrotesque-Medium.woff2") format('woff2');font-weight: normal;font-style: normal;font-display: block;}
body, html {
    width: 100%; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-kerning: normal;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;}
body {
    font-family: 'LabGrotesqueReg', sans-serif;
    font-size: 18px;
    min-height: 100%;
    line-height: 1.5;
    overflow: hidden;
    letter-spacing: 0.7px;
    font-weight: normal;
    background-color: #FFF;
    color: #123559;}
.no-scroll {
    overflow-y: hidden;}
.hide, .hide-full {
    display: none;
    visibility: hidden;}

* {
scrollbar-width: thin;
scrollbar-color: rgba(79, 92, 106, 0.007) #E73725;}
*::-webkit-scrollbar {
width: 4px;}
*::-webkit-scrollbar-track {
background: rgba(79, 92, 106, 0.007);}
*::-webkit-scrollbar-thumb {
background-color: #E73725;}
/* Global */
ul.listdisc li {
    list-style-position: inside;
    list-style-type: disc;
}
ul li, .breadcrumbs {
    list-style: none;}
a, a:visited {
    text-decoration: none;
    color: inherit;}
.grid {
    max-width: 1400px;}
.grid, .small-wrapper, .color-selector, .button-team {
        margin: 0 auto;}
@media only screen and (max-width: 1500px) and (min-width:800px) {
.grid {max-width: 1350px;width: 90%;}}
@media only screen and (max-width: 800px) {
    body {
        font-size: 16px;}
    .grid {
        max-width: 100%;
        margin: 0 24px;}}
.small-wrapper {
    max-width: 970px;
    padding: 80px 0;}
@media only screen and (max-width: 1100px) {
    .small-wrapper  {
        margin: 0 24px;}}
.mobile {
    display: none;
    visibility: hidden;}
.ds {
    visibility: visible;
    display: block;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.row {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.justify {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.column {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.cover-img {background-size: cover;background-repeat: no-repeat;background-position: center;}
.img-container {-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;overflow: hidden;}
.img-container img, .hero-plx-cont picture, .img-sw picture, .img-container .land-anim {
    max-width:100%;
    object-fit: cover;
    max-height: 100%;}
.overflow {
    overflow: hidden;}
::selection {
    background: #E73725;
    color: #FFF;}
::-moz-selection {
    background: #E73725;
    color: #FFF; }
.border-top-bt {
    border: 1px solid #d4dbe1 ;
    border-left: none;
    border-right: none;}
.abs-overlay, .inner-illustr  {
    top: 0; left: 0; bottom: 0; right: 0;}
/* Size */  
.w-25{width: 25%;}
.w-33 {width: calc(100% /  3);}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.pad-right-32 {padding-right: 32px;}
.pad-right-56 {padding-right: 56px;}
.text-side {padding-top: 8px;}
@media only screen and (max-width:1000px) {
    .pad-right-32, .pad-right-56 {padding-right: 0;}
    .mobile {display: block;visibility: visible;}
    .ds {display: none;visibility: hidden;}
    .t-50 {width:50%;}
    .t-100{width: 100%;}
    .t-80{width: 80%;}}
.fill-dimensions, .abs-overlay, .btn-filled, .nav-main, .section, .full-height {height: 100%;}
.fill-width, footer, main, header, .under-nav, .crane-img, .fill-dimensions, .abs-overlay, .btn-filled, .nav-main, .section, .full-height {width: 100%;}
.fill-height {min-height: 100vh;height: 100%;}
.overlay {width: 101%;height: 101%;}
/* Position */
.fixed {position: fixed;}
.bottom {
    bottom: 0;}
.abs, .abs-overlay, .under-nav {
    position: absolute;}
.abs-center{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.z-negative {
    z-index: -1;}
.z-med {z-index: 100;}
.z-top {z-index: 300;}
.relative, .link-nav ,section .article-home-inner, .home-abt-us, footer, .link-m  {
    position: relative;}
.section, .full-height, .block, .illust-srvs-home, .inner-illustr {
    display: block;}
/* Margin */
.anim-spl, .aws-t, .hereami, .pr-anim-spl {
    font-kerning: none;
    opacity: 0;
-webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.m-auto {margin: auto;}
.mt-16 {margin-top: 16px;}
.mr-8 {margin-right: 8px;}
.mr-16 {margin-right: 16px;}
.mr-32 {margin-right: 32px;}
.mr-48 {margin-right: 48px;}
.mb-0 {margin-bottom: 0;}
.mb-8 {margin-bottom: 8px;}
.mb-16, .place-cont {margin-bottom: 16px;}
.mb-24 {margin-bottom: 24px;}
.mb-32 {margin-bottom: 32px;}
.mb-40, .section-header {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.pad-120, .home-abt-us {padding: 120px 0 160px 0;}
.pad-right-16 {padding-right: 16px;}
.pad-top-80 {padding-top: 80px;}
@media only screen and (max-width:800px) {
    .m-100 {width:100%;}
    .mb-m-40 {margin-bottom: 40px;}
    .mb-m-24, .section-header {margin-bottom: 24px;}
    .mb-m-16 {margin-bottom: 16px;}
    .mb-m-8 {margin-bottom: 8px;}}
/* Fonts */
.loading {z-index: 5000;}
h1, h2, h3, h4, h5, h6 {border: 0;outline: 0;font-size: 100%;font-family: 'LabGrotesqueMed', sans-serif;font-weight: 500;vertical-align: baseline;background: transparent;}
.color-blue {color: #123559;}
.color-dark {color:  #000E2F;}
.title-60, .hero-text, .title-48, .title-34, .title-22, .med-font,.pr-label, .sub-header, .section-header, .link-btn {
   font-family: 'LabGrotesqueMed', sans-serif;}
.title-60, .hero-text  {
    font-size:  60px;
    line-height: 1.2;
    letter-spacing: -0.35px;}
.title-48  {
    font-size:  48px;
    line-height: 1.2;
    letter-spacing: 0;}
.title-34, .why-num {
    font-size:34px;
    line-height: 1.4;
    letter-spacing: 0.8px;}
.title-22 {
    letter-spacing: 0.9px;
    font-size: 22px;}
.sub-header, .section-header {
    letter-spacing: 1.1px;
    font-size: 16px;}
.lh-15 {
    line-height: 1.5;}
.lh-2 {
    line-height: 2;}
@media only screen and (max-width:1000px) {
    .hero-text  {
        font-size:  40px;}
    .title-60, .title-48  {
        font-size:  32px;}}
@media only screen and (max-width:800px) {
    .title-60,.title-48 {
        font-size:  32px;}
    .title-34, .why-num {
        font-size: 24px;}
    .title-22 {
        letter-spacing: 0.6px;
        font-size: 20px;}}
@media only screen and (max-width:320px) {
    .title-60, .title-48, .hero-text  {
        font-size:  24px;}
    }
.capital {
    text-transform: capitalize;}
.uppercase, .link-btn, .section-header {
    text-transform: uppercase;}
.to-right {
    text-align: right;}
.float-r {
    float: right;
    margin: 0 0 0 auto;}
.font-sm {font-family: 'LabGrotesqueReg', sans-serif;}
/* Button */
.mouse{height: 120px; width: 6px;}
.ball {width: 6px; height: 30px; top: 0}

.scrolly-nav {margin-top: 80px;}
.scroller {font-size: 20px;}
.line-centr {
    width: 30px;
    height: 3px;
    top: 50%;
    margin-left: 12px;}
.line-centr.left{
    left: -54px}
.under-line, .under-nav {
    bottom: -4px;
    height: 2px;
    left: 0;
    right: 0;
    background-color:  #000E2F;}
.btn, .btn-filled {
    height: 60px;
    width: 250px;}
.btn-filled {
    text-align: center;
    padding: 15px 0;}
.link-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.2px;}
.arrow-box, .link-btn, .nav-link, .sub-f-contact, .content-404 {
    margin: auto 0;}
.pointer, .ac-header,.place-cont,.color-me, a, a:visited,  .pj-btn{
cursor: pointer;}
/* Colors */ 

.a-hover, .hvrprnt > .hvrmbby{-o-transition: color .15s cubic-bezier(.11,.51,.63,.71);transition: color .15s cubic-bezier(.11,.51,.63,.71);}
.a-hover:hover {color: #e62612;transition: color .05s cubic-bezier(.11,.51,.63,.71);}
.hvrprnt:hover > .hvrmbby{
    color: #0e2844;transition: color .05s cubic-bezier(.11,.51,.63,.71)}
.color-white {color: #FFF;}
.color-red, .section-header {color: #e62612;}
.color-grey, .pr-label {color: #5a6b7c}
.bg-white {background-color: #FFF;}
.bg-blue {background-color: #123559;}
.bg-dark {background-color: #0e2844;}
.bg-gray {background-color: #fafafb;}
.bg-dk-gray {background-color: #E3E3E4;}
.bg-red {background-color: #e62612;}
/* Nav */
.menu-bg {top:0; bottom:0; min-height: 100%;
	height: 100%; }
.menu-x-me{width: 85%; max-width: 760px;}

.menu {width:80%; max-width: 450px;;}
.menu-bg.left {left: 0; width: 55%}
.menu-bg.right {right: 0; width: 45%}
.copy-rt, .font-extra-sm, .breadcrumbs,.pr-label {
    font-size: 14px;}
.separater {margin: 0 6px;}
.current-li {
    pointer-events: none;}
.header, .header-home {
    padding: 16px 40px;
    top: 30px;}
.menu-holder { 
    padding: 100px 0 80px 0;
    min-height: 900px;
    min-height: 100vh;
    height: 100%;
    visibility: hidden;
    overflow: auto;
    z-index: 320;}
.hidetoload, .hide {
    visibility: hidden;}
.burger-holder,.header, .header-home {
    height: 70px;} 
    .burger-holder {
        top: 31px;
        right: 40px;
        pointer-events: all;
        cursor: pointer;
        width: 120px;
        z-index: 450;}
    .burger-line {
        width: 40px;
        height: 2px;
        display: block;
        margin: 5px auto;
        background-color: #0e2844;}
.menu-label {width: 65px; height: 60px;}
.name {top: calc(50% - 12px); left: 8px}
.nav-top a, .font-smaller {font-size: 16px;}
.burger-menu {margin: auto 10px auto auto;}
.logo-container {
    width: 140px;
    height: 56px;} 
.mark-cent {height: 75px; width: 75px}
.menu-list{font-size: 54px;}
.h-nav {font-size: 20px;}
.cent-tab {padding: 0 16px;}
.nav-top {margin-left: 5%;}
.nav-img-sw, .nav-contim {max-height: 400px; min-height: 350px; height: 100%; max-width: 100%; margin-top: auto;}
.img-sw {max-width: 100%;}
.nav-img-sw {margin-top: auto;}
.fheight, .pr-image, .sl-image {height: 100%;}
@media only screen  and (min-height : 1000px) {
    .nav-img-sw, .nav-contim  {max-height: 800px; margin-top: 36px ;}}
#logo-nav {margin-top: -8px;}
.return {margin-left: 46px;}
@media only screen and (max-width: 1000px) {
    .menu-bg.right {width: 100%}
    .burger-holder {
        top: 0px;
        right: 6px;}
    .burger-holder,.header {
        height: 80px;} 
    .header, .header-home {padding: 0 16px;top: 0px;}
    .header, .header-home.active {box-shadow:0 0.3px 0.5px rgba(0, 0, 0, 0.025),0 2px 4px rgba(0, 0, 0, 0.05);background-color: #fff;}
    .header-home {background-color:transparent; box-shadow: none;}
    .logo-container, .logo-m-mob {
        width: 105px;
        height: 45px;}
    .logo-m-mob {left: 16px;top:18px}
    .menu-holder {padding: 120px 0 120px;}
    .menu-list{font-size: 34px;}
    .topper {margin-bottom: 56px;}}
/* sections */
.main-content {padding-top: 60px;}
.section {
    height: auto;
    padding: 120px 0;}
.section, .full-height {
    z-index: 1;}
.full-height {
    min-height: 100vh;} 
.no-pad {
    padding: 0;}
.section:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;}
.sect-sm-bottom {
    padding-bottom: 40px;}
.sect-first {
   padding-top: 200px;}    
@media only screen and (max-width: 800px) {
.section {
    padding: 100px 0;}
    .sect-first {padding: 120px 0 60px 0 ;} }

/*landing */
.landing-section, .hero-sect {
    height: 100vh;
    min-height: 660px;
    overflow: hidden;}
.title-holder {margin: 0 16px;}
#over-hero {
    opacity: 0.4;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 50%);}
.hereami {font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);}
.hero-plx-cont,.hero-plx {width: 1400px; min-width: 105%; max-width: 200%; height: 110%; top: 0; overflow: visible;}
.hero-plx img {
    max-height: 100%;  top: -18px; width: 100%; height: 100%;  will-change: transform;}
.scrol-hero {bottom: 40px;}
.srvs-home {
    padding: 60px 0 110px 0;
    max-width: 770px;}
.inner-illustr {width: 110%; margin: auto;}
.land-anim {min-width: 100%; height: auto;}

/* services */
.card-img-cont {
    height: 220px;}
.line-up {
    width: 3px;
    height: 23px;
    top: 5px;
    left: 10px;}
.line-lay {
    width: 23px;
    height: 3px;
    top: 15px;}
.ac-nav {
    width: 23px;
    height: 33px;}
.border-inner-srv, .ac-header {
    border-top: 1px solid #d4dbe1 }
.ac-header {
    padding: 24px 0 20px 0;;}
.colorOpt {
    align-items: flex-start;}
.slider-wrapper, .slider-gallery, .sl-image {height: 400px;}
.sl-image {width: 500px; max-width: 100%; flex-shrink: 0; padding-right: 20px;}
.image-switch, .picture-switch,.img-gal-sw{height: 100%; width: auto; display: block;}
.images-showcase {height: 520px;}
.colorOpt, .color-chart, .justify-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.label-switch {bottom: 10px; padding: 4px; background: rgba(59, 59, 59, 0.15);}
.color-me {height: 45px; width: 45px;}
.slider-cat,.center-algn {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.img-place {left: calc(100% + 24px);z-index: 25;bottom: -75px;height: 150px;width: 200px;}
.ac-header.frst {
    border: none;}
.catimg, .cover-service, .cover-servicef {
    top: 0; bottom: 0;}
.scroll-bar,.scroll-tab  {height: 6px}
.scroll-tab {background-color: #8b9094;}
.therm-cover {right:-30%;width: 90%;max-width: 1400px;}
.fp-cover{right:-20%;
    width: 70%;
    max-width: 1000px;}
.fp-cover img {object-position: 50% 90%;}
.foam-cover {
    right:0;
    width: 60%;
    max-width: 900px;
}
.renderkeyfoam {width: 70%;margin-left: auto}
@media only screen and (max-width:1000px) {
    .renderkeyfoam {margin: 0 auto; padding-bottom: 40px;}

    .justify-center-mb {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .landing-section, .hero-sect {
        height: 87vh;
        min-height: 400px;}
    .images-showcase {height: 330px;}}
@media only screen and (max-width: 800px) {
    .fp-cover{right:-20%;}
    .renderkeylist {
        height: 350px;
        max-width: 100%;}
    .img-place {height: 100px; width: 150px; bottom: -110px; left: 0;}
    .image-switch {width: 100%; }
    .slider-wrapper, .slider-gallery, .sl-image {height: 240px;}
    .sl-image {width: 300px;}
    .images-showcase {min-height: 290px; max-height: 420px; height: fit-content; padding: 0;}
    .header-sect-serv {height: 380px;}}
.btn-service {
    width: 300px;}
.hoverme {display: inline-block;}
.desc-card {
    padding: 12px 0;}
.t-desc {
    width: 140px;}
.num-key {
    min-width: 40px;
    width: 40px;
    font-size: 16px;
    line-height: 32px;}
.manu-logo {
    max-width: 25%;
    max-height: 100px;}
/* about us*/
.bird-img {
    height: 300px;
    right: 20%;
    top: 25%;}
.why-us-img {
    top: 0;}
.owner-img {
    height: 450px;}
.team-block {width: calc(25%-16px);}
.sign-ct {
    width: 220px;}
.team-img {
    height: 500px;}
.why-block {
    width: calc(50% - 32px);
    margin: 0 32px 48px 0px;}
.value {
    width: 200px;}
.char-logo {
    max-height: 200px;}
.text-circle, .badge-cont, .text-center {
    text-align: center;}
@media only screen and (max-width: 1000px) {
    .owner-img {
        height: 400px;}
    .circle-wrapper {
        margin: 0; 
        padding: 8px;}}
/* news */
.blog-img-cont {
    height: 55%;}
.blog-post {
    height: 520px;}
.blog-post-sm, .card-sm,.team-block, .blog-post-lg, .card-lg, .x-sm-card, .card-md, .card-cn {
    margin: 16px 0;}
.blog-post-sm, .card-sm, .card-cn, .project-detail{
    width: calc(33.3333%  - 16px);}
.team-block {width: calc(25% - 16px);}
.blog-post-lg, .card-lg, .project-gallery {
    width: calc(66.6666%  - 16px);}
.card-md {width: calc(50%  - 16px);}
.x-sm-card {
    width: calc(25% - 16px);}
.article-home-inner {
    padding: 60px 32px 40px 24px;}
.article-inner {
    height: 45%;
    padding: 32px 32px 32px 0px;;}
.bottom-blog-home, .to-bt, .to-bt-ds {
    margin: auto 0 0 0;}
.first-bg, .img-menu-hover {
    z-index: -2;}
.second-bg, .img-menu {
    z-index: -1;}
.autor-n {
    line-height: 44px;}
.art-guide {
    height: 450px;}
    .img-s-blg { height: 300px; padding-right: 16px;}
.steps-guide {
    padding-left: 24px;}
.img-side-blog {
    padding-left: 48px;}
.blog-img {
    height: 450px; }
.blog-header {
    padding-right: 32px;}
.auth-detail {
    padding: 32px 0 0 0;}
@media only screen and (max-width: 1000px) {
    .steps-guide, .img-side-blog {
        padding-left: 0 ;}
    .art-guide {
        height: 285px;}
    .stages-intum {
        height: 180px;}
    .blog-header {
        padding-right: 0;}
    .article-inner {
        padding: 24px 0 8px 0;}
    .card-sm, .blog-post, .card-lg, .card-cn, .team-block {
        width: calc(50% - 16px);}
        .img-s-blg {
           width: 100%; margin: 16px 0; height: auto; padding-right:0;}
    .blog-post {
        height: auto;
        min-height: 425px;}}
@media only screen and (max-width:800px) {
    .to-bt-ds {margin-top: 0;}
    .blog-post, .card-sm, .card-lg, .card-cn, .project-lg, .project-sm {
        margin: 16px 0; width: 100%;}
    .team-block {
        margin: 0 0 60px 0; width: 100%;
    }
    .x-sm-card {
        width: calc(50% - 8px);}
    .sub-f-contact {
        order: 2;text-align: center;align-items: center;}}
/* footer */
.sub-footer {
    padding: 50px 0 70px 0;}
.contact-img {
    max-height: 330px;}
footer {
    padding: 70px 0;}
.copy-rt{
    bottom: 60px;}
.breadcrumbs a:hover {
    color: #E73725;}
.inner-footer  {
    padding: 80px 0;}
.footer-cert {
    padding: 8px;
    height: 128px;
    width: 130px;}
.loader {
    z-index: 999;}
/* contact */
#map {width: 100%; height:558px;}
.frame-map {flex-grow: 1}
.contact-wrapper {padding-left: 48px;}
/*project*/
.project, .project-gallery, .pr-image {height: 600px;}
.sliders {height: 600px;}
.project-detail{padding-bottom: 100px;}
.project-container { border-bottom: 1px solid #d4dbe1; padding: 20px 0 60px 0;}
.pj-btn {width:50px;height:50px; background-color: #123559;cursor: auto;}
.pr-bot{margin-top: auto;}
.pr-image {width: 760px; flex-shrink: 0; padding-right: 20px;}
.pj-sc {position: absolute;}
.pr-cat {min-width: 200px;}
.pr-img-nav {left:0}
.nxt-img-nav {right: 0;}
.gal-nav {bottom: 60px}
.pj-gal-sw { max-width: 100%; height: auto;}
.prevButton {  -webkit-transform:rotate(180deg);
    transform: rotate(180deg);}
.pj-btn.active {cursor: pointer;}
@media only screen and (max-width:1100px) {
    .frame-map {width: 100%; padding-right: 0;}

    .project-detail{padding-bottom: 32px;}
    .project-gallery, .project-detail {width: 100%;}
    .project, .slider-wrapper {height: auto;}
    .pr-image {width:500px;}
    .project-gallery, .pr-image {height: 375px;}
    .project-container { padding-bottom: 160px;}
}
/* other */
.crane-img {
    height: 500px;}
.content-404 {
    padding: 120px 0 0 24px;}
.cont040 {
    max-width: 530px;}
@media only screen and (max-width:800px){
    .pr-image {width: 550px}
    .project-gallery, .pr-image {height: 400px;}
    .pr-bot {justify-content: space-between;}
    .crane-img {
        height: 280px;}
    .content-404 {
        padding: 30px 0 0 0;
        text-align: center;
        align-items: center;}}
@media only screen and (max-width:600px){
    .pr-image {width: 400px;}
    .project-gallery, .pr-image {height: 300px;}}
@media only screen and (max-width:500px){
    .pr-image {width: 300px; padding-right: 16px}
    .project-gallery, .pr-image {height: 225px;}}