body {
    background: url(/bitrix/templates/2017_jbl/images/bg.jpg?v-1);
}
.articles-listign {
    display: flex;
    padding: 0px;
    flex-wrap: wrap;
}

.articles-listign li {
    width: calc(33% - 10px);
    margin-right: 20px;
    background: #fff;
}

.articles-listign li:nth-child(3n) {
    margin-right: 0px;
}


section#articles {
    padding: 0px;
    margin-bottom: 100px;
}

.articles-listign_img {
    height: 245px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.articles-listign_descr {
    padding: 40px;
}

p.articles-listign_title {
    font-size: 24px;
    font-weight: bold;
}

.articles-listign_link {
    background: #ececec;
    display: inline-block;
    color: rgba(0, 0, 0, 0.50);
    padding: 15px 35px;
    margin: 0px;
}
.right{
	text-align: right;
}
.center	{
	text-align: center;
}
p.shares-title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin-bottom: 50px;
}

.shares-wrapper {
    text-align: center;
    margin-bottom: 130px;
}

.ya-share2__list .ya-share2__item .ya-share2__link {margin: 0px;opacity: 1;}

.ya-share2__list_direction_horizontal > .ya-share2__item {
    opacity: 1;
    text-align: center;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.ya-share2__list {
    font-size: 0px;
}
.ya-share2__list_direction_horizontal > .ya-share2__item:before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 5px;
    top: -5px;
    height: calc(100% + 10px);
    width: calc(100% - 10px);
    box-shadow: 0px 2px 39px -6px #000;
    transition: all .25s ease;
    transform: scale(0);
}

.ya-share2__list_direction_horizontal > .ya-share2__item * {
    position: relative;
    z-index: 12;
}

.ya-share2__list_direction_horizontal > .ya-share2__item:hover:before {
    transform: scale(1);
}
.ya-share2__list .ya-share2__item .ya-share2__link {
    margin: 0px!important;
    opacity: 1!important;
    margin: 30px!important;
}
.shares-wrapper:after {
    content: "SHARE";
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 50%;
    font-size: 200px;
    transform: translateX(-50%);
    line-height: 40%;
}

.shares-wrapper {
    position: relative;
}

.shares-wrapper > * {
    position: relative;
    z-index: 12;
}

header {
    position: relative!important;
    z-index: 1222!important;
}

header .burger.active span {
    background: black!important;
    opacity: 1!important;
}
header .right-row .right .active {
    opacity: 0!important;
}
div#content {
    overflow: hidden;
}

#content .btn,
#link-soc .btn,
#contest .btn,
#news .btn {
    padding: 15px 30px;
    background: #ff3300;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
}
section#contest {
    margin-bottom: 45px;
}

.contest-wrapper {
    display: flex;
}

.contest-left {
    width: 385px;
}

.contest-wrapper {
    padding: 100px;
    background: #333333;
}

p {
    color: #444444;
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.contest-left p {
    color: #fff;
}
.special-title {
    font-size: 30px;
    text-transform: uppercase;
}

.special-title .big {
    font-size: 48px;
    font-weight: bold;
}

.contest-left .btn {
    margin-top: 15px;
}
.contest-wrapper:after {
    content: "";
    display: block;
    right: 0px;
    position: absolute;
    width: calc(100% - 550px);
    height: 100%;
    background: url(/bitrix/templates/2017_jbl/html/special/2017_jbl/jbl_playlist_main/images/contest_cup.png);
    top: 0px;
    background-repeat: no-repeat;
    background-position: left center;
}

.contest-wrapper {
    position: relative;
}
.contest-wrapper:before {
    content: "";
    right: 0px;
    width: 50%;
    position: absolute;
    height: 1000px;
    background: url(/bitrix/templates/2017_jbl/html/special/2017_jbl/jbl_playlist_main/images/contest_image.png);
    display: block;
    top: 50%;
    z-index: 12;
    transform: translateY(-44%);
}
.contest-wrapper {
    overflow: hidden;
}
.bg-circle {
    transition: all .25s ease;
}

#contest:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 43vw;
    background: url(/bitrix/templates/2017_jbl/html/special/2017_jbl/jbl_playlist_main/images/lines.png);
    background-position: center;
    background-repeat-y: no-repeat;
    transform: translateY(9%);
    background-size: 100%;
}

#contest {
    position: relative;
}

#contest>* {
    position: relative;
    z-index: 12;
}


div#link-soc {
    margin-bottom: 50px;
}

#link-soc p {
    margin: 0px;
    margin-bottom: 30px;
    font-size: 24px;
}

