/* @override http://wtfmacos.ru/assets/style.css?body=1 */

/* @override http://www.wtfmacos.ru/assets/style.css?body=1 */

/* @override http://www.wtfmacos.ru/assets/style.css?body=1 */

/* @override http://wtfmacos.ru/assets/style.css?body=1 */

/* @override http://wtfmacos.ru/assets/style.css?body=1 */

/* @override http://wtfmacos.ru/assets/style.css?body=1 */

/* @override http://www.wtfmacos.ru/assets/style.css?body=1 */

/* @override http://www.wtfmacos.ru/assets/style.css?body=1 */

/* @override http://wtfmacos.ru/assets/style.css?body=1 */















html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,textarea,th,var{font:inherit}del,ins{text-decoration:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/*––––––––––––––GENERAL––––––––––––––*/

html,body{
	height:100%;
}

#wrap{
	width:100%;
	min-height:100%;
	margin: 0 auto -83px;
}


input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
   border: 1px solid #c9c9c9;
   line-height: normal;
   padding: 6px;
   color: #353535;
   border-radius: 3px;
}

input:focus,
textarea:focus {
  border-color: rgba(0, 0, 0, 0.3);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.05);
	  }

body {
	color: #444;
	font: 13px/22px "Lucida Grande", "Myriad pro", Lucida, Verdana, sans-serif;
	-webkit-text-size-adjust: 100%;
	min-width: 1000px;
}

.medium h1,
.small h1{
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #454545;
	display: block;
	padding-bottom: 15px;
	-webkit-font-smoothing: antialiased;
	float: left;
}

.large h1{
	font: bold 22px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #454545;
	display: block;
	padding-bottom: 25px;
	-webkit-font-smoothing: antialiased;
	float: left;
}




h4 {
	font: bold 22px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #454545;
	display: block;
	padding-bottom: 25px;
	-webkit-font-smoothing: antialiased;
}

#content{
	
}

.center,
#content{
	max-width: 1158px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
}

.content-single .center,
.content-single #content{
	max-width: 1158px;
}


#content .block{
	max-width: 1180px;
	width: 100%;
	overflow: hidden;
}


#content:after{
	content: "";
	width: 100%;
	clear: both;
	height: 150px;
	display: block;
}

#header a{
	border: none;
}

a:hover{
	color: #ef5057;
	border-bottom: 1px solid rgba(239, 80, 87, 0.4);
}

a{ 
	color: #318bd1;
	text-decoration: none;
	/*border-bottom: 1px solid rgba(48, 139, 209, 0.4);*/
}



/*––––––––––––––HEADER––––––––––––––*/

#header .center{
	height: 34px;
}

#header{
	position: relative;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
	margin-bottom: 15px;
	padding-top: 25px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(0.735, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
	background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 73.5%, rgba(0, 0, 0, 0.05) 100%);
}

#header #logo{
	display: block;
	float: left;
	margin-top: 4px;
}


/*––––––––––––––SEARCH––––––––––––––*/

#search{
	padding: 9px 5px 8px 10px;
	display: block;
	width: 350px;
	border-radius: 5px;
	outline: none;
	color: #353535;
	background: no-repeat 11px rgb(255, 255, 255);
	z-index: 9999999 !important;
	margin-right: 0;
	right: 0;
	font: 12px/normal "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
}

#searchform {
	background-color: white;
	overflow: hidden;
	padding-left: 20px;
	width: 369px;
	margin-left: -75px;
	z-index: 3;
	position: relative;
	float: left;
}

#search-button{
	height: 20px;
	position: absolute;
	top: 7px;
	z-index: 10;
	border-left: 1px solid #e4e4e4 !important;
	background: url(http://dribbble.com/images/icon-search.png) no-repeat right center;
	border: none;
	border-radius: 0px !important;
	-webkit-box-shadow: none!important;
	cursor: pointer;
	right: 13px;
	padding: 0 0 0 23px !important;
	margin: 0 !important;
	outline: none !important;
	width: 20px !important;
	box-shadow: none !important;
}

