html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

a:hover {
    border: 0;
}

input, button {
    padding: 0;
    margin: 0;
    border: 0;
}

body, input, button, textarea {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body {
    background: #16021d;
}

.webs__overflow {
    display: flex;
    width: 100%;
    min-height: 100vh;
    flex-flow: column;
}

.webs__body {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.webs__nav-column {
    flex: 0 0 280px;
    transition: all 300ms ease-in-out 0s;
    border-right: 1px solid rgba(255, 255, 255, .1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(119.62% 101.71% at 163.08% -39.09%, rgba(68, 33, 152, 0.3) 0%, rgba(68, 33, 152, 0) 100%);
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-flow: column;
}

.webs__header {
    padding: 25px 10px 25px 25px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

.logo__cell {
    display: flex;
    flex-flow: column;
}

.logo__cell small {
    font-weight: 300;
    color: #a297a5;
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 3px;
}

.logotype {
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 25px;
    position: relative;
    letter-spacing: .4px;
}

.logotype strong {
    color: #dc293e;
}

.site-language__cell {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.site-language__cell:after {
    content: '';
    display: inline-flex;
    width: 18px;
    height: 18px;
    background: url('/images/drop-arrow.svg') center/16px no-repeat;
    position: absolute;
    right: -10px;
    top: 3px;
}

.language__drop {
    display: flex;
    flex-flow: column;
    position: absolute;
    right: -28px;
    top: 28px;
    z-index: 5;
    max-height: 200px;
    overflow: auto;
    background: #291335;
    padding: 20px;
    display: none;
}

.visibleLangs .language__drop {
    display: flex;
}

.language__drop::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #291335;
}

.language__drop::-webkit-scrollbar {
    width: 6px;
    background-color: #291335;
}

.language__drop::-webkit-scrollbar-thumb {
    background-color: #dc293e;
}

.language__drop li {
}

.language__drop li a {
    display: flex;
    align-items: center;
    color: #a297a5;
    text-decoration: none;
    line-height: 32px;
}

.language__drop li.select a,
.language__drop li a:hover {
    color: #dc293e;
}

.categories__list a i,
.wdi__top i,
.thumb__pic i,
.site-language__cell i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    margin: -2px 4px 0 4px;
    width: 19px;
    height: 14px;
    position: relative;
    z-index: 2;
}

.site-language__cell em {
    color: #fff;
    background: #dc293e;
    position: absolute;
    right: -5px;
    bottom: 7px;
    z-index: 3;
    font-size: 9px;
    padding: 2px 3px;
    border-radius: 3px;
    border-left: 1px solid #260f30;
    border-bottom: 1px solid #260f30;
}

.navigation__list {
    display: flex;
    flex-flow: column;
    padding: 5px 0 0 0;
}

.navigation__list li {
}

#drop__category,
.navigation__list li div {
    position: relative;
    cursor: pointer;
}

#drop__category:after,
.navigation__list li div:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 21px;
    top: 11px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a297a5'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") center/15px no-repeat;
    transition: all 300ms ease-in-out 0s;
}

.navigation__list li div:hover:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") center/15px no-repeat;
    transition: all 300ms ease-in-out 0s;
}

.navigation__list li #drop__category.opened:after,
.navigation__list li.opened div:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navigation__list li #drop__category,
.navigation__list li div,
.navigation__list li a {
    line-height: 45px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 25px;
    text-decoration: none;
    color: #a297a5;
    border-left: 2px solid transparent;
    transition: all 300ms ease-in-out 0s;
    font-size: 14px;
    font-weight: 500;
}

.navigation__list li.select .categories-drop-list li a:hover,
.navigation__list li #drop__category:hover,
.navigation__list li div:hover,
.navigation__list li.select a,
.navigation__list li a:hover {
    color: #fff;
    border-left: 2px solid #ec2d3f;
    background: rgb(128, 22, 45);
    background: linear-gradient(90deg, rgba(128, 22, 45, 1) 0%, rgba(241, 46, 60, 0) 100%);
}

.navigation__list li.select .categories-drop-list li a {
    background: none;
    border-color: transparent;
}

.navigation__list li #drop__category svg,
.navigation__list li div svg,
.navigation__list li a svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 5px;
    transition: all 300ms ease-in-out 0s;
}

.navigation__list li a span {
}

.categories-drop-list {
    display: none;
    overflow: hidden;
    max-height: 0px;
}

.categories-drop-list.opened {
    display: block;
    overflow: auto;
    max-height: 200px;
}

.categories-drop-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #16021d;
}

.categories-drop-list::-webkit-scrollbar {
    width: 4px;
    background-color: #16021d;
}

.categories-drop-list::-webkit-scrollbar-thumb {
    background-color: #dc293e;
}

.categories-drop-list li {
}

.categories-drop-list li a {
    font-size: 14px;
    color: #fff;
    line-height: 35px;
}

.categories-drop-list li a small {
    font-size: 12px;
    color: #a297a5;
    margin-left: 8px;
}

.webs__container {
    flex: 1;
    width: calc(100vw - 280px);
    overflow: hidden;
}

.webs__article {
    padding: 25px;
    display: flex;
    flex-flow: column;
}

#search_form {
    position: relative;
}

#search_form input {
    width: 100%;
    background-color: transparent;
    height: 40px;
    padding-left: 20px;
    padding-right: 70px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    box-sizing: border-box;
    min-width: 100%;
}

#search_form input:focus {
    border: 1px solid #dc293e;
}

#search_form input:focus,
#search_form button:focus {
    outline: none;
}

#search_form button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #dc293e;
    height: 40px;
    width: 60px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

#search_form form button svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #fff;
    -webkit-transition: color .02s ease-in-out;
    -o-transition: color .02s ease-in-out;
    transition: color .02s ease-in-out;
}

