/* Version: 13.0.0.0 */
/* Author: Alexandr Merzlyakov */
/* Author URI: http://skinsdle.com */

@import "color.css";
@import "button.css";
@import "chip.css";
@import "drawer.css";
@import "form.css";
@import "grid.css";
@import "helper.css";
@import "slider.css";
@import "soclinks.css";
@import "visually.css";

/*Styles.css*/

@font-face {font-family: "Roboto";src: url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff");font-weight: 100;}
@font-face {font-family: "Roboto";src: url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff");font-weight: 300;}
@font-face {font-family: "Roboto";src: url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff");font-weight: 400;}
@font-face {font-family: "Roboto";src: url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff");font-weight: 500;}
@font-face {font-family: "Roboto";src: url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff");font-weight: 700;}

/* Icons.css */
@font-face {
    font-family: 'Material Icons';
    src: local('Material Icons'),local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {direction: ltr;display: block;float: none;font-family: "Material Icons";font-feature-settings: "liga";font-size: inherit;font-style: normal;font-weight: normal;letter-spacing: normal;opacity:.85;text-rendering: optimizelegibility;text-transform: none;vertical-align: middle;white-space: nowrap;word-wrap: normal;transition: opacity 0.25s ease 0s;}
.material-icons:hover {opacity:.95;}
.material-icons.left {float:left;margin-right:.5rem}
.material-icons.right {float:right;margin-left:.5rem}
/*Phone*/
/*Phone*/
@media (max-width: 576px) {
  .material-icons.left { margin-right: .25rem; }
  .material-icons.right { margin-left: .25rem; }
}

.material-icons.fs100 {font-size: 100%}
.material-icons.fs150 {font-size: 150%}
.material-icons.fs200 {font-size: 200%}
.material-icons.fs250 {font-size: 250%}
.material-icons.fs300 {font-size: 300%}
.material-icons.fs350 {font-size: 350%}
.material-icons.fs400 {font-size: 400%}
.material-icons.fs450 {font-size: 450%}
.material-icons.fs500 {font-size: 500%}
.material-icons.fs550 {font-size: 550%}
.material-icons.fs600 {font-size: 600%}
.material-icons.fs650 {font-size: 650%}
/* Color-Theme */
.theme-primary{background-color:rgb(4, 33, 73);color:rgba(250, 250, 250, 0.87);}
.theme-accent{background-color:rgb(4, 85, 141);color:rgba(250, 250, 250, 0.87);}
.bg-primary{background-color:rgb(4, 33, 73);}
.bg-accent{background-color:rgb(4, 85, 141);}
.text-primary{color:rgb(4, 33, 73);}
.text-accent{color:rgb(4, 85, 141);}
.b-primary{border-color:rgb(4, 33, 73);}
.b-accent{border-color:rgb(4, 85, 141);}
.sidenav li > a:hover,.sidenav li > a.active{border-left-color: rgb(4, 33, 73);}
.radio-wrp input[type="radio"]:checked ~ .radio-bg {border-color: rgb(4, 85, 141);}
.radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {fill: rgb(4, 85, 141);}
.checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {background-color: rgb(4, 85, 141);border-color: rgb(4, 85, 141);}
.input-field label.active {color: rgb(4, 85, 141);}
.input-field input, .input-field textarea {background-image: linear-gradient(to top, rgb(4, 85, 141) 2px, rgba(0, 0, 0, 0) 0px), linear-gradient(to top, rgba(125, 125, 125, 0.35) 1px, rgba(0, 0, 0, 0) 0px);}
.quote, .title_quote {border-left-color: rgb(4, 85, 141);}
.slider .indicators .indicator-item.active, .carousel .indicators .indicator-item.active , .tabs .indicator {background-color: rgb(4, 85, 141);}
/*Fonts*/
.display-4{font-family:inherit;font-size:700%}
.display-3{font-family:inherit;font-size:350%}
.display-2{font-family:inherit;font-size:275%}
.display-1{font-family:inherit;font-size:150%}
.headline{font-family:inherit;font-size:150%}
.headtitle{font-family:inherit;font-size:100%}
.subhead{font-family:inherit;font-size:100%}
.body-2{font-family:inherit;font-size:90%}
.body-1{font-family:inherit;font-size:90%}
h1,.h1{font-family:inherit;font-size:200%}
h2,.h2{font-family:inherit;font-size:150%}
h3,.h3{font-family:inherit;font-size:115%}
h4,.h4{font-family:inherit;font-size:100%}
h5,.h5{font-family:inherit;font-size:85%}
h6,.h6{font-family:inherit;font-size:65%}
/*Margin*/
.sm{margin:0.75rem}.smt{margin-top:0.75rem}.smr{margin-right:0.75rem}.smb{margin-bottom:0.75rem}.sml{margin-left:0.75rem}
.m{margin:1rem}.mt{margin-top:1rem}.mr{margin-right:1rem}.mb{margin-bottom:1rem}.ml{margin-left:1rem}
/*Phone*/
@media (max-width: 576px){.m{margin:0.75rem}.mt{margin-top:0.75rem}.mr{margin-right:0.75rem}.mb{margin-bottom:0.75rem}.ml{margin-left:0.75rem}}
/*Padding*/
.sp{padding:0.75rem}.spt{padding-top:0.75rem}.spr{padding-right:0.75rem}.spb{padding-bottom:0.75rem}.spl{padding-left:0.75rem}
.p{padding:1rem}.pt{padding-top:1rem}.pr{padding-right:1rem}.pb{padding-bottom:1rem}.pl{padding-left:1rem}
/*Phone*/
@media (max-width: 576px){.p{padding:0.75rem}.pt{padding-top:0.75rem}.pr{padding-right:0.75rem}.pb{padding-bottom:0.75rem}.pl{padding-left:0.75rem}}
/*Position*/
.top-left{bottom:auto;left:1rem;position:absolute;right:auto;top:1rem}
.top-right{bottom:auto;left:auto;position:absolute;right:1rem;top:1rem}
.bottom-left{bottom:1rem;left:1rem;position:absolute;right:auto;top:auto}
.bottom-right{bottom:1rem;left:auto;position:absolute;right:1rem;top:auto}
/*Phone*/
@media (max-width: 576px){.top-left{left:0.75rem;top:0.75rem}.top-right{right:0.75rem;top:0.75rem}.bottom-left{bottom:0.75rem;left:0.75rem}.bottom-right{bottom:0.75rem;right:0.75rem}}
/*Border-radius*/
.border-radius {border-radius: 10px;}
/*Button*/
.btn, .btn-raised, .ui-button, .bbcodes { border-radius: 2px; }
.btn-raised, .btn-raised:hover, .story .btn-raised:hover, .sbstory .btn-raised:hover { background: rgb(4, 85, 141); color: rgba(250, 250, 250, 0.87); }
.btn *, .btn-flat *, .btn-raised *, .ui-button *, .bbcodes * { position: relative;}
.btn-outline-primary {background-color: transparent !important;box-shadow: 0 0 0 2px rgb(4, 33, 73) inset !important;color:rgb(4, 33, 73) !important;opacity:.85;transition: all .3s ease 0s;}
.btn-outline-primary:hover{background-color: rgb(4, 33, 73) !important;box-shadow: 0 0 0 2px rgb(4, 33, 73) inset !important;color:rgba(250, 250, 250, 0.87) !important;opacity:1;}
.btn-outline-accent {background-color: transparent !important;box-shadow: 0 0 0 2px rgb(4, 85, 141) inset !important;color:rgb(4, 85, 141) !important;opacity:.85;transition: all .3s ease 0s;}
.btn-outline-accent:hover{background-color: rgb(4, 85, 141) !important;box-shadow: 0 0 0 2px rgb(4, 85, 141) inset !important;color:rgba(250, 250, 250, 0.87) !important;opacity:1;}
.dropdown-content > li > a, .dropdown-content > li > span{padding-top:0.75rem;padding-bottom:0.75rem}
/*Navigation*/
.navigation span, .navigation a {border-radius: 2px;}
.navigation a { background: rgb(4, 85, 141); color: rgba(250, 250, 250, 0.87); }
.navigation a:hover { background: rgb(4, 85, 141); color: rgba(250, 250, 250, 0.87)!important; }
/*Tags*/
.tags_block .tags a { background: rgb(4, 85, 141); border-radius: 2px; color: rgba(250, 250, 250, 0.87); }
.tags_block .tags a:hover { background: rgb(4, 85, 141); border-radius: 2px; color: rgba(250, 250, 250, 0.87) !important; }
.sidenav .badge { background-color:rgb(4, 85, 141);color:rgba(250, 250, 250, 0.87); }
/*Tooltip*/
#tooltip {background-color: rgb(4, 85, 141);border-radius: 3px;color: rgba(250, 250, 250, 0.87);padding: 8px 10px;position: absolute;text-align: center;z-index: 1003;}
#tooltip:after {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid rgb(4, 85, 141);bottom: -7px;content: "";height: 0;left: 50%;margin-left: -7px;position: absolute;width: 0;}
#tooltip.top:after {border-bottom: 7px solid rgb(4, 85, 141);border-top-color: transparent;bottom: auto;top: -14px;}
#tooltip.left:after {left: 10px;margin: 0;}
#tooltip.right:after {left: auto;margin: 0;right: 10px;}
/*Body*/
body {font-family: Arial;line-height: 1.5;}
/*Link*/
a {color: inherit;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects;transition: color 0.25s ease 0s;}
a:focus {outline: none;}
.story-content a, .story a:hover, .story_disable a:hover, .comments a:hover, .allstory a:hover, .sbstory a:not(.btn):hover {color: rgb(4, 85, 141);}
/*Link for target*/
.story-content a[target="_blank"]:not(.highslide) {display: inline-block;outline: none;overflow: hidden;position: relative;transition: color 0.25s ease 0s;vertical-align: top;}
.story-content a[target="_blank"]:not(.highslide):before {backface-visibility: hidden;background-color: rgb(4, 85, 141);bottom: 1px;content: "";height: 1px;left: 0;position: absolute;top: auto;transform: scaleX(0);transition: transform 0.25s ease 0s;width: 100%;}
.story-content a[target="_blank"]:not(.highslide):hover:before {background-color: rgb(4, 85, 141);transform: scaleX(1);}
/*Wrapper*/
.wrapper {font-size: 100%;min-height: 100%;min-width: 100%;overflow-x: hidden;overflow-y: auto;position: relative;}
.wrapper-bg {background-attachment: fixed, fixed;background-clip: border-box, border-box;background-color: rgba(0, 0, 0, 0);background-image: url('/'), linear-gradient(180deg, rgb(92, 137, 168), rgb(12, 54, 104));background-origin: padding-box, padding-box;background-position: left top, 0 0;background-repeat: repeat, repeat;background-size: auto;color: rgb(55,55,55);}
/*Container*/
.container {margin: 0 auto;max-width: 1400px;width: 100%;}
.header-wrapper, .masthead-wrapper, .footer-wrapper, .comments {position: relative;}
/*Header*/
.brand-logo {display: block;font-size: 150%;font-weight: 700;text-transform: uppercase;}
.header-wrapper .dropdown-content {min-width: 160px;}
/*h_search*/
.h_search {background-color: rgba(225, 225, 225, 0.25);border-radius: 10px;margin: 0;padding: 0 0.75em;position: relative;}
.h_search input {background-color: transparent;border: none;height: 36px;padding: 0;width: 100%;}
.search-icon-btn {position: absolute;right: 0;top: 0;}
/*login_modal*/
.modal {background-color: #fafafa;border-radius: 4px;display: none;left: 50%;outline: none;position: fixed;text-align: left;top: 50%;transform-origin: 50% 25% 0;will-change: top, left, margin, transform, opacity;}
.modal .modal-content {box-sizing: border-box;color: #666;padding: 1rem;position: relative;}
.modal .dropdown-content > li > a, .modal .dropdown-content > li > span {justify-content: space-between;}
.modal .dropdown-content {width: 90% !important;}
.modal .modal-footer {border-top: 1px solid rgba(125,125,125,.25);border-radius: 0 0 2px 2px;text-align: right;}
.modal .modal-footer * {margin: .5em;}
@media (max-width:600px){.modal .modal-footer {text-align: center;}.modal .modal-footer * {display: block;margin: .5em;}}
/* Modal Width */
@media (max-width: 414px) {.modal {width: 95%;margin: 0em 0em 0em -47.5%;}}
@media (min-width: 415px) {.modal {width: 320px;margin: 0em 0em 0em -160px;}}
@media (min-width: 768px) {.modal {width: 340px;margin: 0em 0em 0em -170px;}}
@media (min-width: 992px) {.modal {width: 360px;margin: 0em 0em 0em -180px;}}
/*login_dropdown*/
#login_pane.dropdown-content {height: auto !important;min-width: 360px;overflow-y: visible;}
#login_pane.dropdown-content > li > a, #login_pane.dropdown-content > li > span {justify-content: space-between;}
@media only screen and (max-width:415px), only screen and (max-device-width:415px) and (orientation: portrait){#login_pane.dropdown-content {min-width: auto;width: 95% !important;}}

/*AllStory*/
#dle-content .allstory,.allstory{margin-bottom:1rem;margin-top:1rem}
@media (max-width: 576px){.allstory{margin-bottom:0.75rem;margin-top:0.75rem}}
.allstory:first-child{margin-top:0}
.allstory:last-child{margin-bottom:0}
.allstory {background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255));border-radius: 10px;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);color: rgba(0, 0, 0, 0.72);}
.allstory .story-title{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;}
.allstory .story-subtitle{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;opacity:.8}
.allstory .story-action{align-items:center;display:flex;flex-wrap:wrap;flex-direction:row;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

/*Story*/
.story{margin-bottom:1rem;margin-top:1rem}
@media (max-width: 576px){.story{margin-bottom:0.75rem;margin-top:0.75rem}}
.story:first-child{margin-top:0}
.story:last-child{margin-bottom:0}
.story {background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255));border-bottom: 0px solid rgb(4, 85, 141);border-radius: 10px;border-top: 0px solid rgb(4, 85, 141);box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);color: rgba(0, 0, 0, 0.87);}
.story .story-title{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;}
.story .story-title h2{font-weight:700;}
.story .story-subtitle{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;opacity:.8}
.story-content:after{clear:both;content:"";display:block;}
.story .story-action{align-items:center;display:flex;flex-wrap:wrap;flex-direction:row;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

/*SbStory*/
.sbstory{margin-bottom:1rem;margin-top:1rem}
@media (max-width: 576px){.sbstory{margin-bottom:0.75rem;margin-top:0.75rem}}
.sbstory:first-child{margin-top:0}
.sbstory:last-child{margin-bottom:0}
.sbstory {background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255));border-bottom: px solid rgb(4, 85, 141);border-radius: 10px;border-top: px solid rgb(4, 85, 141);box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);color: rgb(64, 64, 64);}
.sbstory .story-title{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;border-top-left-radius:10px;border-top-right-radius:10px;justify-content: space-between;}
.sbstory .story-subtitle{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;opacity:.8}
.sbstory .story-action{align-items:center;display:flex;flex-wrap:wrap;flex-direction:row;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

/*SbMenu*/
.sbmenu {background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255));border-radius: 10px;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);color: rgb(64, 64, 64);margin-bottom:1rem;}
.sbmenu > ul > li:first-child > a {border-radius: 10px 10px 0 0;}
.sbmenu > ul > li:last-child > a {border-radius: 0 0 10px 10px;}
.sbmenu li > a:hover,.sbmenu li > a.active{border-left: 3px solid rgb(4, 85, 141);}
.sbmenu .badge {background-color: rgb(4, 85, 141);color: rgba(250, 250, 250, 0.87);}