/*––––––––––––––NAV––––––––––––––*/

#nav ul.first li form input {
	border: none;
	box-shadow: none;
	padding: 0;
	margin-top: 4px;
}

#nav{
	text-align: center;
	display: block;
	margin-top: 2px;
	overflow: hidden;
	float: right;
}

#nav .first{
	float: right;
	width: 100%;
}

#nav .first>li:nth-child(1) a{
	cursor: default !important;
}

#nav .first>li{
	border-radius: 5px;
	display: inline-block;
	margin-left: 30px;
	float: right;
}


#nav .first>li:last-child{
	margin-right: 0;
}

#nav .first>li:nth-child(2n) a,
#nav .first>li:nth-child(3n) a{
	padding-left: 0;
}

#nav .first>li:nth-child(4n) a{
	padding-left: 0;
	margin-left: 0;
}

#nav .first>li a{
	text-decoration: none;
	color: #353535;
	display: block;
	text-align: left;
	text-shadow: 0 1px 0 #ffffff;
	font: bold 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	padding-left: 30px;
}

#nav .first>li a:hover{
	color: #4fa3d5;
}	

#nav .first>li ul li span{
	text-decoration: none;
	color: #999;
	display: block;
	text-align: left;
	text-shadow: 0 1px 0 #ffffff;
	font: 11px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
}

#nav .first>li:hover>div{
	display: block !important;
}

#nav .first>li span{
	float: right;
	background-color: rgb(239, 80, 87);
	font-size: 11px;
	border: 1px solid rgb(199, 17, 25);
	line-height: 15px;
	border-radius: 4px;
	font-weight: bold;
	color: #fff;
	margin-left: 6px;
	text-shadow: 0 1px 0 rgb(167, 14, 20);
	margin-top: 5px;
	padding: 1px 6px 2px;
}

#nav ul li>div{
	position: absolute;
	display: none;
	top: 30px;
	padding-top: 10px;
	z-index: 100;
	right: 63px;
}

#nav ul li #popup{
	border: 1px solid #d8d8d8;
	background-color: rgba(255, 255, 255, 0.99);
	border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
	border-bottom: 1px solid #c7c7c7;
	float: right;
}

#nav ul li ul{
	float: left;
	display: block;
}

#nav ul li ul li{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	float: left;
	clear: both;
}

#nav ul li #popup a{
	padding-left: 20px !important;
	padding-right: 20px !important;
	display: block;
	width: 150px;
	cursor: pointer !important;
}


#nav ul li ul li:first-child{
	padding-bottom: px;
	border: none !important;
}

#nav ul li ul li a{
	font-size: 11px !important;
	line-height: 30px !important;
	color: #555 !important;
	padding: 0 !important;
}

#nav ul li ul li:hover *{
	color: #fff !important;
	text-shadow: 0 0 0;
}

#nav ul li ul li:hover{
	background-color: rgba(239, 80, 87, 0.9);
	border-top: 1px solid rgb(239, 80, 87);
}

#nav ul li ul li:hover a{
	text-shadow: 0 1px 1px #aa4551;
}

#nav ul li ul li:hover + li{
	border-top: 1px solid rgb(239, 80, 87);
}


/*––––––––––––––breadcrumb––––––––––––––*/

#breadcrumb {
	padding-bottom: 20px;
	display: none;
}

#breadcrumb {
	font-size: 13px;
}

#breadcrumb a{
	border-bottom: 1px solid white;
}


/*––––––––––––––POST––––––––––––––*/

#page {
	max-width: 800px;
	display: block;
}

#page p{
	padding-bottom: 20px;
}


/*––––––––––––––POST––––––––––––––*/

#post {
	max-width: 920px;
	display: block;
	padding-left: 260px;
}

/*––––––––––––––POST HEADER––––––––––––––*/

#post .header.info{
	font-size: 15px;
	overflow: hidden;
	padding-bottom: 25px;
}

