html,
body,
button,
input,
select,
textarea {
    font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Tahoma", "Arial", "Sans-serif";
    color: #222;
}

body {
    font-size: 16px;
    line-height: 1.7;
    background: #fff;
}

a {
    color: #222;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.imgleft, .main_image, .photo_full {
    float: left;
    border: none;
    margin: 0px 15px 10px 0px;
}

.imgright {
    float: right;
    border: none;
    margin: 0px 0px 10px 15px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.cc {
    text-align: center;
}

.rr {
    text-align: right;
}

.ll {
    text-align: left;
}

textarea {
    resize: none;
}

p {
    margin: 0 0 7px 0;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

input:focus {
    outline: none;
}

/*
сообщение об устаревшем браузере
*/

.top-alert {
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.7;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.top-alert a {
    color: #fff;
}

.top-alert i {
    padding: 0 5px 0 0;
}

/*
********************************************************
*/

.main, .fill {
    width: 100%;
    min-width: 1200px;
    margin: 0;
}

.main > div {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.nostyle {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 20px;
    margin: 0;
    font-weight: normal;
}

hr {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    border: 0;
    height: 1px;
    margin: 25px 0;
}

.title {
    font-family: "PT Sans Narrow";
    line-height: 1.2;
}

/*
показать пароль
*/

.passeye {
    position: relative;
    display: inline-block;
}

.passeye input {
    padding-right: 35px;
}

.passeye input::-ms-reveal,
.passeye input::-ms-clear {
    display: none;
}

.passeye .eye {
    line-height: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 0px;
    display: block;
    color: #999;
    cursor: pointer;
}

/*
********************************************************
*/

.off {
    background: url("../images/bg.jpg") top center no-repeat #fff;
}

.offlogo {
    text-align: center;
    margin: 50px 0 0 0;
}

.offreason {
    text-align: center;
    margin: 50px 0 0 0;
    font-size: 27px;
    color: #fff;
}

/*
********************************************************
*/

.goto {
    width: 70px;
    height: 70px;
    line-height: 65px;
    z-index: 101;
    border-radius: 70px;
    text-align: center;
    font-size: 48px;
    cursor: pointer;
    border: 6px solid #fff;
    background: #e31e25;
    color: #fff;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -35px;
}

.goto a {
    color: #fff;
}

#slider .goto {
    top: 560px;
    transition: transform 0.8s ease;
}

#slider li img {
    max-width: 100%;
}

#slider .goto:hover {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transition: transform 0.8s ease;
}

#about .goto {
    bottom: -140px;
    line-height: 64px;
}

#footer .goto {
    top: -145px;
    line-height: 60px;
}

/*
********************************************************
*/

#header {
    padding: 25px 0 25px 0;
}

#header .left {
    width: 800px;
}

#header .right {
    width: 100%;
    max-width: 400px;
    text-align: right;
    position: relative;
}

#header .logo {
}

#header .logo img {
    width: 107px;
    height: 120px;
}

#header .logong img {
    width: 117px;
    height: 120px;
}

#header .logo .left {
    width: 150px;
}

#header .logo .right {
    max-width: 650px;
    width: 100%;
    text-align: left;
    float: left;
}

#header .logo .right .title {
    font-size: 26px;
    margin: 15px 0 5px 0;
}

#header .logo .right .slog {
    margin: 0 0 10px 0;
    color: #e31e25;
    font-size: 12px;
}

#header .logo .right .city {
    font-size: 12px;
}

#header .socnetwork {
}

#header .socnetwork ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

#header .socnetwork li {
    display: inline-block;
}

#header .phone {
    margin: 25px 0 0 0;
}

#header .phone .addr {
    font-size: 14px;
    margin: 0 5px 0 0;
}

#header .phone .tel {
    font-size: 27px;
    /*
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Segoe UI", "Verdana", "Tahoma", "Arial", "Sans-serif";
    */
}

#header .phone a:hover i {
    color: #e31e25;
}

#header.maksoft {
    background: url("../images/maksoft/header.jpg") top center no-repeat #fff;
    color: #fff;
}

#header.maksoft a {
    color: #fff;
}

#header.maksoft .logo .right .slog {
    color: #fff;
}

#header.maksoft .logo img {
    width: auto;
    height: auto;
}

#header.maksoft .logo .left {
    width: 175px;
}

#header.maksoft .logo .right {
    width: 625px;
}

/*
********************************************************
*/

#menu {
    background: #e31e25;
    color: #fff;
}

#menu ul,
#menu menu {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 501;
}

.right .sf-menu ul {
    right: 0;
    left: auto;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfhover > ul {
    display: block;
}

.sf-menu a {
    color: #fff;
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu a {
    padding: 7px 12px;
    text-decoration: none;
}

.sf-menu li {
    background: #e31e25;
    white-space: nowrap;
}

/*
.main-menu > li
{
background-image:linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,.3) 50%, rgba(0,0,0,0));
background-repeat:no-repeat;
background-position:100% 100%;
background-size:1px 100%;
}

.main-menu > li:last-child
{
background-image:none;
background-repeat:no-repeat;
}
*/

.sf-menu ul li,
.sf-menu menu li {
    background: #e31e25;
}

.sf-menu ul ul li,
.sf-menu menu ul li {
    background: #e31e25;
}

.sf-menu li:hover > a,
.sf-menu li.sfhover > a {
    color: #fff;
}

.sf-menu li:hover,
.sf-menu li.sfhover {
    background: #cc1a1e;
}

.sf-menu a:hover {
    background: #cc1a1e;
    color: #fff;
}

.sf-arrows .sf-with-ul {
    padding-right: 1.6em;
    *padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    /*right: 1em;*/
    right: 8px;
    margin-top: -2px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfhover > .sf-with-ul:after {
    border-top-color: #fff;
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #fff;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfhover > .sf-with-ul:after {
    border-left-color: #fff;
}


/*
********************************************************
*/

#slider {
}

#slider > div {
    position: relative;
}

#slider .slider {
    text-align:center;
    position: relative;
    height: 600px;
    /*
    background:url("../images/load.gif") center center no-repeat;
    */
}

#slider .slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

#slider .slider li {
    height: 600px;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

#slider .slider .navi {
    z-index: 111;
    position: absolute;
    top: 270px;
    left: 0;
    width: 100%;
}

#slider .slider .navi .left {
    margin: 0 0 0 75px;
}

#slider .slider .navi .right {
    margin: 0 75px 0 0;
}

#slider .slider .navi span {
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

#slider .slider .navi .prev {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRkQxRDRFNjk2RkYxMUUzODlGOEMyNEZCRDMwMEY2NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRkQxRDRFNzk2RkYxMUUzODlGOEMyNEZCRDMwMEY2NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGRDFENEU0OTZGRjExRTM4OUY4QzI0RkJEMzAwRjY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGRDFENEU1OTZGRjExRTM4OUY4QzI0RkJEMzAwRjY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pMDosgAAAfJJREFUeNrc2zFOwzAUBmCnKqJchGsgFk4AAqkcggmJA8DAQJdK3AGGduAmrAyoByG8UCNFadrYznv/e7alf0gkN/nSVE3sZ1fXtQPnmvJN2VDmlAp5fDR2We+2VyRaA7uizCjHlHc0WgM7be2fotGaWBW0NhaOtoCFoq1gYWhLWAjaGlYcbREriraKFUNbxoqgrWPZ0TlgWdFobPPCcKeJRmM/fd8LLbQG9knz9s4ROwqdKzYZnTM2CZ07NhpdAjYKLYl9VBgCHkR3O1QZY4PQpWEH0SViD6Jz/83Gov/AN4Vi+9C3zY4vvzGL/KAH3+/FMLb95TRtM3HO/bhtq1xaO6VMXC6N1Fde/0E5irhqE8ra9137bau39Mqf5/x/56JQdBu77P4Pl4buYqu+J61S0L3Yfc/SuaN3buOQl4dc0QexQ6+HuaEHsSEDALmgg7ChQzzW0cHYmEE8q+gobOwwrTV0NDZlIN4KOgmbOtXCgT7XwI6ZTBuDPtPCjp0uTUWrYTkmxFFoFixXyYM0mg3LWdQihWbFcpctcaPZsRKFaVxoEaxU6eFYtBhWsrg0FS2KlS4fjkWLYxEF4qFoCBa1BGAIDcMiF3nsQ0Ox6GU8bfSJDxSrsVBr0bNQa4k8h+1oPLZdUu79BNwz5Q158F8BBgA+rOz7YEAcfAAAAABJRU5ErkJggg==') no-repeat;
}

