/* Version: 16.1.0.0 */
/* Author: Alexandr Merzlyakov */
/* Author URI: https://skinsdle.ru */

/*Buttons font*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}

/*---------
   Icons
---------*/
@font-face {
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../fonts/Icons.ttf') format('truetype');
}

.sd-icon {
    align-items: center;
    align-self: center;
    display: flex; /*inline-flex*/
    font-family: "Icons";
    font-size: 100%; /*125%*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    text-transform: none;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    vertical-align: middle;
}

/*--------------
    Animate
--------------*/
[class*="animate__"] {
    animation-iteration-count: 1;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

/* Fading entrances */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp;
}

/* Fading exits */
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.animate__fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp;
}

/* Zooming entrances */
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    animation-duration: 0.25s;
    animation-name: zoomIn;
}

/* Zooming exits */
@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    animation-duration: 0.25s;
    animation-name: zoomOut;
}

/*------------------
    Animate Hover
------------------*/
[class*="hover__"] {
    position: relative;
    transform: translate(0px);
    transition: all 0.25s ease 0s;
}

.hover__fadeIn {
    opacity: 0.66;
}

    .hover__fadeIn:hover, .hover__fadeIn:focus {
        opacity: 1;
    }

.hover__fadeOut {
    opacity: 1;
}

    .hover__fadeOut:hover, .hover__fadeOut:focus {
        opacity: 0.66;
    }

.hover__fadeInUp:hover, .hover__fadeInUp:focus {
    transform: translateY(-2.5px);
}

.hover__fadeInDown:hover, .hover__fadeInDown:focus {
    transform: translateY(2.5px);
}

.hover__fadeInRight:hover, .hover__fadeInRight:focus {
    transform: translateX(2.5px);
}

.hover__zoomIn:hover, .hover__zoomIn:focus {
    transform: scale(1.05);
}

.hover__zoomOut:hover, .hover__zoomOut:focus {
    transform: scale(0.95);
}

.hover__rotateIn:hover, .hover__rotateIn:focus {
    transform: scale(1.05) rotate(2.5deg);
}

.hover__grayScale:hover, .hover__grayScale:focus {
    filter: grayscale(100%);
    transition: filter 0.75s ease 0s;
}

.hover__blur:hover, .hover__blur:focus {
    filter: blur(4px);
    transition: filter 0.75s ease 0s;
}

.hover__fadeInUnderline {
    overflow: hidden;
}

    .hover__fadeInUnderline:before {
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        content: "";
        height: 4px;
        left: 51%;
        position: absolute;
        right: 51%;
        transition-duration: 0.3s;
        transition-property: left, right;
        z-index: -1;
    }

    .hover__fadeInUnderline:hover:before, .hover__fadeInUnderline:focus:before {
        left: 0;
        right: 0;
        z-index: 1;
    }
