
html{font-size: 100%;}
.archivo-font { font-family: "Archivo", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; }
.bg1{background-color:#557859;}
.bg2{background-color:#8DB491;}
.bg3{background-color:#4E4E4E;}
.bg4{background-color:#ffffff;}
.bg5{background-color:#000;}
.font-black{color: #000;}

.cta-btn{padding:10px 20px;background-color:#000;color: #fff}
.cta-btn:hover{background-color:#8DB491;color: #fff}

.cta2-btn{padding:10px 20px;}
.cta2-btn:hover{background-color:#fff;color: #000}

body { font-family: "Archivo", sans-serif; font-weight: 400; }
header {position: absolute;  width: 100%;  z-index: 1000;  background:rgba(141,180,145,.7);}
/*header::before{content: ''; position: absolute; z-index: -1; width:28%; height:200px; background:#FFE1E3; border-radius: 0 120px 0 0;}
*/.top-social ul{display: block; padding-left: 0; text-align: right;margin:0;}
.top-social ul li{display: inline-block;}
.top-social ul li:first-child{margin-right:1.5rem; padding-right: 1.5rem; border-right:1px solid #000;}
.top-social ul li:nth-child(2){margin-right:1.5rem; padding-right: 1.5rem;border:none;}
.top-social ul li a{display: inline-block; text-decoration: none; color:#000; margin:0 6px;}
.top-social ul li a:hover{color: #fff;}
nav .navbar-brand img { width: 170px; transition: 0.4s; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; }
.sticky-wrapper { height: auto !important; }
.site-navbar { left: 0; right: 0; margin: auto; width: 100% !important; }
.site-navbar .site-navigation { transition: 0.4s; padding: 0.6rem 0; }
.sticky-wrapper.is-sticky .site-navbar { z-index: 99 !important; width: 100% !important; padding: 0; }

.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 120px; }





/* main banner */
.main-banner { position: relative; display: flex; justify-content:end}
.main-banner::before{content: ''; position: absolute; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1; left:0; top:0}
.main-banner .image-section{ width: 100%;}
.main-banner .image-section img{border-radius: 0; width: 100%;}
.banner-content { width: 100%; position: absolute; left: 0; bottom: 30%; z-index: 9; color: #fff; text-align: center; }
.banner-content h1{font-size: 2.7rem; line-height: 3rem;}
.banner-content h5{line-height: 32px; margin-top: 0.75rem; margin-bottom: 1rem;}
.badges-section{padding: 1rem 0;}
.badges-section img{max-height: 100px;}
.badges-section .col-md-7{padding: 0 !important;}


.sec1{margin:50px 0 70px 0;font-size: 19px;}
.box-wrap{text-align: center;padding:50px 30px 30px 30px;border-radius: 10px;color: #fff;height: 100%;}
.box-wrap h2{margin-top:20px;font-weight: 600;line-height:2.2rem;}
.sec1 ul li{margin-bottom: 10px;}
.sec2{text-align: center;margin:0;}
.sec2 h2{text-align: center;font-weight: 700;margin-bottom: 50px;}
.sec2 span{color: #557859;}
.s-content{padding:30px;text-align: center;min-height: 324px;}
.s-content h3{font-weight: 600;line-height:2.2rem;color: #557859;font-size: 1.5rem;}

.sec3{text-align: center; margin:5rem 0 0;padding:100px 0;position: relative;}
.sec3 h2{text-align: center;font-weight: 700;margin-bottom: 50px;font-size: 2.5rem;}
.sec3:before{content: ''; position: absolute; width:100%; height:100%; background:rgba(85,120,89,.8); z-index:1; left:0; top:0}

.parallax1 {
  background-image: url("../images/sec3.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

 .sec3-txt{position: relative;z-index: 1000;color: #fff; }

 .sec4{margin:150px 0;}
.sec4-txt{border-left:1px solid #ccc;padding-left: 100px; text-align: center;}


.sec5{text-align: center; margin:5rem 0 0;padding:100px 0;position: relative;}
.sec5 h2{text-align: center;font-weight: 700;margin-bottom: 50px;font-size: 2.5rem;}
.sec5:before{content: ''; position: absolute; width:100%; height:100%; background:rgba(85,120,89,.8); z-index:1; left:0; top:0}

.parallax2 {
  background-image: url("../images/sec5.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

 .sec5-txt{position: relative;z-index: 1000;color: #fff; }
 .sec5-txt span{font-size: 1.5rem;font-weight: 500;}

 footer{background: #557859;}
.footer-txt{padding:30px 0; text-align: center;}
.fot-cta ul{display: block; padding-left: 0; text-align: center;margin:20px 0 0 0;}
.fot-cta ul li{display: inline-block;}
.fot-cta ul li:first-child{margin-right:1.5rem; padding-right: 1.5rem; border-right:1px solid #fff;}
.fot-cta ul li:nth-child(2){margin-right:1.5rem; padding-right: 1.5rem;border:none;}
.fot-cta ul li a{display: inline-block; text-decoration: none; color:#fff; margin:0 6px;}
.fot-cta ul li a:hover{color: #000;}
.copyright{text-align: center; margin-top: 20px;color: #fff;}
.copyright a{color: #fff;}



@media(max-width:1367px){
html{font-size:85%;}
.sec4-txt{padding-left: 16px;}
.sec4 {  margin: 50px 0;}
.s-content{min-height:250px;}
}









@media(max-width: 1023px){
html{font-size:85%;}
.sec4-txt{padding-left: 16px;}
.sec4 {  margin: 50px 0;}
.s-content{min-height: auto;}
}






@media (max-width:600px){
html{font-size:90%;}
header{position: inherit;}
.navbar-brand{width: 100%;text-align: center;}
.main-banner{position: inherit;display: inherit;}
.main-banner::before{position: inherit;}
.sec1{position: inherit;}
.top-social{text-align: center;}
.banner-content{position: inherit;color: #000;}
.top-social ul li{width: 100%; text-align: center;font-size: 1.2rem;}
.top-social ul li:first-child,.top-social ul li:nth-child(2){margin:0;border:0;}
.banner-content{padding:30px 0;}
.cta-btn{background: #000;color: #fff;}
.sec2,.sec4{margin:50px 0;}
.sec4{text-align: center;}
.sec4-txt{padding:20px 0 0 0; border:0;}
.fot-cta ul li{width: 100%; text-align: center;font-size: 1.2rem;}
.fot-cta ul li:first-child,.top-social ul li:nth-child(2){margin:0;border:0;}
}