Results of the CSS crunched for us.vlip.lv

Let's see what we've done for us.vlip.lv

CSSCruncher.com has crunched this CSS to
22.57 %Less Size! That's Incredible!

Crunched CSS code:

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden], template{display:none}
a{background-color:transparent}
a:active, a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
blockquote, figure{margin:0}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code, kbd, pre, samp{font-family:monospace,monospace;font-size:1em}
button, input, optgroup, select, textarea{color:inherit;font:inherit;margin:0}
fieldset{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
button{overflow:visible}
button, select{text-transform:none}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled], html input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox], input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
legend{border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
legend, td, th{padding:0}
.c-tag-group .c-tag{margin:3px}
.c-tag{vertical-align:top;border:1px solid #ccc;font-size:14px;padding:2px 6px;color:#767678;border-radius:2px}
.c-tag .fa{display:none;vertical-align:middle;font-size:10px;margin:-2px 0 0 3px}
.c-tag.is-active, .c-tag:hover{color:#428bca;border-color:#167ac6;text-decoration:none}
.c-btn-youtube, .c-tag, .c-tag.is-active .fa{display:inline-block}
.c-btn-youtube{font-size:12px;border:0;background:#cc181e;color:#fff;padding:1px 6px;border-radius:2px}
.c-btn-youtube .fab{margin-right:3px}
.c-btn-youtube:hover{background:#d72329}
.c-group-soc{font-size:0}
.c-group-soc .c-btn-soc{margin-right:8px;margin-bottom:8px}
.c-group-soc .c-btn-soc:last-child{margin-right:0}
.c-btn-soc{display:inline-block;font-size:13px;color:#fff;height:30px;line-height:30px;padding:0 12px;border:none;outline:none;background-color:#ccc}
.c-btn-soc--fb{background-color:#2b4b90}
.c-btn-soc--tw{background-color:#1c95d0}
.c-btn-soc--gp{background-color:#d34332}
.c-btn-soc--reddit{background-color:#f6881f}
.c-btn-soc--skype{background-color:#00aff0}
.c-btn-soc--vk{background-color:#42678e}
.c-btn-soc--ok{background-color:#f6881f}
.c-btn-soc__i{margin-right:5px}
.c-btn-soc:hover{opacity:.8;text-decoration:none}
.c-action-link{display:inline-block;vertical-align:middle;font-size:12px;color:#767678;cursor:pointer;padding:10px 15px;background:0 0;border:none;outline:none}
.c-action-link .fa{margin-right:3px}
.c-action-link:hover{text-decoration:none;color:#333}
.c-share-field{display:block;width:100%;padding:0 8px;height:30px;border:1px solid #ccc;background-color:#eee;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);outline:none}
.c-share-field:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.c-share-field--lg{height:35px;font-size:16px}
.c-tab-nav{margin:0;padding:0;font-size:0}
.c-tab-nav__item{position:relative;display:inline-block;margin-right:20px;font-size:16px}
.c-tab-nav__item:last-child{margin-right:0}
.c-tab-nav__item.active .c-tab-nav__btn, .c-tab-nav__item:hover .c-tab-nav__btn{color:#333}
.c-tab-nav__item.active:after, .c-tab-nav__item:hover:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background-color:#cc181e}
.c-tab-nav__btn{display:block;background:0 0;border:none;outline:none;color:#767678;height:31px;line-height:31px;padding:0}
.c-tab-content__item, .collapse{display:none}
.c-header__menu-item.is-active:before, .c-header__menu-item:hover:before, .c-tab-content__item.active, .collapse.in{display:block}
body, html{height:100%}
body{background-color:#f1f1f1;min-width:320px;font-family:"Roboto",sans-serif;font-size:13px;line-height:1.5;font-weight:400}
*, :after, :before{box-sizing:border-box}
.c-h1:first-child, .c-h2:first-child, .c-h3:first-child, .c-h4:first-child, .c-h5:first-child, .c-h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ol:first-child, p:first-child, ul:first-child{margin-top:0}
.c-h1:last-child, .c-h2:last-child, .c-h3:last-child, .c-h4:last-child, .c-h5:last-child, .c-h6:last-child, .w-gap:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol:last-child, p:last-child, ul:last-child{margin-bottom:0}
.c-h1, .c-h2, .c-h3, .c-h4, .c-h5, .c-h6, h1, h2, h3, h4, h5, h6{margin:1em 0 .5em;font-weight:500}
.c-h4, .c-h5, .c-h6, h4, h5, h6{font-size:14px}
.c-h1, .c-h2, h1, h2{line-height:1.3}
.c-h1, h1{font-size:20px}
.c-h2, h2{font-size:18px}
.c-h3, h3{font-size:16px}
ol, p, ul{margin:.5em 0}
.w-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}
.w-page__top{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.w-page__bottom{margin-top:20px}
.w-page__content{-webkit-box-flex:1;-ms-flex:1;flex:1}
.w-center-container{width:1220px;max-width:100%;margin-left:auto;margin-right:auto}
@media only screen and (min-width:768px){.w-center-container--wide{width:auto;margin-left:5%;margin-right:5%}}
.w-two-col__side{margin-top:8px}
.w-two-col__main{-webkit-box-flex:1;-ms-flex:1;flex:1}
@media only screen and (min-width:992px){.w-two-col{display:-webkit-box;display:-ms-flexbox;display:flex}
.w-two-col__side{width:300px;margin-left:15px;margin-top:0}}
.w-side-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-8px;margin-right:-8px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.w-side-row__cell{padding-left:8px;padding-right:8px}
@media only screen and (min-width:667px){.w-side-row__cell{width:50%}}
@media only screen and (min-width:992px){.w-side-row__cell{width:100%}}
.w-gap{margin-bottom:8px}
.c-link, a{color:#428bca;text-decoration:none}
.c-link:hover, a:hover{text-decoration:underline}
.c-link-dark{color:#767678}
.c-link-dark:hover{color:#428bca}
.c-main-box{background-color:#fff;padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.c-main-box__section{border-top:1px solid #e8e8e8;padding-top:8px;padding-bottom:8px}
.c-main-box__section:first-child{border-top:0;padding-top:0}
.c-main-box__section--space-free{padding-top:0;padding-bottom:0}
.c-menu{margin:0;padding:0;list-style:none}
.c-menu__link{display:block;padding:5px 8px;color:#767678}
.c-menu__link.is-active{background-color:#f1f1f1}
.c-menu__link:hover{text-decoration:none;background-color:#333;color:#fff}
.c-menu__link.is-home{background-color:#cc181e;color:#fff}
.mr-5{margin-right:5px !important}
.c-comment:after{content:'';display:table;width:100%;clear:both}
.c-comment__ava{float:left;width:48px;height:48px;background-color:#f1f1f1;overflow:hidden}
.c-comment__ava img, .c-cover__ava img, .c-logo img{display:block;width:100%;height:auto}
.c-comment__content{margin-left:56px}
.c-comment__title{display:block;font-weight:500;margin-bottom:2px}
.c-comment__title:last-child{margin-bottom:0}
.c-comment__text{display:block;width:100%;word-break:break-all}
.c-cover__container{position:relative;height:276px;background-color:#ccc;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.c-cover__ava{width:96px;position:absolute;left:20px;top:20px;border:2px solid #f8f8f8}
.c-cover__data{position:absolute;left:20px;bottom:15px;color:#fff;font-size:0}
.c-cover__data-item{display:inline-block;font-size:12px;margin-right:10px}
.c-cover__data-item:last-child{margin-right:0}
.c-cover__data-item .fa{margin-left:2px}
.c-cover__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px}
.c-cover__footer:first-child{margin-top:0}
.c-cover__headline{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-drawer{position:fixed;z-index:100}
.c-drawer__backdrop{visibility:hidden;opacity:0;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4);-webkit-transition:all .2s;transition:all .2s}
.c-drawer__dialog{position:fixed;top:0;bottom:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow-y:auto;background-color:#fff;width:260px;-webkit-transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.c-drawer__section{border-bottom:1px solid #e8e8e8;padding-top:10px;padding-bottom:10px}
.c-drawer__section:last-child{border-bottom:0}
.c-drawer__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;padding-right:20px}
.c-drawer__close{width:40px;height:40px;border:none;background:0 0;outline:none;margin-right:-8px;color:#767678;font-size:16px}
.c-drawer__close:hover{color:#333}
.c-drawer.is-open{z-index:100}
.c-drawer.is-open .c-drawer__backdrop{visibility:visible;opacity:1}
.c-drawer.is-open .c-drawer__dialog{-webkit-transform:translateX(0);transform:translateX(0)}
.c-footer{background-color:#fff;padding:15px 30px;font-size:14px;color:#767678;text-align:center}
.c-footer__row{border-top:1px solid #e8e8e8;margin-top:15px;padding-top:15px}
.c-footer__row:first-child{border-top:0;margin-top:0;padding-top:0}
@media only screen and (min-width:568px){.c-footer{text-align:left}
.c-footer__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
.c-form-search{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ccc}
.c-form-search__button, .c-form-search__field{background:0 0;outline:none;border:none}
.c-form-search__field{padding:0 10px;height:28px;-webkit-box-flex:1;-ms-flex:1;flex:1;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.c-form-search__field:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.c-form-search__button{width:65px;font-size:13px;border-left:1px solid #ccc;color:#767678;background-color:#f7f7f7}
.c-form-search__button:hover{background-color:#f0f0f0}
.c-form-search__button:active{box-shadow:0 1px 1px 0 rgba(0,0,0,.1) inset}
.c-header{position:relative;z-index:2}
.c-header__container{height:119px}
.c-header__fix, .c-header__top{border-bottom:1px solid #e8e8e8}
.c-header__fix{background-color:#fff}
.c-header__top{padding:8px 12px}
.c-header__top:last-child{border-bottom:0}
.c-header__logo{margin-left:16px}
.c-header__search{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-header__button, .c-header__nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.c-header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:40px}
.c-header__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;padding:0;background:0 0;border:none;outline:none;font-size:16px;color:#767678}
.c-header__button:active, .c-header__button:hover{color:#333}
.c-header__menu{font-size:0;text-align:center}
.c-header__menu-item{position:relative;display:inline-block;height:31px;line-height:31px;margin:0 10px;font-size:13px;color:#767678}
.c-header__menu-item:before{display:none;content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background-color:#cc181e}
.c-header__menu-item.is-active, .c-header__menu-item:hover{text-decoration:none;color:#333}
@media only screen and (min-width:568px){.c-header__container{height:89px}
.c-header__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
.c-likes{text-align:left;font-size:0}
.c-likes__title{font-size:18px}
.c-likes__progress{display:inline-block;position:relative;width:175px;height:2px;background-color:#ccc}
.c-likes__progress-bar{width:0;background-color:#167ac6;height:inherit;left:0;top:0;-webkit-transition:all .2s;transition:all .2s}
.c-likes__like{display:inline-block;color:#767678;font-size:12px;margin-left:20px;padding-top:8px;cursor:pointer}
.c-likes__like:first-child{margin-left:0}
.c-likes__like:before{content:'';display:inline-block;vertical-align:middle;margin-right:3px;margin-top:-5px;opacity:.7}
.c-likes__like--down:before, .c-likes__like--up:before{background-image:url(../img/png-sprite/96dpi/sprite.png);background-position:-24px 0;width:20px;height:20px;background-size:44px,20px;background-repeat:no-repeat}
.c-likes__like--down:before{background-position:0 0}
.c-likes__like:hover{color:#333;text-decoration:none}
.c-likes__like:hover:before{opacity:1}
@media only screen and (min-width:568px){.c-likes{text-align:right}}
.c-player iframe{width:100%;height:100%}
.c-logo{font-size:0}
.c-logo__link{display:inline-block;width:90px}
.c-grid-preview, .c-grid-preview__cell{display:-webkit-box;display:-ms-flexbox;display:flex}
.c-grid-preview{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}
.c-grid-preview__cell{width:100%;padding-left:4px;padding-right:4px;margin-bottom:8px}
@media only screen and (min-width:568px){.c-grid-preview__cell{width:50%}}
@media only screen and (min-width:667px){.c-grid-preview__cell{width:33.333333%}}
@media only screen and (min-width:768px){.c-grid-preview__cell{width:20%}}
@media only screen and (min-width:992px){.c-grid-preview__cell{width:16.666666%}}
.c-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%}
.c-preview__box-img{display:block;width:100%;position:relative}
.c-preview__box-img:not(.is-loaded){min-height:100px}
.c-preview__ava img, .c-preview__img, .c-row-info__ava img, .c-short-preview__img img, .c-stretch-preview__img img{display:block;width:100%;height:auto}
.c-preview__time{position:absolute;bottom:3px;right:3px;padding:0 5px;background:rgba(0,0,0,.6);font-size:10px;z-index:2;color:#fff}
.c-preview__footer{margin-top:8px;font-size:12px;color:#767678;line-height:1.2}
.c-preview__footer:first-child{margin-top:0}
.c-preview__footer:after, .c-row-info__media:after{content:'';display:table;width:100%;clear:both}
.c-preview__ava{float:left;width:40px;height:40px;overflow:hidden;border-radius:50%}
.c-preview__content{margin-left:48px}
.c-preview__title{font-size:13px;display:block;font-weight:500;margin-bottom:3px}
.c-preview__title:last-child, .c-row-info__title:last-child{margin-bottom:0}
.c-preview__info{display:block;color:#767678;line-height:1.1}
.c-row-info__ava{float:left;width:55px;height:55px;overflow:hidden}
.c-row-info__content{margin-left:63px}
.c-row-info__title{display:block;color:#333;font-weight:500;margin-bottom:3px}
.c-row-info__rating{margin-top:8px}
@media only screen and (min-width:568px){.c-row-info{display:-webkit-box;display:-ms-flexbox;display:flex}
.c-row-info__cell{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-row-info__rating{margin-top:0}}
.c-select-country{display:inline-block;position:relative;width:250px;max-width:100%;z-index:10;margin-bottom:15px}
.c-select-country__btn{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 25px;position:relative;background-color:#f1f1f1;line-height:1;font-size:16px;font-weight:700;cursor:pointer;color:#333}
.c-select-country__btn:after{content:'';position:absolute;top:50%;margin-top:-2px;right:15px;border:5px solid transparent;border-top:5px solid #333}
.c-select-country__menu{display:none;position:absolute;bottom:100%;left:0;right:0;background-color:#f1f1f1;max-height:360px;overflow-y:auto;box-shadow:0 0 3px 1px rgba(0,0,0,.2)}
.c-select-country__item{position:relative;display:block;padding:9px 10px;color:#000}
.c-select-country__item:hover{background-color:#fff;text-decoration:none}
.c-select-country:hover .c-select-country__menu{display:block}
@media only screen and (min-width:568px){.c-select-country{margin-bottom:0}}
.c-stretch-preview{display:-webkit-box;display:-ms-flexbox;display:flex}
.c-stretch-preview__img{display:block;width:50%;min-width:50%;margin-right:8px}
.c-stretch-preview__content{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-stretch-preview__text, .c-stretch-preview__title{display:block}
.c-stretch-preview__title{font-size:16px;font-weight:500;margin-bottom:3px}
.c-short-preview__title:last-child, .c-stretch-preview__title:last-child{margin-bottom:0}
.c-stretch-preview__text{color:#767678;word-break:break-all}
@media only screen and (min-width:667px){.c-stretch-preview__img{width:33.333333%;min-width:33.333333%}}
@media only screen and (min-width:768px){.c-stretch-preview__img{width:25%;min-width:25%}}
.c-short-preview{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.2}
.c-short-preview__img{display:block;width:50%;min-width:50%;margin-right:8px}
.c-short-preview__content{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-short-preview__text, .c-short-preview__title{display:block}
.c-short-preview__title{position:relative;font-size:13px;font-weight:500;margin-bottom:4px;color:#333}
.c-short-preview__text{color:#767678;word-break:break-all}
@media only screen and (min-width:568px){.c-short-preview__img{width:33.333333%;min-width:33.333333%}}
@media only screen and (min-width:667px){.c-short-preview__img{width:50%;min-width:50%}}
@media only screen and (min-width:768px){.c-short-preview__img{width:50%;min-width:50%}}
@media only screen and (min-width:992px){.c-short-preview__title{max-height:50px;overflow:hidden}
.c-short-preview__title:after{content:'';position:absolute;left:0;right:0;bottom:0;box-shadow:0 0 10px 5px #fff}}

» Show original CSS code

« Hide original CSS code

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

blockquote,
figure {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

legend,
td,
th {
    padding: 0
}

.c-tag-group .c-tag {
    margin: 3px
}

.c-tag {
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 2px 6px;
    color: #767678;
    border-radius: 2px
}

.c-tag .fa {
    display: none;
    vertical-align: middle;
    font-size: 10px;
    margin: -2px 0 0 3px
}

.c-tag.is-active,
.c-tag:hover {
    color: #428bca;
    border-color: #167ac6;
    text-decoration: none
}

.c-btn-youtube,
.c-tag,
.c-tag.is-active .fa {
    display: inline-block
}

.c-btn-youtube {
    font-size: 12px;
    border: 0;
    background: #cc181e;
    color: #fff;
    padding: 1px 6px;
    border-radius: 2px
}

.c-btn-youtube .fab {
    margin-right: 3px
}

.c-btn-youtube:hover {
    background: #d72329
}

.c-group-soc {
    font-size: 0
}

.c-group-soc .c-btn-soc {
    margin-right: 8px;
    margin-bottom: 8px
}

.c-group-soc .c-btn-soc:last-child {
    margin-right: 0
}

.c-btn-soc {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    border: none;
    outline: none;
    background-color: #ccc
}

.c-btn-soc--fb {
    background-color: #2b4b90
}

.c-btn-soc--tw {
    background-color: #1c95d0
}

.c-btn-soc--gp {
    background-color: #d34332
}

.c-btn-soc--reddit {
    background-color: #f6881f
}

.c-btn-soc--skype {
    background-color: #00aff0
}

.c-btn-soc--vk {
    background-color: #42678e
}

.c-btn-soc--ok {
    background-color: #f6881f
}

.c-btn-soc__i {
    margin-right: 5px
}

.c-btn-soc:hover {
    opacity: .8;
    text-decoration: none
}

.c-action-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #767678;
    cursor: pointer;
    padding: 10px 15px;
    background: 0 0;
    border: none;
    outline: none
}

.c-action-link .fa {
    margin-right: 3px
}

.c-action-link:hover {
    text-decoration: none;
    color: #333
}

.c-share-field {
    display: block;
    width: 100%;
    padding: 0 8px;
    height: 30px;
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    outline: none
}

.c-share-field:focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2)
}

.c-share-field--lg {
    height: 35px;
    font-size: 16px
}

.c-tab-nav {
    margin: 0;
    padding: 0;
    font-size: 0
}

.c-tab-nav__item {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px
}

.c-tab-nav__item:last-child {
    margin-right: 0
}

.c-tab-nav__item.active .c-tab-nav__btn,
.c-tab-nav__item:hover .c-tab-nav__btn {
    color: #333
}

.c-tab-nav__item.active:after,
.c-tab-nav__item:hover:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #cc181e
}

.c-tab-nav__btn {
    display: block;
    background: 0 0;
    border: none;
    outline: none;
    color: #767678;
    height: 31px;
    line-height: 31px;
    padding: 0
}

.c-tab-content__item,
.collapse {
    display: none
}

.c-header__menu-item.is-active:before,
.c-header__menu-item:hover:before,
.c-tab-content__item.active,
.collapse.in {
    display: block
}

body,
html {
    height: 100%
}

body {
    background-color: #f1f1f1;
    min-width: 320px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400
}

*,
:after,
:before {
    box-sizing: border-box
}

.c-h1:first-child,
.c-h2:first-child,
.c-h3:first-child,
.c-h4:first-child,
.c-h5:first-child,
.c-h6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ol:first-child,
p:first-child,
ul:first-child {
    margin-top: 0
}

.c-h1:last-child,
.c-h2:last-child,
.c-h3:last-child,
.c-h4:last-child,
.c-h5:last-child,
.c-h6:last-child,
.w-gap:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ol:last-child,
p:last-child,
ul:last-child {
    margin-bottom: 0
}

.c-h1,
.c-h2,
.c-h3,
.c-h4,
.c-h5,
.c-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1em 0 .5em;
    font-weight: 500
}

.c-h4,
.c-h5,
.c-h6,
h4,
h5,
h6 {
    font-size: 14px
}

.c-h1,
.c-h2,
h1,
h2 {
    line-height: 1.3
}

.c-h1,
h1 {
    font-size: 20px
}

.c-h2,
h2 {
    font-size: 18px
}

.c-h3,
h3 {
    font-size: 16px
}

ol,
p,
ul {
    margin: .5em 0
}

.w-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.w-page__top {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.w-page__bottom {
    margin-top: 20px
}

.w-page__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.w-center-container {
    width: 1220px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) {
    .w-center-container--wide {
        width: auto;
        margin-left: 5%;
        margin-right: 5%
    }
}

.w-two-col__side {
    margin-top: 8px
}

.w-two-col__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (min-width:992px) {
    .w-two-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.w-two-col__side {
        width: 300px;
        margin-left: 15px;
        margin-top: 0
    }
}

.w-side-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.w-side-row__cell {
    padding-left: 8px;
    padding-right: 8px
}

@media only screen and (min-width:667px) {
    .w-side-row__cell {
        width: 50%
    }
}

@media only screen and (min-width:992px) {
    .w-side-row__cell {
        width: 100%
    }
}

.w-gap {
    margin-bottom: 8px
}

.c-link,
a {
    color: #428bca;
    text-decoration: none
}

.c-link:hover,
a:hover {
    text-decoration: underline
}

.c-link-dark {
    color: #767678
}

.c-link-dark:hover {
    color: #428bca
}

.c-main-box {
    background-color: #fff;
    padding: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.c-main-box__section {
    border-top: 1px solid #e8e8e8;
    padding-top: 8px;
    padding-bottom: 8px
}

.c-main-box__section:first-child {
    border-top: 0;
    padding-top: 0
}

.c-main-box__section--space-free {
    padding-top: 0;
    padding-bottom: 0
}

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

.c-menu__link {
    display: block;
    padding: 5px 8px;
    color: #767678
}

.c-menu__link.is-active {
    background-color: #f1f1f1
}

.c-menu__link:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff
}

.c-menu__link.is-home {
    background-color: #cc181e;
    color: #fff
}

.mr-5 {
    margin-right: 5px !important
}

.c-comment:after {
    content: '';
    display: table;
    width: 100%;
    clear: both
}

.c-comment__ava {
    float: left;
    width: 48px;
    height: 48px;
    background-color: #f1f1f1;
    overflow: hidden
}

.c-comment__ava img,
.c-cover__ava img,
.c-logo img {
    display: block;
    width: 100%;
    height: auto
}

.c-comment__content {
    margin-left: 56px
}

.c-comment__title {
    display: block;
    font-weight: 500;
    margin-bottom: 2px
}

.c-comment__title:last-child {
    margin-bottom: 0
}

.c-comment__text {
    display: block;
    width: 100%;
    word-break: break-all
}

.c-cover__container {
    position: relative;
    height: 276px;
    background-color: #ccc;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.c-cover__ava {
    width: 96px;
    position: absolute;
    left: 20px;
    top: 20px;
    border: 2px solid #f8f8f8
}

.c-cover__data {
    position: absolute;
    left: 20px;
    bottom: 15px;
    color: #fff;
    font-size: 0
}

.c-cover__data-item {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
}

.c-cover__data-item:last-child {
    margin-right: 0
}

.c-cover__data-item .fa {
    margin-left: 2px
}

.c-cover__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.c-cover__footer:first-child {
    margin-top: 0
}

.c-cover__headline {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-drawer {
    position: fixed;
    z-index: 100
}

.c-drawer__backdrop {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all .2s;
    transition: all .2s
}

.c-drawer__dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow-y: auto;
    background-color: #fff;
    width: 260px;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.c-drawer__section {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px
}

.c-drawer__section:last-child {
    border-bottom: 0
}

.c-drawer__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px
}

.c-drawer__close {
    width: 40px;
    height: 40px;
    border: none;
    background: 0 0;
    outline: none;
    margin-right: -8px;
    color: #767678;
    font-size: 16px
}

.c-drawer__close:hover {
    color: #333
}

.c-drawer.is-open {
    z-index: 100
}

.c-drawer.is-open .c-drawer__backdrop {
    visibility: visible;
    opacity: 1
}

.c-drawer.is-open .c-drawer__dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-footer {
    background-color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    color: #767678;
    text-align: center
}

.c-footer__row {
    border-top: 1px solid #e8e8e8;
    margin-top: 15px;
    padding-top: 15px
}

.c-footer__row:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

@media only screen and (min-width:568px) {
    .c-footer {
        text-align: left
    }

.c-footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc
}

.c-form-search__button,
.c-form-search__field {
    background: 0 0;
    outline: none;
    border: none
}

.c-form-search__field {
    padding: 0 10px;
    height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.c-form-search__field:focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2)
}

.c-form-search__button {
    width: 65px;
    font-size: 13px;
    border-left: 1px solid #ccc;
    color: #767678;
    background-color: #f7f7f7
}

.c-form-search__button:hover {
    background-color: #f0f0f0
}

.c-form-search__button:active {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1) inset
}

.c-header {
    position: relative;
    z-index: 2
}

.c-header__container {
    height: 119px
}

.c-header__fix,
.c-header__top {
    border-bottom: 1px solid #e8e8e8
}

.c-header__fix {
    background-color: #fff
}

.c-header__top {
    padding: 8px 12px
}

.c-header__top:last-child {
    border-bottom: 0
}

.c-header__logo {
    margin-left: 16px
}

.c-header__search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-header__button,
.c-header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px
}

.c-header__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: none;
    font-size: 16px;
    color: #767678
}

.c-header__button:active,
.c-header__button:hover {
    color: #333
}

.c-header__menu {
    font-size: 0;
    text-align: center
}

.c-header__menu-item {
    position: relative;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    margin: 0 10px;
    font-size: 13px;
    color: #767678
}

.c-header__menu-item:before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #cc181e
}

.c-header__menu-item.is-active,
.c-header__menu-item:hover {
    text-decoration: none;
    color: #333
}

@media only screen and (min-width:568px) {
    .c-header__container {
        height: 89px
    }

.c-header__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-likes {
    text-align: left;
    font-size: 0
}

.c-likes__title {
    font-size: 18px
}

.c-likes__progress {
    display: inline-block;
    position: relative;
    width: 175px;
    height: 2px;
    background-color: #ccc
}

.c-likes__progress-bar {
    width: 0;
    background-color: #167ac6;
    height: inherit;
    left: 0;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.c-likes__like {
    display: inline-block;
    color: #767678;
    font-size: 12px;
    margin-left: 20px;
    padding-top: 8px;
    cursor: pointer
}

.c-likes__like:first-child {
    margin-left: 0
}

.c-likes__like:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -5px;
    opacity: .7
}

.c-likes__like--down:before,
.c-likes__like--up:before {
    background-image: url(../img/png-sprite/96dpi/sprite.png);
    background-position: -24px 0;
    width: 20px;
    height: 20px;
    background-size: 44px, 20px;
    background-repeat: no-repeat
}

.c-likes__like--down:before {
    background-position: 0 0
}

.c-likes__like:hover {
    color: #333;
    text-decoration: none
}

.c-likes__like:hover:before {
    opacity: 1
}

@media only screen and (min-width:568px) {
    .c-likes {
        text-align: right
    }
}

.c-player iframe {
    width: 100%;
    height: 100%
}

.c-logo {
    font-size: 0
}

.c-logo__link {
    display: inline-block;
    width: 90px
}

.c-grid-preview,
.c-grid-preview__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-grid-preview {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.c-grid-preview__cell {
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px
}

@media only screen and (min-width:568px) {
    .c-grid-preview__cell {
        width: 50%
    }
}

@media only screen and (min-width:667px) {
    .c-grid-preview__cell {
        width: 33.333333%
    }
}

@media only screen and (min-width:768px) {
    .c-grid-preview__cell {
        width: 20%
    }
}

@media only screen and (min-width:992px) {
    .c-grid-preview__cell {
        width: 16.666666%
    }
}

.c-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.c-preview__box-img {
    display: block;
    width: 100%;
    position: relative
}

.c-preview__box-img:not(.is-loaded) {
    min-height: 100px
}

.c-preview__ava img,
.c-preview__img,
.c-row-info__ava img,
.c-short-preview__img img,
.c-stretch-preview__img img {
    display: block;
    width: 100%;
    height: auto
}

.c-preview__time {
    position: absolute;
    bottom: 3px;
    right: 3px;
    padding: 0 5px;
    background: rgba(0, 0, 0, .6);
    font-size: 10px;
    z-index: 2;
    color: #fff
}

.c-preview__footer {
    margin-top: 8px;
    font-size: 12px;
    color: #767678;
    line-height: 1.2
}

.c-preview__footer:first-child {
    margin-top: 0
}

.c-preview__footer:after,
.c-row-info__media:after {
    content: '';
    display: table;
    width: 100%;
    clear: both
}

.c-preview__ava {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%
}

.c-preview__content {
    margin-left: 48px
}

.c-preview__title {
    font-size: 13px;
    display: block;
    font-weight: 500;
    margin-bottom: 3px
}

.c-preview__title:last-child,
.c-row-info__title:last-child {
    margin-bottom: 0
}

.c-preview__info {
    display: block;
    color: #767678;
    line-height: 1.1
}

.c-row-info__ava {
    float: left;
    width: 55px;
    height: 55px;
    overflow: hidden
}

.c-row-info__content {
    margin-left: 63px
}

.c-row-info__title {
    display: block;
    color: #333;
    font-weight: 500;
    margin-bottom: 3px
}

.c-row-info__rating {
    margin-top: 8px
}

@media only screen and (min-width:568px) {
    .c-row-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-row-info__cell {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.c-row-info__rating {
        margin-top: 0
    }
}

.c-select-country {
    display: inline-block;
    position: relative;
    width: 250px;
    max-width: 100%;
    z-index: 10;
    margin-bottom: 15px
}

.c-select-country__btn {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 25px;
    position: relative;
    background-color: #f1f1f1;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #333
}

.c-select-country__btn:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 15px;
    border: 5px solid transparent;
    border-top: 5px solid #333
}

.c-select-country__menu {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #f1f1f1;
    max-height: 360px;
    overflow-y: auto;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2)
}

.c-select-country__item {
    position: relative;
    display: block;
    padding: 9px 10px;
    color: #000
}

.c-select-country__item:hover {
    background-color: #fff;
    text-decoration: none
}

.c-select-country:hover .c-select-country__menu {
    display: block
}

@media only screen and (min-width:568px) {
    .c-select-country {
        margin-bottom: 0
    }
}

.c-stretch-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-stretch-preview__img {
    display: block;
    width: 50%;
    min-width: 50%;
    margin-right: 8px
}

.c-stretch-preview__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-stretch-preview__text,
.c-stretch-preview__title {
    display: block
}

.c-stretch-preview__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px
}

.c-short-preview__title:last-child,
.c-stretch-preview__title:last-child {
    margin-bottom: 0
}

.c-stretch-preview__text {
    color: #767678;
    word-break: break-all
}

@media only screen and (min-width:667px) {
    .c-stretch-preview__img {
        width: 33.333333%;
        min-width: 33.333333%
    }
}

@media only screen and (min-width:768px) {
    .c-stretch-preview__img {
        width: 25%;
        min-width: 25%
    }
}

.c-short-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2
}

.c-short-preview__img {
    display: block;
    width: 50%;
    min-width: 50%;
    margin-right: 8px
}

.c-short-preview__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-short-preview__text,
.c-short-preview__title {
    display: block
}

.c-short-preview__title {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #333
}

.c-short-preview__text {
    color: #767678;
    word-break: break-all
}

@media only screen and (min-width:568px) {
    .c-short-preview__img {
        width: 33.333333%;
        min-width: 33.333333%
    }
}

@media only screen and (min-width:667px) {
    .c-short-preview__img {
        width: 50%;
        min-width: 50%
    }
}

@media only screen and (min-width:768px) {
    .c-short-preview__img {
        width: 50%;
        min-width: 50%
    }
}

@media only screen and (min-width:992px) {
    .c-short-preview__title {
        max-height: 50px;
        overflow: hidden
    }

.c-short-preview__title:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0 0 10px 5px #fff
    }
}

Some information about this website:

URL: https://us.vlip.lv/
CSS URL: https://us.vlip.lv/static/css/main.min.css
Title: Free Download Movies Free Video Crash Accidents Video Clips Jokes United States VLIP.LV
Meta-Description: The best world for watching videos More Videos : https://us.vlip.lv/