.top_nav .menu_button {
    display: none;
}

.main-nav .menu_button {
    display: none;
}

.top_nav {
    background-color: #393185;
}

.top_nav>div {
    display: table;
}

.top_nav>div>nav {
    display: table-cell;
}

.top_nav>div ul {
    margin: 0;
}

.top_nav>div ul li {
    display: table-cell;
    border-right: 1px solid #4a40ad;
}

.top_nav>div ul li:first-child {
    border-left: 1px solid #4a40ad;
}

.nav-left ul {
    float: left;
}

.nav-left ul li {
    white-space: pre;
}

.nav-right ul {
    float: right;
}

.top_nav a {
    color: #fff;
    display: block;
    padding: 8px 20px;
}

.top_nav a:hover {
    color: #fff;
    background: #ff0000;
}

@media (max-width: 600px) {
    .top_nav .menu_button {
        display: block;
    }
    .top_nav .content>div {
        display: none;
    }
    .top_nav>div ul li {
        display: block;
    }
    .nav-left ul {
        float: none;
        background: #302964;
    }
    .nav-left ul li {
        white-space: nowrap;
    }
    .nav-right ul {
        float: none;
    }
    .top_nav a {
        color: #fff;
        display: block;
        padding: 5px 20px;
    }
}


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

.main-nav {
    background: #fff000;
    border-bottom: 2px solid #a59b00;
}

.main-nav div>nav>ul {
    margin: 0;
    display: table;
}

.main-nav div>nav>ul>li {
    display: table-cell;
}

.logo-graph {
    display: block;
}

.logo-text {
    display: none;
}

.menu-btn-block {
    display: none;
}

.main-nav .content {
    display: table;
    padding: 8px 20px;
}

.main-nav .logo {
    width: 16%;
    display: table-cell;
}

.main-nav .main-menu {
    width: 70%;
    display: table-cell;
    vertical-align: middle;
}

.main-menu ul {
    float: right;
}

.main-menu ul a {
    padding: 10px 10px;
    font-size: 1.3em;
    display: block;
    border-radius: 4px;
}

.main-menu ul a:hover {
    background: #ff0000;
    color: #fff;
}

.m_active a {
    background: #ff0000;
    color: #fff;
}

.logo img {
    width: 100%;
}

@media (max-width: 900px) {
    .main-menu ul {
        font-size: 0.8em;
    }
}

@media (max-width: 800px) {
    .main-menu ul {
        font-size: 0.7em;
    }
}

@media (max-width: 750px) {
    .main-nav .content {
        display: table;
    }
    .main-nav .main-menu {
        display: table-cell;
    }
    .menu-btn-block {
        display: none;
    }
    .menu-btn-block img {
        width: 30%;
    }
    .main-menu ul {
        font-size: 0.6em;
    }
}

@media (max-width: 600px) {
    .main-nav .content {
        padding: 10px;
        display: block;
    }
    .main-nav .logo {
        width: 70%;
    }
    .logo-graph {
        display: none;
    }
    .logo-text {
        display: block;
        width: 100%;
    }
    .menu-btn-block {
        display: table-cell;
        width: 30%;
        text-align: right;
        vertical-align: middle;
    }
    .main-nav .menu_button {
        display: block;
    }
    .main-nav .main-menu {
        width: 100%;
        display: block;
        background-color: #ff0000;
        display: none;
    }
    .main-menu ul {
        display: table;
        width: 100%;
        background-color: #fff;
        border-bottom: 2px solid #ddd;
        overflow: hidden;
        border-radius: 4px;
    }
    .main-nav div>nav>ul>li {
        display: block;
        border-top: 1px solid #eee;
    }
}


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


/* Slider --------------------------------------------------*/