.scroll-pane:hover .jspHorizontalBar{
	opacity: 1;
}

div.jspHorizontalBar {
	opacity: 0;
	-webkit-transition: all 0.1s;
}

#post .header h2{
	display: inline-block;
	float: left;
	width: 620px;
}

#post .header h2 a{
	font-size: 32px;
	color: rgb(239, 80, 87);
	line-height: 28px;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	float: left;
}

#post .header h2 span{
	font-size: 18px;
	line-height: 28px;
	color: #999;
	position: relative;
	margin-left: -4px;
}

#post .header ul {
	display: inline-block;
	width: 520px;
	float: left;
	padding-bottom: 2px;
}

#post .header ul li{
	margin-right: 3px;
	padding-right: 3px;
	list-style: none;
	color: #999;
	float: left;
}

#post .header ul span{
	color: #333;
}

#post .header .short-description{
	font-size: 13px;
	color: #999;
	display: inline-block;
	width: 520px;
	line-height: 20px;
	opacity: 0;
}

/*––––––––––––––POST SCREEN––––––––––––––*/



.scroll-pane li {
	/*float: left;*/
	display: inline-block;
	color: #888;
	font-size: 11px;
	line-height: 18px;
	margin-right: 15px;
	overflow: hidden;
	opacity: 1;
	height: 240px;
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 3px;
	position: relative;
	z-index: 1;
}

.scroll-pane li:last-child{
	margin-right: 0;
}

.scroll-pane ul {
	height: 240px !important;
	white-space:nowrap;
}

.scroll-pane ul {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	padding-top: 0;
	overflow: hidden;
}


#post .jspDrag {
	height: 7px;
	background-color: rgb(50, 51, 50);
	border-radius: 10px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
	padding-bottom: 15px;
}

#post .scroll-pane {
	overflow: hidden;
	outline: none !important;
	padding-bottom: 0px !important;
	width: 100% !important;
}

#post .jspTrack {
	display: inline-block;
	width: 950px;
	text-align: center;
	height: 7px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.02);
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-top: 10px;
}

#post .scroll-pane .wrap img{
	float: left;
	max-width: 384px;
	max-height: 240px;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/*#post .scroll-pane li:before {
	content: "";
	position: absolute;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.27);
	width: 382px;
	height: 238px;
}

#post .scroll-pane li:after {
	content: "";
	position: absolute;
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	width: 380px;
	height: 236px;
	top: 1px;
	left: 1px;
}*/

/*––––––––––––––POST VIDEO––––––––––––––*/

#post .scroll-pane iframe{
	height: 240px;
	width: 430px;
	z-index: -99;
	position: relative;
}


/*––––––––––––––POST DESCRIPTION––––––––––––––*/

#post #description p{
	margin-bottom: 15px;
}

#post #description.on:before{
	content: "";
	width: 100%;
	position: absolute;
	height: 45px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	bottom: 0;
}

#post #description.on{
	max-height: 45px;
	overflow: hidden;
	position: relative;
}

#post #description{
	padding-top: 10px;
	-webkit-transition: all 2s;
	overflow: hidden;
}

#post #description.off{
	max-height: 3000px;
}

#post .spoiler-more{
	border-bottom: 1px dashed rgba(73, 149, 244, 0.5);
	color: #318bd1;
	float: left;
	line-height: normal;
	z-index: 10;
	position: relative;
	padding-top: 10px;
}

#post .spoiler-more:hover{
	text-decoration: none !important;
	color: #ef5057;
	border-bottom: 1px dashed rgba(253, 81, 120, 0.5);
}

#post #description ul{
	padding-left: 20px;
	margin-bottom: 15px;
}

#post #description ul li{
	padding-bottom: 5px;
}

#post #description ul li:last-child{
	padding-bottom: 0;
}

/*––––––––––––––SHARE––––––––––––––*/

#post #share{
	display: block;
	width: 100%;
	padding-top: 25px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
}

