/* Reset - START */
html{-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,form{margin:0}address{font-style:normal}blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}main{display:block}a,button{color:inherit}a{text-decoration:none}button{padding:0;overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:0 0;cursor:pointer}img{border:0}fieldset{border:none;padding:0;margin:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label{cursor:pointer}
:focus {outline: thin dotted}
::placeholder {color: #889699; opacity: 1;}
:-ms-input-placeholder {color: #889699;}
::-ms-input-placeholder {color: #889699;}
* {box-sizing: border-box;}
a{transition: color 250ms;display:inline-block}
a:hover, .c-site-header__icon-button:hover, .c-icon-button:hover{color: #09f}
b,strong{font-weight:500} 
/* Reset - END */

/* Generic - START */
html{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.3; 
}
hr{
    background-color: #ddd;
    border: none;
    height: 1px;
    margin: 20px 0 20px;
}
/* Generic - END */

/* Share widget - START */
.c-share-widget{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}
.c-share-widget_article{
    justify-content: flex-start;
    margin: 0 0 20px;
}
.c-share-widget__item{
    display: block;
    transition: opacity 300ms;
}
.c-share-widget__item:not(:first-child){
    margin-left: 10px;
}
.c-share-widget__item img{
    display: block;
}
.c-share-widget__item:hover{
    opacity: 0.8;
}
/* Share widget - END */

/* Checkbox - START */
.c-checkbox{
    display: flex;
    align-items: center;
}
.c-checkbox input{
    margin-right: 10px;
    transform: scale(1.3); 
}
/* Checkbox - END */

/* Preloader - START */
.is-preloading-invisible,
.is-preloading{
    position: relative;
    overflow: hidden;
}
.is-preloading-invisible::after,
.is-preloading::before,
.is-preloading::after{
    content: "";
    display: block;
    position: absolute;
    cursor: wait;
    z-index: 999999;
} 
.is-preloading-invisible::after,
.is-preloading::after{
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 8888;
}
.is-preloading-invisible::after{
    background: none;
}
.is-preloading::before{
    z-index: 8889;
    width: 55px;
    height: 55px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #F26442;
    animation: scaleout 1.0s infinite ease-in-out;
} 
@keyframes scaleout {
    0% {transform: translate(-50%, -50%) scale(0)}
    100% {transform: translate(-50%, -50%) scale(1); opacity: 0}
}
/* Preloader - END */

/* Site notification - START */
.c-site-notification{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    padding: 15px 45px 15px 15px;
    background-color: #555;
    color: #fff;
    text-align: center;
}
.c-site-notification__controls .c-button{
    margin: 4px;
}
.c-site-notification__content{
    margin-bottom: 20px; 
}
.c-site-notification__form{
    margin-top: 10px;
    padding: 20px;
    background-color: #f9f9f9;
    color: #000;
    border: 2px solid #000;
    border-radius: 6px;
}
.c-site-notification__form_hidden{
    display: none;
}
.c-site-notification__form li:not(:first-child){
    margin-top: 20px;
}
.c-site-notification__form .c-checkbox{
    margin-top: 5px;
}
.c-site-notification__form,
.c-site-notification__content_centered{
    max-width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.c-site-notification__content a{
    text-decoration: underline;
}
.c-site-notification__close{
    position: absolute !important;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
}
.c-site-notification__form{
    text-align: left;
}
.c-flash-message{
    background: #09f;
    padding: 10px;
    text-align: center;
    color: #fff;   
} 
/* Site notification - END */

/* Logo - START */
.c-logo,
.c-logo__image{
    display: block;
}
.c-logo{
    transition: all 350ms;
}
.c-logo:hover{
    opacity: 0.9;
}
/* Logo - END */ 

/* Site section - START */
.c-site-section{
    padding: 30px 0;
}
.c-site-section_void-top{
    padding-top: 0;
}
/* Site section - END */

/* Image - START */
.c-banner__img,
.c-img{
    display: block;
    max-width: 100%;
    height: auto;
}
.c-img_bordered{
    padding: 2px;
    border: 3px double #D6D6D6;
}
.c-banner{
    transition: opacity 350ms;
    display: block;
    overflow: hidden;
    border-radius: 6px;
}
.c-banner:hover{
    opacity: 0.8;
}
/* Image - END */

/* Grid - START */
.l-grid{
    display: grid;
    gap: 20px 20px; /* Y X */
} 
.l-grid_spaced{
    gap: 30px 20px;
}
.l-grid_compact{
    gap: 10px 10px;
}
.l-grid[data-l="2"]{grid-template-columns: repeat(2, minmax(0, 1fr));} 
.l-grid[data-l="3"]{grid-template-columns: repeat(3, minmax(0, 1fr));} 
.l-grid[data-l="4"]{grid-template-columns: repeat(4, minmax(0, 1fr));} 
.l-grid[data-l="5"]{grid-template-columns: repeat(5, minmax(0, 1fr));} 
.l-grid[data-l="6"]{grid-template-columns: repeat(6, minmax(0, 1fr));} 

.l-grid__cell[data-l="0"]{ display: none; }
.l-grid__cell[data-l="1"]{grid-column: span 1;}
.l-grid__cell[data-l="2"]{grid-column: span 2;}
.l-grid__cell[data-l="3"]{grid-column: span 3;}
.l-grid__cell[data-l="4"]{grid-column: span 4;}
.l-grid__cell[data-l="5"]{grid-column: span 5;}
.l-grid__cell[data-l="6"]{grid-column: span 6;}
 
@media (max-width: 1200px) {
    .l-grid[data-m="1"]{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .l-grid[data-m="2"]{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .l-grid[data-m="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .l-grid[data-m="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .l-grid[data-m="5"]{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    
    .l-grid__cell[data-m="0"]{ display: none; } 
    .l-grid__cell[data-m="1"]{ grid-column: span 1;display:block; }
    .l-grid__cell[data-m="2"]{ grid-column: span 2;display:block; }
    .l-grid__cell[data-m="3"]{ grid-column: span 3;display:block; }
    .l-grid__cell[data-m="4"]{ grid-column: span 4;display:block; }
    .l-grid__cell[data-m="5"]{ grid-column: span 5;display:block; } 
}
@media (max-width: 767px) { 
    .l-grid {
        gap: 15px;
    } 
    .l-grid[data-s="1"]{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .l-grid[data-s="2"]{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .l-grid[data-s="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .l-grid[data-s="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .l-grid[data-s="5"]{ grid-template-columns: repeat(5, minmax(0, 1fr)); }

    .l-grid__cell[data-s="0"]{ display: none; }
    .l-grid__cell[data-s="1"]{ grid-column: span 1;display:block; }
    .l-grid__cell[data-s="2"]{ grid-column: span 2;display:block; }
    .l-grid__cell[data-s="3"]{ grid-column: span 3;display:block; }
    .l-grid__cell[data-s="4"]{ grid-column: span 4;display:block; }
    .l-grid__cell[data-s="5"]{ grid-column: span 5;display:block; }  
}
@media (max-width: 420px) {
    .l-grid[data-xs="1"]{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .l-grid[data-xs="2"]{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .l-grid[data-xs="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .l-grid[data-xs="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .l-grid[data-xs="5"]{ grid-template-columns: repeat(5, minmax(0, 1fr)); }

    .l-grid__cell[data-xs="0"]{ display: none; }
    .l-grid__cell[data-xs="1"]{ grid-column: span 1;display:block; }
    .l-grid__cell[data-xs="2"]{ grid-column: span 2;display:block; }
    .l-grid__cell[data-xs="3"]{ grid-column: span 3;display:block; }
    .l-grid__cell[data-xs="4"]{ grid-column: span 4;display:block; }
    .l-grid__cell[data-xs="5"]{ grid-column: span 5;display:block; }  
}
/* Grid - END */

/* Content - START */
.c-content{
    display: flex;
    justify-content: space-between;
    padding: 25px 0; 
}
.c-content__main{
    width: calc(100% - 370px); 
}
.c-content__main_wide{
    width: 100%;
}
.c-content__aside{
    width: 336px;  
}
.c-content_wide-sidebar .c-content__main{
    width: calc(100% - 570px); 
}
.c-content_wide-sidebar .c-content__aside{
    width: 550px; 
}
/* Content - END */

/* Categories - START */
.c-categories:not(.c-categories_expanded){
    padding: 30px 0 10px;
}
.c-categories_expanded:not(:first-child){
    padding-top: 10px;
}
.c-categories__main{
    font-size: 1.2rem;
    font-weight: 500;
}
.c-categories__secondary{
    margin-left: 32px;
}
.c-categories__secondary > li{
    margin-top: 5px;
}
.c-categories_expanded .c-categories__more,
.c-categories:not(.c-categories_expanded) .c-categories__secondary:not(.c-categories__secondary_expanded) > li:nth-child(n+4):not(:last-child){
    display: none;
}
.c-categories__more{
    color: #888;
} 
/* Categories - END */

/* Site header - START */
.c-site-header{
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.c-site-header__wrapper{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
}  
.c-site-header__nav a:not(:first-child){
    margin-left: 20px;
}
.c-icon-button,
.c-site-header__icon-button{
    font-size: 1.3rem;
    transition: all 350ms;
    display: inline-flex !important;
    align-items: center;
} 
.c-icon-button > span,
.c-icon-button > img,
.c-site-header__icon-button > span,
.c-site-header__icon-button > img{
    margin-right: 5px;
}
/* Site header - END */  

/* Site footer - START */
.c-site-footer{
    padding: 20px 0 10px;
    border-top: 1px solid #ddd;
}
.c-site-footer__links,
.c-site-footer__bottom{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
}  
.c-site-footer__bottom{
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    font-size: 0.9rem;
} 
.c-site-footer__links a:not(:last-child){
    margin-right: 20px;
}
/* Site header - END */  

/* Buttons - START */
.c-button{
    background-color: #000; 
    border: 1px solid #000;
    color: #fff; 
    text-align: center;
    padding: 8px 25px 10px;
    line-height: 1;
    border-radius: 3px; 
    display: inline-block; 
    transition: all 300ms; 
}
.c-button_big{
    font-size: 1.2rem;
    font-weight: 500;
    padding: 10px 28px 12px;
}
.c-button_compact{
    padding: 5px 15px 7px !important; 
    font-size: 0.9rem;
}
.c-button_square{
    padding: 8px 8px 10px !important;
}
.c-button_square.c-button_compact{
    padding: 5px 5px 7px !important;
}
.c-button_outline{
    background-color: #fff;
    border-color: #D6D6D6;
    color: #4A4253;  
}
.c-button_plain{
    background-color: transparent;
    border-color: transparent; 
    color: #4A4253;
} 
.c-button[disabled="disabled"],
.c-button[disabled],
.c-button:disabled{
    cursor: not-allowed;
    opacity: 0.2;
}
.c-button_danger{
    color: #fff;
    border-color: crimson !important;
    background-color: crimson !important;
} 
.c-button_accent,
.c-button_active,
.c-button:not(:disabled):active,
.c-button:not(:disabled):hover{
    color: #fff;
    border-color: #09f;
    background-color: #09f;
} 
.c-button_danger:not(:disabled):active,
.c-button_active:not(:disabled):active,
.c-button_accent:not(:disabled):active,
.c-button_danger:not(:disabled):hover,
.c-button_active:not(:disabled):hover,
.c-button_accent:not(:disabled):hover{
    opacity: 0.8;
}
/* Buttons - END */  

/* Simple nav - START */  
.c-simple-nav:not(:last-child){
    margin-bottom: 20px;
}
.c-simple-nav .c-button{
    margin: 3px 0;
}
.c-simple-nav_horizontal .c-button{
    margin: 3px 10px 3px 0;
}
/* Simple nav - END */  

/* Headings - START */
.c-heading{
    display: block;
    font-weight: 500;
    line-height: 1.05;
    margin-bottom: 10px; 
} 
.c-heading_slim{
    font-weight: 300;
}
.c-heading_inline{
    display: inline-block;
    margin-right: 25px;
}
.c-heading_spaced{margin-bottom: 15px}
.c-heading_accent{font-weight: bold;}
.c-heading_size_0{font-size: 2.3rem;}
.c-heading_size_1, .c-text h1{font-size: 1.7rem;}
.c-heading_size_2, .c-text h2{font-size: 1.5rem;}
.c-heading_size_3, .c-text h3{font-size: 1.4rem;}
.c-heading_size_4, .c-text h4{font-size: 1.3rem;}
.c-heading_size_5, .c-text h5{font-size: 1.2rem;}
.c-heading_size_6, .c-text h6{font-size: 1.1rem;} 
/* Headings - END */

/* Utilities - START */
.u-wrapper{width: 1200px; margin-left: auto;margin-right:auto;transition: width 350ms;} 
.u-align-center{text-align:center}
.u-highlight-accent{color:#09f}
.u-highlight-underline{text-decoration: underline;text-decoration-thickness: 3px;}
.u-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;}
/* Utilities - END */