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

/*-------------------
    Color-Theme
-------------------*/
.theme-primary {
    background-color: rgb(44, 59, 77) !important;
    color: rgb(255, 255, 255) !important;
}

/*primary background\division*/
.b_primary-100 {
    background: rgb(168, 183, 201) !important;
}

.b_primary-200 {
    background: rgb(143, 158, 176) !important;
}

.b_primary-300 {
    background: rgb(110, 125, 143) !important;
}

.b_primary-400 {
    background: rgb(77, 92, 110) !important;
}

.b_primary-500 {
    background: rgb(44, 59, 77) !important;
}

.b_primary-600 {
    background: rgb(11, 26, 44) !important;
}

.b_primary-700 {
    background: rgb(0, 0, 11) !important;
}

.b_primary-800 {
    background: rgb(0, 0, 0) !important;
}

.b_primary-900 {
    background: rgb(0, 0, 0) !important;
}

.theme-secondary {
    background-color: rgb(3, 169, 244) !important;
    color: rgb(255, 255, 255) !important;
}

/*secondary background\division*/
.b_secondary-100 {
    background: rgb(127, 255, 255) !important;
}

.b_secondary-200 {
    background: rgb(102, 255, 255) !important;
}

.b_secondary-300 {
    background: rgb(69, 235, 255) !important;
}

.b_secondary-400 {
    background: rgb(36, 202, 255) !important;
}

.b_secondary-500 {
    background: rgb(3, 169, 244) !important;
}

.b_secondary-600 {
    background: rgb(0, 136, 211) !important;
}

.b_secondary-700 {
    background: rgb(0, 103, 178) !important;
}

.b_secondary-800 {
    background: rgb(0, 70, 145) !important;
}

.b_secondary-900 {
    background: rgb(0, 45, 120) !important;
}

.theme-accent {
    background-color: rgb(96, 125, 139) !important;
    color: rgb(255, 255, 255) !important;
}

/*accent background\division*/
.b_accent-100 {
    background: rgb(220, 249, 255) !important;
}

.b_accent-200 {
    background: rgb(195, 224, 238) !important;
}

.b_accent-300 {
    background: rgb(162, 191, 205) !important;
}

.b_accent-400 {
    background: rgb(129, 158, 172) !important;
}

.b_accent-500 {
    background: rgb(96, 125, 139) !important;
}

.b_accent-600 {
    background: rgb(63, 92, 106) !important;
}

.b_accent-700 {
    background: rgb(30, 59, 73) !important;
}

.b_accent-800 {
    background: rgb(0, 26, 40) !important;
}

.b_accent-900 {
    background: rgb(0, 1, 15) !important;
}

.text-primary {
    color: rgb(44, 59, 77);
}

.text-secondary {
    color: rgb(3, 169, 244);
}

.text-accent {
    color: rgb(96, 125, 139);
}

.b-c_primary {
    background-color: rgb(44, 59, 77) !important;
}

.b-c_secondary {
    background-color: rgb(3, 169, 244) !important;
}

.b-c_accent {
    background-color: rgb(96, 125, 139) !important;
}

.color-primary {
    color: rgb(255, 255, 255);
}

.color-secondary {
    color: rgb(255, 255, 255);
}

.color-accent {
    color: rgb(255, 255, 255);
}

.border-c_primary {
    border-color: rgb(44, 59, 77);
}

.border-c_secondary {
    border-color: rgb(3, 169, 244);
}

.border-c_accent {
    border-color: rgb(96, 125, 139);
}

.b-c_transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}

.theme-primary_hover, .theme-secondary_hover, .theme-accent_hover {
    transition: background-color 0.5s ease 0s, color 0.5s ease 0s;
}

    .theme-primary_hover:hover {
        background-color: rgb(44, 59, 77) !important;
        color: rgb(255, 255, 255) !important;
    }

    .theme-secondary_hover:hover {
        background-color: rgb(3, 169, 244) !important;
        color: rgb(255, 255, 255) !important;
    }

    .theme-accent_hover:hover {
        background-color: rgb(96, 125, 139) !important;
        color: rgb(255, 255, 255) !important;
    }