#post #share .soc{
	display: block;
	float: left;
	margin-right: 12px;
}

#post #share .google{
	width: 60px !important;
}

/*––––––––––––––COMMENT––––––––––––––*/

#dsq-reactions {
	display: none;
}

h3.dsq-h3-reactions {
	display: none !important;
}

#comment{
	padding-top: 30px;
	background-color: white;
	position: relative;
	z-index: 5;
	font: 13px/22px "Lucida Grande", "Myriad pro", Lucida, Verdana, sans-serif;
	padding-bottom: 20px;
}

#comment a.dsq-brlink {
	display: none;
}

#comment h3{
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #454545;
	display: block;
	-webkit-font-smoothing: antialiased;
}

#dsq-sort-by {
	display: none;
}

#comment * {
	clear: none !important;
	overflow: hidden;
}

#dsq-global-toolbar {
	display: none;
}

p.dsq-editedtxt {
	background-color: white;
	display: none;
}

#comment *:after{
	display: none !important;
}

div.dsq-comment-header {
	padding: 0;
	margin: 0;
	background: white !important;
	border-style: none;
	font: 13px/22px "Lucida Grande", "Myriad pro", Lucida, Verdana, sans-serif;
	color: #333 !important;
}

#dsq-content .dsq-comment{
	margin-bottom: 15px !important;
}

#dsq-content .dsq-comment[style="margin-left:46px;"]{
	margin-left: 42px !important;
}

#dsq-content .dsq-comment[style="margin-left:92px;"]{
	margin-left: 72px !important;
}

#dsq-content .dsq-comment[style="margin-left:138px;"]{
	margin-left: 102px !important;
}

#dsq-content .dsq-comment[style="margin-left:46px;"] .dsq-comment-body,
#dsq-content .dsq-comment[style="margin-left:92px;"] .dsq-comment-body,
#dsq-content .dsq-comment[style="margin-left:138px;"] .dsq-comment-body{
	padding-left: 34px !important;
}

a.dsq-collapse-toggle.dsq-collapse {
	display: none !important;
}

.dsq-comment-body>.dsq-comment-message>.dsq-comment-text>p:last-child{
	margin-bottom: 100px !important;
}


#dsq-content .dsq-comment[style="margin-left:46px;"] img,
#dsq-content .dsq-comment[style="margin-left:92px;"] img,
#dsq-content .dsq-comment[style="margin-left:138px;"] img{
	width: 24px !important;
	height: 24px !important;
}

ul.dsq-comment-meta {
	padding-bottom: 10px !important;
}

#dsq-account-dropdown {
	display: none;
}

#dsq-footer {
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}

#dsq-subscribe li a em {
	text-decoration: none !important;
}

#dsq-subscribe li a{
	border-bottom: 1px dashed rgba(48, 139, 209, 0.4);
}

#dsq-subscribe li a:hover{
	border-bottom: 1px dashed rgba(253, 81, 120, 0.5);
}



#dsq-subscribe li span{
	display: none;
}

.dsq-comment-meta a{
	border: none;
	font-size: 11px;
	background-color: white;
	color: #666 !important;
}

.dsq-comment-message {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#dsq-content .dsq-avatar img{
	width: 32px !important;
	height: 32px !important;
	margin-top: 5px;
}

#dsq-content .dsq-avatar a{
	border: none;
}

.dsq-comment-body{
	padding-left: 42px !important;
	border-bottom: 1px solid rgba(0,49,79,0.08);
}

ul.dsq-comment-actions a {
	border: none;
	background-color: white;
	font-size: 11px;
	color: #666 !important;
}

a.dsq-more-button {
	background: rgba(0, 0, 0, 0.02) !important;
	border: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

a.dsq-more-button:hover{
	color: white !important;
	background-color: #ef5057 !important;
}

div.dsq-append-post h3 {
	display: none !important;
}



/*––––––––––––––RECOM––––––––––––––*/




/*––––––––––––––CATEGORY ITEMS––––––––––––––*/





/*––––––––––––––SIDEBAR––––––––––––––*/

#sidebar {
	max-width: 220px;
	font-size: 11px;
	line-height: 20px;
	display: inline;
	float: left;
}