#slider .slider .navi .next {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAACsElEQVR4nM3ZvYoUQRQF4LuyBr6IT2BiIBqZGAiCgctmJoK7oAaKu6kommikL6CorCimJuJP6PMogux4j1VXmmF3pn/OPV0HDj07P+x8Mz1d3VWbi8XChNnwbnkfeQ+997xvlW9gU/i/gH3uvdG57433nHdH9SZU4C72nXe73vfae7M+R4JWgJex17x/6mNXvQcmRGeDV2Gt3paiM8HrsBEpOgvcFxuRoTPAQ7ERCZoNHouNpKOZ4KnYSCqaBWZhI2loBpiNjaSgp4KzsBE6ego4GxuhoseCVdgIDT0GzMTe8r7w/u7xXAp6KJiJveh96r3uPWMi9BAwezf+ZGUi4L73h4nQfcFZv9m9upWh+4CzD1BS9Dqw6mgsQ68Cq4ceCfo4sBobSUcfBZ4LGwF6Ubd09DJ4bmxkv24Z6F0rH+C/dMGtYCMp6AC3ho3Q0QFuERthoncAxipAq9gIC/0d4If1wW1rExsB+pT3tveOlfPwPoEJX+Qv7wPlYtrUnPCeHvnajbo9BBiD/EsrK3n4+lv8loF9773k/eh9POC1J63s0sg+wK+8Z63s43igNXRgL1vBXrGyttwnwH6w8kE98x7ELr1bt62hmVj89v+PwxiUW0PTsUj3oAV0nHvOjU7BIkcdpedGp2GR44aludCpWGTVOKxGp2ORdSceKrQEi/Q508pGy7BI31PLLLQUiww5l2aj5Vhk6MUDE33exFhkzNUSC/3Ze8H7zURYZOzlIQv9ZcBzJ2ORKdfDynGagkWmTgAo0DQswpjxyERTsQhriicDTccizDktJjoFi7An8RjoNCySMWs5BZ2KRbKmaceg07FI5rz0ELQEi2RPxPdBy7CIYuVhFVqKRVRLLcvorfo3bsuwiHJtqYv+2blfhkXUi2lAf/XetXJJ+MTKMq0sfwEDWYqwpNyLBQAAAABJRU5ErkJggg==') no-repeat;
}

#slider .slider .navi .prev:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAC+0lEQVR4nN3by2rUYBTA8dOZLJSCg1Bd1cvKl/AZXLQbXQjS4mKsDrQuFC8LF0WooNZSfQERQcEupI9QUBe6dye4UwqmK6eN8Zw4Z5hLkvku53w1+UNIZkqS+TFDOpN8idI0hZB9P3PuIs7WcGrgdBenV7PfvgZ7EVGoHVGI3cTZ9YGnXuJ0Hp9fCoUOBs7Bcu3e34Ogg4BLsFwwtDrYAMsFQauCLbCcOloN7IDlVNEqYA8sp4YWBwtgORW0KFgQy4mjxcAKWE4ULQJWxHJiaG9wACwngvYCD2Knmk1Ik8RncyZ5o53Bo+9sACznhXYCu36Mo1Oz0Lp/B3Y7K5B2uy675pzR1mAf7MntLWi0WnBsuQO/Hj223cRoTmgrsAT294dPED/dsN1EUdZoY7AU9uflBUj39203U5YV2gj8H2M5Y/REcAWwnBG6FFwhLDcRXQiuIJYrReeCZbAfEbsYGssVosfANcByueghcI2w3Bi6D64hlhtCR70HdcVy7d78WoTYS1BvLNdG6w69w6suax9ffZBhu5+/VAHLPSTwH58tNGdmoHH0CCTVAGcHrXs4vbFdcbdzE068fwfR2dM434IfF+YgiffkX6FstyM8cr3Fz/Y6Pli2WTOJY0TOVwn9HK2vs6M0LqwgmhbriibsDVro/x+uMbqPpYa+adUQPYSlxr5L1wg9hqVyfy35oecy7CGjc7FU4e9hd/TeYaMLsVTpGY8Kokux1MRzWhVCT8RSRmctK4A2wlLG56Vl0fPZAU4oYyxldeVBCj19dQHiJ89sNlGUFZayvrbki55evALxxgvb3eZljaWcrh76oOP1TZddjuaEpZyvD4+ip6II0oMD183Z5IylvEYADKKrgKW8x3i4frwd8sZSIqN4AqBFsJTYOC1FtBiWEh2Jp4AWxVLiYy0F0eJYSmU0rQBaBUupjZf2QKthKdUR8Q5oVSylfs+DBVodSwW5q8UAHQRLBbtvqQQdDEsFvTOth97BxVvw71a8NbrUE/I1/AUMi7eoFHGwzAAAAABJRU5ErkJggg==') no-repeat;
}

#slider .slider .navi .next:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAC+UlEQVR4nM3bPWsUURTG8bPOsDGIC8rGSqOVfRSiIpaCIBaxNSCRFEIMqE0KG4slgk2CkZQRIfiOKcQPIPgprExMZURwxSq7O96zyYmGfZu595xn5g9DZifsZH7M7rzcIXGSJIRq8+Tpkvtxw03zbmq5ae74+pfXsA1wxag/tItddtPt/xa/cssvOfQd1HZAwD2w0oz7PaHQ5uABWAmGNgWnxEoQtBk4I1YyR5uAPbGSKVodHIiVzNCqYCWsZIJWAytjJXW0CtgIK6mig8HGWEkNHQQGYSUVtDcYiS1FESXNJs8Go73A4D0rWCkInRmshS2Vy3R0aYF+1R5R49tm1rd7ozOBNfds5e4sDV+5TEMXxun71QkYOjVY+2NcX3hC5bNjNHR+nI59XIOhU4EtvrPJ9jb9mJyi6uozKHog2PIAlQe6LxhxNEaje4KRpx4kuisYfZ7lUOgOcB5Y6R96xaHPmaD3gfPESjvoW2boPXARsJIlug0uElayQsseLhRWskDHbmaSCoiVlNGfeQ/PG2ynaoIeebNK5TNjdKT2kLZuTvusqgZ7mBbageGDFFWroatpMXjOTS/CN8muqHKYRj6sUTR6ghpfN+jn7H3fVT2I3Rf5pftsX3QvZhS3US3BxqdG29ita9epWa/7rGrRWd+2P9J89OKjGBUMrYy9xzN73+GioS2w3L6DVlHQVliu4yidN9oSy3U9LeWF7sROOOxvn1V1xXI9z8NoNALL9b3wQKFRWG7glZY1GonlUl1aWqHRWC71tbQ2OqpUHPY9FMtlunnQRB+anoJjucx3S1ro+uKSu3dp0p+V5zAs53V7qIJutRz6qe+7vbCc9/0w8jxdimNKGg156Y3lggYAUGgtLBc84gHc08FYTmWIB4BWwXJqY1qGaDUspzqIZ4BWxXLqo5aKaHUsZzJMq4A2wXJm49IBaDMsZzoQ74E2xXLmTx4yoM2xHORRSwo0BMvBni31QcOwHPRh2i76E+08z+J/xXvslr1DbsNfEZugEDYYFq8AAAAASUVORK5CYII=') no-repeat;
}