#search_form button svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #fff;
    -webkit-transition: color .02s ease-in-out;
    -o-transition: color .02s ease-in-out;
    transition: color .02s ease-in-out;
}

.main__conteiner {
    padding-top: 15px;
}

.container__header {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

.container__header h4,
.container__header h3,
.container__header h2,
.container__header h1 {
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    color: #fff;
    align-items: center;
}

.container__header h4 svg,
.container__header h3 svg,
.container__header h2 svg,
.container__header h1 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    color: #dc293e;
    margin-right: 6px;
}

.container__header h4 img,
.container__header h3 img,
.container__header h2 img,
.container__header h1 img {
    vertical-align: bottom;
    width: 25px;
    min-width: 25px;
    border-radius: 4px;
    margin-right: 8px;
}

.container__header h2 em {
    margin-left: 8px;
    color: #dc293e;
}

.container__header.bongacams h4,
.container__header.bongacams h3,
.container__header.bongacams h2,
.container__header.bongacams h1 {
}

.container__header.chaturbate .more__thumbs a {
    background: rgb(244 115 33 / 17%);
    color: #deac8b;
}

.container__header.chaturbate .more__thumbs a:hover {
    background: #f47321;
    color: #fff;
}

.container__header.chaturbate svg,
.container__header.chaturbate h4,
.container__header.chaturbate h3,
.container__header.chaturbate h2,
.container__header.chaturbate h1 {
    color: #f47321;
}

.breads__row {
}

.breads__row ul {
    display: flex;
}

.breads__row ul li {
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
}

.breads__row ul li:after {
    content: '';
    display: inline-flex;
    width: 15px;
    height: 15px;
    min-width: 15px;
    background: url('/images/arrow-right.svg') center/8px no-repeat;
    margin-left: 4px;
}

.breads__row ul li:last-child:after {
    display: none;
}

.breads__row ul li a {
    color: #a297a5;
    font-size: 12px;
    text-decoration: none;
}

.breads__row ul li span {
    color: #fff;
    font-size: 12px;
}

.breads__row ul li a:hover {
    color: #dc293e;
}

.live__counter {
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    background: #dc293e;
    border-radius: 3px;
    margin-left: 8px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.live__counter:before {
    content: '';
    display: inline-flex;
    width: 4px;
    height: 4px;
    min-width: 3px;
    background: #fff;
    margin-right: 8px;
    border-radius: 10px;
    animation: livePulse 1.5s infinite ease-in-out;
}

@keyframes livePulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.5;
    }
}

.live__counter strong {
    margin-left: 5px;
    font-weight: bold;
}

.more__thumbs {
    margin-left: auto;
}

.more__thumbs a {
    background: rgba(255, 255, 255, .1);
    color: #a297a5;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 10px;
    font-size: 12px;
}

.more__thumbs a:hover {
    color: #fff;
    background: #dc293e;
}

.webcams__grid-list {
    display: flex;
    flex-wrap: wrap;
}

.webcams__grid-list li {
    width: 20%;
}

.webcam__thumb {
    margin: 6px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px;
}

.webcams__grid-list.chaturbate .webcam__thumb:hover .thumb__name {
    color: #f47321;
}

.webcams__grid-list.chaturbate .webcam__thumb {
    background: rgb(16 45 58);
    border: 1px solid #0c6a93;
}

.webcams__grid-list.chaturbate .td__tags a:hover {
    color: #fff;
    background: #f47321;
}

.webcams__grid-list.stripchat .webcam__thumb {
    background: #000;
    border: 1px solid #a2252d;
}

.webcams__grid-list.livejasmin .webcam__thumb {
    background: #630000;
    border: 1px solid #ce0000;
}

.webcams__grid-list.livejasmin .td__tags a:hover {
    color: #441f00;
    background: #fdb801;
}

.webcams__grid-list.livejasmin .webcam__thumb:hover .thumb__name {
    color: #fdb801;
}

.webcams__grid-list.bongacams .webcam__thumb {
    background: rgb(61 19 25);
    border: 1px solid #a02239;
}

.webcams__grid-list.bongacams .td__tags a {
    background: #66202a;
    color: rgba(255, 255, 255, .6);
}

.webcams__grid-list.bongacams .td__tags a:hover {
    background: #dc293e;
    color: #fff;
}

.webcam__thumb a.thumb__pic {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 72%;
    border-radius: 3px 3px 0 0;
}

.webcam__thumb a.thumb__pic:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    background: rgb(25, 2, 30);
    background: linear-gradient(180deg, rgba(25, 2, 30, 0) 0%, rgba(25, 2, 30, 1) 100%);
    height: 80px;
    transition: all 300ms ease-in-out 0s;
}

.webcam__thumb a.thumb__pic img.thumb__pic {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

.thumb__details {
    display: flex;
    justify-content: space-between;
    padding-top: 4px;
    flex-flow: column;
}

.webcam__site {
    padding: 0px;
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 4;
    transition: all 300ms ease-in-out 0s;
}

.webcam__site img {
    vertical-align: bottom;
    max-height: 18px;
    max-width: 70px;
}

.live__label {
    font-size: 11px;
    padding: 3px 6px;
    background: #dc293e;
    border-radius: 3px;
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 4;
    color: #fff;
    font-weight: 500;
    transition: all 300ms ease-in-out 0s;
}

.webcam__thumb a.thumb__pic:hover .webcam__site,
.webcam__thumb a.thumb__pic:hover:before,
.webcam__thumb a.thumb__pic:hover .live__label {
    opacity: 0;
}

.thumb__pic i {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
}

.td__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}