#sidebar .icon{
	height: 220px;
	width: 220px;
	border-radius: 4px;
	display: block;
	padding-bottom: 20px;
}

#sidebar .download{
	padding: 0;
	margin: 0;
	border-radius: 4px;
	text-align: center;

}

#sidebar .download_url {
        -webkit-user-select: none;
        display: inline-block;
        background: #3b88d8;
        text-decoration: none;
        background: -o-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
        background: -moz-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
        border-top: 1px solid #4081af;
        border-right: 1px solid #2e69a3;
        border-bottom: 1px solid #20559a;
        border-left: 1px solid #2e69a3;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
        -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
        box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
        color: #fff;
		padding: 3px 15px 5px;
        text-align: center;
        text-shadow: 0 -1px 1px #3275bc;
		-webkit-background-clip: padding-box;
		font: normal 11px/1 "lucida grande", sans-serif;
		margin-left: auto;
		margin-right: auto;
	}

      #sidebar .download_url:hover {
        background: #2a81d7;
        background: -o-linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
        background: -moz-linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb));
        border-top: 1px solid #2a73a6;
        border-right: 1px solid #165899;
        border-bottom: 1px solid #07428f;
        border-left: 1px solid #165899;
        -moz-box-shadow: inset 0 1px 0 0 #62b1e9;
        -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
        cursor: pointer;
        text-shadow: 0 -1px 1px #1d62ab;
        -webkit-background-clip: padding-box;
        text-decoration: none;
      }

      #sidebar .download_url:active {
        background: #3282d3;
        border: 1px solid #154c8c;
        border-bottom: 1px solid #0e408e;
        -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
        box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
        text-shadow: 0 -1px 1px #2361a4;
        -webkit-background-clip: padding-box;
	}


#sidebar div{
	overflow: hidden;
	clear: both;
	float: left;
	width: 220px;
}

#sidebar h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	border-bottom: 1px dotted rgba(0,49,79,0.30);
	padding-bottom: 5px;
	display: block;
	margin-bottom: 15px;
	margin-top: 40px;
}

#sidebar li{
	margin-left: 20px;
	line-height: 16px;
	padding-bottom: 6px;
}

/*––––––––––––––SIDEBAR VK––––––––––––––*/

#vk_groups {
	margin-top: 40px;
}


/*––––––––––––––SIDEBAR INFORMATION––––––––––––––*/

#sidebar #information{
	font-weight: bold;
}

#sidebar #information p{
	line-height: 16px;
	margin-bottom: 5px;
}

#sidebar #information p span{
	font-weight: normal;
	font-style: normal;
}

/*––––––––––––––WHATS NEW––––––––––––––*/

#sidebar #whatsnew.on:before{
	content: "";
	width: 100%;
	position: absolute;
	height: 45px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	bottom: 0;
}

#sidebar #whatsnew.on{
	max-height: 155px;
	overflow: hidden;
	position: relative;
}

#sidebar #whatsnew{
	-webkit-transition: all 2s;
}

#sidebar #whatsnew.off{
	max-height: 3000px;
}

#sidebar .spoiler-more{
	border-bottom: 1px dashed rgba(73, 149, 244, 0.5);
	color: #318bd1;
	float: left;
	line-height: normal;
	z-index: 10;
	position: relative;
	padding-top: 10px;
}

#sidebar .spoiler-more:hover{
	text-decoration: none !important;
	color: #ef5057;
	border-bottom-color: rgba(253, 81, 120, 0.5);
}

/*––––––––––––––SIDEBAR DOWNLOAD LINKS––––––––––––––*/

#sidebar #download-links ul{
	padding-bottom: 10px;
}

#sidebar #download-links ul:last-child{
	padding-bottom: 0;
}

/*stars*/

