@import url( http://fonts.googleapis.com/css?family=Lato:300,400,900 );
@font-face {
	font-family: codropsicons;
	src:url(../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg);
}
.clearfix:before {
	DISPLAY: table; CONTENT: " "
}
.clearfix:after {
	DISPLAY: table; CONTENT: " "
}
.clearfix:after {
	CLEAR: both
}
.container > header {
	FONT-FAMILY: 'Lato', Arial, sans-serif
}
.codrops-top {
	FONT-FAMILY: 'Lato', Arial, sans-serif
}
.container > header {
	TEXT-ALIGN: center; PADDING-BOTTOM: 2em; MARGIN: 0px auto; PADDING-LEFT: 2em; PADDING-RIGHT: 2em; PADDING-TOP: 2em
}
.container > header H1 {
	LINE-HEIGHT: 1.3; MARGIN: 0px; FONT-SIZE: 2.62em; FONT-WEIGHT: 300
}
.container > header SPAN {
	PADDING-BOTTOM: 0.6em; PADDING-LEFT: 0.1em; PADDING-RIGHT: 0px; DISPLAY: block; FONT-SIZE: 60%; PADDING-TOP: 0px; opacity: 0.7
}
.codrops-top {
	LINE-HEIGHT: 2.2; TEXT-TRANSFORM: uppercase; WIDTH: 100%; BACKGROUND: #fff; FONT-SIZE: 0.69em
}
.codrops-top A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; DISPLAY: inline-block; LETTER-SPACING: 0.1em; COLOR: #888; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.codrops-top A:hover {
	COLOR: #333
}
.codrops-top SPAN.right {
	FLOAT: right
}
.codrops-top SPAN.right A {
	DISPLAY: block; FLOAT: left
}
.codrops-icon:before {
	LINE-HEIGHT: 1; TEXT-TRANSFORM: none; FONT-VARIANT: normal; FONT-STYLE: normal; MARGIN: 0px 4px; FONT-FAMILY: 'codropsicons'; FONT-WEIGHT: normal; speak: none; -webkit-font-smoothing: antialiased
}
.codrops-icon-drop:before {
	CONTENT: "кв"
}
.codrops-icon-prev:before {
	CONTENT: "ке"
}
.codrops-demos {
	FONT-SIZE: 0.9em; PADDING-TOP: 1em
}
.codrops-demos A {
	BORDER-BOTTOM: #b1aea6 3px solid; BORDER-LEFT: #b1aea6 3px solid; PADDING-BOTTOM: 0.7em; MARGIN: 0.5em; OUTLINE-STYLE: none; PADDING-LEFT: 1.1em; PADDING-RIGHT: 1.1em; DISPLAY: inline-block; COLOR: #b1aea6; BORDER-TOP: #b1aea6 3px solid; FONT-WEIGHT: 700; BORDER-RIGHT: #b1aea6 3px solid; TEXT-DECORATION: none; PADDING-TOP: 0.7em
}
.codrops-demos A:hover {
	BORDER-BOTTOM-COLOR: #89867e; BORDER-TOP-COLOR: #89867e; COLOR: #89867e; BORDER-RIGHT-COLOR: #89867e; BORDER-LEFT-COLOR: #89867e
}
.codrops-demos A.current-demo {
	BORDER-BOTTOM-COLOR: #89867e; BORDER-TOP-COLOR: #89867e; COLOR: #89867e; BORDER-RIGHT-COLOR: #89867e; BORDER-LEFT-COLOR: #89867e
}
.codrops-demos A.current-demo:hover {
	BORDER-BOTTOM-COLOR: #89867e; BORDER-TOP-COLOR: #89867e; COLOR: #89867e; BORDER-RIGHT-COLOR: #89867e; BORDER-LEFT-COLOR: #89867e
}

@media Unknown    
{
.codrops-icon SPAN {
	DISPLAY: none
}

}