W3C CSS Validator results for http://www.pornjk.com (CSS level 3)

Sorry! We found the following errors (30)

URI : https://www.pornjk.com/css/styles.css?v3

1 a, h2, .search input, .logo a, h1, .navi li a, .open, .sidebar-val, .searches-list li a, .meta ul, .foot a, .videos-list .preview a, .full-meta span.val, .full-meta li.like a i, .full-meta li.dislike a i Unknown pseudo-element or pseudo-class ::placeholder [placeholder]
1 .navi li a, .navi li span Parse Error [empty string]
1 .sidebar 0 is not a box-shadow value : 0 5px 15px -7px #000 0 5px 15px -7px #000
1 .search input Parse Error [empty string]
1 .search button Parse Error [empty string]
1 .play Value Error : text-shadow Too many values or values are not recognized : 0 0 15px rgba(0,0,0,0.5) 0 0 15px rgba(0,0,0,0.5)
1 .play Property transition doesn't exist : 0.2s ease 0.2s ease
1 .preview .meta Property transition doesn't exist : 0.2s ease 0.2s ease
1 .preview .hd Property transition doesn't exist : 0.2s ease 0.2s ease
1 .pages a, .pages span Parse Error [empty string]
1 .brs-block Parse Error [empty string]
1 .list span Parse Error [empty string]
1 .full-meta a, .full-meta div Parse Error [empty string]
1 .pages a, .pages span Parse Error [empty string]
1 .pages a, .pages span Parse Error [empty string]

URI : https://www.pornjk.com/font/css/font-awesome.css

2 .fa Property text-rendering doesn't exist : auto auto
2 .fa-border Parse Error [empty string]
2 .fa-spin Property animation doesn't exist : fa-spin 2s infinite linear fa-spin 2s infinite linear
2 .fa-pulse Property animation doesn't exist : fa-spin 1s infinite steps(8) fa-spin 1s infinite steps(8)
2 Sorry, the at-rule @-webkit-keyframes is not implemented.
2 Sorry, the at-rule @keyframes is not implemented.
2 .fa-rotate-90 Property transform doesn't exist : rotate(90deg) rotate(90deg)
2 .fa-rotate-180 Property transform doesn't exist : rotate(180deg) rotate(180deg)
2 .fa-rotate-270 Property transform doesn't exist : rotate(270deg) rotate(270deg)
2 .fa-flip-horizontal Property transform doesn't exist : scale(-1,1) scale(-1,1)
2 .fa-flip-vertical Property transform doesn't exist : scale(1,-1) scale(1,-1)
2 :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical Property filter doesn't exist : none none

URI : https://www.pornjk.com/

19 #player Property object-fit doesn't exist : contain contain
44 Parse Error (min-width:480px) { .img100x { display: none; } .imgnat { display: none; }}
67 Parse Error (min-width: 320px) and (max-width: 767px) { .img100x { margin: 0px 0px 0; display: inline-block; vertical-align: top; width: 300px; height: 110px; margin: 10px 10px 10px; } .imgnat{ margin: 0px 0px 0; display: inline-block; vertical-align: top; width: 100%; height: 590px; } }

↑ Top

Warnings (83)

URI : https://www.pornjk.com/css/import.css?v1

1 body Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
1 input Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.

URI : https://www.pornjk.com/css/styles.css?v3

1 Property -webkit-column-count is an unknown vendor extension
1 Property -moz-column-count is an unknown vendor extension
1 Property -webkit-column-count is an unknown vendor extension
1 Property -moz-column-count is an unknown vendor extension
1 Property -moz-column-count is an unknown vendor extension
1 Property -webkit-column-count is an unknown vendor extension
1 Property -moz-column-count is an unknown vendor extension
1 Property -webkit-column-count is an unknown vendor extension
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .open:hover
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .foot a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .foot a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .preview .name i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .preview .name i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .preview .name i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .searches-list li a i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and span.tag
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .searches-list li a:hover
1 Same colors for color and background-color in two contexts .pages li.next a:hover and span.tag
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .videos-list .preview a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and span.tag
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .videos-list .preview a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .videos-list .preview a .name i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .cats-list li a i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .videos-list .preview a .name i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .open:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .videos-list .preview a .name i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .full-meta i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and a:hover
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .full-meta i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .sidebar-val i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .full-meta i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .sidebar-val i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .list span:hover i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .open.active
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .list span:hover i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .searches-list li a i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .list span:hover i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .searches-list li a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .list span i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .cats-list li a i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .list span i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .open:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .list span i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .foot a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and h1 i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .open.active
1 Same colors for color and background-color in two contexts .pages li.next a:hover and h1 i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .searches-list li a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and h1 i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .cats-list li a i
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .logo a span
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .sidebar-val i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .logo a span
1 Same colors for color and background-color in two contexts .pages li.next a:hover and .videos-list .preview a:hover
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .logo a span
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover i and .open.active
1 Same colors for color and background-color in two contexts .cats-list li.to-all a:hover and .searches-list li a i
1 Same colors for color and background-color in two contexts .pages li.next a:hover and a:hover

URI : https://www.pornjk.com/

16 You should add a 'type' attribute with a value of 'text/css' to the 'style' element
26 You should add a 'type' attribute with a value of 'text/css' to the 'style' element
68 You should add a 'type' attribute with a value of 'text/css' to the 'style' element

URI : https://www.pornjk.com/font/css/font-awesome.css

2 Property -ms-filter is an unknown vendor extension
2 Property -ms-transform is an unknown vendor extension
2 Property -ms-transform is an unknown vendor extension
2 Property -ms-transform is an unknown vendor extension
2 Property -webkit-font-smoothing is an unknown vendor extension
2 Property -webkit-transform is an unknown vendor extension
2 Property -ms-filter is an unknown vendor extension
2 Property -webkit-animation is an unknown vendor extension
2 Property -webkit-transform is an unknown vendor extension
2 Property -webkit-transform is an unknown vendor extension
2 Property -ms-transform is an unknown vendor extension
2 Property -ms-filter is an unknown vendor extension
2 Property -ms-filter is an unknown vendor extension
2 Property -ms-filter is an unknown vendor extension
2 Property -webkit-animation is an unknown vendor extension
2 Property -ms-transform is an unknown vendor extension
2 Property -moz-osx-font-smoothing is an unknown vendor extension
2 Property -webkit-transform is an unknown vendor extension
2 Property -webkit-transform is an unknown vendor extension

↑ Top

Valid CSS information

