@font-face {
    font-family: 'Saira-ExtraBold';
    src: url('Resources/Fonts/Saira-ExtraBold.ttf');
}
@font-face {
    font-family: 'Saira-Medium';
    src: url('Resources/Fonts/Saira-Medium.ttf');
}


a, a:visited, a:active {
	color: #212121;
}

#root *{
	font-family: Saira-Medium;
}

#root .mainWrap {

}

#root .logoSearch {

}

#root .logoSearch .mainLogo {
	background-image: url("Resources/Images/logo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 200px;
	width: 250px;
}
	@media screen and (max-width: 550px) {
		#root .logoSearch .mainLogo {
			width: inherit;
		}
    }
	
#root .structureTop {
	background-color: #ffffff;
	background-image: url('Resources/Images/topbanner.png');
	background-position: center;
	background-size: cover;
	height: 220px;
}

#root input[type="text"].codeInput {
border: none;
  color: #212121;
  border-radius: 0px;
}
@media only screen and (max-width: 800px) {
  input[type="text"].codeInput {
    height: 38px;
  }
}
#root button.go,
#root .galleryContainer .buttons button,
#root .modalContent button {
	background-color: #3fc4dd;
	border: none;
	color: #0a003c;
	font-family: Saira-ExtraBold;
	font-size: 24px;
	height: 38px;
	margin: 5px;
	width: 80px;
	border-radius: 0px;
}

#root .galleryContainer .buttons button,
#root .modalContent button {
	width: 100%;
	max-width: 190px;
	font-size: 15px;
}
	@media screen and (max-width: 550px) {
		#root .galleryContainer .buttons button,
		#root .modalContent button {
			font-size: 8px;
		}
    }
#root .structureBottom {
	background-color: #fff;
	background-image: url('Resources/Images/bottombanner.png');
	background-position: 50%;
	background-size: cover;
	color: #000;
	height: 80px;
	overflow: hidden;
}


#root .LanguageBanner {
  background-color: #3fc4dd;
}

#root .LanguageIcon {
	color: #000;
	font-family: Saira-ExtraBold;
}
#root .selectedLang {
	background-color: #000;
	color: #fff !important;
}
#root .LanguageIcon:hover {
	cursor: pointer;
	background-color: #FFFFFF;
	color: rgb(253,79,0);
}



:root {
	/*colours for download progress circle*/
  --innerCircle-progress: #3fc4dd;
  --middleCircle-progress: transparent;
  --outerCircle-progress: transparent;
  --innerCircle-nonProgress: rgba(255, 255, 255, 1);
  --middleCircle-nonProgress: transparent;
  --outerCircle-nonProgress: transparent;
}