/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body{
    font-family: "Open Sans", sans-serif;
    color: #444444;
}

a{
    text-decoration: none;
    color: #49b5e7;
}

a:hover{
    color: #76c7ed;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Dosis", sans-serif;
}


/*........................
Loading circle
........................*/


.lds-hourglass,
.lds-hourglass:after {
  box-sizing: border-box;
}
.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 50px 0;
    overflow: hidden;
    display:block;
  }
  
  .section-title {
    text-align: center;
    padding-bottom: 30px;
  }
  .section-title h2 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #0f394c;
  }
  .section-title h3 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #0f394c;
  }
  .section-title p {
    margin-bottom: 0;
  }

  @media (max-width: 768px) {
    h1 {
        font-size: 26px;
        line-height: 34px;
      }
    h2 {
        font-size: 20px;
        line-height: 28px;
      }
    p {
        font-size: 13px;
        line-height: 20px;
      }
      h3 {
        font-size: 18px;
        line-height: 24px;
        
    }

  }

  
/*--------------------------------------------------------------
# Section0 
--------------------------------------------------------------*/

.section0 {
  position:relative;
  display: flex;
  width:100%;
  height: 100vh;
}

.section0 .container{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  overflow: hidden;
  text-transform: uppercase;
  color:#ffffff;
  font-weight: 700;
}

.section0 .learn_more{
  position:absolute;
  bottom:0%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  text-align:center;
  text-transform: uppercase;
  color:#ffffff;
  font-weight: 700;

}
.section0 .learn_more .learn-more-text{
  text-transform: uppercase;
  --bs-text-opacity: 1;
  color: #ffffff !important; 
}
.section0 .learn_more i{
  color:#fff;
  font-size:32px;
}
.section0 h1 {
  font-size: 4rem;
  letter-spacing: 0.2em;
  line-height:4.5rem;
  margin-top:0px;
}
.section0 h3{
  margin-top: 15px;
  color: rgb(194, 190, 190);
  font-size: 2rem;
  letter-spacing: 0.2em;

}
@media (max-width: 1080px){
  .section0 h1{
    font-size: 2.0rem;
    line-height: 2.2rem;
  }
  .section0 h3{
    font-size: 1.3rem;
    line-height: 2.0rem;
  }
}

@media(max-width: 580px){
  .section0 h1{
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
  .section0 h3{
    font-size: 0.7rem;
    line-height: 0.9rem;
  }
}

html {
	scroll-behavior: smooth;
}
      section{
    padding: 60px 0px 60px; 
    width:100%;
    }
body{
    font-family: 'Open Sans', sans-serif;
    color: #444444;
    }
h1, h2, h3, h4, h5, h6{
    font-family: 'Dosis', sans-serif;
    }
.n0-section0{
    background-color: rgba(0,0,0,0.6);
    position: relative;
    display:flex;
    }
.n0-section0::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/forest_hero_bg.jpg")  center scroll no-repeat;
    background-position: center center;
    background-size: cover;
    z-index:-1; 
    }
.n0-section0 .learn_more i{
    color:#ffffff;
    font-size:2rem;
    }
.n0-section0 .learn_more .learn-more-text{
    color:#ffffff !important;
    font-weight:700;
    font-size:1rem; 
    }
.n0-section0 h1{
    font-size:4rem;
    line-height:4.5rem;
    color:#ffffff;
    font-weight:600;
    margin-top: 0rem;
    margin-bottom: 0rem;
    }
.n0-section0 h3{
    margin-top: 1.25rem;
    margin-bottom: 0rem;
    color:#c2bebe;
    font-size:2rem;
    font-weight:400;
    }
