@font-face {
font-family:'PT Sans';
font-style:normal;
font-weight:400;
src:local('PT Sans'),local(PTSans-Regular),url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/LKf8nhXsWg5ybwEGXk8UBQ.woff) format(woff);
}


img {
border:0;
}

ul {
list-style-position:inside;
}

.right {
float:right;
}

.pseudo {
border-bottom:1px dashed;
text-decoration:none;
}

.cursorUp {
cursor:n-resize;
}

.elemcode {
color:#f76;
background-color:#fdfdfd;
border:1px solid #e2e2e9;
white-space:nowrap;
text-transform:lowercase;
font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
font-size:12px;
-moz-border-radius:3px;
border-radius:3px;
padding:2px 4px;
}

i.elemcode {
color:#269186;
font-style:normal;
}

#demo {
background:url(../img/top.gif) #2d2d2d;
overflow:hidden;
min-width:1010px;
margin:0 auto;
padding:40px 0 50px;
}

#demo_inner {
height:320px;
overflow:hidden;
position:relative;
top:0;
width:1010px;
margin:0 auto;
}

.backShadow {
height:320px;
left:0;
position:absolute;
top:0;
width:1010px;
display:none;
z-index:0;
}

.logo.small {
left:0;
top:3px;
position:relative;
cursor:pointer;
}

#menu {
background-color:#222;
border-top:1px #232323 solid;
box-shadow:0 0 10px #111;
position:fixed;
top:0;
height:60px;
width:100%;
z-index:1001;
}

#menu_inner {
border-top:1px #525252 solid;
}

#menu_inner-in {
width:960px;
overflow:hidden;
position:relative;
margin:0 auto;
padding:15px 0 0;
}


#stuff {
line-height:1.8em;
width:960px;
margin:0 auto;
padding:20px;
}

#stuff a {
border-bottom:1px solid rgba(65,131,196,0.4);
}

#stuff a:hover {
border-bottom:1px solid rgba(255,119,102,0.4);
}

#stuff h2 {
color:#495961;
font-weight:400;
font-size:23px;
padding:10px 0;
}

.part {
background:url(../img/part.png) no-repeat 50% 100%;
overflow:hidden;
margin:0 0 10px;
padding:0 0 30px;
}

.part.last {
background:0;
padding:0 0 15px;
}

.part ul li {
color:#e3e3e3;
}

.options_wrap {
position:relative;
margin:3px 0;
padding:10px 35px;
}

.options_wrap:hover {
background:#fdfdfd;
}

.options_wrap.current {
background:#fffbd7;
}

.options_wrap h4 {
font-size:15px;
color:#495961;
}

/*.anchor {
border-bottom:0!important;
color:#ccc;
cursor:pointer;
left:10px;
position:absolute;
font-size:19px;
font-style:normal;
}*/

.options_wrap:hover .anchor {
visibility:visible;
color:#f76;
}

.options_wrap.current .anchor {
color:#ccc;
}

.code {
line-height:1.4em;
margin:5px 0;
padding:10px 10px 15px 30px;
}

.code_field .code {
background:#fff;
}

.small {
font-size:.9em;
color:#777;
}

#buttons {
margin:17px 0 0;
}

/*.btn {
background:linear-gradient(top,#f7f7f7,#e7e7e7);
border-radius:3px;
border:1px solid #e7e7e7!important;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
color:#777;
display:inline-block;
font-size:17px;
position:relative;
text-shadow:0 1px 0 rgba(255,255,255,0.8);
margin:0 10px 0 0;
padding:9px 12px 9px 53px;
}*/

.btn:hover {
background:linear-gradient(top,#fff,#fffbd7);
box-shadow:0 1px 1px rgba(0,0,0,0.2);
color:#777;
}

.btn:active {
background:linear-gradient(top,#fffbd7,#fff7b5);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
border-color:silver;
}

.btn .icon {
width:32px;
height:32px;
display:inline-block;
position:absolute;
top:5px;
left:9px;
background:url(../img/icon.png) no-repeat;
}

.btn .icon.icon-github {
background-position:0 0;
}

.btn .icon.icon-download {
background-position:0 100%;
}

#footer {
border-top:1px #fdfdfd solid;
position:relative;
padding:20px 20px 30px;
}

#footer_inner {
font-family:'PT Sans',Tahoma,sans-serif;
font-size:.9em;
width:960px;
margin:0 auto 20px;
}

#footer_inner li {
float:left;
width:33%;
list-style-type:none;
}

#footer_inner li.middle {
text-align:center;
}

#footer_inner li.right {
text-align:right;
float:right;
}

#footer_inner li .date {
display:block;
padding:7px;
}

#back_to_top {
position:absolute;
left:5px;
top:0;
color:#c1c1c1;
cursor:pointer;
background:#ebebeb;
font-weight:700;
font-size:2em;
overflow:hidden;
border:silver;
border-radius:10px;
font-style:normal;
padding:5px 20px 10px;
}

