@font-face {
    font-family: "HelveticaNeue-Light";
    src: url("fonts/HelveticaNeue-Light.eot");
    src: local("HelveticaNeue-Light"),
         url("fonts/HelveticaNeue-Light.woff") format("woff"),
         url("fonts/HelveticaNeue-Light.ttf") format("truetype"),
         url("fonts/HelveticaNeue-Light.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family: "HelveticaNeue-Medium";
    src: url("fonts/HelveticaNeue-Medium.eot");
    src: local("HelveticaNeue-Medium"),
         url("fonts/HelveticaNeue-Medium.woff") format("woff"),
         url("fonts/HelveticaNeue-Medium.ttf") format("truetype"),
         url("fonts/HelveticaNeue-Medium.svg") format("svg");
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
}
body {
    height: 100%;
    font-size: 62.5%;
    font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    color: #474955;
    text-align: left;
    background: #fff;
    padding-top: 42px;
}
h2 {
    font-weight: bold;
    font-size: 24px;
    color: #474954;
    text-align: center;
}
ul {
    list-style: none;
}
img {
    border: 0;
    vertical-align: middle;
}
a, a:hover {
    text-decoration: none;
}
button,
input[type="submit"] {
    background: none;
    border: none;
    padding: 0;
}

.wrapper {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 15px;
}

@keyframes fb-playing {
    0% {
        background: #1b7de5;
    }
    50% {
        background: #3b95f5;
    }
    100% {
        background: #1b7de5;
    }
}
@-webkit-keyframes fb-playing {
    0% {
        background: #1b7de5;
    }
    50% {
        background: #3b95f5;
    }
    100% {
        background: #1b7de5;
    }
}
@keyframes tg-playing {
    0% {
        background: #2aabee;
    }
    50% {
        background: #0a90d6;
    }
    100% {
        background: #2aabee;
    }
}
@-webkit-keyframes tg-playing {
    0% {
        background: #2aabee;
    }
    50% {
        background: #0a90d6;
    }
    100% {
        background: #2aabee;
    }
}

header {
    height: 42px;
    background: #474955;
    border-bottom: 2px solid #fff;
    padding: 6px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.logo {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    background: url(../img/redtram/logo.svg) no-repeat center -2px;
    background-size: 94px 24px;
    text-indent: -999em;
    overflow: hidden;
}
.social {
    float: right;
}
.social li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px;
}
.btn-fb {
    display: block;
    width: 28px;
    height: 28px;
    background: #1b7de5;
    border-radius: 50%;
    padding: 0 0 0 28px;
    overflow: hidden;
    position: relative;
    transition: background-color .3s ease 0s;
    -webkit-animation: fb-playing 2s linear infinite;
    animation: fb-playing 2s linear infinite;
}
.btn-fb:hover {
    background: #0c6ed6;
}
.btn-fb:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAIEWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDYtMDhUMTQ6MTE6NTErMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDYtMDhUMTQ6MTE6NTErMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA2LTA4VDE0OjExOjUxKzAzOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkwYzIxMTk5LTRiZWQtNDYwNS1hNmU2LTYzOGZhOGVmNWRmZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMyN2M5YjgzLWI5YmEtODE0Ni1hMDMxLTAzMmQ0ZTg5MDc1YiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmU1MTRjMGY1LTNhYmUtNDI4ZS1iNjY3LTk5NDg2ZGQxYWNkMSIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTUxNGMwZjUtM2FiZS00MjhlLWI2NjctOTk0ODZkZDFhY2QxIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjExOjUxKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTBjMjExOTktNGJlZC00NjA1LWE2ZTYtNjM4ZmE4ZWY1ZGZmIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjExOjUxKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ2NTEyN2FhLTJhZjQtNzU0Yi04YmYxLWExM2Y3ZjFjNGE1ZDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2YzA0MjFkMy1hMjMwLThmNDMtOTZlNC1iMzJkNGViOGQyZjI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NmM3Y2FkNzQtMzg5YS0zNDQ3LWJmN2MtZmJlZGFjZjhhZDAyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjgzMDRmMWIxLTQ2ODQtMGM0YS04OGJkLTA3ODhmMGEzNGU1ZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ODY4N2UxNC1lZDFmLTYzNDctODUyYS0xNWEwNWM0NzVjNmI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YjI3ZDcxYTYtYzg3Ny1jYzQ2LWE3ODktYzhmYTc0ZDZjMjM4PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eJgfKgAAAUxJREFUWIXtmLFKBDEQhr/1xMar7AQbOxtBG7EQvFJ8BAufQwsrBX0Ciyt8hOtt9UAQESsLRbHwAay9k9/CRo9NHJ0s2SIfhIVMMvnYMMmylSTazFRugd+Ybjj3HNAFBLx9e9qRlLItSDqUdCNppHrGkvrWnKneYAc4APaBGcPYWWviVIJnwG6iXD9IUSQ7NCQHfsEKOEohEsK7xavAYiT+AVwCDxP919YFvIIbkdg70AOuPAt4t3g+EjvHKQfN3iSvKZK0/qorgl6sVdwDtmr6NyNz1oGTQGyA9agxXtp7gYv/v2xbPxZybfHkwR0kh+AIeLEOziH4DIytg3MIPv5lsLWK74B+Tf8asBKYcw8Ma/ovjGt+Ya2mQDuOVOqpM3fWKjZTBL0UQS9F0EsR9FIEvRRBL60XrOT7ib4MLAViT8CtJzn4BRun9Vv8CQFKsfzPNN1UAAAAAElFTkSuQmCC) no-repeat;
    background-size: 20px 20px;
    position: absolute;
    top: 4px;
    left: 4px;
}
.btn-tg {
    display: block;
    width: 28px;
    height: 28px;
    background: #2aabee;
    border-radius: 50%;
    padding: 0 0 0 28px;
    overflow: hidden;
    position: relative;
    transition: background-color .3s ease 0s;
    -webkit-animation: tg-playing 2s linear infinite;
    animation: tg-playing 2s linear infinite;
}
.btn-tg:hover {
    background: #1599de;
}
.btn-tg:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAIEWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDYtMDhUMTQ6MjA6NDkrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDYtMDhUMTQ6MjA6NDkrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA2LTA4VDE0OjIwOjQ5KzAzOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZmUwMWI5LWY4MjItNDg4OS04MmRiLTU3MGZkZTQ1MDJiOSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkMWE0ZDEzLTMzMTktNDg0My04MmY2LTEzYTE5ZTYwNzdlYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFmYjNmNDdiLTYxYjctNDdlNi1iNmMwLTllY2RiNDM3NjM1YyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWZiM2Y0N2ItNjFiNy00N2U2LWI2YzAtOWVjZGI0Mzc2MzVjIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjIwOjQ5KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODVmZTAxYjktZjgyMi00ODg5LTgyZGItNTcwZmRlNDUwMmI5IiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjIwOjQ5KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ2NTEyN2FhLTJhZjQtNzU0Yi04YmYxLWExM2Y3ZjFjNGE1ZDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2YzA0MjFkMy1hMjMwLThmNDMtOTZlNC1iMzJkNGViOGQyZjI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NmM3Y2FkNzQtMzg5YS0zNDQ3LWJmN2MtZmJlZGFjZjhhZDAyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjgzMDRmMWIxLTQ2ODQtMGM0YS04OGJkLTA3ODhmMGEzNGU1ZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ODY4N2UxNC1lZDFmLTYzNDctODUyYS0xNWEwNWM0NzVjNmI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YjI3ZDcxYTYtYzg3Ny1jYzQ2LWE3ODktYzhmYTc0ZDZjMjM4PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6/EzUgAAAnBJREFUWIXtmM1vDVEYh59SIqGtpLpVGilpLBGEXRNpSIQUqQixINKFj4WVVYkt4h+wU+1ChERsREJIm/iMjx0LCw1SC6EsxGMxtzq9nemcmdFei/6Sk9x7zvvxzDv3vufM1Kn8z5pXa4AszQGW1RxggDYDvUBr0mL97LJMUjNwCNgPrAXagZPVRnU1aDO7gG5gL5MLJAl3dLYq2EFUqR6gLcXmXdLkTAI2MlGtHQH2j5MmZwJwE1GljgCLEtZHgAZgSdX8k6Rg/wpwObCT6Eeedgsh+lMMA/eZCvgs0UMtM7arA2brobpAbVQ/J6z/VluSchSBWq1eVD8EgP1Qj1X8tkxj9yYtXyjUYrVHHQqAGtcNtanifzjD9mpRwI1qv/o9B9hHdVssRl+Az+k8gK3qWaOy51WfujAW60qgX2cIYLd6swCU6gN1fVXwWzn8m7MA8wSLa0w9XhV0vjqcI8bdNDj17943WqD3XQNWAJdjcyuBV8CGHHEeTbsao21TT6l3jPpSmt6rXQlXu0b9lqNy49ozXQXTFlrUo0ZN+FMs2AW1PsG+S/1VAE51VRHA+KhTD6hbU9Z3FwRTHcnKH9qo08aJEnCqt7NylDny9wKXSvgDPM0yKAPYWcJ3XMknmJhq/dD0PMugDODSEr4Ar4G3WUZlAJuqvg8SPXeEPoXdCzEqA9gQ+zwI7AP6iZ5vhwL8XwZlKdhe5qlfKq1iIMXmXEaLWReSqyhgRyVJ6kHTiR1mNAFuTF00k4Dt6sFA2yannpZehOYqu5PkGWfUnxXA0Iub1Xcz54GvwDLgeqhTLd7N5FKtd5JMzQGW1X8P+AfVhCal7tnNVQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 20px 20px;
    position: absolute;
    top: 4px;
    left: 4px;
}
.nav {
    margin-left: 150px;
    position: relative;
}
.social + .nav {
    margin-right: 100px;
}
.menu-arrow {
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease 0s;
}
.menu-arrow:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.menu-arrow.left {
    left: 0;
    background: linear-gradient(to right, rgba(71,73,85,1), rgba(71,73,85,1) 50%, transparent);
}
.menu-arrow.left:before {
    transform: translate3d(2px,7px,0) rotate(45deg) scale(0.6);
}
.menu-arrow.right {
    right: 0;
    background: linear-gradient(to left, rgba(71,73,85,1), rgba(71,73,85,1) 50%, transparent);
}
.menu-arrow.right:before {
    transform: translate3d(13px,7px,0) rotate(-135deg) scale(0.6);
}
.menu-arrow.show {
    opacity: 1;
    z-index: 100;
}
.menu-wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.menu-wrapper::-webkit-scrollbar {
    display: none;
}
.menu {
    font-size: 0;
    white-space: nowrap;
}
.menu li {
    display: inline-block;
    padding: 0 3px;
}
.menu a {
    display: block;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    border-radius: 5px;
    padding: 0 12px;
    transition: background-color .3s ease;
}
.menu a:hover,
.menu .active {
    background: #d83c3b;
    text-decoration: none;
}