.rating{
	height: 11px;
	position: absolute;
	background: url(http://f.cl.ly/items/2Z3x3A2g3n2l1d1O230c/stars.png) 0 0;
	z-index: 1;
	margin-top: 2px;
	margin-left: 2px;
}

.rating-bg{
	height: 11px;
	width: 72px;
	display: inline-block;
	position: relative;
	top: 1px;
	left: 2px;
	background: url(http://f.cl.ly/items/2Z3x3A2g3n2l1d1O230c/stars.png) 0 -11px;
}

/*––––––––––––––SIDEBAR TAGS––––––––––––––*/

#sidebar #tags a {
	float: left;
	border-radius: 100px;
	padding: 1px 10px;
	background-color: rgba(151, 253, 0, 0.23);
	text-shadow: 0 -1px 1px rgb(255, 255, 255);
	border: none;
	font-size: 10px;
	font-weight: bold;
	color: #508600;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 7px;
}

/*––––––––––––––SIDEBAR BANNER––––––––––––––*/

#sidebar #banner{
	width: 240px;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
	font-size: 13px;
	color: #999;
	padding-top: 60px;
}


/*––––––––––––––LINKS––––––––––––––*/


#links{
	background-color: rgba(0, 0, 0, 0);
	overflow: hidden;
	padding: 20px;
	border: 2px dashed rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	margin-top: 40px;
}

#links a{
	color: #89b50c;
	border-bottom: 1px solid rgba(136, 181, 11, 0.4);
}


/*––––––––––––––FOOTER––––––––––––––*/

#footer{
	font-size: 12px;
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	opacity: 1;
	background-color: #fff;
	color: #dddddd;
	width: 100%;
	position: relative;
	
}

#footer a{
	border: none;
	text-transform: none !important;
}

#footer a:hover{
	color: #4fa3d5;
}

#footer span{
	color: #999;
}

#footer a{
	text-decoration: none;
	text-transform: capitalize;
	color: #353535;
	font-weight: bold;
}


#footer .center{
	text-align: left;
}

.clearfix h2{
	display: inline-block;
	font-size: 25px;
	color: #222;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 40px;
}

table tbody tr:hover td{
	border-top: 1px solid #fff !important;
	background-color: rgba(35, 167, 254, 0.06);
}

table tbody tr:hover+tr{
	border-top: 1px solid #fff !important;
}

table td:nth-child(1){
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

table td:nth-child(5){
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

table td{
	padding: 15px 10px;
	text-align: right;
	white-space: nowrap;
	font-size: 13px;
	line-height: 20px;
	
}

table td .new{
	color: rgb(239, 80, 87);
	font-weight: bold;
	font-size: 11px;
	position: relative;
	top: -2px;
	left: 2px;
	text-transform: lowercase;
	display: none;
}

/*table td.new:nth-child(4) span{
	background-color: rgba(254, 255, 0, 0.17);
	color: #444;
}*/


table td:first-child{
	width: 40px;
	vertical-align: bottom !important;
	padding-right: 0;
	padding-left: 15px;
}



table td:nth-child(2){
	text-align: left;
	padding-right: 0;
	padding-left: 15px;
}

table td:nth-child(2) a{
	position: relative;
	top: -2px;
}

table td:nth-child(1) a{
	overflow: hidden;
	display: block;
	border: none;
	float: left;
}

table td:nth-child(4){
	color: #999;
}

table td:nth-child(5){
	text-align: left;
	font-weight: bold;
}

table td:last-child{
	text-align: right;
	padding-right: 15px;
}


table{
	width: 100%;
}

table tr{
	border-top: 1px dotted rgba(0,49,79,0.08);
}

table tr th{
	text-align: right;
	font-size: 13px;
	padding: 5px 10px;
	color: #999;
	cursor: pointer;
}

table tr th:hover{
	color: #444;
}

table tr th.headerSortUp,
table tr th.headerSortDown{
	font-weight: bold;
	color: #444;
}

#content table thead  {
	border-bottom: 1px solid rgba(0,49,79,0.08);
}

table tr th:first-child{
	text-align: left;
	padding-left: 70px;
}

table tr th:last-child{
	padding-right: 15px;
}

table tr:first-child{
	border: none;
}

table img{
	width: 40px;
	height: 40px;
	float: left;
}

table td:nth-child(2) .short-description{
	
	display: block;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	top: 1px;
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tags{
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}


ul.tags li{
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0,49,79,0.08);
	padding-bottom: 10px;
}

.tags span{
	float: right;
}


/*––––––––––––––BANNER––––––––––––––*/


#slideshow {
    position:relative;
    height: 288px;
	width: 920px;
	margin-left: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width: 920px;
	cursor: pointer;
	border-radius: 6px;
}