/*
********************************************************
*/

#about {
    margin: 100px 0;
}

#about > div {
    position: relative;
}

#about .title {
    text-align: center;
    margin: 0 0 25px 0;
    font-size: 27px;
}

#about .text {
    text-align: justify;
    padding: 0 0 100px 0;
    background: url("../images/dmitri-gradilenko.png") right bottom no-repeat;
}

/*
********************************************************
*/

#redbox {
    padding: 100px 0;
    background: url("../images/redbox-bg.png") center top #e31e25;
    color: #fff;
}

#redbox a {
    color: #fff;
}

#redbox .title {
    text-align: center;
    margin: 0 0 25px 0;
    font-size: 27px;
}

#redbox .text {
    text-align: justify;
}

#redbox .message-send,
#redbox .message-alert {
    margin: 25px 0 0 0;
    padding: 7px 0;
    border-radius: 4px;
    border: 1px solid #fff;
    display: none;
}


#redbox .message {
    margin: 25px 0 0 0;
}

#redbox .message > div {
    padding: 50px 0 0 0;
}

#redbox .message .left {
}

#redbox .message .right {
}

#redbox .message input[type="text"] {
    width: 580px;
}

/*
********************************************************
*/

#whitebox {
    padding: 100px 0;
}

#whitebox .title {
    text-align: center;
    margin: 0 0 25px 0;
    font-size: 27px;
}

#whitebox .text {
    text-align: justify;
}

/*
********************************************************
*/

#icons {
    padding: 100px 0;
    background: url("../images/redbox-bg.png") center bottom #e31e25;
    color: #fff;
}

#icons .block {
    width: 400px;
    float: left;
}

#icons .block-half {
    width: 200px;
    float: left;
}

#icons .row {
    margin: 0 0 100px 0;
}

#icons .row:last-child {
    margin: 0 0 0 0;
}

#icons .block .ico {
    text-align: center;
}

#icons .block .title {
    text-align: center;
    margin: 15px 0 0 0;
    font-size: 24px;
}


/*
********************************************************
*/

#block {
    margin: 100px 0;
}

#block .block {
    width: 400px;
    float: left;
    text-align: center;
}

#block .block > div {
    padding: 0 25px;
}

#block .block .title {
    margin: 0 0 15px 0;
    font-size: 27px;
}

#block .block .image {
    margin: 0 0 15px 0;
}

#block .block .text {
    margin: 0 0 25px 0;
}

#block .block .button {
}

/*
********************************************************
*/

#footer {
    background: #252525;
    color: #999;
    padding: 100px 0 50px 0;
}

#footer > div {
    position: relative;
}

#footer a {
    color: #999;
}

#footer .block {
    width: 400px;
    float: left;
}

#footer .block > div {
    padding: 0 25px;
}

#footer .block .title {
    position: relative;
    margin: 0 0 35px 0;
    font-size: 27px;
    color: #fff;
}

#footer .block .title a {
    color: #fff;
}

#footer .block .title:after {
    content: '';
    position: absolute;
    width: 75px;
    height: 10px;
    border-bottom: 3px solid #e31e25;
    box-sizing: border-box;
}

#footer .block .text {
    margin: 0 0 25px 0;
}

#footer .block .text a:hover {
    color: #fff;
}

#footer .block .text .article-item {
    padding: 0 0 0 30px;
    margin: 0 0 25px 0;
}

#footer .block .text .article-nav {
    margin: 0 0 5px 0;
}

#footer .block .text .article-item:last-child {
    margin: 0;
}

#footer .block .text .article-item:before {
    font-family: FontAwesome;
    content: "\f105";
    color: #f00;
    float: left;
    padding-left: -20px;
    margin-left: -26px;
    font-size: 16px;
}

#footer .block .text .article-date {
    font-size: 12px;
    line-height: 17px;
    color: #e31e25;
    margin-top: 5px;
}

#footer .block .photo {
    line-height: 0;
}

#footer .block .photo > div {
    display: inline-block;
    margin: 0 25px 25px 0px;
}

#footer .block .photo > div:nth-of-type(3n) {
    margin-right: 0;
}

/*
********************************************************
*/

#footer .sponsor {
    position: relative;
}

#footer .sponsor .redblock {
    position: relative;
    padding: 0 50px 25px 50px;
}

#footer .sponsor .redblock .title {
    font-size: 22px;
    margin: 25px 0 10px 0;
    text-align: center;
    color: #fff;
}

#footer .sponsor .redblock .title a {
    color: #fff;
}

#footer .sponsor .redblock .text {
    padding: 50px 0 25px 0;
    text-align: center;
}

#footer .sponsor .redblock .text img {
    margin: 0 25px;
}

#footer .sponsor .redblock:before {
    content: '';
    width: 25%;
    position: absolute;
    top: 10px;
    bottom: 0px;
    left: 0px;
    border: solid #e31e25;
    border-width: 1px 0 1px 1px;
    pointer-events: none
}

#footer .sponsor .redblock:after {
    content: '';
    width: 25%;
    position: absolute;
    top: 10px;
    bottom: 0px;
    right: 0px;
    border: solid #e31e25;
    border-width: 1px 1px 1px 0;
    pointer-events: none
}

/*
********************************************************
*/

#footer .footer {
    margin-top: 50px;
    font-size: 12px;
    color: #777;
}

#footer .footer a {
    font-size: 12px;
    color: #777;
}

#footer .footer a:hover {
    color: #e31e25;
}

/*
********************************************************
*/

#main {
    margin: 100px 0;
}

#main > div > .left {
    width: 800px;
}

#main > div > .right {
    width: 400px;
}

#main > div > .left > div {
    padding: 0 50px 0 0;
}

#main > div > .right > div {
    padding: 0 0 0 50px;
}

.article {
    margin: 0 0 100px 0;
}

.article:last-child {
    margin: 0;
}

.article .title {
    position: relative;
    padding: 0 0 15px 0;
}

.article h1,
.article h2 {
    font-size: 27px;
    line-height: 1.2;
}

.article .title:after {
    content: '';
    position: absolute;
    width: 325px;
    height: 10px;
    border-bottom: 3px solid #e31e25;
    box-sizing: border-box;
}

#print .article h1 {
    font: 24px "PT Sans Narrow", "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Tahoma", "Arial", "Sans-serif";
    line-height: 20px;
    margin: 0 0 5px 0;
}

#back {
    border-bottom: 1px solid #222;
    margin: 0 0 15px 0;
    padding: 15px;
    font-weight: bold;
}

#back a {
    color: #e31e25;
}

.article .info {
    font-size: 11px;
    color: #ccc;
}

.article .info a {
    color: #ccc;
}

.article .info ul li {
    float: left;
    margin: 0 25px 0 0;
}

.article .info .red,
.article .info .red a {
    color: #e31e25;
}

.article .text,
.service .text {
    margin: 15px 0;
}

#print .article .text {
    font-size: 14px;
    text-align: justify;
}

.article .text a {
    color: #e31e25;
    text-decoration: none;
}

#print .article .text a {
    color: #222;
    text-decoration: underline;
}

.article .text a:hover,
.service .text a:hover {
    text-decoration: underline;
}

#print .article .link {
    font-size: 12px;
    text-align: right;
    margin: 0 0 15px 0;
}

.article .text .photo {
    float: left;
    border: none;
    margin: 0px 15px 10px 0px;
    position: relative;
}

.article .text .photo {
    float: left;
    border: none;
    margin: 0px 10px 10px 0px;
}

.article .text .photo .highslide-caption {
    display: block;
}

.article .update {
    margin: 0 0 15px 0;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    background: #fce4e5;
}