#link-soc .container > a {
    margin-bottom: 30px;
}
#link-soc li {
    cursor: default;
}
li.ya-share2__item.ya-share2__item_service_instagram a {
 background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNjUuMDgtMUgxNDQuOTJDNjQuNzA3LTEtMSw2NC43MDctMSwxNDQuOTJ2MjIwLjE2Qy0xLDQ0NS4yOTMsNjQuNzA3LDUxMSwxNDQuOTIsNTExaDIyMC4xNiAgICAgQzQ0NS4yOTMsNTExLDUxMSw0NDUuMjkzLDUxMSwzNjUuMDhWMTQ0LjkyQzUxMSw2NC43MDcsNDQ1LjI5My0xLDM2NS4wOC0xeiBNNDkzLjkzMywzNjUuMDggICAgIGMwLDcwLjgyNy01OC4wMjcsMTI4Ljg1My0xMjguODUzLDEyOC44NTNIMTQ0LjkyYy03MC44MjcsMC0xMjguODUzLTU4LjAyNy0xMjguODUzLTEyOC44NTNWMTQ0LjkyICAgICBjMC03MC44MjcsNTguMDI3LTEyOC44NTMsMTI4Ljg1My0xMjguODUzaDIyMC4xNmM3MC44MjcsMCwxMjguODUzLDU4LjAyNywxMjguODUzLDEyOC44NTNWMzY1LjA4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMzY1LjA4LDUwLjJIMTQ0LjkyYy01Mi4wNTMsMC05NC43Miw0Mi42NjctOTQuNzIsOTQuNzJ2MjIwLjE2YzAsNTIuMDUzLDQyLjY2Nyw5NC43Miw5NC43Miw5NC43MmgyMjAuMTYgICAgIGM1Mi4wNTMsMCw5NC43Mi00Mi42NjcsOTQuNzItOTQuNzJWMTQ0LjkyQzQ1OS44LDkyLjg2Nyw0MTcuMTMzLDUwLjIsMzY1LjA4LDUwLjJ6IE00NDIuNzMzLDM2NS4wOCAgICAgYzAsNDIuNjY3LTM0Ljk4Nyw3Ny42NTMtNzcuNjUzLDc3LjY1M0gxNDQuOTJjLTQyLjY2NywwLTc3LjY1My0zNC45ODctNzcuNjUzLTc3LjY1M1YxNDQuOTIgICAgIGMwLTQyLjY2NywzNC45ODctNzcuNjUzLDc3LjY1My03Ny42NTNoMjIwLjE2YzQyLjY2NywwLDc3LjY1MywzNC45ODcsNzcuNjUzLDc3LjY1M1YzNjUuMDh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0yNTUsMTE4LjQ2N2MtNzUuMDkzLDAtMTM2LjUzMyw2MS40NC0xMzYuNTMzLDEzNi41MzNTMTc5LjkwNywzOTEuNTMzLDI1NSwzOTEuNTMzUzM5MS41MzMsMzMwLjA5MywzOTEuNTMzLDI1NSAgICAgUzMzMC4wOTMsMTE4LjQ2NywyNTUsMTE4LjQ2N3ogTTI1NSwzNzQuNDY3Yy02NS43MDcsMC0xMTkuNDY3LTUzLjc2LTExOS40NjctMTE5LjQ2N1MxODkuMjkzLDEzNS41MzMsMjU1LDEzNS41MzMgICAgIFMzNzQuNDY3LDE4OS4yOTMsMzc0LjQ2NywyNTVTMzIwLjcwNywzNzQuNDY3LDI1NSwzNzQuNDY3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMjU1LDE2MS4xMzNjLTUyLjA1MywwLTkzLjg2Nyw0MS44MTMtOTMuODY3LDkzLjg2N2MwLDUyLjA1Myw0MS44MTMsOTMuODY3LDkzLjg2Nyw5My44NjdzOTMuODY3LTQxLjgxMyw5My44NjctOTMuODY3ICAgICBTMzA3LjA1MywxNjEuMTMzLDI1NSwxNjEuMTMzeiBNMjU1LDMzMS44Yy00Mi42NjcsMC03Ni44LTM0LjEzMy03Ni44LTc2LjhjMC00Mi42NjcsMzQuMTMzLTc2LjgsNzYuOC03Ni44ICAgICBjNDIuNjY3LDAsNzYuOCwzNC4xMzMsNzYuOCw3Ni44QzMzMS44LDI5Ny42NjcsMjk3LjY2NywzMzEuOCwyNTUsMzMxLjh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0zOTEuNTMzLDkyLjg2N2MtMTQuNTA3LDAtMjUuNiwxMS4wOTMtMjUuNiwyNS42czExLjA5MywyNS42LDI1LjYsMjUuNmMxNC41MDcsMCwyNS42LTExLjA5MywyNS42LTI1LjYgICAgIFM0MDYuMDQsOTIuODY3LDM5MS41MzMsOTIuODY3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)!important;
 background-size: 100%!important;
 background-position: center!important;
}
#link-soc .btn {
    padding: 38px 28px;
    font-size: 23px;
}

#content *,
#contest * {
    font-family: HelveticaNeueCyr, san-serif;
}
.articles-listign a:hover {
    text-decoration: none!important;
}
.articles-listign li, .articles-listign li * {
    cursor: default!important;
}

.articles-listign li.on, .articles-listign li.on * {
    cursor: pointer!important;
}
section#news {
    position: relative;
    z-index: 122;
}
.articles-listign li.on p.btn {
    width: auto;
    padding: 12px 20px!important;
    display: inline-block!important;
}

.articles-listign li.on .articles-listign_link {
    display: none;
}
.to-right {
    display: inline-block;
    width: 24px;
    height: 13px;
    background: url(/bitrix/templates/2017_jbl/html/special/2017_jbl/jbl_playlist_main/images/arrow.png);
    margin-left: 10px;
}
@media screen and (max-width: 415px) { 
    .ya-share2__list .ya-share2__item .ya-share2__link {
        margin: 8px!important;
    }
}
@media screen and (max-width: 375px) {
.ya-share2__list .ya-share2__item .ya-share2__link {
    margin: 5px!important;
}
}
@media screen and (max-width: 360px) {
.ya-share2__list .ya-share2__item .ya-share2__link {
    margin: 4px!important;
}
}
@media screen and (max-width: 320px) {
.ya-share2__list .ya-share2__item .ya-share2__link {
    margin: 0px!important;
}
}