.text-muted {
    color: rgb(147, 156, 176) !important;
}

/*Tooltip*/
#tooltip {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(32, 34, 36, 0.25);
    box-shadow: 0 2px 4px 0 rgba(32, 34, 36, 0.25), 0 2px 10px 0 rgba(32, 34, 36, 0.25);
    color: rgb(32, 34, 36);
}
    /* Arrow */
    #tooltip:after {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 1px 1px 0 0 rgba(32, 34, 36, 0.25);
    }


/*Animate Hover*/
.hover__fadeInUnderline:before {
    background-color: rgb(96, 125, 139);
}

.quote, .title_quote {
    border-left-color: rgb(96, 125, 139);
}

/*Link*/
a {
    background-color: transparent;
    color: inherit;
    outline: none;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}

    .story__content a, a:hover {
        color: rgb(96, 125, 139);
        text-decoration: none;
    }

/*ol_list\ul_list*/
ol.ol_list.ol_primary li:before, ul.ol_list.ol_primary li:before {
    color: rgb(44, 59, 77);
}

ol.ol_list.ol_secondary li:before, ul.ol_list.ol_secondary li:before {
    color: rgb(3, 169, 244);
}

ol.ol_list.ol_accent li:before, ul.ol_list.ol_accent li:before {
    color: rgb(96, 125, 139);
}

ol.ol_list.ol_hover_primary li:hover:before, ul.ol_list.ol_hover_primary li:hover:before {
    color: rgb(44, 59, 77);
}

ol.ol_list.ol_hover_secondary li:hover:before, ul.ol_list.ol_hover_secondary li:hover:before {
    color: rgb(3, 169, 244);
}

ol.ol_list.ol_hover_accent li:hover:before, ul.ol_list.ol_hover_accent li:hover:before {
    color: rgb(96, 125, 139);
}

ol.ul_list.ul_primary li:before, ul.ul_list.ul_primary li:before {
    background-color: rgb(44, 59, 77);
}

ol.ul_list.ul_secondary li:before, ul.ul_list.ul_secondary li:before {
    background-color: rgb(3, 169, 244);
}

ol.ul_list.ul_accent li:before, ul.ul_list.ul_accent li:before {
    background-color: rgb(96, 125, 139);
}

ol.ul_list.ul_hover_primary li:hover:before, ul.ul_list.ul_hover_primary li:hover:before {
    background-color: rgb(44, 59, 77);
}

ol.ul_list.ul_hover_secondary li:hover:before, ul.ul_list.ul_hover_secondary li:hover:before {
    background-color: rgb(3, 169, 244);
}

ol.ul_list.ul_hover_accent li:hover:before, ul.ul_list.ul_hover_accent li:hover:before {
    background-color: rgb(96, 125, 139);
}

ol.ol_list.ul_hover_primary li:hover:before, ul.ol_list.ul_hover_primary li:hover:before {
    color: rgb(44, 59, 77);
}

ol.ol_list.ul_hover_secondary li:hover:before, ul.ol_list.ul_hover_secondary li:hover:before {
    color: rgb(3, 169, 244);
}

ol.ol_list.ul_hover_accent li:hover:before, ul.ol_list.ul_hover_accent li:hover:before {
    color: rgb(96, 125, 139);
}

/*-----------
    Layout
------------*/
/*wrapper*/
.sd__wrapper {
    background: rgba(0, 0, 0, 1) url('../images/bg.jpg') no-repeat fixed 0 0 / cover;
    font-size: 100%;
    padding-bottom: 0%;
}

/*Container*/
.sd__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1533px;
    width: 100%;
}

section.sd__list {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/pattern.jpg");
    margin-top: 0%;
}

@media (max-width: 1533px) {
    section.sd__list {
        margin-top: 0;
    }
}

