@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');

/*Body*/
body {font-family: "PT Sans Narrow", sans-serif; font-weight:400;}

.grey-200{background:rgb(238,238,238)!important}
.light-blue-900{background:#0095b9!important}
.text-white{color:rgba(255, 255, 255, 0.95)!important}
i.uil {margin-right:5px;}
i.uilno {margin-right:0;}
i.uilmi {vertical-align:baseline;}

/* header.css */
.head3 .js-width[max-width="960px"] .header-nav.hide-t {display: none;}
.head3 .js-width[max-width="960px"] .header-nav.hide {display: block !important;}
.head3 .js-width[max-width="960px"] .header-login .modal-trigger i {margin-right: 0;}
.head3 .js-width[max-width="960px"] .header-login .hide-p {display: none;}

/* Button.css */
.btn, .btn-raised, .ui-button, .bbcodes, button {font-family:inherit; background-color:transparent; border:none; border-radius:2px; cursor:pointer; display:inline-block; font-size:100%; font-weight:500; height:2.25rem; letter-spacing:0; line-height:2.25rem; outline:0 none; padding:0 0.75rem; position:relative; text-align:center; text-indent:0; text-rendering:auto; text-transform:uppercase; transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; vertical-align:middle; will-change:box-shadow; word-spacing:normal;}
.btn:hover, .ui-button:hover, .bbcodes:hover, button:hover, .btn.active{background-color:rgba(0, 0, 0, 0.1);opacity:.87;}
/*btn-sm*/
.btn-sm{font-size:80%;height:1.75rem;line-height:1.75rem;padding:0 0.5rem;}
/*color btn*/
.bg-danger{background-color:red !important;color:#fff !important}
.bg-teal{background-color:teal !important;color:#fff !important}
.bg-green{background-color:green !important;color:#fff !important}
/*btn-raised*/
.btn-raised{background-color:rgba(0, 0, 0, 0);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);}
.btn-raised:hover{opacity:.87;box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);}
/*btn-outline*/
.btn-outline {background-color: transparent !important;box-shadow: 0 0 0 2px inset !important;opacity:.85;transition: opacity .3s ease 0s;}
.btn-outline:hover{box-shadow: 0 0 0 2px currentcolor inset !important;opacity:1;color:inherit !important;}
/*btn-block*/
.btn-block{display:block;width:100%}
@media only screen and (max-width:576px){.btn-phone-block{display:block;border: 1px solid rgba(125,125,125,.25);margin:.25rem auto;width:100%}.btn-phone-block i.material-icons.left,.btn-phone-block i.material-icons.right{float:none;display:inline-block;}.searchpage .bbcodes{margin:0.1rem 0.1rem 0 0 !important}}
/*waves-effect*/
.wavepad {padding:10px 12px!important;}
.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out;}
.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0, 0, 0, 0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;}
.btn .waves-ripple, .ui-button .waves-ripple,
.bbcodes .waves-ripple, button .waves-ripple{background-color:rgba(55, 55, 55, 0.25);}
.waves-effect.waves-light .waves-ripple{background-color:rgba(255, 255, 255, 0.45);}
.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none;}
.waves-effect img{position:relative;z-index:-1;}
.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%);}
.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none;}
.waves-block{display:block;}
.waves-effect .waves-ripple{z-index:-1;}
/*btn-floating*/
.btn-floating{background-color:buttonface;border-radius:50% !important;cursor:pointer;display:inline-block;height:2.25rem;line-height:2.25rem;overflow:hidden;padding:0;position:relative;text-align:center;transition:background-color 0.3s ease 0s;vertical-align:middle;width:2.25rem;z-index:1;}
.btn-floating:hover{background-color:rgba(0, 0, 0, 0.1);}
.btn-floating:before{border-radius:0;}
.btn-floating i{float:none;}
/*pulse*/
.pulse{overflow:visible;position:relative;}
.pulse:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1;}
@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}}
@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}}
/*navigation*/
.navigation span,.navigation a {background-color:rgba(0, 0, 0, 0); border:none; border-radius:2px; 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); display:inline-block; font-size:100%; margin:0.25rem; padding:0.15rem 0.75rem; position:relative; text-align:center; transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; vertical-align:middle;}
.navigation a:hover {background-color:rgba(0, 0, 0, 0.1);opacity:.87;box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);}
.navigation.round span, .navigation.round a {border-radius: 50%;height: 32px;line-height: 32px;min-width: 32px;padding: 0 0.5rem;}
/*tags*/
.tags-story > span {margin-right: 0.5em;}
.tags-story > span a:hover {text-decoration: underline;}
.tags_block .tags a {background-color: rgba(0, 0, 0, 0);border: none;border-radius: 2px;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); display:inline-block; font-size:100%; margin: 0 0.125rem 0.25rem 0;padding: 0.15rem 0.5rem;position: relative;text-align: center;transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;vertical-align: middle;}
.tags_block .tags a:hover{background-color:rgba(0, 0, 0, 0.1);opacity:.87;box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);}
/*tags data-title*/
.tags_block.data-title .tags{display:flex;flex-direction:column-reverse;}
.tags_block.data-title .tags span[class*="clouds_"] a {align-items: center;background-color: rgba(125, 125, 125, 0.15);color: inherit !important;display: flex;font-size: 80%;font-weight: 700;justify-content: space-between;margin: 0 0 0.5rem;padding: 0.35rem 0.35rem 0.35rem 0.75rem;text-align: center;text-transform: uppercase;white-space: nowrap;}
.tags_block.data-title .tags span[class*="clouds_"]:first-child a{margin:0;}
.tags_block.data-title .tags span[class*="clouds_"] a[data-title]:after {background-color: #fff;border-radius: 2px;content: attr(data-title);font-size: 90%;font-weight: 400;padding: 0.25rem 0.5rem;text-transform: none;}

/* Badges.css */
.chip{border-radius:2px;display:inline-block;font-size:100%;height:32px;line-height:32px;padding:0 0.65rem;position:relative;text-align:center;text-transform:uppercase;vertical-align:middle;}
.small.chip{font-size:85%;height:22px;line-height:22px;padding:0 0.35rem;}
/*badge*/
.badge{padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;}
.badge.new{font-size:0.8rem;color:#000;background-color:rgba(34, 36, 38, 0.1);border-radius:2px;}
.badge.new:after{content:" ";}
.badge[data-badge-caption]:after{content:" " attr(data-badge-caption);}
nav ul a .badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;}
.collection-item .badge{margin-top:calc(0.75rem - 11px);}
.side-nav .badge{margin-top:calc(24px - 11px);}
/*avatar*/
.avatar {align-items:center;display:flex;height:4em;justify-content:center;overflow:hidden;width:4em;}
.avatar img {width:100%;}
.small.avatar{height:3em;width:3em;}
.big.avatar{height:6em;width:6em;}

/* Drawer.css */
/*sidenav-trigger*/
.sidenav-trigger{transition:transform 0.25s ease 0s;}
.sidenav-trigger:hover{transform:rotate(180deg);}
.sidenav-trigger i{font-size:150%;text-align:center;width:36px;}
/*sidenav*/
.sidenav{backface-visibility:hidden;background-color:#fff;color:#444444;display:flex;flex-direction:column;height:calc(100% + 0px);left:0;margin:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-105%);width:300px;will-change:transform;z-index:999;}
.sidenav li > a {border-left:3px solid transparent; display:block;font-size:90%;font-weight:500;word-wrap:break-word;}
.sidenav li > a:hover, .sidenav li > a.active {background-color:rgba(0, 0, 0, 0.05);border-left: 3px solid rgba(125, 125, 125, 0.5);}
.sidenav li > a.brand-logo:hover,.sidenav li > a.brand-logo.active{border-left: 3px solid transparent;}
.sidenav .submenu li a{padding-left:2rem;}
.sidenav .badge{margin-left:0;min-width:1.5rem;}
.sidenav li{flex-shrink:0;}
.sidenav .brand-logo{font-size:150%;}
.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998;}
/*sidenav-fixed*/
.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed;}
.sidenav.sidenav-fixed + .wrapper {padding-left: 300px;}
.sidenav.sidenav-fixed + .wrapper .sidenav-trigger {display: none;}
@media (max-width:992px){.sidenav.sidenav-fixed + .wrapper {padding-left:0px;}.sidenav.sidenav-fixed + .wrapper .sidenav-trigger {display: block;}.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%);}}
/*sbmenu*/
.sbmenu li {border-bottom:1px solid rgba(125,125,125,.15)}
.sbmenu li ul.submenu {border-top:1px solid rgba(125,125,125,.15)}
.sbmenu li:last-child {border-bottom:0}
.sbmenu li > a{border-left: 3px solid transparent;display:block;font-weight:500;padding:.75rem;word-wrap:break-word;}
.sbmenu li > a:hover,.sbmenu li > a.active{background-color:rgba(0, 0, 0, 0.05);border-left: 3px solid rgba(125, 125, 125, 0.5);}
.sbmenu .submenu li a {padding-left:2rem;}
.sbmenu .badge {margin-left:0;min-width:1.5rem;}

