@font-face {
    font-family: 'Manrope800';
    src: url('../fonts/Manrope-ExtraBold.eot');
    src: url('../fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('../fonts/Manrope-ExtraBold.woff') format('woff'),
        url('../fonts/Manrope-ExtraBold.ttf') format('truetype'),
        url('../fonts/Manrope-ExtraBold.svg#Manrope-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope300';
    src: url('../fonts/Manrope-Light.eot');
    src: url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Light.woff2') format('woff2'),
        url('../fonts/Manrope-Light.woff') format('woff'),
        url('../fonts/Manrope-Light.ttf') format('truetype'),
        url('../fonts/Manrope-Light.svg#Manrope-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope400';
    src: url('../fonts/Manrope-Regular.eot');
    src: url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Regular.woff2') format('woff2'),
        url('../fonts/Manrope-Regular.woff') format('woff'),
        url('../fonts/Manrope-Regular.ttf') format('truetype'),
        url('../fonts/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope200';
    src: url('../fonts/Manrope-ExtraLight.eot');
    src: url('../fonts/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraLight.woff2') format('woff2'),
        url('../fonts/Manrope-ExtraLight.woff') format('woff'),
        url('../fonts/Manrope-ExtraLight.ttf') format('truetype'),
        url('../fonts/Manrope-ExtraLight.svg#Manrope-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope500';
    src: url('../fonts/Manrope-Medium.eot');
    src: url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Medium.woff2') format('woff2'),
        url('../fonts/Manrope-Medium.woff') format('woff'),
        url('../fonts/Manrope-Medium.ttf') format('truetype'),
        url('../fonts/Manrope-Medium.svg#Manrope-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope700';
    src: url('../fonts/Manrope-Bold.eot');
    src: url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Bold.woff2') format('woff2'),
        url('../fonts/Manrope-Bold.woff') format('woff'),
        url('../fonts/Manrope-Bold.ttf') format('truetype'),
        url('../fonts/Manrope-Bold.svg#Manrope-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope600';
    src: url('../fonts/Manrope-SemiBold.eot');
    src: url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('../fonts/Manrope-SemiBold.woff') format('woff'),
        url('../fonts/Manrope-SemiBold.ttf') format('truetype'),
        url('../fonts/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
html{ scroll-padding-top: 50px;scroll-behavior: smooth;}
body {font-family: 'Manrope400';  background-color: #fff;font-size: 19px; line-height: 32px; color: #494949;
}img{max-width: 100%;}
.headerRight a {font-size: 20px;font-family: 'Manrope500'; color: #057168; text-decoration: none;}
a.headmail{background: url(../images/mail-icon.png) no-repeat left center; padding-left: 40px;margin-left: 5.4%;}
a.headPhone{background: url(../images/phone-icon.png) no-repeat left center;padding-left: 36px; padding-right: 5px;}
a.headPhone2 {
    padding-left: 4px;
}
.container {
    width: 1352px;max-width: 90%;
}
header {
	 display: inline-block;
	z-index: 111; 
	width: 100%;position: fixed;top:0px;left: 0px;
	 -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;  padding: 10px 0px;
     background: #fff;
	
}
header.aniPos {
    position: fixed;
    background: #fff; left: 0px;
	top: 0px; 
}
header.aniPos  .headerRight{min-height:100%;}
.logo {
    max-width: 120px;
    display: flex;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: flex-start;
}

.logo img {
	max-width: 100%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.headerRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height:100%;
    font-size: 20px;
    font-family: 'Manrope500';
    color: #057168;
}
section.banner {
    
}
section.banner {
    margin-top: 125px;
}
.bannerLeft p {
    color: #fff;
}
.bannerLeft {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;    padding-right: 2%;
}
.mobtop {
    display: none;
}
section.sec01 {
    text-align: center;
    padding: 50px 0px;
}
footer{width: 100%; display: block;}
.footLeft h4 {
    font-size: 39px;
    color: #fff;
    font-family: 'Manrope600';
    margin-top: 23px;
    margin-bottom: 27px;
}
.footLeft p{color: #fff;}
footer {
    padding: 135px 0px 0px; background: url(../images/footerbg.png) no-repeat top center; background-size:cover;
}
.footLeft p {
    font-size: 20px;
    line-height: 34px;
}
.addresbx {
    margin-top: 50px;
}
.address{background: url(../images/adddres-icon.png) no-repeat top left; padding-top: 36px;}
.mailfoot{background: url(../images/mail-icon.png) no-repeat top left; padding-top: 36px;}
.mailfoot a{color: #fff;}
.phonefoot{background: url(../images/phone-icon.png) no-repeat top left; padding-top: 36px;}
.phonefoot a{color: #fff;}

.footright .form {
    max-width: 494px;
    float: right;
    margin-right: 7.2%;
    padding: 32px 40px;
    text-align: center;
    background: #F1F3F7; border-radius: 12px; overflow: hidden;
}
.footright .form .formHead {
    font-size: 32px;
    margin-bottom: 27px;color: #000;
}
.footright .form textarea.input-textarea {
    height: 121px;
}
footer .col-lg-12.formbtn{text-align: center;}
.footbtm {
    background: #057168;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
    margin-top: 53px;
}
.footbtm p{color: #fff; font-size: 16px; margin-bottom: 0px;}
.mobtop {
    display: none;
}
 
  footer a{text-decoration: none;}
  h1 {
    color: #05665e;
    font-family: 'Manrope600';
    margin-bottom: 21px;
}
strong {
    font-family: 'Manrope600';
}
@media all and (max-width:980px) {
    .container {
          max-width: 96%;
    }
.logo {
    margin: 0px auto;
}
.headerRight{justify-content: center;}
section.sec01 {
    text-align: center;
    padding: 30px 0px 0px;
}
footer {
    padding: 105px 0px 0px;
    background: url(../images/footerbg.png) no-repeat top center;
    background-size: cover;
    text-align: center;
}
section.sec01 p:last-child {
    margin-bottom: 0px;
}
.mailfoot, .phonefoot,.address {
    background-position: top center;
    padding-top: 40px;
}
section.banner {
    margin-top: 148px;
}
}
@media all and (max-width:767px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, header .container {
        max-width: 99% !important;
    }
    header .col-lg-8 {
        display: none;
    }
    header .col-lg-9 {
        display: none;
    }
.mobtop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #057168;        margin-top: 15px;
}

.mobtop a {
    width: 50%;
    color: #fff;text-decoration: none;
    font-size: 14px;
    text-align: center;
}
.bannerLeft {
    margin-top: 0px;
    padding-top: 0px;
}
.mobtop a:last-child {
    background: #00af74;
}
.mobtop a img {
    max-width: 15px;
    margin-right: 5px;
}
.logo {
    max-width: 108px;
}
header{padding-bottom: 0px;}
h1 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 11px;
}
.mailfoot, .phonefoot,.address {
    background-position: top center;
    padding-top: 30px;
}
.mailfoot{margin-bottom: 15px;}
footer {
    text-align: center;
    padding: 30px 0px 0px;
     
    background-color: #002331;
}
.footright .form .formHead {
    font-size: 16px;
    margin-bottom: 15px;
}
.footright .form{padding: 25px;}
.footbtm p {
    color: #fff;
    font-size: 12px;}
    body {
        font-family: 'Manrope400';
        background-color: #fff;
        font-size: 16px;
        line-height: 28px;
        color: #494949;
    }
    .footLeft h4 {
        font-size: 24px;
        color: #fff;
        font-family: 'Manrope600';
        margin-top: 23px;
        margin-bottom: 17px;
    }
    section.sec01{padding: 30px 0px;}
    .footLeft p {
        font-size: 16px;
        line-height: 28px;
    }
    .footbtm {
          margin-top: 20px;
    }
    .mobtop a {
        line-height: 36px;
    }
    
}