.channel-tg {
    display: inline-block;
    color: #fff;
    background: #2aabee;
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
    padding: 0 50px 0 10px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    z-index: 31;
    transform: translateX(-50%);
}
.channel-tg a {
    height: 40px;
    line-height: 38px;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    padding: 0 0 0 60px;
}
.channel-tg a:hover {
    text-decoration: none;
}
.channel-tg a:before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background: #2aabee;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
    margin: -5px 0;
    position: absolute;
    left: 0;
}
.channel-tg a:after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDYtMDhUMTQ6MzUrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA2LTA4VDE0OjM2OjM0KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA2LTA4VDE0OjM2OjM0KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhjMmFlMWI5LTU0ODMtNGIyNS05M2ZiLWI1NDViZDBkMjExOCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM1MjZjNzcyLWIzNDctYzI0NS1hMzMzLWUyY2JhY2UwNmM0OSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc0ZjE2NDM0LTBkMDAtNDliNi1iNzNjLTY3MDZjYTEwZWUzZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzRmMTY0MzQtMGQwMC00OWI2LWI3M2MtNjcwNmNhMTBlZTNlIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjM1KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OGMyYWUxYjktNTQ4My00YjI1LTkzZmItYjU0NWJkMGQyMTE4IiBzdEV2dDp3aGVuPSIyMDIyLTA2LTA4VDE0OjM2OjM0KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Kp7drAAAEp0lEQVRoge2aXYhWRRjHf6NpbWSGm3thtrJGblARRIUUJktdtEoZWlpWUoFIVlRIRAtCEZG30YUXBbJX2ReCIJZ9Yam0RahrBEnkRUUQmV0ESbHz72LOW7Nn55z3fMy7H6/vHx7ePTPPPM/8d575OM8cI4lzCbOmugOTjQ7hdkeHcLujQ7jdcV6osLEzmxqGs2woKZNX558E6vgEFgEPCfqAdwx8nFYwoYPHTCMsuAvYCNwNnO/ZWgl85usGR3iGoF/wMHA/sCSkINhsZjjhC4C1ggeBwSoGZgrhm+VCdj2wsES779MF05lwj2ADTm6pYsDAoQll03DRGkxC9h5gbo0uYGABcMYvmy4jfCWwGVgnWBrJ5glSZGFqDx5zBQ8I9gMngWcpRnbEwDJgexO9r0Jv+lMxwiuSBWgt0FOinYBnDLwKLAY25SkbOBa2Ik0Qm0iorqikbCy00mNWOmQlVZB9kvoSu6sLtrkhxKHVhFdbabeV/qpI9CcrbbT/23yyYLuzVuqaLMJ9Vhqy0smKJBvyuqQur0/bS7T9PKt/seZwl2Ad7pi3qqatUdxc/aRRIHgNeKKEjWNZFXUJ3yS3eGwALq1pCwNDwCv+6irYg3spKGPny8zKCiHdI+nxGgtQSA5IuirlZ46VDlaxJ2lZVkiXIbzKSm8mC0Ison9Y6RHfb/J3t5W+rWjztKTZVedwX7Jn3gdcUyasCmC3gaeAXxsFyVFzieAwcFlFu18IxlI2/0MW4VuBbcmLdWx8Bzxt4P1A3Y1yWYp5VY0bGM29SwkM+5aIIZuWlxWeLkhaE8OHpDuzwjk4h2vMnTwZsdLy9Fz1fh+N5UvS4lKEJS210v5IHThrpa1Zo2qdDEX8x57KI5tFuNG5ayVts25rGKvgfI+k3jznVtoROZLest4uE/on5xH2nxdJ2mSl96x0uonTnyWtT9sJ2ByOTFZy0RKFsP98oXUH+l1W+iXldKcdf/7Nsn8gNtlEBpoRzkzxmJxnD3MEA8BKAx8JPiWnrWA+7ox8fbFNphwMdAO/5+rUJDwudxXKY3ltL5dLqvXmd7syRoHr0oVFDx5RIbgalxBf0CofoWuVEKLntAKRMAAcp4VkAQRH5X7HSRpRRziUdgWeA2bH9JOBo0WUWhLSqTn8dyt8pPCbgW+KKEYjnHNgr/wiUALHiyrWIuzfIuSgu46PgjiS1Yfoq3QTsrMol3uuBOO2pEIovUrnrYABXAxcklVp4AW8ZF0NjBRVbPVVyzy8G3kfxt0lvQjcBuys4eNHOZmwJYUGpRThCl9lBhcs47Kcb3jPW427zf+nvAu+Ns5GUNIoTLjiJ6gXpQsMrAHeDugOA/0E7nSb4EgZ5VzCEb6zne8/GLgD2Jvly8ApAyuAHUUdGDiRFc6VQrom6Su8jg0CHxRpZOB5A/cCfzZRHcNdn1YPaXm/eYYKigUOAssJZynz8C7uHvjDHJ0fBGfKjHBu/ieWZCUC/LqQjlf3UsYL/3D6hb9SAiA2mr1Pp7/5CNUBtwO7cJfh4Or6cV8PFMaMIZzU9Qq24C7u9hrYV7Yvk0J4OuGc+5q2Q7jd0SHc7ugQbnf8Cxxetfwa55jvAAAAAElFTkSuQmCC) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 7px;
    left: 9px;
}
.channel-tg .close {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: top;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
}
.channel-tg .close:after,
.channel-tg .close:before {
    content: "";
    display: block;
    width: 17px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 7px;
}
.channel-tg .close:after {
    transform: rotate(-45deg);
}
.channel-tg .close:before {
    transform: rotate(45deg);
}