#print .article .update {
    font-size: 12px;
    color: #222;
    background: #eee;
}

.article .attachment span {
    font-size: 10px;
}

.article .bottom .left {
    width: 700px;
}

.article .bottom .right {
    width: 50px;
}

.article .more {
    font-size: 12px;
    text-align: right;
    border-right: 5px solid #e31e25;
    padding: 0 5px 0 0;
}

.article .like {
    font-size: 12px;
    padding: 0 0 0 10px;
}

.article .like a {
    color: #e31e25;
}

.eshop {
    width: 350px;
    float: left;
    margin: 0 0 50px 0;
}

.eshop:nth-child(2n+1) {
    margin-right: 50px;
}

.eshop h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eshop .desk {
    padding: 0 10px;
}

.eshop .bottom .cc {
    background: #e31e25;
    padding: 5px 0;
    font-size: 14px;
}

.eshop .bottom .cc a {
    color: #fff;
}


.short-child {
    float: left;
    width: 250px;
}

.short-child h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.short-child .title:after {
    width: 100px;
}

.partnery {
    width: 360px;
    margin-right: 25px;
    float: left;
}

.partnery:nth-child(2n+2) {
    margin-right: 0;
}

/*
********************************************************
*/

.addcomm {
    margin: 50px 0 0 0;
}

.addcomm .title {
    position: relative;
    padding: 0 0 15px 0;
}

.addcomm h4 {
    font-size: 16px;
    line-height: 1.2;
}

.addcomm .title:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 5px;
    border-bottom: 3px solid #e31e25;
    box-sizing: border-box;
}

.addcomm article .cc {
    margin: 25px 0 0 0;
}


/*
********************************************************
*/

.comm {
    margin: 50px 0 0 0;
}

.comm .left {
    width: 200px;
    text-align: right;
}

.comm .right {
    width: 500px;
}

.comm .title {
    position: relative;
    padding: 0 0 15px 0;
}

.comm h4 {
    font-size: 16px;
    line-height: 1.2;
}

.comm .title:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 12px;
    border-bottom: 3px solid #e31e25;
    box-sizing: border-box;
}

.comm .footer {
    margin: 25px 0;
    font-size: 12px;
}


/*
********************************************************
*/

#main > div > .right .block {
    margin: 0 0 50px 0;
}

#main > div > .right .block:last-child {
    margin: 0;
}

#main > div > .right .block .title {
    font-size: 22px;
    margin: 0 0 15px 0;
    padding: 5px 10px;
    border-left: 10px solid #e31e25;
    border-bottom: 2px solid #e31e25;
}

#main > div > .right .block .text {
    padding: 0 20px;
}

#main > div > .right .block .text .ball li {
    padding-left: 20px;
}

#main > div > .right .block .text .ball li:before {
    font-family: FontAwesome;
    content: "\f1e3";
    color: #f00;
    float: left;
    padding-left: -20px;
    margin-left: -26px;
    font-size: 16px;
}

#main > div > .right .block .photo {
    line-height: 0;
}

#main > div > .right .block .photo > div {
    display: inline-block;
    margin: 0 25px 25px 0px;
}

#main > div > .right .block .photo > div:nth-of-type(3n) {
    margin-right: 0;
}

/*
нижная постранична навигация
*/

#navigation {
    font-size: 18px;
}

#navigation span,
#navigation a {
    padding: 0px 10px;
}

#navigation span {
    color: #ccc;
}

#navigation a:hover {
    color: #e31e25;
}

/*
********************************************************
*/

/*
кнопки
*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-color: #ccc;
}

.btn:hover {
    color: #222;
    text-decoration: none;
}

.btn:active {
    outline: 0;
    background-image: none;
}

.btn-info {
    color: #222;
    background-color: #fff;
    border-color: #e31e25;
}

.btn-info:hover {
    color: #ffffff;
    background-color: #e31e25;
}

.btn-info:active {
    color: #ffffff;
    background-color: #cc1a1e;
    border-color: #cc1a1e;
}

.btn-socico {
    color: #fff;
    background-color: #e31e25;
    border-color: #e31e25;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 40px;
    width: 36px !important;
    height: 36px !important;
}

.btn-socico:hover {
    color: #e31e25;
    background-color: #fff;
    border-color: #e31e25;
}

.btn-socico:active {
    color: #cc1a1e;
    background-color: #fff;
    border-color: #e31e25;
}

#header.maksoft .btn-socico {
    color: #e31e25;
    background-color: #fff;
    border-color: #fff;
}

#header.maksoft .btn-socico:hover {
    color: #fff;
    background-color: #e31e25;
    border-color: #fff;
}

#header.maksoft .btn-socico:active {
    color: #cc1a1e;
    background-color: #e31e25;
    border-color: #fff;
}

.btn-login {
    color: #222;
}

.btn-login:hover {
    border-color: #aaa;
}

.btn-login:active {
    border-color: #555;
}

.btn-white {
    color: #222;
    background-color: #fff;
    width: 300px !important;
    padding: 10px 0;
}

.btn-white:hover {
    border-color: #aaa;
}

.btn-white:active {
    border-color: #555;
}

/*
модальные окна
*/

.popup {
    display: none;
}

#simplemodal-overlay {
    background-color: #fff;
}

#simplemodal-container {
    width: 600px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 20px #777;
    -moz-box-shadow: 0px 0px 20px #777;
    box-shadow: 0px 0px 20px #777;
}

/*
выбор города
*/

#city-popup {
    cursor: pointer;
}

#city-popup span {
    cursor: pointer;
    text-decoration: underline;
}

.city-list {
    margin: 0 0 0 200px;
}

.city-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.city-list ul li span {
    cursor: pointer;
}

.city-list > div {
    float: left;
    width: 250px;
}

.cityz {
    display: none;
}

.change-url {
    text-align: center;
    font-size: 20px;
}

.change-url a {
    font-weight: bold;
    text-decoration: underline;
}

/*
авторизация
*/

#login-popup-content > div > div,
#login-popup-content > div > form > div {
    margin: 0 0 15px 0;
}

#login-popup-content > div > div:last-child {
    margin: 0;
}

#login-popup-content .control input {
    float: left;
    width: 200px;
    margin: 0 50px;
}

#login-popup-content .form .input {
    margin: 0 0 15px 0;
}

#login-popup-content .text {
    border: 0;
    width: 570px;
    padding: 7px 15px;
    background: #eee;
    color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#login-popup-content .form label {
    display: block;
}

#login-popup-content .form .checkbox {
    margin: 0 7px 0 0;
}

/*! Social Likes v3.1.0 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */
.social-likes {
    display: inline-block
}

.social-likes, .social-likes__widget {
    padding: 0;
    vertical-align: middle !important;
    word-spacing: 0 !important;
    text-indent: 0 !important;
    list-style: none !important
}

.social-likes {
    opacity: 0
}

.social-likes_visible {
    opacity: 1;
    transition: opacity .1s ease-in
}

.social-likes > * {
    display: inline-block;
    visibility: hidden
}

.social-likes_vertical > * {
    display: block
}

.social-likes_visible > * {
    visibility: inherit
}