/* Form.css */
/* Style Placeholders */
.h_search input::-webkit-input-placeholder {color:#fff;opacity:.75}
.h_search input:-moz-placeholder {color:#fff;opacity:.75}/* FF 4-18 */
.h_search input::-moz-placeholder {color:#fff;opacity:.75}/* FF 19+ */
.h_search input:-ms-input-placeholder {color:#fff;opacity:.75}/* IE 10+ */
.h_search input:focus::-webkit-input-placeholder {opacity:1}
.h_search input:focus:-moz-placeholder {opacity:1}/* FF 4-18 */
.h_search input:focus::-moz-placeholder {opacity:1}/* FF 19+ */
.h_search input:focus:-ms-input-placeholder {opacity:1}/* IE 10+ */
/*input-field*/
.input-field, .select-field{position:relative;margin-bottom:1rem;}
.input-field {padding-top: 1.5rem;}
.input-field label {color: rgba(125, 125, 125, 0.75);cursor: text;left: 0;position: absolute;top: 1.75rem;transition: all 0.3s ease 0s;will-change: left, top, contents;}
.input-field label.active {color: rgba(125, 125, 125, 0.95);top: 0;left: 0;font-size: 0.875rem;}
.input-field input {background: none no-repeat scroll center bottom / 0 100%, rgba(0, 0, 0, 0) none repeat scroll center calc(100% - 1px) / 100% 100%;border: 0;border-radius: 0;box-shadow: none;outline: none;padding-left: 0;padding-right: 0;transition: background 0s ease-out 0s;width: 100%;}
.input-field input {background-image: linear-gradient(to top, rgba(125, 125, 125, 0.85) 2px, rgba(0, 0, 0, 0) 0px), linear-gradient(to top, rgba(125, 125, 125, 0.35) 1px, rgba(0, 0, 0, 0) 0px);}
.input-field input:focus {background-size: 100% 100%, 100% 100%;transition-duration: 0.3s;}
/*input-field required*/
.input-field input:required + label:after{color:red;content:"*";margin-left:0.5rem;}
.input-field label:not(.active) + .character-counter{display:none;}
/*input-field helper-text*/
.input-field .helper-text {bottom: 0.5em;color: transparent;font-size: 0.875rem;position: absolute;right: 0;}
.input-field input.valid ~ .helper-text:after {content: attr(data-success);color: green;}
.input-field input.invalid ~ .helper-text:after {content: attr(data-error);color: red;}
/*input-field textarea*/
.input-field textarea {background: none no-repeat scroll center bottom / 0 100%, rgba(0, 0, 0, 0) none repeat scroll center calc(100% - 1px) / 100% 100%;border: 0;border-radius: 0;box-shadow: none;min-height: 3rem;outline: none;overflow-y: hidden;padding-left: 0;padding-right: 0;transition: background 0s ease-out 0s;width: 100%;}
.input-field textarea {background-image: linear-gradient(to top, rgba(125, 125, 125, 0.85) 2px, rgba(0, 0, 0, 0) 0px), linear-gradient(to top, rgba(125, 125, 125, 0.35) 1px, rgba(0, 0, 0, 0) 0px);}
.input-field textarea:focus {background-size: 100% 100%, 100% 100%;transition-duration: 0.3s;}
/*select-wrapper*/
.select-wrapper{position:relative;}
.select-wrapper select{display:none;}
.select-wrapper input{background-color:transparent;border-color:rgba(125,125,125,.25);border-image:none;border-radius:0;border-style:none none solid;border-width:medium medium 1px;box-shadow:none;font-size:100%;outline:none;padding:1rem 0 0;transition:all 0.3s ease 0s;width:100%;}
.select-wrapper ul.dropdown-content{width:100% !important;}
.select-wrapper ul.dropdown-content{padding:0;}
.select-wrapper ul.dropdown-content li{list-style-type:none;}
.select-wrapper ul.dropdown-content li.selected{background-color:#eee;}
.select-wrapper ul.dropdown-content li label{align-items:center;cursor:pointer;display:flex;}
.select-wrapper input.select-dropdown{cursor:pointer;}
.select-wrapper .caret{bottom:0.75rem;fill:rgba(125,125,125,.5);position:absolute;right:0;top:auto;}
.select-wrapper + label{cursor:text;font-size:90%;position:absolute;top:1rem;transition:all 0.2s ease-out 0s;transform:translateY(-100%);}
/*dropdown*/
.dropdown-content{background-color:#fff;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);color:#444444;display:none;left:0;margin:0;min-width:150px;opacity:0;overflow-y:auto;position:absolute;top:0;transform-origin:0 0 0;z-index:999;}
.dropdown-content:focus{outline:0;}
.dropdown-content > li{clear:both;cursor:pointer;line-height:inherit;text-align:left;width:100%;}
.dropdown-content > li:hover, .dropdown-content > li.active{background-color:#eee;}
.dropdown-content > li:focus{outline:none;background-color:#dadada;}
.dropdown-content > li.divider{cursor:default;min-height:0;height:1px;margin-bottom:-2px;min-height:0;}
.dropdown-content > li > a, .dropdown-content > li > span{align-items:center;color:initial;display:flex;padding:0.5rem;}
.dropdown-content > li > a i{font-size:125%;opacity:0.75;}
.dropdown-content > li > span > label{height:18px;left:0;margin:0;top:1px;}
.comments .dropdown-content{min-width:175px;overflow-y:hidden;}
/*file-field*/
.file-field{position:relative;}
.file-field .btn{float:left;}
.file-field input.file-path{width:100%;}
.input-field .file-field input.file-path{padding:0;}
.file-field input[type="file"]{bottom:0;cursor:pointer;font-size:1px;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;}
@media only screen and (max-width:600px){.file-field input.file-path{height:34px;}}
/*checkbox*/
.checkbox-wrp + label[for]{cursor:pointer;opacity:0.85;vertical-align:middle;}
.checkbox-wrp + label[for]:hover{opacity:1;}
.checkbox-wrp{cursor:pointer;display:inline-block;flex:0 0 18px;height:18px;line-height:0;position:relative;vertical-align:middle;white-space:nowrap;width:18px;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;margin-right:0.5rem;}
.checkbox-wrp input[type="checkbox"]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;}
.checkbox-bg{position:absolute;top:0;right:0;bottom:0;left:0;left:0;right:initial;display:-ms-inline-flexbox;display:inline-flex;top:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);border:2px solid #a0a0a0;border-radius:2px;background-color:transparent;will-change:background-color, border-color;}
.checkbox-svg{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;width:100%;}
.checkbox-path{stroke-dasharray:29.7833;stroke-dashoffset:29.7833;stroke-width:3.12px;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;}
.checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg{border-color:#a0a0a0;background-color:#a0a0a0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms, background-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms;}
.checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg .checkbox-svg{opacity:1;transition:opacity 180ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 180ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 180ms cubic-bezier(0, 0, 0.2, 1) 0ms;}
.checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg .checkbox-path{stroke-dashoffset:0;}
/*radio*/
.radio-wrp + label[for]{cursor:pointer;opacity:0.85;}
.radio-wrp + label[for]:hover{opacity:1;}
.radio-wrp{cursor:pointer;display:inline-block;flex:0 0 22px;height:22px;line-height:0;position:relative;vertical-align:bottom;white-space:nowrap;width:22px;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;margin-right:0.5rem;}
.radio-wrp input[type="radio"]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;}
.radio-bg{position:absolute;top:0;right:0;bottom:0;left:0;left:0;right:initial;display:-ms-inline-flexbox;display:inline-flex;top:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:2px solid #a0a0a0;border-radius:2px;border-radius:50%;background-color:transparent;pointer-events:none;will-change:background-color, border-color;}
.radio-bg{pointer-events:none;}
.radio-svg{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;}
.radio-path{fill:transparent;transition:all 0.35s ease 0s;}
.radio-wrp input[type="radio"]:checked ~ .radio-bg{border-color:#a0a0a0;background-color:transparent;}
.radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-svg{opacity:1;}
.radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path{fill:#a0a0a0;}

/* Grid.css */

/* flex container */
.row{display:flex;flex-direction:row}
.n-row:nth-child(2n){flex-direction:row-reverse;}
.column{display:flex;flex-direction:column}

.wrap{flex-wrap:wrap}
.nowrap{flex-wrap:nowrap}

.row-start{justify-content:flex-start}
.row-end{justify-content:flex-end}
.row-center{justify-content:center}
.row-between{justify-content:space-between}
.row-around{justify-content:space-around}

.row-top{align-items:flex-start}
.row-bottom{align-items:flex-end}
.row-middle{align-items:center}
.row-baseline{align-items:baseline}
.row-stretch{align-items:stretch}

/* flex item */
.spacer{flex-grow:1}

.w-100{flex: 0 0 100px;max-width:100px}
.w-150{flex: 0 0 150px;max-width:150px}
.w-200{flex: 0 0 200px;max-width:200px}
.w-250{flex: 0 0 250px;max-width:250px}
.w-300{flex: 0 0 300px;max-width:300px}
.w-350{flex: 0 0 350px;max-width:350px}
.w-400{flex: 0 0 400px;max-width:400px}
.w-450{flex: 0 0 450px;max-width:450px}
.w-500{flex: 0 0 500px;max-width:500px}
.w-550{flex: 0 0 550px;max-width:550px}
.w-600{flex: 0 0 600px;max-width:600px}

.col-top{align-self:flex-start}
.col-bottom{align-self:flex-end}
.col-middle{align-self:center}
.col-baseline{align-self:baseline}
.col-stretch{align-self:stretch}

/*all*/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto, 
.col-p-1,.col-p-2,.col-p-3,.col-p-4,.col-p-5,.col-p-6,.col-p-7,.col-p-8,.col-p-9,.col-p-10,.col-p-11,.col-p-12,.col-p,.col-p-auto, 
.col-t-1,.col-t-2,.col-t-3,.col-t-4,.col-t-5,.col-t-6,.col-t-7,.col-t-8,.col-t-9,.col-t-10,.col-t-11,.col-t-12,.col-t,.col-t-auto, 
.col-d-1,.col-d-2,.col-d-3,.col-d-4,.col-d-5,.col-d-6,.col-d-7,.col-d-8,.col-d-9,.col-d-10,.col-d-11,.col-d-12,.col-d,.col-d-auto{position:relative;min-width:0;min-height:1px}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto{width:100%}
.col {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-auto {flex: 0 0 auto;width: auto;max-width: none;}
.col-1{flex-basis:calc(100%/12*1 - 0.5rem);max-width:calc(100%/12*1 - 0.5rem)}
.col-2{flex-basis:calc(100%/12*2 - 0.5rem);max-width:calc(100%/12*2 - 0.5rem)}
.col-3{flex-basis:calc(100%/12*3 - 0.5rem);max-width:calc(100%/12*3 - 0.5rem)}
.col-4{flex-basis:calc(100%/12*4 - 0.5rem);max-width:calc(100%/12*4 - 0.5rem)}
.col-5{flex-basis:calc(100%/12*5 - 0.5rem);max-width:calc(100%/12*5 - 0.5rem)}
.col-6{flex-basis:calc(100%/12*6 - 0.5rem);max-width:calc(100%/12*6 - 0.5rem)}
.col-7{flex-basis:calc(100%/12*7 - 0.5rem);max-width:calc(100%/12*7 - 0.5rem)}
.col-8{flex-basis:calc(100%/12*8 - 0.5rem);max-width:calc(100%/12*8 - 0.5rem)}
.col-9{flex-basis:calc(100%/12*9 - 0.5rem);max-width:calc(100%/12*9 - 0.5rem)}
.col-10{flex-basis:calc(100%/12*10 - 0.5rem);max-width:calc(100%/12*10 - 0.5rem)}
.col-11{flex-basis:calc(100%/12*11 - 0.5rem);max-width:calc(100%/12*11 - 0.5rem)}
.col-12{flex-basis:100%;max-width:100%}

/*display*/
@media (max-width: 992px) { 
.col-d-1,.col-d-2,.col-d-3,.col-d-4,.col-d-5,.col-d-6,.col-d-7,.col-d-8,.col-d-9,.col-d-10,.col-d-11,.col-d-12,.col-d,.col-d-auto{width:100%}
.row-d-start{justify-content:flex-start}
.row-d-end{justify-content:flex-end}
.row-d-center{justify-content:center}
.row-d-between{justify-content:space-between}
.row-d-around{justify-content:space-around}

.col-d {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-d-auto {flex: 0 0 auto;width: auto;max-width: none;}
.col-d-1{flex-basis:calc(100%/12*1 - 0.5rem);max-width:calc(100%/12*1 - 0.5rem)}
.col-d-2{flex-basis:calc(100%/12*2 - 0.5rem);max-width:calc(100%/12*2 - 0.5rem)}
.col-d-3{flex-basis:calc(100%/12*3 - 0.5rem);max-width:calc(100%/12*3 - 0.5rem)}
.col-d-4{flex-basis:calc(100%/12*4 - 0.5rem);max-width:calc(100%/12*4 - 0.5rem)}
.col-d-5{flex-basis:calc(100%/12*5 - 0.5rem);max-width:calc(100%/12*5 - 0.5rem)}
.col-d-6{flex-basis:calc(100%/12*6 - 0.5rem);max-width:calc(100%/12*6 - 0.5rem)}
.col-d-7{flex-basis:calc(100%/12*7 - 0.5rem);max-width:calc(100%/12*7 - 0.5rem)}
.col-d-8{flex-basis:calc(100%/12*8 - 0.5rem);max-width:calc(100%/12*8 - 0.5rem)}
.col-d-9{flex-basis:calc(100%/12*9 - 0.5rem);max-width:calc(100%/12*9 - 0.5rem)}
.col-d-10{flex-basis:calc(100%/12*10 - 0.5rem);max-width:calc(100%/12*10 - 0.5rem)}
.col-d-11{flex-basis:calc(100%/12*11 - 0.5rem);max-width:calc(100%/12*11 - 0.5rem)}
.col-d-12{flex-basis:100%;max-width:100%}

.order-d-1 {order: 1;}
.order-d-2 {order: 2;}
.order-d-3 {order: 3;}
.order-d-4 {order: 4;}
.order-d-5 {order: 5;}

.hide-d{display:none!important}
}

/*tablet*/
@media (max-width: 768px) {
.col-t-1,.col-t-2,.col-t-3,.col-t-4,.col-t-5,.col-t-6,.col-t-7,.col-t-8,.col-t-9,.col-t-10,.col-t-11,.col-t-12,.col-t,.col-t-auto{width:100%}
.row-t-start{justify-content:flex-start}
.row-t-end{justify-content:flex-end}
.row-t-center{justify-content:center}
.row-t-between{justify-content:space-between}
.row-t-around{justify-content:space-around}

.col-t {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-t-auto {flex: 0 0 auto;width: auto;max-width: none;}
.col-t-1{flex-basis:calc(100%/12*1 - 0.5rem);max-width:calc(100%/12*1 - 0.5rem)}
.col-t-2{flex-basis:calc(100%/12*2 - 0.5rem);max-width:calc(100%/12*2 - 0.5rem)}
.col-t-3{flex-basis:calc(100%/12*3 - 0.5rem);max-width:calc(100%/12*3 - 0.5rem)}
.col-t-4{flex-basis:calc(100%/12*4 - 0.5rem);max-width:calc(100%/12*4 - 0.5rem)}
.col-t-5{flex-basis:calc(100%/12*5 - 0.5rem);max-width:calc(100%/12*5 - 0.5rem)}
.col-t-6{flex-basis:calc(100%/12*6 - 0.5rem);max-width:calc(100%/12*6 - 0.5rem)}
.col-t-7{flex-basis:calc(100%/12*7 - 0.5rem);max-width:calc(100%/12*7 - 0.5rem)}
.col-t-8{flex-basis:calc(100%/12*8 - 0.5rem);max-width:calc(100%/12*8 - 0.5rem)}
.col-t-9{flex-basis:calc(100%/12*9 - 0.5rem);max-width:calc(100%/12*9 - 0.5rem)}
.col-t-10{flex-basis:calc(100%/12*10 - 0.5rem);max-width:calc(100%/12*10 - 0.5rem)}
.col-t-11{flex-basis:calc(100%/12*11 - 0.5rem);max-width:calc(100%/12*11 - 0.5rem)}
.col-t-12{flex-basis:100%;max-width:100%}

.order-t-1 {order: 1;}
.order-t-2 {order: 2;}
.order-t-3 {order: 3;}
.order-t-4 {order: 4;}
.order-t-5 {order: 5;}

.hide-t{display:none!important}
}

/*phone*/
@media (max-width: 576px) {
.col-p-1,.col-p-2,.col-p-3,.col-p-4,.col-p-5,.col-p-6,.col-p-7,.col-p-8,.col-p-9,.col-p-10,.col-p-11,.col-p-12,.col-p,.col-p-auto{width:100%}
.row-p-start{justify-content:flex-start}
.row-p-end{justify-content:flex-end}
.row-p-center{justify-content:center}
.row-p-between{justify-content:space-between}
.row-p-around{justify-content:space-around}

.col-p {flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-p-auto {flex: 0 0 auto;width: auto;max-width: none;}
.col-p-1{flex-basis:calc(100%/12*1 - 0.5rem);max-width:calc(100%/12*1 - 0.5rem)}
.col-p-2{flex-basis:calc(100%/12*2 - 0.5rem);max-width:calc(100%/12*2 - 0.5rem)}
.col-p-3{flex-basis:calc(100%/12*3 - 0.5rem);max-width:calc(100%/12*3 - 0.5rem)}
.col-p-4{flex-basis:calc(100%/12*4 - 0.5rem);max-width:calc(100%/12*4 - 0.5rem)}
.col-p-5{flex-basis:calc(100%/12*5 - 0.5rem);max-width:calc(100%/12*5 - 0.5rem)}
.col-p-6{flex-basis:calc(100%/12*6 - 0.5rem);max-width:calc(100%/12*6 - 0.5rem)}
.col-p-7{flex-basis:calc(100%/12*7 - 0.5rem);max-width:calc(100%/12*7 - 0.5rem)}
.col-p-8{flex-basis:calc(100%/12*8 - 0.5rem);max-width:calc(100%/12*8 - 0.5rem)}
.col-p-9{flex-basis:calc(100%/12*9 - 0.5rem);max-width:calc(100%/12*9 - 0.5rem)}
.col-p-10{flex-basis:calc(100%/12*10 - 0.5rem);max-width:calc(100%/12*10 - 0.5rem)}
.col-p-11{flex-basis:calc(100%/12*11 - 0.5rem);max-width:calc(100%/12*11 - 0.5rem)}
.col-p-12{flex-basis:100%;max-width:100%}

.order-p-1 {order: 1;}
.order-p-2 {order: 2;}
.order-p-3 {order: 3;}
.order-p-4 {order: 4;}
.order-p-5 {order: 5;}

.hide-p {display:none!important}
}

/* Helper.css*/

*,*:after,*:before{box-sizing:border-box}
@media print {*,*:before,*:after,*:first-letter{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
html,body {width:100%;height:100%;-ms-touch-action: manipulation;touch-action: manipulation}
body {color:#666;font-size:16px;margin:0}
/*Tablet*/
@media (max-width: 768px){body{font-size:15px}}
/*Phone*/
@media (max-width: 576px){body{font-size:14px}}

.hide,.hidden,[hidden]{display:none!important}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}

article,aside,footer,header,hgroup,main,nav,section{display:block;position:relative}
audio,iframe,img,svg,video{max-width:100%;vertical-align:middle}
fieldset{border: 1px solid rgba(125,125,125,.15);margin: 0 20px 10px 0;padding:.25rem}
legend{font-weight:700;padding: 0 0.25rem}
blockquote{position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:.08em}
blockquote:before{position:absolute;left:-.5rem;content:'“'}
blockquote:after{content:'”';margin-left:-.05rem}
dt{font-weight:700}
address{font-size:12px;line-height:1;font-style:normal}
address,ul,ol{font-weight:400;letter-spacing:0}
input[type="checkbox"],input[type="radio"]{height:auto;line-height:normal;margin:0 0.5rem 0 0}
input, select, textarea {border:1px solid rgba(125,125,125,.15); border-radius:.2rem; color:inherit; font-family:'PT Sans Narrow', sans-serif; font-size:100%; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
input, select {display:inline-flex; height:36px; line-height:36px; max-width:100%; padding:0 .5rem;}
textarea{padding:.5rem;resize:vertical;width:100%!important}

.display-4{font-size:700%;font-weight:300;line-height:1;letter-spacing:-.04em}
.display-3{font-size:350%;font-weight:400;line-height:1.35;letter-spacing:-.02em}
.display-2{font-size:275%;font-weight:400;line-height:48px}
.display-1{font-size:205%;font-weight:400;line-height:40px}
.headline{font-size:150%;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}
.headtitle{font-size:125%;font-weight:500;line-height:1;letter-spacing:.02em}
.subhead{font-size:100%;font-weight:400;line-height:24px;letter-spacing:.04em}
.body-2{font-size:90%;font-weight:700;line-height:24px;letter-spacing:0}
.body-1{font-size:90%;font-weight:400;line-height:24px;letter-spacing:0}

h1, h2, h3, h4, h5, h6{color:inherit;font-weight:700;line-height:138%;margin-bottom:.5rem;margin-top:.5rem;white-space:normal;position:relative}
h1, .h1{font-size:200%}
h2,.h2{font-size:150%}
h3,.h3{font-size:117%}
h4,.h4{font-size:100%}
h5,.h5{font-size:83%}
h6,.h6{font-size:67%}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0}
small{font-size:85%;font-weight:400}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}

.dhead{margin-bottom:1rem;margin-top:0}
.dhead:before{border-bottom:2px solid;bottom:-8px;content:"";left:0;opacity:.65;position:absolute;width:50px}
.dhead:after{border-bottom:2px solid;bottom:-2px;content:"";left:0;opacity:.75;position:absolute;width:100px}

p {margin:0 0 .5rem} 
p:first-child {margin-top:0} 
p:last-child {margin-bottom:0}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

/*Tablet*/
@media (max-width: 768px){.tablet-text-left{text-align:left !important}.tablet-text-right{text-align:right !important}.tablet-text-center{text-align:center !important}}
/*Phone*/
@media (max-width: 576px){.phone-text-left{text-align:left !important}.phone-text-right{text-align:right !important}.phone-text-center{text-align:center !important}}

.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}

.text-muted{opacity:.6}
.op1{opacity:.1}
.op2{opacity:.2}
.op3{opacity:.3}
.op4{opacity:.4}
.op5{opacity:.5}
.op6{opacity:.6}
.op7{opacity:.7}
.op8{opacity:.8}
.op9{opacity:.9}

/*.hide-p {display:none!important}*/
.material-icons {font-size:16px!important;}
i.material-icons.left {margin-right:9px; top:2px;}

.font-thin{font-weight:200!important}
.font-light{font-weight:300!important}
.font-regular{font-weight:400!important}
.font-medium{font-weight:500!important}
.font-bold{font-weight:700!important}
.font-black{font-weight:900!important}

/*Float*/
.float-left{float:left;margin:0 1rem 0 0}
.float-right{float:right;margin:0 0 0 1rem}
.float-none{float:none!important}

.circle{overflow:hidden;border-radius:50%}
.center-block{display:block !important;margin-left:auto;margin-right:auto}

.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transparent{background-color:transparent}

.hoverable{transition:box-shadow .25s;box-shadow:0}
.hoverable:hover{transition:box-shadow .25s;box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19)}

.m-auto{margin:auto}
.mt-auto{margin-top:auto}
.mr-auto{margin-right:auto}
.mb-auto{margin-bottom:auto}
.ml-auto{margin-left:auto}
.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.mb0{margin-bottom:0!important}
.ml0{margin-left:0!important}
.no-margin{margin:0!important}
.pt0{padding-top:0!important}
.pr0{padding-right:0!important}
.pb0{padding-bottom:0!important}
.pl0{padding-left:0!important}
.no-padding{padding:0!important}

/*Divider*/
.divider {height:1px;overflow:hidden;background-color:rgba(125,125,125,.15)}

/*Border*/
.story.b,.b{border:1px solid rgba(125,125,125,.15)}
.story.bl,.bl{border-left:1px solid rgba(125,125,125,.15)}
.story.bt,.bt{border-top:1px solid rgba(125,125,125,.15)}
.story.br,.br{border-right:1px solid rgba(125,125,125,.15)}
.story.bb,.bb{border-bottom:1px solid rgba(125,125,125,.15)}

/*Border-radius*/
.btlr0 {border-top-left-radius:0}
.btrr0 {border-top-right-radius:0}
.bblr0 {border-bottom-left-radius:0}
.bbrr0 {border-bottom-right-radius:0}

/*Shadow*/
.shadow-2dp{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)}
.shadow-3dp{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)}
.shadow-4dp{box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)}
.shadow-6dp{box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)}
.shadow-8dp{box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)}
.shadow-16dp{box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)}
.shadow-24dp{box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)}

/*Tabs*/
.tabs{display:flex;height:48px;margin:0 auto;position:relative;white-space:nowrap;}
.tabs .tab{display:block;flex-grow:1;float:left;height:48px;letter-spacing:.8px;line-height:48px;margin:0;min-width:4em;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;width: 15%}
.tabs .tab a{display:inline-block;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color 0.28s ease 0s}
.tabs .indicator{background-color:red;bottom:0;height:2px;position:absolute;will-change: left, right}
.tabs.no-indicator .indicator{display:none}

/*Table*/
table{border-spacing:0;width:100%;display:table}
table thead {background: #e6e6e6;}
table thead tr th, table tbody tr td {border: 1px solid transparent;text-align: left;}

table.table {border: 1px solid rgba(125, 125, 125, 0.15);}
table.table thead th{background-color:rgba(34, 36, 38, 0.1);border-bottom:1px solid rgba(125,125,125,.15);cursor:auto;font-weight:700;padding:.9rem .7rem;text-align:inherit;text-transform:none;vertical-align:inherit}
table.table td{min-width: 40px;padding: 4px 8px;}
table.table tr td,table.table tr th{border-left:1px solid rgba(125,125,125,.15);border-top:1px solid rgba(125,125,125,.15)}
table.table tr td:first-child, table.table tr th:first-child{border-left:none}
table.table thead tr:first-child td {border-top: none;font-weight: 700;padding: 8px;}
table.table td img {display: block;margin: 0 auto;}
table.table .checkbox-wrp {margin-right:0}

table.pm {border: 1px solid rgba(125, 125, 125, 0.15);}
table.pm tr td.pm_head {background-color: rgba(125, 125, 125, 0.15);font-weight: 700;padding: 12px 8px;}
table.pm td{min-width: 40px;padding: 4px 8px;}
table.pm td[align="center"]{text-align: center;}
table.pm tr td, table.pm tr th{border-left:1px solid rgba(125,125,125,.15);border-top:1px solid rgba(125,125,125,.15)}
table.pm tr td:first-child, table.pm tr th:first-child{border-left:none}
table.pm tr:first-child td{border-top:none}
table.pm td img {display: block;margin: 0 auto;}
table.pm .checkbox-wrp {margin-right:0}
table.pm select[name="doaction"]{max-width:50%;}

@media (max-width: 768px){table, .table {display: inherit !important;overflow-y: hidden;}}

/*MastHead*/
.masthead{overflow:hidden;position:relative;z-index:1}
.masthead .btn{margin-bottom:.5rem}
.fixed-bg{background-attachment:fixed}
.cover-bg{background-position:center center;background-repeat:no-repeat;background-size:cover;mix-blend-mode: multiply}
.dark-bg {background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, .5) 100%);bottom:0;height:100%;left:0;position:absolute;top:0;transition:all .2s;width:100%}
.dark-bg a{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}
.dark-bg a > *{bottom:0;color:white;padding:1em;position:absolute;transition:all .3s;width:100%}
.dark-bg a:hover > *{bottom: .5em}

/*Sticky*/
.sticky {bottom: auto;left: 0;position: fixed;right: 0;top: 0;z-index: 4;}
.sticky{transition-duration:.5s;transition-timing-function:cubic-bezier( 0.215, 0.610, 0.355, 1.000 );transition-property:transform}
.sticky-hidden{transform:translateY( -110% )}

/*Images*/
.story-content img[style*="left"],.story-content .highslide img[style*="left"] {margin:1% 1% 1% 0}
.story-content img[style*="right"],.story-content .highslide img[style*="right"] {margin:1% 0 1% 1%}
.story-content .highslide img {margin:1% auto}
.story-content img{height:auto!important}

/*List*/
ul, ol,li ul,li ol,.info ul,.info.story-content ul,.dle-alert ul {margin:0;padding:0;position:relative}
ul li, ol li,.info li,.info.story-content li,.dle-alert li {list-style-type:none}
li.n-bg:nth-child(2n){background-color:rgba(125, 125, 125, 0.05);}
.story-content ul{margin-bottom: .5em;margin-top: .5em;padding-left:2.5rem}
.story-content ol {margin-bottom: .5em;margin-top: .5em;padding-left:2.5rem}
.story-content ul li{list-style-type:disc}
.story-content ol li{list-style-type:decimal}
.story-content ol ol li{list-style:upper-alpha}
.story-content ol ol ol li{list-style:lower-roman}
.story-content ol ol ol ol li{list-style:lower-alpha}

/*Collapsible*/
.collapsible {border-top: 1px solid rgba(125,125,125,.15);border-right: 1px solid rgba(125,125,125,.15);border-left: 1px solid rgba(125,125,125,.15);}
.collapsible-header {border-bottom: 1px solid rgba(125,125,125,.15);cursor: pointer;display: flex;}
.collapsible-body {border-bottom: 1px solid rgba(125,125,125,.15);display: none;}
.collapsible-body > li {clear: both;line-height: inherit;text-align: left;width: 100%;}
.collapsible-body > li > a:hover {background-color: #eee;}
.collapsible-body > li > a:focus {outline: none;background-color: #dadada;}
.collapsible-body > li.divider {cursor: default;min-height: 0;height: 1px;margin-bottom: -2px;min-height: 0;}
.collapsible-body > li > a, .collapsible-body > li > span {align-items: center;color: initial;display: flex;justify-content: space-between;padding: 0.75rem;}
.collapsible-body > li > a i {font-size: 125%;opacity: 0.75;}
.collapsible-body > li > span > label {height: 18px;left: 0;margin: 0;top: 1px;}

/*ToTop*/
.btn-back-top.back-show{bottom:55px}
.btn-back-top{bottom:-100px;display:inline-block;left:auto;position:fixed;right:20px;top:auto;transition:all 0.5s ease 0s;z-index:999}
/*iphone-6-plus*/
@media (max-width: 768px), and (max-device-width:768px) and (orientation: landscape) {.btn-back-top.back-show{bottom:20px}}

/* Slider.css */
.slider, .slider .slides {position: relative;width: 100%;}
.slider .slides li {opacity: 0;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: inherit;overflow: hidden;}
.slider .slides li img {width: 100%;}
.slider .slides li .caption {left: 10%;opacity: 0;position: absolute;right: 10%;top: 33%;width: auto;}
.slider .slides li .caption h1,
.slider .slides li .caption h2,
.slider .slides li .caption h3,
.slider .slides li .caption h4,
.slider .slides li .caption h5,
.slider .slides li .caption h6 {margin: 1rem 0;text-shadow: 0 0 10px rgb(0, 0, 0);}
.slider .slides li .caption p {margin: 0;text-shadow: 0 0 10px rgb(0, 0, 0);}
.slider .slides li.active {z-index: 2;}
.slider .indicators {bottom: 0;height: 40px;left: 0;margin: 0;position: absolute;right: 0;text-align: center;top: auto;z-index: 2;}
.slider .indicators .indicator-item {background-color: rgba(125, 125, 125, 0.5);border-radius: 50%;cursor: pointer;display: inline-block;height: 0.75em;margin: 0.75rem;padding: 0.5rem;position: relative;transition: background-color 0.3s ease 0s;vertical-align: middle;width: 0.75em;}
.slider .indicators .indicator-item.active {background-color: rgba(25, 25, 25, 0.5);}

/* Carousel.css */
.carousel {overflow: hidden;position: relative;width: 100%;height: 400px;-webkit-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.carousel .carousel-item {bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;}
.carousel .carousel-item > img {width: 100%;}
.carousel .indicators {bottom: 0;left: 0;margin: 0;position: absolute;right: 0;text-align: center;top: auto;z-index: 2;}
.carousel .indicators .indicator-item {background-color: rgba(125, 125, 125, 0.5);border-radius: 50%;cursor: pointer;display: inline-block;height: 0.5em;margin:.5rem;padding:.5rem;position: relative;transition: background-color 0.3s ease 0s;vertical-align: middle;width:.5em;}
.carousel .indicators .indicator-item.active {background-color: rgba(25, 25, 25, 0.5);}

/* Soclinks.css */
/* http://www.socicon.com https://github.com/themegrill/social-icons */
@font-face{font-family:Socicon;src:url(../fonts/Socicon.woff2) format("woff2"),url(../fonts/Socicon.woff) format("woff")}
.social li a{font-family:Socicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.social li a{background:rgba(0,0,0,.15) none no-repeat scroll 0 0;border-radius:2px;font-size:100%;margin:2px;min-height:32px;min-width:32px;opacity:.87;padding:8px;transition:opacity .1s ease-in-out 0s;vertical-align:middle}
.social li a:hover{opacity:1}
.social.fs100{font-size: 100%}
.social.fs110{font-size: 110%}
.social.fs120{font-size: 120%}
.social.fs130{font-size: 130%}
.social.fs140{font-size: 140%}
.social.fs150{font-size: 150%}
.social.fs160{font-size: 160%}
.social.fs170{font-size: 170%}
.social.fs180{font-size: 180%}
.social.fs190{font-size: 190%}
.social.fs200{font-size: 200%}

.social-inline li,.social-inline li a{display:inline-block}
.social .social-rounded li a,.social.social-rounded li a{border-radius:100%}
.social.bg-none li a{background-color: transparent!important}

.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}

/* visually-black.css */
body.visually-black, 
.visually-black .wrapper-bg,
.visually-black .ui-dialog {background-color: #000 !important;background-image: none !important;color: #fff !important;font-size: 12pt !important;letter-spacing: 0 !important;}
.visually-black h1,.visually-black h2,.visually-black h3,.visually-black h4,.visually-black h5,.visually-black h6{color: #fff !important;}
.visually-black a {opacity:1 !important;}
.visually-black .wrapper {font-size: 14pt !important;}
.visually-black main {background-color: #000 !important;}
/*border*/
.visually-black .story.b,.visually-black .b {border: 1px solid #fff !important;}
/*border-radius*/
.visually-black .border-radius {border-radius: 0 !important;}
/*shadow*/
.visually-black .shadow-2dp {box-shadow: none !important;}
.visually-black .shadow-3dp {box-shadow: none !important;}
.visually-black .shadow-4dp {box-shadow: none !important;}
.visually-black .shadow-6dp {box-shadow: none !important;}
.visually-black .shadow-8dp {box-shadow: none !important;}
.visually-black .shadow-16dp {box-shadow: none !important;}
.visually-black .shadow-24dp {box-shadow: none !important;}
/*Chip\Badge*/
.visually-black .chip, .visually-black .chips, .visually-black .tags a { background-color: #fff !important; border-radius: 0 !important; color: #000 !important; }
.visually-black .chip a, .visually-black .chips a, .visually-black .tags a { color: #000 !important; }
.visually-black .chip a:hover, .visually-black .chips a:hover, .visually-black .tags a:hover { color: #000 !important; }
/*Button*/
.visually-black a.btn, .visually-black a.btn-flat, .visually-black a.ui-button, .visually-black a.bbcodes, .visually-black .btn, .visually-black .btn-flat, .visually-black .ui-button, .visually-black .bbcodes,
.visually-black a.btn, .visually-black a.btn-floating, .visually-black .btn, .visually-black .btn-floating {background-color: #fff !important;color:#000 !important;border-radius: 0px !important;box-shadow: none !important;}
.visually-black .btn-floating i {color: #000 !important;}
/*Tooltip*/
.visually-black #tooltip {display:none !important;}
/* Color-Theme */
.visually-black .theme-primary,
.visually-black .theme-accent,
.visually-black .bg-primary,
.visually-black .bg-accent {background-color: #000 !important;color: #fff !important;}
.visually-black .text-primary {color: #fff !important;}
.visually-black .text-accent {color: #fff !important;}
.visually-black .b-primary {border-color: #fff !important;}
.visually-black .b-accent {border-color: #fff !important;}
.visually-black .ui-dialog-titlebar {background-color:#fff !important;}
.visually-black .ui-dialog-title {color: #fff !important;}
.visually-black .ui-dialog-titlebar-close .ui-icon {color:#fff !important;}
.visually-black .sidenav {background-color: #000 !important;border-right: 1px solid #fff;}
.visually-black .sidenav li > a{color: #fff !important;}
.visually-black .sidenav li > a:hover,
.visually-black .sidenav li > a.active{border-left-color: #000 !important;}
.visually-black .radio-wrp input[type="radio"]:checked ~ .radio-bg {border-color: #fff !important;}
.visually-black .radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {fill: #fff !important;}
.visually-black .checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {background-color: #fff !important;border-color: #fff !important;}
.visually-black .input-field label.active {color: #fff !important;}
.visually-black .input-field input,
.visually-black .input-field textarea {background-image: linear-gradient(to top, #fff 2px, rgba(0, 0, 0, 0) 0px), linear-gradient(to top, rgba(125, 125, 125, 0.35) 1px, rgba(0, 0, 0, 0) 0px);}
.visually-black .quote,
.visually-black .title_quote {border-left-color: #fff !important;}
.visually-black .slider .indicators .indicator-item.active,
.visually-black .carousel .indicators .indicator-item.active,
.visually-black .tabs .indicator {background-color: #fff !important;}
.visually-black .story-content {background-color: #000 !important;background-image: none !important;}
/*ToTop*/
.visually-black .btn-back-top {display: none !important;}
/*MastHead*/
.visually-black .masthead {display: none !important;}
.visually-black .slider-wrapper {display: none !important;}
/*All Story*/
.visually-black .allstory,
.visually-black .sbstory,
.visually-black .story,
.visually-black .arhiv,
.visually-black .monthselect,
.visually-black .topnews,
.visually-black .lastcomments,
.visually-black .informer,
.visually-black .tags_block,
.visually-black .some_widget {background: #000 !important;border: 1px solid #fff !important;border-radius: 0px !important;box-shadow: none !important;color: #fff !important;}
.visually-black .story-content a {color: #fff !important;text-decoration: underline !important;}

/* visually-white.css */
body.visually-white, 
.visually-white .wrapper-bg,
.visually-white .ui-dialog {background-color: #fff !important;background-image: none !important;color: #000 !important;font-size: 12pt !important;letter-spacing: 0 !important;}
.visually-white h1,.visually-white h2,.visually-white h3,.visually-white h4,.visually-white h5,.visually-white h6{color: #000 !important;}
.visually-white a {opacity:1 !important;}
.visually-white .wrapper {font-size: 14pt !important;}
.visually-white main {background-color: #fff !important;}
/*border*/
.visually-white .story.b,.visually-white .b {border: 1px solid #000 !important;}
/*border-radius*/
.visually-white .border-radius {border-radius: 0 !important;}
/*shadow*/
.visually-white .shadow-2dp {box-shadow: none !important;}
.visually-white .shadow-3dp {box-shadow: none !important;}
.visually-white .shadow-4dp {box-shadow: none !important;}
.visually-white .shadow-6dp {box-shadow: none !important;}
.visually-white .shadow-8dp {box-shadow: none !important;}
.visually-white .shadow-16dp {box-shadow: none !important;}
.visually-white .shadow-24dp {box-shadow: none !important;}
/*Chip\Badge*/
.visually-white .chip, .visually-white .chips, .visually-white .tags a { background-color: #000 !important; border-radius: 0 !important; color: #fff !important; }
.visually-white .chip a, .visually-white .chips a, .visually-white .tags a { color: #fff !important; }
.visually-white .chip a:hover, .visually-white .chips a:hover, .visually-white .tags a:hover { color: #fff !important; }
/*Button*/
.visually-white a.btn, .visually-white a.btn-flat, .visually-white a.ui-button, .visually-white a.bbcodes, .visually-white .btn, .visually-white .btn-flat, .visually-white .ui-button, .visually-white .bbcodes,
.visually-white a.btn, .visually-white a.btn-floating, .visually-white .btn, .visually-white .btn-floating {background-color: #000 !important;color:#fff !important;border-radius: 0px !important;box-shadow: none !important;}
.visually-white .btn-floating i {color: #fff;}
/*Tooltip*/
.visually-white #tooltip {display:none !important;}
/*MastHead*/
.visually-white .masthead {display: none !important;}
.visually-white .slider-wrapper {display: none !important;}
/* Color-Theme */
.visually-white .theme-primary,
.visually-white .theme-accent,
.visually-white .bg-primary,
.visually-white .bg-accent {background-color: #fff !important;color: #000 !important;}
.visually-white .text-primary {color: #000 !important;}
.visually-white .text-accent {color: #000 !important;}
.visually-white .b-primary {border-color: #000 !important;}
.visually-white .b-accent {border-color: #000 !important;}
.visually-white .ui-dialog-titlebar {background-color: #fff !important;}
.visually-white .ui-dialog-title {color: #000 !important;}
.visually-white .ui-dialog-titlebar-close .ui-icon {color: #000 !important;}
.visually-white .sidenav {background-color: #fff !important;border-right: 1px solid #000;}
.visually-white .sidenav li > a{color: #000 !important;}
.visually-white .sidenav li > a:hover,
.visually-white .sidenav li > a.active{border-left-color: #fff !important;}
.visually-white .radio-wrp input[type="radio"]:checked ~ .radio-bg {border-color: #000 !important;}
.visually-white .radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {fill: #000 !important;}
.visually-white .checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {background-color: #000 !important;border-color: #000 !important;}
.visually-white .input-field label.active {color: #000 !important;}
.visually-white .input-field input,
.visually-white .input-field textarea {background-image: linear-gradient(to top, #000 2px, rgba(0, 0, 0, 0) 0px), linear-gradient(to top, rgba(125, 125, 125, 0.35) 1px, rgba(0, 0, 0, 0) 0px);}
.visually-white .quote,
.visually-white .title_quote {border-left-color: #000 !important;}
.visually-white .slider .indicators .indicator-item.active,
.visually-white .carousel .indicators .indicator-item.active,
.visually-white .tabs .indicator {background-color: #000 !important;}
.visually-white .story-content {background-color: #fff !important;background-image: none !important;}
/*ToTop*/
.visually-white .btn-back-top {display: none !important;}
/*All Story*/
.visually-white .allstory,
.visually-white .sbstory,
.visually-white .story,
.visually-white .arhiv,
.visually-white .monthselect,
.visually-white .topnews,
.visually-white .lastcomments,
.visually-white .informer,
.visually-white .tags_block,
.visually-white .some_widget {background: #fff !important;border: 1px solid #000 !important;border-radius: 0px !important;box-shadow: none !important;color: #000 !important;}
.visually-white .story-content a {color: #000 !important;text-decoration: underline !important;}

/* Color-Theme */
.theme-primary{background-color:rgb(66, 66, 66);color:rgba(255, 255, 255, 0.87);}
.theme-accent{background-color:rgb(239, 108, 0);color:rgba(255, 255, 255, 0.87);}
.bg-primary{background-color:rgb(66, 66, 66);}
.bg-accent{background-color:rgb(239, 108, 0);}
.text-primary{color:rgb(66, 66, 66);}
.text-accent{color:rgb(239, 108, 0);}
.b-primary{border-color:rgb(66, 66, 66);}
.b-accent{border-color:rgb(239, 108, 0);}
.sidenav li > a:hover,.sidenav li > a.active{border-left-color: rgb(66, 66, 66);}
.radio-wrp input[type="radio"]:checked ~ .radio-bg {border-color: rgb(239, 108, 0);}
.radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {fill: rgb(239, 108, 0);}
.checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {background-color: rgb(239, 108, 0);border-color: rgb(239, 108, 0);}
.input-field label.active {color: rgb(239, 108, 0);}
.input-field input, .input-field textarea {background-image: linear-gradient(to top, rgb(239, 108, 0) 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(239, 108, 0);}
.slider .indicators .indicator-item.active, .carousel .indicators .indicator-item.active , .tabs .indicator {background-color: rgb(239, 108, 0);}
/*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:200%}
.headline{font-family:inherit;font-size:150%}
.headtitle{font-family:inherit;font-size:125%}
.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: 2px;}
/*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(239, 108, 0); color: rgba(255, 255, 255, 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(66, 66, 66) inset !important;color:rgb(66, 66, 66) !important;opacity:.85;transition: all .3s ease 0s;}
.btn-outline-primary:hover{background-color: rgb(66, 66, 66) !important;box-shadow: 0 0 0 2px rgb(66, 66, 66) inset !important;color:rgba(255, 255, 255, 0.87) !important;opacity:1;}
.btn-outline-accent {background-color: transparent !important;box-shadow: 0 0 0 2px rgb(239, 108, 0) inset !important;color:rgb(239, 108, 0) !important;opacity:.85;transition: all .3s ease 0s;}
.btn-outline-accent:hover{background-color: rgb(239, 108, 0) !important;box-shadow: 0 0 0 2px rgb(239, 108, 0) inset !important;color:rgba(255, 255, 255, 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(239, 108, 0); color: rgba(255, 255, 255, 0.87); }
.navigation a:hover { background: rgb(239, 108, 0); color: rgba(255, 255, 255, 0.87)!important; }
/*Tags*/
.tags_block .tags a { background: rgb(239, 108, 0); border-radius: 2px; color: rgba(255, 255, 255, 0.87); }
.tags_block .tags a:hover { background: rgb(239, 108, 0); border-radius: 2px; color: rgba(255, 255, 255, 0.87) !important; }
.sidenav .badge { background-color:rgb(239, 108, 0);color:rgba(255, 255, 255, 0.87); }
/*Tooltip*/
#tooltip {background-color: rgb(239, 108, 0);border-radius: 3px;color: rgba(255, 255, 255, 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(239, 108, 0);bottom: -7px;content: "";height: 0;left: 50%;margin-left: -7px;position: absolute;width: 0;}
#tooltip.top:after {border-bottom: 7px solid rgb(239, 108, 0);border-top-color: transparent;bottom: auto;top: -14px;}
#tooltip.left:after {left: 10px;margin: 0;}
#tooltip.right:after {left: auto;margin: 0;right: 10px;}

/*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(239, 108, 0);}
/*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(239, 108, 0);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(239, 108, 0);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(255, 255, 255), rgb(255, 255, 255));background-origin: padding-box, padding-box;background-position: center top, 0 0;background-repeat: repeat, repeat;background-size: auto;color: inherit;}
/*Container*/
.container {margin: 0 auto;max-width: 1100px;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: 2px;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: 2px;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);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:2px;border-top-right-radius:2px;}
.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:2px;border-bottom-right-radius:2px;}

/*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(239, 108, 0);border-radius: 2px;border-top: 0px solid rgb(239, 108, 0);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);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:2px;border-top-right-radius:2px;}
.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:2px;border-bottom-right-radius:2px;}

/*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(239, 108, 0);border-radius: 2px;border-top: px solid rgb(239, 108, 0);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);color: rgb(64, 64, 64);}
.sbstory .story-title{align-items: center;display:flex;flex-wrap:wrap;flex-direction:row;border-top-left-radius:2px;border-top-right-radius:2px;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:2px;border-bottom-right-radius:2px;}

/*SbMenu*/
.sbmenu {background: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 255, 255));border-radius: 2px;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);color: rgb(64, 64, 64);margin-bottom:1rem;}
.sbmenu > ul > li:first-child > a {border-radius: 2px 2px 0 0;}
.sbmenu > ul > li:last-child > a {border-radius: 0 0 2px 2px;}
.sbmenu li > a:hover,.sbmenu li > a.active{border-left: 3px solid rgb(239, 108, 0);}
.sbmenu .badge {background-color: rgb(239, 108, 0);color: rgba(255, 255, 255, 0.87);}

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

/*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(66, 66, 66);border-radius: 2px 2px 0 0;color: rgba(255, 255, 255, 0.87);}
.theme table.calendar th.workday, .theme table.calendar th.weekday {background-color: rgb(66, 66, 66);color: rgba(255, 255, 255, 0.87);opacity: 0.75;font-weight: 400;}
.theme table.calendar .day-active a, .theme table.calendar .day-active-v a {background-color: rgb(239, 108, 0);color: rgba(255, 255, 255, 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(66, 66, 66);border-radius: 2px 2px 0 0;color: rgba(255, 255, 255, 0.87);}
.theme .archives {border-bottom: 1px dashed rgb(66, 66, 66);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(66, 66, 66);padding-bottom: 0;padding-top: 1rem;}

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

/*Edit block*/
div.full-news-block {position:relative; top:-17px; right:15px; width:175px; height:175px; float: right;}
img.full-poster {border-radius: 5px; border:5px solid #ef6c00;}
div.title-block {font-size:11px; background:#0095b9; border-bottom:5px solid #ef6c00; color: white;}

div.full-butt-block {width:76px; height:64px; position:relative; margin-top:-70px; font-size:0;}
div.full-butt-block::before {content:''; display:inline-block; vertical-align:top; width:59px; height:100%; background-color:#0095b9;}
div.full-butt-block::after {content:''; display:inline-block; vertical-align:top; width: 17px; height:100%; border-top:32px solid transparent; border-bottom:32px solid transparent; border-left:17px solid #0095b9;}

div.mediPlayer {position:relative; top:-54px; left:10px; width:50px; height:50px;}
div.block-info {top:20px; position:relative; margin-left:105px; border-left:1px solid #434343; padding-left:10px; overflow:hidden; white-space:nowrap; margin-right:195px;}
div.story-info {border-top:1px solid rgba(125,125,125,.15); border-bottom:1px solid rgba(125,125,125,.15);}
div.free-block {margin-bottom:17px; border-radius:2px; 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);}
div.catface {padding:15px; background:white;}

div.chip {display:inherit;}
span.ignore-select {padding:0 10px;}
div.bg-teal, a.bg-teal {background: #0095b9!important;}
div.butt-download > a, div.attachment > a:hover {color:white!important; font-size:13px; padding-top:1px; padding-bottom:1px;}
div.butt-download > a > i.material-icons {float:left; font-size:20px; padding-right:7px; top:-1px;}

div.short-news-block {position:relative; float:right; width:76px; height:76px;}
div.short-news-block {position:relative; float:right; width:76px; height:76px;}

div.short-butt-block {width:76px; height:64px; position:relative; top:6px; font-size:0; float:left;}
div.short-butt-block::before {content:''; display:inline-block; vertical-align:top; width:59px; height:100%; background-color:#0095b9;}
div.short-butt-block::after {content:''; display:inline-block; vertical-align:top; width:17px; height:100%; border-top:32px solid transparent; border-bottom:32px solid transparent; border-left:17px solid #0095b9;}

div.mediPlayer.short-player {position:inherit; float:left; margin-top:16px; margin-left:-67px}
img.short-poster {min-width:76px; min-height:76px;border:2px solid #fff;}
div.short-story {display:block!important;}
div.meta-block {position:relative; margin-left:85px; top:-12px; overflow:hidden; white-space:nowrap;}
i.display-icon {display:inherit!important; padding-right:5px;}
i.short-rating > span.ignore-select, i.short-rating > span.ignore-select > span.ignore-select {padding:inherit!important; font-style:normal;}
div.short-title {font-size:11px; position:relative; margin-left:70px; top:-5px; border-bottom:none;}
div.short-title > a > h2 {overflow:hidden; white-space:nowrap; position:relative;}

span.fader {
    position:absolute; right:76px; top:10px; width:40px; height:35px;
    background: -moz-linear-gradient(left,rgba(255,255,255,0)0%,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0)0%,#fff 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0)0%,#fff 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0)0%,#fff 100%);
    background: linear-gradient(to right,rgba(255,255,255,0)0%,#fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff',GradientType=1 );
}

span.fader-rotate {
    position:absolute; right:1px; top: 0px; width: 76px; height: 76px;
    background: -moz-linear-gradient(right,rgba(255,255,255,0)0%,#fff 100%);
    background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(right,rgba(255,255,255,0)0%,#fff 100%);
    background: -o-linear-gradient(right,rgba(255,255,255,0)0%,#fff 100%);
    background: -ms-linear-gradient(right,rgba(255,255,255,0)0%,#fff 100%);
    background: linear-gradient(to left,rgba(255,255,255,0)0%,#fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00ffffff',GradientType=1 );
}

span.fader-info {right:0; top:0; width:40px; height:64px;}
span.fader-full-info {right:0; top:0; width:31px; height:40px;}

iframe.block-tube {width:100%; height:34vh;}
div.margin-block {margin-right:15px;}

input#story {outline:none; font-family:'PT Sans Narrow', sans-serif;}
div.topnews-info {font-size:13px;}
div.topnews-info > a > span.mr2 {margin-right:9px!important;}
textarea#full_txt {height:150px;}
table.table-stats {white-space:nowrap;}
span.track-name:before {content:" - ";}
div.shortstory.story {height:76px;}
div.adapt {text-align:center; background:#fff;}

@media only screen and (max-width:768px) {
    div.short-story {padding-bottom:17px;}
}

@media only screen and (max-width:700px) {
    div.full-butt-block {margin-top:-65px;}
    div.meta-block {display:none;}
    span.fader-full-info {right:0;}
    div.block-info {margin-right:15px;}
    div.title-block > h1 {text-align:center;}
    span.fader {height:55px;}
    div.short-title {padding-bottom:11px;}
    span.track-name {display:block; margin-top:5px; font-size:14px; color:#666;}
    span.track-name:before {content:"";}
    div.story a:hover > h2 > span.track-name {color:rgb(239, 108, 0); transition:color 0.25s ease 0s;}
    div.full-news-block {position:inherit; top:inherit; right:inherit; width:inherit; height:205px; float:inherit; 
        text-align:center; background:url(../images/bgimg.jpg); background-size:cover; border-bottom: 5px solid #ef6c00;}
    img.full-poster {border-radius:inherit; border:none;}
}

@media only screen and (max-width:576px) {
    div.meta-block {margin-right:12px;}
    div.short-title {margin-left:75px;} 
    div.short-story {padding-top:18px;}
    span.fader-info, span.fader-full-info {right:0;}
    div.date-com {display:inherit!important;}
    div.short-title {padding-bottom:9px;}
    div.adapt {overflow:hidden;}
}

/** Lighstat **/
.lightstat_main * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.lightstat_main *:before, .lightstat_main *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.lightstat_main {min-width:230px; width:100%; margin:0 auto; box-shadow:0 4px 10px rgba(0, 0, 0, .1); border-radius:8px;}
.lightstat_progress {width: 100%; padding: 0 10px;}
.lightstat_progress span {height:4px; display:block; float:left;}
.lightstat_progress span:nth-of-type(1) {border-top-left-radius:2px; border-bottom-left-radius:2px;}
.lightstat_progress span:nth-last-of-type(1) {border-top-right-radius:2px; border-bottom-right-radius:2px;}
.lightstat_body {background:#242043; border-top:1px solid #ececec; padding:15px 0 1px 0;}
.lightstat_body.border_none_user {border-radius:8px;}
.lightstat_body .result_numb div {padding:0 10px 11px 10px; color:#bbb; text-shadow:0 -1px 0 rgba(0, 0, 0, .6);}
.lightstat_body .result_numb div span:nth-of-type(1) {width:8px; height:8px; display:inline-block; border-radius:99px; margin:6px 10px 0 0; vertical-align:top; box-shadow:0px -1px 1px rgba(0, 0, 0, .6);}
.lightstat_body .result_numb div span:nth-of-type(2) {float:right; color:#fff;}
.lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {border:2px solid #d9823b;}
.lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {border:2px solid #a963b9;}
.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {border:2px solid #36a7a5;}
.lightstat_user_circle {background:#d9823b;}
.lightstat_guest_circle {background:#a963b9;}
.lightstat_bot_circle {background:#36a7a5;}
.lightstat_is {font-size:13px; text-transform:uppercase; padding:18px 0 15px 28px; display:block; text-shadow:0 -1px 0 rgba(0, 0, 0, .6);}
.lightstat_user_list {background:#fff; border-radius:0 0 8px 8px; position:relative;}
.lightstat_pandoge_com {width:8px; height:20px; position:relative; background:#222; display:block; position:absolute; top:0; right:20px; transition:.2s;}
.lightstat_pandoge_com:after {content:""; position:absolute; left:0; bottom:0; width:0; height:0; border-bottom:4px solid #d1d5d8; border-left:4px solid transparent; border-right:4px solid transparent;}
.lightstat_pandoge_com:hover {height:24px; transition:.2s;}
.lightstat_user_list_title {color:#242043; font-size:13px; text-transform:uppercase; padding:18px 0 17px 28px; display:block;}
.lightstat_user_list_item {padding:0 10px 20px 10px; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
.lightstat_user_list_item a {text-decoration:none !important; color:#242043;}
.lightstat_user_list_item_avatar {background-size:cover!important; border-radius:99px; width:34px; height:34px;	display:block;}
.lightstat_user_list_item_avatar:hover {opacity:.8;}
.lightstat_user_list_item_info {font-size:12px; width:calc(100% - 34px); padding:1px 0 0 10px;}
.lightstat_user_list_item_info span {display:block; font-weight:400; padding:2px 0 0 0; color:#888;}
.lightstat_user_list_item_info span.online {color:#0e8952;}
.lightstat_user_list_item_info a:hover {text-decoration:underline !important;}
.full_list_visit {margin:auto; color:#242043; font-size:10px; text-transform:uppercase; display:block; font-weight:700; width:120px; text-align:center;	background:#fff; border-radius:99px; height:26px; line-height:26px; border:1px solid #888; box-shadow:0 2px 4px rgba(0, 0, 0, .1);}
.full_list_visit:hover {box-shadow:0 4px 8px rgba(0, 0, 0, .2);}
.full_list_visit_bg {position:absolute;	bottom:0; left:0; right:0; border-radius:0 0 8px 8px; z-index:2; background:-moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); background:-webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); background:linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%); padding:20px 0;}
.lightstat_user_list_item {display: none;}
.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) {display:flex;}
.lightstat_light_theme .lightstat_body {background: #f1f5f7;}
.lightstat_light_theme .lightstat_body {background: #f1f5f7;}
.lightstat_light_theme .lightstat_user_list_item a {color: #030304;}
.lightstat_light_theme .lightstat_user_list_title {color:#030304;}
.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) {color:#283e52;}
.lightstat_light_theme .lightstat_body .result_numb div {color:#030304; text-shadow:none;}
.lightstat_light_theme .lightstat_is {text-shadow:none;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {border:2px solid #0bb1d6; box-shadow:none;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {border:2px solid #ff6d00;	box-shadow:none;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {border:2px solid #345471; box-shadow: none;}
.lightstat_light_theme .lightstat_user_circle {background:#0bb1d6;}
.lightstat_light_theme .lightstat_guest_circle {background:#ff6d00;}
.lightstat_light_theme .lightstat_bot_circle {background:#345471;}

div.block-info > span.info-artist > a {background:#eeeeee; padding:3px;}
div.fbanner {border-bottom:1px solid rgba(125,125,125,.15); margin-bottom:0;}   

div.image-sidebar-block {width:50px; height:50px; float:right}
img.img-sb {border:1px solid #ef6c00; border-radius:5px;}

/* === Баннеры === */
.banner-full {max-width:702px; padding-top:8px;}
.bantop {max-width:702px;}
.banner-top {background: linear-gradient(
180deg, rgb(255, 255, 255), rgb(255, 255, 255));
    border-bottom: 0px solid rgb(239, 108, 0);
    border-radius: 2px;
    border-top: 0px solid rgb(239, 108, 0);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: rgba(0, 0, 0, 0.87);}

/* === Аудиоплеер === */
#audio-player {position:fixed; bottom:0; left:0; width:100%; height:70px; background:linear-gradient(to right, #0095b9, #007a96); color:white; display:flex; align-items:center; justify-content:space-between; box-shadow:0 -2px 10px rgba(0, 0, 0, 0.2); z-index:9999; padding:0 10px; box-sizing:border-box;}
#audio-player.hidden {display:none;}

/* === ПОСТЕР ТРЕКА === */
.player-poster {width:50px; height:50px; border-radius:50%; overflow:hidden; margin-right:10px; border:2px solid rgba(255, 255, 255, 0.2); transition:transform 0.2s ease;}
.player-poster:hover {transform:scale(1.03);}
.player-poster img {width:100%; height:100%; object-fit:cover; border-radius:50%; transition:transform 0.3s ease;}
.player-poster img.playing {animation:rotate 8s linear infinite;}

@keyframes rotate {
    0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* === ИНФОРМАЦИЯ И ВОЛНОВАЯ ФОРМА === */
.player-info {flex:1; min-width:120px; margin-right:10px;}
.player-info a {color:white; text-decoration:none; font-size:16px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; margin-bottom:4px;}

/* Волновая форма */
#waveform {width:100%; height: 20px; background:rgba(255, 255, 255, 0.1); border-radius:4px; overflow:hidden; cursor:pointer; position:relative;}
#waveform:hover {background:rgba(255, 255, 255, 0.15);}

/* === КНОПКИ УПРАВЛЕНИЯ === */
.player-controls {display:flex; gap:10px;}
.player-controls button {background:white; border:2px solid #ef6c00; width:36px; height:36px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); transition:all 0.2s ease; padding:0; overflow:visible; position:relative;}
.player-controls button:hover {background:#f9f9f9; transform:scale(1.08); box-shadow:0 3px 8px rgba(0, 0, 0, 0.15);}
.player-controls button:active {transform:scale(0.95); background:#f0f0f0;}

/* Защита: SVG всегда видны */
.player-controls svg {display:block; width:18px; height:18px;}

/* Play/Pause — переключение */
.player-controls button#play-pause svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:opacity 0.2s ease;}
.player-controls button#play-pause:not(.playing) .icon-play, .player-controls button#play-pause.playing .icon-pause {opacity:1;}
.icon-play path, .icon-pause path {fill:#ef6c00;}

/* === Адаптивность === */
  .player-poster {width:40px; height:40px;}
  .player-info a {font-size:15px;}
  .player-controls button {width:32px; height:32px; border-width:1.5px;}
  .player-controls svg {width:16px; height:16px;}

  /* Мобильные иконки оранжевые */
  .icon-play path, .icon-pause path, #prev-btn svg path, #next-btn svg path {fill:#ef6c00;}

/* === КНОПКА ВОСПРОИЗВЕДЕНИЯ НА КАРТОЧКЕ ТРЕКА === */
.audio-track {position:relative; display:inline-block;}
.track-play-btn {background:white; border:2px solid #ef6c00; width:44px; height:44px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); transition:all 0.2s ease; padding:0; overflow:hidden; position:relative;}
.track-play-btn:hover {background:#f9f9f9; transform:scale(1.1); box-shadow:0 3px 8px rgba(0, 0, 0, 0.15);}
.track-play-btn:active {transform:scale(0.95); background:#f0f0f0;}
.track-play-btn svg {width:20px; height:20px; display:block;}

.track-pause-btn {background:white; border:2px solid #ef6c00; width:44px; height:44px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition:all 0.2s ease;}
.track-pause-btn:hover {background:#f9f9f9; transform:scale(1.1); box-shadow:0 3px 8px rgba(0, 0, 0, 0.15);}
.track-pause-btn svg rect {fill:#ef6c00;}

/* Адаптивность */
@media (max-width: 600px) {
.track-play-btn svg {width:18px; height:18px;}
}

/* === ТАЙМЕР ВОСПРОИЗВЕДЕНИЯ === */
.player-timer {color:rgba(255, 255, 255, 0.8); font-size:11px; text-align:center; margin-top:4px; letter-spacing:0.5px;}

/* Адаптивность */
@media (max-width: 600px) {
.player-timer {font-size:10px;}
}

/* Cookie */
.cookie_notice {display:none; position:fixed; z-index:9999999; bottom:0; left:0; right:0; text-align:center; color:#FFF; background:#0095b9; padding:10px 20px; border-top:4px solid #BFE2FF;}
.cookie_btn {display:inline-block; border-radius:2px; margin:10px 6px 4px 6px; text-decoration:none; position:relative; font-size:13px; padding:4px 12px; color:#FFF; text-transform:uppercase; background:rgb(239, 108, 0); border:1px solid #BFE2FF;}