section {
    padding: 15px 0;
}
section h2 {
    margin: 0 0 10px;
    padding: 5px 0 0;
    position: relative;
}
section .landing {
    display: block;
    width: 24%;
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    color: #fff;
    text-align: left;
    background: #007bc1;
    padding: 0 0 0 55px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 0;
    transition: background-color .3s ease;
}
section .landing:hover {
    background: #0086d2;
}
section .landing:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 18px;
    top: 8px;
}
section .landing.goods:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQzNy44IDQzNy44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzcuOCA0MzcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxnPgoJCQk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNTIiIGN5PSIzOTAuOCIgcj0iNDciLz4KCQkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzUwLjYiIGN5PSIzOTAuOCIgcj0iNDciLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNC45LDgyTDk4LjcsMzIuOUM5Mi4zLDEzLjUsNzQuMywwLjMsNTMuOCwwaC0zNUMxMywwLDguNCw0LjcsOC40LDEwLjRTMTMsMjAuOSwxOC44LDIwLjloMzUKCQkJCWMxMS40LDAuMywyMS40LDcuNSwyNS4xLDE4LjNsNjUuOCwyMDAuMWwtNC43LDEyYy01LjcsMTUtNC4yLDMxLjgsNC4yLDQ1LjVjOC43LDEzLjMsMjMuMywyMS41LDM5LjIsMjEuOWgyMDMuOAoJCQkJYzUuOCwwLDEwLjQtNC43LDEwLjQtMTAuNHMtNC43LTEwLjQtMTAuNC0xMC40SDE4My40Yy04LjgtMC4zLTE2LjgtNS0yMS40LTEyLjVjLTQuOS03LjQtNS45LTE2LjgtMi42LTI1LjFsNi4zLTE1LjcKCQkJCWMwLjktMi41LDEuMS01LjIsMC41LTcuOGwtMy4xLTcuOGwyMTIuNi0yMS45YzE1LjUtMS40LDI4LjMtMTIuNiwzMS45LTI3LjdsMjEuOS05Mi41TDExNC45LDgyeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
}
section .landing.news:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgzLDQ0OS4zYzAtMTIuMiwwLTQwOC4xLDAtNDE4YzAtOC4zLTYuNy0xNS0xNS0xNUgxNWMtOC4zLDAtMTUsNi43LTE1LDE1djM4OGMwLDQxLjQsMzMuNiw3NSw3NSw3NWgzMjMKCQlDMzg4LjYsNDgxLjcsMzgzLDQ2Ni4yLDM4Myw0NDkuM3ogTTgwLDMwNC4zaDQ4YzguMywwLDE1LDYuNywxNSwxNWMwLDguMy02LjcsMTUtMTUsMTVIODBjLTguMywwLTE1LTYuNy0xNS0xNQoJCUM2NSwzMTEsNzEuNywzMDQuMyw4MCwzMDQuM3ogTTY1LDI1NS4zYzAtOC4zLDYuNy0xNSwxNS0xNWg0OGM4LjMsMCwxNSw2LjcsMTUsMTVjMCw4LjMtNi43LDE1LTE1LDE1SDgwCgkJQzcxLjcsMjcwLjMsNjUsMjYzLjYsNjUsMjU1LjN6IE0zMDQsNDIyLjNIODBjLTguMywwLTE1LTYuNy0xNS0xNWMwLTguMyw2LjctMTUsMTUtMTVoMjI0YzguMywwLDE1LDYuNywxNSwxNQoJCUMzMTksNDE1LjYsMzEyLjMsNDIyLjMsMzA0LDQyMi4zeiBNMzE5LDM0My4zYzAsOC4zLTYuNywxNS0xNSwxNUgxOTJjLTguMywwLTE1LTYuNy0xNS0xNXYtMTEyYzAtOC4zLDYuNy0xNSwxNS0xNWgxMTIKCQljOC4zLDAsMTUsNi43LDE1LDE1VjM0My4zeiBNMzA0LDE4Mi4zSDgwYy04LjMsMC0xNS02LjctMTUtMTVzNi43LTE1LDE1LTE1aDIyNGM4LjMsMCwxNSw2LjcsMTUsMTVTMzEyLjMsMTgyLjMsMzA0LDE4Mi4zegoJCSBNMzA0LDExOC4zSDgwYy04LjMsMC0xNS02LjctMTUtMTVzNi43LTE1LDE1LTE1aDIyNGM4LjMsMCwxNSw2LjcsMTUsMTVTMzEyLjMsMTE4LjMsMzA0LDExOC4zeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwNywyNDYuM2g4MnY4MmgtODJWMjQ2LjN6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDk3LDEyMC4zaC04NGMwLDMzOS45LDAsMzI5LDAuMSwzMjljMS4zLDIwLjksMTUuNiwzOC4zLDM0LjksNDQuMmMzMC45LDkuNCw2Mi42LTEyLjksNjMuOS00NS40CgkJYzAuMSwwLDAsNy41LDAtMzEyLjlDNTEyLDEyNyw1MDUuMywxMjAuMyw0OTcsMTIwLjNMNDk3LDEyMC4zeiIvPgo8L2c+Cjwvc3ZnPgo=");
}