.thumb__name {
    color: #fff;
    text-decoration: none;
    display: block;
    max-width: calc(100% - 60px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    x line-height: 1.3;
    font-size: 14px;
}

.webcam__thumb:hover .thumb__name {
    color: #dc293e;
}

.thumb__views {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: #a297a5;
}

.thumb__views:before {
    content: '';
    display: inline-flex;
    width: 15px;
    height: 15px;
    min-width: 15px;
    margin-right: 3px;
    background: url('/images/eye.svg') center/12px no-repeat;
}

.td__tags {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0 8px 5px 8px;
    height: 18px;
}

.td__tags a {
    display: inline-flex;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 3px;
    color: #a297a5;
    background: rgba(255, 255, 255, .1);
    text-decoration: none;
    margin: 0 4px 6px 0;
}

.td__tags a:hover {
    background: #dc293e;
    color: #fff;
}

.webcam__thumb:hover {
    z-index: 5;
    position: relative;
}

.td__tags.moretags {
    background: #16021d;
    height: 20px;
    position: relative;
}

.td__tags.moretags:hover:before {
    opacity: 0;
}

.td__tags.moretags:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    background: #16021d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a297a5'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") center/15px no-repeat;
    transition: all 300ms ease-in-out 0s;
    z-index: 4;
    right: 4px;
}

.td__tags.moretags div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: 0 8px 8px 8px;
    background: #16021d;
    border: 1px solid rgba(255, 255, 255, .0);
    border-top: 0;
}

.td__tags.moretags:hover {
    overflow: inherit;
    padding: 0 8px 4px 8px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: 0;
}

.page__pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 0;
}

.page__pagination a {
    min-width: 40px;
    height: 40px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin: 3px;
    border-radius: 4px;
    background-color: #1b1f29;
    text-decoration: none;
    background: #281133;
}

.page__pagination a.next, .page__pagination a.prev {
    padding: 0 10px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.page__pagination a.next svg, .page__pagination a.prev svg {
    fill: #abb6cb;
    width: 24px;
    min-width: 24px;
}

.page__pagination a.select, .page__pagination a:hover {
    color: #fff;
    background: #dc293e;
}

.webcams__tags {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -6px;
}

.webcam__tags a,
.webcams__tags li.moretags button,
.webcams__tags li a {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    font-weight: 300;
    line-height: 35px;
    font-size: 13px;
    padding: 0 10px;
    margin: 3px;
    display: flex;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.webcams__tags li.toptag a {
    background: #ffdc11;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.webcams__tags li.toptag a:hover {
    background: #e7d25b;
}

.webcams__tags li.toptag a:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: -4px;
    top: -3px;
    width: 8px;
    height: 8px;
    border: 4px solid #16021d;
    border-radius: 12px;
}

.webcams__tags li a:before {
    content: '#';
    margin-right: 5px;
}

.webcam__tags a:hover,
.webcams__tags li a:hover {
    background: #dc293e;
}

.webcams__tags li.moretags {
}

.webcams__tags li.moretags button {
    cursor: pointer;
    background: rgb(77 18 97);
    display: inline-flex;
    align-items: center;
}

.webcams__tags li.moretags button:after {
    content: '';
    display: inline-flex;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background: url(../images/drop-arrow.svg) center / 16px no-repeat;
}

.webcams__tags li.moretags button:focus {
    outline: none;
}

.webcams__tags li.moretags button:hover {
    background: rgb(91 41 108);
}

.webcams__tags.viewAll li.moretags,
.webcams__tags li.hidden {
    display: none;
}

.webcams__tags.viewAll li.hidden {
    display: inline-flex;
}

.article__site {
    display: flex;
    flex-flow: column;
    padding: 20px 0px;
}

.article__site h3 {
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    color: #fff;
    align-items: center;
    margin: 20px 0;
}

.about__site {
    display: flex;
    justify-content: space-between;
}

.about__left {
    width: 49%;
}

.about__left p {
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 300;
    font-size: 13px;
    color: #a297a5;
}

.about__right {
    width: 49%;
}

.about__right ul {
    display: flex;
    flex-flow: column;
}

.about__right ul li {
    position: relative;
    margin-bottom: 12px;
    color: #a297a5;
    font-size: 13px;
    line-height: 1.4;
    padding-left: 27px;
}

.about__right ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url('/images/check.svg') center/18px no-repeat;
}

.advantages__list {
    display: flex;
    justify-content: space-between;
    margin: 25px 0;
}

.advantages__list li {
    width: 24%;
}

.advantages {
    display: flex;
    flex-flow: column;
}

.advantages__icon {
    position: relative;
}

.advantages__icon:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: 0;
    width: 50px;
    height: 50px;
    z-index: 2;
    border-radius: 6px;
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background: rgb(252, 71, 86);
    background: linear-gradient(107deg, rgba(252, 71, 86, 1) 0%, rgba(251, 66, 80, 1) 100%);
    -webkit-box-shadow: 0px 2px 14px 0px rgba(229, 58, 67, 0.42);
    -moz-box-shadow: 0px 2px 14px 0px rgba(229, 58, 67, 0.42);
    box-shadow: 0px 2px 14px 0px rgba(229, 58, 67, 0.42);
    opacity: .6;
}

.advantages__icon i {
    width: 55px;
    height: 55px;
    min-width: 55px;
    position: relative;
    z-index: 4;
    background: #ec2d3f52 url('/images/webcam.svg') center/30px no-repeat;
    display: inline-flex;
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, .1);
    margin-left: 6px;
}

.advantages__list li:nth-child(2) .advantages__icon i {
    background: #ec2d3f52 url('/images/earth.svg') center/30px no-repeat;
}

.advantages__list li:nth-child(3) .advantages__icon i {
    background: #ec2d3f52 url('/images/x.svg') center/30px no-repeat;
}

