@font-face {
    font-family: 'metropolislight';
    src: url('../fonts/metropolis-light.woff2') format('woff2'),
         url('../fonts/metropolis-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'metropolissemi_bold';
    src: url('../fonts/metropolis-semibold.woff2') format('woff2'),
         url('../fonts/metropolis-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



*{padding:0; margin:0; box-sizing:border-box;}
body{padding: 0;margin: 0;background: #fff;display: flex;flex-direction: column;height: 100vh;font-size: 16px;color: #2b2e30;line-height: 28px;font-family: 'metropolislight';}
input, select, textarea , button{transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a {text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;outline:none;outline: 0;}
a::after , a::before{text-decoration:none;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:hover , a:focus {text-decoration:none;}
input {border: 0;outline: 0;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6 , p {margin: 0;}
img{max-width:100%}
.container{width: 100%;display: block;margin: 0 auto;max-width: 1200px;}

/*header*/
header {width: 100%;display: flex;background: #fff;padding: 8px 0;box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 30%);position: fixed;top: 0;left: 0;right: 0;z-index: 3;flex-shrink: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;height: 100px;align-items: center;}
header.fix_active {transform: translateY(-100%);}
.alignCtr {display: flex;align-items: center;justify-content: space-between;}
header .logo-h {width: 335px;display: block;float: left;}
.hamburger-menu, .close-menu {display: none;}
.header-menu {display: flex;align-items: center;text-align: center;}
.header-menu li .nav-links {font-size: 14px;color: #999797;font-weight: 600;text-transform: uppercase;padding: 15px 15px;line-height: 120%;display: block;margin-right: 15px;font-family: 'metropolislight';}
.header-menu li:last-child .nav-links {margin-right: 0;}
.header-menu li .nav-links:hover , .header-menu li .nav-links.active {color: #317b7b;text-decoration: underline;text-underline-position: under;}

/*middle-wrapper*/
.middle-wrapper {flex: 1 0 auto;margin-top: 100px;}

/*hero-cntr*/
.hero-cntr{width: 100%;display: block;padding: 75px 0;position: relative;}
.lft-content h1 {font-family: 'metropolissemi_bold';letter-spacing: 0.15em;font-size: 16px;text-transform: uppercase;margin-bottom: 30px;color: #999797;line-height: 28px;}
p {font-size: 16px;color: #2b2e30;line-height: 28px;font-family: 'metropolislight';margin-bottom: 20px;}
p:last-child {margin-bottom: 0;}
.lft-content {width: calc(100% - 700px);max-width: 100%;flex: inherit;}
.hero-banner {width: 700px;display: block;background: url(../images/hreo-banner.png) no-repeat top center;  background-size: cover;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;}
.imgbx {position: static;}

/*contact*/
.contact-baner {width: 100%;display: block;padding: 60px 0;text-align: center;background: #d8e8f2;}
.contact-baner .lft-content {width: auto;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.contact-baner .lft-content h1 {color: #3c6161;}
.contact-form {width: 100%;display: block;padding: 60px 0 0;}
.contact-form form.form-inline {width: 100%;display: block;max-width: 590px;margin: 0 auto;}
.contact-form .form-group {width: 100%;display: block;margin-bottom: 15px;}
.group-row.btn-bx .form-group:last-child {margin-bottom: 0;}
.group-row {width: 100%;display: flex;justify-content: space-between;}
.group-row .form-group {width: 48%;}
.group-row .form-control {font-size: 16px;color: #2b2e30;line-height: 28px;font-family: 'metropolislight';height: inherit;padding: 6px 10px;border-radius: 0;border: 0;border-bottom: 1px solid #ced4da;    width: 100%;box-shadow: inherit;outline: 0 none;}
.group-row .form-control:focus{border-color: #ff0000;}
.group-row.full-row .form-group {width: 100%;}
.group-row textarea.form-control {min-height: 120px;}
.group-row.btn-bx {display: block;text-align: center;margin-top: 25px;}
.group-row.btn-bx .send-btn {background: #d8e8f2;font-size: 20px;color: #333;line-height: 120%;font-family: 'metropolissemi_bold';padding: 12px 32px;border-radius: 4px;width: auto;box-shadow: inherit;outline: 0 none;
    text-transform: uppercase;letter-spacing: 1px;}
.group-row.btn-bx .send-btn:hover {opacity: 0.7;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;font-family: 'metropolissemi_bold';
}
::-moz-placeholder { /* Firefox 19+ */
 color: #000;font-family: 'metropolissemi_bold';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;font-family: 'metropolissemi_bold';
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;font-family: 'metropolissemi_bold';
}

.addres-emls{width: 100%;display: block;padding: 60px 0;background: #fffcf7;text-align: right;}
.addres-emls .right-txt {flex: inherit;width: 100%;max-width: 1000px;margin: 0 auto;}
.addres-emls .right-txt p {margin: 0;}
.addres-emls .right-txt p a {display: inline-block;color: rgb(49,123,123);font-family: 'metropolissemi_bold';}
/*what to do*/
.baner-inside{width: 100%;display: block;position: relative;height: 192px;}
.whatto-baner{background: url(../images/what_we_do.png) no-repeat top center;background-size: cover;}
/*about*/
.baner-inside{width: 100%;display: block;position: relative;height: 192px;}
.about-baner{background: url(../images/about-banner.png) no-repeat top center;background-size: cover;}
.baner-inside .container {display: block;position: absolute;left: 0;right: 0;bottom: 15px;}
.baner-inside h2 {font-size: 18px;text-transform: uppercase;letter-spacing: 0.2em;font-family: 'metropolissemi_bold';color: #fffcfc;}
.about-content{padding: 60px 0;}
.author-txt blockquote {font-family: 'metropolissemi_bold';font-style: italic;font-size: 16px;color: #2b2e30;
    line-height: 26px;margin-bottom: 20px;letter-spacing: 0.02em;}
.author-txt h3 {font-family: 'metropolissemi_bold';font-size: 16px;color: #3c6161;line-height: 26px;letter-spacing: 0.02em;}

/*team css*/
.team-baner{background: url(../images/team-banner.png) no-repeat top center;background-size: cover;}
.teams-b .img {display: block;margin: 20px 0;}
.teams-b .img img {border-radius: 5px;box-shadow: 0 0 26px 3px rgb(0 0 0 / 50%);width: 125px;height: 149px;object-fit: fill;margin: 0 auto;display: block;}
.teams-b h4 {text-align: center;font-size: 16px;text-transform: uppercase;color: rgb(153, 151, 151);letter-spacing: 0.15em;font-family: 'metropolissemi_bold';margin-bottom: 3px;}
.teams-b .deg {text-align: center;display: block;font-size: 13px;text-transform: uppercase;color: #317b7b;letter-spacing: 0.15em;font-family: 'metropolissemi_bold';}
.teams-b .items-blk{margin-bottom: 60px;}
.teams-b .items-blk:last-child{margin-bottom: 0;}
.teams-b .items-blk p {text-align: justify;}

/*projects*/
.projects-baner{background: url(../images/projects-banner.png) no-repeat top center;background-size: cover;}
.projects-baner h2{color: #3c6161;}
.c-project h4 {margin-bottom: 8px;color: #adbac2;letter-spacing: 0;}
.c-project .deg {font-size: 16px;letter-spacing: 0;color: #3c6161;margin-bottom: 4px;}
.c-project .mw-txt {display: block;font-size: 16px;text-transform: uppercase;color: #2b2e30;font-family: 'metropolissemi_bold';}
.c-project .img {margin: 30px 0;}
.c-project .img img {width: 100%;height: auto;}
.c-project p {margin: 0;}
.c-project p strong {color: #183d3d;}


/*footer*/
footer {width: 100%;display: block;text-align: center;flex-shrink: 0;background: #f5f5f5;padding: 22px 0;}
footer p {font-size: 14px;color: #5d5d5d;line-height: 120%;display: block;font-family: 'metropolislight';margin: 8px 0;}
footer p a {display: inline-block;line-height: 120%;text-transform: capitalize;text-decoration: underline;color: #5d5d5d;}
footer p a:hover {opacity: 0.7;color: #5d5d5d;}
footer .copyrit {font-family: 'metropolissemi_bold';}

.alert-msg-form-group {
    width: auto;
    margin: 25px 0 0 0;
    display: flex;
    justify-content: center;
}
.c-project .items-blk h4, .c-project .deg {
    text-align: left;
}

/*media query*/
@media (min-width: 1599px){
.imgbx {position: relative;}
.hero-banner{position: static;width: 100%;padding-bottom: 85%;}
.aligncntr {align-items: center;}

}

@media (max-width: 1200px){
.lft-content {width: calc(100% - 550px);}
.hero-banner {width: 550px;}

}

@media (max-width: 991px){
.lft-content {width: auto;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.imgbx {position: relative;}
.hero-banner{position: static;width: 100%;}
.header-menu li .nav-links {padding: 12px 12px;margin-right: 12px;}
header .logo-h {width: 250px;}

}

@media (max-width: 767px){
.inner-menu {width: 100%;max-width: 100%;display: block;position: fixed;right: -100%;top: 0;background: #fff;
    z-index: 3;transition: all .1s ease-in;height: 100%;overflow-x: hidden;padding: 60px 0;}
.inner-menu.mobileOpen {right: 0;-webkit-box-shadow: -7px -3px 16px -8px rgb(1 1 1 / 42%);-moz-box-shadow: -7px -3px 16px -8px rgba(1,1,1,.42);box-shadow: -7px -3px 16px -8px rgb(1 1 1 / 42%);}
.hamburger-menu, .close-menu {display: block;}
header {height: 80px;}
header .logo-h {width: 225px;}
.header-menu {display: block;text-align: left;}
.inner-menu .close-menu {position: absolute;top: 12px;right: 20px;width: 42px;}
.header-menu li .nav-links {padding: 18px 10px 18px 25px;margin: 0;font-size: 20px;border-top: 1px solid #eaeaea;}
.header-menu li:last-child .nav-links {border-bottom: 1px solid #eaeaea;}
body.Bg-open {overflow: hidden;}
.middle-wrapper {margin-top: 80px;}
.hero-cntr {padding: 40px 0;}
.lft-content {width: auto;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.hero-banner {padding-bottom: 88%;margin-bottom: 25px;}
.lft-content h1 {margin-bottom: 15px;}
.hero-cntr .aligncntr {flex-direction: column-reverse;}
.contact-baner , .addres-emls , .about-content{padding: 40px 0;}
.contact-baner .lft-content p br {display: none;}
.hamburger-menu {width: 42px;}
.c-project h4 {margin-bottom: 4px;}
.c-project .deg {margin-bottom: 0;}
.c-project .img , .teams-b .img{margin: 10px 0;}
.teams-b .items-blk {margin-bottom: 40px;padding-bottom: 40px;position: relative;}
.contact-form{padding: 40px 0 0;}
.teams-b .items-blk::after {position: absolute;bottom: 5px;left: 0;right: 0;width: 100%; max-width: 200px;content: "";height: 3px;background: #317b7b;
    margin: 0 auto;}
.teams-b .items-blk::before {position: absolute;bottom: -5px;left: 0;right: 0;width: 100%; max-width: 150px;content: "";height: 3px;background: #317b7b;
    margin: 0 auto;}
.c-project .items-blk::after , .c-project .items-blk::before , .teams-b .items-blk:last-child::before , .teams-b .items-blk:last-child::after{display:none;}
.c-project .teams-b .items-blk , .teams-b .items-blk:last-child{padding-bottom: 0px;}

}

@media (max-width: 575px){
.group-row {flex-direction: column;}
.group-row .form-group {width: 100%;}
.addres-emls {text-align: center;}
.author-txt blockquote br {display: none;}

}