.teasers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.teasers li {
    width: 24%;
    margin: 8px 0;
}
.teasers .media {
    overflow: hidden;
    position: relative;
}
.teasers .media video,
.teasers .media img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}
.teasers .more {
    /*margin-top: 4px;*/
}
.teasers .more a {
    display: inline-block;
    height: 24px;
    font: 14px/24px "HelveticaNeue-Medium";
    color: #fff;
    background: #d83c3b;
    border-radius: 4px;
    padding: 0 15px;
    transition: background-color .3s ease;
}
.teasers .more a:hover {
    background: #c53a3b;
}

.s-teaser {
    display: flex;
    justify-content: space-between;
    height: 130px;
}
.s-teaser .media {
    width: 47.5%;
    height: 100%;
}
.s-teaser .media a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}
.s-teaser .content {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 50%;
    height: 100%;
}
.s-teaser .title a {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 72px;
    font: 15px/18px "HelveticaNeue-Medium";
    color: #000;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s-teaser .title a:hover {
    text-decoration: underline;
}
.s-teaser.tm .media img {
    width: auto;
    height: 100%;
    margin: 0;
}
.s-teaser.rozetka .media a:before {
    content: "";
    display: block;
    width: 65px;
    height: 17px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAWCAMAAABpJUuUAAAB3VBMVEUAAAD///////////////////////////////////////////////8AAAD8/Pz+/f4iHx/n5uazsrIA1VoB0FkEwVQ5NjYZFhYOCwv39/fw7++Vk5N7eXlfXV0DyFcEvlEgHR3q6enSzc6DgoIA2VtXVFQHsU8Jp0tLSUkMkkNEQkIcPCklDBgnARUqABAKBwf7+/vg4ODHxcW9vLxzcXFwbm4Cy1YCxVMGuFAGrkwRdzsApC0SDw/k4+Pe3d3a2dm5uLijoaGfnp6Mi4t2dXUA3ltbWVkfmFEIqk4LmkcPhUEVZzYXVzEwLS0eMSUfGhsjExsmBxf/8v/z8/PLysrBwcGsq6ucvaicm5t+tpRqaWkA618Fu1EAyVAJpEoInkYQikIQgD4AxzsAujYAmTQWYDQAvzM0MjIAty4AkykqKCggJiEAmiD/+P/86/b25PHt7Ozx3uva0deyuLWYlpaRj49wn4RNsXZanXRDpWlnZWU+mVwGu1QA0FIA4FBQTk4gjUsAy0QYhT07OTkApTcAsC8dNycApSQBIQnn2eTpvtfT0tKtw7aftqqlo6OOqJh3vpR6rot8oYphtIRxlX9hm3o7rmtXk2kyn2EkqFsUmk0jkEhJSEgA1z4bRix6y9AzAAAADHRSTlMA9NvVs6eAbkArIMR7rE7nAAAC+klEQVQ4y7WV5VpbQRCGAwGCzJBDPMSFhDjECcE9HtzdtUiBUtzr7nKt3aUJvYBT3j+zz+55vjO2s5y/FPHyuTnAihxuPq+I84/iglz4L+QWFGc1C/MAnr/Z6+j4+uHlOkvZvMKMZgmsf7y9nT4yHs9ffd/ms1MtuVMtzoNnpzdHXZ3+4Jw2dra6u8bSV5qBAtj4sdhp9ovFkeiULdK2+h7YUUDqngv7i2bz+HggKDIKhWbN2JKHZbWKODzQz2pqLLYakXgylgoZNeKZp91A4ZcS4I6eah3dqKI7VXxyQCAma/nkrLqcfkCXwOPkw9BV5+jUdTBgiZhCc0KjJjCrB0q/dtmFWqUc3FZEZBTQgrLkhUTmNjBSWRibVai1xmXY75OWQTuqAEAlCwuIyedw4cm0qWt0ImgyidSiNmE0JKwdAMoOSpqbrKjQIVYolGFs6bUahhElUIneZkWrR6GyonZY5ZagpwIrSEyNKCWnAFxODnT4hZquoFotMhrVloTTIqwdAkoT+gAeY6sBlQDQi+FHAD48ASLqU7Q2A4AAKwBKJVIpHgDhJ9YbkLiaQ0WFk10av5gkNppwOG0i8b2o1JUMS8CLBgB4gTI5xFEBVFSlbG+5F71ARibVA3hQ2ufDSiJKwz+OORM2W4JJO+yMY6pNnAl/EK2NcVSRqFDZ+HoZvXItJgcHW3Un2OIW7HhI1qlEKYMNApSVkX8txCVJ4iqXFOrdfKc9bbenUgzD2FfEgbFMoZrQC7oF4qaAQUSXF5S4TFd9SpeLmOGspwtYDwfYrncxOpqudlIoHriXRuacRFCbdjicobbDbEv10C7pqddXQWlDXy9Zl9eVUeR3to5syKtJmkFXVwXysoYG+jlZ1AOPND//y7xoxbGStv+OhmIm9djSNuvmJ9d08/zXYcppGxeNjJrVgZtd9teUDpSt8+maa/OIfyKiPlv91M12oGRG3+b+5eJljWliptbyao316MsOaf7W28+nk9/2BjZYD+mHek4e5OH7A4FIvhFbu2cpAAAAAElFTkSuQmCC);
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.b-teaser .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    height: 80px;
    text-align: center;
    background: #e3e4e8;
    margin: -24px 7px 0;
    padding: 7px;
    position: relative;
}
.b-teaser .title {
    width: 100%;
}
.b-teaser .title a {
    display: inline-block;
    max-height: 36px;
    font: bold 15px/18px "Helvetica Neue";
    color: #000;
    word-break: break-word;
    overflow: hidden;
}
.b-teaser .title a:hover {
    text-decoration: underline;
}