.list span {
border-color : transparent;
}
body {
background-color : #ebf0f5;
color : #5f6469;
}
img, .br, .preview-img, .brs-block, .full-bn, .pages span {
background-color : #d7dce1;
}
a:hover, .preview .name i, .list span i, .logo a span, h1 i, .open:hover, .open.active, .sidebar-val i, .searches-list li a:hover, .searches-list li a i, .cats-list li a i, .list span:hover i, .foot a:hover, .videos-list .preview a:hover, .videos-list .preview a .name i, .full-meta i, span.tag {
color : #2d91d7;
}
a, h2, .search input, .logo a, h1, .navi li a, .open, .sidebar-val, .searches-list li a, .meta ul, .foot a, .videos-list .preview a, .full-meta span.val, .full-meta li.like a i, .full-meta li.dislike a i {
color : #23282d;
}
.head, .sidebar, .left-col, .foot, .full-wrap, .full-bns-block, .full-meta li.like a, .full-meta li.dislike a {
background-color : #e1e6eb;
}
.preview .meta ul, .preview .hd, .close, .bot-close {
background-color : rgba(35, 40, 45, 0.8);
color : #fff;
}
.search button, .menu li a, .full-meta a, .list span:hover {
background-color : #373c41;
color : #fff;
}
.searches-list li a, .preview .meta li {
border-color : #c8d2d7;
}
.cats-list li a, .full-block, .pages a, .list span {
background-color : #f5faff;
color : #23282d;
}
.head, .searches-list li a:hover, .sidebar, .pages, .brs-block, .foot, .list span:hover, .full-meta-wr {
border-color : #379be1;
}
.navi li a:hover, .navi li a.active, .navi li.active a, .search button:hover, .menu li a:hover, .menu li a.active, .menu li.active a, .cats-list li a:hover, .cats-list li a:hover i, .cats-list li.to-all a, .cats-list li.to-all a i, .cats-list li a:hover span:last-child, .pages a:hover, .pages a.active, .pages li.active a, .pages li.next a, .full-meta a:hover, .close:hover, .bot-close:hover, .full-meta a:hover i, .full-meta a:hover span.tag {
background-color : #379be1;
color : #fff;
}
.pages li.next a:hover, .cats-list li.to-all a:hover, .cats-list li.to-all a:hover i {
background-color : #2d91d7;
color : #fff;
}
body, html, div, p, a, ul, li, input, button, form, textarea, span, img, h1, h2, h3 {
margin : 0;
padding : 0;
}
div, ul, li, a {
overflow : hidden;
}
body {
font-family : Arial, sans-serif;
}
li {
list-style-type : none;
}
img {
display : block;
}
a {
text-decoration : none;
}
h1, h2 {
text-transform : uppercase;
}
h1 {
float : left;
margin : 10px 5px 0;
font-size : 18px;
line-height : 28px;
height : 28px;
overflow : hidden;
font-weight : 400;
}
h2 {
margin : 40px 5px 0;
font-size : 22px;
line-height : 24px;
font-weight : 700;
}
.wrap {
margin : 0 auto;
max-width : 1900px;
width : 100%;
}
.head {
border-bottom-width : 2px;
border-bottom-style : solid;
font-size : 0;
padding-bottom : 10px;
}
.open {
float : left;
cursor : pointer;
width : 28px;
height : 28px;
line-height : 28px;
font-size : 22px;
margin : 10px 5px 0;
}
.logo {
float : left;
margin : 10px 20px 0 5px;
}
.logo a {
height : 28px;
line-height : 28px;
font-size : 22px;
display : block;
font-weight : 700;
text-transform : uppercase;
}
.val-sort {
overflow : visible;
}
.navi {
float : left;
padding-top : 5px;
}
.navi ul {
float : left;
margin : 0 15px 0 5px;
}
.navi li {
float : left;
margin : 5px 2px 0 0;
}
.navi li a, .navi li span {
display : block;
height : 28px;
line-height : 28px;
font-size : 14px;
padding : 0 10px;
}
.navi li span {
padding : 0;
text-transform : uppercase;
margin-right : 5px;
}
.sidebar {
display : none;
border-top-width : 2px;
border-top-style : solid;
position : absolute;
width : 100%;
z-index : 10000;
left : 0;
top : 48px;
padding-bottom : 15px;
}
.sidebar-val {
display : none;
padding : 0 10px;
margin : 40px 0 -5px;
font-size : 20px;
font-weight : 700;
line-height : 22px;
text-transform : uppercase;
}
.search {
padding : 15px 10px 0;
margin : 0 auto;
max-width : 640px;
}
.search form {
position : relative;
}
.search input {
text-transform : uppercase;
width : 96%;
padding : 0 2%;
border : 0;
outline : 0;
font-size : 14px;
height : 40px;
line-height : 40px;
}
.search button {
position : absolute;
top : 5px;
right : 5px;
border : 0;
cursor : pointer;
outline : 0;
width : 30px;
text-align : center;
font-size : 14px;
height : 30px;
line-height : 30px;
}
.menu {
padding : 14px 10px 0;
margin : 0 auto;
max-width : 640px;
}
.menu li {
margin-top : 1px;
}
.menu li a {
display : block;
font-size : 18px;
height : 50px;
line-height : 50px;
padding : 0 15px;
text-transform : uppercase;
}
.searches-list {
display : none;
padding : 10px 0 0 10px;
}
.searches-list li {
float : left;
}
.searches-list li a {
margin : 5px 15px 0 0;
border-bottom-width : 2px;
border-bottom-style : solid;
display : block;
font-size : 15px;
line-height : 18px;
padding : 5px 0;
}
.cats-list {
display : none;
padding : 14px 10px 0;
}
.cats-list li a {
margin-top : 1px;
display : block;
font-size : 16px;
height : 35px;
line-height : 35px;
padding : 0 10px;
}
.cats-list li a span {
display : block;
}
.cats-list li a span:first-child {
float : left;
}
.cats-list li a span:last-child {
float : right;
font-size : 11px;
}
.cats-list li.to-all {
font-weight : 700;
text-transform : uppercase;
}
.videos-list {
display : none;
padding : 10px 5px 0;
}
.right-col {
padding-bottom : 15px;
}
.preview {
width : 100%;
}
.preview-ins {
margin : 10px 5px 0;
position : relative;
}
.preview a {
display : block;
}
.preview-img {
position : relative;
padding-bottom : 56.25%;
}
.preview-img img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.play {
color : #fff;
opacity : 0.0;
overflow : visible;
position : absolute;
top : 50%;
left : 50%;
margin : -20px 0 0 -20px;
font-size : 40px;
width : 40px;
height : 40px;
line-height : 40px;
text-align : center;
}
.preview .name {
font-size : 14px;
height : 16px;
text-transform : uppercase;
line-height : 16px;
margin-top : 4px;
font-weight : 700;
padding-left : 0.5px;
}
.preview .meta {
position : absolute;
}
.preview .meta ul {
height : 18px;
}
.preview .meta li {
border-right-style : solid;
border-right-width : 1px;
font-size : 11px;
float : left;
padding : 0 6px;
height : 18px;
line-height : 18px;
}
.preview .meta li:last-child {
border : 0;
}
.preview .meta li span.likes {
color : #39ca7f;
}
.preview .meta-like-views {
bottom : 20px;
left : 0;
}
.preview .meta-dur-date {
right : 0;
top : 0;
}
.preview .hd {
color : #ffaf4b;
font-weight : 700;
height : 18px;
line-height : 18px;
padding : 0 4px;
font-size : 14px;
position : absolute;
top : 0;
left : 0;
}
.preview:hover .meta-like-views {
left : -320px;
}
.preview:hover .meta-dur-date {
right : -320px;
}
.preview:hover .play {
opacity : 1.0;
}
.preview-ins-cat .name {
font-size : 16px;
height : 18px;
line-height : 18px;
}
.preview-ins-cat .meta-like-views {
bottom : 22px;
}
.videos-list .preview .meta {
display : none;
}
.videos-list .preview .name {
font-size : 12px;
}
.videos-list .preview .play {
margin : -15px 0 0 -15px;
font-size : 30px;
width : 30px;
height : 30px;
line-height : 30px;
}
.pages {
margin : 20px 5px 0;
padding-top : 6px;
border-top-style : solid;
border-top-width : 2px;
font-size : 0;
text-align : center;
}
.pages li {
display : inline-block;
vertical-align : top;
margin : 4px 2px 0;
}
.pages a, .pages span {
display : block;
min-width : 20px;
padding : 0 10px;
height : 40px;
line-height : 40px;
font-size : 14px;
font-weight : 700;
text-transform : uppercase;
}
.pages li.prev a, .pages li.next a, .pages li.prev span, .pages li.next span {
padding : 0 15px;
}
.brs-block {
border-top-style : solid;
border-top-width : 2px;
margin : 10px 5px 0;
font-size : 0;
text-align : center;
padding : 5px 0 15px;
}
.br {
width : 300px;
height : 250px;
margin : 10px 5px 0;
display : inline-block;
vertical-align : top;
}
.br-2, .br-3, .br-4, .br-5 {
display : none;
}
.list {
padding : 6px 3px 0;
font-size : 0;
}
.list li {
page-break-inside : avoid;
break-inside : avoid;
}
.list a {
float : left;
width : 100%;
display : block;
}
.list span {
border-bottom-style : solid;
border-bottom-width : 2px;
display : block;
padding : 0 10px;
font-size : 13px;
height : 38px;
line-height : 40px;
margin : 4px 2px 0;
text-transform : uppercase;
font-weight : 700;
}
.full-wrap {
margin : 0 0 0;
}
.full-tab {
display : table;
width : 100%;
}
.video {
background-color : #000;
position : relative;
width : 100%;
padding-bottom : 56.25%;
}
.video iframe, .video object, .video embed, .video video, .video source {
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
}
.on-player-pl {
display : none;
background-color : rgba(0, 0, 0, 0.5);
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 5000;
}
.on-player {
position : absolute;
top : 50%;
left : 50%;
width : 300px;
height : 250px;
z-index : 5500;
margin : -125px 0 0 -150px;
overflow : visible;
}
.close {
position : absolute;
top : 0;
right : 0;
font-family : Arial, sans-serif;
width : 30px;
text-align : center;
height : 30px;
line-height : 30px;
font-size : 18px;
cursor : pointer;
}
.on-pl-spts {
background-color : rgba(0, 0, 0, 0.7);
overflow : hidden;
}
.on-player-sp {
background-color : #282828;
width : 300px;
height : 250px;
overflow : hidden;
}
.bot-close {
position : absolute;
text-transform : uppercase;
left : 50%;
margin-left : -80px;
bottom : 0;
width : 160px;
text-align : center;
height : 30px;
line-height : 30px;
font-size : 14px;
cursor : pointer;
}
.on-player-sp iframe {
width : 300px !important ;
height : 250px !important ;
position : static;
}
.full-meta-wr {
border-top-style : solid;
border-top-width : 2px;
padding-bottom : 10px;
text-align : center;
font-size : 0;
}
.full-meta {
display : inline-block;
vertical-align : top;
}
.full-meta ul {
padding : 8px 9px 0;
display : inline-block;
vertical-align : top;
}
.full-meta li {
display : inline-block;
vertical-align : top;
margin : 2px 1px 0;
font-size : 14px;
text-transform : uppercase;
text-align : center;
}
.full-meta a, .full-meta div {
display : block;
height : 35px;
line-height : 35px;
padding : 0 10px;
}
.full-meta li.like a, .full-meta li.dislike a {
min-width : 15px;
font-size : 18px;
cursor : pointer;
}
.full-meta li.like a:hover, .full-meta li.like a:hover i {
background-color : #40b840;
color : #fff;
}
.full-meta li.dislike a:hover, .full-meta li.dislike a:hover i {
background-color : #cc4040;
color : #fff;
}
.full-meta .links-val {
padding-right : 5px;
}
.full-bns-block {
padding : 0 0 10px;
text-align : center;
font-size : 0;
}
.full-bn {
margin : 10px 5px 0;
display : inline-block;
vertical-align : top;
width : 300px;
height : 250px;
}
.full-bn-2, .full-bn-3 {
display : none;
}
.foot {
border-top-width : 2px;
border-top-style : solid;
padding : 5px 0 15px;
font-size : 14px;
line-height : 16px;
text-transform : uppercase;
text-align : center;
}
.foot p {
margin : 10px 5px 0;
}
.foot ul {
padding-top : 5px;
}
.foot li {
margin : 5px 5px 0;
display : inline-block;
vertical-align : top;
}
.foot a {
text-decoration : underline;
}
.foot a:hover {
text-decoration : none;
}
@media all and (min-width : 330px) {
.preview {
float : left;
width : 50%;
}
}
@media all and (min-width : 400px) {
.open, .logo a {
font-size : 24px;
}
.search input {
height : 50px;
line-height : 50px;
font-size : 16px;
}
.search button {
width : 40px;
height : 40px;
line-height : 40px;
font-size : 16px;
}
.preview-ins-cat .name {
font-size : 18px;
height : 20px;
line-height : 20px;
}
.preview-ins-cat .meta-like-views {
bottom : 24px;
}
.list ul {
column-count : 2;
}
}
@media all and (min-width : 640px) {
.br-2, .full-bn-2 {
display : inline-block;
}
.list ul {
column-count : 3;
}
.list span {
font-size : 14px;
}
.on-player-pl {
display : block;
}
}
@media all and (min-width : 660px) {
.preview {
width : 33.3333%;
}
}
@media all and (min-width : 930px) {
.open {
display : none;
}
.logo {
min-width : 240px;
margin : 10px 15px 0 0;
text-align : center;
}
.logo a {
font-size : 30px;
height : 30px;
line-height : 30px;
}
.val-sort {
overflow : hidden;
}
h1 {
font-size : 22px;
margin-left : 0;
margin-right : 10px;
height : 30px;
line-height : 30px;
}
.navi ul {
margin : 0 20px 0 0;
}
.navi li a, .navi li span {
height : 30px;
line-height : 30px;
font-size : 16px;
}
.sidebar {
box-shadow : none;
display : block !important ;
top : 0;
border-top : 0;
width : 240px;
padding-bottom : 40px;
}
.sidebar-val, .searches-list, .cats-list, .videos-list {
display : block;
}
.search input {
width : 200px;
padding : 0 10px;
height : 45px;
line-height : 45px;
font-size : 14px;
}
.search button {
width : 35px;
height : 35px;
line-height : 35px;
font-size : 14px;
}
.menu {
padding : 14px 0 0;
}
.wrap {
display : table;
width : 100%;
position : relative;
}
.left-col {
display : table-cell;
vertical-align : top;
width : 240px;
}
.right-col {
display : table-cell;
vertical-align : top;
padding-left : 10px;
}
.previews-block {
padding-top : 5px;
}
.videos-list .preview {
width : 50%;
}
.pages {
padding-top : 0;
}
.pages li {
margin : 0 2px;
}
.pages li.prev {
float : left;
margin-left : 0;
}
.pages li.next {
float : right;
margin-right : 0;
}
.pages li.prev a, .pages li.next a, .pages li.prev span, .pages li.next span {
padding : 0 20px;
}
.full-wrap {
margin-top : 15px;
}
.full-meta-wr {
text-align : left;
}
.full-meta .links-val {
padding-left : 0 !important ;
}
}
@media all and (min-width : 1260px) {
.preview {
width : 25%;
}
h1 {
font-size : 24px;
}
h2 {
font-size : 24px;
line-height : 26px;
}
.pages a, .pages span {
height : 50px;
line-height : 50px;
padding : 0 15px;
font-size : 16px;
}
.pages li.prev a, .pages li.next a, .pages li.prev span, .pages li.next span {
padding : 0 25px;
}
.br-3 {
display : inline-block;
}
.list ul {
column-count : 4;
}
.foot {
font-size : 16px;
line-height : 18px;
}
.full-block, .full-bns-block {
display : table-cell;
vertical-align : top;
}
.full-bns-block {
width : 320px;
margin : 0;
}
.full-meta ul {
padding : 13px 14px 0;
}
.full-meta div, .full-meta a {
height : 40px;
line-height : 40px;
}
.full-meta a {
padding : 0 15px;
}
.full-meta li.like a, .full-meta li.dislike a {
font-size : 22px;
}
}
@media all and (min-width : 1590px) {
h1 {
font-size : 26px;
}
h2 {
font-size : 26px;
line-height : 28px;
}
.preview {
width : 20%;
}
.br-4 {
display : inline-block;
}
.list ul {
column-count : 6;
}
.full-meta li {
font-size : 16px;
}
}
@media all and (min-width : 1650px) {
.full-bn-3 {
display : inline-block;
}
}
@media all and (min-width : 1850px) {
.br-5 {
display : inline-block;
}
.list span {
height : 48px;
line-height : 50px;
font-size : 16px;
}
}
.searches-list, .cats-list {
display : block;
max-width : 640px;
margin : 0 auto;
}
.sidebar-val {
display : block;
max-width : 640px;
margin : 20px auto -5px;
}
@media all and (min-width : 930px) {
.sidebar-val {
margin : 40px 0 -5px;
}
}
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700";
@font-face {
{
font-family : "'Roboto Condensed'";
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xk.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto Condensed'";
font-style : normal;
font-weight : 700;
src : url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xk.ttf) format('truetype');
}
}
@import "../font/css/font-awesome.css";
@font-face {
{
font-family : fontawesome;
src : url(../fonts/fontawesome-webfont.eot?v=4.6.1);
src : url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.6.1) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.6.1) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.6.1) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular) format('svg');
font-weight : 400;
font-style : normal;
}
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
}
.fa-lg {
font-size : 1.3333334em;
line-height : 0.75em;
vertical-align : -15%;
}
.fa-2x {
font-size : 2em;
}
.fa-3x {
font-size : 3em;
}
.fa-4x {
font-size : 4em;
}
.fa-5x {
font-size : 5em;
}
.fa-fw {
width : 1.2857143em;
text-align : center;
}
.fa-ul {
padding-left : 0;
margin-left : 2.142857em;
list-style-type : none;
}
.fa-ul > li {
position : relative;
}
.fa-li {
position : absolute;
left : -2.142857em;
width : 2.142857em;
top : 0.14285713em;
text-align : center;
}
.fa-li.fa-lg {
left : -1.8571428em;
}
.fa-border {
padding : 0.2em 0.25em 0.15em;
border : 0.08em solid #eee;
}
.fa-pull-left {
float : left;
}
.fa-pull-right {
float : right;
}
.fa.fa-pull-left {
margin-right : 0.3em;
}
.fa.fa-pull-right {
margin-left : 0.3em;
}
.pull-right {
float : right;
}
.pull-left {
float : left;
}
.fa.pull-left {
margin-right : 0.3em;
}
.fa.pull-right {
margin-left : 0.3em;
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle;
}
.fa-stack-1x, .fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-inverse {
color : #fff;
}
.fa-glass:before {
content : "\f000";
}
.fa-music:before {
content : "\f001";
}
.fa-search:before {
content : "\f002";
}
.fa-envelope-o:before {
content : "\f003";
}
.fa-heart:before {
content : "\f004";
}
.fa-star:before {
content : "\f005";
}
.fa-star-o:before {
content : "\f006";
}
.fa-user:before {
content : "\f007";
}
.fa-film:before {
content : "\f008";
}
.fa-th-large:before {
content : "\f009";
}
.fa-th:before {
content : "\f00a";
}
.fa-th-list:before {
content : "\f00b";
}
.fa-check:before {
content : "\f00c";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content : "\f00d";
}
.fa-search-plus:before {
content : "\f00e";
}
.fa-search-minus:before {
content : "\f010";
}
.fa-power-off:before {
content : "\f011";
}
.fa-signal:before {
content : "\f012";
}
.fa-gear:before, .fa-cog:before {
content : "\f013";
}
.fa-trash-o:before {
content : "\f014";
}
.fa-home:before {
content : "\f015";
}
.fa-file-o:before {
content : "\f016";
}
.fa-clock-o:before {
content : "\f017";
}
.fa-road:before {
content : "\f018";
}
.fa-download:before {
content : "\f019";
}
.fa-arrow-circle-o-down:before {
content : "\f01a";
}
.fa-arrow-circle-o-up:before {
content : "\f01b";
}
.fa-inbox:before {
content : "\f01c";
}
.fa-play-circle-o:before {
content : "\f01d";
}
.fa-rotate-right:before, .fa-repeat:before {
content : "\f01e";
}
.fa-refresh:before {
content : "\f021";
}
.fa-list-alt:before {
content : "\f022";
}
.fa-lock:before {
content : "\f023";
}
.fa-flag:before {
content : "\f024";
}
.fa-headphones:before {
content : "\f025";
}
.fa-volume-off:before {
content : "\f026";
}
.fa-volume-down:before {
content : "\f027";
}
.fa-volume-up:before {
content : "\f028";
}
.fa-qrcode:before {
content : "\f029";
}
.fa-barcode:before {
content : "\f02a";
}
.fa-tag:before {
content : "\f02b";
}
.fa-tags:before {
content : "\f02c";
}
.fa-book:before {
content : "\f02d";
}
.fa-bookmark:before {
content : "\f02e";
}
.fa-print:before {
content : "\f02f";
}
.fa-camera:before {
content : "\f030";
}
.fa-font:before {
content : "\f031";
}
.fa-bold:before {
content : "\f032";
}
.fa-italic:before {
content : "\f033";
}
.fa-text-height:before {
content : "\f034";
}
.fa-text-width:before {
content : "\f035";
}
.fa-align-left:before {
content : "\f036";
}
.fa-align-center:before {
content : "\f037";
}
.fa-align-right:before {
content : "\f038";
}
.fa-align-justify:before {
content : "\f039";
}
.fa-list:before {
content : "\f03a";
}
.fa-dedent:before, .fa-outdent:before {
content : "\f03b";
}
.fa-indent:before {
content : "\f03c";
}
.fa-video-camera:before {
content : "\f03d";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content : "\f03e";
}
.fa-pencil:before {
content : "\f040";
}
.fa-map-marker:before {
content : "\f041";
}
.fa-adjust:before {
content : "\f042";
}
.fa-tint:before {
content : "\f043";
}
.fa-edit:before, .fa-pencil-square-o:before {
content : "\f044";
}
.fa-share-square-o:before {
content : "\f045";
}
.fa-check-square-o:before {
content : "\f046";
}
.fa-arrows:before {
content : "\f047";
}
.fa-step-backward:before {
content : "\f048";
}
.fa-fast-backward:before {
content : "\f049";
}
.fa-backward:before {
content : "\f04a";
}
.fa-play:before {
content : "\f04b";
}
.fa-pause:before {
content : "\f04c";
}
.fa-stop:before {
content : "\f04d";
}
.fa-forward:before {
content : "\f04e";
}
.fa-fast-forward:before {
content : "\f050";
}
.fa-step-forward:before {
content : "\f051";
}
.fa-eject:before {
content : "\f052";
}
.fa-chevron-left:before {
content : "\f053";
}
.fa-chevron-right:before {
content : "\f054";
}
.fa-plus-circle:before {
content : "\f055";
}
.fa-minus-circle:before {
content : "\f056";
}
.fa-times-circle:before {
content : "\f057";
}
.fa-check-circle:before {
content : "\f058";
}
.fa-question-circle:before {
content : "\f059";
}
.fa-info-circle:before {
content : "\f05a";
}
.fa-crosshairs:before {
content : "\f05b";
}
.fa-times-circle-o:before {
content : "\f05c";
}
.fa-check-circle-o:before {
content : "\f05d";
}
.fa-ban:before {
content : "\f05e";
}
.fa-arrow-left:before {
content : "\f060";
}
.fa-arrow-right:before {
content : "\f061";
}
.fa-arrow-up:before {
content : "\f062";
}
.fa-arrow-down:before {
content : "\f063";
}
.fa-mail-forward:before, .fa-share:before {
content : "\f064";
}
.fa-expand:before {
content : "\f065";
}
.fa-compress:before {
content : "\f066";
}
.fa-plus:before {
content : "\f067";
}
.fa-minus:before {
content : "\f068";
}
.fa-asterisk:before {
content : "\f069";
}
.fa-exclamation-circle:before {
content : "\f06a";
}
.fa-gift:before {
content : "\f06b";
}
.fa-leaf:before {
content : "\f06c";
}
.fa-fire:before {
content : "\f06d";
}
.fa-eye:before {
content : "\f06e";
}
.fa-eye-slash:before {
content : "\f070";
}
.fa-warning:before, .fa-exclamation-triangle:before {
content : "\f071";
}
.fa-plane:before {
content : "\f072";
}
.fa-calendar:before {
content : "\f073";
}
.fa-random:before {
content : "\f074";
}
.fa-comment:before {
content : "\f075";
}
.fa-magnet:before {
content : "\f076";
}
.fa-chevron-up:before {
content : "\f077";
}
.fa-chevron-down:before {
content : "\f078";
}
.fa-retweet:before {
content : "\f079";
}
.fa-shopping-cart:before {
content : "\f07a";
}
.fa-folder:before {
content : "\f07b";
}
.fa-folder-open:before {
content : "\f07c";
}
.fa-arrows-v:before {
content : "\f07d";
}
.fa-arrows-h:before {
content : "\f07e";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content : "\f080";
}
.fa-twitter-square:before {
content : "\f081";
}
.fa-facebook-square:before {
content : "\f082";
}
.fa-camera-retro:before {
content : "\f083";
}
.fa-key:before {
content : "\f084";
}
.fa-gears:before, .fa-cogs:before {
content : "\f085";
}
.fa-comments:before {
content : "\f086";
}
.fa-thumbs-o-up:before {
content : "\f087";
}
.fa-thumbs-o-down:before {
content : "\f088";
}
.fa-star-half:before {
content : "\f089";
}
.fa-heart-o:before {
content : "\f08a";
}
.fa-sign-out:before {
content : "\f08b";
}
.fa-linkedin-square:before {
content : "\f08c";
}
.fa-thumb-tack:before {
content : "\f08d";
}
.fa-external-link:before {
content : "\f08e";
}
.fa-sign-in:before {
content : "\f090";
}
.fa-trophy:before {
content : "\f091";
}
.fa-github-square:before {
content : "\f092";
}
.fa-upload:before {
content : "\f093";
}
.fa-lemon-o:before {
content : "\f094";
}
.fa-phone:before {
content : "\f095";
}
.fa-square-o:before {
content : "\f096";
}
.fa-bookmark-o:before {
content : "\f097";
}
.fa-phone-square:before {
content : "\f098";
}
.fa-twitter:before {
content : "\f099";
}
.fa-facebook-f:before, .fa-facebook:before {
content : "\f09a";
}
.fa-github:before {
content : "\f09b";
}
.fa-unlock:before {
content : "\f09c";
}
.fa-credit-card:before {
content : "\f09d";
}
.fa-feed:before, .fa-rss:before {
content : "\f09e";
}
.fa-hdd-o:before {
content : "\f0a0";
}
.fa-bullhorn:before {
content : "\f0a1";
}
.fa-bell:before {
content : "\f0f3";
}
.fa-certificate:before {
content : "\f0a3";
}
.fa-hand-o-right:before {
content : "\f0a4";
}
.fa-hand-o-left:before {
content : "\f0a5";
}
.fa-hand-o-up:before {
content : "\f0a6";
}
.fa-hand-o-down:before {
content : "\f0a7";
}
.fa-arrow-circle-left:before {
content : "\f0a8";
}
.fa-arrow-circle-right:before {
content : "\f0a9";
}
.fa-arrow-circle-up:before {
content : "\f0aa";
}
.fa-arrow-circle-down:before {
content : "\f0ab";
}
.fa-globe:before {
content : "\f0ac";
}
.fa-wrench:before {
content : "\f0ad";
}
.fa-tasks:before {
content : "\f0ae";
}
.fa-filter:before {
content : "\f0b0";
}
.fa-briefcase:before {
content : "\f0b1";
}
.fa-arrows-alt:before {
content : "\f0b2";
}
.fa-group:before, .fa-users:before {
content : "\f0c0";
}
.fa-chain:before, .fa-link:before {
content : "\f0c1";
}
.fa-cloud:before {
content : "\f0c2";
}
.fa-flask:before {
content : "\f0c3";
}
.fa-cut:before, .fa-scissors:before {
content : "\f0c4";
}
.fa-copy:before, .fa-files-o:before {
content : "\f0c5";
}
.fa-paperclip:before {
content : "\f0c6";
}
.fa-save:before, .fa-floppy-o:before {
content : "\f0c7";
}
.fa-square:before {
content : "\f0c8";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content : "\f0c9";
}
.fa-list-ul:before {
content : "\f0ca";
}
.fa-list-ol:before {
content : "\f0cb";
}
.fa-strikethrough:before {
content : "\f0cc";
}
.fa-underline:before {
content : "\f0cd";
}
.fa-table:before {
content : "\f0ce";
}
.fa-magic:before {
content : "\f0d0";
}
.fa-truck:before {
content : "\f0d1";
}
.fa-pinterest:before {
content : "\f0d2";
}
.fa-pinterest-square:before {
content : "\f0d3";
}
.fa-google-plus-square:before {
content : "\f0d4";
}
.fa-google-plus:before {
content : "\f0d5";
}
.fa-money:before {
content : "\f0d6";
}
.fa-caret-down:before {
content : "\f0d7";
}
.fa-caret-up:before {
content : "\f0d8";
}
.fa-caret-left:before {
content : "\f0d9";
}
.fa-caret-right:before {
content : "\f0da";
}
.fa-columns:before {
content : "\f0db";
}
.fa-unsorted:before, .fa-sort:before {
content : "\f0dc";
}
.fa-sort-down:before, .fa-sort-desc:before {
content : "\f0dd";
}
.fa-sort-up:before, .fa-sort-asc:before {
content : "\f0de";
}
.fa-envelope:before {
content : "\f0e0";
}
.fa-linkedin:before {
content : "\f0e1";
}
.fa-rotate-left:before, .fa-undo:before {
content : "\f0e2";
}
.fa-legal:before, .fa-gavel:before {
content : "\f0e3";
}
.fa-dashboard:before, .fa-tachometer:before {
content : "\f0e4";
}
.fa-comment-o:before {
content : "\f0e5";
}
.fa-comments-o:before {
content : "\f0e6";
}
.fa-flash:before, .fa-bolt:before {
content : "\f0e7";
}
.fa-sitemap:before {
content : "\f0e8";
}
.fa-umbrella:before {
content : "\f0e9";
}
.fa-paste:before, .fa-clipboard:before {
content : "\f0ea";
}
.fa-lightbulb-o:before {
content : "\f0eb";
}
.fa-exchange:before {
content : "\f0ec";
}
.fa-cloud-download:before {
content : "\f0ed";
}
.fa-cloud-upload:before {
content : "\f0ee";
}
.fa-user-md:before {
content : "\f0f0";
}
.fa-stethoscope:before {
content : "\f0f1";
}
.fa-suitcase:before {
content : "\f0f2";
}
.fa-bell-o:before {
content : "\f0a2";
}
.fa-coffee:before {
content : "\f0f4";
}
.fa-cutlery:before {
content : "\f0f5";
}
.fa-file-text-o:before {
content : "\f0f6";
}
.fa-building-o:before {
content : "\f0f7";
}
.fa-hospital-o:before {
content : "\f0f8";
}
.fa-ambulance:before {
content : "\f0f9";
}
.fa-medkit:before {
content : "\f0fa";
}
.fa-fighter-jet:before {
content : "\f0fb";
}
.fa-beer:before {
content : "\f0fc";
}
.fa-h-square:before {
content : "\f0fd";
}
.fa-plus-square:before {
content : "\f0fe";
}
.fa-angle-double-left:before {
content : "\f100";
}
.fa-angle-double-right:before {
content : "\f101";
}
.fa-angle-double-up:before {
content : "\f102";
}
.fa-angle-double-down:before {
content : "\f103";
}
.fa-angle-left:before {
content : "\f104";
}
.fa-angle-right:before {
content : "\f105";
}
.fa-angle-up:before {
content : "\f106";
}
.fa-angle-down:before {
content : "\f107";
}
.fa-desktop:before {
content : "\f108";
}
.fa-laptop:before {
content : "\f109";
}
.fa-tablet:before {
content : "\f10a";
}
.fa-mobile-phone:before, .fa-mobile:before {
content : "\f10b";
}
.fa-circle-o:before {
content : "\f10c";
}
.fa-quote-left:before {
content : "\f10d";
}
.fa-quote-right:before {
content : "\f10e";
}
.fa-spinner:before {
content : "\f110";
}
.fa-circle:before {
content : "\f111";
}
.fa-mail-reply:before, .fa-reply:before {
content : "\f112";
}
.fa-github-alt:before {
content : "\f113";
}
.fa-folder-o:before {
content : "\f114";
}
.fa-folder-open-o:before {
content : "\f115";
}
.fa-smile-o:before {
content : "\f118";
}
.fa-frown-o:before {
content : "\f119";
}
.fa-meh-o:before {
content : "\f11a";
}
.fa-gamepad:before {
content : "\f11b";
}
.fa-keyboard-o:before {
content : "\f11c";
}
.fa-flag-o:before {
content : "\f11d";
}
.fa-flag-checkered:before {
content : "\f11e";
}
.fa-terminal:before {
content : "\f120";
}
.fa-code:before {
content : "\f121";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content : "\f122";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content : "\f123";
}
.fa-location-arrow:before {
content : "\f124";
}
.fa-crop:before {
content : "\f125";
}
.fa-code-fork:before {
content : "\f126";
}
.fa-unlink:before, .fa-chain-broken:before {
content : "\f127";
}
.fa-question:before {
content : "\f128";
}
.fa-info:before {
content : "\f129";
}
.fa-exclamation:before {
content : "\f12a";
}
.fa-superscript:before {
content : "\f12b";
}
.fa-subscript:before {
content : "\f12c";
}
.fa-eraser:before {
content : "\f12d";
}
.fa-puzzle-piece:before {
content : "\f12e";
}
.fa-microphone:before {
content : "\f130";
}
.fa-microphone-slash:before {
content : "\f131";
}
.fa-shield:before {
content : "\f132";
}
.fa-calendar-o:before {
content : "\f133";
}
.fa-fire-extinguisher:before {
content : "\f134";
}
.fa-rocket:before {
content : "\f135";
}
.fa-maxcdn:before {
content : "\f136";
}
.fa-chevron-circle-left:before {
content : "\f137";
}
.fa-chevron-circle-right:before {
content : "\f138";
}
.fa-chevron-circle-up:before {
content : "\f139";
}
.fa-chevron-circle-down:before {
content : "\f13a";
}
.fa-html5:before {
content : "\f13b";
}
.fa-css3:before {
content : "\f13c";
}
.fa-anchor:before {
content : "\f13d";
}
.fa-unlock-alt:before {
content : "\f13e";
}
.fa-bullseye:before {
content : "\f140";
}
.fa-ellipsis-h:before {
content : "\f141";
}
.fa-ellipsis-v:before {
content : "\f142";
}
.fa-rss-square:before {
content : "\f143";
}
.fa-play-circle:before {
content : "\f144";
}
.fa-ticket:before {
content : "\f145";
}
.fa-minus-square:before {
content : "\f146";
}
.fa-minus-square-o:before {
content : "\f147";
}
.fa-level-up:before {
content : "\f148";
}
.fa-level-down:before {
content : "\f149";
}
.fa-check-square:before {
content : "\f14a";
}
.fa-pencil-square:before {
content : "\f14b";
}
.fa-external-link-square:before {
content : "\f14c";
}
.fa-share-square:before {
content : "\f14d";
}
.fa-compass:before {
content : "\f14e";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content : "\f150";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content : "\f151";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content : "\f152";
}
.fa-euro:before, .fa-eur:before {
content : "\f153";
}
.fa-gbp:before {
content : "\f154";
}
.fa-dollar:before, .fa-usd:before {
content : "\f155";
}
.fa-rupee:before, .fa-inr:before {
content : "\f156";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content : "\f157";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content : "\f158";
}
.fa-won:before, .fa-krw:before {
content : "\f159";
}
.fa-bitcoin:before, .fa-btc:before {
content : "\f15a";
}
.fa-file:before {
content : "\f15b";
}
.fa-file-text:before {
content : "\f15c";
}
.fa-sort-alpha-asc:before {
content : "\f15d";
}
.fa-sort-alpha-desc:before {
content : "\f15e";
}
.fa-sort-amount-asc:before {
content : "\f160";
}
.fa-sort-amount-desc:before {
content : "\f161";
}
.fa-sort-numeric-asc:before {
content : "\f162";
}
.fa-sort-numeric-desc:before {
content : "\f163";
}
.fa-thumbs-up:before {
content : "\f164";
}
.fa-thumbs-down:before {
content : "\f165";
}
.fa-youtube-square:before {
content : "\f166";
}
.fa-youtube:before {
content : "\f167";
}
.fa-xing:before {
content : "\f168";
}
.fa-xing-square:before {
content : "\f169";
}
.fa-youtube-play:before {
content : "\f16a";
}
.fa-dropbox:before {
content : "\f16b";
}
.fa-stack-overflow:before {
content : "\f16c";
}
.fa-instagram:before {
content : "\f16d";
}
.fa-flickr:before {
content : "\f16e";
}
.fa-adn:before {
content : "\f170";
}
.fa-bitbucket:before {
content : "\f171";
}
.fa-bitbucket-square:before {
content : "\f172";
}
.fa-tumblr:before {
content : "\f173";
}
.fa-tumblr-square:before {
content : "\f174";
}
.fa-long-arrow-down:before {
content : "\f175";
}
.fa-long-arrow-up:before {
content : "\f176";
}
.fa-long-arrow-left:before {
content : "\f177";
}
.fa-long-arrow-right:before {
content : "\f178";
}
.fa-apple:before {
content : "\f179";
}
.fa-windows:before {
content : "\f17a";
}
.fa-android:before {
content : "\f17b";
}
.fa-linux:before {
content : "\f17c";
}
.fa-dribbble:before {
content : "\f17d";
}
.fa-skype:before {
content : "\f17e";
}
.fa-foursquare:before {
content : "\f180";
}
.fa-trello:before {
content : "\f181";
}
.fa-female:before {
content : "\f182";
}
.fa-male:before {
content : "\f183";
}
.fa-gittip:before, .fa-gratipay:before {
content : "\f184";
}
.fa-sun-o:before {
content : "\f185";
}
.fa-moon-o:before {
content : "\f186";
}
.fa-archive:before {
content : "\f187";
}
.fa-bug:before {
content : "\f188";
}
.fa-vk:before {
content : "\f189";
}
.fa-weibo:before {
content : "\f18a";
}
.fa-renren:before {
content : "\f18b";
}
.fa-pagelines:before {
content : "\f18c";
}
.fa-stack-exchange:before {
content : "\f18d";
}
.fa-arrow-circle-o-right:before {
content : "\f18e";
}
.fa-arrow-circle-o-left:before {
content : "\f190";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content : "\f191";
}
.fa-dot-circle-o:before {
content : "\f192";
}
.fa-wheelchair:before {
content : "\f193";
}
.fa-vimeo-square:before {
content : "\f194";
}
.fa-turkish-lira:before, .fa-try:before {
content : "\f195";
}
.fa-plus-square-o:before {
content : "\f196";
}
.fa-space-shuttle:before {
content : "\f197";
}
.fa-slack:before {
content : "\f198";
}
.fa-envelope-square:before {
content : "\f199";
}
.fa-wordpress:before {
content : "\f19a";
}
.fa-openid:before {
content : "\f19b";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content : "\f19c";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content : "\f19d";
}
.fa-yahoo:before {
content : "\f19e";
}
.fa-google:before {
content : "\f1a0";
}
.fa-reddit:before {
content : "\f1a1";
}
.fa-reddit-square:before {
content : "\f1a2";
}
.fa-stumbleupon-circle:before {
content : "\f1a3";
}
.fa-stumbleupon:before {
content : "\f1a4";
}
.fa-delicious:before {
content : "\f1a5";
}
.fa-digg:before {
content : "\f1a6";
}
.fa-pied-piper:before {
content : "\f1a7";
}
.fa-pied-piper-alt:before {
content : "\f1a8";
}
.fa-drupal:before {
content : "\f1a9";
}
.fa-joomla:before {
content : "\f1aa";
}
.fa-language:before {
content : "\f1ab";
}
.fa-fax:before {
content : "\f1ac";
}
.fa-building:before {
content : "\f1ad";
}
.fa-child:before {
content : "\f1ae";
}
.fa-paw:before {
content : "\f1b0";
}
.fa-spoon:before {
content : "\f1b1";
}
.fa-cube:before {
content : "\f1b2";
}
.fa-cubes:before {
content : "\f1b3";
}
.fa-behance:before {
content : "\f1b4";
}
.fa-behance-square:before {
content : "\f1b5";
}
.fa-steam:before {
content : "\f1b6";
}
.fa-steam-square:before {
content : "\f1b7";
}
.fa-recycle:before {
content : "\f1b8";
}
.fa-automobile:before, .fa-car:before {
content : "\f1b9";
}
.fa-cab:before, .fa-taxi:before {
content : "\f1ba";
}
.fa-tree:before {
content : "\f1bb";
}
.fa-spotify:before {
content : "\f1bc";
}
.fa-deviantart:before {
content : "\f1bd";
}
.fa-soundcloud:before {
content : "\f1be";
}
.fa-database:before {
content : "\f1c0";
}
.fa-file-pdf-o:before {
content : "\f1c1";
}
.fa-file-word-o:before {
content : "\f1c2";
}
.fa-file-excel-o:before {
content : "\f1c3";
}
.fa-file-powerpoint-o:before {
content : "\f1c4";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content : "\f1c5";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content : "\f1c6";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content : "\f1c7";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content : "\f1c8";
}
.fa-file-code-o:before {
content : "\f1c9";
}
.fa-vine:before {
content : "\f1ca";
}
.fa-codepen:before {
content : "\f1cb";
}
.fa-jsfiddle:before {
content : "\f1cc";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content : "\f1cd";
}
.fa-circle-o-notch:before {
content : "\f1ce";
}
.fa-ra:before, .fa-rebel:before {
content : "\f1d0";
}
.fa-ge:before, .fa-empire:before {
content : "\f1d1";
}
.fa-git-square:before {
content : "\f1d2";
}
.fa-git:before {
content : "\f1d3";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content : "\f1d4";
}
.fa-tencent-weibo:before {
content : "\f1d5";
}
.fa-qq:before {
content : "\f1d6";
}
.fa-wechat:before, .fa-weixin:before {
content : "\f1d7";
}
.fa-send:before, .fa-paper-plane:before {
content : "\f1d8";
}
.fa-send-o:before, .fa-paper-plane-o:before {
content : "\f1d9";
}
.fa-history:before {
content : "\f1da";
}
.fa-circle-thin:before {
content : "\f1db";
}
.fa-header:before {
content : "\f1dc";
}
.fa-paragraph:before {
content : "\f1dd";
}
.fa-sliders:before {
content : "\f1de";
}
.fa-share-alt:before {
content : "\f1e0";
}
.fa-share-alt-square:before {
content : "\f1e1";
}
.fa-bomb:before {
content : "\f1e2";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content : "\f1e3";
}
.fa-tty:before {
content : "\f1e4";
}
.fa-binoculars:before {
content : "\f1e5";
}
.fa-plug:before {
content : "\f1e6";
}
.fa-slideshare:before {
content : "\f1e7";
}
.fa-twitch:before {
content : "\f1e8";
}
.fa-yelp:before {
content : "\f1e9";
}
.fa-newspaper-o:before {
content : "\f1ea";
}
.fa-wifi:before {
content : "\f1eb";
}
.fa-calculator:before {
content : "\f1ec";
}
.fa-paypal:before {
content : "\f1ed";
}
.fa-google-wallet:before {
content : "\f1ee";
}
.fa-cc-visa:before {
content : "\f1f0";
}
.fa-cc-mastercard:before {
content : "\f1f1";
}
.fa-cc-discover:before {
content : "\f1f2";
}
.fa-cc-amex:before {
content : "\f1f3";
}
.fa-cc-paypal:before {
content : "\f1f4";
}
.fa-cc-stripe:before {
content : "\f1f5";
}
.fa-bell-slash:before {
content : "\f1f6";
}
.fa-bell-slash-o:before {
content : "\f1f7";
}
.fa-trash:before {
content : "\f1f8";
}
.fa-copyright:before {
content : "\f1f9";
}
.fa-at:before {
content : "\f1fa";
}
.fa-eyedropper:before {
content : "\f1fb";
}
.fa-paint-brush:before {
content : "\f1fc";
}
.fa-birthday-cake:before {
content : "\f1fd";
}
.fa-area-chart:before {
content : "\f1fe";
}
.fa-pie-chart:before {
content : "\f200";
}
.fa-line-chart:before {
content : "\f201";
}
.fa-lastfm:before {
content : "\f202";
}
.fa-lastfm-square:before {
content : "\f203";
}
.fa-toggle-off:before {
content : "\f204";
}
.fa-toggle-on:before {
content : "\f205";
}
.fa-bicycle:before {
content : "\f206";
}
.fa-bus:before {
content : "\f207";
}
.fa-ioxhost:before {
content : "\f208";
}
.fa-angellist:before {
content : "\f209";
}
.fa-cc:before {
content : "\f20a";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content : "\f20b";
}
.fa-meanpath:before {
content : "\f20c";
}
.fa-buysellads:before {
content : "\f20d";
}
.fa-connectdevelop:before {
content : "\f20e";
}
.fa-dashcube:before {
content : "\f210";
}
.fa-forumbee:before {
content : "\f211";
}
.fa-leanpub:before {
content : "\f212";
}
.fa-sellsy:before {
content : "\f213";
}
.fa-shirtsinbulk:before {
content : "\f214";
}
.fa-simplybuilt:before {
content : "\f215";
}
.fa-skyatlas:before {
content : "\f216";
}
.fa-cart-plus:before {
content : "\f217";
}
.fa-cart-arrow-down:before {
content : "\f218";
}
.fa-diamond:before {
content : "\f219";
}
.fa-ship:before {
content : "\f21a";
}
.fa-user-secret:before {
content : "\f21b";
}
.fa-motorcycle:before {
content : "\f21c";
}
.fa-street-view:before {
content : "\f21d";
}
.fa-heartbeat:before {
content : "\f21e";
}
.fa-venus:before {
content : "\f221";
}
.fa-mars:before {
content : "\f222";
}
.fa-mercury:before {
content : "\f223";
}
.fa-intersex:before, .fa-transgender:before {
content : "\f224";
}
.fa-transgender-alt:before {
content : "\f225";
}
.fa-venus-double:before {
content : "\f226";
}
.fa-mars-double:before {
content : "\f227";
}
.fa-venus-mars:before {
content : "\f228";
}
.fa-mars-stroke:before {
content : "\f229";
}
.fa-mars-stroke-v:before {
content : "\f22a";
}
.fa-mars-stroke-h:before {
content : "\f22b";
}
.fa-neuter:before {
content : "\f22c";
}
.fa-genderless:before {
content : "\f22d";
}
.fa-facebook-official:before {
content : "\f230";
}
.fa-pinterest-p:before {
content : "\f231";
}
.fa-whatsapp:before {
content : "\f232";
}
.fa-server:before {
content : "\f233";
}
.fa-user-plus:before {
content : "\f234";
}
.fa-user-times:before {
content : "\f235";
}
.fa-hotel:before, .fa-bed:before {
content : "\f236";
}
.fa-viacoin:before {
content : "\f237";
}
.fa-train:before {
content : "\f238";
}
.fa-subway:before {
content : "\f239";
}
.fa-medium:before {
content : "\f23a";
}
.fa-yc:before, .fa-y-combinator:before {
content : "\f23b";
}
.fa-optin-monster:before {
content : "\f23c";
}
.fa-opencart:before {
content : "\f23d";
}
.fa-expeditedssl:before {
content : "\f23e";
}
.fa-battery-4:before, .fa-battery-full:before {
content : "\f240";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content : "\f241";
}
.fa-battery-2:before, .fa-battery-half:before {
content : "\f242";
}
.fa-battery-1:before, .fa-battery-quarter:before {
content : "\f243";
}
.fa-battery-0:before, .fa-battery-empty:before {
content : "\f244";
}
.fa-mouse-pointer:before {
content : "\f245";
}
.fa-i-cursor:before {
content : "\f246";
}
.fa-object-group:before {
content : "\f247";
}
.fa-object-ungroup:before {
content : "\f248";
}
.fa-sticky-note:before {
content : "\f249";
}
.fa-sticky-note-o:before {
content : "\f24a";
}
.fa-cc-jcb:before {
content : "\f24b";
}
.fa-cc-diners-club:before {
content : "\f24c";
}
.fa-clone:before {
content : "\f24d";
}
.fa-balance-scale:before {
content : "\f24e";
}
.fa-hourglass-o:before {
content : "\f250";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content : "\f251";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content : "\f252";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content : "\f253";
}
.fa-hourglass:before {
content : "\f254";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content : "\f255";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content : "\f256";
}
.fa-hand-scissors-o:before {
content : "\f257";
}
.fa-hand-lizard-o:before {
content : "\f258";
}
.fa-hand-spock-o:before {
content : "\f259";
}
.fa-hand-pointer-o:before {
content : "\f25a";
}
.fa-hand-peace-o:before {
content : "\f25b";
}
.fa-trademark:before {
content : "\f25c";
}
.fa-registered:before {
content : "\f25d";
}
.fa-creative-commons:before {
content : "\f25e";
}
.fa-gg:before {
content : "\f260";
}
.fa-gg-circle:before {
content : "\f261";
}
.fa-tripadvisor:before {
content : "\f262";
}
.fa-odnoklassniki:before {
content : "\f263";
}
.fa-odnoklassniki-square:before {
content : "\f264";
}
.fa-get-pocket:before {
content : "\f265";
}
.fa-wikipedia-w:before {
content : "\f266";
}
.fa-safari:before {
content : "\f267";
}
.fa-chrome:before {
content : "\f268";
}
.fa-firefox:before {
content : "\f269";
}
.fa-opera:before {
content : "\f26a";
}
.fa-internet-explorer:before {
content : "\f26b";
}
.fa-tv:before, .fa-television:before {
content : "\f26c";
}
.fa-contao:before {
content : "\f26d";
}
.fa-500px:before {
content : "\f26e";
}
.fa-amazon:before {
content : "\f270";
}
.fa-calendar-plus-o:before {
content : "\f271";
}
.fa-calendar-minus-o:before {
content : "\f272";
}
.fa-calendar-times-o:before {
content : "\f273";
}
.fa-calendar-check-o:before {
content : "\f274";
}
.fa-industry:before {
content : "\f275";
}
.fa-map-pin:before {
content : "\f276";
}
.fa-map-signs:before {
content : "\f277";
}
.fa-map-o:before {
content : "\f278";
}
.fa-map:before {
content : "\f279";
}
.fa-commenting:before {
content : "\f27a";
}
.fa-commenting-o:before {
content : "\f27b";
}
.fa-houzz:before {
content : "\f27c";
}
.fa-vimeo:before {
content : "\f27d";
}
.fa-black-tie:before {
content : "\f27e";
}
.fa-fonticons:before {
content : "\f280";
}
.fa-reddit-alien:before {
content : "\f281";
}
.fa-edge:before {
content : "\f282";
}
.fa-credit-card-alt:before {
content : "\f283";
}
.fa-codiepie:before {
content : "\f284";
}
.fa-modx:before {
content : "\f285";
}
.fa-fort-awesome:before {
content : "\f286";
}
.fa-usb:before {
content : "\f287";
}
.fa-product-hunt:before {
content : "\f288";
}
.fa-mixcloud:before {
content : "\f289";
}
.fa-scribd:before {
content : "\f28a";
}
.fa-pause-circle:before {
content : "\f28b";
}
.fa-pause-circle-o:before {
content : "\f28c";
}
.fa-stop-circle:before {
content : "\f28d";
}
.fa-stop-circle-o:before {
content : "\f28e";
}
.fa-shopping-bag:before {
content : "\f290";
}
.fa-shopping-basket:before {
content : "\f291";
}
.fa-hashtag:before {
content : "\f292";
}
.fa-bluetooth:before {
content : "\f293";
}
.fa-bluetooth-b:before {
content : "\f294";
}
.fa-percent:before {
content : "\f295";
}
.fa-gitlab:before {
content : "\f296";
}
.fa-wpbeginner:before {
content : "\f297";
}
.fa-wpforms:before {
content : "\f298";
}
.fa-envira:before {
content : "\f299";
}
.fa-universal-access:before {
content : "\f29a";
}
.fa-wheelchair-alt:before {
content : "\f29b";
}
.fa-question-circle-o:before {
content : "\f29c";
}
.fa-blind:before {
content : "\f29d";
}
.fa-audio-description:before {
content : "\f29e";
}
.fa-volume-control-phone:before {
content : "\f2a0";
}
.fa-braille:before {
content : "\f2a1";
}
.fa-assistive-listening-systems:before {
content : "\f2a2";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content : "\f2a3";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content : "\f2a4";
}
.fa-glide:before {
content : "\f2a5";
}
.fa-glide-g:before {
content : "\f2a6";
}
.fa-signing:before, .fa-sign-language:before {
content : "\f2a7";
}
.fa-low-vision:before {
content : "\f2a8";
}
.fa-viadeo:before {
content : "\f2a9";
}
.fa-viadeo-square:before {
content : "\f2aa";
}
.fa-snapchat:before {
content : "\f2ab";
}
.fa-snapchat-ghost:before {
content : "\f2ac";
}
.fa-snapchat-square:before {
content : "\f2ad";
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
border : 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
margin : 0;
overflow : visible;
clip : auto;
}
body, input {
font-family : roboto condensed, sans-serif;
}
#player {
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#overlay {
position : fixed;
display : none;
width : 100%;
height : 100%;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : rgba(0, 0, 0, 0);
z-index : 2;
cursor : pointer;
}
.div-only-mobile {
display : none;
}
@media screen and (max-width : 849px) {
.div-only-mobile {
display : inline-block;
width : 95%;
}
}

↑ Top