// global classes for the project

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Roboto+Condensed:300,400');

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
		&:before, &:after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
}
::selection {
	background: #e9188e;
	color: #fff;
}
::-moz-selection {
	background: #e9188e;
	color: #fff;
}
body {
	background-color: #525659;
	font-family: 'Oswald', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
}

a{
	text-decoration: none;
	outline:none;
	transition: all 250ms;
	-moz-transition: all 250ms;
	-webkit-transition: all 250ms;
		&:hover, &:focus {
			outline:none;
		}
}
button{
	transition: all 250ms;
	-moz-transition: all 250ms;
	-webkit-transition: all 250ms;		
}
header, section, footer, aside, article, figure{
	display: block;
}
.clr{
	clear:both;
	line-height:0;
	font-size:0;
}
.clear{
	clear:both;
	line-height:0;
	font-size:0;
}
input[type="text"]{
	border-radius: 0px;
}
select{
	-webkit-appearance: menulist-button;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.dn{
	display:none;
}
.db{
	display:block;
}
.wrapper-outer{
	width: 816px;
	margin: 0 auto;
	background-color: #005476;
}
.wrapper{
	width: 725px;
	margin: 0 auto;
}
.web-spacer{
	height: 10px;
	background-color: #3d3d3d;
}