.head_wrapper {
    background: rgba(0, 0, 0, 0) url("../images/head_line.jpg") no-repeat scroll 0 0 / cover;
    position: relative;
}

/*-------------
    Button
-------------*/
.ui-button, .bbcodes, .btn-text, .btn-outlined, .btn-raised {
    border: 2px solid transparent;
    border-radius: 4px;
}

/*.btn-text*/
.btn-text, .story__content .btn-text {
    background-color: rgb(255, 255, 255);
    color: rgb(24, 26, 28);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

    .btn-text:hover, .story__content .btn-text:hover, .btn-text.active, .story__content .btn-text.active {
        background-color: rgb(224, 226, 228);
        color: rgb(20, 22, 24);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

/*.ui-button\.bbcodes*/
.ui-button, .bbcodes, .story__content .ui-button, .story__content .bbcodes {
    background-color: rgba(128, 126, 124, 0.15);
    border-color: rgba(0, 0, 0, 0);
    color: inherit;
    box-shadow: none;
    width: auto;
}

    .ui-button:hover, .story__content .ui-button:hover, .ui-button.active, .story__content .ui-button.active, .bbcodes:hover, .story__content .bbcodes:hover, .bbcodes.active, .story__content .bbcodes.active {
        background-color: rgba(128, 126, 124, 0.33);
        color: inherit;
        box-shadow: none;
    }

/*.btn-outlined*/
.btn-outlined, .story__content .btn-outlined {
    border-color: rgb(96, 125, 139);
    color: rgb(96, 125, 139);
}

    .btn-outlined:hover, .btn-outlined.active, .story__content .btn-outlined:hover, .story__content .btn-outlined.active {
        background-color: rgb(96, 125, 139);
        border-color: rgb(96, 125, 139);
        color: rgb(255, 255, 255);
    }

/*.btn-raised*/
.btn-raised, .story__content .btn-raised {
    background-color: rgb(96, 125, 139);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
}

    .btn-raised:hover, .btn-raised.active, .story__content .btn-raised:hover, .story__content .btn-raised.active {
        background-color: rgb(96, 125, 139);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        color: rgb(255, 255, 255);
    }

/*-----------
    Badge
-----------*/
.badge_primary {
    background-color: rgb(44, 59, 77);
    color: rgb(255, 255, 255);
}

.badge_secondary {
    background-color: rgb(3, 169, 244);
    color: rgb(255, 255, 255);
}

.badge_accent {
    background-color: rgb(96, 125, 139);
    color: rgb(255, 255, 255);
}

/*-----------
    Form
-----------*/
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: rgb(44, 59, 77);
    box-shadow: 0 0 0 1px rgb(44, 59, 77);
    outline: 0;
}

/*material*/
.material:after {
    background-color: rgb(44, 59, 77);
}

.material.active > label {
    color: rgb(44, 59, 77);
}

/*--------------------
    Checkbox\Radio
---------------------*/

/*checkbox*/
.pollanswer input[type="checkbox"]:checked + label:before, .vote input[type="checkbox"]:checked + label:before, .checkbox input[type="checkbox"]:checked + label:before {
    color: rgb(96, 125, 139);
}

/*radio*/
.pollanswer input[type="radio"]:checked + label:before, .vote input[type="radio"]:checked + label:before, .checkbox input[type="radio"]:checked + label:before {
    color: rgb(96, 125, 139);
}

/*------------
	Tabs
------------*/
.tabs__nav .tabs__nav-item.active {
    color: rgb(96, 125, 139);
}

    .tabs__nav .tabs__nav-item.active:before {
        background-color: rgb(96, 125, 139);
    }

/* Owl Carousel + */
.masthead_owl-nav {
    background-color: rgb(96, 125, 139);
}

/*------------
    Rating
------------*/

.rating > a {
    padding: 2px;
}

/*------------------------------
    Styles for template.tpl
-------------------------------*/

/*include\footer.tpl*/
footer.footer_b-c {
    background-color: rgba(44, 59, 77, 1);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    position: relative;
}

/*include\header.tpl*/
header.header_b-c {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 7;
}

/*search-form*/
#fullsearch {
    width: 100%;
}

