@font-face {
    font-family: 'Semplicita';
    font-style: normal;
    font-weight: 500;
    src: local('Semplicita'), url('https://fonts.cdnfonts.com/s/13320/Semplicita-Medium.woff') format('woff');
}

@media (max-width: 767px) {
  .accordion-group {
    height: 360px;
  }
	
  .accordion-group li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .accordion-group li.out h3 {
    opacity: 0;
  }
  .accordion-group li h3 {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2.5rem;
    padding: 0;
    margin: 10rem 0;
  }
}
@media (min-width: 767px) {
	.site-outer{
	padding-top: 50px;
	}
  .accordion-group li h3 {
position: absolute;
	  left:0;
	  right:0;
text-align: center;
	}
}

@media (max-width: 992px) {
.partners img {
padding-right:0px !important;
	max-height: 65px !important;
}
	.copyrightfooter{
text-align:center; color:#fff !important;margin-top:0px; font-size:12px;font:Futura-Bold !important;
}
}
@media (max-width: 767px) {
  #search {
    width: auto;
  }
}

@media (max-width: 767px){
.hidden-xs {
    display: block!important; 
    position: absolute !important;
    left: -60px !important;
	top: 130px;
}
}

@media (min-width: 768px) {
  .select-box {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .select-box {
    width: 50%;
  }
	.copyrightfooter{
text-align:center; color:#fff !important;margin-top:70px; font-size:12px;font:Futura-Bold !important;
}
}
@media (min-width: 1200px) {
  .select-box {
    width: 50%;
  }
		.partners{
	margin-top:180px;
}
}
@media (min-width: 1680px) {

		.partners{
	margin-top:100px;
}
}

@media (max-width: 767px) {
  #wrap {
    width: 200% !important;
	  height:100%;
  }
}

@media (max-width: 992px) {
.mute-bt {
    right: 9px !important;
    top: 58px !important;
}
	.play-bt,.pause-bt{
	right: 42px !important;
    top: 58px !important;
	
	}
	.gallery img{
		width:100%;
	}
	.partners{
	margin-top:120px;
}

}
	body{
		font-family: 'Semplicita', sans-serif !important;
	width: 100%;
		height:100%;
		font-size:1.7rem;

}

.image-hero-area {
position: fixed;
right: 0;
bottom: 0;
	max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
z-index: -1;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	padding:0;
	    background-attachment: fixed;
}

@media (pointer: coarse) {
        .image-hero-area  {
                background-attachment: fixed !important;
        }
}
.select-box__list{
	position: relative;
	transition: all 0.5s linear;

}
.select-box__list li{
	transition: all 0.5s linear;
	background: #343434ad;
	border-bottom:3px solid  #ffffff1f;
}

[type="radio"]{
  display: none;
}
label{
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.25s;
  color: #fff;
}
[type="radio"]:checked + label{
	background: #fe163a;
}
[type="radio"]:nth-of-type(2):checked ~ .gallery2 .card:not(.house),
[type="radio"]:nth-of-type(3):checked ~ .gallery2 .card:not(.cloud7),
[type="radio"]:nth-of-type(4):checked ~ .gallery2 .card:not(.group)
{
  display: none;
}
.gallery2{
  display: grid;
	justify-content: center;
  grid-template-columns: repeat(auto-fit, 300px);
  grid-auto-rows: 1fr;
  grid-gap: 1rem;
  padding: 0.5rem;
  margin-top: 1rem;
}
.card{
  margin: 0;
  background: #312e2bab;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0 0 10px silver;
  transition: box-shadow 0.35s;
}
.card:hover{
  box-shadow: 0 0 25px #0009;
}
.card__image{
  width: 100%;
  object-fit: cover;
  height: 100%;
  border: 1px solid #fe163a87;
}
.card__caption{
  font-size: 1.2rem;
  font-variant: small-caps;
  padding: 0.5rem;
  text-align: center;
  color: gold;
}

/* Donate layer */
.donate{
	position: fixed;
	bottom: 0.25rem;
	right: 0.25rem; 
	border-radius: 0.5rem;
	background-color: whitesmoke;
	padding: 0 1rem;
	font-weight: bold;
	color: dimgray;
}
.donate a{
	text-decoration: none;
	color: orangered;
	border-bottom: 2px solid transparent;
	transition: 0.35s;
}
.donate a:hover{
	border-bottom-color: orangered;
}
.h1, .h2, .h3, h1, h2, h3 {
    font-family: 'Semplicita', sans-serif  !important;
    font-weight: bolder !important;
}
.select-box__input-text{
	font-family: 'Semplicita', sans-serif  !important;
	font-weight: bolder;
}
label {

    font-family: 'Semplicita', sans-serif  !important;
}
.navigation-content .navigation-menu li a {
  font-size: 1.2rem !important;
  font-family: 'Semplicita', sans-serif  !important;
  font-weight: bolder !important;
}


.card{
	cursor: pointer;

}
.card__image{
	  transition: all 0.35s;

}