txxx.com.css

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,.dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(180deg,#eee,#ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,.9);
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid hsla(0,0%,78%,.8);
    background-color: hsla(0,0%,100%,.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0,0%,100%,.4);
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -moz-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -ms-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    -o-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    animation: passing-through 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -moz-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -ms-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    -o-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    animation: slide-in 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: hsla(0,0%,100%,.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(180deg,#666,#444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(180deg,#be2626,#a92222);
    padding: .5em 1.2em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

.no-svg .i {
    vertical-align: middle
}

.no-svg .i--account-minus {
    width: 16px;
    height: 16px;
    background-position: 0 0
}

.no-svg .i--account-multiple {
    width: 16px;
    height: 16px;
    background-position: -26px 0
}

.no-svg .i--account-plus {
    width: 16px;
    height: 16px;
    background-position: -52px 0
}

.no-svg .i--arrow-left {
    width: 16px;
    height: 16px;
    background-position: -78px 0
}

.no-svg .i--arrow-right {
    width: 16px;
    height: 16px;
    background-position: -104px 0
}

.no-svg .i--camera {
    width: 16px;
    height: 16px;
    background-position: -130px 0
}

.no-svg .i--cellphone {
    width: 16px;
    height: 16px;
    background-position: -156px 0
}

.no-svg .i--check {
    width: 16px;
    height: 16px;
    background-position: -182px 0
}

.no-svg .i--chevron-down {
    width: 16px;
    height: 16px;
    background-position: -208px 0
}

.no-svg .i--chevron-left {
    width: 16px;
    height: 16px;
    background-position: -234px 0
}

.no-svg .i--chevron-right {
    width: 16px;
    height: 16px;
    background-position: -260px 0
}

.no-svg .i--chevron-up {
    width: 16px;
    height: 16px;
    background-position: -286px 0
}

.no-svg .i--clock {
    width: 16px;
    height: 16px;
    background-position: -312px 0
}

.no-svg .i--close {
    width: 16px;
    height: 16px;
    background-position: -338px 0
}

.no-svg .i--close-circle-outline {
    width: 16px;
    height: 16px;
    background-position: -364px 0
}

.no-svg .i--content-save {
    width: 16px;
    height: 16px;
    background-position: 0 -26px
}

.no-svg .i--delete {
    width: 16px;
    height: 16px;
    background-position: -26px -26px
}

.no-svg .i--download {
    width: 16px;
    height: 16px;
    background-position: -52px -26px
}

.no-svg .i--earth {
    width: 16px;
    height: 16px;
    background-position: -78px -26px
}

.no-svg .i--email-outline {
    width: 16px;
    height: 16px;
    background-position: -104px -26px
}

.no-svg .i--facebook-box {
    width: 16px;
    height: 16px;
    background-position: -130px -26px
}

.no-svg .i--folder {
    width: 16px;
    height: 16px;
    background-position: -156px -26px
}

.no-svg .i--gender-female {
    width: 16px;
    height: 16px;
    background-position: -182px -26px
}

.no-svg .i--gender-male {
    width: 16px;
    height: 16px;
    background-position: -208px -26px
}

.no-svg .i--gender-male-female {
    width: 16px;
    height: 16px;
    background-position: -234px -26px
}

.no-svg .i--heart {
    width: 16px;
    height: 16px;
    background-position: -260px -26px
}

.no-svg .i--heart-broken {
    width: 16px;
    height: 16px;
    background-position: -286px -26px
}

.no-svg .i--heart-outline {
    width: 16px;
    height: 16px;
    background-position: -312px -26px
}

.no-svg .i--home {
    width: 16px;
    height: 16px;
    background-position: -338px -26px
}

.no-svg .i--link-variant {
    width: 16px;
    height: 16px;
    background-position: -364px -26px
}

.no-svg .i--login {
    width: 16px;
    height: 16px;
    background-position: 0 -52px
}

.no-svg .i--logout {
    width: 16px;
    height: 16px;
    background-position: -26px -52px
}

.no-svg .i--magnify {
    width: 16px;
    height: 16px;
    background-position: -52px -52px
}

.no-svg .i--menu {
    width: 16px;
    height: 16px;
    background-position: -78px -52px
}

.no-svg .i--minus {
    width: 16px;
    height: 16px;
    background-position: -104px -52px
}

.no-svg .i--pencil {
    width: 16px;
    height: 16px;
    background-position: -130px -52px
}

.no-svg .i--pinterest-box {
    width: 16px;
    height: 16px;
    background-position: -156px -52px
}

.no-svg .i--plus {
    width: 16px;
    height: 16px;
    background-position: -182px -52px
}

.no-svg .i--reddit {
    width: 16px;
    height: 16px;
    background-position: -208px -52px
}

.no-svg .i--settings {
    width: 16px;
    height: 16px;
    background-position: -234px -52px
}

.no-svg .i--star {
    width: 16px;
    height: 16px;
    background-position: -260px -52px
}

.no-svg .i--star-outline {
    width: 16px;
    height: 16px;
    background-position: -286px -52px
}

.no-svg .i--television {
    width: 16px;
    height: 16px;
    background-position: -312px -52px
}

.no-svg .i--thumb-down {
    width: 16px;
    height: 16px;
    background-position: -338px -52px
}

.no-svg .i--thumb-up {
    width: 16px;
    height: 16px;
    background-position: -364px -52px
}

.no-svg .i--tumblr {
    width: 16px;
    height: 16px;
    background-position: 0 -78px
}

.no-svg .i--twitter-box {
    width: 16px;
    height: 16px;
    background-position: -26px -78px
}

.no-svg .i--upload {
    width: 16px;
    height: 16px;
    background-position: -52px -78px
}

.no-svg .i--video {
    width: 16px;
    height: 16px;
    background-position: -78px -78px
}

.no-svg .i--webcam {
    width: 16px;
    height: 16px;
    background-position: -104px -78px
}

.no-svg .i--windows {
    width: 16px;
    height: 16px;
    background-position: -130px -78px
}

.no-svg .i--youtube-play {
    width: 16px;
    height: 16px;
    background-position: -156px -78px
}

.no-svg .i--local_offer {
    width: 16px;
    height: 16px;
    background-position: 0 -104px
}

.no-svg .i--pencil2 {
    width: 16px;
    height: 16px;
    background-position: 0 -130px
}

abbr,acronym,address,applet,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,dfn,dl,dt,embed,fieldset,figcaption,form,h1,h2,h3,h4,h5,h6,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,object,ol,output,p,pre,q,ruby,samp,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body,html {
    width: 100%;
    height: 100%
}

ol,ul {
    list-style: none
}

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

blockquote,q {
    quotes: none;
    margin: 1em 40px
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

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

audio[controls],canvas,video {
    display: inline-block
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

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

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

figure {
    margin: 0
}

legend {
    border: 0
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,input {
    line-height: normal
}

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

img {
    height: auto;
    max-width: 100%;
    width: auto\9
}

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

body {
    background: #ececec;
    font: 13px/1.3 Arial,Helvetica,sans-serif
}

a {
    text-decoration: none;
    color: #444
}

[class$=disabled] {
    cursor: default
}

[class$=hidden] {
    display: none
}

[class$=hidden] .i--arrow--down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.g_hidden {
    display: none
}

.add_comment {
    margin: 5px 0 2px
}

.error_hint {
    color: red
}

.g_hint {
    color: green;
    font-size: 15px
}

.mark {
    color: #d31813
}

.mark span {
    color: #888
}

.uploader_progress {
    line-height: 0
}

.uploader_progress .progress_bar {
    font-size: 12px;
    line-height: 21px;
    margin: 10px 0;
    white-space: nowrap;
    text-indent: 5px;
    background: none repeat scroll 0 0 #ccc
}

.cat-text-holder .column {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.cat-text-frame {
    padding: 10px 20px;
    -moz-column-count: 8;
    -webkit-column-count: 8;
    column-count: 8
}

.cat-text-frame ul li a {
    display: inline-block;
    margin: 3px 0;
    padding: 2px 8px;
    text-decoration: none;
    color: #6a6a6a;
    border-bottom: 1px solid #a9a9a9;
    border-radius: 3px;
    background: #f1f1f1
}

.cat-text-frame ul li a:hover {
    border-bottom: 1px solid #fafafa;
    background: #e9e9e9
}

.letter {
    display: block;
    margin: 4px 0 5px
}

.unread {
    position: absolute;
    width: 22px;
    padding: 2px 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    height: 22px;
    left: 58px;
    top: -2px;
    background-color: #ad1625;
    color: #fff;
    font-size: 11px;
    font-weight: 600
}

.uploader_popup {
    margin-top: -150px;
    margin-left: -150px
}

.uploader_progress {
    background-color: #f5f5f5;
    width: 300px!important;
    text-align: center;
    border: 1px solid
}

h1 {
    font-size: 20px
}

h1,h2 {
    font-weight: 400
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px;
    font-weight: 400
}

h4 {
    font-size: 14px;
    margin-bottom: 10px
}

h5 {
    font-size: 12px
}

.heading {
    width: 100%;
    overflow: hidden;
    border-bottom: 4px solid #ad1625
}

.heading__title {
    float: left;
    color: #fff;
    margin: 0;
    padding: 6px 10px 3px;
    border-radius: 3px 3px 0 0;
    font-weight: 400;
    background: #ad1625
}

.heading--dark {
    border-color: #444
}

.heading--dark .heading__title {
    background: #444
}

.heading--grey .heading__title {
    background: #f7f7f7;
    border-color: #f7f7f7
}

.btn {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    outline: 0;
    border: 1px solid #ddd;
    background-clip: padding-box;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    color: rgba(0,0,0,.75);
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-transition: border-color .18s;
    transition: border-color .18s;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #fff
}

.btn--active,.btn.tabs__tab--active,.btn:active,.btn:hover {
    border-color: #989898;
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

.btn.dropdown.uk-open .uk-dropdown {
    color: rgba(0,0,0,.75)
}

.btn.dropdown.uk-open .uk-dropdown .i {
    fill: rgba(0,0,0,.75)
}

.btn--size--s {
    font-size: 12px;
    line-height: 22px
}

.btn--size--s .btn__text {
    margin: 0 14px
}

.btn--size--m {
    font-size: 13px;
    line-height: 28px
}

.btn--size--m .btn__text {
    margin: 0 14px
}

.btn--size--l {
    font-size: 14px;
    line-height: 32px
}

.btn--size--l .btn__text {
    margin: 0 14px
}

.btn--size--xl {
    font-size: 15px;
    line-height: 38px
}

.btn--size--xl .btn__text {
    margin: 0 18px
}

.btn--width--full {
    width: 100%
}

.btn__text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    margin: 0 15px
}

.btn__text:not(:last-child) {
    margin-right: 0
}

.btn__text--mask {
    display: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn .i+.btn__text {
    margin-left: 0
}

.btn--search {
    vertical-align: top;
    max-height: 32px;
    background: #ad1625
}

.btn--transparent {
    background: transparent!important
}

.btn--transparent,.btn--transparent:hover {
    border-color: transparent
}

.btn--drop {
    border: 2px solid #fff;
    background: hsla(0,0%,100%,.25);
    box-shadow: none
}

.btn--togglable.btn--active {
    color: #fff;
    border-color: #ad1625;
    background: #ad1625
}

.btn--disabled {
    background-color: #e4e4e4!important;
    pointer-events: none
}

.btn--bg-color {
    font-weight: 600;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    border: 1px solid #e2e2e2
}

.btn--bg-color--blue {
    background: #2d72d9;
    color: #fff;
    border-color: #2d72d9
}

.btn--bg-color--blue.btn--active,.btn--bg-color--blue:active,.btn--bg-color--blue:hover {
    background: #3a7bdb
}

.btn--bg-color--green {
    background: #1eb74f;
    color: #fff;
    background-color: #1eb74f;
    border-color: #1eb74f
}

.btn--bg-color--green.btn--active,.btn--bg-color--green:active,.btn--bg-color--green:hover {
    background: #20c455
}

.btn--bg-color--grey {
    background: #b1aca2;
    color: #fff;
    background-color: #b1aca2
}

.btn--bg-color--grey.btn--active,.btn--bg-color--grey:active,.btn--bg-color--grey:hover {
    background: #b8b3aa
}

.control-group {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.control-group .btn {
    border-radius: 0;
    border-left-width: 0
}

.control-group .btn:first-child {
    border-radius: 4px 0 0 4px;
    border-left-width: 1px
}

.control-group .btn:last-child {
    border-radius: 0 4px 4px 0
}

.control-group .btn--active .i,.control-group .btn.is_active .i,.control-group .btn:hover .i {
    fill: #fff
}

.control-group--tabs {
    font-size: 0
}

.control-group--tabs .btn {
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.control-group--tabs .btn:first-child {
    border-bottom-left-radius: 0
}

.control-group--tabs .btn:last-child {
    border-bottom-right-radius: 0
}

.control-group--tabs .btn--active,.control-group--tabs .btn.is_active,.control-group--tabs .btn.tabs__tab--active,.control-group--tabs .btn:hover {
    border-color: transparent;
    color: #fff;
    background-color: #ad1625
}

.control-group--tabs .drop-down__menu {
    width: 100%;
    text-align: center
}

.control-group--tabs .drop-down__item {
    color: #fff
}

.control-group--tabs--full {
    width: 100%;
    display: table
}

.control-group--tabs--full .btn {
    display: table-cell
}

.control-group--tabs .js-add-to-fav .btn__text {
    padding-right: 8px
}

.control-group .input {
    border-radius: 0
}

.control-group .input:first-child,.control-group .input:first-child .input__control {
    border-radius: 4px 0 0 4px
}

.control-group .input:last-child,.control-group .input:last-child .input__control {
    border-radius: 0 4px 4px 0
}

.i {
    display: inline-block;
    background: url(framework/images/sprite_no_svg.png);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translate(.5px,-.3px);
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out;
    background: 50% no-repeat;
    fill: #444;
    text-align: center
}

.i:empty:after {
    content: "\A0";
    visibility: hidden;
    position: relative
}

.i>svg {
    vertical-align: middle;
    height: 100%
}

.i--size--xs {
    width: 16px;
    height: 16px
}

.i--size--xs>svg {
    vertical-align: top;
    width: 14px
}

.i--size--s {
    width: 22px;
    height: 28px;
    margin: -5.15em 0 -5em
}

.i--size--s>svg {
    width: 16px
}

.i--size--m {
    width: 28px;
    height: 30px;
    margin: -5.15em 0 -5em
}

.i--size--m>svg {
    width: 18px
}

.i--size--l {
    width: 30px;
    height: 32px
}

.i--size--l>svg {
    width: 22px;
    margin: -5.15em 0 -5em
}

.i--size--xl {
    width: 32px;
    height: 32px
}

.i--size--xl>svg {
    width: 30px
}

.i--color-white {
    fill: #fff
}

.i--color-red {
    fill: #ad1625
}

.i--color-green {
    fill: #1eb74f
}

.i--color-brand {
    fill: #ad1625
}

.i--facebook {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.5%203C9.12%203%208%204.12%208%205.5V7H6v2h2v7h2V9h2.25l.5-2H10V5.5c0-.276.224-.5.5-.5H13V3h-2.5z%22/%3E%3C/svg%3E")
}

.i--twitter {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%20x%3D%22-.022%22%20width%3D%221.044%22%20y%3D%22-.027%22%20height%3D%221.054%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.145%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%203.038c-.59.26-1.22.438-1.885.517.678-.406%201.198-1.05%201.443-1.816-.634.374-1.337.647-2.085.795-.6-.638-1.452-1.037-2.396-1.037-1.813%200-3.283%201.47-3.283%203.28%200%20.258.03.51.085.75C5.15%205.39%202.73%204.084%201.11%202.1.83%202.583.67%203.147.67%203.75c0%201.138.578%202.143%201.46%202.73-.54-.016-1.045-.164-1.488-.41v.04c0%201.59%201.132%202.918%202.633%203.22-.275.075-.565.115-.865.115-.212%200-.417-.02-.618-.06.418%201.305%201.63%202.254%203.066%202.28-1.123.88-2.54%201.406-4.077%201.406-.263%200-.524-.014-.78-.044%201.452.93%203.177%201.475%205.03%201.475%206.04%200%209.34-5%209.34-9.34%200-.14-.002-.283-.01-.424.643-.463%201.2-1.04%201.64-1.7z%22%20filter%3D%22url%28%23a%29%22/%3E%3C/svg%3E")
}

.i--reddit {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ff4500%22%20d%3D%22M4%2010c0-.552.448-1%201-1s1%20.448%201%201-.448%201-1%201-1-.448-1-1zm6%200c0-.552.448-1%201-1s1%20.448%201%201-.448%201-1%201-1-.448-1-1zm.05%202.137c.257-.203.63-.16.833.1s.16.63-.1.833c-.716.565-1.81.93-2.782.93s-2.063-.365-2.78-.93c-.26-.203-.303-.576-.1-.834s.576-.302.834-.1c.413.326%201.23.676%202.05.676s1.635-.35%202.048-.675zM16%208c0-1.105-.895-2-2-2-.752%200-1.406.415-1.748%201.028-1.028-.562-2.28-.926-3.645-1.01L9.8%203.338l2.284.66c.206.582.76%201%201.415%201%20.825%200%201.5-.67%201.5-1.5S14.324%202%2013.5%202c-.572%200-1.07.32-1.322.79l-2.545-.735c-.285-.082-.587.058-.707.33l-1.62%203.64c-1.33.094-2.552.453-3.558%201.004C3.406%206.412%202.752%206%202%206%20.895%206%200%206.893%200%208c0%20.816.49%201.52%201.193%201.83C1.067%2010.203%201%2010.595%201%2011c0%202.76%203.134%205%207%205s7-2.24%207-5c0-.404-.067-.796-.193-1.17C15.51%209.52%2016%208.815%2016%208zm-2.5-5.062c.31%200%20.563.252.563.563s-.252.566-.563.566-.563-.252-.563-.563.252-.562.563-.562zM1%208c0-.55.45-1%201-1%20.4%200%20.743.234.904.573-.523.396-.956.854-1.276%201.355C1.26%208.78%201%208.42%201%208zm7%206.813c-3.21%200-5.813-1.707-5.813-3.813S4.79%207.187%208%207.187c3.21%200%205.813%201.707%205.813%203.813S11.21%2014.813%208%2014.813zm6.372-5.885c-.32-.502-.753-.96-1.276-1.355C13.256%207.235%2013.6%207%2014%207c.55%200%201%20.45%201%201%200%20.42-.26.78-.628.928z%22/%3E%3C/svg%3E")
}

.i--google {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.735%201H4.548C2.67%201%20.905%202.422.905%204.07c0%201.682%201.28%203.04%203.19%203.04.132%200%20.26-.002.387-.01-.124.236-.213.504-.213.78%200%20.47.25.848.57%201.158-.24%200-.475.007-.728.007C1.788%209.045%200%2010.525%200%2012.06c0%201.513%201.96%202.46%204.285%202.46%202.65%200%204.114-1.505%204.114-3.017%200-1.213-.36-1.94-1.466-2.72-.378-.27-1.102-.92-1.102-1.303%200-.45.128-.67.804-1.198.692-.54%201.182-1.302%201.182-2.186%200-1.053-.47-2.08-1.35-2.418h1.326L8.734%201zM7.273%2011.242c.033.14.05.284.05.432%200%201.222-.786%202.177-3.045%202.177-1.607%200-2.767-1.015-2.767-2.237%200-1.198%201.44-2.194%203.048-2.177.375.004.724.064%201.042.167.87.607%201.497.95%201.674%201.64zM4.7%206.684C3.62%206.652%202.596%205.477%202.41%204.06s.537-2.5%201.615-2.468c1.078.032%202.104%201.17%202.29%202.585S5.778%206.715%204.7%206.683zM13%204V1h-1v3H9v1h3v3h1V5h3V4z%22/%3E%3C/svg%3E")
}

.i--pinterest {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%200C3.582%200%200%203.582%200%208c0%203.39%202.11%206.284%205.085%207.45-.07-.633-.133-1.604.028-2.295.145-.624.938-3.977.938-3.977s-.238-.48-.238-1.188c0-1.112.645-1.943%201.448-1.943.683%200%201.012.512%201.012%201.127%200%20.686-.437%201.713-.663%202.663-.19.796.398%201.446%201.184%201.446%201.422%200%202.515-1.5%202.515-3.664%200-1.916-1.377-3.256-3.343-3.256-2.276%200-3.612%201.707-3.612%203.472%200%20.688.265%201.425.595%201.826.065.08.075.15.055.23-.06.252-.196.795-.222.906-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1%200-2.523%201.835-4.84%205.287-4.84%202.775%200%204.932%201.978%204.932%204.62%200%202.757-1.74%204.976-4.152%204.976-.81%200-1.573-.42-1.834-.918l-.498%201.902c-.18.695-.668%201.566-.994%202.097.75.233%201.544.358%202.37.358%204.417%200%208-3.582%208-8s-3.583-8-8-8z%22/%3E%3C/svg%3E")
}

.i--tumblr {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%207v3.66c0%20.927-.01%201.462.087%201.726.098.262.342.534.61.69.353.213.757.32%201.213.32.81%200%201.29-.108%202.09-.634v2.405c-.683.32-1.28.51-1.833.64-.555.128-1.154.193-1.798.193-.733%200-1.164-.092-1.726-.276-.562-.185-1.042-.45-1.438-.79-.398-.343-.672-.706-.826-1.09s-.23-.945-.23-1.677v-5.61H3.003V4.29c.628-.204%201.33-.497%201.778-.877.45-.382.81-.84%201.08-1.374.273-.535.46-1.215.562-2.04h2.58v4H13v3H9z%22/%3E%3C/svg%3E")
}

.i--arrow--down {
    width: 24px!important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.i--arrow--up {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M10.3%206L5.5%201.3.7%206%200%205.3%205.5%200%2011%205.3z%22/%3E%3C/svg%3E");
    width: 28px
}

.i--loading {
    background: url(/assets_desktop/img/preloader.gif) no-repeat 50% 50%;
    height: inherit;
    width: 28px
}

.i--loading>svg {
    opacity: 0
}

.is_active,.uk-open {
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease,-webkit-transform .15s ease
}

.is_active .i--arrow--down,.uk-open .i--arrow--down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: matrix(-1,-14.7753532e,-17.2246468e,-1,0,0)
}

input[type=file] {
    display: inline-block;
    border: 1px solid #ddd
}

.input {
    position: relative;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    border-radius: 4px
}

.input__control {
    display: block;
    font: inherit;
    line-height: inherit;
    position: relative;
    border: 1px solid #ddd;
    padding: 0;
    width: 100%;
    outline: 0;
    border-radius: 4px;
    background: #fff;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

.input__control:focus {
    border-color: gray
}

.input__label {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1em
}

.input--size--s {
    font-size: 13px;
    line-height: 16px
}

.input--size--s .input__control {
    height: 24px;
    padding-left: 6px
}

.input--size--m {
    font-size: 13px;
    line-height: 18px
}

.input--size--m .input__control {
    height: 28px;
    padding-left: 8px
}

.input--size--l {
    font-size: 15px;
    line-height: 18px
}

.input--size--l .input__control {
    height: 32px;
    padding-left: 10px
}

.input--width--full {
    width: 100%
}

.input--search {
    width: 28em;
    background: #ddd;
    vertical-align: top
}

.input--search .input__control:focus {
    border-color: #ddd
}

.input--type--file,.input--type--file input[type=file] {
    width: 100%
}

.input--type--file .input__control {
    padding: 2px 2px 2px 5px;
    text-align: right
}

.input--type--file .input__placeholder {
    float: left;
    margin-right: 5px;
    max-width: 155px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    color: #888;
    line-height: 20px
}

.input-uploader {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: right;
    padding: 3px;
    border-radius: 4px
}

.input-uploader__control {
    position: absolute;
    top: 0;
    opacity: 0
}

.textarea {
    display: inline-block;
    background: #fff;
    min-height: 4.5em;
    border: 1px solid #ddd;
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    border-radius: 4px
}

.textarea--size--m {
    font-size: 13px;
    line-height: 18px;
    padding: 3px 5px
}

.textarea--size--l {
    font-size: 15px;
    line-height: 20px;
    padding: 5px 7px
}

.textarea--width--half {
    width: 50%
}

.textarea--width--full {
    width: 100%
}

.textarea--height--s {
    min-height: 2em
}

.textarea--height--m {
    min-height: 7.5em
}

.textarea--height--l {
    height: 10.5em
}

.textarea:focus {
    border-color: gray
}

.textarea__label {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1em
}

@media screen and (max-width:1250px) {
    .input--search {
        width: 18em
    }
}

.label {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1em
}

.select {
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif
}

.select__control {
    display: block;
    font: inherit;
    line-height: inherit;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0;
    width: 100%;
    outline: 0;
    border-radius: 4px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    box-shadow: none
}

.select__control:focus {
    border-color: gray;
    border-radius: 4px 4px 0 0
}

.select__label {
    display: block;
    margin-bottom: 4px;
    font-size: 1.1em
}

.select--size--s {
    font-size: 13px;
    line-height: 16px
}

.select--size--s .select__control {
    height: 24px;
    padding-left: 6px
}

.select--size--m {
    font-size: 13px;
    line-height: 18px
}

.select--size--m .select__control {
    height: 28px;
    padding-left: 8px
}

.select--size--l {
    font-size: 15px;
    line-height: 18px
}

.select--size--l .select__control {
    height: 32px;
    padding-left: 10px
}

.select--width--full {
    width: 100%
}

.select--smarty {
    position: relative;
    border: 1px solid #ddd;
    padding: 0;
    max-width: 100%;
    outline: 0;
    border-radius: 4px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    height: 28px;
    padding-left: 8px
}

.select--smarty:focus {
    border-color: gray
}

.link {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    color: #31a1c6
}

.link:hover {
    text-decoration: underline;
    color: #27809d
}

.link--pressed {
    color: #444;
    font-weight: 600
}

.link--pressed .link__badge {
    font-weight: 400
}

.link--pressed:hover {
    background: #e5e5e5
}

.link--color--invert {
    color: #fff;
    text-decoration: underline
}

.link--color-alt {
    color: rgba(0,0,0,.65)
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.text-overflow-hidden {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.show-on-m {
    display: none!important
}

@media screen and (max-width:1270px) {
    .hide-on-m {
        display: none!important
    }

    .show-on-m {
        display: block!important
    }
}

.wrap {
    margin-bottom: -170px;
    min-height: 100%
}

.wrap:after {
    content: "";
    display: block;
    height: 170px
}

.layout {
    max-width: 1250px;
    margin: 0 auto;
    position: relative
}

.layout--album {
    max-width: none
}

.cols-group {
    position: relative
}

.cols-group:after {
    content: "";
    display: table;
    clear: both
}

.col {
    float: left;
    min-height: 1px
}

.col:first-child+.col {
    margin-left: 15px
}

.col--size--xs {
    width: 215px
}

.col--size--s {
    width: 300px
}

.col--size--sm {
    width: 340px
}

.col--size--m {
    width: 895px
}

.col--size--l {
    width: 935px
}

.col--size--xl {
    width: 1020px
}

.col--size--wide {
    width: 100%
}

.col--size--half {
    width: 49%
}

.col--size--half:first-child {
    margin-right: 2%
}

.col--size--half:first-child+.col {
    margin-left: 0
}

.col.wide-view {
    width: 100%;
    float: none
}

.col.wide-view+.col--move-down {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-left: 0
}

.col.wide-view+.col--move-down .desk:nth-child(4) {
    display: inline-block
}

.main {
    margin-top: 10px
}

@media screen and (max-width:1270px) {
    .layout {
        width: 100%;
        min-width: 935px;
        padding-left: 15px;
        padding-right: 15px
    }

    .col:first-child+.col {
        margin: 0
    }

    .col--size--s,.col--size--sm,.col--size--xs {
        display: none
    }

    .col--move-down,.col--size--l,.col--size--m,.col--size--xl {
        width: 100%;
        float: none
    }

    .col--move-down {
        display: block!important;
        margin: 0
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(0,0,0,.75)
}

p {
    line-height: 1.5;
    margin-bottom: 5px;
    color: rgba(0,0,0,.7)
}

.avatar {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #ddd;
    border-radius: 50%
}

.avatar--size--s {
    width: 60px;
    height: 60px
}

.avatar--size--m {
    width: 115px;
    height: 115px
}

.avatar__img {
    display: block;
    border-radius: 50%
}

.avatar--size--l {
    width: 150px;
    height: 150px
}

.avatar--square {
    border-radius: 0
}

.avatar--square .avatar__img {
    border-radius: 0;
    max-height: inherit;
    height: 100%
}

.social {
    display: inline-block
}

.social__text {
    margin-bottom: 10px
}

.social__delimiter {
    display: block
}

.social__delimiter:after,.social__delimiter:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 40%;
    height: 1px;
    vertical-align: middle;
    background: padding-box content-box #ddd
}

.social__delimiter:before {
    left: -.5em;
    margin: 0 0 0 -50%
}

.social__delimiter:after {
    left: .5em;
    margin: 0 -50% 0 0
}

.social__item {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 4px
}

.social__item--facebook {
    background-color: #3b5998
}

.social__item--google {
    background-color: #dd4b39
}

.social__item--twitter {
    background-color: #00aced
}

.social__item--microsoft {
    background-color: #00a1f1
}

.social__item--pinterest {
    background-color: #cb2027
}

.social__item--linkedin {
    background-color: #0083a8
}

.social__item--buffer {
    background-color: #000
}

.social__item--digg {
    background-color: #164673
}

.social__item--reddit {
    background-color: #fff
}

.social__item--tumblr {
    background-color: #374a61
}

.social__item--stumbleupon {
    background-color: #eb4924
}

.social__item--delicious {
    background-color: #3274d1
}

.social--sign {
    width: 100%;
    text-align: center
}

.social--sign .social__item {
    width: 34px;
    height: 34px;
    padding: 7px 6px
}

.social--sign .i {
    height: 100%;
    width: 100%;
    background-size: 1.7em
}

.pagination {
    text-align: center
}

.pagination .btn {
    -webkit-transition: none;
    transition: none
}

.pagination .btn--active,.pagination .btn:active,.pagination .btn:hover {
    background: #ad1625;
    color: #fff
}

.pagination .btn--active:before,.pagination .btn:active:before,.pagination .btn:hover:before {
    background: #ad1625
}

.list {
    text-align: left
}

.list__column {
    display: table-cell;
    padding: 0 12px
}

.list__item {
    padding: 0 4px;
    line-height: 1.9;
    display: block
}

.list__item--separator {
    border-top: 1px solid rgba(0,0,0,.08);
    padding: 0
}

.list__item--active {
    background: #ad1625!important;
    color: #fff
}

.list--inline .list__item {
    display: inline-block;
    line-height: normal;
    padding: 0 12px
}

.list--style--square .list__item {
    list-style-type: square;
    list-style-position: inside
}

.list--style--square .list__item:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-right: 6px;
    background-color: #ad1625
}

@media only screen and (max-width:1250px) {
    .list--autocolumn-6 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
}

.table {
    border-spacing: 0 5px
}

.table__row {
    line-height: 1.7
}

.table__cell {
    text-align: left;
    padding: 0 5px
}

.table--side-layout .table__cell--head {
    text-align: right;
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden
}

.hint {
    position: relative
}

.hint:after {
    content: attr(data-hint);
    position: absolute;
    top: 100%;
    left: -50%;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 0 4px 8px rgba(0,0,0,.3);
    border-radius: 4px
}

.hint:hover:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@media screen and (max-width:1250px) {
    .hint:focus:after {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.badge {
    display: inline-block;
    padding: 3px 5px;
    margin: 2px;
    border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-transition: border-color .15s ease-out;
    transition: border-color .15s ease-out
}

.badge:active,.badge:hover {
    border-color: #ad1625
}

.modal {
    z-index: 1000;
    overflow: hidden;
    display: none;
    border-radius: 4px;
    text-align: left;
    box-shadow: 0 10px 28px rgba(0,0,0,.25),0 6px 10px rgba(0,0,0,.22)
}

.modal,.modal:before {
    position: absolute;
    background: #fff
}

.modal:before {
    top: -5px;
    left: 12px;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 100% 0 0 0;
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,.15);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.modal__inner {
    position: relative
}

.modal__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 1000;
    top: -4px;
    right: -8px
}

.uk-open .modal {
    display: block
}

.modal--dropdown {
    right: 0;
    margin-top: 15px
}

.modal--iframe .modal__close {
    top: 5px;
    right: -8px
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,.6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-dialog {
    position: relative;
    margin: 50px auto;
    max-width: 80%;
    width: 800px;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    border-radius: 4px
}

.uk-modal-dialog--feedback-iframe {
    height: 100%;
    width: 70%;
    max-width: 1250px
}

.uk-open .uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-page,.uk-modal-page body {
    overflow-y: hidden
}

@media screen and (max-width:1250px) {
    .uk-modal-dialog {
        max-width: 100%
    }
}

.checkbox,.radio {
    position: relative;
    margin: 0 7px;
    cursor: pointer
}

.checkbox:before,.radio:before {
    z-index: 1;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-repeat: no-repeat;
    background-position: -4px -5px
}

.checkbox:after,.checkbox:before,.radio:after,.radio:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 18px;
    height: 18px
}

.checkbox:after,.radio:after {
    background: #fff;
    cursor: pointer
}

.checkbox:checked:before,.radio:checked:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAApklEQVRIS+2UWw5AMBBFj51ZCivDSliaXFGp0hfjT39E0pzDzJ1p+Pg0H/P5BdkKW5eoBRbfainogAEYgd5JrAQOLu4E6H07FoIo3EKQhL8VZOFvBEXwmEApUNT0vDvF8DuBcjzvVEUtlFTBY3/gQ3xJNTzVg1CiuxqiS85zuyI1B77EcU5DlIOXpOhRWWp3kSRq/jH+JV9uuSqSPotd9AtqWnq9uwIgQyEZejnhSQAAAABJRU5ErkJggg==")
}

.label--checkbox,.label--radio {
    position: relative;
    margin: 0 8px 0 0;
    line-height: 135%;
    cursor: pointer
}

.label--radio {
    display: inline-block
}

.feedback {
    color: #fff;
    color: hsla(0,0%,100%,.9);
    width: 32px;
    right: 0;
    position: fixed;
    top: 45%;
    z-index: 1000;
    height: 118px;
    font-weight: 200;
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.85),0 0 1px 1px rgba(0,0,0,.2);
    border-radius: 4px 0 0 4px;
    background-color: #575a60;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#575a60),color-stop(100%,#64676d));
    background: -webkit-linear-gradient(top,#575a60,#64676d);
    background: linear-gradient(180deg,#575a60 0,#64676d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#575a60",endColorstr="#64676d",GradientType=0);
    text-align: right;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.feedback__icon {
    display: inline-block;
    background: url(/images/report_icon.png) no-repeat 50%;
    background-size: 90%;
    width: 31px;
    height: 35px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.15);
    -webkit-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.15);
    -moz-box-shadow: 0 1px 0 0 hsla(0,0%,100%,.15)
}

.feedback__text {
    display: inline-block;
    background: url(/images/report.png) no-repeat 35% 50%;
    background-size: 55%;
    width: 30px;
    height: 70px;
    margin: 3px 0
}

.feedback-iframe {
    min-height: 405px;
    overflow-y: hidden
}

.uk-notify {
    position: fixed;
    top: 155px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    max-width: 350px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 1px 6px rgba(0,0,0,.23);
    border-radius: 4px;
    margin-bottom: 10px
}

.uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notify-message {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border-radius: 4px;
    background: #fff
}

.notify__text {
    display: table-cell;
    padding: 10px
}

.notify__icon {
    display: table-cell;
    height: 100%;
    padding: 10px 8px;
    border-radius: 4px 0 0 4px
}

.uk-notify-message-info {
    color: #3498db
}

.uk-notify-message-info .notify__icon {
    background: #3498db
}

.uk-notify-message-success {
    color: #1db670
}

.uk-notify-message-success .notify__icon {
    background: #1db670
}

.uk-notify-message-warning {
    color: #f89d0e
}

.uk-notify-message-warning .notify__icon {
    background: #f89d0e
}

.uk-notify-message-danger {
    color: #f63
}

.uk-notify-message-danger .notify__icon {
    background: #f63
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen {
    [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
        opacity: 0
    }
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    background: #333;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px
}

.uk-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed #333
}

.uk-tooltip-top-left:after,.uk-tooltip-top-right:after,.uk-tooltip-top:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #333
}

.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after,.uk-tooltip-bottom:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #333
}

.uk-tooltip-bottom:after,.uk-tooltip-top:after {
    left: 50%;
    margin-left: -5px
}

.uk-tooltip-bottom-left:after,.uk-tooltip-top-left:after {
    left: 10px
}

.uk-tooltip-bottom-right:after,.uk-tooltip-top-right:after {
    right: 10px
}

.uk-tooltip-left:after {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #333
}

.uk-tooltip-right:after {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #333
}

.is-hidden {
    display: none!important
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown__menu {
    display: none;
    box-shadow: 0 6px 20px rgba(0,0,0,.19),0 2px 6px rgba(0,0,0,.23);
    min-width: 110px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    line-height: 2.3;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 15px 0 0;
    padding: 5px 0;
    z-index: 220;
    background: #fff;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: inherit
}

.uk-open .dropdown__menu {
    display: block
}

.dropdown__menu:before {
    position: absolute;
    top: -5px;
    left: 48%;
    left: 45%;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 100% 0 0 0;
    background: #fff;
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,.15);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.dropdown__menu--width-full {
    min-width: 100%
}

.dropdown__panel {
    display: none;
    min-width: 300px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    line-height: 2.3;
    position: absolute;
    top: 100%;
    left: -58%;
    box-shadow: 0 6px 20px rgba(0,0,0,.19),0 2px 6px rgba(0,0,0,.23);
    border-radius: 4px;
    margin: 15px 0 0;
    padding: 5px 15px 15px;
    z-index: 20;
    background: #fff;
    text-align: left
}

.uk-open .dropdown__panel {
    display: block
}

.dropdown__panel:before {
    position: absolute;
    top: -5px;
    left: 48%;
    left: 45%;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 100% 0 0 0;
    background: #fff;
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,.15);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.dropdown__item {
    display: block;
    white-space: nowrap;
    padding: 0 12px;
    cursor: pointer
}

.dropdown__item:active,.dropdown__item:hover {
    background: rgba(0,0,0,.06)
}

.dropdown__item--active {
    background: #ad1625!important;
    color: #fff
}

.dropdown--open .dropdown__menu {
    opacity: 1;
    display: block
}

.dropdown--open .i--arrow--down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown--native {
    display: none
}

@media only screen and (max-width:1250px) {
    .dropdown {
        display: none
    }

    .dropdown--native {
        display: inline-block!important
    }
}

.desk-list {
    background-color: #fff
}

.desk-list,.desk-list--inline {
    text-align: center
}

.desk-list--inline .desk {
    margin: 8px 4px
}

.desk-list--inline .desk:nth-child(4) {
    display: inline-block!important
}

.desk-list .desk:nth-child(4) {
    display: none
}

.desk-list--transparent {
    text-align: center;
    background: none
}

.desk {
    display: inline-block;
    margin: 5px 0 0;
    max-height: 250px
}

.desk-link {
    display: block;
    margin: 5px 0 0
}

@media screen and (max-width:1270px) {
    .desk-list--inline .desk:first-child {
        display: none
    }

    .desk {
        margin: 5px 7px
    }
}

.promo-babe {
    height: 250px;
    position: fixed;
    right: 2px;
    top: 150px;
    background: red;
    background-size: contain;
    width: 150px;
    z-index: 2000
}

.promo-babe__close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: hsla(0,0%,100%,.4);
    border-radius: 18px
}

@media screen and (max-width:1450px) {
    .promo-babe {
        display: none
    }
}

.header {
    background: #fdfdfd;
    border-bottom: 4px solid #ad1625
}

.header__bar {
    padding: 21px 0;
    position: relative;
    float: right
}

.header__bar:after {
    content: "";
    display: table;
    clear: both
}

.header__middle {
    margin: 12px 0
}

.header__logo {
    display: inline-block;
    position: relative;
    width: 182px;
    height: 65px;
    vertical-align: middle
}

.header__search {
    margin-left: 10%;
    vertical-align: middle
}

.header-main {
    padding: 4px 0 6px;
    background: #fdfdfd
}

.header-main:after {
    content: "";
    display: table;
    clear: both
}

.header-main__left {
    width: 63%;
    display: inline-block;
    text-align: left
}

.header-main__right {
    width: 37%;
    display: inline-block;
    text-align: right
}

.header-action {
    display: inline-block;
    vertical-align: middle
}

.header-action__item {
    display: inline-block;
    margin-left: 10px
}

.user-panel {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    position: relative
}

.user-panel:after {
    content: "";
    display: table;
    clear: both
}

.user-panel__avatar,.user-panel__menu {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.user-panel .drop-down__menu {
    top: 4.5em;
    left: 2.3em;
    width: 186px;
    border-color: #ddd;
    background: #fff
}

.user-panel .drop-down__item {
    color: #444
}

@media (max-device-width:800px) and (orientation:portrait) {
    .header {
        min-width: 935px
    }
}

.logo {
    display: block;
    width: 163px;
    height: 80px;
    background-image: url(/images/desktop-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 12px
}

.top-menu {
    line-height: 28px;
    width: 100%;
    background-color: #ececec;
    border-bottom: 1px solid #ddd;
    font-size: 12px
}

.top-menu:after {
    content: "";
    display: table;
    clear: both
}

.top-menu__left {
    float: left
}

.top-menu__right {
    float: right;
    text-align: right
}

.top-menu__item {
    display: inline-block;
    margin-left: 15px
}

.top-menu__item:first-child {
    margin-left: 0
}

.top-menu .drop-down__menu {
    background: #ececec
}

.top-menu .drop-down__item {
    line-height: 28px
}

.top-menu__social {
    margin-left: 150px
}

.tubes .txxx-network {
    float: left
}

.tubes .network-label {
    float: left;
    margin-right: 15px
}

.tubes .dropdown,.tubes .invisible-item {
    display: none
}

.tubes .tubes__search {
    float: left;
    position: absolute;
    top: 3px;
    margin: 0 0 0 10px;
    line-height: 20px;
    left: 95px
}

.tubes .tubes__search .search__close-btn,.tubes .tubes__search form,.tubes .tubes__search p {
    margin-right: 10px;
    float: left
}

.tubes .tubes__search p {
    line-height: 24px
}

.tubes .tubes__search .tubes__search__submit-btn {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #444;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 45px;
    outline: none;
    margin-left: -1px;
    height: 24px
}

.tubes .tubes__search .tubes__search__submit-btn .btn__text {
    left: -12px
}

.tubes .tubes__search .search__search-area {
    position: relative;
    border: 1px solid #ddd;
    outline: 0;
    border-radius: 4px;
    background: #fff;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    float: left;
    padding: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 220px;
    height: 24px
}

.tubes .tubes__search .search__close-btn {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    outline: 0;
    border: 1px solid #ddd;
    background-clip: padding-box;
    border-radius: 4px;
    color: rgba(0,0,0,.75);
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-transition: border-color .18s;
    transition: border-color .18s;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    height: 24px;
    padding: 0 6px
}

.tubes .tubes__search .search__close-btn:hover {
    border-color: #989898;
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

.tubes .show-search-btn {
    margin-left: 10px;
    cursor: pointer
}

.tubes .show-search-btn i {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media (max-width:1160px) {
    .tubes .dropdown {
        display: inline-block
    }

    .tubes .top-menu__item:nth-child(7),.tubes .top-menu__item:nth-child(8),.tubes .top-menu__item:nth-child(9),.tubes .top-menu__item:nth-child(10) {
        display: none
    }

    .tubes .more-dropdown {
        left: -26px
    }
}

.tube-stats {
    display: inline-block;
    margin-right: 15px
}

.tube-stats__item {
    display: inline-block;
    margin-right: 10px
}

.thumb-grid {
    text-align: center;
    margin: 0 -20px
}

.thumb-grid__item {
    padding: 0 13px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px
}

.thumb {
    position: relative;
    display: block;
    cursor: pointer
}

.thumb__content {
    position: relative;
    font-size: 0;
    overflow: hidden;
    min-height: 165px;
    background: hsla(0,0%,92%,.6)
}

.thumb__watched {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 165px;
    background: hsla(0,0%,100%,.6)
}

.thumb__watched_text {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    opacity: .7;
    margin-top: 64px;
    letter-spacing: 1px
}

.thumb__duration {
    margin-right: 4px
}

.thumb__hd {
    top: 3px;
    left: 3px;
    padding: 0 1px;
    line-height: 18px;
    font-style: italic
}

.thumb__edit,.thumb__hd {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px
}

.thumb__edit {
    top: 2px;
    right: 2px;
    padding: 0 5px;
    line-height: 20px;
    z-index: 100
}

.thumb__watch-later {
    width: 28px;
    height: 28px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: collapse;
    background: #fff;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.thumb__add-to-btn,.thumb__watch-later {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 100
}

.thumb__set-screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 58px 0;
    font-size: 1.1em;
    background: rgba(0,0,0,.4);
    text-align: center;
    font-weight: 600;
    color: #fff
}

.thumb__title {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.thumb__title--left {
    text-align: left
}

.thumb--video {
    width: 220px
}

.thumb--video--preview .thumb-info {
    display: none
}

.thumb--video img {
    height: 165px
}

.thumb--channel {
    width: 265px
}

.thumb--channel .thumb__content {
    min-height: 153px
}

.thumb--avatar {
    width: 150px;
    display: inline-block;
    margin: 0 8px 8px;
    vertical-align: top
}

.thumb--screenshot {
    display: inline-block;
    width: 179px;
    height: 134px;
    margin-bottom: 5px
}

.thumb--screenshot.is-active,.thumb--screenshot.is_hovered {
    box-shadow: 0 0 0 2px #ad1625
}

.thumb--screenshot.is-active:before,.thumb--screenshot.is_hovered:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background: #ad1625;
    z-index: 1
}

.thumb--screenshot.is-active:after,.thumb--screenshot.is_hovered:after {
    position: absolute;
    content: "";
    right: 3px;
    top: 2px;
    height: 8px;
    width: 13px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.thumb.is_hovered .thumb__watch-later {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.thumb.is_hovered .thumb-overlay {
    opacity: 0;
    filter: alpha(opacity=0)
}

.thumb.is_hovered .thumb-pagination__item {
    opacity: 1;
    filter: alpha(opacity=100)
}

.thumb.is_hovered .thumb__set-screen {
    display: inline-block
}

.thumb-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18px;
    line-height: 18px;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 10px;
    -webkit-transition: opacity .25s ease,-webkit-transform .3s ease;
    transition: opacity .25s ease,-webkit-transform .3s ease;
    transition: opacity .25s ease,transform .3s ease;
    transition: opacity .25s ease,transform .3s ease,-webkit-transform .3s ease
}

.thumb-overlay:after {
    content: "";
    display: table;
    clear: both
}

.thumb-overlay__left {
    float: left
}

.thumb-overlay__right {
    float: right
}

.thumb-info:after {
    content: "";
    display: table;
    clear: both
}

.thumb-info__left {
    float: left;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.thumb-info__right {
    float: right
}

.thumb-info__text {
    color: #848282;
    line-height: 14px;
    margin-left: 5px;
    font-size: 10px
}

.thumb-info__text:first-child {
    margin: 0
}

.thumb-pagination {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1
}

.thumb-pagination__container {
    display: table;
    width: 100%;
    height: 100%
}

.thumb-pagination__inner {
    display: table-row
}

.thumb-pagination__item {
    position: relative;
    display: table-cell;
    height: 100%;
    min-height: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiYAAAAAkAAxkR2eQAAAAASUVORK5CYII=) repeat;
    cursor: pointer
}

.thumb-pagination__item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: rgba(0,0,0,.8)
}

.thumb-pagination__item:hover:before {
    background: #ad1625
}

@media only screen and (max-width:1250px) {
    .thumb-grid__item {
        padding: 0 10px
    }
}

@media only screen and (max-width:1024px) {
    .thumb-grid__item {
        padding: 0 3px
    }

    .thumb--video {
        width: 215px
    }
}

@media only screen and (max-device-width:1250px) {
    .thumb-pagination {
        display: none
    }

    .thumb__watch-later {
        opacity: .65;
        filter: alpha(opacity=65);
        visibility: visible
    }
}

.vert-menu {
    text-align: left
}

.vert-menu__item {
    display: block;
    line-height: 30px;
    padding: 0 5px
}

.vert-menu__item:hover {
    background: hsla(0,0%,92%,.6)
}

.vert-menu__item--active {
    background: #ad1625!important;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2)!important
}

.side-cats {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
}

.side-cats__header {
    padding: 6px 5px
}

.side-cats__title {
    border-bottom: 1px solid rgba(0,0,0,.07)
}

.side-cats__reset-filter,.side-cats__search {
    text-align: center;
    margin: 10px 10px 0
}

.side-cats__item {
    position: relative;
    overflow: hidden;
    line-height: 2.2;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.07);
    padding: 1px 5px
}

.side-cats__item:last-child {
    box-shadow: none
}

.side-cats__item.is-disabled .side-cats__link {
    color: #9e9e9e
}

.side-cats__item.is-active {
    background: #ad1625;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
}

.side-cats__item.is-active .side-cats__action a,.side-cats__item.is-active .side-cats__link {
    color: #fff
}

.side-cats__item.is-active .side-cats__action a>i,.side-cats__item.is-active .side-cats__link>i {
    fill: #fff
}

.side-cats__item.is-active:hover {
    background: #ad1625;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
}

.side-cats__item.is-active:hover .side-cats__action {
    color: #fff
}

.side-cats__action {
    display: inline-block;
    text-align: center
}

.side-cats__action a {
    width: 28px;
    display: inline-block;
    box-shadow: inset -1px 0 0 rgba(0,0,0,.1)
}

.side-cats__action a.is-disabled {
    pointer-events: none
}

.side-cats__action:hover~.side-cats__number-videos {
    top: -20px
}

.side-cats__action:hover~.side-cats__number-videos--merged {
    top: 3px
}

.side-cats__action:hover svg {
    fill: #31a1c6
}

.side-cats__action:hover~.side-cats__number-videos.side-cats__number-videos--merged {
    color: #31a1c6
}

.side-cats__number-videos {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #888;
    font-size: 10px;
    -webkit-transition: top .15s linear;
    transition: top .15s linear
}

.side-cats__number-videos--merged {
    top: 30px
}

.side-cats__link {
    display: inline-block;
    color: rgba(0,0,0,.8)
}

.side-cats__checkbox {
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
    position: absolute
}

.side-cats .videos-count {
    float: right;
    color: #888;
    opacity: .65;
    font-size: 11px;
    padding: 1px 6px
}

.sidebar-categories .list__item {
    padding: 0;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.07)
}

.sidebar-categories .list__item:after {
    content: "";
    display: table;
    clear: both
}

.sidebar-categories .list__item--active {
    background: #ad1625;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
}

.sidebar-categories .list__item--active .link {
    color: #fff;
    text-decoration: none
}

.sidebar-categories .list__item--active .videos-count,.sidebar-categories .list__item--active:hover .link {
    color: #fff
}

.section {
    margin-bottom: 20px
}

.section__inner {
    padding: 10px 20px;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,.14)
}

.section__inner:after {
    content: "";
    display: table;
    clear: both
}

.section--no-padding .section__inner {
    padding: 0
}

.section--side .section__inner {
    padding: 8px 12px
}

.section-header {
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 4px
}

.section-header:after {
    content: "";
    display: table;
    clear: both
}

.section-header__left {
    float: left;
    text-align: left
}

.section-header__right {
    float: right;
    text-align: right
}

.section-header__bottom:after,.section-header__top:after {
    content: "";
    display: table;
    clear: both
}

.section-header__bottom {
    margin-top: 10px
}

.video-info__bar:after {
    content: "";
    display: table;
    clear: both
}

.video-info__control {
    float: left
}

.video-info__tabs {
    float: right
}

.video-info__container {
    padding: 15px 10px;
    border: solid #ddd;
    border-width: 1px 1px 0;
    margin-top: -1px
}

.video-info__container:after,.video-info__item:after {
    content: "";
    display: table;
    clear: both
}

.video-info__details {
    float: left;
    width: 78%;
    font-size: 12px
}

.video-info__title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd
}

.video-info__data {
    min-height: 22px
}

.video-info__data,.video-info__desc {
    margin-bottom: 5px;
    line-height: 23px
}

.video-info__mark {
    margin-bottom: 5px;
    line-height: 14px
}

.video-info__content-source {
    float: right;
    width: 20%;
    margin-left: 2px;
    text-align: right
}

.video-stats__item {
    margin-right: 10px
}

.sort,.video-share__item:first-child {
    margin-bottom: 10px
}

.sort {
    display: inline-block
}

.show,.sort {
    font-size: 12px
}

.show {
    display: none
}

.slidedown-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.slidedown-menu,.slidedown-menu--open {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.upload-form__item {
    margin-bottom: 30px
}

.tabs__panel {
    display: none
}

.tabs__panel--active {
    display: block
}

.tabs--horiz:after {
    content: "";
    display: table;
    clear: both
}

.tabs--horiz .tabs__body,.tabs--horiz .tabs__head {
    display: table-cell;
    vertical-align: middle
}

.tabs--horiz .tabs__head {
    min-width: 130px
}

.tabs--horiz .tabs__tab {
    margin-bottom: 15px;
    display: block
}

.tabs--horiz .tabs__tab--active {
    color: #fff;
    background: #ad1625
}

.tabs--horiz .tabs__tab--active svg {
    fill: #fff
}

.tabs--horiz .tabs__body {
    padding: 0 15px
}

.comments-list:after {
    content: "";
    display: table;
    clear: both
}

.comments-list__group--hidden {
    display: none
}

.comments-list__item {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px
}

.comments-list__avatar {
    float: left;
    margin-right: 8px
}

.comments-list__content {
    float: left
}

.comments-list--review .comments-list__item {
    margin-bottom: 10px
}

.comments__form {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.comments__report {
    font-size: 1.2em;
    margin-bottom: 5px
}

.comments__show-more {
    margin-top: 20px
}

.comments--review .comments__form {
    width: 420px;
    padding: 10px 15px
}

.comments--side .user-action__text {
    max-width: 206px
}

.comments .form__item {
    margin-bottom: 15px
}

.comments .input {
    min-width: 250px
}

.comment__avatar {
    float: left;
    margin-right: 8px
}

.comment__content {
    float: left
}

.comment--review .comment__content {
    float: none
}

.comment--review .user-action__text {
    max-width: none
}

.comment--review .user-action__text.uk-hidden {
    display: block;
    height: 55px
}

.login {
    text-align: left;
    width: 800px;
    margin: 0 auto
}

.login__form {
    width: 60%;
    padding-right: 3%
}

.login__form,.login__info {
    display: inline-block;
    vertical-align: top
}

.login__info {
    width: 40%;
    padding-left: 3%;
    border-left: 1px solid #ddd
}

.login-form__submit {
    text-align: right
}

.login-form__links {
    float: left;
    text-align: left
}

.login-info__title {
    margin-bottom: 5px;
    font-weight: 600;
    text-align: center
}

.login-info__features {
    margin-bottom: 15px;
    font-size: 14px
}

.login-info__signup {
    text-align: right
}

.back-to-top {
    width: 35px;
    position: fixed;
    right: 50px;
    bottom: 25px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width:1270px) {
    .back-to-top {
        display: none
    }
}

.footer {
    position: relative;
    height: 170px;
    border-top: 1px solid #ddd;
    background-color: #fdfdfd
}

.footer__inner {
    padding: 20px 20px 15px
}

.footer__section {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.footer__copyright {
    margin-top: 7px;
    text-align: center;
    font-size: 12px
}

.messages:after {
    content: "";
    display: table;
    clear: both
}

.message {
    width: 100%;
    text-align: center;
    font-size: 15px
}

.message:after {
    content: "";
    display: table;
    clear: both
}

.message--no-content {
    padding: 20px 0 10px
}

.message--error {
    margin-bottom: 20px
}

.message--from,.message--to {
    width: 40%;
    text-align: center;
    font-size: 15px;
    background: #e8e8e8;
    margin: 10px 0;
    clear: both;
    border-radius: 4px;
    padding: 5px 10px
}

.message--to {
    text-align: right;
    float: left
}

.message--from,.message--to .comment__avatar,.message--to .comment__content {
    float: right
}

.alert {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 4px
}

.alert--type--default {
    background-color: #00a7cd
}

.alert--type--error {
    background-color: #c7524d
}

.alert--type--success {
    background-color: #5bc76e
}

.alert__content,.alert__icon {
    display: table-cell
}

.alert__content {
    color: #fff
}

.alert__close {
    display: table-cell
}

.filter-wrap {
    margin-bottom: 10px
}

.filter-wrap .filter-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.filter-wrap .filter-list li {
    float: left
}

.filter-wrap .filter-list li.current span {
    border-color: #fff;
    color: #fff;
    background: #ad1625;
    border-radius: 4px
}

.filter-wrap .filter-list li span {
    display: block;
    padding: 4px 5px 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-right: 5px;
    cursor: pointer;
    font-size: 12px
}

.modif {
    text-align: center
}

.modif .btn {
    margin: 0 5px
}

.mod_ind_class .btn--active {
    border-color: #fff;
    color: #fff;
    background: #ad1625
}

.user__name {
    color: #009fda;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap
}

.user__name:hover {
    color: #0089bb;
    text-decoration: underline
}

.user__name--anonym {
    color: #444
}

.user__name--anonym:hover {
    color: #444;
    text-decoration: none
}

.user__country {
    margin-left: 10px
}

.user-action__header {
    margin-bottom: 3px;
    line-height: 16px
}

.user-action__user {
    display: inline-block;
    margin-right: 5px
}

.user-action__date {
    color: #444;
    font-size: 10px;
    display: inline-block;
    vertical-align: top
}

.user-action__text {
    margin-bottom: 5px;
    padding-right: 5px;
    max-width: 800px;
    line-height: 1.3;
    text-align: justify
}

.form__item {
    margin-bottom: 20px
}

.form__btn,.form__item--btn {
    text-align: right
}

.form:last-child {
    margin-bottom: 0
}

.field-error,.field_error,.video-field-error {
    color: #fe0007
}

.video-field {
    color: #1eb74f
}

.captcha__image {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 15px;
    font-size: 0
}

.vote {
    color: #888;
    font-size: 12px
}

.vote--already .vote__count,.vote--already .vote__down,.vote--already .vote__up {
    opacity: .35;
    cursor: default;
    pointer-events: none
}

.vote__down,.vote__up {
    opacity: .35;
    cursor: pointer
}

.vote__down:hover,.vote__up:hover {
    opacity: 1
}

.vote__count {
    cursor: pointer
}

.vote__count--positive {
    color: #20c046
}

.vote__count--negative {
    color: #d71e1e
}

.video-upload__form {
    max-width: 750px;
    padding: 0 10px
}

@media only screen and (max-width:1250px) {
    .video-upload__form {
        max-width: 650px
    }
}

@media only screen and (max-width:1160px) {
    .video-upload__form {
        max-width: 570px
    }
}

@media only screen and (max-width:1060px) {
    .video-upload__form {
        max-width: 520px
    }
}

@media only screen and (max-width:980px) {
    .video-upload__form {
        max-width: 440px
    }
}

.channel__head {
    margin-bottom: 15px
}

.channel__top-banner {
    width: 670px
}

.channel__info,.channel__top-banner {
    display: inline-block;
    vertical-align: top
}

.channel__info {
    height: 187px;
    width: 265px;
    text-align: center
}

@media screen and (max-width:1270px) {
    .channel__info {
        width: 330px
    }
}

.channel-info__item {
    margin-bottom: 18px
}

.channel-review__banner {
    margin-bottom: 15px
}

.channel-review__content {
    max-height: 640px;
    overflow: auto;
    margin-bottom: 10px
}

.top-banner__img {
    display: block
}

.slidedown-categories {
    min-width: 100%;
    position: absolute;
    background: #fff;
    padding: 0 20px;
    z-index: 200;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 1px 6px rgba(0,0,0,.23)
}

.slidedown-categories__inner {
    display: table;
    vertical-align: middle;
    min-height: inherit;
    padding: 20px 0
}

.slidedown-categories__head {
    width: 140px
}

.slidedown-categories__head .tabs__tab {
    display: block
}

.slidedown-categories__body {
    width: 100%
}

.slidedown-categories__section {
    display: inline-block;
    margin-right: 20px
}

.slidedown-categories .list--autocolumn:lang(pt),.slidedown-categories .list--autocolumn:lang(ru) {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.slidedown-categories .list__item {
    white-space: nowrap;
    padding: 0
}

.slidedown-categories .link,.slidedown-categories .link--pressed {
    padding: 0 4px
}

.slidedown-categories .link--pressed {
    display: block
}

.slidedown-menu--open.slidedown-categories {
    min-height: 230px;
    max-height: 535px;
    margin-bottom: 10px
}

@media screen and (max-width:1500px) {
    .slidedown-categories .list--autocolumn:lang(fr),.slidedown-categories .list--autocolumn:lang(it),.slidedown-categories .list--autocolumn:lang(pt),.slidedown-categories .list--autocolumn:lang(ru) {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .slidedown-categories .list--autocolumn {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
}

.list-events__item {
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.members-list__filter {
    display: inline-block;
    margin: 0 10px
}

.member-profile__side {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 100%;
    margin-right: 10px;
    margin-left: -10px
}

.member-profile__main {
    display: inline-block;
    vertical-align: top;
    width: 665px;
    padding-left: 10px;
    border-left: 1px solid #ddd
}

.member-profile__item {
    margin-bottom: 20px
}

.member-profile__member {
    padding: 0 35px
}

.member-profile__member-friends {
    padding: 0 17px;
    border-bottom: 1px solid #ddd
}

.member-profile__member-friends .user__name {
    font-size: 10px;
    font-weight: 400
}

.profile__banner {
    position: relative;
    z-index: 1;
    background-color: #ddd;
    width: 100%;
    height: 250px;
    overflow: hidden
}

.profile__banner-section {
    position: absolute;
    left: 30px;
    bottom: 45px
}

.profile__avatar {
    margin-bottom: 15px
}

.profile__subscribe--member {
    width: 150px
}

.profile__subscribe--channel {
    width: 200px
}

.profile__share {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2
}

.profile__info {
    display: none;
    padding: 2px 15px;
    background: #fff
}

.profile__info:after {
    content: "";
    display: table;
    clear: both
}

.profile__title {
    float: left;
    line-height: 2em
}

.profile__desc {
    float: right
}

.profile__action {
    position: absolute;
    bottom: 6px;
    right: 15px
}

.profile__menu {
    padding: 0
}

.profile__menu .control-group .btn,.profile__menu .control-group .btn:before {
    border-radius: 0
}

.profile__menu .list__item {
    line-height: 40px;
    height: 40px;
    position: relative
}

.profile__info--style2 {
    background: rgba(0,0,0,.68);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    display: block
}

.profile-stats {
    padding-top: 2px
}

.profile-stats__badge {
    font-size: 20px;
    margin-right: 2px
}

.profile-change-mode {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 40px
}

.profile-change-mode .i {
    padding: 4px 0
}

.profile-banner__img {
    display: block;
    width: 100%
}

.subscribe--member .subscribe__btn {
    width: 150px
}

.subscribe--channel .subscribe__btn {
    width: 200px
}

.subscribe_count {
    position: absolute;
    right: 0;
    padding: 0 7px;
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    border-radius: 0 4px 4px 0
}

.channel-promo__banner {
    display: block;
    position: relative;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0
}

.channel-promo__img {
    display: block;
    height: 250px
}

.channel-promo__info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 5px;
    color: #fff;
    background: rgba(0,0,0,.68);
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.channel-promo__ribbon {
    position: absolute;
    top: 0;
    right: 8px;
    width: 60px;
    height: 55px;
    background-color: #fe0007;
    font-size: 16px;
    font-weight: 700;
    z-index: 10;
    padding: 4px 5px;
    text-align: center;
    color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.19),0 2px 6px rgba(0,0,0,.23)
}

.channel-promo__new-price {
    vertical-align: middle;
    font-size: 17px
}

.channel-promo__old-price {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through
}

.channel-promo__discount-percent {
    font-size: 20px;
    line-height: 26px;
    display: block
}

.channel-promo--price .channel-promo__new-price {
    line-height: 48px;
    display: inline-block
}

.channel-promo--discount .channel-promo__price {
    display: none;
    line-height: 1.4
}

.channel-promo--discount .channel-promo__discount {
    display: block
}

.channel-promo--discount:hover .channel-promo__discount {
    display: none
}

.channel-promo--discount:hover .channel-promo__price {
    display: block
}

.member-info__list {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.member-info__view .table__row {
    line-height: 1.4
}

.member-info__view .table__row .table__cell {
    text-align: justify
}

.member-info__view .table__row .table__cell--head {
    overflow: visible;
    margin-bottom: 0
}

.profile-settings:after {
    content: "";
    display: table;
    clear: both
}

.profile-settings__inner {
    margin: 0 -20px
}

.profile-settings__info:after {
    content: "";
    display: table;
    clear: both
}

.profile-settings__info--main,.profile-settings__info--other {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.profile-settings__info--other {
    position: relative
}

.profile-settings__info--other:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 600px;
    background-color: #ddd;
    top: 0;
    left: 0
}

.profile-settings__privacy {
    width: 50%;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: .6;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.profile-settings__privacy:hover {
    opacity: 1
}

.profile-settings__privacy:before {
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    background-color: #ddd;
    top: -30px;
    left: 15px;
    opacity: 1
}

.profile-settings__col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 25px;
    border-left: 1px solid #ddd
}

.profile-settings__col:first-child {
    border: 0
}

.profile-settings__col--half {
    width: 50%
}

.side-friends__title {
    margin-bottom: 2px
}

.side-friends__item {
    display: inline-block;
    margin: 0 1px 5px;
    text-align: center
}

.member-videos {
    width: 100%;
    border-bottom: 1px solid #ddd
}

.member-videos__head {
    background: #f7f7f7;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: #ddd;
    border-radius: 4px
}

.member-videos__head:after {
    content: "";
    display: table;
    clear: both
}

.member-videos__title {
    float: left;
    margin-right: 10px
}

.member-videos__title.tabs__tab--active {
    font-weight: 600
}

.member-videos__show-all {
    float: right
}

.member-videos__body {
    padding: 10px;
    min-height: 135px
}

.upload-rules__item {
    margin-bottom: 20px
}

.upload-rules__item--important {
    border-left: 2px solid #ad1625;
    padding-left: 10px
}

.upload-rules__title {
    text-transform: uppercase;
    margin-bottom: 10px
}

.upload-rules__sub-title {
    margin-bottom: 0
}

.uploader__categories {
    padding: 10px 0;
    border-top: 3px solid #ad1625;
    border-bottom: 1px solid #ddd
}

.uploader__rules {
    top: 30px;
    padding: 10px;
    background: hsla(0,0%,92%,.6);
    border-radius: 4px
}

.uploader__rules,.uploader__screenshots {
    position: absolute;
    right: 20px;
    bottom: 30px;
    width: 400px;
    max-height: 100%;
    overflow-y: auto
}

.uploader__screenshots {
    top: 50px;
    padding: 0 10px 10px
}

.ftp-upload {
    max-width: 100%
}

.ftp-upload__inner {
    min-width: 400px;
    margin: 0 auto
}

.signup {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.signup:after {
    content: "";
    display: table;
    clear: both
}

.signup__wrapper {
    width: 850px;
    margin: 20px auto 0
}

.signup__wrapper:after {
    content: "";
    display: table;
    clear: both
}

.signup__form {
    float: left;
    border-right: 1px solid #ddd;
    padding-right: 90px;
    margin-right: 30px;
    max-width: 435px
}

.signup__desc {
    float: right;
    max-width: 315px
}

.remind-password {
    width: 800px;
    margin: 0 auto
}

.remind-password__wrapper {
    padding: 20px 115px
}

.player {
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    background-color: #000
}

.player__container {
    width: 100%;
    height: 526px;
    position: relative;
    z-index: 50
}

.player__area {
    position: relative;
    z-index: 10
}

.player__no-flash {
    height: 526px;
    width: 100%;
    text-align: center;
    padding: 250px 0;
    background: #fff;
    font-size: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,.14)
}

.player-desk {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 630px;
    height: 350px;
    margin-left: -315px;
    margin-top: -175px;
    text-align: center;
    z-index: 999
}

.player-desk__body {
    position: relative;
    padding: 10px;
    font-size: 0;
    background: #fff;
    min-width: 100%
}

.player-desk__item {
    display: inline-block
}

.player-desk__item:nth-child(2) {
    margin-right: 10px
}

.player-desk__close {
    position: absolute;
    top: -32px;
    right: -8px;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.player-desk__close-btn {
    margin-top: 10px;
    font-size: 18px;
    text-transform: uppercase
}

.player-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player-preview__img {
    width: 100%;
    height: 100%;
    display: block
}

.wide-view .player__container {
    height: 703px
}

.video-preloader {
    position: relative;
    top: -100%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,.7);
    opacity: .3;
    display: none
}

.video-preloader__img {
    top: 40%;
    width: 100%;
    position: absolute
}

.video-preloader__text {
    color: #fff;
    position: absolute;
    top: 60%;
    width: 100%;
    font-size: 20px
}

.video-preloader__dots {
    position: absolute
}

@media screen and (max-width:1270px) {
    .player__container {
        height: 562px
    }
}

.wall__send-post {
    text-align: right
}

.wall .user-action__text {
    max-width: 500px
}

.wall__textarea {
    background: #e8e8e8;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px
}

.alphabet__item {
    margin: 0 5px 9px 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.no-svg .i {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets_desktop/img/icons/sprite/sprite.png)
}

.no-svg .i--flag {
    width: 16px;
    height: 16px;
    background-position: 0 0
}

.no-svg .i--arrow-down {
    width: 31px;
    height: 16px;
    background-position: 0 -26px
}

.no-svg .i--arrow-right {
    width: 31px;
    height: 16px;
    background-position: -52px -26px
}

.no-svg .i--account-minus {
    width: 16px;
    height: 16px;
    background-position: -104px -26px
}

.no-svg .i--account-multiple {
    width: 16px;
    height: 16px;
    background-position: -130px -26px
}

.no-svg .i--account-plus {
    width: 16px;
    height: 16px;
    background-position: -156px -26px
}

.no-svg .i--arrow-left {
    width: 16px;
    height: 16px;
    background-position: -182px -26px
}

.no-svg .i--arrow-right2 {
    width: 16px;
    height: 16px;
    background-position: -208px -26px
}

.no-svg .i--camera {
    width: 16px;
    height: 16px;
    background-position: -234px -26px
}

.no-svg .i--cellphone {
    width: 16px;
    height: 16px;
    background-position: -260px -26px
}

.no-svg .i--check {
    width: 16px;
    height: 16px;
    background-position: -286px -26px
}

.no-svg .i--chevron-down {
    width: 16px;
    height: 16px;
    background-position: -312px -26px
}

.no-svg .i--chevron-left {
    width: 16px;
    height: 16px;
    background-position: -338px -26px
}

.no-svg .i--chevron-right {
    width: 16px;
    height: 16px;
    background-position: -364px -26px
}

.no-svg .i--chevron-up {
    width: 16px;
    height: 16px;
    background-position: 0 -52px
}

.no-svg .i--clock {
    width: 16px;
    height: 16px;
    background-position: -26px -52px
}

.no-svg .i--close {
    width: 16px;
    height: 16px;
    background-position: -52px -52px
}

.no-svg .i--close-circle-outline {
    width: 16px;
    height: 16px;
    background-position: -78px -52px
}

.no-svg .i--content-save {
    width: 16px;
    height: 16px;
    background-position: -104px -52px
}

.no-svg .i--delete {
    width: 16px;
    height: 16px;
    background-position: -130px -52px
}

.no-svg .i--download {
    width: 16px;
    height: 16px;
    background-position: -156px -52px
}

.no-svg .i--earth {
    width: 16px;
    height: 16px;
    background-position: -182px -52px
}

.no-svg .i--email-outline {
    width: 16px;
    height: 16px;
    background-position: -208px -52px
}

.no-svg .i--facebook-box {
    width: 16px;
    height: 16px;
    background-position: -234px -52px
}

.no-svg .i--folder {
    width: 16px;
    height: 16px;
    background-position: -260px -52px
}

.no-svg .i--gender-female {
    width: 16px;
    height: 16px;
    background-position: -286px -52px
}

.no-svg .i--gender-male {
    width: 16px;
    height: 16px;
    background-position: -312px -52px
}

.no-svg .i--gender-male-female {
    width: 16px;
    height: 16px;
    background-position: -338px -52px
}

.no-svg .i--heart {
    width: 16px;
    height: 16px;
    background-position: -364px -52px
}

.no-svg .i--heart-broken {
    width: 16px;
    height: 16px;
    background-position: 0 -78px
}

.no-svg .i--heart-outline {
    width: 16px;
    height: 16px;
    background-position: -26px -78px
}

.no-svg .i--home {
    width: 16px;
    height: 16px;
    background-position: -52px -78px
}

.no-svg .i--link-variant {
    width: 16px;
    height: 16px;
    background-position: -78px -78px
}

.no-svg .i--login {
    width: 16px;
    height: 16px;
    background-position: -104px -78px
}

.no-svg .i--logout {
    width: 16px;
    height: 16px;
    background-position: -130px -78px
}

.no-svg .i--magnify {
    width: 16px;
    height: 16px;
    background-position: -156px -78px
}

.no-svg .i--menu {
    width: 16px;
    height: 16px;
    background-position: -182px -78px
}

.no-svg .i--minus {
    width: 16px;
    height: 16px;
    background-position: -208px -78px
}

.no-svg .i--pencil {
    width: 16px;
    height: 16px;
    background-position: -234px -78px
}

.no-svg .i--plus {
    width: 16px;
    height: 16px;
    background-position: -260px -78px
}

.no-svg .i--reddit {
    width: 16px;
    height: 16px;
    background-position: -286px -78px
}

.no-svg .i--settings {
    width: 16px;
    height: 16px;
    background-position: -312px -78px
}

.no-svg .i--star {
    width: 16px;
    height: 16px;
    background-position: -338px -78px
}

.no-svg .i--star-outline {
    width: 16px;
    height: 16px;
    background-position: -364px -78px
}

.no-svg .i--television {
    width: 16px;
    height: 16px;
    background-position: 0 -104px
}

.no-svg .i--thumb-down {
    width: 16px;
    height: 16px;
    background-position: -26px -104px
}

.no-svg .i--thumb-up {
    width: 16px;
    height: 16px;
    background-position: -52px -104px
}

.no-svg .i--tumblr {
    width: 16px;
    height: 16px;
    background-position: -78px -104px
}

.no-svg .i--twitter-box {
    width: 16px;
    height: 16px;
    background-position: -104px -104px
}

.no-svg .i--upload {
    width: 16px;
    height: 16px;
    background-position: -130px -104px
}

.no-svg .i--video {
    width: 16px;
    height: 16px;
    background-position: -156px -104px
}

.no-svg .i--webcam {
    width: 16px;
    height: 16px;
    background-position: -182px -104px
}

.no-svg .i--windows {
    width: 16px;
    height: 16px;
    background-position: -208px -104px
}

.no-svg .i--youtube-play {
    width: 16px;
    height: 16px;
    background-position: -234px -104px
}

.no-svg .i--portrait {
    width: 16px;
    height: 16px;
    background-position: 0 -130px
}

.no-svg .i--remove_red_eye {
    width: 16px;
    height: 16px;
    background-position: -26px -130px
}

.no-svg .i--local_offer {
    width: 16px;
    height: 16px;
    background-position: -52px -130px
}

.no-svg .i--folder2 {
    width: 16px;
    height: 16px;
    background-position: 0 -156px
}

.playlist-grid .thumb-hover_overlay .playlist-overlay_section+.playlist-overlay_section {
    box-shadow: inset 0 1px #6b6b6b
}

.playlist-grid .playlist-thumbnail-list {
    width: 34%;
    position: absolute;
    left: 0;
    top: 0
}

.playlist-view .playlist-createdby {
    margin-top: 5px
}

.playlist-view .playlist-createdby-avatar {
    float: right;
    width: 100px;
    margin-top: 10px;
    padding-bottom: 15px
}

.playlist-view .playlist-createdby-avatar img {
    width: 100%
}

.video_view .video_playlist_view {
    background: #333;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden
}

.video_view .video_playlist_view .thumb-grid__item {
    margin-bottom: 0;
    padding: 0 15px
}

.video_view .video_playlist_view .thumb-grid__item.is-active {
    background: rgba(0,0,0,.5);
    margin: -10px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%
}

.video_view .video_playlist_view .thumb-grid__item.is-active .thumb-pagination {
    background: hsla(0,0%,100%,.5)
}

.video_view .video-info__control .control-group a.btn {
    padding: 0 7px
}

.carousel {
    position: relative;
    padding: 10px 0
}

.carousel-slider {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    font-size: 0
}

.carousel-chevron {
    position: absolute;
    height: 100%;
    z-index: 2;
    top: 0;
    background: hsla(0,0%,100%,.3);
    cursor: pointer
}

.carousel-chevron svg {
    width: 50px
}

.carousel-chevron i {
    fill: #fff;
    height: 100%
}

.carousel-chevron-left {
    left: 0;
    background: -webkit-linear-gradient(right,#000,transparent);
    background: -webkit-gradient(linear,left top,right top,from(#000),to(transparent));
    background: -webkit-linear-gradient(left,#000,transparent);
    background: linear-gradient(90deg,#000 0,transparent)
}

.carousel-chevron-left,.carousel-chevron-right {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=1)
}

.carousel-chevron-right {
    right: 0;
    background: -webkit-linear-gradient(left,#000,transparent);
    background: -webkit-gradient(linear,right top,left top,from(#000),to(transparent));
    background: -webkit-linear-gradient(right,#000,transparent);
    background: linear-gradient(270deg,#000 0,transparent)
}

.player-download {
    width: 900px;
    text-align: center;
    margin-top: 200px
}

.player-download .player-desk__item {
    margin-top: 10px
}

.player-download .player-desk__download {
    margin: 0 20px;
    vertical-align: top;
    width: 210px
}

.player-download .player-desk__thumbnail {
    width: 220px;
    height: 165px
}

.player-download .download-timer {
    margin-top: 20px
}

.player-download p {
    font-size: 17px;
    margin-top: 10px
}

.player-download .download-link {
    margin-top: 20px
}

.player-download .download-timer-time {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    width: 34px;
    text-align: center
}

.player-download .download-timer-time:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -4px;
    margin-left: 16px;
    width: 34px;
    height: 34px;
    border: 2px solid #9d9d9d;
    border-top-color: transparent;
    border-radius: 100%;
    -webkit-animation: circle infinite 1.5s linear;
    animation: circle infinite 1.5s linear
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.rating {
    position: relative;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
    box-shadow: inset 0 0 0 1px #d3d3d3;
    background: #fff
}

.rating-thumb-up {
    float: left;
    width: 15%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rating-thumb-down {
    float: left;
    width: 15%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rating-content {
    float: left;
    width: 70%;
    position: relative;
    font-size: 14px;
    margin-top: 1px
}

.rating-progress {
    width: 90%;
    height: 5px;
    margin: 2px auto 0;
    background: #f44336
}

.rating-progress-green {
    content: "";
    display: block;
    background: #8bc01d;
    height: 100%
}

.rating:after {
    content: "";
    display: table;
    clear: both
}

.card-image img {
    width: 100%
}

.card-content {
    margin-bottom: 10px
}

.card-interaction {
    margin-top: 10px
}

.search-hint-list {
    position: absolute;
    display: none;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top: 0;
    z-index: 50
}

.search-hint-list a {
    display: block;
    padding: 0 10px;
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    line-height: 2.2
}

.search-hint-list a:last-child {
    border: 0
}

.search-hint-list a.sel,.search-hint-list a:hover {
    background: #e9e9e9
}

.playlist-grid .thumb-hover_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

.playlist-grid .thumb-hover_overlay .playlist-overlay_section {
    background: rgba(0,0,0,.7);
    display: block;
    height: 50%;
    color: #fff;
    font-size: 16px;
    padding-top: 31px;
    position: relative
}

.playlist-grid .thumb-hover_overlay .playlist-overlay_section i {
    fill: #fff
}

.playlist-grid .thumb-hover_overlay .playlist-overlay_section:hover {
    background: rgba(0,0,0,.9)
}

.playlist-grid .thumb__content:hover .thumb-hover_overlay {
    display: block
}

.thumb-nothumb {
    font-size: 16px;
    background: #676767;
    width: 220px;
    height: 165px;
    line-height: 170px;
    color: #fff;
    text-transform: uppercase
}

.thumb-overlay-side {
    height: 100%;
    width: 80px;
    left: auto
}

.thumb--playlist_overlay {
    font-size: 12px;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.thumb--playlist_overlay_item {
    padding: 0 5px;
    margin-bottom: 5px
}

.thumb--playlist_videos_count {
    font-size: 16px;
    font-weight: 700
}

.thumb-grid-small .thumb-grid .thumb--video {
    width: 205px
}

.vda-iv {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 630px;
    height: 350px;
    margin-left: -315px;
    margin-top: -175px;
    text-align: center;
    z-index: 999
}

.list--autocolumn-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

.list--autocolumn-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.list--autocolumn-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.models-list .thumb--avatar {
    width: 180px;
    margin: 0 10px 8px;
    vertical-align: top
}

.models-list .alphabetical-charter-item {
    padding: 0 5px;
    min-width: 28px;
    margin-right: 3px;
    margin-bottom: 3px
}

.mod_parent_class {
    position: relative;
    margin-bottom: 10px
}

.mod_parent_class .input__control {
    padding-right: 25px
}

.mod_parent_class .i--size--m,.mod_parent_class .input__icon {
    margin: 0;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 3px
}

.side-cats__header .side-cats__sort {
    margin: 0 10px
}

.not-allowed {
    padding: 5px;
    color: #fff;
    text-align: center
}

@media screen and (max-width:1355px) {
    .slidedown-categories__inner.layout {
        display: block;
        overflow: hidden;
        margin: 0;
        min-width: 700px
    }

    .slidedown-categories__inner.layout .ex-js-columns {
        display: inline-block;
        width: 20%;
        vertical-align: top
    }

    .slidedown-categories__inner.layout .ex-js-columns .link--pressed {
        padding: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .slidedown-categories__inner.layout .ex-js-columns .link--pressed.list__item {
        line-height: normal
    }

    .slidedown-categories__inner.layout .ex-js-columns .link--pressed.link {
        color: #27809d!important
    }

    .slidedown-categories__inner.layout .ex-js-columns .link--pressed.link:hover {
        background: none!important;
        color: #27809d
    }

    .slidedown-categories__inner.layout .tabs__body {
        display: block;
        padding: 0
    }

    .slidedown-categories__inner.layout .slidedown-categories__head {
        display: block;
        overflow: hidden;
        width: auto
    }

    .slidedown-categories__inner.layout .slidedown-categories__head a,.slidedown-categories__inner.layout .slidedown-categories__head div {
        float: left;
        margin-right: 10px
    }

    .slidedown-categories__inner.layout .slidedown-categories__head a.mod_parent_class,.slidedown-categories__inner.layout .slidedown-categories__head div.mod_parent_class {
        margin: 0
    }

    .slidedown-categories__inner.layout .slidedown-categories__head a input,.slidedown-categories__inner.layout .slidedown-categories__head div input {
        height: 30px
    }
}

.adv-desk-list {
    background-color: #fff
}

.control-group .btn.btn--last--elem {
    border-radius: 0 4px 0 0
}

.video_view .col--size--s {
    width: 306px;
    box-sizing: border-box;
    margin-left: 9px!important
}

@media screen and (max-width:1280px) {
    .video_view .col--size--s {
        width: auto;
        margin: 0 0 10px!important
    }
}

.video_view .adv-desk-list {
    padding: 3px
}

.video_view .adv-desk-list .desk-link.link {
    text-align: center;
    font-size: 12px
}

@media screen and (max-width:1280px) {
    .adv-desk-list {
        height: 266px;
        overflow: hidden
    }

    .adv-desk-list,.adv-desk-list .desk {
        text-align: center
    }
}

.subscribe_mod {
    padding: 0 3px!important
}

.model-about {
    float: left;
    width: 28%
}

.model-about-title {
    font-weight: 700;
    display: inline-block
}

.model-about-item {
    margin: 0 12px 5px 0;
    overflow: hidden;
    white-space: nowrap
}

.model-about:after {
    content: "";
    clear: both;
    display: table
}

.ex-model-list {
    overflow: hidden
}

.st-active {
    font-weight: 700;
    color: #20c455
}

.st-retired {
    font-weight: 700;
    color: #ad1625
}

.search-members .form__item {
    margin-bottom: 15px
}

.search-members .form__item .select__label {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 2px 2px
}

.search-members .form__item select {
    font-size: 12px;
    color: rgba(0,0,0,.75)
}

.search-members .form__item--btn {
    margin-top: 25px;
    text-align: center
}

.search-members .form__item--btn a {
    margin-left: 0;
    display: block!important;
    background-color: #ad1625;
    color: #fff
}

.search-members .form__item--btn a:hover {
    background-color: #c63b49
}

.search-members .filter-list li {
    margin-bottom: 3px
}

@media (max-width:1270px) and (min-width:1202px) {
    .members-list .thumb-grid .thumb--avatar {
        margin: 0 15px 8px!important
    }
}

.model-about-item.normalize-text {
    overflow: visible!important;
    white-space: normal!important
}

.page_not_found {
    font-size: 13px;
    padding: 20px
}

.page_not_found h1 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600
}

.page_not_found p {
    margin: 0;
    line-height: 16px
}