/* POSTER ITEM----------------------------------------------- */
.poster__img {box-shadow: var(--bsh-poster); border: 5px solid #fff; }
.poster__label {display: flex; align-items: center; gap: 8px; padding: 6px 10px; font-size: 12px; border-radius: 0 0 0 3px;
	background: var(--accent-green); color: #fff; position: absolute; right: 0; top: 0; z-index: 3;}
.poster__label .fal {font-size: 14px;}
.blue {background-color: var(--accent-blue);}
.red {background-color: var(--accent-red);}
.green {background-color: var(--accent-green);}
.gray {background-color: var(--accent-gray);}
.gold {background-color: var(--accent-gold);}
.poster__series {position: absolute; left: 0; bottom: 0; z-index: 3; padding: 5px 10px 1px 10px; font-size: 12px;
	background-color: var(--bg); color: var(--tt-3); border-radius: 0 3px 0 0;}
/*.poster__seriesr {position: absolute; right: 0; bottom: 0; z-index: 3; padding: 5px 10px 1px 10px; font-size: 12px;
	background-color: var(--bg); color: var(--tt-3); border-radius: 0 3px 0 0;*/
.poster__reit {position: absolute; left: 0; top: 0; z-index: 6; opacity: 0; }
.poster__trailer {display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 10px;
	font-size: 12px; text-transform: uppercase; font-weight:700; border-radius: 0 3px 3px 0; cursor: pointer;
	position: absolute; left: 0; top: 30px; z-index: 6; background-color: rgba(0,0,0,0.5); color: #fff;}
.poster__trailer .fal, .bslide__btn-trailer .fal {width: 20px;height: 20px;border-radius: 50%;background: var(--bg);color: var(--tt-3);font-size: 10px;color: #000;padding-left: 2px}
.poster__trailer span {display: none;}
.poster__btn-info {position: absolute; right: 0; top: 0; z-index: 6; border-radius: 0 0 0 3px; opacity: 0; 
	width: 30px; height: 30px; padding: 0 0 5px 4px; font-size: 18px; background: var(--bg); color: var(--tt-3);}
.has-overlay__icon {position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; 
	background-color: rgba(0,0,0,0.5); opacity: 0;}
.has-overlay__icon div {width: 80px; height: 80px; border-radius: 50%;  
	font-size: 24px; border: 2px solid rgba(255,255,255,0.8); color: #fff; padding-left: 4px;}
.poster:hover .poster__btn-info, .has-overlay:hover .has-overlay__icon {opacity: 1;}
.poster:hover .poster__trailer span {display: block;}
.poster:hover .poster__label {opacity: 0;}
.poster__desc {position: relative; padding: 12px 0 0 5px}
.pmovie__related .poster__desc {padding-right: 5px;}
.poster__title {font-size: 16px; font-weight: 700; color: var(--tt); width: 153px;}
.poster__subtitle {color: var(--tt-2); font-size: 14px; margin-top: 5px;padding: 0 0 5px 0;}
.poster__rating-likes, .pmovie__ratings-score {font-weight: 700; font-size: 12px; 
	width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 5px; top: 15px;
	border: 1px solid var(--accent-blue); color: var(--accent-blue);}
.poster__trailer:hover {background-color: #000;}
.poster__btn-info:hover {color: #000; cursor: help}
.poster__rating {height: 17px; width: 170px; position: relative; background: url(../dleimages/rating.svg);}
.poster__rating-fill {position: absolute; left: 0; top: 0; height: 100%; width: 0; transition: width 1s ease-in-out;
	z-index: 1; background: url(../dleimages/rating.svg) 0 -34px repeat-x;}
.th-active {z-index: 100;}
.th-text {display: none; background-color: var(--bg); cursor: auto; 
	padding: 20px; text-align: left; position: absolute; z-index: 1000; left: 100%; top: 0; 
	width: 460px; box-shadow: var(--bsh); border-radius: 4px; min-height: 100px;}
.th-text::after {content: ""; border: 10px solid var(--bg); position: absolute; top: 30px; right: 100%;
	border-left-color: transparent; border-bottom-color: transparent; }
.pop-left .th-text::after {border: 10px solid var(--bg); border-right-color: transparent; 
	border-bottom-color: transparent; left: 100%; right: auto;}
.pop-left .th-text {left: auto; right: 100%;}
/*.th-text-loader {text-align: center; font-size: 18px; color: var(--accent-green); padding-top: 20px;} */
.th-text-loader {text-align: center; font-size: 18px; color: var(--accent-blue); padding-top: 20px;} 
.th-text-header {display: block; text-decoration: underline; font-weight: 700; font-size: 18px; color: var(--accent-blue);}
.th-text .not-shown-ajax, .th-text .page__subcol-header h1, .th-text .pmovie__quality {display: none;}
.th-text .poster__label {border-radius: 0 4px 0 4px;}
.th-text .pmovie__original-title, .th-text .pmovie__ratings-votes {color: var(--tt-2);}
.th-text .page__text {font-size: 14px; line-height: 22px; max-height: 110px; overflow: hidden; margin-top: 6px;}
.th-text .pmovie__header-list {background: none; padding: 0; margin: 16px 0; font-size: 13px;}
.th-text .pmovie__header-list li + li {margin-top: 5px;}
.th-text .pmovie__ext-rating {margin-top: 10px;}
/* Player Tabs */
.pmovie__player {position: relative; margin-bottom: 30px;}
.tabs-block__select span {cursor: pointer; display: inline-block;}
.tabs-block__select span {height: 40px; line-height: 40px; padding: 0 20px; 
	margin: 0 10px 10px 0; background-color: var(--bg-2); color: var(--tt-3); font-weight: 500;border-radius: 4px;}
.tabs-block__select span.is-active, .tabs-block__select span:hover { background: var(--accent); color: #fff; border-radius: 4px;}
.pmovie__player-bottom {background-color: var(--bg-accent);padding-left: 15px;}
.ya-share2 {height: 24px; margin-left: 10px;}
.pmovie__complaint a {display: grid; place-items: center; width: 50px; height: 50px; 
	font-size: 24px; background: var(--bg-darkest); color: #fff;}
.pmovie__player-bottom-2 {background-color: var(--bg-dark); color: #fff; padding: 15px;}
.pmovie__ratings-score {position: static; width: 40px; height: 40px; font-size: 14px; margin-left: 15px;}
.pmovie__player-bottom-222 .pmovie__ratings-score {color: var(--accent-green); border-color: var(--accent-green);}
.pmovie__rating-likes > * {display: flex; align-items: center; height: 40px; border-radius: 20px; 
	background-color: var(--accent-blue); color: #fff; box-shadow: var(--bsh-2); padding: 0 20px 0 15px; 
	font-weight: 500; margin-left: 10px;}
.pmovie__rating-likes > * .fal {font-size: 16px; margin-right: 10px;}
.pmovie__rating-likes > * + * {background-color: var(--accent-red);}
.pmovie__rating-likes > a:hover, .pmovie__fav a:hover, .pmovie__complaint a:hover {background-color: var(--accent); color: #fff;}
.pmovie__fav a {display: flex; align-items: center; justify-content: center; font-weight: 500;
	height: 40px; border-radius: 20px; padding: 0 20px; margin-right: 15px; letter-spacing: 1px;
	font-size: 12px; text-transform: uppercase; background-color: var(--bg-darkest);; color: var(--tt-dark);}
.pmovie__franchise .sect__title {font-size: 20px; margin-bottom: 15px;}
/* End Player Tabs */
/*darken*/
.darken {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}

    .darken:hover {
        opacity: 1;
    }

/*pulse-animation*/
.animate__pulse {
    overflow: visible;
    position: relative;
    z-index: 0;
}

    .animate__pulse::before {
        animation: 1s cubic-bezier(0.24, 0, 0.38, 1) 0s normal none infinite running pulse;
        background-color: inherit;
        border-radius: inherit;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        width: 100%;
        z-index: -1;
    }

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/*--------------------
    Cookie-message
---------------------*/
#cookieMessage {
    background-color: rgba(255, 255, 255, 0.97);
    border-radius: 4px;
    bottom: calc(0.5rem + 0.5vw);
    box-shadow: 0 8px 20px 0 rgba(80, 80, 80, 0.8);
    left: calc(0.5rem + 0.5vw);
    padding: calc(0.5rem + 0.5vw);
    position: fixed;
    text-align: center;
    z-index: 1003;
}

@media(max-width:767px) {
    #cookieMessage {
        right: calc(0.5rem + 0.5vw);
    }
}

/*--------------------
    AcceptPlus
---------------------*/
#acceptPlus {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.66);
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1003;
}

/*----------
    Html
----------*/

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    word-wrap: break-word;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: calc(0.8255rem + 0.2vw);
    line-height: 1.428;
}

::-ms-clear {
    display: none;
}

:focus {
    outline: none !important;
}

.clear:after, .clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

/*Display*/
.d_none {
    display: none;
}

.d_inline {
    display: inline;
}

.d_block {
    display: block;
}

.d_inline-block {
    display: inline-block;
}

/*--------------------
    Flex container
--------------------*/
.d_flex {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
}

.f-d_column {
    flex-direction: column
}

.f-w_nowrap {
    flex-wrap: nowrap !important
}

.f-d_row-reverse:nth-child(2n) {
    flex-direction: row-reverse
}

@media (max-width: 576px) {
    .p_f-d_row-reverse {
        flex-direction: row-reverse;
    }
}

/*justify-content*/
.j-c_flex-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.j-c_flex-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.j-c_center {
    -ms-flex-pack: center;
    justify-content: center
}

.j-c_space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.j-c_space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

/*justify-content\tablet*/
@media (max-width: 768px) {
    .t_j-c_center {
        -ms-flex-pack: center;
        justify-content: center
    }
}

/*justify-content\phone*/
@media (max-width: 576px) {
    .p_j-c_center {
        -ms-flex-pack: center;
        justify-content: center
    }
}

/*align-items*/
.a-i_flex-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.a-i_flex-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.a-i_center {
    -ms-flex-align: center;
    align-items: center;
}

.a-i_baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.a-i_stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

/*--------------------
    Flex items
--------------------*/

/*align-self*/
.a-s_flex-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.a-s_flex-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.a-s_center {
    -ms-flex-item-align: center;
    align-self: center
}

.a-s_baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.a-s_stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

/*--------------------
    Flex Group:

    Compact_
    flex: 0 1 auto;

    Full_
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
----------------------*/
[class*="flex_"] {
    max-width: 100%;
    min-width: 0;
}

/*0%*/
.flex_1-1-0 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

/*100%*/
.flex_1-1-100 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}

/*auto*/
.flex_1-1-auto {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

/*minus-p*/

/*75%-p*/
.flex_75-p {
    flex-basis: calc(75% - 0.4em);
    max-width: calc(75% - 0.4em);
}

/*66%-p*/
.flex_66-p {
    flex-basis: calc(66.6% - 0.4em);
    max-width: calc(66.6% - 0.4em);
}

/*50%-p*/
.flex_50-p {
    flex-basis: calc(50% - 0.4em);
    max-width: calc(50% - 0.4em);
}

/*33%-p*/
.flex_33-p {
    flex-basis: calc(33.3% - 0.4em);
    max-width: calc(33.3% - 0.4em);
}

/*25%-p*/
.flex_25-p {
    flex-basis: calc(25% - 0.4em);
    max-width: calc(25% - 0.4em);
}

/*display-p*/
@media (max-width: 992px) {
    /*75%-p*/
    .d_flex_75-p {
        flex-basis: calc(75% - 0.4em);
        max-width: calc(75% - 0.4em);
    }

    /*66%-p*/
    .d_flex_66-p {
        flex-basis: calc(66.6% - 0.4em);
        max-width: calc(66.6% - 0.4em);
    }

    /*50%-p*/
    .d_flex_50-p {
        flex-basis: calc(50% - 0.4em);
        max-width: calc(50% - 0.4em);
    }

    /*33%-p*/
    .d_flex_33-p {
        flex-basis: calc(33.3% - 0.4em);
        max-width: calc(33.3% - 0.4em);
    }

    /*25%-p*/
    .d_flex_25-p {
        flex-basis: calc(25% - 0.4em);
        max-width: calc(25% - 0.4em);
    }
}

/*tablet-p*/
@media (max-width: 768px) {
	/*75%-p*/
	.t_flex_75-p {
		flex-basis: calc(75% - 0.4em);
		max-width: calc(75% - 0.4em);
	}

	/*66%-p*/
	.t_flex_66-p {
		flex-basis: calc(66.6% - 0.4em);
		max-width: calc(66.6% - 0.4em);
	}

	/*50%-p*/
	.t_flex_50-p {
		flex-basis: calc(50% - 0.4em);
		max-width: calc(50% - 0.4em);
	}

	/*33%-p*/
	.t_flex_33-p {
		flex-basis: calc(33.3% - 0.4em);
		max-width: calc(33.3% - 0.4em);
	}

	/*25%-p*/
	.t_flex_25-p {
		flex-basis: calc(25% - 0.4em);
		max-width: calc(25% - 0.4em);
	}
}

/*phone-p*/
@media (max-width: 576px) {
	/*75%-p*/
	.p_flex_75-p {
		flex-basis: calc(75% - 0.4em);
		max-width: calc(75% - 0.4em);
	}

	/*66%-p*/
	.p_flex_66-p {
		flex-basis: calc(66.6% - 0.4em);
		max-width: calc(66.6% - 0.4em);
	}

	/*50%-p*/
	.p_flex_50-p {
		flex-basis: calc(50% - 0.4em);
		max-width: calc(50% - 0.4em);
	}

	/*33%-p*/
	.p_flex_33-p {
		flex-basis: calc(33.3% - 0.4em);
		max-width: calc(33.3% - 0.4em);
	}

	/*25%-p*/
	.p_flex_25-p {
		flex-basis: calc(25% - 0.4em);
		max-width: calc(25% - 0.4em);
	}
}

/*100%*/
.flex_100 {
    flex-basis: 100%;
    max-width: 100%;
}

/*75%*/
.flex_75 {
    flex-basis: 75%;
    max-width: 75%;
}

/*66%*/
.flex_66 {
    flex-basis: 66.6%;
    max-width: 66.6%;
}

/*50%*/
.flex_50 {
    flex-basis: 50%;
    max-width: 50%;
}

/*33%*/
.flex_33 {
    flex-basis: 33.3%;
    max-width: 33.3%;
}

/*25%*/
.flex_25 {
    flex-basis: 25%;
    max-width: 25%;
}

/*display*/
@media (max-width: 992px) {
    .d_flex_100 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .d_flex_75 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .d_flex_66 {
        flex-basis: 66.6%;
        max-width: 66.6%;
    }

    .d_flex_50 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .d_flex_33 {
        flex-basis: 33.3%;
        max-width: 33.3%;
    }

    .d_flex_25 {
        flex-basis: 25%;
        max-width: 25%;
    }
}

/*tablet*/
@media (max-width: 768px) {
    .t_flex_100 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .t_flex_75 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .t_flex_66 {
        flex-basis: 66.6%;
        max-width: 66.6%;
    }

    .t_flex_50 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .t_flex_33 {
        flex-basis: 33.3%;
        max-width: 33.3%;
    }

    .t_flex_25 {
        flex-basis: 25%;
        max-width: 25%;
    }
}

/*phone*/
@media (max-width: 576px) {
    .p_flex_100 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .p_flex_75 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .p_flex_66 {
        flex-basis: 66.6%;
        max-width: 66.6%;
    }

    .p_flex_50 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .p_flex_33 {
        flex-basis: 33.3%;
        max-width: 33.3%;
    }

    .p_flex_25 {
        flex-basis: 25%;
        max-width: 25%;
    }
}

.f-g_1, .spacer {
    flex-grow: 1;
}

/*hide display*/
@media (max-width: 992px) {
    .hide-d {
        display: none !important;
    }
}

/*only display*/
@media (min-width: 992px) {
    .only-d {
        display: none !important;
    }
}

@media (max-width: 769px) {
    .only-d {
        display: none !important;
    }
}

/*hide tablet*/
@media (max-width: 768px) {
    .hide-t {
        display: none !important;
    }
}

/*only tablet*/
@media (min-width: 768px) {
    .only-t {
        display: none !important;
    }
}

@media (max-width: 577px) {
    .only-t {
        display: none !important;
    }
}

/*hide phone*/
@media (max-width: 576px) {
    .hide-p {
        display: none !important;
    }
}

/*only phone*/
@media (min-width:576px) {
    .only-p {
        display: none !important
    }
}

/*hide*/
.hide {
    display: none !important;
}

/*height*/
.h_100 {
    height: 100%;
    max-height: 100%;
}

/*width*/
.w_100 {
    max-width: 100%;
    width: 100%;
}

/*width\display*/
@media (max-width: 992px) {
    .d_w_100 {
        width: 100%;
    }

    .d_w_50 {
        width: 50%;
    }

    .d_w_25 {
        width: 25%;
    }
}

/*width\tablet*/
@media (max-width: 768px) {
    .t_w_100 {
        width: 100%;
    }

    .t_w_50 {
        width: 50%;
    }

    .t_w_25 {
        width: 25%;
    }
}

/*width\phone*/
@media (max-width: 576px) {
    .p_w_100 {
        width: 100%;
    }

    .p_w_50 {
        width: 50%;
    }

    .p_w_25 {
        width: 25%;
    }
}

/*flex-item-order*/
.order_0 {
    order: 0;
}

.order_1 {
    order: 1;
}

/*order\display*/
@media (max-width: 992px) {
    .d_order_0 {
        order: 0;
    }

    .d_order_1 {
        order: 1;
    }
}

/*order\tablet*/
@media (max-width: 768px) {
    .t_order_0 {
        order: 0;
    }

    .t_order_1 {
        order: 1;
    }
}

/*order\phone*/
@media (max-width: 576px) {
    .p_order_0 {
        order: 0;
    }

    .p_order_1 {
        order: 1;
    }
}

/*hide_elements*/
@media (max-width: 1200px) {
    .hide_1200 {
        display: none !important;
    }
}

@media (max-width: 1100px) {
    .hide_1100 {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .hide_1000 {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .hide_900 {
        display: none !important;
    }
}

@media (max-width: 800px) {
    .hide_800 {
        display: none !important;
    }
}

@media (max-width: 700px) {
    .hide_700 {
        display: none !important;
    }
}

/*show_elements*/
@media (min-width:1199px) {
    .show_1200 {
        display: none !important
    }
}

@media (min-width:1099px) {
    .show_1100 {
        display: none !important
    }
}

@media (min-width:999px) {
    .show_1000 {
        display: none !important
    }
}

@media (min-width:899px) {
    .show_900 {
        display: none !important
    }
}

@media (min-width:799px) {
    .show_800 {
        display: none !important
    }
}

@media (min-width:699px) {
    .show_700 {
        display: none !important
    }
}

/*position*/
.p_relative {
    position: relative;
}

.p_fixed {
    position: fixed;
}

.p_absolute {
    position: absolute;
}

.p_static {
    position: static;
}

.p_sticky {
    position: sticky;
}

/*position-absolute*/
.top-left {
    position: absolute;
    top: 1em;
    left: 1em;
}

.top-right {
    position: absolute;
    top: 1em;
    right: 1em;
}

.bottom-left {
    position: absolute;
    bottom: 1em;
    left: 1em;
}

.bottom-right {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

/*p_absolute-full*/
.p_absolute-full {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*float*/
.f_left {
    float: left;
}

.f_right {
    float: right;
}

.f_none {
    float: none;
}

/*text-transform*/
.t-t_uppercase {
    text-transform: uppercase;
}

.t-t_lowercase {
    text-transform: lowercase;
}

.t-t_capitalize {
    text-transform: capitalize;
}

/*text-align*/
.t-a_left {
    text-align: left;
}

.t-a_right {
    text-align: right;
}

.t-a_center {
    text-align: center;
}

/*text-align\display*/
@media (max-width: 992px) {
    .d_t-a_left {
        text-align: left;
    }

    .d_t-a_right {
        text-align: right;
    }

    .d_t-a_center {
        text-align: center;
    }
}

/*text-align\tablet*/
@media (max-width: 768px) {
    .t_t-a_left {
        text-align: left;
    }

    .t_t-a_right {
        text-align: right;
    }

    .t_t-a_center {
        text-align: center;
    }
}

/*text-align\phone*/
@media (max-width: 576px) {
    .p_t-a_left {
        text-align: left;
    }

    .p_t-a_right {
        text-align: right;
    }

    .p_t-a_center {
        text-align: center;
    }
}

/*font-weight*/
.f-w_300 {
    font-weight: 300;
}

.f-w_400 {
    font-weight: 400;
}

.f-w_500 {
    font-weight: 500;
}

.f-w_600 {
    font-weight: 600;
}

.f-w_700 {
    font-weight: 700;
}

.f-w_800 {
    font-weight: 800;
}

.f-w_900 {
    font-weight: 900;
}

/*font-size*/
.f-s_80 {
    font-size: 80%;
}

.f-s_85 {
    font-size: 85%;
}

.f-s_90 {
    font-size: 90%;
}

.f-s_95 {
    font-size: 95%;
}

.f-s_100 {
    font-size: 100%;
}

.f-s_110 {
    font-size: 110%;
}

.f-s_120 {
    font-size: 120%;
}

.f-s_130 {
    font-size: 130%;
}

.f-s_140 {
    font-size: 140%;
}

.f-s_150 {
    font-size: 150%;
}

.f-s_160 {
    font-size: 160%;
}

.f-s_170 {
    font-size: 170%;
}

.f-s_180 {
    font-size: 180%;
}

.f-s_190 {
    font-size: 190%;
}

.f-s_200 {
    font-size: 200%;
}

.f-s_250 {
    font-size: 250%;
}

.f-s_300 {
    font-size: 300%;
}

.f-s_350 {
    font-size: 350%;
}

.f-s_400 {
    font-size: 400%;
}

.f-s_450 {
    font-size: 450%;
}

.f-s_500 {
    font-size: 500%;
}

/*phone_font-size*/
@media (max-width: 576px) {
    .p_f-s_75 {
        font-size: 75%;
    }    
    
    .p_f-s_80 {
        font-size: 80%;
    }    
    
    .p_f-s_85 {
        font-size: 85%;
    }    
    
    .p_f-s_90 {
        font-size: 90%;
    }    
    
    .p_f-s_95 {
        font-size: 95%;
    }    
    
    .p_f-s_100 {
        font-size: 100%;
    }

    .p_f-s_110 {
        font-size: 110%;
    }

    .p_f-s_120 {
        font-size: 120%;
    }

    .p_f-s_130 {
        font-size: 130%;
    }

    .p_f-s_140 {
        font-size: 140%;
    }

    .p_f-s_150 {
        font-size: 150%;
    }

    .p_f-s_160 {
        font-size: 160%;
    }

    .p_f-s_170 {
        font-size: 170%;
    }

    .p_f-s_180 {
        font-size: 180%;
    }

    .p_f-s_190 {
        font-size: 190%;
    }

    .p_f-s_200 {
        font-size: 200%;
    }

    .p_f-s_250 {
        font-size: 250%;
    }

    .p_f-s_300 {
        font-size: 300%;
    }

    .p_f-s_350 {
        font-size: 350%;
    }

    .p_f-s_400 {
        font-size: 400%;
    }

    .p_f-s_450 {
        font-size: 450%;
    }

    ._p_f-s_500 {
        font-size: 500%;
    }
}

/*line-height*/
.l-h_100 {
    line-height: 100%;
}

.l-h_110 {
    line-height: 110%;
}

.l-h_120 {
    line-height: 120%;
}

.l-h_130 {
    line-height: 130%;
}

.l-h_140 {
    line-height: 140%;
}

.l-h_150 {
    line-height: 150%;
}

.l-h_160 {
    line-height: 160%;
}

.l-h_170 {
    line-height: 170%;
}

.l-h_180 {
    line-height: 180%;
}

.l-h_190 {
    line-height: 190%;
}

.l-h_200 {
    line-height: 200%;
}

/*background-img*/
.b-s_contain {
    background-repeat: no-repeat;
    background-size: contain;
}

.b-s_cover {
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.b-a_fixed {
    background-attachment: fixed;
}

.b-p_center {
    background-position: center center;
    object-position: center center;
}

/*img_thumb*/
.b_b-r_p {
    border: 1px solid rgba(124, 126, 128, 0.33);
    border-radius: 4px;
    padding: 4px;
}

/*opacity*/
.o_10 {
    opacity: 0.1;
}

.o_20 {
    opacity: 0.2;
}

.o_30 {
    opacity: 0.3;
}

.o_40 {
    opacity: 0.4;
}

.o_50 {
    opacity: 0.5;
}

.o_60 {
    opacity: 0.6;
}

.o_70 {
    opacity: 0.7;
}

.o_80 {
    opacity: 0.8;
}

.o_90 {
    opacity: 0.9;
}

.hover__o_100:hover {
    opacity: 1;
    transition: opacity 0.5s ease 0s;
}

/*border-radius*/
.b-r_0 {
    border-radius: 0;
}

.b-r_2 {
    border-radius: 2px;
}

.b-r_4 {
    border-radius: 4px;
}

.b-r_6 {
    border-radius: 6px;
}

.b-r_8 {
    border-radius: 8px;
}

.b-r_10 {
    border-radius: 10px;
}

.b-r_50 {
    border-radius: 50%;
}

/*list item*/
ol.list, ul.list, ol.list ol, ol.list ul, ul.list ol, ul.list ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

ol.d_inline-block li, ul.d_inline-block li, .d_inline-block li {
    display: inline-block;
}

/*ol_list\ul_list*/
ol.ol_list, ol.ul_list, ul.ol_list, ul.ul_list {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

ol.ol_list, ul.ol_list {
    counter-reset: ol;
}

    ol.ol_list li:before, ol.ul_list li:before, ul.ol_list li:before, ul.ul_list li:before {
        display: inline-flex;
        font-weight: 700;
    }

    ol.ol_list li:before, ul.ol_list li:before {
        color: rgb(144, 146, 148);
        content: counter(ol, decimal);
        counter-increment: ol;
        margin-right: 0.5em;
        transition: color 0.75s ease 0s;
    }

ol.ul_list li:before, ul.ul_list li:before {
    background-color: rgb(144, 146, 148);
    border-radius: 50%;
    content: "";
    height: 10px;
    margin-right: 0.5em;
    top: 0;
    transition: background-color 0.75s ease 0s;
    width: 10px;
}

ol.ol_list.ol_primary li:before, ul.ol_list.ol_primary li:before {
    color: rgb(144, 146, 148);
}

ol.ol_list.ol_accent li:before, ul.ol_list.ol_accent li:before {
    color: rgb(144, 146, 148);
}

ol.ol_list.ol_hover_primary li:hover:before, ul.ol_list.ol_hover_primary li:hover:before {
    color: rgb(144, 146, 148);
}

ol.ol_list.ol_hover_accent li:hover:before, ul.ol_list.ol_hover_accent li:hover:before {
    color: rgb(144, 146, 148);
}

ol.ul_list.ul_primary li:before, ul.ul_list.ul_primary li:before {
    background-color: rgb(144, 146, 148);
}

ol.ul_list.ul_accent li:before, ul.ul_list.ul_accent li:before {
    background-color: rgb(144, 146, 148);
}

ol.ul_list.ul_hover_primary li:hover:before, ul.ul_list.ul_hover_primary li:hover:before {
    background-color: rgb(144, 146, 148);
}

ol.ul_list.ul_hover_accent li:hover:before, ul.ul_list.ul_hover_accent li:hover:before {
    background-color: rgb(144, 146, 148);
}

ol.ol_list.ul_hover_primary li:hover:before, ul.ol_list.ul_hover_primary li:hover:before {
    color: rgb(144, 146, 148);
}

ol.ol_list.ul_hover_accent li:hover:before, ul.ol_list.ul_hover_accent li:hover:before {
    color: rgb(144, 146, 148);
}

/*html tags*/
h1, .h1 {
    font-size: 200%;
}

h2, .h2 {
    font-size: 150%;
}

h3, .h3 {
    font-size: 115%;
}

h4, .h4 {
    font-size: 100%;
}

h5, .h5 {
    font-size: 85%;
}

h6, .h6 {
    font-size: 65%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: inherit;
    margin-bottom: 0.8em;
    margin-top: 0;
}

p {
    margin-bottom: 0.8em;
    margin-top: 0;
}

    .h1, .h2, .h3, .h4, .h5, .h6, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
        margin-bottom: 0;
    }

/*truncate*/
.truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*text-muted*/
.text-muted {
    color: rgb(144, 146, 148) !important;
}

/*fieldset*/
fieldset {
    border: 1px solid rgba(124, 126, 128, 0.25);
    border-radius: 0.2rem;
    margin: 0;
    padding: 0 0.8em 0.8em;
}

    fieldset legend {
        font-size: 100%;
        font-weight: bold;
        margin-bottom: 0;
        padding-left: 0.8em;
        padding-right: 0.8em;
        width: auto;
    }

/*table-b*/
.table-b {
    border: 1px solid rgba(124, 126, 128, 0.33);
    border-radius: 4px;
    border-spacing: 0;
    font-size: 90%;
}

    .table-b thead {
        font-weight: 700;
    }

    .table-b tr td:first-child {
        border-left: none;
    }

    .table-b tr td {
        border-bottom: 1px solid rgba(124, 126, 128, 0.33);
        border-left: 1px solid rgba(124, 126, 128, 0.33);
        overflow: hidden;
        padding: 0.6em 0.8em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .table-b tr td .pm_list {
            font-weight: 500;
        }

    .table-b tbody tr td:last-child {
        font-size: 90%;
    }

/*Margin*/
.m_auto {
    margin: auto;
}

.m-l_auto {
    margin-left: auto;
}

.m-t_auto {
    margin-top: auto;
}

.m-r_auto {
    margin-right: auto;
}

.m-b_auto {
    margin-bottom: auto;
}

/*.m-r_group*/
.m-r_group > *:not(:last-child) {
    margin-right: 0.8em;
}

/*.m-l_group*/
.m-l_group > *:not(:first-child) {
    margin-left: 0.8em;
}

/*big_margin*/
.bm {
    margin: 1.2em;
}

.bm-t {
    margin-top: 1.2em;
}

.bm-r {
    margin-right: 1.2em;
}

.bm-b {
    margin-bottom: 1.2em;
}

.bm-l {
    margin-left: 1.2em;
}

/*margin*/
.m {
    margin: 0.8em;
}

.m-t {
    margin-top: 0.8em;
}

.m-r {
    margin-right: 0.8em;
}

.m-b {
    margin-bottom: 0.8em;
}

.m-l {
    margin-left: 0.8em;
}

/*small_margin*/
.sm {
    margin: 0.6em;
}

.sm-t {
    margin-top: 0.6em;
}

.sm-r {
    margin-right: 0.6em;
}

.sm-b {
    margin-bottom: 0.6em;
}

.sm-l {
    margin-left: 0.6em;
}

/*Phone*/
@media (max-width: 576px) {
    /*.m-r_group*/
    .m-r_group > *:not(:last-child) {
        margin-right: 0.6em;
    }

    /*big_margin*/
    .bm {
        margin: 1em;
    }

    .bm-t {
        margin-top: 1em;
    }

    .bm-r {
        margin-right: 1em;
    }

    .bm-b {
        margin-bottom: 1em;
    }

    .bm-l {
        margin-left: 1em;
    }

    /*margin*/
    .m {
        margin: 0.6em;
    }

    .m-t {
        margin-top: 0.6em;
    }

    .m-r {
        margin-right: 0.6em;
    }

    .m-b {
        margin-bottom: 0.6em;
    }

    .m-l {
        margin-left: 0.6em;
    }

    /*small_margin*/
    .sm {
        margin: 0.4em;
    }

    .sm-t {
        margin-top: 0.4em;
    }

    .sm-r {
        margin-right: 0.4em;
    }

    .sm-b {
        margin-bottom: 0.4em;
    }

    .sm-l {
        margin-left: 0.4em;
    }
}

/*Phone margin none*/
@media (max-width: 576px) {
    .p_m-0 {
        margin: 0;
    }

    .p_m-t-0 {
        margin-top: 0;
    }

    .p_m-r-0 {
        margin-right: 0;
    }

    .p_m-b-0 {
        margin-bottom: 0;
    }

    .p_m-l-0 {
        margin-left: 0;
    }
}

/*Padding*/
/*big_padding*/
.bp {
    padding: 1.2em;
}

.bp-t {
    padding-top: 1.2em;
}

.bp-r {
    padding-right: 1.2em;
}

.bp-b {
    padding-bottom: 1.2em;
}

.bp-l {
    padding-left: 1.2em;
}

/*padding*/
.p {
    padding: 0.8em;
}

.p-t {
    padding-top: 0.8em;
}

.p-r {
    padding-right: 0.8em;
}

.p-b {
    padding-bottom: 0.8em;
}

.p-l {
    padding-left: 0.8em;
}

/*small_padding*/
.sp {
    padding: 0.6em;
}

.sp-t {
    padding-top: 0.6em;
}

.sp-r {
    padding-right: 0.6em;
}

.sp-b {
    padding-bottom: 0.6em;
}

.sp-l {
    padding-left: 0.6em;
}

/*Phone*/
@media (max-width: 576px) {
    /*big_padding*/
    .bp {
        padding: 1em;
    }

    .bp-t {
        padding-top: 1em;
    }

    .bp-r {
        padding-right: 1em;
    }

    .bp-b {
        padding-bottom: 1em;
    }

    .bp-l {
        padding-left: 1em;
    }

    /*padding*/
    .p {
        padding: 0.6em;
    }

    .p-t {
        padding-top: 0.6em;
    }

    .p-r {
        padding-right: 0.6em;
    }

    .p-b {
        padding-bottom: 0.6em;
    }

    .p-l {
        padding-left: 0.6em;
    }

    /*small_padding*/
    .sp {
        padding: 0.4em;
    }

    .sp-t {
        padding-top: 0.4em;
    }

    .sp-r {
        padding-right: 0.4em;
    }

    .sp-b {
        padding-bottom: 0.4em;
    }

    .sp-l {
        padding-left: 0.4em;
    }
}

/*Phone padding none*/
@media (max-width: 576px) {
    .p_p-0 {
        padding: 0;
    }

    .p_p-t-0 {
        padding-top: 0;
    }

    .p_p-r-0 {
        padding-right: 0;
    }

    .p_p-b-0 {
        padding-bottom: 0;
    }

    .p_p-l-0 {
        padding-left: 0;
    }
}

/*border*/
.b {
    border: 1px solid rgba(124, 126, 128, 0.24);
}

.b-t {
    border-top: 1px solid rgba(124, 126, 128, 0.24);
}

.b-r {
    border-right: 1px solid rgba(124, 126, 128, 0.24);
}

.b-b {
    border-bottom: 1px solid rgba(124, 126, 128, 0.24);
}

.b-l {
    border-left: 1px solid rgba(124, 126, 128, 0.24);
}

.b-w_2 {
    border-width: 2px;
}

.b-w_3 {
    border-width: 3px;
}

.b-w_4 {
    border-width: 4px;
}

.b-w_5 {
    border-width: 5px;
}

.b-w_6 {
    border-width: 6px;
}

/*Divider*/
.divider {
    border-bottom: 1px solid rgba(245, 245, 245, 0.1);
    border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.hidden.divider {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    border-color: transparent;
}

.clearing.divider {
    clear: both;
}

hr {
    border-bottom: 1px solid rgba(245, 245, 245, 0.14);
    border-top: 1px solid rgba(34, 36, 38, 0.14);
    color: rgba(0, 0, 0, 0);
}

/*Container*/
.sd__main {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
}

.sd__content {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
    min-width: 0;
}

.sd__wrapper.sd--fixed-sidebar .sd__content {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
    min-width: 0;
}

/*Sidenav*/
/*sd--relative-sidenav*/
.sd__sidenav {
    background-color: rgb(238, 238, 238);
    bottom: 0;
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: auto;
    padding: 0.8em;
    position: fixed;
    right: auto;
    top: 0;
    transform: translateX(-100%);
    transform-style: preserve-3d;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 300px;
    will-change: transform;
    z-index: 7;
}

    .sd__sidenav.visible {
        margin: 0;
        transform: translateX(0);
        z-index: 998;
    }

/*sd--fixed-sidenav*/
.sd__wrapper.sd--fixed-sidenav .sd__advert {
    display: none;
}

@media (min-width: 1199px) {
    .sd__wrapper.sd--fixed-sidenav {
        padding-left: 300px;
    }

    .sd--fixed-sidenav .sd__sidenav {
        margin-left: 0;
        padding: 0.8em;
        transform: translateX(0px);
    }

    .sd--fixed-sidenav .sidenav-trigger {
        display: none;
    }
}

/*Sidebar*/
.sd__sidebar {
    background-color: rgb(238, 238, 238);
    bottom: 0;
    /*height: 100%; no_for_sticky*/
    left: auto;
    max-height: 100%;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: auto;
    padding_: 0.6em;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transform-style: preserve-3d;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 300px;
    will-change: transform;
}

    .sd__sidebar.visible {
        padding: 0.6em;
        transform: translateX(0);
        z-index: 998;
    }

        .sd__sidebar.visible .p_sticky {
            position: relative;
            top: 0 !important;
        }

@media (max-width: 900px) {
    .sd__sidebar {
        margin: 0;
    }
}

/*sd--relative-sd__sidebar*/
@media (min-width: 899px) {
    .sd--relative-sidebar .sd__sidebar {
        background-color: rgba(0, 0, 0, 0);
        overflow-y: visible;
        padding_: 0;
        position: relative;
        transform: translateX(0px);
        transition-duration: 0s;
        width: 300px;
    }

    .sd--relative-sidebar .sidebar-trigger {
        display: none;
    }
}

/*sd--fixed-sidebar*/
@media (min-width: 899px) {
    .sd__wrapper.sd--fixed-sidebar {
        padding-right: 300px;
    }

    .sd--fixed-sidebar .sd__sidebar {
        background-color: rgba(0, 0, 0, 0);
        padding_: 1em;
        transform: translateX(0px);
    }

    .sd--fixed-sidebar .sidebar-trigger {
        display: none;
    }
}

/*-------------
    Button
-------------*/
.ui-button, .bbcodes, .btn-text, .btn-outlined, .btn-raised {
    align-items: center;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    color: rgb(24, 26, 28);
    cursor: pointer;
    display: inline-flex;
    font-family: "Roboto",sans-serif;
    font-size: 100%;
    font-weight: 500;
    line-height: 121%;
    justify-content: center;
    padding: 0.6em 0.8em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.33s ease-in-out 0s, border-color 0.33s ease-in-out 0s, color 0.33s ease-in-out 0s, box-shadow 0.33s ease-in-out 0s;
    white-space: nowrap;
}

.only-icon {
    padding: 0.6em;
}

/*phone*/
@media (max-width: 576px) {
    .ui-button, .bbcodes, .btn-text, .btn-outlined, .btn-raised {
        padding: 0.4em 0.6em;
    }

    .only-icon {
        padding: 0.4em;
    }
}

/*btn-sm*/
.btn-sm {
    font-size: 80%;
}

/*btn-block*/
.btn-block {
    display: block;
    text-align: center;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.8em;
    }

/*phone_btn-block*/
@media (max-width: 576px) {
    .p_btn-block {
        width: 100%;
    }

        .p_btn-block + .p_btn-block {
            margin-top: 0.6em;
        }
}

/*disabled*/
button:disabled {
    cursor: default;
    opacity: 0.85;
    pointer-events: none;
}

/*-----------
    Badge
-----------*/
.badge {
    border-radius: 3px;
    box-shadow: none;
    color: inherit;
    font-size: 80%;
    line-height: 100%;
    padding: 0.6em 0.8em;
    transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s;
}

/*-------------
    Tooltip
-------------*/
#tooltip {
    background-color: #ffffff;
    border: 1px solid #d4d4d5;
    border-radius: 0.25rem;
    bottom: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    left: auto;
    line-height: 1.4285em;
    margin-bottom: 0.75em;
    padding: 0.5em 0.8em;
    position: absolute;
    right: auto;
    text-align: center;
    text-indent: 0;
    text-transform: none;
    top: auto;
    transform: scale(0);
    transition: transform 0.25s ease 0s;
    white-space: nowrap;
    z-index: 7;
}
    /* Arrow */
    #tooltip:after {
        background-color: #ffffff;
        bottom: -0.4em;
        box-shadow: 1px 1px 0 0 #bababc;
        content: "";
        height: 0.75em;
        left: 46.5%;
        position: absolute;
        right: auto;
        top: auto;
        transform: rotate(45deg);
        width: 0.75em;
    }
    /* Arrow Top */
    #tooltip.top:after {
        box-shadow: -1px -1px 0 0 #bababc;
        top: -7px;
    }
    /* Arrow Left */
    #tooltip.left:after {
        left: 0.8em;
        right: auto;
    }
    /* Arrow Right */
    #tooltip.right:after {
        left: auto;
        right: 0.8em;
    }

/*---------------
	DropDown
---------------*/
.sd__drop-wrp {
    position: relative;
}

    .sd__drop-wrp .menu {
        background-color: rgb(255, 255, 255);
        border: 1px solid rgba(124, 126, 128, 0.33);
        border-radius: 2px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
        display: none;
        left: auto;
        position: absolute;
        right: auto;
        top: 100%;
        transition: all 0.25s ease 0s;
        z-index: 3;
    }

        .sd__drop-wrp .menu.sd__drop-menu--active {
            display: block;
        }

        .sd__drop-wrp .menu.left {
            right: 0;
        }

        .sd__drop-wrp .menu.right {
            left: 0;
        }

        /*item*/
        .sd__drop-wrp .menu > a,
        .sd__drop-wrp .menu > .item {
            align-items: center;
            border-radius: 2px;
            color: rgb(75, 75, 75);
            display: flex;
            margin: 0.4em;
            min-width: -moz-max-content;
            min-width: max-content;
            padding: 0.4em 1em 0.4em 0.6em;
            transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
            white-space: normal;
        }

            .sd__drop-wrp .menu > a:hover,
            .sd__drop-wrp .menu > a.active,
            .sd__drop-wrp .menu > .item:hover,
            .sd__drop-wrp .menu > .item.active {
                background-color: rgba(124, 126, 128, 0.33);
                color: rgb(25, 25, 25);
            }

/*-----------
    Form
-----------*/
input, select, textarea {
    background-color: transparent;
    border: 1px solid rgba(124, 126, 128, 0.33);
    border-radius: 2px;
    color: inherit;
    font-family: Arial,sans-serif;
    font-size: 100%;
    line-height: 125%;
    margin: 0;
    max-width: 100%;
    padding: 0.6em 0.8em;
    transition: border-color 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
    width: 100%;
}

/*phone*/
@media (max-width: 576px) {
    input, select, textarea {
        padding: 0.4em 0.6em;
    }
}

/*label*/
.label {
    display: inline-block;
    font-size: 90%;
    font-weight: 500;
    margin-bottom: 0.6em;
}

.field input[type="checkbox"], .field input[type="radio"] {
    margin-right: 0.75em;
    width: auto;
}

/*required*/
input:required, textarea:required {
    border-left: 1px solid red;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border-color: rgba(124, 126, 128, 0.33);
    box-shadow: 0 0 0 1px rgba(124, 126, 128, 0.33);
    outline: 0;
}

/*material*/
.material {
    position: relative;
}

    .material:after {
        background-color: rgba(124, 126, 128, 0.33);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: auto;
        transition: width 0.25s ease 0s;
        width: 0;
    }

    .material.active:after {
        width: 100%;
    }

    .material > label {
        display: inline-block !important;
        opacity: 0.6;
        pointer-events: none;
        transform: translateY(32px);
        transition: transform 0.25s ease 0s;
    }

    .material.active > label {
        color: rgba(124, 126, 128, 0.33);
        opacity: 1;
        transform: translateY(12px);
    }

    .material.required > label:after {
        color: rgb(255, 0, 0);
        content: " *";
    }

    .material > input, .material > select, .material > textarea, .material.active > input, .material.active > select, .material.active > textarea {
        border-radius: 0;
        border-style: none none solid;
        border-width: medium medium 1px;
        box-shadow: none !important;
        padding-left: 0;
        padding-right: 0;
    }

    .material > textarea {
        display: block;
        overflow-y: hidden;
        resize: vertical;
    }

    .material > select {
        background: transparent url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>") no-repeat scroll right center;
        opacity: 0.4;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-right: 1.5em !important;
    }

        .material > select::-ms-expand {
            display: none;
        }

    /*hide_placeholder*/
    .material > input::-webkit-input-placeholder {
        color: transparent;
    }

    .material > input::-moz-placeholder {
        color: transparent;
    }

    .material > input:-ms-input-placeholder {
        color: transparent;
    }

    .material > textarea::-webkit-input-placeholder {
        color: transparent;
    }

    .material > textarea::-moz-placeholder {
        color: transparent;
    }

    .material > textarea:-ms-input-placeholder {
        color: transparent;
    }

/*--------------------
    Checkbox\Radio
---------------------*/
input + label {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 1em;
}

/*Static checkbox end radio for label + input*/
.pollanswer, .vote, .checkbox {
    align-items: center;
    display: flex;
    position: relative;
    width: auto;
}

    .pollanswer > input, .vote > input, .checkbox > input {
        align-self: flex-start;
        display: none;
        margin: 0;
        min-height: 24px;
        min-width: 24px;
        padding: 0;
    }

    .pollanswer input[type="checkbox"] + label, .pollanswer input[type="radio"] + label, .vote input[type="checkbox"] + label, .vote input[type="radio"] + label, .checkbox input[type="checkbox"] + label, .checkbox input[type="radio"] + label {
        align-items: center;
        cursor: pointer;
        display: flex;
        padding-left: 0;
    }

        .pollanswer input[type="checkbox"] + label:before, .pollanswer input[type="radio"] + label:before, .vote input[type="checkbox"] + label:before, .vote input[type="radio"] + label:before, .checkbox input[type="checkbox"] + label:before, .checkbox input[type="radio"] + label:before {
            font-family: "Icons";
            font-size: 140%;
            margin-right: 0.4em;
            transition: all 0.25s ease 0s;
        }

        /*checkbox*/
        .pollanswer input[type="checkbox"] + label:before, .vote input[type="checkbox"] + label:before, .checkbox input[type="checkbox"] + label:before {
            color: rgb(124, 126, 128);
            content: "\e90c";
        }

    .pollanswer input[type="checkbox"]:checked + label:before, .vote input[type="checkbox"]:checked + label:before, .checkbox input[type="checkbox"]:checked + label:before {
        color: rgb(124, 126, 128);
        content: "\e90b";
    }

    /*radio*/
    .pollanswer input[type="radio"] + label:before, .vote input[type="radio"] + label:before, .checkbox input[type="radio"] + label:before {
        color: rgb(124, 126, 128);
        content: "\e93b";
    }

    .pollanswer input[type="radio"]:checked + label:before, .vote input[type="radio"]:checked + label:before, .checkbox input[type="radio"]:checked + label:before {
        color: rgb(124, 126, 128);
        content: "\e93a";
    }

/*------------
	Tabs
------------*/
.tabs__nav {
    border-bottom: 1px solid rgba(124, 126, 128, 0.33);
    position: relative;
}

    .tabs__nav .tabs__nav-item {
        align-items: center;
        display: flex;
        padding-bottom: 1em;
        padding-top: 1em;
        position: relative;
    }

        .tabs__nav .tabs__nav-item.active {
            color: rgb(124, 126, 128);
        }

            .tabs__nav .tabs__nav-item.active:before {
                background-color: rgb(124, 126, 128);
                bottom: -1px;
                content: "";
                height: 3px;
                left: 0;
                margin-bottom: -1px;
                position: absolute;
                right: 0;
            }

.tabs__content {
}

    .tabs__content .tabs__content-item {
        display: none;
    }

        .tabs__content .tabs__content-item.active {
            display: block;
        }

/*-----------------
    Owl-Carusel
-----------------*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px);
        z-index: 1;
    }

        .owl-carousel .owl-stage-outer + div.top-right {
            z-index: 2;
        }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

/* Owl Carousel - Auto Height Plugin */
.owl-height {
    transition: height 500ms ease-in-out;
}

/* Owl Carousel + */
.masthead_owl-nav {
    background-color: rgb(124, 126, 128);
    border-radius: 4px;
    bottom: auto;
    left: auto;
    padding: 0.6em;
    position: absolute;
    right: 0.8em;
    top: 0.8em;
}

    .masthead_owl-nav button + button {
        margin-left: 0.6em;
    }

.owl-title {
    bottom: 0;
    left: 0;
    padding: 0.8em;
    position: absolute;
    right: 0;
    transition: all 0.33s ease 0s;
    z-index: 1;
}

    .owl-title::before {
        background-color: rgba(0, 0, 0, 0.33);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

.owl-item a:hover .owl-title {
    background-color: rgba(0, 0, 0, 0.66);
}

    .owl-item a:hover .owl-title.hoverable__truncate .truncate {
        white-space: inherit;
    }

/*animate_title*/
.owl-item.active .owl-title {
    animation-name: fadeIn;
    animation-duration: 2s;
}

/*z-index*/
.z-i_0 {
    z-index: 0;
}

.z-i_1 {
    z-index: 1;
}

.z-i_2 {
    z-index: 2;
}

/*------------------------------
    Styles for template.tpl
-------------------------------*/
.story__content:after {
    clear: both;
    content: "";
    display: block;
}

/*include\footer.tpl*/
.counters a.count {
    display: inline-block;
    height: 31px;
    vertical-align: middle;
    width: 88px
}

.counters a.count {
    background: rgba(0,0,0,0) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAMAAABUFvrSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDMTE1Q0ZFRDM1NzExRTVCRDU3RTkyRDVGQTE1NTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDMTE1Q0ZGRDM1NzExRTVCRDU3RTkyRDVGQTE1NTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0MxMTVDRkNEMzU3MTFFNUJENTdFOTJENUZBMTU1NUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MxMTVDRkREMzU3MTFFNUJENTdFOTJENUZBMTU1NUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4QBk+HAAAABlBMVEXd3d0AAACunGySAAAAHElEQVR42uzBAQ0AAADCoPdPbQ43oAAA4M4EGAAKxwABjfCHKQAAAABJRU5ErkJggg==') repeat scroll 0 0
}

/*search-form*/
.search-form {
    position: relative;
}

    .search-form .search-form__input {
        border-color: rgba(124, 126, 128, 0.25);
        padding-right: 2.4em;
        width: 100%;
    }

        .search-form .search-form__input::-webkit-input-placeholder {
            color: rgba(124, 126, 128, 0.5);
        }

        .search-form .search-form__input:hover, .search-form .search-form__input:focus {
            border-color: rgba(124, 126, 128, 0.5);
            box-shadow: none;
        }

    .search-form .search-form__button {
        background-color: rgba(0, 0, 0, 0);
        border-width: 0;
        bottom: 0;
        box-shadow: -1px 0 0 0 rgba(124, 126, 128, 0.25);
        color: inherit;
        cursor: pointer;
        left: auto;
        line-height: 100%;
        opacity: 0.75;
        position: absolute;
        right: 0;
        top: 0;
    }

    .search-form .search-form__input:hover ~ .search-form__button, .search-form .search-form__input:focus ~ .search-form__button {
        box-shadow: -1px 0 0 0 rgba(124, 126, 128, 0.5);
        opacity: 1;
    }

/*search for phone*/
@media (max-width: 576px) {
    .searchOut {
        background-color: rgba(124, 126, 128, 0.5);
        bottom: auto;
        color: rgba(224, 226, 228, 0.75);
        display: none;
        left: 0;
        padding: 1.4em;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 7;
    }

        .searchOut.sd__drop-menu--active {
            display: block;
        }

            .searchOut.sd__drop-menu--active .search-form .search-form__input {
                border-color: rgba(224, 226, 228, 0.75);
            }

                .searchOut.sd__drop-menu--active .search-form .search-form__input:hover, .searchOut.sd__drop-menu--active .search-form .search-form__input:focus {
                    border-color: rgba(224, 226, 228, 0.75);
                }
}

/*arhiv*/
.arhiv {
    overflow: hidden;
}

    .arhiv .archives {
        display: flex;
        font-size: 90%;
        margin-bottom: 0.6em;
    }

        .arhiv .archives + br {
            display: none;
        }

        .arhiv .archives:last-child {
            margin-bottom: 0;
        }

#dle_news_archive_link {
    border-top: 1px solid rgba(124, 126, 128, 0.33);
    margin-top: 0.8em;
    padding-top: 0.8em;
}

    #dle_news_archive_link > br {
        display: none;
    }

    #dle_news_archive_link .archives {
        margin-bottom: 0;
    }

/*vote_popup*/
#dlevotespopupcontent .dlevotebutton {
    float: right;
    width: auto;
}

    #dlevotespopupcontent .dlevotebutton + br, #dlevotespopupcontent .dlevotebutton + br + br {
        display: none;
    }

/*addcomments.tpl*/
.comments_subscribe {
    cursor: pointer;
    margin-bottom: 0;
}

    .comments_subscribe > input {
        margin-right: 0.6em;
        width: auto;
    }

.mass_comments_action {
    display: none;
    margin-bottom: 0.8em;
    text-align: right;
}

/*addnews.tpl*/
.addnews .checkbox label {
    cursor: pointer;
}

    .addnews .checkbox label input {
        margin: 0 0.8em 0.8em 0;
        width: auto;
    }

/*categorymenu.tpl*/
.menu__ul, .menu__li {
    position: relative;
}

.menu__a {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    font-size: 90%;
    font-weight: 500;
    position: relative;
    transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, box-shadow 0.25s ease 0s;
}

    .menu__a .menu__name {
        margin: 0.6em 0;
    }

    .menu__a .menu__count {
        align-self: flex-start;
        margin: 0.6em 0 0.6em auto;
    }

.sbmenu .menu__a .menu__name {
    margin-left: 0.6em;
}

.sbmenu .menu__a .menu__count {
    margin-right: 0.6em;
}

    .menu__a.menu__parent .menu__plus {
        align-items: center;
        align-self: stretch;
        box-shadow: none;/*-1px 0 0 0 rgba(124, 126, 128, 0.25) inset*/
        display: flex;
        font-weight: 700;
        margin: 0;
        padding: 0 1em 0 0;
    }

.sbmenu .menu__a.menu__parent .menu__plus {
    padding-left: 1em;
}

    .menu__a .menu__arrow {
        display: none;
    }

    .menu__a + .menu__ul {
        display: none;
        padding-left: 1.25em;
    }

/*+ Caret*/
.caret-down__toggle {
    transition: transform 0.5s ease 0s;
}

    .caret-down__toggle.open {
        transform: rotate(180deg);
    }

/*comments.tpl*/
.comments__avatar {
    border: 1px solid rgba(124, 126, 128, 0.33);
    display: flex;
    height: 42px;
    position: relative;
    width: 42px;
}

    .comments__avatar.rootcomments {
        height: 52px;
        width: 52px;
    }

    .comments__avatar img {
        background-size: cover;
        flex-basis: 0;
        flex-grow: 1;
        object-fit: cover;
    }

    .comments__avatar .online {
        background-color: rgb(0, 128, 0);
        border: 2px solid rgb(255, 255, 255);
        border-radius: 50%;
        bottom: 5%;
        color: rgba(0, 0, 0, 0);
        height: 10px;
        position: absolute;
        right: 0;
        width: 10px;
    }

.comments-tree-list {
    list-style-type: none;
    padding-left: 0;
}

    .comments-tree-list .comments-tree-list {
        padding-left: calc(0.8em + 1vw);
    }

#dlefastreplycomments {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
    margin-bottom: 0.8em;
    padding: 0.8em;
}

    #dlefastreplycomments textarea {
        margin-top: 0.8em;
    }

/*feedback.tpl*/
.addfiles {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/*fullstory.tpl*/
.fullstory .tags a {
    margin-bottom: 0;
}

    .fullstory .tags a:before {
        content: "# ";
    }

/*info.tpl*/
.info ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

.info li {
    list-style-type: none;
}

.dle-popup-alert ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

/*login.tpl*/
@media (max-width: 576px) {
    .h_login-dialog {
        padding: 0.6em;
    }
}

.sd__modal--overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.66);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7;
}

    .sd__modal--overlay.visible {
        display: flex;
    }

.sd__dialog {
    background-color: rgb(255, 255, 255);
    border-radius: 0.24em;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.87);
    cursor: default;
    max-width: 340px;
    padding: 0.8em;
    position: relative;
    z-index: 7 !important;
}

.visible .sd__dialog {
    max-height: 98%;
    overflow-y: auto;
}

.sd__dialog-titlebar {
    align-items: center;
    border-bottom: 1px solid rgba(124, 126, 128, 0.33);
    display: flex;
    justify-content: center;
    padding-bottom: 0.8em;
}

.sd__dialog-content {
    padding: 0.8em 0;
}

.sd__dialog-buttonpane {
    border-top: 1px solid rgba(124, 126, 128, 0.33);
    padding-top: 0.8em;
}

.sd__dialog-buttonset {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/*navigation.tpl*/
.navigation {
    overflow-x: auto;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

    .navigation .pages, .navigation .nextprev {
        display: flex;
    }

        .navigation .pages > *, .navigation .nextprev > * {
            background-color: rgba(128, 126, 124, 0.15);
            border-radius: 2px;
            display: flex;
            justify-content: center;
            line-height: 100%;
            transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s;
        }

        .navigation .pages > * {
            padding: 0.6em 0.8em;
            margin-right: 0.6em;
        }

            .navigation .pages > *:last-child {
                margin-right: 0;
            }

        .navigation .nextprev > * {
            padding: 0.6em;
        }

        .navigation .pages a, .navigation .nextprev a {
            background-color: rgba(128, 126, 124, 0.25);
            color: rgba(24, 26, 28, 0.75);
        }

            .navigation .pages a:hover, .navigation .nextprev a:hover {
                background-color: rgba(128, 126, 124, 0.75);
                color: rgba(224, 226, 228, 0.75) !important;
            }

/*pm.tpl*/
.pm_outbox_copy > input {
    margin-right: 0.25rem;
    width: auto;
}

.pm table select[name="doaction"], .pm table input[type="submit"] {
    width: auto;
}

/*profile_popup.tpl*/
.profile_popup {
    font-size: 14px;
}

/*registration.tpl*/
#result-registration li {
    list-style-type: none;
}

/*story_profile_info*/
.story .profile_info {
    flex: 0 0 200px;
    width: 200px;
}

/*search.tpl*/
@media (max-width: 576px) {
    #dofullsearch {
        margin-top: 0.6em;
    }
}

/*sort*/
.sd__drop-wrp .sort {
    background-color: rgb(255, 255, 255);
    border-radius: 0.24em;
    bottom: auto;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    display: none;
    left: auto;
    padding: 0.6em;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
}

    .sd__drop-wrp .sort.sd__drop-menu--active {
        display: block;
    }

    .sd__drop-wrp .sort li {
        padding-bottom: 2px;
        padding-top: 2px;
    }

        .sd__drop-wrp .sort li:first-child {
            padding-left: calc(0.25rem + 0.25vw);
        }

        .sd__drop-wrp .sort li.asc {
            font-weight: 700;
        }

        .sd__drop-wrp .sort li a {
            display: block;
        }

/*static.tpl*/
.static p.pages:not(:empty) {
    clear: both;
    margin-top: 1em;
}

/*tagscloud.tpl*/
.tags {
    display: flex;
    flex-wrap: wrap;
}

    .tags a {
        background-color: rgba(124, 126, 128, 0.075);
        border-radius: 2px;
        color: rgba(4, 6, 8, 0.75);
        display: inline-block;
        font-size: 90%;
        line-height_: 100%;
        margin: 0 0.4em 0.4em 0;
        padding: 0.24em 0.6em;
        transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s;
    }

        .tags a:hover {
            background-color: rgba(124, 126, 128, 0.75);
            color: rgba(224, 226, 228, 0.75) !important;
        }

/*userinfo.tpl*/
.add_avatar {
    position: relative;
}

    .add_avatar > label[for="file"] {
        cursor: pointer;
    }

    .add_avatar > input[type="file"] {
        bottom: 0;
        cursor: pointer;
        left: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

.userinfo .checkbox {
    width: 100%;
}
/* DLE 16.1 */
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
/* DLE 17.0 */
.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}
/* DLE 17.1 */
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}
/* DLE 17.3 */
.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
    cursor: pointer;
}
.form-check-input {
    color: #0c5f7eed;
    flex-shrink: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin: -0.188rem 0.625rem 0 0;
    appearance: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #0c5f7eed;
    vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}
/* DLE 17.x */