.n0-section0 p.learn-more-text{
    margin-bottom: 0px;
}
.section2_bg_color{
    /*background-color: #FFF8F1;*/
    background-color: rgba(0,0,0,0.5);
    position: relative;
    display:flex;
}
.section2_bg_color:after{
    /*background-color: #FFF8F1;*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/sect2_bg.jpg")  center scroll no-repeat;
    background-position: center center;
    background-size: cover;
    z-index:-1; 
}
.icons-sect1{
    width:100px;
    height:100px;
}

.section3_bg_color{
    /*background-color: #FFF8F1;*/
    background-color: rgba(0,0,0,0.5);
    position: relative;
    display:flex;
}
.section3_bg_color:after{
    /*background-color: #FFF8F1;*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/sect3_bg.jpg")  center fixed no-repeat;
    background-position: center center;
    background-size: cover;
    z-index:-1; 
}
.format_text_sect3{
  font-size: 20px;
  color:black;
  font-weight: 400;
  position:relative;
}
.circles_sect3{
  position:absolute;
  background: #e0be9a;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #000000;
  font-weight: bold;
  line-height: 80px;
  width: 80px;
  font-size:24px;
  left:0;
  right:0;
  margin:auto;
  top: 0%;
  transform: translateY(-50%);
}
.mt-10{
  margin-top:6rem !important;
}
.section4_bg_color{
    /*background-color: #FFF8F1;*/
    background-color: rgba(0,0,0,0.3);
    position: relative;
    display:flex;
}
.section4_bg_color:after{
    /*background-color: #FFF8F1;*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/sect4_bg.jpg")  center scroll no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    z-index:-1; 
}

#section4 .row{
  padding-top:280px;
}
.format_text_sect4 span{
  font-weight: 700;
}

.section5_bg_color{
  background-color: #E6CAAC;
  display: flex;
}
#section5 .container{
  background-color: #ffffff;
}
.img_manager{
  width: 478px;
  height: 617px;
  object-fit: cover;
  object-position: 50% 50%;
}
#section5 h3{
  font-size:25px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 22px;

}

#section5 p{
  font-size:20px;
  font-weight: 400;
  text-align: justify;
  text-justify: inter-word;
}
/*
#section6 label{
  display: inline-block;
  line-height: 1;
  margin-bottom:9px;
  padding: 0 20px 0 17px;
  word-break: break-word;
  font-size:14px;
}
#section6 label:focus{
  display: inline-block;
  line-height: 1;
  margin-bottom:9px;
  padding: 0 20px 0 17px;
  word-break: break-word;
  font-size:14px;
}*/
#section6 i{
  padding:10px;
}
#section6 a {
  text-decoration: none !important;
  color:#000000;
}
#section6 p{
  font-size:16px;
}
.btn-send{
  color: #fff;
  background-color: #5264AE;
  border-color: #5264AE;
}
.btn-send:hover{
  color: #5264AE;
  background-color: #fff;
}
.forms_row{
  width:300px;
}
.group 			  { 
  position:relative;
  display: inline-block;
  margin-bottom:25px;
}
input 				{
  font-size:16px;
  padding:10px 10px 10px 5px;
  display:inline-block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
input.v1{
  width:145px;
}
input.question{
  height:300px;
  width: 300px;
  word-break: break-word;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:300px; }
.bar1 	{ width:145px; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight1 {
  width:145px; 
}

.highlight {
  position:absolute;
  height:60%; 
  width:300px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
/* END OF forms style ...*/

@media screen and (max-width: 991px){
.n0-section0 h1{
    font-size: 2rem;
    line-height: 2.4rem;
    }
.n0-section0 h3{
    font-size: 1rem;
    line-height: 1.4rem;
    }

}
@media screen and (max-width: 580px){
.n0-section0 h1{
    font-size: 1.5rem;
    line-height: 1.9rem;
    }
.n0-section0 h3{
    font-size: 0.75rem;
    line-height: 1.15rem;
    }
.n0-section0 .learn-more-text{
    font-size:0.75rem;
}

}
@media screen and (max-width:640px) and (orientation:portrait){
  .n0-section0::after{
        background: url("../images/forest_hero_bg_mobile.jpg")  center scroll no-repeat;
      }
  #section0 .learn-more-text{
    font-size:0.75rem;
  }
  #section4 .row{
    padding-top:200px;
  }
  #section4 .mt-10{
    margin-top:3rem !important;
  }
  #section5 h3{
    font-size:20px;
    text-align: center;
  }
  #section5 p{
    font-size:13px;
  }
}

@media screen and (max-width: 920px) and (orientation:landscape){
  #section5 h3{
    font-size:20px;
    text-align: center;
  }
  #section5 p{
    font-size:13px;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}