@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Playfair+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;700&display=swap');
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=OpenSans);
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
body, html {
    height: 100%;
    background-color: #e5e6e8;
	position: relative;
}
.background-image {
    background-image:url("/images/Bg_11x.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
.navbar .navbar-brand {
    padding-left: 30px;
    font-family: 'Bebas Neue', cursive;
    font-size: 50px;
    font-weight: 400;
}
.navbar{
	height: 60Px;
	position: fixed;
	background-color:#E4EBF1;
}
.nav-item {
	font-weight: 500;
	text-transform: uppercase;
    font-family: 'Bebas Neue', cursive;
	font-size: 20px;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
  }

.hero {
	position: relative;
	background: url('/images/Bg_11x.jpg');
	min-height: 100vh;
	background-size: cover;
	background-position: center;
}
.moveabit{
	margin-right: 100px;
}
.hero_h1 {
	font-size: 50px;
	font-weight: 800;
	margin: 0;
	padding: 0;
    font-family: 'Poppins', sans-serif;
}
.footer_slogan_style{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
.footer_p_copyright{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
.hero_p {
	font-size: 30px;
	font-weight: 700;
	text-align:center;
	letter-spacing:1px;
    /*font-family: 'Merienda One', cursive;*/
	font-family: 'Abril Fatface', cursive;
}

.btn1 {
	display: inline-block;
	margin: 1em 0 0 0;
	background-color: black;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	text-decoration: none;
	font-weight: 800;
	padding: 10px 20px;
	border-radius: 30px;
	border: 2px solid black;
}
.faded_image{
	
}
.copyright_kunnel{
	font-family: 'Poppins', sans-serif;
	font-size: x-small;
	font-weight: 600;
}
.btn1:hover {
	background-color: white;
	color: black;
	border: 2px solid black;
	text-decoration: none;
}
.lead_text{
	text-align: justify;
}
.parallax_kunnel{
	background-image: url("/images/drawing.jpg");

	min-height: 50vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .parallax_kunnel_faq{
	background-image: url("/images/questions.jpg");

	min-height: 50vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .parallax_kunnel_map{
	background-image: url("/images/findus.jpg");

	min-height: 25vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .parallax_kunnel_beforegallery{
	background-image: url("/images/worker.jpg");
	min-height: 25vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .parallax_kunnel_careers{
	background-image: url("/images/interview.jpg");
	min-height: 25vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  /*                  FAQ */
  .faq-heading {
	font-family: Lato;   
	font-weight: 400;
	font-size: 19px;
	 -webkit-transition: text-indent 0.2s;
	text-indent: 20px;
	color: #333;
  }
  
  .faq-text {
	font-family: Open Sans;   
	font-weight: 400;
	color: #919191;
	width:95%;
	padding-left:20px;
	margin-bottom:30px;
  }
  
  .faq {
	width: 1000px;
	margin: 0 auto;
	background: white;
	border-radius: 4px;
	position: relative;
	border: 1px solid #E1E1E1;
  }
  .faq label {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	height: 56px;
	padding-top:1px;
   
	background-color: #FAFAFA;
	border-bottom: 1px solid #E1E1E1;
  }
  
  .faq input[type="checkbox"] {
	display: none;
  }
  
  .faq .faq-arrow {
	width: 5px;
	height: 5px;
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	border-top: 2px solid rgba(0, 0, 0, 0.33);
	border-right: 2px solid rgba(0, 0, 0, 0.33);
	float: right;
	position: relative;
	top: -30px;
	right: 27px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  
   .faq input[type="checkbox"]:checked + label > .faq-arrow {
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
  }
   .faq input[type="checkbox"]:checked + label {
	display: block;
	background: rgba(255,255,255,255) !important;
	color: #4f7351;
	height: 225px;
	transition: height 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
   .faq input[type='checkbox']:not(:checked) + label {
	display: block;
	transition: height 0.8s;
	height: 50px;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  ::-webkit-scrollbar {
	display: none;
  }
  .footer_h1_style{
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	font-weight: 700;
  }
  .footer_new_style{
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 200;
  }
  .footer_Header_style{
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 700;
  }
  
  .material-symbols-rounded {
	color: green;
  }
  .material-icons.md-20 { font-size: 20px; }
/* faq */  


/*------------------------------------CONTACT US HEADER--------------*/
.query_input_header_style{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:small;
}
.contact_header_style{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: large;
	color: #00341E;
}
.input_text_style{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:xx-small;
	/*height:30px;*/
	border-width: thin;
}
.address_text_style{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:smaller;
	height:30px;
	border-width: thin;
}
.input_text_style_tarea{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:smaller;
	border-width: thin;
}
/*---------------------------------------END------------------------*/
/*-------------------------------------media-------------*/
@media (max-width: 850px) {
    .navbar-collapse
      {
          background-color:#E4EBF1;
          padding-left: 20px;
          font-size: 25px;
      }
      .navbar
      {
        margin-right: 0Px;
		height: 90px;
      }
	  .faded_image{
		 display: none;
	  }
	  .footer_new_style{
		padding-top: 10Px;
	  }
	  .mapclass{
		padding-top:10Px;
	  }
	  .contact_map_size{
		height: 350px;
	}
}
@media (min-width: 1200px) {
	.contact_map_size{
		height: 350px;
	}
 }
@media (max-width: 575.98px) { 
.contact_map_size{
	height: 150px;
}
}