@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline
}
body {
	line-height: 1;
	color: #000;
	background: #fff
}
ol, ul {
	list-style: none
}
table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}
a img {
	border: none
}
@font-face {
	font-family: 'Proxima Nova';
	src: url("fonts/proxima-nova-400.eot");
	src: url("fonts/proxima-nova-400.eot?#iefix") format("embedded-opentype"), url("fonts/proxima-nova-400.woff") format("woff"), url("fonts/proxima-nova-400.ttf") format("truetype"), url("fonts/proxima-nova-400.svg#proxima_nova400") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Proxima Nova';
	src: url("fonts/proxima-nova-300.eot");
	src: url("fonts/proxima-nova-300.eot?#iefix") format("embedded-opentype"), url("fonts/proxima-nova-300.woff") format("woff"), url("fonts/proxima-nova-300.ttf") format("truetype"), url("fonts/proxima-nova-300.svg#proxima_nova300") format("svg");
	font-weight: 300;
	font-style: normal
}
body {
	background: #fff
}
.container {
	width: 640px;
	margin: 160px auto 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 568px) {
.container {
	width: 100%;
	margin-top: 52px
}
}
html {
	-webkit-text-size-adjust: 100%
}
h2 {
	font: 300 28px/1.5 "Proxima Nova", sans-serif;
	margin: 36px 0;
	color: #000;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-o-animation-delay: .25s;
	-ms-animation-delay: .25s;
	animation-delay: .25s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
}
@media screen and (max-width: 568px) {
	
	
	
	
h2 {
	margin: 20px 0 52px;
	font-size: 22px;
	padding: 0 8%
}
}
ul {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn
}
li {
	font: 400 16px "Proxima Nova", sans-serif;
	display: inline-block;
	margin: 0 15px;
}
@media screen and (max-width: 568px) {
	
	.menu-badge {
font-size: 9px;
margin-left: 4px;
position: relative;
top: -10px;
margin-bottom: 13px;
color: #ffffff;
background-color: #FF0000;
padding: 3px 4px;
border-radius: 3px;
}
.badge-bounce {
animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing{
	0%{top:-6px}
	100%{top:-10px}
}

	
	
	
li {
	display: inherit;
	border-top: 1px solid #eee;
	margin: 0;
	padding: 16px 0
}
}
a {
	text-decoration: none;
	color: #999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	color: #f15e4a
}
.logo {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce;
}
.logo svg {
	fill: #f15e4a
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
100% {
opacity:1;
-ms-filter:none;
filter:none
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
100% {
opacity:1;
-ms-filter:none;
filter:none
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
100% {
opacity:1;
-ms-filter:none;
filter:none
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
100% {
opacity:1;
-ms-filter:none;
filter:none
}
}
@keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
100% {
opacity:1;
-ms-filter:none;
filter:none
}
}
@-moz-keyframes bounce {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
70% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes bounce {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
70% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes bounce {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
70% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-ms-keyframes bounce {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
70% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounce {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
70% {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-o-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-ms-filter:none;
filter:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}


.menu-badge {
font-size: 9px;
margin-left: 4px;
position: relative;
top: -10px;
margin-bottom: 13px;
color: #ffffff;
background-color: #FF0000;
padding: 3px 4px;
border-radius: 3px;
}
.badge-bounce {
animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing{
	0%{top:-6px}
	100%{top:-10px}
}