@font-face {
    font-family: 'os_light';
    src: url('/assets/templates/websketches/fonts/os_light.eot');
    src: url('/assets/templates/websketches/fonts/os_light.eot?#iefix') format('embedded-opentype'),
         url('/assets/templates/websketches/fonts/os_light.woff') format('woff'),
         url('/assets/templates/websketches/fonts/os_light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('/assets/templates/websketches/fonts/roboto_light.eot');
    src: url('/assets/templates/websketches/fonts/roboto_light.eot?#iefix') format('embedded-opentype'),
         url('/assets/templates/websketches/fonts/roboto_light.woff') format('woff'),
         url('/assets/templates/websketches/fonts/roboto_light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url('/assets/templates/websketches/fonts/fontello.eot');
  src: url('/assets/templates/websketches/fonts/fontello.eot #iefix') format('embedded-opentype'),
       url('/assets/templates/websketches/fonts/fontello.woff') format('woff'),
       url('/assets/templates/websketches/fonts/fontello.ttf') format('truetype'),
       url('/assets/templates/websketches/fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 /* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 24, 2016 */



@font-face {
    font-family: 'bebas_neue_bold';
    src: url('/assets/templates/websketches/fonts/bebas_neue_bold.eot');
    src: url('/assets/templates/websketches/fonts/bebas_neue_bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/templates/websketches/fonts/bebas_neue_bold.woff2') format('woff2'),
         url('/assets/templates/websketches/fonts/bebas_neue_bold.woff') format('woff'),
         url('/assets/templates/websketches/fonts/bebas_neue_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tg-CondMedium';
	src: local('Kelson Sans Light RU'), local('KelsonSans-LightRU'), url('/assets/templates/websketches/fonts/tg-CondMedium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

.icon-attention:before { content: '\31'; } /* '1' */
.icon-search:before { content: '\32'; } /* '2' */
.icon-ok:before { content: '\33'; } /* '3' */
.icon-cancel:before { content: '\34'; } /* '4' */
.icon-search-1:before { content: '\35'; } /* '5' */

html {font-size: 87.5%;}
body {font: 14px/1.5 arial; line-height: 1.4; color:#474747; background: #252525;}
img, video {border: 0;max-width: 100%;height: auto;}
body > iframe {display:none;}

article li {margin-top:15px;}
article li:first-child {margin:0;}

a:link, a:hover, a:visited, a:active {
    color: inherit; 
    text-decoration: none;
    -webkit-transition: all ease-in 0.20s;
    -moz-transition: all ease-in 0.20s;
    -o-transition: all ease-in 0.20s;
    -ms-transition: all ease-in 0.20s;
    transition: all ease-in 0.20s;
}

a:hover,
.article a,
.article a span[class^="hljs-"]{color: #ff6e00;}

.article a {text-decoration:underline;}
.article a:hover {text-decoration:none;}

.article>aside header {font-weight:bold;}

h2,
h3,
h4,
h5,
h6,
.article-intro {
    font-family:os_light,arial;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin: 46px 0 20px;
}
.article h6 {font-size: 1.4rem}
.article_header {margin-top:0; font: 2rem/normal bebas_neue_bold,impact;}
.article-intro {font-size: 1.6rem;}
em {font-family:cursive, courier; letter-spacing: 0.02em; color: #000000;}

pre {
	overflow:hidden;
	position:relative;
	cursor: grab;
	font-family: arial;
    font-size: 0.93rem;
    line-height: 16px;
	padding:0 2px;
	margin: 25px 0;
	background: #f7f7f7;
}

pre > code {
	overflow:hidden;
}

dd pre {margin:0; background: transparent;}

blockquote {
	border:none;
	font-size:1rem;
	margin:30px 0;
	padding:0 0 0 70px;
	min-height: 60px;
	background: url('/assets/templates/websketches/images/note.png') no-repeat;
}

.search-input::-webkit-input-placeholder {color:#bed7e4;}
.search-input::-moz-placeholder          {color:#bed7e4;}/* Firefox 19+ */
.search-input:-moz-placeholder           {color:#bed7e4;}/* Firefox 18- */
.search-input:-ms-input-placeholder      {color:#bed7e4;}


input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}   

table {width: 100%; border: 1px solid #dddddd; margin-bottom: 15px;}
tr:first-child th {padding:9px 10px; text-transform:uppercase; font: 600 0.8rem/0.9rem arial; color:#000000;}
td {padding:3px 10px; font-size: 0.9rem}
table tr:nth-child(even) {background: #F1F1F1}
caption {text-align:right; font: 1.2rem/1.4rem os_light,arial; margin-bottom:5px; padding: 0 5px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.row {margin-right: -10px; margin-left: -10px;}
.container {padding-right: 20px; padding-left: 20px; width:auto;}
.container::before {content: " "; display: table;}
.container-inner {position:relative;max-width:1170px;}

.siteContent { 
	padding-bottom:20px; 
	background: #f1f1f1;
}
.siteHeader {
	top:0; 
	left:50px; 
	right:0;
	position:absolute; 
	padding-top: 5px;
	background: #28a1d4 url("/assets/templates/websketches/images/bgr.jpg") 50% 0 no-repeat; 
	background-size: cover;
}
._main_wrap {	
	padding-top:130px;
	padding-left:50px;
	position:relative;
	max-width:1890px;
	margin: 0 auto;
}

.fa {
    display: inline-block;
    font-family: 'fontello';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

label {color: #808080; text-transform: uppercase; font-size: 0.71rem; font-weight: normal; display: inline-block; margin-bottom: 5px;}

.alm-btn-wrap button {border: none; text-align: center; background: none; padding: 10px; clear:both!important; }


.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}


.btn, .btn_default a {
    font-size: 0.93rem; 
    padding: 10px 20px;
    -webkit-transition: all ease-in 0.20s;
    -moz-transition: all ease-in 0.20s;
    -o-transition: all ease-in 0.20s;
    -ms-transition: all ease-in 0.20s;
    transition: all ease-in 0.20s;
}
.btn a:hover {color: #fff;}
.btn:focus, .btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-primary:hover {background: #fa5a00;}

.btn_default a {
  font-size: inherit;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.btn_default.orange a:hover {background: #fa5a00;}
.btn_default.primary_orange a:hover {background: #fa5a00;}
.btn_default.blue a:hover {background: #1ca6e0;}
.btn_default.grey a:hover {background: #cccccc;}
.btn_default.dark_grey a:hover {background: #4d4d4d;}
a.post-edit-link:hover {background: #ccc;}
.post-edit-link:before {content:"\270f"; font-family: 'Glyphicons Halflings'; position: relative; top: 2px; margin-right: 5px;}

header.page-entry {margin-bottom: 20px; padding-top: 20px;}
header.page-entry.container {padding-left: 10px; padding-right: 10px;}
header.page-entry h1 {margin-top: 10px; text-transform: uppercase; padding: 0;}
header.page-entry h1 > span {text-transform: none;}


.alm-btn-wrap > button#load-more {
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    padding: 0 40px;
    background: #e6e6e6; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.alm-btn-wrap > button#load-more:hover {background: #ccc; color: #333;}



.italic_regular {font-family: 'RobotoLightItalic', sans-serif;}
.post-h1 {font: bold 2.14rem/1 os_light; margin: 35px 0 25px;}
.post-h1-span {font: normal 1rem/1 arial; color: #ababab;}
.post-h2 {font: 2.14rem/1 os_light; margin: 45px 0 15px;}
.h2 {font-size: 1.71rem;}
.h3 {font-size: 1.29rem;}
.h4 {font-size: 1rem;}

h1, h2, h3, h4, h5,h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.4;}
.header_site .header_toggle_site ul li a:hover {color: #ffffff;}


section .main-entry header .vertical-badge {text-transform: uppercase; position: absolute; top: -20px; left: 0; padding: 3px 10px; font-size: 0.71rem; color: #fff;}
.vertical-badge.gamedev {background: #78ba42;}
.vertical-badge.web {background: #de3d26;}

.vertical-badge-text {font-size: inherit;}
.vertical-badge-text.three_d {color: #ff6e00;}
.vertical-badge-text.vfx {color: #6159cc;}
.vertical-badge-text.design {color: #fa9c14;}
.vertical-badge-text.gamedev {color: #78ba42;}
.vertical-badge-text.cad {color: #1ca6e0;}
.vertical-badge-text.web {color: #de3d26;}


section.main-hero {margin-bottom: 30px;}
section .annonce-gallery:nth-of-type(1) {margin: 0 0 40px;}
section.main-hero.archive.single.hero header.game-review .overall-game-score .game-score.large > .dial-wrapper > div > canvas {vertical-align: middle;}


.bestPages-item {margin-top:20px;}
.bestPages-item-list {padding: 0; margin: 0; list-style: none;}
.bestPages-item-list li {float: left; padding: 0; padding-right: 25px; margin-bottom: 0; font-size: 0.71rem; color:#ff6e00; text-transform: capitalize;}
.bestPages-item-list a:hover {color: #ff6e00;}

.bestPages-item-title {font-size:0.86rem;}

.bestPages-item .image {padding-right: 0; }

.annonce-item {
	margin-top: 40px;
	display: table;
	position: relative;
	width: 100%;	
}

.annonce-item:hover{
	background: #fff;
}


.annonce-item:hover::before {
    content: "";
    width: 40%;
    max-width: 300px;
    position: absolute;
    top: 80%;
    left: auto;
    bottom: 18px;
    right: 5px;
    -webkit-box-shadow: 0 20px 10px #c6c6c6;
    -moz-box-shadow:  0 20px 10px #c6c6c6;
    box-shadow: 0 20px 10px #c6c6c6;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    display: block;
}

.annonce-item:first-child {
	margin-top: 0;
}

h1+.annonce-item,
h2+.annonce-item {margin-top:0;}

.annonce-item__img {
    display:table-cell;
	width: 270px;
	min-height: 150px;
}

.annonce-item__img-link {
	display:block;
	min-height: inherit;
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.annonce-item__img-link::before {
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
}
.annonce-item__img-link::after {
    background: rgba(255, 255, 255, 0.2);
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
}

.annonce-item__img-link:hover::before {
    left: 0;
    opacity: 0;
    right: 0;
    transition: all 900ms ease-in 0s;
}
.annonce-item__img-link:hover::after {
    bottom: 0;
    opacity: 0;
    top: 0;
    transition: all 900ms ease-in 0s;
}

.annonce-item__box {
    color: #454545;
    display: table-cell;
    padding: 15px 20px;
    position: relative;
	vertical-align: top;
}

.annonce-item:hover .annonce-item__box {
	background: #ffffff;
}

.annonce-item__box--plugins::before {
    background: #ffde1c;
}

.annonce-item__box--blog::before {
    background: #ea1b1b;
}

.annonce-item__title {
    font: 1.42rem/1 bebas_neue_bold,Impact;
    margin: 0 0 10px;
}

.annonce-item__description {
    font-size: 0.9rem;
    margin: 0 0 10px;
}

.announce-item__hash-tags {
    display: block;
    font-size: 0.78rem;
    margin-top: -25px;
    position: absolute;
    top: 100%;
}

.annonce-item-header {
    width: 100%;
    padding: 13px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.post-h1 + .annonce-item,
.news-left-column .annonce-item:first-child {
	height: 340px;
	width: 100%;
	display: block;
	position: relative;
}

.post-h1 + .annonce-item::before,
.news-left-column .annonce-item:hover:first-child::before {
	display: none;
}

.post-h1 + .annonce-item .annonce-item__img,
.news-left-column .annonce-item:first-child .annonce-item__img {
	width: 100%;
	height: 100%;
	display: block;
}

.post-h1 + .annonce-item .annonce-item__box,
.news-left-column .annonce-item:first-child .annonce-item__box {
	background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
	height: auto;
    padding: 20px;
    position: absolute;
    width: 100%;
}

.post-h1 + .annonce-item .annonce-item__title,
.news-left-column .annonce-item:first-child .annonce-item__title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: os_light;
}

.post-h1 + .annonce-item .annonce-item__description,
.news-left-column .annonce-item:first-child .annonce-item__description {
    color: #c6c6c6;
    font-size: 0.95rem;
}

.post-h1 + .annonce-item .announce-item__hash-tags,
.news-left-column .annonce-item:first-child .announce-item__hash-tags {
	margin:0;
	position: static;
}

.main-entry {position: relative;}

.main-entry header p {color: #c8c8c8; font-size: 0.93rem; margin-bottom:4px;}
.main-entry a header {color: #fff;}
.main-entry .main-entry-title {margin: 0; line-height: 1.4;}

.main-entry.item {margin-bottom: 12px;}
.main-entry.item img {width: 100%;}
.main-entry.item header {padding: 8px 10px;}

.main-entry:hover:after,
.main-entry:hover:before {display:none;}
.main-entry a,
.main-entry a:hover {background: transparent; color:#ffffff;}
.main-entry ul {position:absolute;left:0; bottom:100%; font-size:0;}

.main-entry ul li{  
	color: #fff;
    font-size: 0.79rem;
	line-height:1;
    padding: 7px 10px;
	display:inline-block;
	letter-spacing:0;
    text-transform: uppercase;
	background: #ff6e00;}

.sideBox {margin-bottom: 30px;}
.sideBox>header {font-size: 1.29rem; text-transform: uppercase; margin-top: 20px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; font-weight:bold; font-family: os_light}
.sideBox-item {min-height: 49px; margin-bottom: 20px;}
.sideBox-item a {display: block;}
.sideBox-item a:after,
.sideBox-item a:before {content: ""; display: table; }
.sideBox-item a:after {clear: both;}

.sideBox-item .image img {width: 100%;}
.sideBox-item .info {padding: 0 10px;}
.sideBox-item .info .vertical-badge-text {font-size: 0.71rem;}
.sideBox-item:hover {background: transparent;}
.sideBox-item:hover:after {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow: none;
}
.sideBox-item-title {font-size: 0.93rem; margin: 0;}

.sideBox-item-category {margin:0; padding:0;list-style: none;}

section.post-listings.side-widget .side-widget-listing ul {padding: 0 0 0 20px; margin: 0; list-style: none;}
section.post-listings.side-widget .side-widget-listing ul li {padding: 0 0 10px 0; font-size: 0.93rem;}
section.post-listings.side-widget .side-widget-listing ul li a {color: #919191;}
section.post-listings.side-widget .side-widget-listing ul li.active a,
section.post-listings.side-widget .side-widget-listing ul li a:hover {color: #ff6e00;}


.side-widget.internal-ads {margin-bottom: 30px}

section.post-listings.side-widget.box:after {
    content: "";
    width: 40%;
    max-width: 300px;
    z-index: -1;
    position: absolute;
    top: 80%;
    left: auto;
    bottom: 18px;
    right: 5px;
    background: #c8c8c8;
    -webkit-box-shadow: 0 20px 10px #c8c8c8;
    -moz-box-shadow: 0 20px 10px #c8c8c8;
    box-shadow: 0 20px 10px #c8c8c8;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    display: block;
}
section.post-listings.side-widget.box .item-listing:not(:first-child) {margin-top: 20px;}

section.post-listings.side-widget.box .item-listing ul li:after {content: ",";}
section.post-listings.side-widget.box .item-listing ul li:last-child:after {content: "";}
section.post-listings.side-widget.box.game-platform > .image {text-align: center; margin-bottom: 30px}



section.related_posts .item a:hover .post-title {background: rgba(0,0,0, 0.85);}

section.game-review-rating .item:nth-child(3n+1){clear: both;}
section.game-review-rating .overall-game-score .game-score.large > .bracket {position: absolute; bottom: -53px; left: 0; width: 100%;}
section.game-review-rating .overall-game-score .result .overall,
section.game-review-rating .overall-game-score .result .score {text-transform: uppercase;}

section.game-review-rating .overall-game-score .game-score.large > .dial-wrapper > div > canvas {vertical-align: middle;}

section.blog-content .search-result:hover {background: #fff;}
section.blog-content .search-result:hover:after {
    content: "";
    width: 40%;
    max-width: 300px;
    z-index: -1;
    position: absolute;
    top: 80%;
    left: auto;
    bottom: 18px;
    right: 5px;
    background: #c8c8c8;
    -webkit-box-shadow: 0 20px 10px #c8c8c8;
    -moz-box-shadow:  0 20px 10px #c8c8c8;
    box-shadow: 0 20px 10px #c8c8c8;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    display: block;
}

.docMenu {
	position:absolute; 
	top:0; 
	left:0;
	height:100%; 
	width:50px; 
	background: #484848;
	overflow:hidden;
}

.docMenu a {
	display:block;
	height:50px;
	border-bottom:1px solid #5e5e5e;
}

.docMenu hr {
	border:0;
	margin:0;
	display:block;
	height:50px;
	border-bottom:1px solid #5e5e5e;
}

.topheader {
	border-bottom:1px solid #ebebeb; background: #ffffff; overflow: hidden; padding:0 20px;
}
.topheader a {
	color: rgb(144, 144, 144);
}
.topheader .topheader-left {
	float: left;
	line-height: 36px;
	font-size:0.79rem;
	text-transform:uppercase;
	color:#616c76;
}

.topheader .topheader-right {
	float: right;
	line-height: 36px;
}

.header {overflow: hidden;}

.header-logo__a {
	float:left;
	padding: 13px 70px 13px 20px;
	background: #fff;
}

.header-logo__img {height: 42px; width:184px;}

.header-logo__img--retina {display: none;}

.top-menu {
	position: relative;
	color: #808080;
	float:left;
}

.top-menu:after {
	display: block;
	content:'';
	position: absolute;
	top:0;
	height: 100%;
	left:100%;
	width:1000%;
	background: #ffffff;
}

.top-menu__a {
	display: block;
	float:left;
	background: rgba(255,255,255,1);
	font-size: 0.95rem;
	line-height: 68px;
	padding: 0 20px;
}

.top-menu__a:hover,
.top-menu__a--active {
	background: rgba(255,255,255,0);
	color: #fff!important;
}

.top-menu__span {position:relative;}

.top-menu__span:after {
	content:"";
	position: absolute;
	bottom:-6px;
	left:0;
	width: 0%;
	border-top: 2px solid #ff6608;
	-webkit-transition: width 0.2s ease-in-out; 
	-o-transition: width 0.2s ease-in-out; 
	transition: width 0.2s ease-in-out;
}

.top-menu__a:hover .top-menu__span:after {
	width: 100%;
}

.top-submenu {
	color: #ffffff;
	overflow: hidden;
	margin-right: 320px;
}

.top-submenu__a {
	display: table-cell;
	padding: 19px 11px;
	white-space: nowrap;
}

.top-submenu__wrap {
	display: table;
}

.search {
	margin: 14px 0;
	float: right;
	width: 286px;
	height: 29px;
	position: relative;
}

.search:after {
	content:'\30';
	color:#fff;
	font-family: 'fontello';
	pointer-events: none;
	position: absolute;
	top:5px;
	left: 10px;
}

.search-input {
	padding: 2px 5px 2px 33px;
	border:0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: rgba(255,255,255,0.4);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mainMenu {
	background: #28a1d4 url("/assets/templates/websketches/images/bgr.jpg") 50% 0 no-repeat; 
	background-size: cover;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position:relative;
}

.mainMenu__title {margin:0; font: 1.6rem/1 os_light,arial; padding: 0;}

.mainMenu .nav-right {
	margin-top: 15px;
	text-align: right;
}
.mainMenu .block-compare {
	text-align: left; margin-left: 8px; vertical-align: middle; display: inline-block; position: relative; -ms-zoom: 1;
}
.mainMenu .block-compare .compare-toggle {
	background: url("/assets/templates/websketches/images/action-llist.png") no-repeat left -147px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); transition:0.2s ease-out; border-image: none; width: 49px; height: 49px; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.mainMenu .block-compare .compare-toggle:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.mainMenu .block-compare .compare-toggle span {
	display: none;
}
.mainMenu .block-compare .compare-toggle span.total-compare-val {
	background: rgb(247, 68, 68); border-radius: 100%; top: -8px; width: 25px; height: 25px; text-align: center; right: -8px; color: rgb(255, 255, 255); line-height: 25px; display: inline-block; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
}
.mainMenu .mini-cart {
	margin: 0px 0px 0px 8px; padding: 0px; vertical-align: middle; display: inline-block; -ms-zoom: 1;
}
.mainMenu .mini-cart.mycart {
	text-align: left;
}
.mainMenu .mini-cart.mycart:hover .tongle {
	cursor: pointer; background-color: rgba(255, 255, 255, 0.2);
}
.mainMenu .mini-cart.mycart:hover .content {
	top: 100%; display: block; visibility: visible; opacity: 1;
}
.mainMenu .mini-cart.mycart .tongle {
	background: url("/assets/templates/websketches/images/action-llist.png") no-repeat left -343px; padding: 0px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); transition:0.2s ease-out; border-image: none; width: 49px; height: 49px; color: rgb(144, 144, 144); position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.mainMenu .mini-cart.mycart .tongle .fa {
	color: rgb(78, 78, 78); display: none; position: relative;
}
.mainMenu .mini-cart.mycart .tongle .fa::before {
	transition:0.2s linear; width: 28px; height: 28px; text-align: center; line-height: 28px; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;
}
.mainMenu .mini-cart.mycart .number-item {
	background: rgb(247, 68, 68); margin: 0px; border-radius: 100%; top: -8px; width: 25px; height: 25px; text-align: center; right: -8px; color: rgb(255, 255, 255); line-height: 25px; display: inline-block; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
}
.mainMenu .mini-cart.mycart .content {
	transition:0.3s; top: 120%; text-align: left; right: 0px; padding-top: 17px; display: block; visibility: hidden; position: absolute; z-index: 9999; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.mainMenu .mini-cart.mycart .content::before {
	padding: 5px; left: 0px; width: 100%; height: 15px; bottom: 100%; display: block; position: absolute; min-width: 300px; content: "";
}
.mainMenu .mini-cart.mycart .content .block-inner {
	background: rgb(255, 255, 255); padding: 10px; position: relative; min-width: 300px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.breadcrumbs {
	padding: 37px 0px 30px; position: relative;
}
.breadcrumbs .container {
	height: 100%; position: relative;
}
.breadcrumbs .container .titlepage {
	background: url("/assets/templates/websketches/images/ico-pagetitle.png") no-repeat left; 
	color: #ffffff; 
	line-height: 26px; 
	padding-left: 45px; 
	font-size: 24px; 
	font-family: RobotoLight;
	margin-bottom: 32px;

}
.breadcrumbs .container .titlepage > * {
	margin: 0px; padding: 0px; color: inherit; text-transform: none; font-size: 100%; font-weight: inherit;
}
.breadcrumbs .breadcrumbs {
	color: rgb(255, 255, 255);
	font-family:arial;
	letter-spacing: 0;
	font-size:0.86rem;
}
.breadcrumbs .breadcrumbs > * {
	display: inline-block;
}
.breadcrumbs .breadcrumbs .navigation-pipe {
	background: url("/assets/templates/websketches/images/arrow-bread.png") no-repeat center; padding: 0px 15px; text-indent: -999em;
}
.breadcrumbs .breadcrumbs a {
	color: rgb(255, 255, 255);
}
.breadcrumbs .breadcrumbs span {
	color: rgb(255, 255, 255);
}
.breadcrumbs .breadcrumbs a.home {
	background: url("/assets/templates/websketches/images/ico-home.png") no-repeat left 3px; padding-left: 23px;
}
.breadcrumbs .breadcrumbs span.home {
	background: url("/assets/templates/websketches/images/ico-home.png") no-repeat left 3px; padding-left: 23px;
}


.descrArticle {margin: 35px 0 0;}
.descrArticle-h1 {font:3rem/normal bebas_neue_bold,Impact; text-transform: uppercase; color:#222c37; margin:0;}
.descrArticle-time {font-style:italic; color: #99a0a7;}

.categ {margin:0;padding:10px 0 0; float:right;position:relative;}

.categ:before {
        content:"";
        position:absolute;
		display:block;
        bottom:15px;
        right:10px;
        width:80%;
        height:20%;
        max-width:200px;
    -webkit-box-shadow:0 15px 5px #acacac;
       -moz-box-shadow:0 15px 5px #acacac;
            box-shadow:0 15px 5px #acacac;
    -webkit-transform:rotate(2deg);
       -moz-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
         -o-transform:rotate(2deg);
            transform:rotate(2deg);
}


.categ__icon {
	list-style:none;
    background: #fff;
    display: block;
	position:relative;
	border-left: 1px solid #F1F1F1;
    float: left;
    height: 60px;
    width: 91px;
}

.categ__iconLogo {
    background: url("/assets/templates/websketches/images/keywords_logos.png") 50% 5px no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}

.categ__iconLogo--download {background-position: 50% 9px;}
.categ__iconLogo--shablonizator {background-position: 50% -70px;}
.categ__iconLogo--javascript {background-position: 50% -166px;}
.categ__iconLogo--sample {background-position: 50% -230px;}
.categ__iconLogo--unity {background-position: 50% -308px;}
.categ__iconLogo--karusel {background-position: 50% -389px;}
.categ__iconLogo--jquery {background-position: 50% -466px;}

.categ__iconTip { 
	background: #222c37;
    color: #fff;
    font-size: 0.75em;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    position: absolute;
    text-align: center;
	text-transform: capitalize;
	letter-spacing: 0;
    white-space: nowrap;
    z-index: 9999;
	margin-left: 0;
    opacity: 0;
    top: 63px;
	left: 50%;
	cursor: default;
    transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	}

.categ__icon:hover .categ__iconTip {
	top:53px;
	opacity:1
}

.categ__iconTip::after {
    border-color: transparent transparent #222c37;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: block;
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin: 0 0 0 -3px;
    position: absolute;
    top: -8px;
    width: 0;
}

.article {
	padding:20px;   
	color: #455463;
	margin:20px 0 0; 
		
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f1f1f1 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to right,  #ffffff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 );
}

.article ol,
.article ul {
	margin-top: 20px;
	margin-bottom: 20px; 
}

.article *:not(pre)>code {color: #28ae6c; background: #f4f4f4; padding:1px 4px 0; border-radius: 2px; font-weight: bold;}

.article figure {
	margin:22px 0; 
	display:block;
	position:relative;
}

.article figure:after{
	clear:both;
	content:"";
	display:block;
}

.article figcaption,
.article figure img {
	display:block;
}
.article figcaption { padding: 8px 10px; color:#898989; font-size:0.9rem; font-style:italic; display:inline-block;  border-bottom: 1px solid #c8c8c8; box-shadow: 0 1px 0 0 #FFFFFF; line-height: 1.2;}

.article figcaption header {font-size: 22px; font-family: 'open_sanscondensed_light', serif; letter-spacing: 0; line-height: 1;}

.article-info {margin-top:40px;}
.article-info ul {line-height:16px; font-size: 14px; margin:0; padding:0;}
.article-info ul li {display:inline-block; margin-bottom: 0; padding: 0 25px 0 0;}

.article-header {font: 600 38px/1.4 "RobotoLight",sans-serif; margin-top:75px;}

.article iframe {border:0;}

.article {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	text-align:justify;
}

.ecran {
	background: #32aee4 url("/assets/templates/websketches/images/bgr.jpg") 50% 50% no-repeat; background-size: cover; position:relative; min-height: 520px; padding: 40px 0;
}

.mainMenu__overlay {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 9998; cursor: pointer; content: ""; opacity: 0.2;
}

.mainMenu__input {display:block; width:50px; height:50px; position:absolute; top:15px; left:20px; opacity:0; z-index:20}

@keyframes smallLoading{
	16.67%{box-shadow:-35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;}
	33.33%{box-shadow:-35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;}
	50%{box-shadow:-35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;}
	66.67%{box-shadow:-35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;}
	88.88%{box-shadow:-35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;}
	100%{transform:rotate(-360deg);box-shadow:-35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;}
}
@-webkit-keyframes smallLoading{
	16.67%{box-shadow:-35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;}
	33.33%{box-shadow:-35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;}
	50%{box-shadow:-35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;}
	66.67%{box-shadow:-35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;}
	88.88%{box-shadow:-35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;}
	100%{-webkit-transform:rotate(-360deg);box-shadow:-35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;}
}
@-moz-keyframes smallLoading{
	16.67%{box-shadow:-35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;}
	33.33%{box-shadow:-35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;}
	50%{box-shadow:-35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;}
	66.67%{box-shadow:-35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;}
	88.88%{box-shadow:-35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;}
	100%{-moz-transform:rotate(-360deg);box-shadow:-35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;}
}
@-o-keyframes smallLoading{
	16.67%{box-shadow:-35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;}
	33.33%{box-shadow:-35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;}
	50%{box-shadow:-35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;}
	66.67%{box-shadow:-35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;}
	88.88%{box-shadow:-35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;}
	100%{-o-transform:rotate(-360deg);box-shadow:-35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;}
}

.ecran__loading {
	border-radius: 50%; animation:smallLoading 12s linear infinite; left: 50%; top: 50%; width: 2px; height: 2px; margin-top: -1px; margin-left: -1px; display: block; position: absolute; box-shadow: -35px -60px 0px 20px #6cce74, 35px -60px 0px 20px #c18d46, 70px 0px 0px 20px #c14745, 35px 60px 0px 20px #2e1e5b, -35px 60px 0px 20px #9c37a6, -70px 0px 0px 20px #76bdd1; -webkit-animation: smallLoading 12s infinite linear; -o-animation: smallLoading 12s infinite linear; -moz-animation: smallLoading 12s infinite linear;
}

.article-intro {
	margin:0 0 15px!important;
	padding-bottom:20px;
	border-bottom: 15px solid #f0f0f0;
}

.animation {
	-webkit-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}


.docMenu__a {
	display:block;
	width:200%;
	height:100%;
	margin-left:0%;
    background: url("/assets/templates/websketches/images/doc_menu_ico.svg") 8px -51px no-repeat;
}
.docMenu__title {
	width:50%;
    height:100%;
	display:block;
	margin-left:50%;
    text-indent:-99999px;
    background: url("/assets/templates/websketches/images/doc_menu_ico.svg") 50% 9px no-repeat;
    overflow:hiddeh;
}

.docMenu__a:hover {margin-left:-100%;}

.docMenu__a--less {background-position: 8px -278px;}
.docMenu__title--less {background-position: 50% -224px;}

.docMenu__a--css {background-position: 8px -171px;}
.docMenu__title--css {background-position: 50% -110px;}

.docMenu__a--react {background-position: 8px -400px;}
.docMenu__title--react {background-position: 50% -343px;}

.docMenu__aWrap--html {background-color: #00aef0;}

.role-touch:after{
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    position:absolute;
    background: url('/assets/templates/websketches/images/touchico.png') no-repeat 50% 50%;
}

aside>ul {padding-left:0; font-size:0.93rem;}
aside>ul>li {border-top:1px solid #dddddd; list-style:none; padding:5px 10px 7px; margin:0;}
aside>ul>li:first-child {border-top:0;}
aside>ul>li dt,
aside>ul>li dd {display: inline-block; font-weight:normal; vertical-align:middle;}
aside>ul>li dd {color: #bd260d; background: #f4f4f4; padding:2px 5px; line-height:1; border-radius: 2px; margin-left: 7px;}
aside>ul>li>p {margin:2px 0 0;}
aside>ul>li>pre {margin:10px 0 0;}
aside>ul>li>h3 {font-size:inherit; font-weight:bold; margin: 0;}

article > dl dt {border-top: 1px solid #dddddd; display: block; padding: 5px 10px 0; margin:0; font-weight: bold; font-size: 0.93rem;}
article > dl dd {display: block; padding: 0 10px 7px; margin:0; font-size: 0.93rem;}

article > dl dt span {font-weight: normal;}
article > dl dd p {margin:2px 0 0;}

article > dl dd span {color: #bd260d;}

.submenu {
	position:relative;
	background: #ffffff;
	margin: 20px 0 50px;
}

.submenu__title { 
    margin: 20px 0 10px;
	padding-bottom: 10px;
	font: bold 1.5rem/1 os_light,arial;
	border-bottom: 1px solid #E6E6E6;
 }

.menuTree,
.menuTree ul {padding:0;}

.menuTree li ul {
    margin: 8px 0;
	display:none;
}

.menuTree li .fa.open ~ ul {
	display:block;
}

.menuTree li{
	list-style: none;
	position: relative;
	padding: 0 0 8px 22px;
}

.menuTree li:last-child {
	padding-bottom:0;
}

.menuTree__a--first-line {
	font-weight:bold
}

.menuTree__accor {
	display: block; 
	width:16px; 
	height:16px; 
	background: #19E3B1 url(data:image/gif;base64,R0lGODlhCAAIAIABAP///////yH5BAEAAAEALAAAAAAIAAgAAAINjAGmgXv5kJxUNXdXLgA7) 50% 50% no-repeat; 
	cursor: pointer;
	position: absolute; 
	left: 0;
    top: 2px;
}

.menuTree__accor.open {
background-image:  url(data:image/gif;base64,R0lGODlhCAAIAIABAP///wAAACH5BAEAAAEALAAAAAAIAAgAAAIKjI+pB+0PwZq0AAA7);
}

/*---------- Стили подсветки кода ---------*/


.hljs-comment,
.hljs-title {
  color: #39892F;
}

.hljs-variable,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo {
  color: #006699;
}

.hljs-attribute {color: #B61039}

.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant {
  color: #a65926;
}

.hljs-ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute {
  color: #bb8a35;
}

.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata {
  color: #004b86;
}

.css .hljs-hexcolor {
  color: #159393;
}

.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title {
  color: #516aec;
}

.hljs-keyword,
.javascript .hljs-function {
  color: #7b59c0;
}

.hljs {
  display: block;
  color: #4d4d4c;
  -webkit-text-size-adjust: none;
}

.hljs__gi {
	background: #b5eb7b;
}

.hljs__gd {
	background: #ff6d6d;
}
/* Скролл */

.submenu__content {
overflow: auto;
min-height: 300px;
position: relative;
}

.content_clone {
	height: 100%!important; 
	right: -20px; 
	padding-right: 20px;
	overflow: auto; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
}

.ssb_sb {
background: #00CCCC;
opacity:0.5;
cursor:pointer;
position:absolute;
right:0;
}

.ssb_st {
background:#CCF5F5;
opacity:0.5;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}

.ssb_board:hover .ssb_st,
.ssb_board:hover .ssb_sb {
	opacity:1;
}

.submenu__content_wrap {position:relative;}
.submenu__iframe {
	position:absolute;
	z-index: -1;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border:0;
}

.parent {
font-family:verdana;
height:100%;
padding:10px;
position:relative;
}

.tabs {
	position: relative;
	max-width: 800px;
	margin:0 0 20px;
}

.tabs pre {margin:0; padding:5px; background: #ffffff;}

.tabs label {
	display: inline-block;
    background: #F1F1F1;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 0 0;
    color: #AAAAAA;
    display: inline-block;
    font-weight: 600;
    margin: 0 0 -1px;
    padding: 14px 25px 10px;
    text-align: center;
	z-index: 1;
	margin:0 0 -1px;
}

.tabs label:hover {
    color: #888888;
    cursor: pointer;
}

#tab_1:checked ~ #tab_c1, 
#tab_2:checked ~ #tab_c2, 
#tab_3:checked ~ #tab_c3,
#tab_4:checked ~ #tab_c4, 
#tab_5:checked ~ #tab_c5, 
#tab_6:checked ~ #tab_c6,
#tab_7:checked ~ #tab_c7, 
#tab_8:checked ~ #tab_c8, 
#tab_9:checked ~ #tab_c9,
#tab_10:checked ~ #tab_c10, 
#tab_11:checked ~ #tab_c11, 
#tab_12:checked ~ #tab_c12, 
#tab_13:checked ~ #tab_c13,
#tab_14:checked ~ #tab_c14{
    left: 0;
    opacity: 1;
    position: static;
}

.tabs__input:checked + label {

    background: #FFFFFF;
    border-color: #FF6E00 #DDDDDD #FFFFFF!important;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
}

.tabs__input {
	position: absolute;
	left: -9999px;
}

#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3,
#tab_4:checked  ~ #tab_l4,
#tab_5:checked  ~ #tab_l5,
#tab_6:checked  ~ #tab_l6,
#tab_7:checked  ~ #tab_l7,
#tab_8:checked  ~ #tab_l8,
#tab_9:checked  ~ #tab_l9,
#tab_10:checked  ~ #tab_l10,
#tab_11:checked  ~ #tab_l11,
#tab_12:checked  ~ #tab_l12,
#tab_13:checked  ~ #tab_l13,
#tab_14:checked  ~ #tab_l14 {
	background: #fff;
	border-color: #fff;
	position: relative;
	top: 0;
	z-index: 3;
}

.tabs__cont {
	z-index: 2;
	border: 1px solid #DDDDDD;
	background: #ffffff;
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;

}

.tabs-browsers {width:100%; border:0;margin:0;}
.tabs__browser {width:22px; height:23px; overflow:hidden; text-indent:-999px; background: url('/assets/templates/websketches/images/browsers_ico.svg') no-repeat; display: block; margin:0 auto;}

.tabs__browser--fx {background-position: 0 -50px;}
.tabs__browser--cr {background-position: 0 -100px;}
.tabs__browser--op {background-position: 0 -150px;}
.tabs__browser--sa {background-position: 0 -200px;}
.tabs__browser--an {background-position: 0 -250px;}

.tabs__browser--yes {
    background: #CEE2D3;
    text-align: center;
	padding: 9px 0;
}

.tabs__browser--warn {
	background: #F9E497;
    text-align: center;
	padding: 9px 0;
}

.tabs__browser--no {
	background: #F2C8C8;
    text-align: center;
	padding: 9px 0;
}

.tabs__browser--yes span:before {
    color: #4B846A;
    content: "2";
    padding-right: 5px;
	font: 14px/1 'fontello';
}

.tabs__browser--warn span:before {
    color: #F7941E;
    content: "1";
    padding-right: 5px;
	font: 14px/1 'fontello';
}

.tabs__browser--no span:before {
    color: #c00b01;
    content: "3";
	font: 14px/1 'fontello';
}

.tabs-browsers__th {padding: 10px 0; background: #FAF3D2;}

.table-values {
	width:100%;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin-bottom: 1.25rem;
}
.table-values tr:nth-of-type(2n) {
    background: #F9F9F9;
}

.table-values tr th, 
.table-values tr td {
	color: #455463;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
	background: transparent;
	text-transform: none;
    text-align: left;
}

.table-values td:first-child {text-align:center}

.pagination {text-align:center; color:#ffffff;}

.pagination_a,
.pagination_span {background: #252525; display:inline-block; margin: 20px 6px 40px; padding:5px 0; width:30px; border-radius: 3px;}

.pagination_span,
.pagination_a:hover {background: #ff6e00; color: #ffffff;}

.video {
	position:relative;
	height:100%;
	z-index:0;
	opacity:0;
	margin:0 auto;
	max-width: 1140px;
	-webkit-transition: opacity ease-in 1s;
    -moz-transition: opacity ease-in 1s;
    -o-transition: opacity ease-in 1s;
    -ms-transition: opacity ease-in 1s;
    transition: opacity ease-in 1s;
}

.video--active {
	opacity:1;
	z-index:10;
}
.video_about {float:right;}

.video_playlist__inner,
.video_playlist__items {padding:0; margin:0; font-family: os_light;}

.video_playlist__item {
    border-top: 1px solid #E6E6E6;
	list-style: none;
	margin:0;

}

.video_playlist__item:hover {background: #ffffff; cursor: pointer;}

.video_playlist__position {
	display: inline-block;
    vertical-align: middle;
	font-family: arial;
	padding: 1px 0 0 2px;
    color: #B3B3B3;
}

.video_playlist__inner {
	color: #666666;
    display: table;
    padding: 10px 0;
    table-layout: fixed;
	list-style: none;
    width: 100%;
    font-size: 12px;}

.video_playlist__inner_li {
	list-style: none;
	display: table-cell;
    vertical-align: middle;
}

.video_playlist__title {
	font-size: inherit;
    font-weight: bold;
	display: inline-block;
    vertical-align: middle;
	letter-spacing:0.5px;
    line-height: 1.4;
    margin: 0;
	width:85%;
    padding: 0 5px;
}

.video_playlist__a:hover .video_playlist__title {color: #ff6e00;}

.video_playlist__inner_li--title {
    width: 90%;
}

.video_playlist__inner_li--duration {
	text-align: right; 
	padding:0 10px;
}

.video_playlist__status {
	visibility: hidden;
}

.video_playlist__item--active .video_playlist__status {
	visibility: visible;
	color: #ff6e00;
}

.video_playlist__thumbnail {
    margin: 0 10px;
    padding: 0;
    position: relative;
    width: 45px;
	display: inline-block;
    vertical-align: middle;
}

.video_playlist__thumbnail_play {
	position: absolute;
	background: rgba(255, 110, 0, 0.8);
	-webkit-transition: opacity ease-in 0.20s;
    -moz-transition: opacity ease-in 0.20s;
    -o-transition: opacity ease-in 0.20s;
    -ms-transition: opacity ease-in 0.20s;
    transition: opacity ease-in 0.20s;
	opacity:0;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

}

.video_playlist__a:hover .video_playlist__thumbnail_play,
.video_playlist__item--active .video_playlist__thumbnail_play {
	opacity:1;
}

.video_playlist__thumbnail_play:after{
	border: 8px solid transparent; 
	border-left: 8px solid white; 
	position: absolute;
	margin: -8px 0 0 -4px;
	content:'';
	top: 50%;
	left: 50%;
}

.video__tv {
	height: 100%;
	width:100%;
	background: rgba(0,0,0,0.3);
}

.video_info {
	color: #ffffff;
	padding: 20px 16px;
    height:100%;
	background: #ffffff;
	color:#000000;
}

.video_info__header {
	font: 1.4rem/1.2 os_light, arial; 
	border-bottom: 4px solid #F0F0F0;
	padding-bottom:10px;
	margin:0 0 20px;
}

.video_info_list {
	padding:0;
	color:#666666;
}

.video_info_list>li {
	list-style:none;
	font-size: 11px;
	padding:6px 0;
}

.video_info_list__icons {
   display: inline-block;
   position: relative;
   top: 2px;
}

.video_info_list__icons:before {
    color: inherit;
	font: 18px/1 'fontello';
    margin-right: 8px;
}

.video_info_list__icons--durations:before {content:"\e800"}
.video_info_list__icons--download:before {content:"\e801"}

.video_info_date {
    color: #666666;
    font-size: 9px;
    padding: 0 0 10px;
}

.video_info__categ {
    display: inline;
    margin-right: 8px;
}

.video_description {
    background: #FFFFFF;
    color: #999999;
    padding: 20px 20px 60px;
	margin-top:40px;
	color: #455463;
}

.video_description__header {
	font: 1.4rem/1.2 os_light, arial;
	margin-bottom: 20px;
	
}

.video_playlist__header {
	font: 1.8rem/1.2 os_light,arial;

}

.header_wrapper .navbar-default .navbar-nav > li {font-size: 14px; height: 100%;}

.mainMenu li:hover {
	z-index: 1;
}
.mainMenu-nav {
	list-style: none; margin: 0px; padding: 0px;
}
.mainMenu-nav::before {
	display: table; content: " ";
}
.mainMenu-nav::after {
	display: table; content: " ";
}
.mainMenu-nav::after {
	clear: both;
}
.mainMenu-nav li.level0 {
	padding: 20px 0px 20px 10px; border: currentColor; border-image: none; text-align: left; display: inline-block; position: relative; vertical-align: top;
}
.mainMenu-nav li:first-child.level0 {
	padding-left: 0px;
}
.mainMenu-nav li.custom-item.level0 {
	position: static;
}
.mainMenu-nav li.level0 > div {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 120%; border-bottom-color: rgb(60, 171, 218); border-bottom-width: 3px; border-bottom-style: solid; display: block; visibility: hidden; position: absolute; z-index: 9999; opacity: 0; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.mainMenu-nav li.level0 > div::before {
	left: 0px; width: 100%; height: 5px; bottom: 100%; display: block; position: absolute; content: "";
}
.mainMenu-nav li.level0 > div h3 {
	color: rgb(77, 77, 77); font-size: 16px;
}
.mainMenu-nav li.level0 > div.wrap_submenu {
	padding: 5px 0px; margin-top: 2px; min-width: 300px;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 {
	list-style: none; margin: 0px; padding: 0px;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 ul {
	list-style: none; margin: 0px; padding: 0px;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li {
	position: relative;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li.has-child::after {
	top: 50%; width: 14px; height: 14px; text-align: center; right: 10px; color: rgb(225, 225, 225); line-height: 14px; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; margin-top: -7px; display: inline-block; position: absolute; content: "\f0da"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li li {
	position: relative;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li li.has-child::after {
	top: 50%; width: 14px; height: 14px; text-align: center; right: 10px; color: rgb(225, 225, 225); line-height: 14px; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; margin-top: -7px; display: inline-block; position: absolute; content: "\f0da"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li:hover > a {
	color: rgb(60, 171, 218);
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li.active > a {
	color: rgb(60, 171, 218);
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li li:hover > a {
	color: rgb(60, 171, 218);
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li li.active > a {
	color: rgb(60, 171, 218);
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li:hover > .wrap_submenu {
	transform-origin: left top; transition:0.25s ease-out 0.2s; display: block; visibility: visible; opacity: 1; transform: scale(1); -webkit-transition: all 0.25s ease-out 0.2s; -o-transition: all 0.25s ease-out 0.2s; -webkit-transform: scale(1); -o-transform: scale(1); -webkit-transform-origin: top left; -moz-transform-origin: top left;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li li:hover > .wrap_submenu {
	transform-origin: left top; transition:0.25s ease-out 0.2s; display: block; visibility: visible; opacity: 1; transform: scale(1); -webkit-transition: all 0.25s ease-out 0.2s; -o-transition: all 0.25s ease-out 0.2s; -webkit-transform: scale(1); -o-transform: scale(1); -webkit-transform-origin: top left; -moz-transform-origin: top left;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li a {
	padding: 6px 15px; color: rgb(144, 144, 144); display: block;
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li a:hover::before {
	color: rgb(60, 171, 218);
}
.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li a::before {
    color: #ccc;
    content: "";
    display: inline-block;
    margin: -2px 10px 0 0;
    transition: all 0.25s ease 0s;
    vertical-align: middle;
	border:1px solid #ccc;
	width:7px;
	height:7px;
	border-radius: 50%;
}

.mainMenu-nav li.level0 > div.wrap_submenu ul.level0 > li .wrap_submenu {
	background: #fff; 
	padding: 5px 0px; 
	left: 98%; 
	top: 0%; 
	border-bottom: 3px solid rgb(60, 171, 218); 
	display: block; 
	visibility: hidden; 
	position: absolute; 
	min-width: 255px; 
	opacity: 0; 
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 
	
	-webkit-transition: all 0.25s ease-out; 
	-o-transition: all 0.25s ease-out; 
	transition:0.25s ease-out; 

	-webkit-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	
	-webkit-transform-origin: top left; 
	-moz-transform-origin: top left;
	transform-origin: left top; 

}
.mainMenu-nav li.level0 > div.fullwidth {
	padding: 20px; width: 100%; margin-top: 2px; max-width:1000px;
}

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

.fullwidth ul.menu > li > a {
	font:300 12px/165% arial;
	color: #909090;
    display: block;
    padding: 5px 0;
    transition: all 0.2s ease 0s;
}

.fullwidth ul.menu > li > a:hover {
	background: none; color: rgb(60, 171, 218); padding-left: 5px;
}

.fullwidth ul.menu > li a::before {
    color: #ccc;
    content: "";
    display: inline-block;
    margin: -2px 10px 0 0;
    transition: all 0.25s ease 0s;
    vertical-align: middle;
	border: 1px solid #ccc;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.mainMenu-btn {
	margin: 15px 0px;
	cursor: pointer;
	display: block;
	border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); width: 50px; height: 50px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.mainMenu__input:hover + .mainMenu-btn {
	background: rgba(255, 255, 255, 0.3);
}
.mainMenu-btn i,
.mainMenu-btn i:after {
	border: 3px solid #ffffff;
	position:relative;
	border-width: 3px 0;
	margin: 15px 14px;
	display:block;
	height: 13px;
	width:20px;
}

.mainMenu-btn i:after {
	margin:0;
	position:absolute;
	content:"";
	top:2px;
	left:0;
}

.mainMenu__accor {
	float: right;
	cursor: pointer;
	font-size: 0.8rem;
	line-height: 1.6;
	margin: -23px 0 0 -20px;
}


.mainMenu-nav li.level0 > .mainMenu__catItem {
	padding: 6px 20px 8px; 
	border-radius: 22px; 
	border: 1px solid transparent; 
	border-image: none; 
	color: rgb(255, 255, 255); 
	font-size: 18px; 
	line-height:22px;
	font-family: RobotoLight;
	font-weight: normal; 
	display: block; 
	position: relative; 
	transition:0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-border-radius: 22px; 
	-moz-border-radius: 22px;
	-ms-border-radius: 22px; 
	-o-border-radius: 22px;
	cursor: pointer;
}

.mainMenu-nav li.level0 > .mainMenu__catItem:hover {
	text-decoration: none;
}

.mainMenu-nav {position:relative;}

.mainMenu-nav li.active.level0 > .mainMenu__catItem,
.mainMenu-nav li.level0:hover > .mainMenu__catItem {
	border-color: rgba(255, 255, 255, 0.3); position: relative; background-color: rgba(255, 255, 255, 0.1);
}
.mainMenu-nav li.level0.active > div,
.mainMenu-nav li.level0:hover > div {top: 100%; display: block; visibility: visible; opacity: 1;}

.article_header {margin-top: -3px;}

.footer-copyr {
	max-width: 1890px;
	margin: 0 auto;
	background: #484848;
	background: -moz-linear-gradient(left,  #484848 0%, #252525 100%);
	background: -webkit-linear-gradient(left,  #484848 0%,#252525 100%);
	background: linear-gradient(to right,  #484848 0%,#252525 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#252525',GradientType=1 );
}

.footer-copyr__year {
	 font: 0.9rem/1 tahoma; color: #7f7f7f; padding: 20px 10px; text-align: right;
}

.btn-top {position:fixed; bottom: 50px; left:50%;}

.pluso {margin-top:20px; display:block!important;}
.pluso .pluso-wrap > a {opacity:0.5}
.pluso .pluso-wrap > a:hover {opacity:1}
.pluso-counter b {left:10px!important;}
.pluso-more {display:none!important;}
.pluso--video {text-align: right!important; padding: 0 10px!important;align: right!important; padding: 0 10px!important;}