/* Base */
html {
    font-size: 10px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

/* Mixins */
/* Links */
a {
    -webkit-transition: color .1s ease-out, opacity .1s ease-out, background .1s ease-out;
    -moz-transition: color .1s ease-out, opacity .1s ease-out, background .1s ease-out;
    -ms-transition: color .1s ease-out, opacity .1s ease-out, background .1s ease-out;
    -o-transition: color .1s ease-out, opacity .1s ease-out, background .1s ease-out;
    transition: color .1s ease-out, opacity .1s ease-out, background .1s ease-out;
}

/* Clear fix */
.cf,
.clearfix {
    zoom: 1;
}

.cf:before,
.clearfix:before,
.cf:after,
.clearfix:after {
    content: '';
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

header,
main,
footer {
    zoom: 1;
}

header:before,
main:before,
footer:before,
header:after,
main:after,
footer:after {
    content: '';
    display: table;
}

header:after,
main:after,
footer:after {
    clear: both;
}

/* Customs */
/* Adaptive container */
body {
    font: 1.4rem arial, tahoma, sans-serif;
}

a {
    color: #000;
    text-decoration: underline;
}

a:hover,
a:active {
    text-decoration: none;
}

.a {
    position: relative;
    display: table;
    width: 100%;
    min-width: 916px;
}

.b-left,
.b-center,
.b-right,
.b-cr {
    display: table-cell;
    position: relative;
    vertical-align: top;
}

.b-left,
.b-right {
    /*  width: 249px;*/
    width: 219px;
}

.b-left,
.b-right,
.b-cr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.b-left {
    padding: 0 8px 0 142px;
}

@media (max-width: 1200px) {
    .b-left {
        padding-left: 20px;
    }
}

.b-right,
.b-cr {
    padding: 0 142px 0 8px;
}

@media (max-width: 1200px) {
    .b-right,
    .b-cr {
        padding-right: 20px;
    }
}

.b-center {
    width: auto;
    padding: 0 10px;
}

.adp {
    padding: 0 142px;
}

@media (max-width: 1200px) {
    .adp {
        padding: 0 20px;
    }
}

/* Header */
header {
    height: 20.8rem;
}

header .a {
    height: inherit;
}

header .a .b-left {
    height: inherit;
      background: url(../img/h-bg.png) 100% 0 no-repeat;
    /*background: url(../img/h-bg-65.jpg) 100% 0 no-repeat;*/
    background-size: cover;
}

header .a .b-center {
    padding-left: 10px;
    min-width: 470px;
}

header .a .b-right {
    padding-top: 25px;
}

@media (max-width: 1200px) {
    header .a .b-right {
        padding-right: 20px;
    }
}

header .a .b-right a,
header .a .b-right span {
    display: block;
    line-height: 1.7rem;
    padding-left: 40px;
    position: relative;
    padding-bottom: 7px;
}

header .a .b-right a + a,
header .a .b-right span + a,
header .a .b-right a + span,
header .a .b-right span + span {
    padding-top: 7px;
}

header .a .b-right a:before,
header .a .b-right span:before {
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
}

header .a .b-right a.br-mail:before,
header .a .b-right span.br-mail:before {
    background-image: url('../img/i-mail.png');
}

header .a .b-right a.br-phone:before,
header .a .b-right span.br-phone:before {
    background-image: url('../img/i-phone.png');
}

header .a .b-right a.br-place:before,
header .a .b-right span.br-place:before {
    background-image: url('../img/i-place.png');
}

header .a .b-right a.br-info:before,
header .a .b-right span.br-info:before {
    background-image: url('../img/i-info.png');
}

header .a .h-title {
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 2.7rem;
    font-weight: bold;
    text-decoration: none;
}

header .a .h-title a {
    text-decoration: none;
}

a.btn {
    display: block;
    padding: 0 22px;
    position: relative;
    border-radius: 7px;
    font-weight: bold;
    font-size: 1.6rem;
    text-decoration: none;
}

a.btn.hd {
    height: 44px;
    line-height: 4.4rem;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3));
    background: -webkit-linear-gradient(top, #f1f1f1, #e3e3e3);
    background: -moz-linear-gradient(top, #f1f1f1, #e3e3e3);
    background: -ms-linear-gradient(top, #f1f1f1, #e3e3e3);
    background: -o-linear-gradient(top, #f1f1f1, #e3e3e3);
    float: left;
}

a.btn.hd span {
    font-size: 2.2rem;
}

a.btn.hd span b {
    font-size: 1.6rem;
}

a.btn.hd:hover {
    background-color: #e9e9e9;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dbdbdb));
    background: -webkit-linear-gradient(top, #e9e9e9, #dbdbdb);
    background: -moz-linear-gradient(top, #e9e9e9, #dbdbdb);
    background: -ms-linear-gradient(top, #e9e9e9, #dbdbdb);
    background: -o-linear-gradient(top, #e9e9e9, #dbdbdb);
}

.h-btn-wrap {
    height: 44px;
    line-height: 4.4rem;
    position: absolute;
    bottom: 24px;
    left: 10px;
    white-space: nowrap;

}

a.l-map {
    display: block;
    font-size: 1.5rem;
    margin-left: 28px;
    padding: 0 25px;
    float: left;
    position: relative;

    display: none;
}

a.l-map:before {
    content: '';
    width: 18px;
    height: 100%;
    left: 0;
    position: absolute;
    background: url(../img/i-map.png) 50% no-repeat;
}

/* Navigation */
nav {
    padding: 0 142px;
    height: 5.3em;
    background: #f48a1a;
    position: relative;
    z-index: 10;
}

@media (max-width: 1200px) {
    nav {
        padding: 0 20px;
    }
}

nav > ul {
    display: table;
    height: 100%;
}

nav > ul li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

nav > ul li[data-color] a:hover {
    background: rgba(0, 0, 0, 0.07);
}

nav > ul li:not([data-color]) a:hover {
    background: #e5e5e5;
}

nav > ul li a {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-weight: bold;
    font-size: 1.7rem;
    text-decoration: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

nav > ul li a div {
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

nav > ul li:last-child a {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

nav > ul li.l-ln {
    position: relative;
}

nav > ul li.l-ln a {
    color: #fff;
}

nav > ul li.l-ln:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 9px;
    left: 0;
    bottom: -12px;
    border-radius: 0 0 12px 12px;
    border-top: 3px solid;
}

nav > ul li.l-ln[data-color='#3f9f04'] {
    background: #3f9f04!important;
}

nav > ul li.l-ln[data-color='#3f9f04']:after {
    border-top-color: #2b6d03;
    background: #317c03;
}

nav > ul li.l-ln[data-color='#007db3'] {
    background: #007db3!important;;
}

nav > ul li.l-ln[data-color='#007db3']:after {
    border-top-color: #005980;
    background: #00648f;
}

nav > ul li.l-ln[data-color='#f48a1a'] {
    background: #f48a1a!important;;
}

nav > ul li.l-ln[data-color='#f48a1a']:after {
    border-top-color: #d1700a;
    background: #e0780b;
}

nav > ul li > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 74px;
    width: 250px;
    border: 0;
    z-index: 9;
    -webkit-transition: visibility 0s ease-out .15s, opacity .15s ease-out;
    -moz-transition: visibility 0s ease-out .15s, opacity .15s ease-out;
    -ms-transition: visibility 0s ease-out .15s, opacity .15s ease-out;
    -o-transition: visibility 0s ease-out .15s, opacity .15s ease-out;
    transition: visibility 0s ease-out .15s, opacity .15s ease-out;
}

nav > ul li > ul:hover + a {
    background: #e5e5e5;
}

nav > ul li > ul li {
    display: block;
    /*height: 35px;*/
    border: 0;
}

nav > ul li > ul li a {
    display: block;
    padding: 0 15px;
    line-height: 3.4rem;
    vertical-align: middle;
    background: #d5d5d5;
    border: 0;
}

nav > ul li > ul li a:hover {
    color: #f48b1a;
}

nav > ul li > ul li + li {
    border-top: 1px solid #cdcdcd;
}

nav > ul li:hover ul,
nav > ul li ul:hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

main .b-center h1.page-title:first-child {
    margin-top: 0;
}

main .b-left,
main .b-right,
main .b-cr {
    overflow: hidden;
}

main .b-left:before,
main .b-right:before,
main .b-cr:before {
    content: '';
    position: absolute;
    height: 999999px;
    width: 9999px;
    top: 0;
    background: url(../img/bg.png);
    z-index: -1;
}

main .b-left:after,
main .b-right:after,
main .b-cr:after {
    content: '';
    height: 937px;
    width: 22px;
    background: url(../img/content-shadow.png);
    position: absolute;
    top: 0;
}

main .b-left:before {
    right: 257px;
}

main .b-left:after {
    right: 257px;
}

main .b-right:before {
    left: 257px;
}

main .b-right:after {
    left: 257px;
    background-position: -22px 0;
}

main .b-right .br-wrap {
    padding-right: 28px;
}

main .b-cr:before {
    left: 100%;
    margin-left: -142px;
}

main .b-cr:after {
    left: 100%;
    margin-left: -142px;
    background-position: -22px 0;
}

@media (max-width: 1200px) {
    main .b-cr:before,
    main .b-cr:after {
        margin-left: -20px;
    }
}

main .b-cr .br-wrap {
    padding-right: 28px;
}

main .b-left,
main .b-center,
main .b-right,
main .b-cr {
    padding-top: 45px;
}

main h2 {
    font-size: 2.3rem;
}

main h3 {
    font-size: 1.8rem;
    color: #f48b1a;
}

main h4 {
    font-size: 1.6rem;
}

ul.clist li {
    padding-left: 15px;
}

ul.clist li:before {
    content: '•';
    display: inline-block;
    position: relative;
    width: 15px;
    margin-left: -15px;
    font: 2.0rem Arial, sans-serif;
    line-height: 1.8rem;
    color: #a7a7a7;
    vertical-align: middle;
}

ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: item;
}

ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #f48b1a;
    font-weight: bold;
}

/*.ydtable {
  width: 100%;
  border: 2px solid #e4e4e4;
  border-collapse: collapse;
}
.ydtable th {
  text-align: left;
  background: #e4e4e4;
}
.ydtable th,
.ydtable td {
  padding: 13px;
  border: 1px solid #e4e4e4;
}*/

.a .b-cr table {
    width: 100%;
    border: 2px solid #e4e4e4;
    border-collapse: collapse;
}

.a .b-cr table th {
    text-align: left;
    background: #e4e4e4;
}

.a .b-cr table th,
.a .b-cr table td {
    padding: 6px;
    border: 1px solid #e4e4e4;
}

/* Left side bar */
.sb-search {
    height: 25px;
    margin-left: 28px;
    border: 1px solid #000;
    font-style: italic;
    font-size: 1.2rem;
}

.sb-search input[type=text] {
    border: 0;
    outline: 0;
    line-height: 2.3rem;
    font-size: 1.2rem;
    margin: 0;
    padding: 0 0 0 6px;
    width: 186px;
    display: block;
    float: left;
}

.sb-search input[type=submit] {
    width: 26px;
    height: 23px;
    float: right;
    border: 0;
    background: #000000 url(../img/search.png) 50% no-repeat;
    outline: 0;
}

.s-menu {
    margin-top: 23px;
}

.s-menu li a {
    display: block;
    padding-left: 28px;
    height: 3.9rem;
    line-height: 3.9rem;
    font-size: 1.7rem;
    font-weight: bold;
    text-decoration: none !important;
    position: relative;
    margin-bottom: 1px;
    background: #e4e4e4;
}

.s-menu li a:hover {
    color: #fff;
}

.s-menu li a:before {
    content: '';
    position: absolute;
    height: 3.9rem;;
    width: 14px;
    left: -18px;
    top: 0;
    border-right: 4px solid;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: border, background;
    -moz-transition-property: border, background;
    -ms-transition-property: border, background;
    -o-transition-property: border, background;
    transition-property: border, background;
}

.s-menu li[data-color='#f48b1a'] a:before {
    border-right-color: #e0790b;
    background: #f48b1a;
    border-radius: 8px 0 0 8px;
}

.s-menu li[data-color='#f48b1a'] a:hover {
    background: #f48b1a;
}

.s-menu li[data-color='#f48b1a'] a:hover:before {
    border-right-color: #aa5c08;
    background: #c76c0a;
}

.s-menu li[data-color='#4ba706'] a:before {
    border-right-color: #3c8505;
    background: #4ba706;
    border-radius: 8px 0 0 8px;
}

.s-menu li[data-color='#4ba706'] a:hover {
    background: #4ba706;
}

.s-menu li[data-color='#4ba706'] a:hover:before {
    border-right-color: #234e03;
    background: #306c04;
}

.s-menu li[data-color='#f41a1a'] a:before {
    border-right-color: #e00b0b;
    background: #f41a1a;
    border-radius: 8px 0 0 8px;
}

.s-menu li[data-color='#f41a1a'] a:hover {
    background: #f41a1a;
}

.s-menu li[data-color='#f41a1a'] a:hover:before {
    border-right-color: #aa0808;
    background: #c70a0a;
}

.s-menu li[data-color='#00aaee'] a:before {
    border-right-color: #0091ca;
    background: #00aaee;
    border-radius: 8px 0 0 8px;
}

.s-menu li[data-color='#00aaee'] a:hover {
    background: #00aaee;
}

.s-menu li[data-color='#00aaee'] a:hover:before {
    border-right-color: #006892;
    background: #007eb1;
}

.ls-pad {
    padding-left: 28px;
}

.sb-title {
    font-size: 2.3rem;
    font-weight: bold;
    margin: 2.0rem 0;
}

.sb-title a {
    text-decoration: none;
}

.sb-logform input[type=text],
.sb-logform input[type=password] {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: 25px;
    border: 1px solid #000;
    line-height: 2.3rem;
    outline: 0;
    font-size: 1.2rem;
    padding: 0 6px;
}

.sb-logform .sb-sblock {
    line-height: 3.2rem;
}

.sb-logform .sb-remcheck {
    float: left;
}

.sb-logform input[type=submit] {
    height: 32px;
    width: 67px;
    float: right;
    background: #e4e4e4;
    border-radius: 8px;
    border: 0;
    outline: 0;
    -webkit-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    -ms-transition: background 0.15s ease-out;
    -o-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}

.sb-logform input[type=submit]:hover {
    background: #d2d2d2;
}

.auth-block input[type=text],
.auth-block input[type=password] {
    display: block;
    width: 400px;
    margin-bottom: 10px;
    height: 25px;
    border: 1px solid #000;
    line-height: 2.3rem;
    outline: 0;
    font-size: 1.2rem;
    padding: 0 6px;
}

.auth-block .error-text {
    color: #f00;
}

.sb-box {
    margin-bottom: 25px;
}

/* Right sidebar */
a.btn-autoinfo {
    display: block;
    width: 219px;
    height: 52px;
    line-height: 5.2rem;
    padding-left: 50px;
    background-color: #f7a436;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a436), to(#ef7111));
    background: -webkit-linear-gradient(top, #f7a436, #ef7111);
    background: -moz-linear-gradient(top, #f7a436, #ef7111);
    background: -ms-linear-gradient(top, #f7a436, #ef7111);
    background: -o-linear-gradient(top, #f7a436, #ef7111);
    border-radius: 8px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: relative;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.61);
    margin-bottom: 25px;
}

a.btn-autoinfo:before {
    content: '';
    height: 100%;
    display: block;
    width: 41px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/autoinfo.png) no-repeat 100% 50%;
}

a.btn-autoinfo:hover {
    background-color: #f6991d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6991d), to(#d8660f));
    background: -webkit-linear-gradient(top, #f6991d, #d8660f);
    background: -moz-linear-gradient(top, #f6991d, #d8660f);
    background: -ms-linear-gradient(top, #f6991d, #d8660f);
    background: -o-linear-gradient(top, #f6991d, #d8660f);
}

.b-left a.btn-autoinfo {
    margin-left: 28px;
    color: #000;
    background-color: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dadada));
    background: -webkit-linear-gradient(top, #ececec, #dadada);
    background: -moz-linear-gradient(top, #ececec, #dadada);
    background: -ms-linear-gradient(top, #ececec, #dadada);
    background: -o-linear-gradient(top, #ececec, #dadada);
}

.b-left a.btn-autoinfo:before {
    background-image: url(../img/autoinfo-b.png);
}

.b-left a.btn-autoinfo:hover {
    background-color: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cdcdcd));
    background: -webkit-linear-gradient(top, #dfdfdf, #cdcdcd);
    background: -moz-linear-gradient(top, #dfdfdf, #cdcdcd);
    background: -ms-linear-gradient(top, #dfdfdf, #cdcdcd);
    background: -o-linear-gradient(top, #dfdfdf, #cdcdcd);
}

.b-ann {
    display: block;
    margin-bottom: 1.5em;
}

.b-ann .ev-pub {
    margin-top: .6em;
}

/* Content */
.bcrumb {
    color: #868686;
    font-size: 1.8rem;
}

.bcrumb a {
    color: #868686;
}

.bcrumb img {
    vertical-align: 10%;
}

.ev-link {
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
}

.ev-link:hover {
    color: #0082b6;
}

.ev-img {
    /*  height: 121px;*/
    font-size: 0;
    overflow: hidden;
    margin: 15px 0;
}

.ev-img img {
    width: 100%;
}

.ev-pub {
    margin-top: 1em;
}

.ev-pub i {
    color: #868686;
}

.ev-alllink {
    display: block;
    width: 176px;
    /*height: 32px;*/
    line-height: 3.2rem;
    text-align: center;
    background: #e4e4e4;
    color: #000;
    font-size: 1.4rem;
    margin: 20px auto 0;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
}

.ev-alllink:hover {
    background: #d2d2d2;
}

.ev-alllink.ann-all {
    background: #f48b1a;
    color: #fff;
    font-size: 14px;
}

.ev-alllink.ann-all:hover {
    background: #e0790b;
}

.page-title {
    font-size: 2.6rem;
}

.ev-text {
    margin-top: 1em;
}

.ev-newsblock {
    margin-bottom: 15px;
    margin-top: 10px;
}

.cl-b {
    font-size: 0;
    margin-top: 35px;
}

.cl-b img {
    width: 220px;
    border-radius: 10px;
    padding-bottom: 16px;
}

.cl-b img + img {
    margin-top: 16px;
}

.recom {
    /*height: 264px;*/
    background: url(../img/bg.png);
    padding: 0 142px;
}

@media (max-width: 1200px) {
    .recom {
        padding: 0 20px;
    }
}

.recom-content {
    background: #e4e4e4;
    height: 100%;
    padding: 28px 28px;
}

.r-col {
    width: 33.33%;
    height: 100%;
    float: left;
    padding-right: 20px;
}

.r-col img {
    float: left;
    margin-right: 12px;
}

.r-col .rec-text {
    height: 100%;
    margin-left: 102px;
}

.r-col a {
    color: #238bbb;
}

.a-tabs {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 41px;
}

.a-tabs li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding: 0;
    border-bottom: 2px solid #f48b1a;
}

.a-tabs li a {
    display: table;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 4px;
    height: 100%;
    width: 100%;
    text-decoration: none;
    background: #e4e4e4 url(../img/tab-shad.png) 0 0 repeat-y;
    border-left: 1px solid #c1c1c1;
}

.a-tabs li a:hover {
    background-color: #d2d2d2;
}

.a-tabs li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.a-tabs li.active {
    border: 2px solid #f48b1a;
    border-bottom: 0;
}

.a-tabs li.active a {
    background: none;
    padding: 0 2px;
    border-left: 0;
}

/* Footer */
footer {
    background: #353331;
    padding: 0 142px;
}

@media (max-width: 1200px) {
    footer {
        padding: 0 20px;
    }
}

.footer {
    padding: 12px 28px;
    line-height: 2.7rem;
    color: #e4e4e4;
}

.footer a {
    color: #f48b1a;
}

.foot-fl {
    float: left;
    width: 55%;
}

.foot-fc {
    float: left;
    width: 25%;
}

.foot-fr {
    float: right;
    line-height: 5.4rem;
}

.foot-fr img {
    vertical-align: middle;
}

.gallery {
    position: relative;
    margin: 0 -10px;
    zoom: 1;
}

.gallery:before,
.gallery:after {
    content: '';
    display: table;
}

.gallery:after {
    clear: both;
}

.gallery a.g-block {
    display: block;
    float: left;
    width: 33.33333333%;
    padding: 0 10px;
    margin-bottom: 22px;
    color: #007fb4;
}

.news-image {
    float: left;
    padding: 0 10px 10px 0;
}

.gallery a.g-block span {
    display: block;
    padding-top: 10px;
}

.gallery a.g-block img {
    width: 100%;
}

.gallery .video {
    display: block;
    float: left;
    width: 440px;
    height: 400px;
    padding: 0 10px;
    margin-bottom: 22px;
    /*  color: #007fb4;*/
}

.gallery .video span {
    display: block;
    padding-top: 10px;
}

.gallery .video h4 {
    margin: 10px 0 2px 0;
    color: #f48b1a;
}

.rec-page .r-col {
    width: 50%;
    margin-bottom: 36px;
    height: 210px;
}

.rec-page .r-col .rec-title {
    font-weight: bold;
    font-size: 1.6rem;
    color: #f48b1a;
    display: block;
    margin-bottom: .6em;
}

.rec-page .r-col > img {
    width: 141px;
}

.ev-newsblock-smi {
    margin-bottom: 25px;
    zoom: 1;
}

.ev-newsblock-smi:before,
.ev-newsblock-smi:after {
    content: '';
    display: table;
}

.ev-newsblock-smi:after {
    clear: both;
}

.ev-newsblock-smi div.ev-link {
    color: #f48b1a;
    text-decoration: none;
}

.ev-newsblock-smi img {
    display: block;
    float: left;
    margin-right: 20px;
}

.ev-newsblock-smi .ev-pub {
    float: left;
    width: 37%;
}

.ev-newsblock-smi .ev-pub-right {
    margin-top: 1em;
    float: left;
}

.ev-newsblock-smi .ev-pub-right i {
    color: #868686;
}

a.source-link {
    color: #238bbb;
}

.feedback .title {
    font-size: 2.0rem;
    margin: 10px;
}

.feedback .text-message {
    display: block;
    width: 610px;
    margin-bottom: 10px;
    height: 150px;
    border: 1px solid #000;
    line-height: 2.3rem;
    outline: 0;
    font-size: 1.8rem;
    padding: 0 6px;
}

#popup_send_question_thank {
    width: 400px;
    height: 140px;
    border: 2px solid #000;
    margin: 3px;
}

#popup_send_question_thank .popup_block {
    color: #111;

}

#popup_send_question_thank .popup_block .title {
    margin-top: 20px;
    font-size: 28px;
    text-align: center;
}

#popup_send_question_thank .popup_block p {
    font-size: 18px;
    text-align: center;
}

#popup_send_question_thank .popup_block .close_two {
    font-size: 14px;
    float: right;
    margin-right: 30px;
}

.ev-guestbook {
    margin-bottom: 25px;
    zoom: 1;

}

.ev-guestbook:before,
.ev-guestbook:after {
    content: '';
    display: table;
}

.ev-guestbook:after {
    clear: both;
}

.ev-guestbook a.ev-link {
    color: #f48b1a;
}

.ev-guestbook .ev-pub {
    float: left;
    width: 37%;
    /*    margin-left: 29px;*/
    margin-top: 1em;
    font-style: italic;
    font-size: 0.9em;
}

.guestbook hr {
    margin-left: 20px;
    margin-right: 50px;
}

.ev-guestbook .user-name {
    color: #f48b1a;
    font-size: 1.6rem;
    font-weight: bold;
}

.ev-answer {
    margin-left: 70px;
}

.italic.grey {
    color: #868686;
    font-style: italic;
}

.b-cr .br-wrap .hc-b {
    float: left;
    width: 175px;
    /*  height: 200px;*/
    position: relative;
    margin: 8px;
}

.b-cr .br-wrap .hc-b img {
    border: 1px solid #444;
    margin-right: 21px;
}

.b-cr .br-wrap .hc-b img {
    border: 1px solid #444;
    margin-right: 21px;
}

.b-cr .br-wrap .hc-b .hc-title {
    font-size: 1rem;
}

.b-cr .br-wrap .hc-iwrap {
    float: left;
    width: 100%;
}

.errorMessage {
    color: #ff0000;
}

nav > ul li .black a {
    color: #000000;
}

.articles-text {
    margin-bottom: 20px;
}

@media (max-width: 1200px) {

    nav ul.a {
        width: auto;
    }
}

main .b-center, main .b-cr {
    display: none;
}

main .b-center.active, main .b-cr.active {
    display: table-cell;
}

.blind-mode header .b-left{
    display: none;
}
.blind-mode header .b-center{
    width: 100%;
    padding:10px;
    padding-left:12%;
}

.blind-mode .l-ln:after{
    display:none;

}
.blind-mode nav > ul li.l-ln{
    background: none;

}
.blind-mode nav > ul li{
    border: 1px solid #000;
}
.blind-mode .l-ln a div{
    color:#000;
}
.blind-mode nav{
    background: none;
    padding: 0 80px;
}
.blind-mode nav > ul li > ul li a{
    background: white;
}
.blind-mode nav > ul li a:hover{
    background: white;
}
.blind-mode a.btn-autoinfo{
    line-height: 50px;
}
@media (max-width: 768px) {
    nav > ul li.l-ln[data-color='#3f9f04'], nav > ul li.l-ln[data-color='#007db3'], nav > ul li.l-ln[data-color='#f48a1a']  {
        background: white!important;
    }
    .blind-mode nav{
        padding:0;
    }
    .sb-search input[type=text]{
        line-height: 1px;
    }
    header {
        height: unset;
    }

    header:before, header:after {
        display: none;
    }

    .a {
        display: block;
        min-width: unset;
    }

    header .a .b-left {
        display: inline-block;
        width: 300px;
        height: 200px;
    }

    header .a .b-center {
        display: inline-block;;
        width: 53%;
        min-width: unset;
        padding: 0;
    }

    .h-btn-wrap {
        left: 0;
    }

    header .a .b-right {
        display: block;
        width: 92%;
        margin-bottom: 15px;
        padding: 10px 0 0 20px;
    }

    .h-btn-wrap {
        bottom: -47px;
    }

    a.l-map {
        display: none;
    }

    header .a .b-right > a, header .a .b-right > span {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        padding-top: 0;
        margin: 0;
    }

    header .a .b-right .br-mail {
        padding-top: 7px;
    }

    .mobile-button {
        width: 45px;
        height: 45px;
        position: relative;
        box-sizing: border-box;
        padding: 12px 0 0 0;
        cursor: pointer;
        margin-left: 20px;
    }

    .mobile-button span {
        height: 8px;
        width: 100%;
        position: relative;
        display: block;
        border-radius: 4px;
        background: #4b4b4b;
    }

    .mobile-button span:before, .mobile-button span:after {
        content: "";
        width: 100%;
        height: 8px;
        background: #4b4b4b;
        position: absolute;
        left: 0;
        border-radius: 4px;
        transition: 0.5s;
    }

    .mobile-button span:before {
        top: -12px;
    }

    .mobile-button span:after {
        bottom: -12px;
    }

    .mobile-button.active span:before {
        transform: rotate(-135deg);
        top: 0;
        margin: 0;
    }

    .mobile-button.active span:after {
        transform: rotate(135deg);
        top: 0;
        margin: 0;
    }

    .mobile-button.active span {
        background: none;
    }

    nav {
        background: none;
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
        padding-top: 15px;
    }

    nav ul.a {
        display: none;
        height: auto;
    }

    nav ul.a li ul {
        display: none;
    }

    nav ul.a li {
        display: inline-block;
        width: 100%;
        background: white;
        padding: 10px;
        border-bottom: 1px solid #e1e1e1;
    }

    nav > ul li a div > br {
        display: none;
    }

    main .recom {
        clear: both;
    }

    header .a .h-title {
        margin-top: 5px;
    }

    main:before, main:after {
        display: none;
    }

    footer {
        clear: both;
    }

    .mobile_content .b-center {
        width: 100%;
        padding: 0 10px 0 20px;
    }

    .mobile_content .b-left {
        float: left;
        width: 92%;
    }

    .mobile_content .b-center .articles-text p {
        display: none;
    }

    main.mobile_content .b-left:before, main.mobile_content .b-right:before, main.mobile_content .b-cr:before,
    main.mobile_content .b-left:after, main.mobile_content .b-right:after, main.mobile_content .b-cr:after {
        display: none;
    }

    .mobile_content .b-left .sb-search, .mobile_content .b-left .ls-pad {
        margin-left: 0;
        padding-left: 0;
        min-width: 220px;
    }

    .mobile_content .b-left a.btn-autoinfo {
        margin-left: 0;
    }

    .mobile_content .b-left form {
        width: 50%;
    }

    .mobile_content .ev-img {
        width: 30%;
    }

    main.mobile_content .b-right {
        width: 92%;
        padding: 0 0 0 20px;
    }

    .mobile_content .b-right .cl-b a {
        min-height: 240px;

    }

    .mobile_content .b-right .cl-b img {
        vertical-align: top;
    }

    .mobile_content .recom .r-col {
        width: 100%;
        margin: 10px 0;
    }

    .mobile_content .b-cr {
        padding-top: 20px;
    }

    .mobile_content .rec-page .r-col {
        width: 100%;
        height: auto;
    }
    .mobile_content .a-tabs li:first-child{
        display:table-row!important;
    }
    .mobile_content .a-tabs li a {
        padding-left: 28px;
        height: 3.9rem;
        line-height: 3.9rem;
        font-size: 1.7rem;
        font-weight: bold;
        text-decoration: none !important;
        position: relative;
        margin-bottom: 1px;
        background: #e4e4e4;
    }

    .mobile_content .a-tabs li {
        display:none;
        border: none;
    }
    .mobile_content .a-tabs li a span br{
        display:none;
    }
    main.mobile_content .b-cr .br-wrap{
        padding-right: 0;
        padding-left: 10px;
    }
    .mobile_content ul.a-tabs{
        position: relative;
    }
    #first_li{
        display: block;
        content:'';
        position: absolute;
        top:0;
        right:30px;
        background: url("../img/submenu_arrow.png") no-repeat;
        width: 40px;
        height: 40px;
        z-index: 2;
    }
    main .b-cr.active{
        display: block;
    }
    .blind-mode header .b-left{
        display: none;
    }
    .blind-mode header .b-center{
        width: 100%;
        padding: 15px;
        margin-top: 10px;
    }
    .recom{
        padding:0;
    }
}

@media (max-width: 710px) {
    header .a .b-left {
        width: 40%;
    }

    .foot-fl, .foot-fc, .foot-fr {
        width: 100%;
        float: none;
    }
}

@media (max-width: 510px) {
    header .a .b-left {
        width: 280px;
    }

    header .a .b-center {
        width: 100%;
        padding: 10px;
    }

    .h-btn-wrap {
        margin-top: 10px;
        bottom: 0;
        position: relative;
    }
}

@media (max-width: 480px) {
    .mobile_content .ev-img {
        width: 60%;
    }
}

@media (max-width: 400px) {
    .ev-newsblock-smi img {
        float: none;
        margin-bottom: 10px;
    }

    .mobile_content .r-col img {
        float: none;
    }

    .mobile_content .r-col .rec-text {
        margin: 5px 0 0 0;
    }
}

@media (max-width: 375px) {
    header .a .b-right > a, header .a .b-right > span {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .mobile_content .b-left {
        width: 91%;
    }
}

.gosuslugi-widget {
	/*margin: 30px 0;*/
}