.advantages__list li:nth-child(4) .advantages__icon i {
    background: #ec2d3f52 url('/images/mobile.svg') center/30px no-repeat;
}

.advantages h3 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 15px;
}

.advantages p {
    line-height: 1.4;
    font-size: 14px;
    color: #a297a5;
}

.subsort__list {
    display: flex;
    flex-flow: column;
    padding: 25px;
    border-bottom: 1px dashed rgba(255, 255, 255, .1);
    border-top: 1px dashed rgba(255, 255, 255, .1);
    display: none;
}

.opened .subsort__list {
    display: flex;
}

.subsort__list li {
    padding-bottom: 12px;
}

.subsort__list li strong {
    color: #fff;
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
}

.subsort__list li a {
    display: inline-flex;
    background: none;
    border: 0;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
    margin: 0 5px 5px 0;
    font-size: 12px;
}

.subsort__list li a.check,
.subsort__list li a:hover {
    background: #dc293e;
    border: 0;
}

.subsort__list li a:after,
.subsort__list li a:before {
    display: none;
}

.blog__list {
    display: flex;
    margin: 10px -8px;
    flex-wrap: wrap;
}

.blog__list li {
    width: 25%;
}

.post__item {
    display: flex;
    flex-flow: column;
    margin: 8px;
}

.post__picture {
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    padding-top: 56.6%;
    text-decoration: none;
}

.post__picture img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

.post__details {
    display: flex;
    flex-flow: column;
    padding-top: 8px;
}

.post__date {
    font-size: 12px;
    color: #a297a5;
    margin-bottom: 8px;
}

.post__details a {
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    line-height: 1.3;
    color: #fff;
    font-size: 14px;
}

.post__details a:hover {
    color: #dc293e;
    text-decoration: none;
}

footer {
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    flex-flow: column;
}

.footer__topline {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.footer__topline nav {
    display: flex;
    flex-wrap: wrap;
}

.footer__topline nav a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 8px 8px 0;
    font-weight: 500;
    font-size: 13px;
}

.footer__topline nav a:hover {
    color: #dc293e;
}

.footer__topline nav:nth-child(2) a {
    margin: 0 0 8px 8px;
}

.footer__bottomline {
    text-align: right;
    font-size: 12px;
    color: #a297a5;
    line-height: 1.4;
    padding: 0px 20px 20px 20px;
}

.webcam__overflow {
    display: flex;
    flex-flow: column;
}

.webcam-top-details {
    padding-top: 15px;
}

.web-details__info {
    display: flex;
    flex-flow: column;
}

.wdi__top {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.wdi__top h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.wdi__top h6 {
    display: inline-flex;
    align-items: center;
}

.wdi__top a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    margin-left: 15px;
    font-size: 13px;
}

.wdi__top a span {
}

.wdi__top a strong {
    margin: 0 5px;
    color: #dc293e;
    font-weight: bold;
}

.wdi__bottom {
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.wdi__bottom p {
    line-height: 1.3;
    font-size: 13px;
    color: #a297a5;
}

.description__cams {
    position: relative;
    overflow: hidden;
    max-height: 50px;
    padding-bottom: 6px;
}

.description__cams:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 25px;
    width: 100%;
    background: rgb(22, 2, 29);
    background: linear-gradient(0deg, rgba(22, 2, 29, 1) 0%, rgba(22, 2, 29, 0) 100%);
    z-index: 2;
}

.show-more-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    background: #16021d;
    font-weight: 500;
    padding: 4px;
    color: #fff;
}

.description__cams.full:before {
    display: none;
}

.description__cams.full {
    max-height: 50000px;
    padding-bottom: 0;
}

.description__cams.full .show-more-btn {
    display: none;
}

.description__cams p {
    margin-top: 15px;
}

.description__cams p:first-child {
    margin-top: 0;
}

.webcam__view {
    position: relative;
    overflow: hidden;
    padding-top: 56.6%;
    border-radius: 10px;
    margin-top: 12px;
}

.webcam__view img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.categories__table {
    display: flex;
    flex-flow: column;
}

.categories__header {
    margin-bottom: 15px;
}

.categories__header h2 {
    font-weight: bold;
    font-size: 25px;
    color: #fff;
}

.categories__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 10px -5px;
}

.categories__list li {
    width: 16.6%;
}

.categories__list li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    padding: 10px 8px;
    line-height: 1;
    margin: 5px;
    white-space: nowrap;
}

.categories__list li a:hover {
    background: #dc293e;
}

.categories__list li a:hover small {
    color: #fff;
}

.categories__list li a i {
    margin-left: 8px;
}

.categories__list li a small {
    margin-left: 8px;
    color: #a297a5;
    font-size: 13px;
    font-weight: 300;
}

.webcam__details {
    display: flex;
    flex-flow: column;
}

.webcam__main-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.webcam__user {
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
}

.wu__avatar {
    position: relative;
}

.wu__avatar img {
    vertical-align: bottom;
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 200px;
    position: relative;
    z-index: 1;
}

.wu__avatar i {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50px;
    display: inline-flex;
    background: #dc293e;
    color: #fff;
    border: 3px solid #16021d;
    font-weight: 500;
    font-size: 11px;
    position: absolute;
    right: -50%;
    bottom: 0px;
    z-index: 3;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    padding: 0 15px;
    white-space: nowrap;
    transform: translate(-50%, 0%);
}

.wu__information {
    padding-left: 30px;
    display: flex;
    flex-flow: column;
    padding-top: 20px;
}