#slideshow .active {
    z-index:10;
    opacity:1;
}

#slideshow .last-active {
    z-index:9;
}














.jspPane
{
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.frame:hover .jspHorizontalBar{
	opacity: 1;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	
	position: relative;
	margin-top: 0 !important;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



/*––––––––––––––LIGHTBOX––––––––––––––*/



.lightbox{
	overflow: auto;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.85);
	display: none;
}

.lightbox.light{
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.lightbox .lightbox-close{
	position: fixed;
	right: 20px;
	top: 10px;
	width: 36px;
	height: 36px;
	background-image: url(http://dhskp7m6mg2zv.cloudfront.net/theme_assets/shared/i/fullscreen/sprite.png);
	border: none;
	font-size: 0;
	line-height: 0;
	opacity: 0.85;
}

.lightbox .lightbox-close:hover{
	opacity: 1;
}

.lightbox .center{
	width: 1000px !important;
	max-width: 1000px !important;
	z-index: 1005;
	position: absolute;
	left: 50%;
	margin-top: 50px;
	margin-left: -500px;
	margin-right: auto;
	padding-bottom: 50px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.lightbox img{
	border-radius: 3px;
	max-width: 1000px !important;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
	padding-top: 20px;
	clear: both;
}

.lightbox .center div{
	text-align: left;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	color: white;
	border-radius: 4px;
	margin-top: 10%;
	padding-right: 0;
	padding-left: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.lightbox .center .footer {
	display: block;
	font-size: 11px;
	color: #999;
	margin-top: 10px;
	background-color: black;
	padding: 20px 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	
}

.lightbox .center div ul{
	padding-left: 0;
	list-style: none;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 10px;
}

.lightbox .center ul+ul{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.lightbox .center div strong{
	padding-left: 30px;
	text-transform: uppercase;
	display: none;
	padding-bottom: 10px;
	padding-top: 40px;
	color: #353535;
}

.lightbox .center div ul li{
	padding-top: 10px;
	padding-bottom: 10px;
}

.lightbox .center div ul li:nth-child(2n+1){
	/*background-color: rgba(0, 0, 0, 0.03);*/
}


/*SLIDER*/


div.page.wrapper.main-wrapper {
	margin-bottom: 30px;
	display: block;
	clear: both;
	margin-top: -15px;
}



#video-gallery {
  width: 100%;
}

.videoGallery .rsTmb {
	
}
.videoGallery .rsThumbs .rsThumb {
  width: 200px !important;
  height: 100px;
}

img.rsImg.rsMainSlideImage {
	margin-left: 0 !important;
}

.videoGallery .rsThumbs {
  width: 200px !important;
  padding: 0;
}
.videoGallery .rsThumb:hover {
	background-color: #000;
}
.videoGallery .rsThumb.rsNavSelected {
  background-color: #000;
}

.sampleBlock {
  left: 3%; 
  top: 1%; 
  width: 100%;
  max-width: 300px;
}






/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('../assets/rs-default.png');

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}

.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('../assets/rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('../assets/rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(../assets/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../assets/rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}







/*items*/

nav.pagination a {
	
}

nav.pagination span.page a{
	
}

nav.pagination span.page:hover{
	background-color: #318bd1;
}

nav.pagination span.page:hover a{
	color: #fff;
}

nav.pagination span{
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
}

nav.pagination span.page{
	border-radius: 4px;
	color: #fff;
	line-height: 24px;
	font-size: 14px;
	display: inline-block;
	
}

span.page.current {
	background-color: #318bd1;
}

.lockup-container+.lockup-container{
	padding-top: 40px;
}

.lockup-container .header{
	overflow: hidden;
}

.lockup-container .header .filter{
	float: right;
	font-size: 11px;
}

.lockup-container .header .show-all{
	float: right;
	font-size: 11px;
	line-height: 17px;
}

#content .lockup-container .header a:hover{
	color: #ef5057 !important;
}


#apps.scroll-pane:before{
	content: "";
	height: 360px;
	width: 4px;
	background: url(http://f.cl.ly/items/20173K2G0z1j1J2n1D2n/Untitled-2.png) no-repeat right 0;
	display: block;
	opacity: 1;
	position: absolute;
	right: 0;
	z-index: 1;
	margin-top: 0;
}

#apps{
	position: relative;
}



/* h7{
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	border-bottom: 2px solid rgba(0,49,79,0.08);
	padding-bottom: 5px;
	display: block;
	margin-bottom: 25px;
	font-size: 12px;
}*/

.recommended.scroll-pane #items{
	height: 180px !important;
}

.scroll-pane #items{
	height: 360px;
	white-space:nowrap;
	width: 2060px;
}

#apps.recommended .jspContainer
{
	height: 180px !important;
	
}


#items{
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;

}