.search-form {
    background-color: rgba(128, 126, 124, 0.15);
    overflow: hidden;
    transition: all 0.33s ease 0s;
}

    .search-form:hover {
        background-color: rgba(128, 126, 124, 0.33);
    }

    .search-form .search-form__input::-webkit-input-placeholder {
        color: rgb(255, 255, 255);
    }

    .search-form .search-form__input, .search-form .search-form__input:hover, .search-form .search-form__input:focus {
        border-color: rgba(0, 0, 0, 0);
        padding-right: 10%;
    }

    .search-form .search-form__button {
        box-shadow: none;
        transition: color 0.33s ease 0s;
    }

        .search-form .search-form__button:hover, .search-form .search-form__input:hover ~ .search-form__button, .search-form .search-form__input:focus ~ .search-form__button {
            box-shadow: none;
            opacity: 1;
        }

/*search for phone*/
@media (max-width: 576px) {
    .searchOut {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 10px 10px -8px rgb(0, 0, 0);
        color: rgb(0, 0, 0);
    }

        .searchOut.sd__drop-menu--active .search-form .search-form__input {
            border-color: rgba(255, 255, 255, 0.22);
        }

            .searchOut.sd__drop-menu--active .search-form .search-form__input:hover, .searchOut.sd__drop-menu--active .search-form .search-form__input:focus {
                border-color: rgb(255, 255, 255);
            }
}

/*include\masthead.tpl*/
section.masthead_b-c {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    position: relative;
}

/*include\sidebar.tpl*/
.sbstory {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(32, 34, 36);
}

.sbstory .sbstory__title {
    font-size: 115%;
    margin-bottom: 0;
}

/*sb__cat-menu*/
.sb__cat-menu.sbstory {
    background-color: rgba(0, 0, 0, 0.71);
    color: rgb(255, 255, 255);
}

/*sb__cat-menu_item*/
.sb__cat-menu .menu__a {
    box-shadow_: 0 0 0 1px rgba(124, 126, 128, 0.24);
    margin: 0.8em 0;
}

.sb__cat-menu .menu__li:first-child .menu__a {
    margin-top: 0;
}

.sb__cat-menu .menu__li:last-child .menu__a {
    margin-bottom: 0;
}

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

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

.sb__cat-menu .menu__li:last-child .menu__a + .menu__ul {
    margin-top: 0.8em;
}

.sb__cat-menu .menu__a.menu__parent .menu__plus {
    box-shadow: 1px 0 0 0 rgba(124, 126, 128, 0.25);
    padding-left: 1em;
}

/*sb__cat-menu--transparent*/
.sb__cat-menu.sb__cat-menu--transparent {
    background-color: transparent;
    color: inherit;
}

    .sb__cat-menu.sb__cat-menu--transparent .menu__a {
        background-color: rgba(0, 0, 0, 0.71);
        box-shadow: none;
        color: rgb(255, 255, 255);
    }

/*sb__static-menu*/
.sb__static-menu.sbstory {
    background-color: rgba(0, 0, 0, 0.72);
    color: rgb(255, 255, 255);
}

/*sb__static-menu_item*/
.sb__static-menu .menu__a {
    box-shadow_: 0 0 0 1px rgba(124, 126, 128, 0.25);
    margin: 0.8em 0;
}

.sb__static-menu .menu__li:first-child .menu__a {
    margin-top: 0;
}

.sb__static-menu .menu__li:last-child .menu__a {
    margin-bottom: 0;
}

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

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

.sb__static-menu .menu__li:last-child .menu__a + .menu__ul {
    margin-top: 0.8em;
}

.sb__static-menu .menu__a.menu__parent .menu__plus {
    box-shadow_: 1px 0 0 0 rgba(124, 126, 128, 0.25);
    padding-left: 1em;
}