.wu__information h2 {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.wu__information h2 i {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url('/images/man.svg') center/20px no-repeat;
    margin-right: 5px;
}

.wu__information h2 i.woman {
    background: url('/images/woman.svg') center/20px no-repeat;
    margin-right: 2px;
}

.wu__labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.wu__labels span {
    display: inline-flex;
    align-items: center;
    color: #a297a5;
    font-size: 13px;
    margin: 0 6px 6px 10px;
}

.wu__labels span.views {
    display: inline-flex;
    align-items: center;
    margin-left: 0;
}

.wu__labels span.wu__rate {
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    color: #4de45b;
}

.wu__labels span.wu__rate:before {
    content: '';
    display: inline-flex;
    width: 14px;
    min-width: 14px;
    height: 14px;
    background: url('/images/like.svg') center/contain no-repeat;
    margin-right: 5px;
}

.wu__labels span a {
    color: #fff;
    font-weight: 500;
    margin-left: 5px;
}

.wu__labels span a:hover {
    color: #dc293e;
    text-decoration: none;
}

.wu__labels span.views:before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url('/images/eye.svg') center/13px no-repeat;
}

.webcam__tags {
    display: flex;
    flex-wrap: wrap;
}

.webcam__tags a {
    line-height: 28px;
}

.webcam__tags i {
    width: 28px;
    height: 28px;
    min-width: 28px;
    margin: 3px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1) url('/images/tag.svg') center/15px no-repeat;
}

.webcam__nav {
    margin-left: 25px;
    display: flex;
    align-items: center;
}

#subscribe,
#chat__informer {
    border: 2px solid #fc4755;
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0 12px;
    border-radius: 10px;
    padding: 0;
    background: url('/images/chat.svg') center/20px no-repeat;
    position: relative;
    cursor: pointer;
}

#subscribe {
    margin: 0;
    background: url('/images/bell.svg') center/20px no-repeat;
}

#subscribe.check {
    background: #fc4755 url('/images/bell-off.svg') center/20px no-repeat
}

#chat__informer i {
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    min-width: 16px;
    border-radius: 50px;
    background: #fb4655;
    border: 4px solid #16021d;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
    margin: -6px -6px 0 0;
}

#chat__informer:hover {
    border: 2px solid #fc4755;
    background: #fc4755 url('/images/chat.svg') center/20px no-repeat;
}

#chat__informer:focus {
    outline: none;
}

.webcam__openlink {
}

.webcam__openlink a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    background: rgb(252, 71, 86);
    background: linear-gradient(107deg, rgba(252, 71, 86, 1) 0%, rgba(251, 66, 80, 1) 100%);
    -webkit-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    -moz-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    line-height: 50px;
    padding: 0 30px;
    font-size: 15px;
}

.webcam__openlink a:before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url('/images/open.svg') center/20px no-repeat;
}

.page__note__found {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 40px;
}

.page__note__found img {
    vertical-align: bottom;
    max-width: 420px;
}

.page__note__found h1 {
    background-image: linear-gradient(94deg, #a297a5, #fff, 50%, #a297a5);
    letter-spacing: -.32px;
    text-transform: capitalize;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
}

.page__note__found p {
    line-height: 1.3;
    color: #a297a5;
    text-align: center;
    font-size: 14px;
}

.back__home {
    margin: 25px 0;
}

.back__home a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    background: rgb(252, 71, 86);
    background: linear-gradient(107deg, rgba(252, 71, 86, 1) 0%, rgba(251, 66, 80, 1) 100%);
    -webkit-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    -moz-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    line-height: 50px;
    padding: 0 30px;
    font-size: 15px;
}

.back__home a:before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: url('/images/back.svg') center/20px no-repeat;
    min-width: 24px;
    margin-right: 6px;
}

.post__page {
    margin-bottom: 25px;
}

.post__date {
}

.post__page p {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 15px;
    color: #a297a5;
}

.post__page ul li a,
.post__page p a {
    color: #fff;
}

.post__page ul li a:hover,
.post__page p a:hover {
    text-decoration: none;
    color: #dc293e;
}

.post__page h5,
.post__page h4,
.post__page h3,
.post__page h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #fff;
}

.post__page ul {
    margin: 15px 0 15px 15px;
}

.post__page ul li {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 15px;
    color: #a297a5;
    margin-bottom: 12px;
}

.post__article img {
    vertical-align: bottom;
    margin: 0 auto;
    max-width: 100%;
}

.post__article figure {
    text-align: center;
    margin: 10px 0 25px 0;
}

.post__bottom {
    padding-top: 15px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.post__page .social__share {
    display: flex;
    align-items: center;
    margin: 0;
}

.post__article .social__share {
    margin: 0;
}

.post__bottom .social__share li {
    margin: 0 8px 8px 0;
}

.social__share li a {
    display: inline-flex;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social__share li a:hover {
    opacity: .8;
}

.social__share li a i {
    width: 15px;
    height: 15px;
}

.social__share li a.facebook {
    background: #4d6baa;
}

.social__share li a.facebook i {
    background: url('/images/facebook.svg') center/contain no-repeat;
}

.social__share li a.x {
    background: #3fcef2;
}

.social__share li a.x i {
    background: url('/images/x.svg') center/contain no-repeat;
}

.social__share li a.whatsapp {
    background: #25d366;
}

.social__share li a.whatsapp i {
    background: url('/images/whatsapp.svg') center/contain no-repeat;
}

.social__share li a.reddit {
    background: #ff5700;
}

.social__share li a.reddit i {
    background: url('/images/reddit.svg') center/contain no-repeat;
}

.social__share li a.telegram {
    background: #249cd8;
}

.social__share li a.telegram i {
    background: url('/images/telegram.svg') center/contain no-repeat;
}

.filter__table {
    display: flex;
    flex-flow: column;
    border: 1px solid rgba(255, 255, 255, .03);
    border-radius: 8px;
    background: #281133;
    margin-bottom: 20px;
}

.filter-table-header {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.filter-table-header h2 {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}

.filter__select-group {
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: none;
}

.filter__select-group.visible {
    display: flex;
    flex-wrap: wrap;
}

#filter__reset {
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #dc293e;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    background: #dc293e47;
}

#filter__reset:before {
    content: '';
    display: inline-flex;
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: url('/images/delete.svg') center/14px no-repeat;
    margin-right: 5px;
}

#filter__reset:hover {
    background: #dc293e;
}

