@font-face {
	font-family: 'smile';
	src:url('fonts/smile.eot');
}
@font-face {
	font-family: 'smile';
	src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
		 url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
	font-weight: normal;
	font-style: normal;
}
.icon-smiledroplet:before {
	content: "\e000";
}
.icon-smilewink:before {
	content: "\e001";
}
.icon-smilesmiley:before {
	content: "\e002";
}
.icon-smilecool:before {
	content: "\e003";
}
.icon-smilehappy:before {
	content: "\e004";
}

.icon-one, .icon-two, .icon-three, .icon-four{
	font-family: 'smile';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-one:before { content: "\e001"; }
.icon-two:before { content: "\e002"; }
.icon-three:before { content: "\e003";}
.icon-four:before { content: "\e004"; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 15px; padding: 0; margin: 0;}
:focus {outline: 0;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
a { color: #89867e; text-decoration:none; outline: 0 none; }
body {
	font-family: 'Lato',  sans-serif;
	color: #555;
	background: #E9E6E1
}
.main { text-align: center; font-size: 16px;  padding;20px; }
.container > header { text-align: center; font-size: 16px; }
.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}
.container > header span {
	display: block;
	font-size: 60%;
	color: #888;
	padding: 0 0 0.6em 0.1em;
}
.container > header span a{
	
	color: #E67E22;
	
}
.container > header span a:hover{
	
	color: #555;
	
}
@media screen and (max-width: 25em) { 
	.container > header {
		font-size: 75%;
	}
}
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.container{ margin:40px auto; width:90%;}
.containerq { margin:0 auto 0 0px; width:90%; }

.nav {
	position:relative;
	margin: 0  auto;
	padding: 0 0px;
	list-style: none;
	font-size: 1.5em;
	font-weight: 300;
	width:100%;
	text-align:center;
}
.nav ul {
	position:relative;
	padding: 0 10px;
	list-style: none;
	font-size: 1.5em;
	font-weight: 300;
	width:100%;
}
.nav li span { display: block;padding:10px 0;}
.nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}
.nav i{
-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
a, button { -webkit-tap-highlight-color: rgba(0,0,0,0);}
.no-touch .nav ul:hover a { color: rgba(249, 249, 249, .5); }
.no-touch .nav ul:hover a:hover { color: rgba(249, 249, 249, 0.99); }
.nav li:nth-child(4n+1) { background: #3498DB; }
.nav li:nth-child(4n+2) { background: #E67E22; }
.nav li:nth-child(4n+3) { background: #E74C3C; }
.nav li:nth-child(4n+4) { background: #1ABC9C; }

@media (min-width: 50em) {
.nav li {
		float: left;
		width: 25%;
		text-align: center;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
}
.nav a { display: block; width: auto; }
.no-touch .nav li:nth-child(4n+1) a:hover,
	.no-touch .nav li:nth-child(4n+1) a:active,
	.no-touch .nav li:nth-child(4n+1) a:focus {
		border-bottom: 4px solid #2980B9;
	}
.no-touch .nav li:nth-child(4n+2) a:hover,
	.no-touch .nav li:nth-child(64n+2) a:active,
	.no-touch .nav li:nth-child(4n+2) a:focus {
		border-bottom: 4px solid rgb(191, 117, 20);
	}
.no-touch .nav li:nth-child(4n+3) a:hover,
	.no-touch .nav li:nth-child(4n+3) a:active,
	.no-touch .nav li:nth-child(4n+3) a:focus {
		border-bottom: 4px solid #C0392B;
	}
.no-touch .nav li:nth-child(4n+4) a:hover,
	.no-touch .nav li:nth-child(4n+4) a:active,
	.no-touch .nav li:nth-child(4n+4) a:focus {
		border-bottom: 4px solid #16A085;
	}
.icon {margin-top:0px; padding-top:0.4em;}
.icon + span {
		margin-top: 2.9em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}
.nav a { height: 9em; }
.no-touch .nav a:hover ,
	.nav a:active ,
	.nav a:focus {
		height: 10em;
}	
.no-touch .nav a:hover .icon + span {
		margin-top: 3.2em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
}
.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 1.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
}	
.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
.nav ul li {
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		-ms-transition: background 0.5s;
		transition: background 0.5s;
	}	
}


	