#back_to_top:hover {
color:#9e9e9e;
background:#dfdfdf;
}

.donate_block {
position:absolute;
right:22px;
top:0;
}

.b-item__favicon {
font:0/0 a;
position:absolute;
width:16px;
height:16px;
z-index:1;
left:0;
top:2px;
background:url(../img/fav_sites.png) no-repeat;
background-position:0 0;
margin:1px 0 0;
}

.donate_block_in span {
position:relative;
left:22px;
}

.donate_block_in a {
font-size:.9em;
}

#full-page-example {
background:none;
padding:0;
}

#full-page_slider {
height:411px;
position:relative;
width:100%;
margin:0 auto;
}

@media only screen and (max-width: 479px) { 
    #full-page_slider {
    height:165px !important;
    position:relative;
    width:100%;
    margin:0 auto;
    }
}

#full-page_slider .sm_slide {
/*height:430px;*/
height: auto;
}

.logo.big {
	height:115px;
	width:300px;
	margin:0 auto 10px;
}

#full-page_phrase {
color:#7d7d7d;
font-size:.8em;
font-style:italic;
text-align:right;
text-shadow:1px 1px 1px #2d2d2d;
padding:10px;
}

#sm_submenu {
clear:both;
overflow:hidden;
margin:0px auto 0;
}

#full-page-example .sm_submenu-item {
color: #ccc;
    cursor: pointer;
    float: left;
    font-size: 10px;
/*    height: 90px;*/
    width: 40px;
    position: relative;
    margin: 3px 1px 0 2px;
    padding: 0;
}

#full-page-example .sm_submenu-item img {
    background: transparent;
    box-shadow: none;
    padding: 0px;
    height: 40px;
    width: 100%;
}

#full-page-example .sm_submenu-item:hover img {
background:#ccc;
}

#full-page-example .sm_submenu-item.last {
margin:0;
}

#full-page-example .sm_submenu-item.active {
	border-radius: 0px;
    border: 0px #f31 solid;
    box-shadow: none;
    padding: 0;
}

#full-page-example .sm_submenu-item.active:hover img {
background:#4e4e4e;
}

.year {
background:#000;
top:50px;
left:9px;
line-height:18px;
position:absolute;
opacity:.5;
-ms-filter:alpha(opacity=50);
filter:alpha(opacity=50);
padding:2px 3px;
}

#full-page-example .sm_submenu-item.active .year {
top:49px;
left:8px;
}

#full-page-example .sm_slide.active img {
border:0px #4c4c4c solid;
}

#fader-demo {
padding:0 10px 40px;
}

#iphone {
width:280px;
height:480px;
background:url(../img/stuff/fader/iphone.png) no-repeat;
position:relative;
padding:103px 25px;
}

#iphone li {
list-style:none;
}

.iphone-inner {
width:280px;
height:480px;
overflow:hidden;
position:relative;
}

.iphone-screen {
width:270px;
height:480px;
position:absolute;
display:none;
cursor:pointer;
}

#iphone .sm_nav {
bottom:95px;
right:50%;
margin-right:-35px;
}

#first-slider {
width:400px;
height:200px;
color:#c2c2c2;
font-size:25px;
position:relative;
box-shadow:0 0 20px #ccc;
top:60px;
left:25px;
}

#first-slider ul.sm_slider-inner li {
height:200px;
}

#second-slider {
width:500px;
height:150px;
color:#999;
font-size:25px;
position:relative;
box-shadow:0 0 20px #ccc;
top:225px;
left:425px;
}

#second-slider ul.sm_slider-inner li {
height:150px;
}

#two-subMenu {
text-align:center;
margin:0 25px;
}

#two-subMenu a {
border-bottom:1px dashed;
margin:0 10px;
}

.sm_slider {
height:270px;
position:relative;
width:960px;
margin:25px 25px 0;
}

.sm_slider ul {
list-style:none;
margin:0;
padding:0;
}

.sm_slide {
color:#3d3d3d;
display:none;
font-size:100px;
height:270px;
left:0;
position:absolute;
text-align:center;
top:0;
visibility:hidden;
width:100%;
background: #ffffff;
}

.sm_slide.active {
display:block;
visibility:visible;
}

.sm_slide img {
max-width:100%;
}

.sm_prev,.sm_next {
width:25px;
height:25px;
cursor:pointer;
display:none;
font-style:normal;
opacity:.3;
position:absolute;
top:50%;
z-index:999;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
border-color:#4e4e4e;
border-style:solid;
border-width:0;
margin:-20px 0 0;
}

.sm_prev {
border-left-width:3px;
border-top-width:3px;
left:10px;
}

.sm_next {
border-right-width:3px;
border-bottom-width:3px;
right:10px;
}

.backShadow.active,.iphone-screen.active {
display:block;
}

.part_in,.donate_block_in {
position:relative;
}

.sm_prev:hover,.sm_next:hover {
opacity:1;
}