#filter__reset:focus {
    outline: none;
}

.filter-article {
    padding: 0 0 6px 0;
}

.sub__filter-gorup {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sub__filter-gorup button {
    border: 0;
    line-height: 45px;
    color: #fff;
    padding: 0;
    background: #16021d;
    padding: 0;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
}

.sub__filter-gorup button.check {
    background: rgb(252, 71, 86);
    background: linear-gradient(107deg, rgba(252, 71, 86, 1) 0%, rgba(251, 66, 80, 1) 100%);
    -webkit-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    -moz-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
}

.sub__filter-gorup button:focus {
    outline: none;
}

.filter__select-group button {
    display: flex;
    background: none;
    border: 0;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: #fff;
    align-items: center;
}

.filter__select-group button:focus {
    outline: none;
}

.filter__select-group button:hover {
    background: #dc293e;
}

.filter__select-group button i {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-flex;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
}

.filter__list {
    display: none;
    flex-wrap: wrap;
    padding: 15px 15px 0 15px;
}

.filter__list.large {
}

.filter__list.large li {
    width: calc(16.6% - 6px);
}

.filter__list.visible {
    display: flex;
}

.filter__list li {
    margin: 0 6px 6px 0;
}

.filter__list li.disable {
    opacity: .4;
    position: relative;
}

.filter__list li.disable:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.filter__list li button {
    color: #fff;
    font-weight: 500;
    position: relative;
    background: none;
    cursor: pointer;
    padding: 0 0 0 30px;
    margin: 0;
    position: relative;
    border: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.filter__list li button img {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 4px;
}

.filter__list li button:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-color: #ffffff08;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 2px;
}

.filter__list li.checked button:before {
    border: 1px solid #fc4655;
    background: #fc465552;
}

.filter__list li button:focus {
    outline: none;
}

.filter__list li button small {
    color: #a297a5;
    font-weight: 300;
    margin-left: 5px;
}

#map {
    height: 100vh;
    width: 100%;
}

.country-highlight {
    fill: #dc293e;
}

.reviews__list {
    display: flex;
    flex-flow: column;
}

.reviews__list li {
    margin-bottom: 15px;
}

.review__item {
    display: flex;
    flex-flow: column;
    padding: 13px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
}

.user-information {
    display: flex;
    justify-content: space-between;
}

.user-name {
    font-weight: 500;
    font-size: 15px;
    color: #dc293e;
}

.public-date {
    font-size: 13px;
    color: #a297a5;
}

.review-text {
    margin: 12px 0;
}

.review-text p {
    line-height: 1.4;
    font-size: 14px;
    color: #a297a5;
}

.review__rate {
}

.review__rate,
.review__rate.liked {
    display: flex;
    align-items: center;
}

.review__rate:before,
.review__rate.liked:before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url('/images/like.svg') center/18px no-repeat;
}

.review__rate:after,
.review__rate.liked:after {
    content: 'Liked';
    color: #4de45b;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

.review__rate:before {
    background: url('/images/dislike.svg') center/18px no-repeat;
}

.review__rate:after {
    content: 'Disliked';
    color: #dc293e;
}

.add__comment {
    margin: 15px 0;
}

.comment__form {
    padding: 15px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    border-top: 4px solid #dc293e;
}

.comment__form h2 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.comment__rate {
    display: flex;
    align-items: center;
}

.comment__rate button {
    line-height: 35px;
    padding: 0 15px;
    border-radius: 4px;
    display: inline-flex;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    min-width: 80px;
    color: #fff;
    justify-content: center;
    border: 2px solid red;
    align-items: center;
}

.comment__rate button#like {
    background: none;
    border: 2px solid #4de45b;
    color: #4de45b;
    margin-right: 14px;
}

.comment__rate button#like.check {
    background: #4de45b;
    border: 2px solid #4de45b;
    color: #16021d;
}

.comment__rate button#dislike:before,
.comment__rate button#like:before {
    content: '';
    display: inline-flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url('/images/like.svg') center/15px no-repeat;
    margin-right: 5px;
}

.comment__rate button#like.check:before {
    background: url('/images/likeW.svg') center/15px no-repeat;
}

.comment__rate button#dislike {
    background: none;
    border: 2px solid #dc293e;
    color: #dc293e;
}

.comment__rate button#dislike.check {
    background: #dc293e;
    border: 2px solid #dc293e;
    color: #fff;
}

.comment__rate button#dislike:before {
    background: url('/images/dislike.svg') center/15px no-repeat;
}

.comment__rate button#dislike.check:before {
    background: url('/images/dislikeW.svg') center/15px no-repeat;
}

.comment__rate button:focus {
    outline: none;
}

.user-add-comment {
    margin-top: 10px;
}

.user-add-comment form *:focus {
    outline: none;
}

.user-add-comment form input {
    font-weight: 600;
    line-height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: #2e1c34;
    color: #fff;
}

.user-add-comment form textarea {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);;
    width: 100%;
    resize: none;
    font-weight: 600;
    margin-top: 15px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #2e1c34;
    color: #fff;
}

.user-add-comment form input::-webkit-input-placeholder {
    color: #fff;
}

.user-add-comment form input::-moz-placeholder {
    color: #fff;
}

.user-add-comment form input:-ms-input-placeholder {
    color: #fff;
}