/*sb__static-menu--transparent*/
.sb__static-menu.sb__static-menu--transparent {
    background-color: transparent;
    color: inherit;
}

    .sb__static-menu.sb__static-menu--transparent .menu__a {
        background-color: rgba(0, 0, 0, 0.72);
        box-shadow: none;
        color: rgb(255, 255, 255);
    }

/*calendar*/
table.calendar {
    background-color: rgb(252, 249, 246);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.85);
    padding: 0.8em;
}

    table.calendar tr th.monthselect {
        background-color: rgb(255, 255, 255);
        border-radius: 0.25em;
        font-size: 115%;
        font-weight: 500;
    }

    table.calendar tr th, table.calendar tr td {
        border: 1px solid rgb(246, 249, 252);
    }

        table.calendar tr td.day-active-v {
            background-color: rgb(255, 255, 255);
            color: rgb(96, 125, 139);
        }

/*calendar_theme-primary*/
.theme-primary tbody tr th.monthselect {
    background-color: rgb(44, 59, 77);
    color: rgb(255, 255, 255);
}

/*calendar_theme-secondary*/
.theme-secondary tbody tr th.monthselect {
    background-color: rgb(3, 169, 244);
    color: rgb(255, 255, 255);
}

/*calendar_theme-accent*/
.theme-accent tbody tr th.monthselect {
    background-color: rgb(96, 125, 139);
    color: rgb(255, 255, 255);
}

/*include\subcontent.tpl*/
section.subcontent_b-c {
    background-color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    position: relative;
}

/*include\subheader.tpl*/
section.subheader_b-c {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(255, 255, 255);
    position: relative;
}

/*comments.tpl*/
.comments.story, #dlefastreplycomments {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 34, 36);
}

/*info.tpl*/
.info.story {
    background-color: rgba(255, 255, 255, 1);
    color: rgb(32, 34, 36);
}

/*main.tpl*/
.sortbar {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

    .sortbar .sd__drop-wrp .sort {
        margin-top: 0.75em;
        padding-bottom: 0.75em;
        padding-top: 0.75em;
    }

        .sortbar .sd__drop-wrp .sort li {
            align-items: center;
            display: flex;
            margin-bottom: 0.25em;
            text-decoration: none;
            text-transform: capitalize;
        }

            .sortbar .sd__drop-wrp .sort li:before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='grey' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E");
                content: "";
                height: 18px;
                width: 18px;
            }

            .sortbar .sd__drop-wrp .sort li.asc:before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E");
            }

            .sortbar .sd__drop-wrp .sort li a {
                margin-left: 0.75em;
            }

/*navigation.tpl*/
.navigation.story {
    background-color: rgba(255, 255, 255, 1);
    color: rgb(32, 34, 36);
}

.navigation .pages > *, .navigation .nextprev > * {
    border-radius: 4px;
}

.navigation .pages a, .navigation .nextprev a {
    background-color: rgb(96, 125, 139);
    color: rgb(255, 255, 255);
}

    .navigation .pages a:hover, .navigation .nextprev a:hover {
        background-color: rgb(96, 125, 139);
        color: rgb(255, 255, 255) !important;
    }

/*relatednews.tpl*/
.related-news.story {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 34, 36);
}

/*shortstory.tpl*/
.story {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    color: rgb(32, 34, 36);
}

    .story .story__meta {
        font-size: 90%;
        font-weight: 500;
    }

    .story .story__content {
        line-height: 1.4994; /*1.428 + 5%*/
        text-align: inherit;
    }

/*tagscloud.tpl*/
.tags a {
    background-color: rgb(96, 125, 139);
    border-radius: 4px;
    color: rgb(255, 255, 255);
}

    .tags a:hover {
        background-color: rgb(96, 125, 139);
        color: rgb(255, 255, 255) !important;
    }

/*+++*/
.bg_after_gradient:after {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75) 100%) no-repeat scroll 0 0;
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.bg_before_gradient:before {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75) 100%) no-repeat scroll 0 0;
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.bg_after:after {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.bg_before:before {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}