:root {
    --bg: #253d48;
    --bg-2: #e5c7ad;
    --bg-3: #8a5d4a;
    --tt: #ffffff;
    --tt-sub: #47312b;
    --tt-contrast: #000000;
    --accent: #c18800;
    --accent-darker: #000000;
    --ui-bg: #fef4d5;
    --ui-bg-darker: #efb48d;
    --ui-bg-accent: #000000;
    --ui-text-color-on-accent: #000000;
    --main-indent-negative: -140px;
    --main-indent: 140px;
    --maximum-width: 1280px;
    --brand-padding: 40px
}

* {
    background: 0 0;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box
}

ol,ul {
    list-style: none
}

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

img,table,iframe,video,frame,embed,object {
    max-width: 100%
}

body {
    font: 14px sans-serif;
    line-height: normal;
    padding: 0;
    margin: 0;
    color: #47312b;
    background: #253d48;
    min-height: 100%;
    width: 100%;
    font-weight: 400;
    overflow-x: hidden
}

a {
    color: #47312b;
    text-decoration: none;
    text-align: justify
}

a:hover,a:focus {
    color: var(--tt);
    text-decoration: none
}

h1 {
    font-weight: 750!important;
    font-size: 26px;
    color: #fef4d5
}

hh1 {
    font-weight: 750!important;
    font-size: 26px;
    color: #963014
}

h2,h3,h4,h5 {
    font-weight: 700!important;
    font-size: 24px;
    color: #47312b
}

::selection {
    background: #fef4d5;
    color: #47312b
}

b,strong,.bolder {
    font-weight: 700;
    color: #47312b
}

button,select,textarea,input[type=text],input[type=password],input[type=button],input[type=submit] {
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: roboto!important
}

button,.btn,input[type=button],input[type=reset],input[type=submit],.form__btn,.qq-upload-button,.pm__links a,.usp__btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    padding: 0 20px;
    height: 40px;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    background-color: var(--accent);
    color: var(--tt-contrast);
    border-radius: 3px;
    box-shadow: none
}

button:hover,.btn:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.form__btn:hover,.qq-upload-button:hover,.pm__links a:hover,.usp__btn a:hover {
    background-color: #d98888;
    color: var(--tt-contrast)
}

button:active,input[type=button]:active,input[type=submit]:active {
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.1)
}

.color-btn,[class*=fr],[class*=plyr],[class*=owl-],[id*=mceu] {
    padding: 0;
    margin: 0;
    line-height: normal;
    border: 0;
    box-shadow: none;
    background: 0 0;
    border-radius: 0
}

input[type=text],input[type=password] {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 15px
}

select {
    height: 40px;
    padding: 0 15px;
    display: block
}

select:not([multiple]) {
    background-image: url(../dleimages/chevron.svg);
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: .6em auto
}

select option {
    padding: 6px 10px
}

select[multiple] {
    padding: 0 5px
}

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

input[type=text],input[type=password],select,textarea {
    width: 100%;
    background-color: #030407;
    color: #fff;
    box-shadow: inset 0 0 0 1px #030407,inset 1px 2px 5px rgba(0,0,0,.1)
}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
    box-shadow: inset 0 0 0 1px var(--accent),inset 1px 2px 5px rgba(0,0,0,.1)
}

input::placeholder,textarea::placeholder {
    color: #fff;
    opacity: .6;
    font-size: 13px
}

input:focus::placeholder,textarea:focus::placeholder {
    color: transparent
}

.img-box,.img-wide,.img-responsive,.img-fit-cover {
    overflow: hidden;
    position: relative
}

.img-responsive {
    padding-top: 60%
}

.img-responsive--portrait {
    padding-top: 150%
}

.img-box>img,.img-responsive>img {
    width: 100%;
    min-height: 100%;
    display: block
}

.img-responsive>img {
    position: absolute;
    left: 0;
    top: 0
}

.img-wide img,.img-wide>a {
    width: 100%;
    display: block
}

.img-fit-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.clr {
    clear: both
}

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

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

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #47312b;
    
}

.vw100 {
    margin: 0 calc((100% - 100vw)/2);
    padding: 0 calc((100vw - 100%)/2)
}

.d-flex,.fx-row,#dle-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