.slider {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/* Service-BOX --------------------------------------------------*/

.service-box {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.service-box .item {
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 15px;
}

.service-box .item>a {
    text-decoration: none;
}

.service-box .item>a:hover {
    color: #ff0000;
}

.service-box .item>a>img {
    width: 100%;
}

.service-box .item>a>header {
    padding: 15px 0px 0px 15px;
    margin: 0;
    font-size: 1.2em;
}

.service-box .item>a>p {
    padding: 0 15px 15px 15px;
    color: #333;
    margin: 0;
}

@media (max-width: 800px) {
    .service-box .item header {
        padding: 5px 0px 0px 5px;
    }
    .service-box .item p {
        padding: 0px 5px 5px 5px;
    }
}


/* News-box --------------------------------------------------*/

.news-box {
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.news-box>div>header {
    padding: 10px;
}

.news-box>div>div>div>header {
    margin: 0;
}

@media (max-width: 800px) {
    .news-box {
        border-bottom: 1px solid #ddd;
        padding: 0px;
        margin: 0;
    }
    .news-box>div>header {
        padding-top: 10px;
        margin: 0;
    }
    .news-box>div>div>div {
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
    .news-box>div>div>div>p {
        margin-bottom: 15px;
    }
    .news-box>div>div>div>a {
        border: 2px solid #f5ce00;
        padding: 5px 35px;
        border-radius: 20px;
    }
    .news-box>div>div>div>a:hover {
        background: #f5ce00;
        color: #ff0000;
    }
}


/* Partner --------------------------------------------------*/

.partners-box {
    padding: 20px;
}

.partners-box .item {
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}

.partners-box .item p {
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}

@media (max-width: 800px) {
    .partners-box,
    .service-box {
        padding: 10px;
    }
}


/*������*/


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

.footer {
    width: 100%;
    background: #4d566c;
    border-top: 2px solid #717fa0;
}

.footer * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer p,
.footer ul,
.footer header {
    color: #fff;
}

.footer header {
    font-weight: bolder;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.footer .content {
    display: table;
    margin: 0 auto;
}

.f1,
.f2,
.f3 {
    display: table-cell;
    padding: 20px 40px;
    vertical-align: top;
    width: 33%;
    border-left: 1px dotted #717fa0;
}

.f1 {
    width: 30%;
    padding: 20px 20px;
    border-left: 0;
    text-align: left;
}

.f1>img {
    width: 70%;
}

.f2 a {
    color: #fff;
}

a.snfb:before {
    content: "";
    background: url('../assets/images/icons-sn.png') no-repeat 0px 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    border-radius: 4px;
}

a.snok:before {
    content: "";
    background: url('../assets/images/icons-sn.png') no-repeat -54px 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    border-radius: 4px;
}

a.snvk:before {
    content: "";
    background: url('../assets/images/icons-sn.png') no-repeat -27px 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    border-radius: 4px;
}

@media (max-width: 800px) {
    .footer .content {
        display: block;
    }
    .footer * {
        border: 0;
    }
    .f1,
    .f2,
    .f3 {
        display: block;
        padding: 10px 10px;
        border-top: 1px solid #717fa0;
        width: 100%;
        text-align: center;
    }
    .footer p,
    .footer ul,
    .footer header {
        color: #fff;
        text-align: center;
    }
    .f1 {
        padding: 30px 10px;
        margin: 0 auto;
        border-top: 0;
        text-align: center;
    }
    .f1>img {
        width: 70%;
    }
}


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


/* MAIN-CONTENT -------------------------------------------------*/

.main-content {
    width: 100%;
    margin-top: 20px;
}

.main-content .content {
    display: table;
}


/* NAVIGATION -----------------------------------------------*/

.sidebar {
    width: 20%;
    display: table-cell;
    vertical-align: top;
}

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

.sidebar ul li {
    margin-bottom: 5px;
    border: 1px solid #ddd;
}

.sidebar ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    transition: all ease-in-out .4s;
}

.sidebar ul li a:hover {
    background: #ff0000;
    color: #fff;
}

.data_content {
    display: table-cell;
    width: 80%;
    padding: 0px 20px 0px 20px;
    vertical-align: top;
}

.data_content img {
    max-width: 100%;
}

.data_content ul {
    line-height: 1.5;
}

.data_content>header {
    margin-bottom: 10px;
}

.data_content fieldset {
    padding: 20px;
}

.data_content fieldset legend {
    font-weight: bolder;
    font-size: 1.3em;
}

.data_content fieldset ul {
    list-style: none;
    margin: 0;
}

.data_content fieldset ul li {
    padding: 10px 0px;
    border-top: 1px solid #ddd;
}

.data_content fieldset ul li:first-child {
    border-top: 0;
}

.big {
    font-size: 1.5em;
    margin-botom: 10px;
}

.medium {
    font-size: 1em;
}

.small {
    font-size: 0.8em;
}

@media (max-width: 800px) {
    .main-content {
        margin: 0;
    }
    .main-content .content {
        display: block;
    }
    .sidebar {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        white-space: nowrap;
        max-width: 100%;
        overflow-x: scroll;
    }
    .sidebar ul {
        padding: 0;
        margin: 0;
    }
    .sidebar ul li {
        padding: 0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid #eee;
        font-size: 1.4em;
        display: inline-block;
    }
    .sidebar ul li a {
        padding: 8px 10px;
    }
    .data_content {
        width: 100%;
        padding: 0px 10px 0px 10px;
    }
}

.services-page * {
    margin: 0;
}

.services-page div {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.user_view {
    list-style: none;
    margin: 0;
    display: inline-block;
    margin-bottom: 20px;
}

.user_view li {
    display: inline-block;
    padding: 0px 0px 10px 0px;
}

.user_view li:before {
    content: " / ";
    padding: 15px;
}

.user_view li:first-child:before {
    content: "";
    padding: 0;
}

.no_border {
    border: 0;
}

.no_border td,
.no_border th {
    border: 0;
    vertical-align: middle;
}

.no_border *:hover {
    background-color: transparent;
}

@media (max-width: 600px) {
    .user_view .uv_print {
        display: none;
    }
}

.top-news {
    padding: 30px 0 0;
}

.spoiler_link {
    border: 1px solid #ddd;
    padding: 10px 15px;
    display: block;
    margin-bottom: 15px;
}

#m1 {
    margin-bottom: 15px;
}


/* ��� ��������� ������ � ����� ��� */

.price_new {
    color: #ff0000;
}

.price_new>span {
    text-decoration: line-through;
    color: #bbb;
}

.service_item span {
    background-color: #ff0000;
    color: #fff;
    font-size: 0.7em;
    border-radius: 5px;
    padding: 1px;
}

.big span {
    display: none;
}