.user-add-comment form input:-moz-placeholder {
    color: #fff;
}

.comment-capth {
    display: flex;
    align-items: center;
}

.comment-capth input {
    margin-left: 15px;
}

.send-button {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    background: rgb(252, 71, 86);
    background: linear-gradient(107deg, rgba(252, 71, 86, 1) 0%, rgba(251, 66, 80, 1) 100%);
    -webkit-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    -moz-box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    box-shadow: 0px 4px 18px 0px rgba(252, 71, 86, 0.46);
    line-height: 50px;
    padding: 0 30px;
    font-size: 15px;
    cursor: pointer;
    min-width: 320px;
    margin-top: 20px;
    justify-content: center;
}

.blog__list.horizontal {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
}

.blog__list.horizontal li {
    width: 100%;
}

.blog__list.horizontal li .post__item {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    flex-flow: inherit;
    position: relative;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
}

.blog__list.horizontal li .post__item a.post__picture {
    padding-top: 0;
    width: 380px;
    min-height: 100%;
    border-radius: 4px 0 0 4px;
}

.blog__list.horizontal li .post__details {
    flex: 1;
    margin-left: 25px;
    padding: 20px 0;
}

.blog__list.horizontal li .post__details h2 {
    margin-bottom: 10px;
}

.blog__list.horizontal li .post__details h2 a {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.3;
    text-decoration: none;
}

.blog__list.horizontal li .post__details p {
    line-height: 1.4;
    font-size: 14px;
    color: #a297a5;
    padding: 25px 0 60px 0;
}

.post__subcategories {
    margin-bottom: 10px;
    padding-top: 10px;
}

.post__subcategories a {
    display: inline-flex;
    background: none;
    border: 0;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    background: #dc293e;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
}

.post__subcategories a:hover {
    color: #fff;
}

.country-tooltip {
    background-color: #dc293e; /* Красный фон */
    color: #ffffff; /* Белый текст */
    font-weight: bold; /* Жирный текст */
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ffffff; /* Белая рамка */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Небольшая тень */
    font-size: 12px;
    text-align: center;
}

.snapshots__section {
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    padding: 10px;
}

.snapshot__list {
    display: flex;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 5px;
}

.snapshot__list li {
    width: 240px;
    margin: 0 10px 0 0;
    min-width: 240px;
    position: relative;
    overflow: hidden;
    height: 140px;
}

.snapshot__list li:last-child {
    margin-right: 0;
}

.snapshot__list li img {
    vertical-align: bottom;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.snapshot__list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #16021d;
}

.snapshot__list::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: #F5F5F5;
}

.snapshot__list::-webkit-scrollbar-thumb {
    background-color: #dc293e;
}

.timetable__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.timetable__list li {
    width: 20%;
}

.timetable__cell {
    position: relative;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 35px 20px 20px 20px;
    position: relative;
    margin: 5px;
    border: 2px solid rgba(255, 255, 255, .1);
}

.timetable__list li.live .timetable__cell {
    border: 2px solid #dc293e;
}

.timetable__list li.live .timetable__cell:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    left: 10px;
    top: 14px;
    background: #dc293e;
    border-radius: 10px;
    animation: livePulse 1.5s infinite ease-in-out;
}

.timetable__list li.live .timetable__cell:after {
    content: 'Live';
    position: absolute;
    left: 24px;
    top: 11px;
    font-size: 14px;
    color: #dc293e;
    font-weight: 500;
}

.timetable__list li.live .time-duration {
    background: #dc293e;
}

.time-duration {
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #16021d;
    padding: 2px 4px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
}

.time-duration:before {
    content: '';
    display: inline-flex;
    width: 15px;
    height: 15px;
    min-width: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z'%3E%3C/path%3E%3C/svg%3E") center/14px no-repeat;
    margin-right: 4px;
}