.b-good {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #fff;
    border: 2px solid #d83c3b;
    padding: 10px;
}
.b-good .title a {
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 38px;
    font: 16px/19px "Helvetica Neue";
    color: #000;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    margin: 0 0 5px;
    overflow: hidden;
}
.b-good .title a:hover {
    text-decoration: underline;
}
.b-good .content {
    display: flex;
    width: 100%;
    align-items: flex-end;
}
.b-good .media {
    width: 65%;
}
.b-good .info {
    width: 32%;
    margin-left: 3%;
}
.b-good .old-price {
    display: block;
    color: #e11327;
    text-align: center;
    text-decoration: line-through;
    margin: 0 0 10px;
}
.b-good .old-price span {
    font: 14px "Helvetica Neue";
    color: #000;
}
.b-good .price {
    display: block;
    font: 14px/16px "HelveticaNeue-Medium";
    color: #e11327;
    text-align: center;
    background: #fae9ac;
    border-radius: 5px;
    margin: 0 0 15px;
    padding: 7px 0;
}
.b-good .button {
    display: block;
    width: 100%;
    font: 14px/16px "HelveticaNeue-Medium";
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #43c012;
    border-radius: 5px;
    padding: 7px 0;
    overflow: hidden;
    transition: background .3s ease 0s;
}
.b-good .button:hover {
    background: #36ad08;
}