.fd-column,.fx-col {
    flex-wrap: nowrap;
    flex-direction: column;
}

.jc-space-between,.fx-row {
    justify-content: center;
}

.jc-flex-start,.fx-start,#dle-content {
    justify-content: flex-start
}

.jc-center,.fx-center {
    justify-content: center
}

.jc-flex-end {
    justify-content: flex-end
}

.ai-flex-start {
    align-items: flex-start
}

.ai-center,.fx-middle {
    align-items: center
}

.ai-flex-end {
    align-items: flex-end
}

.order-first {
    order: -1
}

.order-last {
    order: 10
}

.flex-grow-1,.fx-1,.stretch-free-width {
    flex: 1 1 0;
    max-width: 100%;
    min-width: 50px
}

.btn-icon,.centered-content {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.icon-at-left [class*=fa-],.icon-left .icon {
    margin-right: 10px
}

.icon-at-right [class*=fa-],.icon-right .icon {
    margin-left: 10px
}

.hidden,#dofullsearch,.form__header .form__btn,.comment-item__main .quote+br,.d-none,.page__screenshots br {
    display: none
}

.animated-element,button,.btn,a,.header__menu-hidden,.header__btn-search,.header__btn-login,.poster-item__desc,.poster-item::before,.page__btn-trailer .fal,.page__watch-btn,.page__rating-item--audience div,.page__btn-comments,.tabs-block__select span {
    transition: all .3s
}

#dle-content>*:not(.grid-item),#dle-content {
    width: 100%
}

#dle-content,.d-grid,.page__screenshots .xfieldimagegallery {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    grid-gap: 20px 20px;
    grid-auto-flow: row dense
}

#dle-content>*:not(.grid-item),.page__screenshots .xfieldimagegallery {
    grid-column: 1/-1
}

[data-src] {
    opacity: 0;
    transition: opacity .3s
}

[data-src].lazy-loaded {
    opacity: 1
}

.sect__title,.page__side-box-title,.sect__subtitle,.hero__title,h1,h2,h3,h4,h5,.page__subtitle,.page__rating-item,.page__activity-item div {
    font-family: poppins;
    font-weight: 700
}

@font-face {
    font-family: poppins;
    src: url(../webfonts/poppins.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.social {
    display: inline-block
}

.social a {
    display: block;
    width: 43px;
    height: 43px;
    margin: 0 10px 10px 0;
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,.15),inset 0 0 50px rgba(0,0,0,.1)
}

.social a:hover {
    color: #fff
}

.social svg {
    margin-top: 7px;
    width: 27px;
    height: 27px
}

.email a:hover {
    background: #5bc7ff
}

.facebook a:hover {
    background: #3b5998
}

.pinterest a:hover {
    background: #c8232c
}

.telegram a:hover {
    background: #249bd7
}

.twitter a:hover {
    background: #00acee
}

}
.pctr_l {width:350px;float:left;margin: 0 10px 0 0; border-radius:15px;}
.pctr_r {width:350px;float:right;margin: 0 0 0 10px; border-radius:15px;}
@media screen and (max-width: 470px) {
    .pctr_l {width:60%; float:left;margin: 0 10px 0 0; border-radius:15px;}
	.pctr_r {width:60%; float:right;margin: 0 0 0 10px; border-radius:15px;}
}

.ctg_ramka {
    background-color:#f5f5dc4d;
    border-radius:10px;
    padding:10px;
    
}
.ctg_ramka_grey {
	background-color:#04020536;
	border-radius:10px;
    padding:10px;
	margin-top:10px;
}

.page__share, .page__rating-stars {
    margin-top:30px;
}

.social_networks a {
    border-radius: 5px;
        margin: 3px;
}
.social_networks {
    padding-left: 35px;
}
.social3 img {
    width: 37px;
    margin-top: 18px;
}
.social5 img {
    width: 36px;
    margin-top: 18px;
}
.social4 img {
    width: 35px;
    margin-top: 18px;
}
.social_networks span {
    color:white;
}
.page__rating-item {
    color:white;
}
.social2 {
    width: 36px;
    border: 1px solid #dadce0;
    background-color: #f1f3f4;
    border-radius: 50%;
}