.social-likes__widget {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.social-likes__widget:before, .social-likes__widget:after {
    display: none !important
}

.social-likes_vertical .social-likes__widget {
    float: left;
    clear: left
}

.social-likes__button, .social-likes__icon, .social-likes__counter {
    text-decoration: none;
    text-rendering: optimizeLegibility
}

.social-likes__button {
    display: inline-block;
    margin: 0;
    outline: 0
}

.social-likes__counter {
    margin: 0;
    outline: 0
}

.social-likes__button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.social-likes__button:before {
    content: "";
    display: inline-block
}

.social-likes__icon {
    position: absolute;
    top: 0;
    left: 0
}

.social-likes__counter {
    display: none;
    position: relative
}

.social-likes_ready .social-likes__counter, .social-likes__counter_single {
    display: inline-block
}

.social-likes_ready .social-likes__counter_empty {
    display: none
}

.social-likes_vertical .social-likes__widget {
    display: block
}

.social-likes_notext .social-likes__button {
    padding-left: 0
}

.social-likes_single-w {
    position: relative;
    display: inline-block
}

.social-likes_single {
    position: absolute;
    text-align: left;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .11s, opacity .1s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.social-likes_single.social-likes_opened {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s ease-out
}

.social-likes__button_single {
    position: relative
}

.social-likes {
    min-height: 36px;
    margin: -6px
}

.social-likes, .social-likes_single-w {
    line-height: 19px
}

.social-likes__widget {
    margin: 6px;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 19px
}

.social-likes__widget:hover, .social-likes__widget:active, .social-likes__widget:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    cursor: pointer
}

.social-likes__button, .social-likes__counter {
    vertical-align: middle;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    cursor: inherit
}

.social-likes__button {
    padding: 1px 6px 1px 20px;
    font-weight: 400;
    border-right: 0
}

.social-likes__icon {
    width: 20px;
    height: 18px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.social-likes__counter {
    min-width: 12px;
    padding: 1px 4px;
    font-weight: 400;
    text-align: center;
    border-left: 1px solid #ccc
}

.social-likes__widget:hover > .social-likes__counter, .social-likes__widget:focus > .social-likes__counter, .social-likes__widget:active > .social-likes__counter, .social-likes__widget_active > .social-likes__counter {
    position: relative;
    border-left-color: transparent
}

.social-likes__widget:hover > .social-likes__counter:before, .social-likes__widget:focus > .social-likes__counter:before, .social-likes__widget:active > .social-likes__counter:before, .social-likes__widget_active > .social-likes__counter:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    border-left: 1px solid;
    opacity: .4
}

.social-likes_vertical {
    margin: -6px
}

.social-likes_vertical .social-likes__widget {
    margin: 6px
}

.social-likes_notext {
    margin: -3px
}

.social-likes_notext .social-likes__widget {
    margin: 3px
}

.social-likes_notext .social-likes__button {
    width: 18px
}

.social-likes_notext .social-likes__icon {
    width: 100%;
    background-position: center center
}

.social-likes__widget_single {
    margin: 0
}

.social-likes_single {
    margin: -12px 0 0;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

.social-likes__single-container {
    width: 100%;
    display: table
}

.social-likes_single .social-likes__widget {
    float: none;
    display: table-row;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.social-likes_single .social-likes__button {
    display: block;
    padding: 2px 6px 2px 24px
}

.social-likes_single .social-likes__icon {
    margin-left: 4px;
    margin-top: 2px
}

.social-likes_single .social-likes__counter {
    display: table-cell;
    padding: 2px 8px 2px 4px;
    border-left: 0;
    text-align: right
}

.social-likes_single .social-likes__widget:hover > .social-likes__counter:before, .social-likes_single .social-likes__widget:focus > .social-likes__counter:before, .social-likes_single .social-likes__widget:active > .social-likes__counter:before {
    display: none
}

.social-likes__icon_single {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAaElEQVR42mIxL/zLgATkgXgBECcC8QOYIBOagvVA7ADEa4FYAV0RIxDPAeIUKD8VygeJM7BABf8DsScQ/4HyzwGxB1QcrKgByUpk9h8YnwlJElkBiiYmBiIAbRUx0s46FizhgwEAAgwAkmYQfIjC7tcAAAAASUVORK5CYII=")
}

.social-likes__widget_single:hover, .social-likes__widget_single:active, .social-likes__widget_single:focus, .social-likes__widget_active {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #3673f4;
    border-color: #3673f4;
    color: #fff
}

.social-likes__widget_single:hover .social-likes__icon_single, .social-likes__widget_single:active .social-likes__icon_single, .social-likes__widget_single:focus .social-likes__icon_single, .social-likes__widget_active .social-likes__icon_single {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=")
}

.social-likes__icon_facebook {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaklEQVR42mJ0Cp7jycDAMBeIJRnwg+dAnMxEpGIGqJq5THgULwFicSBmBGJbmCYWPCYWAvEbdEF8GmCK/yMLMjGQCLBpsIW6GwaQ/UC6Ddj8cBjJZOr44TkJ6l+ANKSAGEQofgpKGgABBgAWcxAZp2KpkQAAAABJRU5ErkJggg==")
}

.social-likes__widget_facebook:hover, .social-likes__widget_facebook:active, .social-likes__widget_facebook:focus {
    background: #425497;
    border-color: #425497
}

.social-likes__widget_facebook:hover .social-likes__icon_facebook, .social-likes__widget_facebook:active .social-likes__icon_facebook, .social-likes__widget_facebook:focus .social-likes__icon_facebook {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC")
}

.social-likes__icon_twitter {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAA9ElEQVR42mKU3vqak4GB4TcQ/2HABFxAXA3EzkD8DIjbgfg+ECuwAIkwIHYD4gSoAchgORD7IfEDgPgpEGczAQlBII4C4kNAbIikSAqIfdEMYgRiMSD+B7JxJ9SZFkB8Foj3A/FWIP4KVYgO5gHxFpBGNSA+DsS2UIVOUIwLfAYRIKe+gGoiFpyDaTwJxEVA/J0ITd+hXgNrBIETMCcQADOA+D26RpCn/+LRdAuI62EcmMb/0IjOx6H5ATSu4a4ChaoPEMcAsTUQy6Bp+AfEy4C4EIjfIEuANG4B4rvQVKEOTWYfoKG3HYgfoluvPm8jA0CAAQAqvDQ/IXqkWQAAAABJRU5ErkJggg==")
}

.social-likes__widget_twitter:hover, .social-likes__widget_twitter:active, .social-likes__widget_twitter:focus {
    background: #00b7ec;
    border-color: #00b7ec
}

.social-likes__widget_twitter:hover .social-likes__icon_twitter, .social-likes__widget_twitter:active .social-likes__icon_twitter, .social-likes__widget_twitter:focus .social-likes__icon_twitter {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==")
}

.social-likes__icon_plusone {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABD0lEQVR42nTSsUtCURTH8eszSGgIgkqSoHBQh7QpbAlBcRCJ2staHFoa+hNyzqXBoan+gMDdoWgymkwkBxMiggo3a3Cp76WfcJHXgQ/nvfveue+ewwt08luGmEEdcwgjZP7iFrtmIqaUn5SXkUEDA+wZn/CwgQgetHYjC+JbZCOANWf9VXmobDd+c4vu8YgoalhFFpf4VL8rmMW8vR/3lEQV2yijhUO99KzeQ7p+95wjneAMQcRQ1JfsNA/wrc1T46KaznyMJqZxrcIvdNRf3957Gm8JO0ggjRx+cKpN21h0B7GJDw3EOGPvYuQ3ctvgC+K4w7nOfoQlFP4rsg+usI4Lrff0Z7QnCyqpffMrwAC15jTuOMaeqQAAAABJRU5ErkJggg==")
}

.social-likes__widget_plusone:hover, .social-likes__widget_plusone:active, .social-likes__widget_plusone:focus {
    background: #dd4241;
    border-color: #dd4241
}

.social-likes__widget_plusone:hover .social-likes__icon_plusone, .social-likes__widget_plusone:active .social-likes__icon_plusone, .social-likes__widget_plusone:focus .social-likes__icon_plusone {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=")
}

.social-likes__icon_mailru {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8XunISbFxmQ5UYqGIj9KMztLCyTKrMZCs7K1U7NSLBRloWb+AREmFpPF7GUzRBaymGLpV5bi+9RzM+XU595zT+85533PueHTXhC1BFaRx6DHnnGEbbxoIPSEFCp+l3DjCWOYc38FFzEe7Tj3Dlr5AG0OWscA6jhFX5zHmgO1+oy3V0AHirhHGZ36jjnnknfaxzKmMIxdTKMHO0pPE/px6cA7nAV/bQsfXky7fmtCqA5a8Bn8bz/WqlhNaCCDE0xivCk459zfMKq6VPQxCth0wTUfcZdr+UIaWVR1D0k6115lFkNYwLuPeB4beFUm0cVN4NCnoaBb5z3iDFTfIx7Cpl+j23eyiF6Pqb4lXEVBvwIMAGRTP1kwMI3TAAAAAElFTkSuQmCC")
}

.social-likes__widget_mailru:hover, .social-likes__widget_mailru:active, .social-likes__widget_mailru:focus {
    background: #255896;
    border-color: #255896;
    color: #ffcd00
}

.social-likes__widget_mailru:hover .social-likes__icon_mailru, .social-likes__widget_mailru:active .social-likes__icon_mailru, .social-likes__widget_mailru:focus .social-likes__icon_mailru {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8Xtn0IyIDc1SFpJQ5EdN1ChLC6PJFCsWsvInKCvFQllYKPaaZpIpC83CntkgsrBSLP1K2Wh8n3pupubU5865p/c9533PnbBWDaLRijWsYMBrLyhiF69aCJ3Qg7J/j3DrhDFkPV/FuRKSTK6RQAbtmMEPCojjxGv9TTw2XIJ2n/PxN2jDFh5wjA69x1yzytBJB1hCGsPYxyxS2FN5SuhDxYH3OAv+xw4+vZlO/VVCqAma8RU0jpq1KFYJz5jCKSYxXhe87NrfMaq+1HQJ69h2w5e+4k738o1BTONC19rNpOpd5jGEHD5wiAVs4k2VRB9uwneectCd6x5xBervCY9h3V+jy99kEb1eU395XEVBfwIMAE0mQy9JLJUSAAAAAElFTkSuQmCC")
}

.social-likes__icon_vkontakte {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAsElEQVR42mKJLJ3tycDAMBeIJRnwg+dAnMxEpGIGqJq5TGiKGZEwSE4ViDcha2LCYpIREK8C4l4gfgLElciSLDisDgXi/0A8DYi58GkA8Y8AsQkQfwHie0C8BVkBupO4kWyIBWJxIE4D4u/4nKQMxOVQ9jcgbgPii0BsgUvDIyCeBcR/gHgFVI00PhsuA3E61Lkg2xYAsSyyhudIcfGBQOS9AJmSAmIQEdNPQUkDIMAA8iAe2OyimvEAAAAASUVORK5CYII=")
}

.social-likes__widget_vkontakte:hover, .social-likes__widget_vkontakte:active, .social-likes__widget_vkontakte:focus {
    background: #526e8f;
    border-color: #526e8f
}

.social-likes__widget_vkontakte:hover .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:active .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:focus .social-likes__icon_vkontakte {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAfUlEQVQYGQXBMQ4BUQAFwGej0P1aohJCJBpcwu6N1AqVTqFX6TSu4B4if2+gNGZirwIAqPZRAQBADSAiBmYeQACxcXc2sgICiA4/MzsggKFia6HxBAIolk6Oxia+EEDRgYN4QQDF2tXF1NAbAigiGnM3ICoAAOij1QMA+Gj/aNf4AJYJLVIAAAAASUVORK5CYII=")
}

.social-likes__icon_odnoklassniki {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAyElEQVR42kzPMQtBcRTG4UvKQmalZFNKDNdm5gsYFCUlCbMyGMwsfACLzRcw2EwsGJTBQAZlUgxsfidvceq5/3vPeTv3Xs99FHMoP3ooOd+aoo+3T40hmnjouYsQWl4uEdRxRkLO6kVsQwB23nDRBruP2swGJ+zgYqKAq97JAi8UMUNFgb16LwvUkEYHcQUOaGNjgTKyaGCrQErn0gJVpQt/g6teObbfPGKAp/Orp3pH25DEHGGsFchghbxXXxvEAjlZqFf8CDAAgr4qyqKlfhgAAAAASUVORK5CYII=");
    background-position: 6px 3px
}

.social-likes__widget_odnoklassniki:hover, .social-likes__widget_odnoklassniki:active, .social-likes__widget_odnoklassniki:focus {
    background: #f6903b;
    border-color: #f6903b
}

.social-likes__widget_odnoklassniki:hover .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:active .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:focus .social-likes__icon_odnoklassniki {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAQAAAD1lzQWAAAAgElEQVQIHQXBoRGCAAAF0N80OoA0AxTHcQMncAaO7J1ndRCbgUDRbPCgMABEjnu+F7FRGwxqG4m4YTLhJrG36BUKvcU+SnQiOpSx9cHDAx/biMoP/FQSZ3cnFxcnd+d4YfX2tuIVB1cjGF0dIgpf8FVIHI1otRgdozF72tl5mjV/486WhTdrOooAAAAASUVORK5CYII=")
}

.social-likes__icon_pinterest {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABCUlEQVR42nTRPUvDUBTG8ZtoKYogTsGCoAXtUqFuBR1c/AZddNbRQUqhH0Eo6KKDb0gpXQUHBxF0Kg6KFAWh4qI4KxQRtKXxf+C5OEgP/Ehu8uTclwSN0VmnWsE6shjEF05QwZMFQr04QB3vKOmjGlZxiZxTcE0Pi9jCGD402xnOsYNF67yBGwWP8IaCwhe4xjxmLDyNUySxjGGk3F/5Wcb9Rib04FNLu9LYmk2ih1cbVLXmKXTRwoPCc8jgES/WpYymlhOpSxoxdjXTNn7spo19nYbN1ME9hjTexLE/OqsAC/jGknYf6Yxv/U592LrkcYdn+VehrgmM4ND1r8CHB7CnX96v4l8BBgB54jWa5GM+bAAAAABJRU5ErkJggg==")
}

.social-likes__widget_pinterest:hover, .social-likes__widget_pinterest:active, .social-likes__widget_pinterest:focus {
    background: #cc002b;
    border-color: #cc002b
}

.social-likes__widget_pinterest:hover .social-likes__icon_pinterest, .social-likes__widget_pinterest:active .social-likes__icon_pinterest, .social-likes__widget_pinterest:focus .social-likes__icon_pinterest {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAAvklEQVQYGQXBsUoUAACA4f/i8MBB0TdINCQQhHoDaXRzagkkopYGhRYfwKWhSYLDZ2ixNyiTVp1cXMQgaDpNsa6v70vy3DcTt34ZeyRlaIzPXnvpAy6tK2+wIwuSZ/75Yphz3+XQjS3JVzwOe0Z+463kCBu58dHIT/fW5IEzUys58NeqK6eSJ/44NZM5r2yaurTkoRNsK8kuLlybYt9AycAnd5a98M5TScmsH44lSVIyb2JbkiSDZNF7I0mS9B8IOsS5z/yrNgAAAABJRU5ErkJggg==")
}


/*
Программа
*/

.article {
}

.article .moment {
    position: relative;
    padding: 25px;
    background: url("../images/redbox-bg.png") center bottom #e31e25;
    color: #fff;
}

.article .moment:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 194px;
    height: 280px;
    background: url("../images/ball.png");
}

.article .lines {
    position: relative;
    padding: 25px;
    border: 1px solid #e31e25;
}

.article .moment b,
.article .lines b {
    font-family: "PT Sans Narrow";
    font-size: 25px;
}

.article .lines .line {
    font-size: 14px;
    width: 744px;
    height: 24px;
    border: 3px solid #e31e25;
    position: relative;
    color: #fff;
}

.article .lines .line > div {
    line-height: 24px;
    height: 24px;
    position: absolute;
}

.article .lines .line .xleft {
    left: 0;
    background: #e31e25;
}

.article .lines .line .xright {
    right: 0;
}

/*
Персональные сообщения
*/

.pmessage {
    margin: 0 0 100px 0;
}

.pmessage .title {
    position: relative;
    padding: 0 0 15px 0;
}

.pmessage h1,
.pmessage h2 {
    font-size: 27px;
    line-height: 1.2;
}

.pmessage .title:after {
    content: '';
    position: absolute;
    width: 325px;
    height: 10px;
    border-bottom: 3px solid #e31e25;
    box-sizing: border-box;
}

.pmessage .info {
    font-size: 18px;
    color: #e31e25;
}

.pmessage .info a {
}

.pmessage .info ul li {
    float: left;
    margin: 0 25px 0 0;
}

.pmessage .info .red,
.pmessage .info .red a {
    color: #e31e25;
}

.pmessage .text {
    margin: 15px 0;
}

.pmessage .text a {
    color: #e31e25;
    text-decoration: none;
}

.pmessage .text a:hover {
    text-decoration: underline;
}

.pmessage .bottom .left {
    width: 700px;
}

.pmessage .bottom .right {
    width: 50px;
}

.snow {
    display: block;
    position: absolute;
    z-index: 102;
}

#igroki .article {
    margin: 0 0 25px 0;
}

#igroki .player {
    width: 350px;
    height: 150px;
    float: left;
    margin: 0;
}