.s-news {
    display: flex;
    justify-content: space-between;
    height: 100px;
}
.s-news .media {
    width: 47.5%;
    height: 100%;
}
.s-news .content {
    width: 50%;
    height: 100%;
}
.s-news .source {
    font: 11px/13px "HelveticaNeue-Light";
    color: #757575;
    margin-top: 3px;
}
.s-news .title a {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 72px;
    font: 15px/18px "Helvetica Neue";
    color: #000;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s-news .title a:hover {
    text-decoration: underline;
}

.b-news .media .source {
    font: 11px/23px "Helvetica Neue";
    color: #fff;
    background: rgba(0,0,0,.15);
    padding: 0 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.b-news .title {
    padding: 7px;
}
.b-news .title a {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    font: 15px/18px "Helvetica Neue";
    color: #000;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
}
.b-news .title a:hover {
    text-decoration: underline;
}

.main-news {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 24%;
}
.main-news .media {
    width: 100%;
    height: 73%;
    overflow: hidden;
    position: relative;
}
.main-news .media img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}
.main-news image-container {
  padding: 0 0 100% 0;
}
.main-news .media .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.main-news .media .label {
    float: left;
    width: 100px;
    font: bold 12px/26px "Helvetica Neue";
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: rgba(0,0,0,.15);
    padding-left: 10px;
}
.main-news .media .source {
    font: 12px/26px "Helvetica Neue";
    color: #fff;
    text-align: right;
    background: rgba(0,0,0,.15);
    margin-left: 100px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-news .content {
    width: 100%;
    height: 26.5%;
}
.main-news .title {
    height: 100%;
    background: #474955;
    padding: 5px 10px;
}
.main-news .title a {
    font: bold 18px/24px "Helvetica Neue";
    color: #fff;
    word-break: break-word;
}
.main-news .title a:hover {
    text-decoration: underline;
}

.top .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top .s-news .media {
    width: 47.5%;
}
.top .s-news .content {
    width: 50%;
}
.top .teasers {
    width: 24%;
    align-content: space-between;
}
.top .teasers li {
    width: 100%;
    margin: 10px 0 0;
}
.top .teasers li:first-child {
    margin: 0;
}
.top section {
    width: 24%;
    padding: 0;
}
.top section .teasers {
    width: 100%;
    height: 100%;
    align-content: space-between;
}

.actual {
    background: #474955;
}
.actual h2,
.actual .s-news .title a,
.actual .b-news .title a {
    color: #fff;
}
.actual .s-news .source {
    color: #bbb;
}

image-container {
  position: relative;
  display: block;
}

.s-teaser div.video-container,
.s-news div.video-container,
.s-teaser image-container,
.s-news image-container {
  padding: 0 0 86% 0;
}

.b-good div.video-container,
.b-good image-container {
  padding: 0 0 100% 0;
}

.b-teaser div.video-container,
.b-news div.video-container,
.b-teaser image-container,
.b-news image-container {
  padding: 0 0 61% 0;
}

ins.adsbygoogle {
    text-align: center!important;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none!important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-resolution: 144dpi) {
    .s-teaser.rozetka .media a:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAsCAMAAADGtANIAAAB11BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////8hHx8hHh4EvFIiHh4jHx/19fU2MzMEulEEu1Hj4uIoJSUDv1IDwVMBy1YA21sCxlUA0FgsKSkCyVXl5OT8/PwA11oCxFQA1lne3t4nABP4+PglBhYkDBgFtU8hIR/z8/MmIyMA2VsA01kwLS0FuFABzVcGsE1zcnKIhYVgXV0PgD7o5+eBgYDh4OAXVC8/PT3W1NUQejzQz8+TkpIKmEYTbTcNhkDAv8D+/v7s6+sjExoHqEsJo0lKSEiNjIxvbW3w8PDHxsauqqwA4F0A3lwQdDm0s7Pu7e2YlZYiGBwUYDMJnUZSUFA6ODjT0tJ8fHtlYmMLlUQLkkMfKCEMj0IrAAtWVFSpp6ccNCXZ2dlCQEB4dnamoaNpaWgaQykaPigGrUy+vLwqJyfUy86wo6pGQ0MNikEkdUUA519ZV1e3t7axsLA8glhLc1sA5F48dlMbOie7srZcf2sjaD5beGYngEuDlYppeG90j34sfE0YSywYTi6gn5/w+vXEur6Lr5wVWzGonKI3YEYZgkU3WkMlNytpTVwMDjNnAAAAFXRSTlMApmLpCWyEDftC2a7QIFhWhbmg44wwukvgAAAIHElEQVRYw9VZ93caxxZWbMclrrGzs0Xsot1lAcECQiB2KZJAICEBEqgigXqvxVZzbMm1JE61nbzktT/23RmqSt7JDzkHcg9nmbIz+82d+925e7eh4bTcvnvv5q3L16kayvXLt27eu3u74f/ItTv3H1B1Ig/u37n2BzCvXPqSqiv58tKVi3De+Kx8h63tl7aBeoD62Y3zOD//otCXfrL0+u333//89tsffm2pOdIvPj9rnVcL/Old/k9IMWu61a5ZPUMnXc21Rnr96ilLvfYVaTX+t9WVER0CEUZx5KR4R821+lU10quk6fdYaiXvmtUEhmF4yeHQzYpd/HdvrZFerbJPsu9dxyZNfzMXY0SGCejBVOzDus7LptRWrXe/bKc3MI8GfgpNMKrqMXtCIsNrQzMbICmTR5oIP6o1o4rcv0L8UodoZ5S5IUWQGIGRUzPv8vHZGbfHyjO51Re1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);
    }
}
@media (max-width: 1600px) {
    .s-teaser {
        height: 120px;
    }
    .s-news {
        height: 90px;
    }
}
@media (max-width: 1440px) {
    .s-teaser .title a {
        max-height: 68px;
        font: 14px/17px "HelveticaNeue-Medium";
    }
    .b-teaser .title a {
        max-height: 34px;
        font: bold 14px/17px "Helvetica Neue";
    }
    .b-teaser .content {
        height: 74px;
    }
    .s-news .title a {
        max-height: 68px;
        font: 14px/17px "Helvetica Neue";
    }
    .b-news .title a {
        height: 34px;
        font: 14px/17px "Helvetica Neue";
    }
    .main-news .title a {
        font: bold 17px/22px "Helvetica Neue";
    }
    .b-teaser div.video-container,
    .b-news div.video-container,
    .b-teaser image-container,
    .b-news image-container {
      padding: 0 0 69% 0;
    }
    .main-news image-container {
      padding: 0 0 97% 0;
    }
}
@media (max-width: 1280px) {
    .menu a {
        padding: 0 10px;
    }
    .social li {
        padding: 0 0 0 10px;
    }
    .teasers .more a {
        height: 22px;
        font: 12px/22px "HelveticaNeue-Medium";
    }
    .s-teaser {
        height: 100px;
    }
    .s-teaser .title a {
        max-height: 64px;
        font: 13px/16px "HelveticaNeue-Medium";
    }
    .b-teaser .title a {
        max-height: 30px;
        font: bold 13px/15px "Helvetica Neue";
    }
    .b-teaser div.video-container,
    .b-news div.video-container,
    .b-teaser image-container,
    .b-news image-container {
      padding: 0 0 63% 0;
    }
    .main-news image-container {
      padding: 0 0 97% 0;
    }
    .b-teaser .content {
        height: 70px;
    }
    .s-news {
        height: 75px;
    }
    .s-news .title a {
        max-height: 60px;
        font: 13px/15px "Helvetica Neue";
    }
    .s-news .source {
        font: 10px/12px "HelveticaNeue-Light";
    }
    .b-news .title a {
        height: 32px;
        font: 13px/16px "Helvetica Neue";
    }
    .b-news .media .source {
        font: 10px/23px "Helvetica Neue";
    }
    .main-news .title a {
        font: bold 16px/18px "Helvetica Neue";
    }
    .top .teasers li {
        margin: 5px 0 0;
    }
    section .landing {
        font-size: 13px;
    }
}
@media (max-width: 1024px) {
    .nav {
        margin-left: 100px;
    }
    .menu a {
        padding: 0 7px;
    }

    .teasers .more a {
        padding: 0 10px;
    }

    .top .s-teaser {
        height: 85px;
    }
    .top .s-teaser .media img {
        margin: 0;
    }
    .top .s-teaser .title a {
        max-height: 56px;
        line-height: 14px;
    }

    .b-teaser div.video-container,
    .b-news div.video-container,
    .b-teaser image-container,
    .b-news image-container {
      padding: 0 0 70% 0;
    }
    .main-news image-container {
      padding: 0 0 97% 0;
    }

    .top .s-news {
        height: 65px;
    }
    .top .s-news .title a {
        max-height: 45px;
        line-height: 15px;
        -webkit-line-clamp: 3;
    }

    .top .main-news .media {
        height: 65%;
    }
    .top .main-news .content {
        height: 34.5%;
    }
    .top .main-news .title a {
        font-size: 15px;
    }

    .b-good .title a {
        max-height: 32px;
        font: 14px/16px "Helvetica Neue";
    }
    .b-good .button {
        font: 13px "HelveticaNeue-Medium";
        text-transform: none;
    }
}
@media (max-width: 800px) {
    .nav {
        margin-left: 100px;
    }
    .menu a {
        padding: 0 7px;
    }

    .teasers li,
    .top .teasers,
    .main-news,
    .top section {
        width: 49%;
        padding: 8px 0;
    }

    .top .s-teaser {
        height: 100px;
    }
    .top .s-teaser .title a {
        max-height: 64px;
        line-height: 16px;
    }

    .b-teaser div.video-container,
    .b-news div.video-container,
    .b-teaser image-container,
    .b-news image-container {
      padding: 0 0 60% 0;
    }
    .main-news image-container {
      padding: 0 0 93% 0;
    }

    .top .s-news {
        height: 90px;
    }
    .top .s-news .title a {
        max-height: 60px;
        line-height: 15px;
        -webkit-line-clamp: 4;
    }

    .top .main-news .media {
        height: 73%;
    }
    .top .main-news .content {
        height: 26.5%;
    }

    #related-news,
    #related-news .teasers li {
        padding: 0;
    }

    section .landing {
        display: none;
    }

    .b-good .title a {
        max-height: 38px;
        font: 16px/19px "Helvetica Neue";
    }
    .b-good .button {
        font: 14px "Helvetica Neue";
        text-transform: uppercase;
    }
}
@media (max-width: 600px) {
    .top .s-news {
        height: 75px;
    }

    .top .main-news .media {
        height: 68%;
    }
    .top .main-news .content {
        height: 31.5%;
    }

    .b-good .title a {
        max-height: 32px;
        font: 14px/16px "Helvetica Neue";
    }
    .b-good .button {
        font: 13px "HelveticaNeue-Medium";
        text-transform: none;
    }
}