/*Sortbar*/
.sort li {display: inline-block;margin: 0 1%;}
.sort li.asc a {color: rgb(4, 85, 141);}

/*calendar*/
.arhiv .monthselect {font-size: 115%;padding: 0.75rem 0.5rem;}
.arhiv .workday, .arhiv .weekday {padding: 0.25rem 0.5rem;text-transform: uppercase;}
/*theme calendar*/
.theme table.calendar .monthselect {background-color: rgb(4, 33, 73);border-radius: 10px 10px 0 0;color: rgba(250, 250, 250, 0.87);}
.theme table.calendar th.workday, .theme table.calendar th.weekday {background-color: rgb(4, 33, 73);color: rgba(250, 250, 250, 0.87);opacity: 0.75;font-weight: 400;}
.theme table.calendar .day-active a, .theme table.calendar .day-active-v a {background-color: rgb(4, 85, 141);color: rgba(250, 250, 250, 0.87);opacity: 0.85;}
.theme table.calendar .day-active a:hover, .theme table.calendar .day-active-v a:hover {opacity: 1;}
/*theme arhiv*/
.theme .story-title {background-color: rgb(4, 33, 73);border-radius: 10px 10px 0 0;color: rgba(250, 250, 250, 0.87);}
.theme .archives {border-bottom: 1px dashed rgb(4, 33, 73);display: flex;padding: 0.5rem 0;}
.theme .archives:last-child {border: none; padding-bottom: 0;}
.theme .archives + br, .theme #dle_news_archive_link br {display:none;}
.theme #dle_news_archive_link .archives {color: rgb(4, 33, 73);padding-bottom: 0;padding-top: 1rem;}