#igroki .player:nth-child(2n+1) {
    margin-right: 50px;
}

#igroki .name {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#igroki .cc {
    margin: 0 0 50px 0;
}

#igroki strong {
    font-size: 1.5em;
}

.igrok .desk {
    margin: 25px 0;
}


#header .logo .left {
    position: relative;
}

#header .logo #ng {
    position: absolute;
    left: 0;
    top: -15px;
    z-index: 9999;
    width: 120px;
    height: auto;
    pointer-events: none;
}

.snow {
    pointer-events: none;
}

.btn-burger {
    width: 30px;
    height: 30px !important;
    display: none;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    right: 15px;
    top: 15px;
    z-index: 1000;
}

.btn-burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #e31e25;
    margin: 0 0 2px;
}

.btn-burger span:last-child {
    margin: 0;
}


.login-mobile {
    display: none;
    position: absolute;
    right: 65px;
    top: 15px;
    width: 30px;
    height: 30px !important;
}

.login-mobile .sf-menu {
    padding: 0;
    list-style-type: none;
    margin: 0;
    width: 100%;
}

.login-mobile .sf-menu a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.eshop .desk {
    height: auto !important;
}

.eshop {
    width: 48%;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.eshop:last-child {
    margin: 0 0 30px;
}

.eshop .bottom {
    margin: auto 0 0;
    width: 100%;
}

.eshop:nth-child(2n+1) {
    margin-right: 0;
}

#dle-content {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.eshop .text > div a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
}

