@font-face {
    font-family: PT Sans;
    src: url(fonts/PT_Sans-Web-Regular.ttf) format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: PT Sans;
    src: url(fonts/PT_Sans-Web-Bold.ttf) format('truetype');
    font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: Bebas Neue;
    src: url(fonts/LWO-Bebas-Neue-Bold.ttf) format('truetype');
    font-weight: normal;
	font-style: normal;
}

.template-wrapper {
	max-width: 1200px;
  	margin: 0 auto;
}

.hidedH1 {
	display: none;
}

.belStatSiteHeaderLinks i{
  cursor: pointer;
}

.belStatSiteHeaderLinks i:nth-of-type(2){
  cursor: pointer;
  display: none;
}


.modal-wrapper{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3;
  background-color: rgba(0,0,0,0.8);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-modal{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  background-color: lightgrey;
}

.search-title{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.search-input{
  margin: 20px auto;
  width: 350px;
  border-radius: 5px;
  border: 1px solid black;
  padding: 0 8px;
  font-size: 16px;
  height: 30px;
}

.search-buttons{
  display: flex;
  justify-content: space-around;
  height: 30px;
}

.search-remove, .search-start{
  width: 25%;
  height: 100%;
  border-radius: 5px;
  background-color: #E8E8E8;
  border: 1px solid grey;
  cursor: pointer;
  font-size: 16px;
}

.search-remove: hover, .search-start: hover{
  background-color: ddd;
  border-color: black;
}

.belStatSiteHeaderLinks i img{
  width: 13px;
}


.headerContent {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 3;
  
  padding-left: 60px;
  padding-right: 60px;
  
  margin-top: 15px;
}

.belStatSiteHeaderContainer {
  	z-index: 1;
  	display: flex;
  	flex-direction: column;
    justify-content: flex-start;
}

.belStatSiteHeaderItem {
  	height: 10px;
}

.result{
  color: #000000;
  font-family: "PT Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 15px;
}


.headerEmblemBorder {
  border-right: 1px solid #bbc3ce;
}

.headerContentFirstContainer {
  display: flex;
  
}

.headerContentFirstContainer a {
	text-decoration: none;
    color: inherit;
}

.belStatSiteHeaderImageLogo {
 	display: flex;
    flex-direction: row;
    align-items: center;
}

#belStatSiteHeaderDevEmblem { 
  	padding-right: 15px;
  	margin-right: 15px; 
}

#belStatSiteHeaderDevEmblem span {
  	 font-size: 15px;
 	 font-family: PT Sans;
  	 max-width: 160px;
  	 font-weight: bold;
}


.belStatSiteHeaderImageLogoTitle {
  	display: flex;
    flex-direction: row;
    align-items: center;
  
  	font-size: 14px;
    font-family: PT Sans;
}

.headerRed {
 	background-color: #db2334;
    z-index: 1;
}

.headerGreen {
 	background-color: #047134;
    z-index: 1;
}

.headerText-white {
 	color: #ffffff; 
}

.headerText-black {
 	color: #000000; 
}

.headerMinLogo {
  width: 60px;
  height: 60px;
  margin-right: 10px
}

.belStatSiteHeaderUL {
    list-style: none;
	display: inline-flex;
    font-family: PT Sans;
    font-weight: normal;
    font-size: 14px;
}
.languages-list{
  z-index: 3;
}

.belStatSiteHeaderLI {
  	font-size: 14px; 
    margin-left: 25px;   
  	vertical-align: middle;
}

.belStatSiteHeaderLI button {
 	padding: 0;
  	width: 165px;
  	font-size: 14px;
}

.languages-list {
   position: absolute;
   width: 90px;
}

.language-bar a {
  text-decoration: none;
  color: inherit;
  /*we test headerTextWhite class  color: white;*/
}

#header-dev-comitee-emblem-span {
  	max-width: 205px;
  	font-family: PT Sans;
    font-weight: 600;
  	font-size: 15px;
}

.header-hamburger {
 	display: none; 
}

.header-visual-impaired-button {
 	font-size: 14px; 
}

.belStatFooterGovLinkContainer{
  margin-top: 1.2%;
}

#menuToggle {
 	display: none; 
}


@media screen and (min-width: 661px) and (max-width: 769px) {
 	
  .headerContent {
  	  padding-left: 20px;
  	  padding-right: 20px;
   }	

  #belStatSiteHeaderDevEmblem {
 	  padding-right: 15px; 
  	  margin-right: 15px; 
  }

  #belStatSiteHeaderDevEmblem span {
  	 font-size: 14px;
  	 max-width: 140px;
  }	

  #header-dev-comitee-emblem-span {
  	max-width: 160px;
  	font-size: 14px;
  }	

  .belStatSiteHeaderLI {
  	font-size: 12px; 
    margin-left: 15px;   
  	vertical-align: middle;
  }	

  .headerMinLogo {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }

  .language-bar {
  	width: 82px;
  }

}

@media screen and (max-width: 660px) {
  #menuToggle {
 	display: block; 
  }

   .belStatSiteHeaderUL	{
  	 display: none;	 
   }


   #header-dev-comitee-emblem-span {
     display: none;
   }


	#header-dev-emblem-span {
  	  font-size: 14px !important;
  	  max-width: 130px !important;
	}
	
	#belStatSiteHeaderDevEmblem {
  	  border: none !important;
  	  padding-right: 0px;
  	  margin-right: 15px; 
    }

	.headerContent {
    	padding-left: 15px;
    	padding-right: 15px;
    	margin-top: 15px;
	}

	.headerMinLogo {
      width: 50px;
      height: 50px;
      margin-right: 10px;
    }

	.belStatSiteHeaderLinks {
  		display: none;
	}
}

@media screen and (max-width: 480px) {
 	 .headerContent {
    	margin-top: 15px;
	}
}

.modal{
  	font-family: PT Sans;
  	margin: 13% auto;
 	padding: 20px;
  	background-color: #f5f5f5;
  	font-size: 30px;
  	width: 42%;
  	border-radius: 8px;

}

.modal-back{
  	display: none;
	position: fixed;
  	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  	background-color: rgba(1, 1, 1, 0.7);
  	z-index: 1000;
  	overflow: none;
}
.btn-modal-close{
  	color: #f5f5f5;
  	font-size: 22px;
  	padding: 8px 12px;
  	border-radius: 3px;
	background-color: lightSlateGrey;
  	margin-top: 60px;
  	margin-left: 40%;
  	margin-right: 40%;
  	text-align: center;
  	cursor: pointer;
}
.btn-modal-close:hover{
	position: relative;
  	top: 1px;
}
.btn-modal-close:active{
	position: relative;
  	top: 2px;
}
.ul-modal{
	margin-top: 10px;
}