/*Footer*/
footer a {transition: opacity .25s;opacity: .8}
footer a:hover {opacity: 1}

#garland {
position: absolute;
top: 0;
left: 0;
background-image: url('bgmtk.by/img/christmas.png');
height: 36px;
width: 100%;
overflow: hidden;
z-index: 99;
}
 
#nums_1 {
padding: 100px
}
 
.garland_1 {
background-position: 0 0
}
 
.garland_2 {
background-position: 0 -36px
}
 
.garland_3 {
background-position: 0 -72px
}
 
.garland_4 {
background-position: 0 -108px
}

/* Фолбэк для меню без JS */
.no-js .dropdown-content {
  display: block !important;
}

.no-js .dropdown-trigger > .material-icons {
  display: none;
}
/* Фикс для мобильного меню */
@media (max-width: 992px) {
    .sidenav {
        transform: translateX(-105%) !important;
        transition: none !important;
    }
    
    .header-nav {
        display: none !important;
    }
    
    .sidenav-trigger {
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .mobile-menu-ready .sidenav-trigger {
        opacity: 1;
    }
    
    .mobile-menu-ready .sidenav {
        transform: translateX(-105%);
        transition: transform 0.3s ease-out !important;
    }
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.header-titles {
  text-align: center;
  margin: 10px 0;
}

.header-title {
  font-size: 1.5rem;
  margin: 0;
}

.header-subtitle {
  font-size: 1.2rem;
  margin: 0;
  color: #555;
}