html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; }
body {font-family:Sans-serif;}
header {
 position:fixed; height:60px; width:100%; top:0; left:0; right:0; z-index:90;
}
 
footer span.logo,
header span.logo {display:inline-block; float:left; line-height:60px; margin-right:25px; padding-left:45px; position:relative;} 
footer span.logo i,
header span.logo i {display:block;width:5px; margin-right:10px; height:40px; position:absolute; left:20px; background:#fafafa; top:10px;     transition: all 300ms ease-in-out 0s; z-index:20;}
footer span.logo i:after,
header span.logo i:after {position:absolute; content:''; height:26px; width:2px; background:#fafafa; right:-10px; top:8px;     transition: all 300ms ease-in-out 0s; z-index:0; opacity:1;}
footer span.logo i:before,
header span.logo i:before {position:absolute; content:''; height:32px; width:3px; background:#fafafa; left:-10px; top:5px;     transition: all 300ms ease-in-out 0s; z-index:0; opacity:1;}

footer .logonice span.logo i:before,
header.logonice span.logo i:before {left:0; opacity:0;}
footer.logonice span.logo i:after,
header.logonice span.logo i:after {right:0; opacity:0;}

header span.logo a {font-weight:600; text-decoration:none;}
header span.logo a strong {font-weight:800;}
header nav {display:inline-block; float:left; line-height:60px;}
header nav a,
header nav a.langs, 
header nav a.models
{display:inline-block; padding-right:20px; margin-right:10px; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:600; background:url('../images/arrow_color.png') right center no-repeat;}
 header nav a, header nav a:hover{background:none;}
header nav a.models:hover,
header nav a.langs:hover {background:url('../images/arrow_white.png') right center no-repeat;}

header div:after, .videos_box:after, .modal_dropbox ul:after, .title_page:after, .list_item:after, .wrapper:after{content: ''; display: block; clear: both;}
header form {display:block;  width:calc(100% - 550px); position:relative; float:right; margin-top:8px;}
header form div {position:absolute; right:15px; top:5px;}
header form div select,  .title_page span select {    border: 0; background: transparent;
    width: auto;
    padding: 5px 35px 5px 10px;
    font-size: 11px;
    height: 30px;
 text-transform:uppercase; 
    cursor: pointer;
    min-width: 90px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	    background-position: calc(100% - 10px);
}
header form input:focus, header form div select:focus,  .title_page span select:focus {outline:none;}
header form input[type="text"] {padding:0 0 0 10px; width:calc(100% - 20px); height:45px; line-height:45px; font-size:10px; text-transform:uppercase; font-weight:600; border:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
header form input[type="submit"] {border:0; font-size:10px; text-transform:uppercase; height:36px; line-height:36px; padding:0 18px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; cursor:pointer;}


.videos_box {padding:10px 0px 4px 4px;}
.videos_box .videoblock {display:inline-block; float:left; width:25%; margin-bottom:4px; position:relative;}
.videos_box .videoblock time {display:inline-block; font-size:9px; padding:4px 6px 4px 15px; position:absolute; right:10px; bottom:10px;}
.videos_box .videoblock img {vertical-align:top;  width:100%;}
.videos_box .videoblock a.data_img {display:block; padding:0 3px; position:relative;}
.videos_box .videoblock span {font-size:12px; font-weight:600; padding:8px 12px 4px 0; display:block; overflow:hidden; white-space:nowrap;     text-overflow: ellipsis;}
.videos_box .videoblock var {font-size:10px; display:block; padding:4px 0;}
.videos_box .videoblock a {text-decoration:none;}

.modal_dropbox, .langs_item {position:fixed; top:60px; left:0; right:0; display:none; z-index:20;}
.modal_dropbox ul {overflow:hidden; padding:10px; height:150px;}
.modal_dropbox ul li {display:inline-block; float:left; width:120px; margin:0 6px 10px 6px; position:relative;}
.modal_dropbox ul li span {position:absolute; bottom:5px; left:5px; font-size:10px; text-transform:uppercase; display:inline-block; padding:4px 8px;}
.modal_dropbox ul li a {display:block;}
.modal_dropbox ul li img {vertical-align:top;}
.modal_dropbox span.all_links {padding:10px; display:block;}
.modal_dropbox span.all_links a {text-transform:uppercase; font-size:12px; font-weight:800;}
 .modal_dropbox span.all_links a:hover {text-decoration:none;}

.langs_item { padding:10px;}
.langs_item li {display:inline-block;}
.langs_item li a {display:block; text-transform:uppercase; text-decoration:none; padding:5px 8px; font-weight:600; font-size:15px;}

.title_page {padding:75px 10px 15px 10px;}
.title_page h1, .title_block h2  {float:left; text-transform:uppercase; font-size:16px; font-weight:600; line-height:30px;}
.title_block h2 {float:none;}
.title_block {padding:0 10px;}
.title_page span {display:inline-block; float:right;}

.list_item {padding:0 10px;}
.list_item ul {    width: 20%; display: inline-block; vertical-align: top; height: auto;   height: auto; overflow: hidden; margin: 2px 0; float:left;}
.list_item ul li {  margin: 2px ; border-radius: 1px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:10px;}
 
.list_item ul li a {    line-height: 2;    font-size: 12px; text-decoration:none;}

.center_block {text-align:center; padding:15px 10px; overflow:hidden; height:250px;}


footer {padding:15px 10px;}
 footer span.logo a {text-decoration:none;}
footer p {font-size:11px; line-height:1.6; padding-bottom:8px;}
footer p a:hover {text-decoration:none;}

.loader {padding:10px; text-align:center;}
.loader span {display:inline-block; padding:10px 0 0 0;}
.loader small {display:block; font-size:11px; text-transform:uppercase; cursor:pointer;}
.loader img {display:none;}
.load_animation img {display:inline-block;}

.wrapper {position:relative;}
.videobox {display:inline-block; width:calc(100% - 330px);}
.videobox article {padding:10px;}
.videobox article p {font-size:12px; line-height:1.6;}
.videobox article p small {font-size:10px; text-transform:uppercase; padding:4px 10px 4px 0;}
.videobox article ul {display:block;}
.videobox article ul li {display:inline-block; font-size:11px;}
.videobox article ul li  b {}
.videobox article ul li  a {padding:6px 5px; display:block;}
.videobox article ul li  a:hover {text-decoration:none;}
.partner_block {text-align:center; float:right; width:300px; margin:0 15px;}
.videobox .videoinner {position: relative; padding-bottom: 56.25%; zoom: 1; width: 100%;}
.videobox .videoinner .video{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: none; overflow: hidden;}
 .list_item i {display:none;  text-align:center; width:100%; text-transform:uppercase; padding:10px 0; font-size:11px; cursor:pointer;}
 header span.logo b {position:absolute; right:0; top:0; width:60px; height:60px;  display:block; background:url('../images/menu.png') center center no-repeat; cursor:pointer; display:none;}
.right_block {display:none; width:300px; height:250px; z-index:50; position:fixed; right:10px; bottom:10px;}
.right_block span {display:inline-block; height:25px; line-height:25px; position:absolute; top:-25px; right:0; font-size:10px; padding:0 15px; cursor:pointer;}

.visible_it {display:block; }

.lnks { all: initial; position: relative;}
.lnks ul { padding-top: 0px; }
.lnks li { display:inline-block; font-size: 18px; padding: 0px 10px 10px 10px;}
.lnks img { display:inline-block; }

@media screen and (min-width:1500px) {
	.videos_box .videoblock  {width:20%;}
}

@media screen and (max-width:1080px) {
	.videos_box .videoblock  {width:33.3%;}
}

@media screen and (max-width:1060px) {
	.videobox {display:block; width:100%; float:none;}
	.partner_block {display:block; margin:15px 0; width:100%; float:none; height:250px; overflow:hidden;}
}



@media screen and (max-width:860px) {
	header {height:120px;}
	header form {display:block; float:none; width:calc(100% - 10px); margin-left:10px;}
 header form div {top:auto; bottom:5px;}
 header nav a{position:relative;}
footer span.logo, header span.logo, header nav a {z-index:20;}
	.modal_dropbox, .langs_item {z-index:99;}
	.title_page {padding-top:125px;}
}


@media screen and (max-width:780px) {
	.list_item i {display:block;}
.list_item ul:first-child {display:block;}
.list_item ul  {float:none; display:none; width:100%;}
.more_view   ul  {display:block;}
.more_view i {display:none;}
	.videos_box .videoblock  {width:50%;}

}


@media screen and (max-width:560px) {
	header span.logo {float:none; display:block; width:calc(100% - 45px);}
	header nav {width:calc(100% - 30px); padding:0 15px; float:none; position:absolute; top:60px; left:0; right:0; z-index:99; text-align:center;}
	header span.logo b {display:block;}
	header.openmenu  nav {display:block;}
	.modal_dropbox, .langs_item {top:120px;}
	.langs_item li a {padding:12px 12px 12px 0;}
	.right_block {right:50%; margin-right:-150px;}
	.title_page h1, .title_block h2 {float:none; }
	.title_page span {float:none; display:block; }
	.title_page span select { font-size:15px; width:100%;}
}


@media screen and (max-width:480px) {
	.list_item ul li a, .list_item i, .loader small {font-size:20px;}
		.videos_box .videoblock  {width:100%; display:block; float:none;}
		.videos_box .videoblock span, .videobox article p {font-size:16px; font-weight:600;}
		.videos_box .videoblock var, .videobox article ul li  b, .videobox article ul li  a {font-size:13px;}
		.videos_box .videoblock time {font-size:18px; background-position:5px 9px;}
}

@media screen and (max-width:380px) {
 header nav {width:100%; padding:0;}
}