.time-day {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.time-date {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 820px) {
    .timetable__list li {
        width: 33.33%;
    }
}

@media screen and (max-width: 560px) {
    .timetable__list li {
        width: 50%;
    }
}

@media screen and (max-width: 360px) {
    .timetable__list li {
        width: 100%;
    }

    .timetable__cell,
    .timetable__list {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 1460px) {
    .blog__list li {
        width: 20%;
    }

    .webcams__grid-list li {
        width: 16.6%;
    }

    .categories__list li {
        width: 14.2%;
    }
}

@media screen and (max-width: 1440px) {
    .categories__list li {
        width: 20%;
    }
}

@media screen and (max-width: 1340px) {
    .filter__list.large li {
        width: calc(25% - 6px);
    }
}

@media screen and (max-width: 1260px) {
    .categories__list li {
        width: 25%;
    }
}

@media screen and (max-width: 1240px) {
    .webcams__grid-list li {
        width: 25%;
    }
}

@media screen and (max-width: 1200px) {
    .webcam__user {
        position: relative;
    }

    .wu__information {
        padding-left: 0;
    }

    .wu__labels {
        padding-left: 100px;
    }

    .wu__information h2 {
        margin-left: 100px;
    }

    .wu__avatar {
        position: absolute;
        left: 10px;
        top: 15px;
    }

    .wu__avatar img {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    .webcam__main-info {
        align-items: flex-start;
    }

    .webcam__nav {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1100px) {
    .advantages__list {
        flex-wrap: wrap;
    }

    .advantages__list li {
        width: 49%;
    }

    .advantages__list li:nth-child(1),
    .advantages__list li:nth-child(2) {
        margin-bottom: 30px;
    }

    .categories__list li {
        width: 33.33%;
    }

    .filter__list.large li {
        width: calc(33.33% - 6px);
    }
}

@media screen and (max-width: 1024px) {
    .blog__list li {
        width: 50%;
    }

    .webcams__grid-list li {
        width: 33.33%;
    }

    .breads__row {
        overflow: auto;
        padding-bottom: 10px;
    }

    .breads__row ul li a,
    .breads__row ul li span {
        white-space: nowrap;
    }
}

@media screen and (max-width: 980px) {
    .filter__list.large li {
        width: calc(50% - 6px);
    }

    .filter__list.visible {
        max-height: 160px;
        overflow: auto;
    }
}

@media screen and (max-width: 900px) {
    .categories__list li {
        width: 50%;
    }

    .wdi__top i {
        min-width: 19px;
    }
}

@media screen and (min-width: 860px) and (max-width: 1080px) {
    .webcam__main-info {
        flex-flow: column;
        padding-top: 15px;
    }

    .webcam__nav {
        margin: 0 0 10px 0;
        order: 1;
        width: 100%;
    }

    .webcam__openlink a {
        justify-content: center;
    }

    .webcam__user {
        order: 2;
    }

    .webcam__tags {
        padding-top: 12px;
    }
}

@media screen and (max-width: 860px) {
    .wdi__bottom {
        display: none;
    }

    .categories__list li {
        width: 33.33%;
    }

    .webs__body {
        flex-flow: column;
    }

    .webs__header {
        justify-content: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navigation__list {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 20;
        width: 260px;
        background: #16021d;
        display: none;
    }

    #navBtn {
        width: 50px;
        height: 40px;
        border-radius: 4px;
        cursor: pointer;
        background: url('/images/menu.svg') center/25px no-repeat;
        padding: 0;
        margin: 0;
        border: 1px solid 1px solid rgba(255, 255, 255, .1);
        order: 3;
        margin-left: auto;
    }

    .visibleNav #navBtn {
        background: url('/images/close.svg') center/22px no-repeat;
    }

    .visibleNav .navigation__list {
        display: flex;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        overflow: auto;
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    } @keyframes fadeInLeft {
          from {
              opacity: 0;
              -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
          }
          to {
              opacity: 1;
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
          }
      }
    #navBtn:focus {
        outline: none;
    }

    .webs__container {
        width: 100%;
    }

    .webs__article {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
    }

    .webs__nav-column {
        flex: 100%;
        min-height: auto;
    }

    .post__page h4,
    .post__page h3,
    .post__page h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 760px) {
    .blog__list.horizontal li .post__details p {
        padding-bottom: 20px;
    }

    .webcam__openlink {
        flex: 1;
    }

    .webcam__main-info {
        flex-flow: column;
        padding-top: 15px;
    }

    .webcam__nav {
        margin: 0 0 10px 0;
        order: 1;
        width: 100%;
    }

    .webcam__openlink a {
        justify-content: center;
    }

    .webcam__user {
        order: 2;
    }

    .webcam__tags {
        padding-top: 12px;
    }

    .page__note__found img {
        max-width: 65%;
    }

    .sub__filter-gorup {
        padding: 10px 10px 4px 10px;
        background: #16021d;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .sub__filter-gorup button {
        line-height: 30px;
        padding: 0 10px;
        width: auto;
        border-radius: 4px;
        margin: 0 6px 6px 0;
        background: rgba(255, 255, 255, .03);
    }
}

@media screen and (max-width: 720px) {
    .about__site {
        flex-flow: column;
    }

    .about__left {
        width: 100%;
    }

    .about__right {
        width: 100%;
    }

    .advantages__list {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer__bottomline {
        text-align: center;
    }

    .footer__topline {
        flex-flow: column;
        align-items: center;
    }
}

@media screen and (max-width: 680px) {
    .blog__list.horizontal li .post__item a.post__picture {
        width: 250px;
        border-radius: 4px 4px 0 0;
    }
}

@media screen and (max-width: 580px) {
    .categories__list li {
        width: 50%;
    }

    .blog__list.horizontal li .post__details h2 a {
        font-size: 15px;
    }

    .blog__list.horizontal li .post__details p {
        padding-top: 15px;
    }

    .post__subcategories {
        padding-top: 5px;
    }
}

@media screen and (max-width: 520px) {
    .webcams__grid-list li {
        width: 50%;
    }

    .blog__list.horizontal li .post__item {
        flex-flow: column;
    }

    .blog__list.horizontal li .post__item a.post__picture {
        width: 100%;
        height: 220px;
    }

    .blog__list.horizontal li .post__details {
        margin-left: 0;
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    .advantages__list li {
        width: 100%;
    }

    .advantages__list li:nth-child(3) {
        margin-bottom: 30px;
    }

    .footer__topline nav:first-child {
        margin-bottom: 15px;
    }

    .footer__topline nav {
        justify-content: center;
    }

    .wdi__top {
        position: relative;
        flex-flow: column;
        align-items: flex-start;
    }

    .wdi__top i {
        position: absolute;
        left: 0;
        top: 0;
    }

    .wdi__top h1 {
        padding-left: 30px;
    }

    .wdi__top a {
        margin-left: 0;
        margin-top: 10px;
    }

    .page__note__found h1 {
        font-size: 25px;
    }

    .filter__list li,
    .filter__list.large li {
        width: 100%;
        margin: 0 0 6px 0;
    }
}

@media screen and (max-width: 420px) {
    .webcam__openlink a {
        padding: 0;
    }
}

@media screen and (max-width: 380px) {
    .categories__header h2 {
        font-size: 20px;
    }

    .categories__list li {
        width: 100%;
    }

    .categories__list,
    .categories__list li a {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 360px) {
    .container__header {
        flex-flow: column;
        align-items: flex-start;
    }

    .live__counter {
        margin: 8px 0 0 0;
    }

    .send-button {
        min-width: auto;
        width: 100%;
    }

    .webcam__openlink a {
        font-size: 14px;
    }
}