#items div.item .version{

}

#items div.item a.category {
	color: #999;
	border: none;
	font-size: 11px;
	width: 100px;
	display: block;
	line-height: 15px;
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#items div.item a.name {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	border: none;
	color: #444 !important;
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100px;
}

.large .item:nth-child(8n+8){
	padding-right: 0px;
}

.medium .item,
.small .item{
	padding-right: 40px;
}

.large .item{
	padding-right: 51px;
}

#items .item{
	position: relative;
	width: 100px;
	overflow: hidden;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	height: 180px;
	font: 11px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
}

.medium .item:nth-child(16n){
	clear: both;
	
}
.medium .item:nth-child(15n){
	padding-right: 0;
}
.medium .item:nth-child(30n){
	padding-right: 0;
}



#items .icon{
	width: 100px;
	height: 100px;
	-webkit-transition: all 0.1s;
}

#items .icon:hover{
	opacity: 0.8;
}

#items .item a:first-child{
	border: none;
	width: 100px;
	display: block;
	margin-bottom: 10px;
}

#items .item a{
	line-height: 17px;
	clear: both;
}

#items .item a:hover{
	text-decoration: underline;
}



#banners+#apps{
	padding-top: 50px !important;
}



#apps .jspDrag {
	height: 7px;
	background-color: rgb(50, 51, 50);
	border-radius: 10px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

#apps .jspContainer
{
	overflow: hidden;
	position: relative;
	padding-bottom: 0px;
	height: 358px !important;
}

#apps.scroll-pane {
	overflow: hidden;
	outline: none !important;
	padding-bottom: 0px !important;
	width: 100% !important;
}

#apps .jspTrack {
	display: inline-block;
	width: 950px;
	text-align: center;
	height: 7px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.02);
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-top: 10px;
}

#apps .scroll-pane img{
	float: left;
	max-width: 384px;
	max-height: 240px;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

#banners{
	margin-top: 20px;
	overflow: hidden;
}

#banners a:last-child{
	margin-right: 0;
}

#banners a{
	float: left;
	margin-right: 35px;
	border: none;
	width: 135px;
	height: 95px;
	background-color: #eee;
	border-radius: 4px;
	position: relative;
}

#banners a:after{
	content: "";
	width: 133px;
	height: 93px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
}

#banners a img{
	border-radius: 4px;
	background-color: silver;
}