.eshop .text > div a img {
    margin: 0;
}

.simplemodal-container {
    height: auto !important;
    transform: translate(-50%,-50%);
    top: 50% !important;
    left: 50% !important;
    max-width: 600px;
    width: 100% !important;
}

.passeye .eye {
    height: auto;
    line-height: normal;
    transform: translate(0px, -50%);
    top: 50%;
}

#login-popup-content .control {
    justify-content: space-between;
}

#login-popup-content .control input {
    margin: 0;
    float: none;
}

#login-popup-content .text, .passeye {
    width: 100%;
}

@media (max-width: 1250px) {
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    *:before, *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

    img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .clearfix {
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }

    .main, .fill {
        min-width: auto;
    }

    #header .logo .right, #header.maksoft .logo .right {
        max-width: none;
        width: calc(100% - 120px);
        padding: 0 0 0 20px;
    }

    #header .logo .left, #header.maksoft .logo .left {
        width: 120px;
    }

    #header .logo .right .title {
        max-width: 500px;
    }

    #header > .clearfix {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    #header .left {
        width: auto;
    }

    #header .left .clearfix {
        padding: 0;
        display: flex;
        align-items: center;
    }

    .clearfix:before, .clearfix:after {
        display: none;
    }

    #header .right {
        width: auto;
        max-width: none;
    }

    #menu .first, #slider .clearfix {
        padding: 0;
    }

    .sf-menu a {
        font-size: 13px;
        padding: 7px 6px;
    }

    #header .phone .tel {
        font-size: 25px;
    }

    #header .logo .right .title {
        margin-top: 0;
    }

    #slider .slider, #slider .slider ul, #slider .slider ul li {
        width: 100%;
    }

    #slider .slider ul li a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    #slider li img {
        height: 100%;
        object-fit: cover;
    }

    #slider .slider .navi {
        justify-content: space-between;
    }

    #slider .goto {
        top: calc(100% - 35px) !important;
    }

    #redbox .message {
        width: 100%;
    }

    #redbox .message > div {
        padding: 30px 0 0;
    }

    #redbox .message > .clearfix {
        justify-content: space-between;
        width: 100%;
    }

    #redbox .message .left, #redbox .message .right {
        width: 49%;
    }

    #redbox .message .cc {
        margin: 0 auto;
    }

    #redbox .message input[type="text"] {
        width: 100%;
    }

    #redbox .clearfix > div {
        width: 100%;
    }

    #about .goto {
       bottom: auto;
        top: 100%;
    }

    #icons .row {
        width: 100%;
        margin: 0;
        justify-content: space-around;
    }

    #icons .block {
        width: 33.3%;
        margin: 0 auto 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #icons .block .ico {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #footer .goto {
        bottom: calc(100% + 40px);
        top: auto;
    }

    #footer .block > div {
        padding: 0 10px;
    }

    #footer .block {
        width: 33.3%;
    }

    #footer .sponsor .redblock {
        width: 100%;

    }

    #footer .sponsor .redblock .text {
        padding: 30px 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #footer .sponsor .redblock .text a {
        margin: 0 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #footer {
        padding: 80px 0 40px;
    }

    #footer .block .photo {
        width: 100%;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #footer .block .photo > div {
        margin: 0 0 20px;
        width: 31%;
    }

    #footer .block .photo > div a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #footer .block .photo > div a img {
        width: 100%;
    }

    #footer .block .text {
        font-size: 14px;
        line-height: 1.6;
    }

    #footer .footer {
        justify-content: center;
        text-align: center;
    }

    #main {
        margin: 40px 0;
    }

    #main > div > .left {
        width: 65%;
    }

    #main > div > .right {
        width: 35%;
    }

    .article .info, .article .text, .service .text, #main > div > .left .clearfix {
        padding: 0;
    }

    #main > div > .right > div {
        padding: 0 0 0 20px;
    }

    #main > div > .left > div {
        padding: 0 20px 0 0;
    }

    #main > div > .right .block .photo > div {
        margin: 0 0 20px;
        width: 32%;
    }

    #main > div > .right .block .photo {
        width: 100%;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #main > div > .right .block .photo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main > div > .right .block {
        margin: 0 0 30px;
    }

    #main > div > .right .block .text {
        font-size: 14px;
    }
    .article .title:after {
        width: 100%;
    }

    .article {
        margin: 0 0 40px;
        width: 100%;
    }

    #dle-content .article > article.text > div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
    }

    #dle-content .article > article.text > div a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32%;
        margin: 0 0 20px;
    }

    #dle-content .article .bottom .left {
        width: auto;
    }

    #dle-content .article .bottom {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .highslide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .trainer-box .highslide, .about-box .highslide, .partner-box .highslide {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        width: 100%;
    }

    .trainer-box .highslide img, .about-box .highslide img, .partner-box img {
        margin: 0 auto;
        max-width: 60%;
    }

    .article-page-box, .about-box, .program-box, .partner-box {
        display: block;
    }

    #dle-content .article > article.text > .pro {
        justify-content: flex-start;
    }

    #dle-content .article > article.text > .pro ul {
        display: block;
        width: calc(100% - 165px);
        font-size: 14px;
    }

    #dle-content .article > article.partner-box > div {
        width: 100%;
        display: inline-block;
    }

    #dle-content .article > article.partner-box > div a[target="_blank"] {
        display: inline;
    }

    .goto {
        font-size: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

@media (max-width: 992px) {
    #header {
        padding: 15px 0;
    }

    #header .logo .right .title {
        font-size: 20px;
    }

    #header .logo .right, #header.maksoft .logo .right {
        max-width: 410px;
        width: calc(100% - 90px);
    }

    #header .logo .left, #header.maksoft .logo .left {
        width: 90px;
    }

    #header .logo img {
        width: 100%;
        height: auto;
    }

    #header .logo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .logo .right .slog {
        line-height: normal;
    }

   .main-menu {
       max-width: 790px;
   }

    .eshop .desk {
        font-size: 14px;
        line-height: 1.6;
    }

    .article-page-box .highslide {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .article-page-box .highslide img {
        margin: 0 auto;
    }

    #slider .slider, #slider .slider ul li {
        height: auto !important;
    }

    #slider .slider .navi {
        top: 50% !important;
        transform: translate(0,-50%);
    }

    #slider .slider .navi span {
        width: 40px;
        height: 40px;
        -webkit-background-size: contain !important;
        background-size: contain !important;
    }

    #slider li img {
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 850px) {
    #menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        max-width: 300px;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 999;
        padding: 30px 20px;
        box-sizing: border-box;
    }

    #menu > .clearfix {
        height: 100%;
        padding: 0;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-start;
    }

    #menu .sf-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    #menu .left {
        width: 100%;
    }

    .sf-arrows .sf-with-ul {
        display: block;
    }

    .sf-menu ul {
        position: relative;
        top: 0;
    }

    .sf-menu li {
        white-space: normal;
    }

    .btn-burger, .login-mobile {
        display: flex;
        flex-wrap: wrap;
    }

    #header.maksoft .btn-burger span {
        background: #fff;
    }

    #header.maksoft .login-mobile {
        background: #fff;
        color: #e31e25;
    }

    #header.maksoft > .left {
        width: 100%;
    }

    #header > .clearfix {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-start;
    }

    #header .left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: auto !important;

    }

    #header .left .clearfix {
        justify-content: center;
    }

    #header .logo .right, #header.maksoft .logo .right {
        max-width: none;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;

    }

    #header .right {
        margin: 20px auto 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto !important;
    }

    #header .phone {
        margin: 10px 0 0;
    }

    #header .phone .tel {
        font-size: 23px;
    }

    #main > div > .left, #main > div > .right {
        width: 100%;

    }

    #main > div > .right > div, #main > div > .left > div {
        padding: 0;
    }

    #dle-content .text > div, #dle-content .text > div img {
        width: 100%;
    }

    #main > div > .left {
        margin: 0 0 30px;
    }

    .article .title:after {
        width: 100%;
    }

    #dle-content .text > div.title_spoiler > a:first-child {
        width: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #dle-content .text > div.title_spoiler {
        display: flex;
        align-items: flex-start;
        margin: 0 0 20px;
        font-size: 14px;
    }

    .text_spoiler {
        font-size: 14px;
        line-height: 1.6;
        margin: 0 0 15px;
    }

    #dle-content .article iframe {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #header .left .clearfix {
        padding: 0 80px 0 0;
    }

    #redbox .message input[type="text"] {
        width: 100%;
    }

    #about {
        margin: 40px 0;
    }

    #whitebox, #icons {
        padding: 40px 0;
    }

    #icons .block .title {
        font-size: 18px;
    }

    #footer .block {
        width: 100%;
    }

    #footer .sponsor .redblock {
        padding: 20px 15px;
    }

    .article .moment b, .article .lines b {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    #slider .slider .navi .left {
        margin: 0 0 0 25px;
    }

    #slider .slider .navi .right {
        margin: 0 25px 0 0;
    }

    /*#slider .slider, #slider .slider ul li {*/
    /*    height: 300px !important;*/
    /*}*/

    #redbox .message .left, #redbox .message .right {
        width: 100%;
        max-width: 302px;
        margin: 0 auto;
    }

    #redbox .message .left {
        margin: 0 auto 30px;
    }

    select {
        max-width: 302px;
        width: 100%;
    }

    .btn-white {
        width: 100% !important;
        max-width: 300px;
    }

    #icons .block .title {
        font-size: 16px;
    }

    .article .moment:after {
        width: 100px;
        height: 140px;
        background-size: cover;
    }

    #dle-content .article > article.text > .pro ul {
        width: calc(100% - 90px);
        padding: 0 0 0 20px;
    }
}
@media (max-width: 480px) {
    #header .left .clearfix {
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    #header .logo .left, #header.maksoft .logo .left {
        margin: 0 auto 20px;
    }

    #header .logo .right, #header.maksoft .logo .right {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #header .logo .right .title {
        width: 100%;
        font-size: 18px;
    }

    #header .logo .right .city {
        margin: 0 auto;
    }

    #header .phone .tel {
        font-size: 18px;
    }

    #icons .block {
        width: 100%;
    }

    #footer .block > div {
        padding: 0;
    }

    .btn-socico {
        margin: 0 0 0 5px;
    }

    #header .socnetwork ul li:last-child .btn-socico {
        margin: 0;
    }

    .login-mobile {
        right: 55px;
    }

    /*#slider .slider, #slider .slider ul li {*/
    /*    height: 250px !important;*/
    /*}*/

    #about .title, #redbox .title, #footer .block .title, .article h1, .article h2 {
        font-size: 24px;
    }

    #about .text {
        font-size: 14px;
        text-align: left;
        padding: 0 0 140px;
    }

    #redbox .message {
        margin: 0;
    }

    #icons .block {
        width: 100%;
    }

    #icons .block .title br {
        display: none;
    }

    .eshop {
        width: 100%;
    }

    .article .text a[target="_blank"] {
        font-size: 12px;
    }

    #login-popup-content .control input {
        width: 100%;
        margin: 0 auto 10px;
    }

    #slider .slider .navi span {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 440px) {
    #dle-content .article > article.text > div a {
        width: 100%;
    }

    #navigation span, #navigation a {
        padding: 0 6px;
    }

    #navigation {
        font-size: 16px;
    }

    .trainer-box .highslide img, .about-box .highslide img, .partner-box .highslide img {
        max-width: 80%;
    }

    #dle-content .article > article.text > .pro ul {
        width: 100%;
        margin: 0 0 120px;
    }

    #dle-content .article > article.partner-box > div {
        font-size: 14px;
        text-align: left !important;
    }

    .partner-box {
        font-size: 14px;
    }

}

@media (max-width: 360px) {
    .partner-box img, .partner-box .highslide img {
        max-width: 100%;
        width: 100%;
    }
}

.grt-cookie {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding: 20px;
	background:#FFF;
	color:#333;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	z-index:9999;
}

.grt-cookie-active {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}

.grt-cookie p {
	font-size: 14px;
	margin: 0;
	padding:0;
	line-height: 1.35;
	color:#333;
	font-weight: normal;
}

.grt-cookie p a {
	color:#333;
	text-decoration: underline;
	font-size: 14px;
	margin: 0;
	padding:0;
}

.grt-cookie-button {
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	padding: 3px 18px;
	margin-left:12px;
	background: #333;
	color: #FFF;
	text-transform: capitalize;
	white-space: nowrap;
}

@media (max-width:767px) {

	.grt-cookie {
		flex-direction: column;
		padding: 15px;
	}

	.grt-cookie p, .grt-cookie p a {
		font-size:13px;
	}

	.grt-cookie-button {
		font-size:13px;
		padding: 3px 14px;
		margin:8px 0 0 0;
	}

}