/* ==========================================================================
   Default styles :: edi@15web.ru
   ========================================================================== */

   article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }
   html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
       margin: 0;
       padding: 0;
       border: 0;
       font-size: 100%;
       font: inherit;
       vertical-align: baseline; }
       
blockquote{
     margin: 0;
       padding: 0;
       border: 0;
       font-size: 100%;
       font-style: italic;
       vertical-align: baseline; 
}


   ol, ul { list-style: none; }
   [hidden] { display: none; }
   
   /* ==========================================================================
      Base
      ========================================================================== */
   
   html {
       font-size: 100%;
       -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
       /* overflow-y: scroll; - ломает fancybox */ }
   html, body { height: 100%; }
   body { margin: 0; line-height: 1; }
   
   /* ==========================================================================
      Links
      ========================================================================== */
   
   a:focus { outline: thin dotted; }
   a:active,a:hover { outline: 0; }
   
   /* ==========================================================================
      Typography
      ========================================================================== */
   
   abbr[title] { border-bottom: 1px dotted; }
   b,strong { font-weight: bold; }
   dfn { font-style: italic; }
   mark { background: #ff0; color: #333; }
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
   q { quotes: none; }
   q:before,q:after { content: ''; content: none; }
   small { font-size: 80%; }
   sub,sup {
       font-size: 75%;
       line-height: 0;
       position: relative;
       vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }
   
   /* ==========================================================================
      Embedded content
      ========================================================================== */
   
   img { border: 0; -ms-interpolation-mode: bicubic; }
   svg:not(:root) { overflow: hidden; }
   
   /* ==========================================================================
      Figures
      ========================================================================== */
   
   figure { margin: 0; }
   
   /* ==========================================================================
      Forms
      ========================================================================== */
   
   form { margin: 0; }
   form :focus { outline: 0 !important; }
   legend { border: 0; padding: 0; white-space: normal; }
   button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
   button,input { line-height: normal; }
   button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
   button[disabled],input[disabled] { cursor: default; }
   input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; }
   input[type="search"] {
       -webkit-appearance: textfield;
       -moz-box-sizing: content-box;
       -webkit-box-sizing: content-box;
       box-sizing: content-box; }
   input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
   button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
   textarea { overflow: auto; vertical-align: top; }
   
   /* ==========================================================================
      Tables
      ========================================================================== */
   
   table { border-collapse: collapse; border-spacing: 0; }
   td,th { vertical-align: top; }
   
/* ==========================================================================
   Main styles :: edi@15web.ru
   ========================================================================== */

   body {
    background: #fff;
    font: normal 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
}
.header-wrap {
    margin: 0 auto;
    max-width: 1240px;
    padding: 15px 0;
}
.d-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.soc-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.soc-icons a {
    margin-right: 5px;
}
.header-phone{
    font-weight: bold;
    letter-spacing: -0.05em;
    font-size: 19px;
}
.header-text {
    font-size: 14px;
    line-height: 16px;
    color: #a7a7a7;
}
.gerb {
    height: 35px;
    width: 35px;
}
.logo {
    width: 345px;
}
.header-wrap img{
    max-width: 100%;
    height: auto;
}
html,button,input,select,textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.language-div::after {
    content: '';
    clear: both;
    display: block;
}
a {
    color: #003366;
}

a:active {
    color: #013e7a;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

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

.rounded {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* ==========================================================================
   Header
   ========================================================================== */

#header {
    margin: 0 auto;
    width: 1240px;
    height: 180px;
    position: relative;
    background: #1670a5 url(../img/main/head-bg.jpg) no-repeat center top;
}

#header2020 {
    margin: 0 auto;
    width: 1240px;
    height: 121px;
    position: relative;
    background: #fff url(../img/main/head-bg2020.jpg) no-repeat center top;
}

#header-nav {
    float: right;
    position: absolute;
    top: 15px;
    right: 30px;
}
#header-nav li {
    float: left;
    margin-left: 15px;
    font-size: 0.688em;
    line-height: 1em;
}
#header-nav a {
    color: #fff;
}

#logo {
    width: 612px;
    height: 84px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 35px;
}
#logo img {
    display: block;
}

.b-logo-hidden {
    position: absolute;
    top: -2000px;
}

#search {
    width: 250px;
    position: absolute;
    top: 70px;
    right: 6px;
}

.b-search-settings {
    margin-bottom: 5px;
    width: 250px;
    overflow: hidden;
}
.b-search-settings .b-radio {
    float: left;
    margin-right: 10px;
    color: #fff;
}

.b-search-input {
    width: 220px;
    height: 28px;
    overflow: hidden;
    position: relative;
    background: #fff;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
}

#search-input {
    width: 166px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 14px;
    border: none;
    background: none;
    font-size: 0.75em;
}

#search-btn {
    width: 40px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: url(../img/icons/icon-search.png) no-repeat center center;
    text-indent: -9999px;
}

.b-header-tel {
    position: absolute;
    top: 151px;
    right: 135px;
    color: #8AB3CF;
    font-size: 0.75em;
}

/* ==========================================================================
   Body
   ========================================================================== */

#main-nav {
    margin: 0 auto;
    max-width: 1240px;
    position: relative;
    /*background: #fff url(../img/main/main-nav-grad.png) repeat-x center bottom;*/
    background: #04407e;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

#menu {
    float: left;
    max-width: 1240px;
}

#menu > li {
    float: left;
    position: relative;
}
#menu > .on {
    background: url(../img/main/grad-menu.png) repeat-x center center;
}
#menu a {
    display: block;
    padding: 0 12px;
    font-size: 0.8em;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}
#menu .on a {
    color: #fff;
}

.submenu {
    display: none;
    padding: 10px 0 8px;
    width: 280px;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #106298;
    z-index: 999;
}
.revers .submenu {
    left: auto;
    right: 0px;
}
.submenu ul {
    top: -10px;
    left: 280px;
    border-left: 10px solid #cc0000;
}
.revers .submenu ul {
    left: auto;
    right: 280px;
    border-left: none;
    border-right: 10px solid #cc0000;
}
#menu .submenu a {
    display: block;
    padding: 7px 0 6px;
    font-size: 0.688em;
    line-height: 1.25em;
    color: #fff;
    border-bottom: 1px solid #3278a7;
}
#menu .submenu a:hover {
    text-decoration: underline;
}
#menu .submenu li:last-child a {
    border-bottom: none;
}
.submenu li {
    padding: 0 10px 0 15px;
    position: relative;
}
.revers .submenu li {
    padding: 0 15px 0 10px;
}
.submenu .with-submenu > a {
    padding-right: 20px !important;
    background: url(../img/main/menu-arrow.png) no-repeat right center;
}
.revers .submenu .with-submenu > a {
    padding-right: 0px;
    padding-left: 20px !important;
    background: url(../img/main/menu-arrow-left.png) no-repeat left center;
}

#language {
    float: right;
    height: 50px;
    margin: 0 20px 0 0;
    padding-left: 14px;
    /*background: url(../img/main/panel-divider.png) no-repeat 0 50%;*/
}
#language li {
    float: left;
    margin: 19px 0 0 8px;
}
#language a {
    display: block;
    width: 19px;
    height: 13px;
    position: relative;
    text-indent: -9999px;
}

.i-ru, .i-en {
    background: url(../img/main/sprite-flag.png) no-repeat;
}
.i-ru {
    background-position: 0 0;
}
.i-en {
    background-position: 0 -23px;
}

/* ==========================================================================
   Body
   ========================================================================== */

#body {
    margin: 0 auto;
    max-width: 1240px;
    position: relative;
}

#main-page {
    padding-bottom: 36px;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dfdfdf;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

#featured {
    float: left;
    margin-bottom: 20px;
    padding: 1px 0 0;
    width: 660px;
    height: 276px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.ui-tabs-nav {
    float: left;
    width: 210px;
    height: 275px;
    background: #ececec;
}
.ui-tabs-nav-item {
    width: 210px;
    height: 68px;
    position: relative;
    background: #f1f1f1 url(../img/main/tabs-grad.png) repeat-x center center;
    border-bottom: 1px solid #fff;
}
.ui-tabs-nav-item:hover {
    background: #ececec;
}
.ui-tabs-nav-item:hover .tab {
    color: #003366;
    text-shadow: 0px 1px 0px #fff;
}
.ui-tabs-nav-item .tab {
    display: block;
    padding: 8px 10px 8px;
    width: 190px;
    height: 50px;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    font-size: 0.75em;
    line-height: 1.25em;
    outline: none;
}
.ui-tabs-nav-item .date {
    display: block;
    margin-bottom: 2px;
    font-size: 0.875em;
    line-height: 1em;
}
#featured .ui-state-active {
    background: url(../img/main/tabs-grad-active.png) repeat-x center center !important;
}
#featured .ui-state-active:after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: -7px;
    margin-top: -6px;
    background: url(../img/main/tabs-arrow.png) no-repeat 0 0;
    z-index: 3;
}
.lt-ie8 .ui-state-active:after {
    content: "";
    display: none;
}
.ui-state-active .tab {
    color: #fff !important;
    text-shadow: 0 1px 0 #a60000 !important;
    cursor: default;
}

.ui-tabs-content {
    float: right;
    width: 450px;
    height: 275px;
    overflow: hidden;
    position: relative;
}

.ui-tabs-panel {
    display: none;
    width: 450px;
    height: 275px;
    overflow: hidden;
}

.ui-tabs-panel .trans-link {
    display: block;
    width: 450px;
    height: 275px;
    position: relative;
    text-decoration: none;
}

.ui-tabs-panel .trans-link img {
    max-width: 100%;
    position: relative;
    z-index: -1;
}

.ui-tabs-panel .info {
    padding: 10px 20px 10px 30px;
    background: url(../img/main/caption-bg.png) repeat 0 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #fff;
    z-index: 2;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

#tabs {
    float: left;
    margin-bottom: 36px;
    padding: 1px 0 0;
    width: 660px;
    height: 206px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#tabs-list {
    float: left;
    width: 210px;
    height: 205px;
    background: #ececec;
}
#tabs-list li {
    width: 210px;
    height: 68px;
    position: relative;
    background: #f1f1f1 url(../img/main/tabs-grad.png) repeat-x center center;
    border-bottom: 1px solid #fff;
}
#tabs-list li:hover {
    background: #ececec;
}
#tabs-list li:hover a {
    color: #003366;
    text-shadow: 0px 1px 0px #fff;
}
#tabs-list a {
    display: block;
    padding: 10px 15px 8px;
    width: 180px;
    height: 50px;
    text-decoration: none;
    color: #333;
    font-size: 0.8em;
    line-height: 1.25em;
    text-transform: uppercase;
    outline: none;
}
#tabs-list .current {
    background: url(../img/main/news-grad-active.png) repeat-x center center !important;
}
#tabs-list .current:after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: -7px;
    margin-top: -6px;
    background: url(../img/main/news-arrow.png) no-repeat 0 0;
}
.lt-ie8 #tabs-list .current:after {
    content: "";
    display: none;
}
#tabs-list .current a {
    color: #fff !important;
    text-shadow: 0 1px 0 #02265a !important;
    cursor: default;
}
#tabs-list span.valign {
    width: 180px;
    position: absolute;
    left: 15px;
    top: 50%;
}

#tabs-content {
    float: right;
    padding: 20px 20px 10px 30px;
    width: 400px;
    height: 245px;
    overflow: auto;
}

.b-tabs-box {
    display: none;
}
.b-tabs-box.view {
    display: block;
}

.b-tabs-item {
    display: block;
    margin-bottom: 20px;
}

.b-tabs-date {
    display: block;
    margin-bottom: 3px;
    font-size: 0.75em;
    line-height: 1em;
    color: #666;
}

.b-tabs-title {
    font-size: 1em;
    line-height: 1.2em;
}

.b-tabs-title .source{
    font-weight: bold;
}

#big-nav {
    float: right;
    width: 280px;
}
#sidebar #big-nav {
    float: none;
    margin-bottom: 36px;
}
#big-nav li {
    margin-bottom: 12px;
    height: 78px;
    background: #f4f4f4;
    border-bottom: 6px solid #ccc;

}
#big-nav li:hover {
    background: #f0f0f0;
}
#big-nav a {
    display: block;
    padding: 23px 10px 14px 95px;
    font-size: 0.875em;
    line-height: 1.5em;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
}
#big-nav a span {
    display: block;
    font-size: 1.286em;
    color: #003366;
}
.pic-consult {
    background: url(../img/main/pic-consult.png) no-repeat 18px 16px;
}
.pic-potential {
    background: url(../img/main/pic-potential.png) no-repeat 16px 11px;
}
.pic-quiz {
    background: url(../img/main/pic-quiz.png) no-repeat 26px 19px;
}
.pic-partner {
    background: url(../img/main/find.png) no-repeat 26px 19px;
}

#submenu {
    margin: 37px 0 20px 0;
    border-top: 1px solid #dfdfdf;
}
#submenu li {
    border-bottom: 1px solid #dfdfdf;
    font-size: 0.875em;
    line-height: 1.2em;
}
#submenu a {
    display: block;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
}
#submenu a:hover {
    background: #f4f4f4;
}
#submenu .current a {
    color: #fff;
    background: #E30000 url(../img/main/tabs-grad-active.png) repeat-x center bottom !important;
    cursor: default;
}

/* ==========================================================================
   Main-page
   ========================================================================== */

.b-header h2 {
    font-size: 0.875em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

#actual-info {
    float: left;
    width: 660px;
}

#actual-info .b-header {
    margin-bottom: 36px;
}

#actual-box {
    width: 720px;
    position: relative;
    left: -60px;
}

.b-actual-item {
    display: inline-block;
    margin: 0 0 30px 70px;
    vertical-align: top;
    width: 400px;
}
#news-list .b-actual-item {
    display: block;
    margin: 0 0 30px 0;
    width: 100%;
}
.b-actual-item .top {
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}
.b-actual-item .prev {
    float: left;
    width: 105px;
    height: 105px;
    position: relative;
    border: 5px solid #fff;
    text-decoration: none;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.b-actual-item .title {
    margin: 0 0 3px 130px;
    font-size: 0.75em;
    line-height: 1.3em;
    text-transform: uppercase;
}
.b-actual-item .title a {
    text-decoration: none;
}
.b-actual-item .date {
    display: block;
    margin: 0 0 0 130px;
    font-size: 0.75em;
    line-height: 1.3em;
    color: #999;
}
.b-actual-item .desc {
    font-size: 0.8em;
    line-height: 1.2em;
}

#sidebar {
    /*float: right;*/
    width: 280px;
}

#subscribe {
    padding-top: 22px;
    border-top: 1px solid #dfdfdf;
}

#subscribe .b-header {
    margin-bottom: 20px;
    text-align: center;
}

#subscribe .b-formline {
    margin: 0 43px 10px;
}
#subscribe .b-input {
    width: 168px;
}
#subscribe .b-btn {
    padding: 12px 0;
    width: 100%;
}

#subscribe .error {
    margin: 0 43px 6px 56px;
    color: red;
    font-size: 0.75em;
    line-height: 1.2em;
    position: relative;
    top: -3px;
}

/* ==========================================================================
   Calendar
   ========================================================================== */

#calendar-block {
    margin: 0 0 24px;
    position: relative;
}

#calendar-block .b-header {
    margin-bottom: 20px;
    text-align: center;
}

#calendar {
    margin: 0 auto;
    width: 180px;
}

.ui-datepicker-header {
    height: 25px;
    position: relative;
}

.ui-datepicker-prev {
    float: left;
    width: 25px;
    height: 25px;
    border-right: 1px solid #fff;
    background: #1a7bae url(../img/main/calendar-nav.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}
.ui-datepicker-next {
    float: right;
    width: 25px;
    height: 25px;
    border-left: 1px solid #fff;
    background: #1a7bae url(../img/main/calendar-nav.png) no-repeat -25px 0;
    text-indent: -9999px;
    cursor: pointer;
}
.ui-datepicker-title {
    float: left;
    width: 128px;
    height: 25px;
    background: #054480;
    font-size: 0.75em;
    line-height: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.ui-datepicker-calendar {
    width: 182px;
    position: relative;
    left: -1px;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 0.75em;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar .event {
    background: #4eb2d4;
    color: #fff;
}
.ui-datepicker-calendar td {
    background: #f0f0f0;
}
.ui-datepicker-calendar .event a, .ui-datepicker-today a {
    color: #fff;
}
.ui-datepicker-calendar .ui-datepicker-today {
    background: url(../img/main/tabs-grad-active.png) repeat-x center center !important;
    color: #fff;
}

#calendar-events {
    margin: 20px 0 0 0;
    padding: 1px 0 5px;
    background: #eee;
}
.b-events-day {
    margin: 14px 36px;
}
.b-events-day .date {
    margin-bottom: 8px;
    font-size: 0.875em;
    line-height: 1.2em;
    font-weight: bold;
}
.b-events-day .event {
    margin-bottom: 8px;
    font-size: 0.875em;
    line-height: 1.2em;
}
.b-events-day .event a {
    color: #666;
}

/* ==========================================================================
   Inner page
   ========================================================================== */

#inner-page {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 36px;
    max-width: 1240px;

    border-bottom: 1px solid #dfdfdf;
}
.b-content-style img {
    max-width: 100% !important;
    height: auto;
}
.inner-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
#content {
    /*float: left;*/
    /*width: 660px;*/
    flex: 1 0 0%;
}

#page-nav {
    padding: 20px 0px 20px 0px;
    font-size: 0.688em;
    line-height: 1.5em;
    color: #666;
    border-bottom: 1px solid #dfdfdf;
}

#page-nav li {
    display: inline;
}

#page-nav a {
    margin-right: 4px;
    color: #666;
}

#page-header {
    margin: 1px 0 20px;
    padding: 12px 10px 8px 30px;
    position: relative;
}
#page-header:before {
    content: "";
    display: block;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #e30000 url(../img/main/tabs-grad-active.png) repeat-x center bottom;
}

#page-header h1 {
    font-size: 1.125em;
    line-height: 1.2em;
    text-transform: uppercase;
}

#page-header .word {
    margin: 5px 0 2px 0;
    line-height: 1em;
}
#page-header .word span {
    padding: 0px 6px 2px;
    background: #FFF6BF;
    font-size: 1em;
    line-height: 1.2em;
}

#site-map {
    margin-top: 43px;
    font-size: 1em;
    line-height: 1.25em;
}
#site-map > li {
    margin-left: 25px;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    position: relative;
}
#site-map > li:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: -25px;
    background: #054480;
}
#site-map li {
    margin-bottom: 2px;
}
#site-map li ul {
    margin: 3px 0 0 20px;
    list-style: outside disc;
    text-transform: none;
}

/* ==========================================================================
   Carousel
   ========================================================================== */

#gallery {
    margin: 30px auto 0;
    padding: 1px 0;
    width: 660px;
    height: 160px;
    position: relative;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#gallery :focus {
    outline: none !important;
}

#gallery-box {
    width: 540px;
    height: 120px;
    position: absolute;
    top: 21px;
    left: 60px;
    overflow: hidden;
}

#gallery-box ul {
    width: 20000px;
    position: absolute;
    top: 0;
    left: 0;
}

#gallery-box li {
    float: left;
    padding: 0 10px;
    width: 160px;
    height: 120px;
}

.jcarousel-prev, .jcarousel-next {
    display: block;
    width: 30px;
    height: 160px;
    position: absolute;
    top: 1px;
    background: #054480;
    text-indent: -9999px;
}
.jcarousel-prev {
    left: 0;
}
.jcarousel-next {
    right: 0;
}
.jcarousel-prev:after, .jcarousel-next:after {
    content: "";
    display: block;
    width: 25px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 3px;
    background: url(../img/main/calendar-nav.png) no-repeat;
}
.jcarousel-prev:after {
    background-position: 0px 50%;
}
.jcarousel-next:after {
    background-position: -25px 50%;
}
.jcarousel-control-inactive {
    opacity: 0.3;
    cursor: default;
}

/* ==========================================================================
   Faq
   ========================================================================== */

#faq-form {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #dfdfdf;
}

#faq-form .b-input-nr {
    float: left;
    margin-right: 10px;
    width: 160px;
}

#faq-form .b-textarea-nr {
    width: 362px;
}

.b-formline .b-error {
    width: 270px;
    position: absolute;
    top: 8px;
    right: 0px;
    font-size: 0.75em;
    line-height: 1.2em;
    color: #cc0000;
}

#faq-list {
    margin: 25px 0 0;
}

.b-faq-item {
    margin-bottom: 25px;
}
.b-faq-item .name {
    margin-bottom: 1px;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
}
.b-faq-item .date {
    margin-bottom: 3px;
    font-size: 0.75em;
    line-height: 1em;
    color: #999;
}
.b-faq-item .question {
    font-size: 0.875em;
    line-height: 1.2em;
}
.b-faq-item .answer {
    margin: 10px 0 0;
    padding: 5px 0 6px 15px;
    border-left: 5px solid #054480;
    font-size: 0.875em;
    line-height: 1.2em;
    color: #222;
    background: #f4f4f4;
}

/* ==========================================================================
   News
   ========================================================================== */

#news-list {
    padding-top: 15px;
}

.b-news-item {
    display: block;
    margin: 0 0 30px 0;
    width: 100%;
}
.b-news-item .top {
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}
.b-news-item .prev {
    float: left;
    margin-right: 15px;
    width: 105px;
    height: 105px;
    position: relative;
    border: 5px solid #fff;
    text-decoration: none;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.b-news-item .title {
    margin: 0 0 3px 0;
    font-size: 0.75em;
    line-height: 1.3em;
    text-transform: uppercase;
    overflow: hidden;
}
.b-news-item .title .source {
    font-weight: bold;
}
.b-news-item .title a {
    text-decoration: none;
}
.b-news-item .date {
    display: block;
    margin: 0 0 5px 0;
    font-size: 0.75em;
    line-height: 1.3em;
    color: #999;
    overflow: hidden;
}
.b-news-item .desc {
    margin: 0 0 0 0;
    font-size: 0.8em;
    line-height: 1.2em;
    overflow: hidden;
}

.b-news-date {
    display: block;
    margin: 0 0 15px 0;
    font-size: 0.75em;
    line-height: 1.3em;
    color: #999;
}

#pagination {
    margin: 50px 0 0;
    padding-top: 12px;
    width: 100%;
    overflow: hidden;
    font-size: 0.875em;
}

#pagination a {
    display: block;
    padding: 3px 5px;
}

.b-pagination-prev {
    float: left;
}

.b-pagination {
    float: left;
    margin-left: 20px;
}

.b-pagination span {
    display: block;
    padding: 3px 5px;
    font-weight: bold;
}

.b-pagination li {
    float: left;
    margin-right: 3px;
}

.b-pagination-next {
    float: right;
}

.b-pagination-prev span, .b-pagination-next span {
    font: 1em "Times New Roman", Times, serif;
}

/* ==========================================================================
   News Calendar
   ========================================================================== */

.date-navigation {
    font-size: 0.9em;
}

.date-navigation .years .selected {
    color: #BC0000;
}

.date-navigation .months .selected {
    color: #BC0000;
}

.date-navigation .months a {
    color: #333333;
}

.date-navigation .months .having-news {
    color: #003366;
}


/* ==========================================================================
   Search-results
   ========================================================================== */

#result-list .heading {
    margin-bottom: 20px;
    font-weight: bold;
}

.b-result-item {
    margin-bottom: 20px;
}
.b-result-item .title {
    margin-bottom: 6px;
    font-size: 1em;
    line-height: 1.25em;
}
.b-result-item .text {
    font-size: 0.85em;
    line-height: 1.25em;
}
.b-result-item span {
    padding: 0;
    background: #FFF6BF;
}

/* ==========================================================================
   Partners
   ========================================================================== */

#partners {
    padding: 25px 0;
    border-bottom: 1px solid #dfdfdf;
}

#partners-list {
    width: 100%;
}
#partners-list .b-partner {
    display: block;
    margin: 0 auto;
    width: 130px;
    text-decoration: none;
    text-align: center;
}
#partners-list .b-partner-img {
    margin-bottom: 8px;
}
#partners-list .b-partner-name {
    display: block;
    font-size: 0.75em;
    line-height: 1.2em;
    color: #999;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
    margin: 0 auto;
    width: 1240px;
    position: relative;
    padding: 24px 0 42px 30px;
    border-bottom: 1px solid #fff;
}

#footer .vcard {
    font-size: 0.875em;
    line-height: 1.25em;
}
#footer .vcard .org {
    margin-bottom: 10px;
}
#footer .type {
    display: none;
}
#footer .tel {
    display: inline;
}

#studio {
    display: block;
    width: 150px;
    height: 39px;
    position: absolute;
    top: 30px;
    right: 26px;
   
}

/* ==========================================================================
   Content
   ========================================================================== */

.b-content-style h2 {
    margin: 1.125em 0 1em;
    font-size: 1.125em;
}

.b-content-style h3 {
    margin: 1.125em 0 1em;
    font-size: 1.075em;
}

.b-content-style h4, .b-content-style h5 {
    margin:	1em 0;
    font-size: 1em;
}

.b-content-style p {
    margin-bottom: 1.25em;
    font-size: 1em;
    line-height: 1.3em;
}

.b-content-style ul, .b-content-style ol {
    display: block;
    margin-bottom: 1.2em;
    list-style: outside disc;
    font-size: 1em;
    line-height: 1.3em;
}

.b-content-style ol {
    list-style: outside decimal;
}

.b-content-style li ul, .b-content-style li ol {
    margin: 0.6em 0 0 0;
    font-size: 1em;
}

.b-content-style li, .b-content-style li {
    margin: 0 0 0.6em 2.0em;
}

.b-content-style li p, .b-content-style li p {
    margin-bottom: inherit;
    font-size: inherit;
    line-height: inherit;
}

.b-content-style li li, .b-content-style li li {
    margin: 0 0 0.6em 1.6em;
}

.b-content-style table {
    margin: 1em auto 1.5em;
    text-align: left;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom: 1px solid #ccc;
}

.b-content-style td, .b-content-style th {
    padding: 0.5em;
}

.b-content-style thead th {
    background: #054480;
    text-align: center;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.b-content-style tbody th {
    background: #f0f0f0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.b-content-style td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.b-content-style q {
    display: block;
    margin: 1.5em 0;
    padding: 0 0 0 2em;
    border-left: 2px solid #ccc;
    color: #999;
    font-style: italic;
    font-size: 1em;
    line-height: 1.3em;
}

.b-content-style em {
    font-style: italic;
}

.b-content-style hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1.5em 0;
    padding: 0;
}

.b-content-img {
    float: left;
    margin: 0 20px 12px 0;
    max-width: 200px;
    text-align: center;
}
.b-content-img .img {
    display: block;
    text-decoration: none;
}
.b-content-img img {
    max-width: 100%;
    border: 1px solid #9d9d9d;
}
.b-content-img .capt {
    display: block;
    margin-top: 5px;
    font-size: 0.688em;
    line-height: 1.25em;
    color: #999;
}

/* ==========================================================================
   Forms
   ========================================================================== */

.b-formline {
    margin-bottom: 10px;
    position: relative;
}

.b-formline.center {
    text-align: center;
}

.b-formline .error {
    background: #fff;
    color: #cc0000;
    font-size: 14px;
    left: 11px;
    padding: 2px 1px;
    position: absolute;
    top: 6px;
}

.lt-ie7 .b-formline .error {
    left: 2px;
    z-index: 100;
}

.b-input, .b-textarea {
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    font-size: 0.875em;
}

.b-input {
    padding: 0 12px;
    height: 26px;
}

.b-input-nr {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 12px;
    height: 26px;
    font-size: 0.875em;
}

.b-textarea-nr {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 6px 6px 6px 12px;
    font-size: 0.875em;
}

.b-btn {
    display: inline-block;
    padding: 12px 24px 12px;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background: url(../img/main/btn-grad.png) repeat-x center center;
}
.b-btn:hover {
    background: #134b83;
}

label.b-radio {
    display: block;
    padding: 4px;
    margin-bottom: 2px;
    padding-left: 20px;
    font-size: 0.75em;
    line-height: 1.2em;
    position: relative;
}

.ez-hide {
    opacity: 0;
}
.ez-checkbox {
    width: 18px;
    height: 18px;
    display: inline-block;
}
.ez-radio {
    width: 14px;
    height: 14px;
    background: url(../img/main/sprite-radio.png) no-repeat 0 0;
    display: block;
    vertical-align: top;
    position: absolute;
    top: 3px;
    left: 0px;
}
.ez-checked {
    background-position: 0px 0px;
}
.ez-selected {
    background-position: 0 -24px;
}

/* ==========================================================================
   Placeholder styles
   ========================================================================== */
input:-moz-placeholder, textarea:-moz-placeholder {
    font: italic 0.75em Arial, Helvetica, sans-serif;
    color: #999 !important; }
.placeholder {
    font: italic 0.75em Arial, Helvetica, sans-serif;
    color: #999 !important; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden; }
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute; }
.disable  { cursor: default; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out;
    padding: 16px;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%);
}
.offcanvas.show {
    transform: none;
    visibility: visible;
}
.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}
@media(max-width:916px){
    #menu {
        display: none;
    }
}
@media(max-width:1240px) {
    .b-fullscreen-bg .fullscreen-bg__title1 {
        font-size: 17px !important;
        letter-spacing: normal !important;
    }
    .b-fullscreen-bg .fullscreen-bg__text {
        padding: 89px 20px 40px !important;
    }
    .b-fullscreen-bg .fullscreen-bg__title2 {
        font-size: 39px !important;
    }
    .b-fullscreen-bg {
        height: calc(100vh - 200px) !important;
    }

    .childmenu {
        display: none;
    }

    .header-wrap .soc-icons {
        display: none;
    }
    .header-wrap .header-text {
        display: none;
    }
    .logo {
        max-width: 200px;
    }
    .header-wrap {
        padding: 15px 16px;
    }
    #main-nav {
        padding: 0 16px;
    }
    #language {
        margin-right: 0;
    }
    #content {
        flex: 1 0 0%;
        flex: 0 0 auto;
        width: 100%;
        padding: 0 16px;
    }
    #sidebar {
        width: 100%;
        flex: 0 0 auto;
    }
    #big-nav {
        width: 100%;
    }
    .ui-tabs-content {
        float: none;
        width: 100%;
        height: 275
    }
    .ui-tabs-nav {
        display: none;
    }
    #tabs {
        display: none;
    }
    * {
        box-sizing: border-box;
    }
    .b-actual-item {
        display: inline-block;
        margin: 0 0 30px 70px;
        vertical-align: top;
        width: 100%;
        margin-left: 0;
    }
    .b-actual-item .top {
        margin-bottom: 15px;
        width: 100%;
        position: relative;
    }
    #actual-box {
        width: 100%;
        position: relative;
        left: 0px;
    }
    #actual-info {
        float: none;
        width: 100%;
    }
    #featured {
        float: none;
        width: 100%;
    }
    .ui-tabs-panel {
        width: 100%;
        height: 275
    }
    .ui-tabs-panel .trans-link {
        display: block;
        width: 100%;
    }
    #footer {
        margin: 0 auto;
        width: 100%;
        position: relative;
        padding: 24px 0 42px 30px;
        border-bottom: 1px solid #fff;
    }
    #studio {
        display: block;
        width: 150px;
        height: 39px;
         position: relative; 
        top: auto;
        right: auto;
    }
    #partners-list table {
        display: block;
    }
    #partners-list tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-phone {
        font-size: 13px;
    }
}
@media(min-width:915px) {
    .buter {
        display: none;
    }

}



/* ==========================================================================
  СЛАЙДЕР НА ГЛАВНОЙ
   ========================================================================== */
.l-head-ban {
position: relative;
z-index: 10;
}

.b-fullscreen-bg {
overflow: hidden;
z-index: -100;
position: relative;
width: auto;
height: 690px;
}

.b-fullscreen-bg .fullscreen-bg__overlay {
background: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}

.b-fullscreen-bg .fullscreen-bg__text {
margin: 0 auto;
padding: 244px 20px 40px;
width: 100%;
max-width: 1240px;
font-size: 40px;
line-height: 1.2;
color: #fff;
text-align: center;
}

.b-fullscreen-bg .fullscreen-bg__title1 {
font-family: "Open Sans Bold", 'Arial Black',sans-serif;
font-size: 24px;
letter-spacing: 0.68em;
text-transform: uppercase;
}

.b-fullscreen-bg .fullscreen-bg__title2 {
font-weight: 700;
font-size: 78px;
line-height: 1.1;
letter-spacing: 0.13em;
text-transform: uppercase;
}

.b-fullscreen-bg .fullscreen-bg__title3 {
font-family: "Open Sans",sans-serif;
font-weight: 400;
font-size: 32px;
}

.b-fullscreen-bg .fullscreen-bg__video {
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
overflow: hidden;
}

.b-fullscreen-bg .fullscreen-bg__video img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
min-width: 1920px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

img {
border: 0 none;
}
#big-nav {
    margin-top: 25px;
    width: 100%;
    float: none;
}
.flex-wrap {
    display: flex;
    flex-wrap: wrap;

}
.mt30 {
    margin-top: 30px;
}
    #big-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #big-nav ul li {
        padding: 0;
        width: 100%;
    }
    #featured {
        float: none;
        width: auto;
    }
    #tabs {
        float: none;
        width: auto;
    }
    .subpage_content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 22px;
    }
    #tabs-content {
        width: auto;
        float: none;
    }
    #actual-info {
        float: none;
        width: auto;
    }
    #actual-box {
        width: auto;
        left: 0;
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    #calendar-block {
        margin-top: 22px;
    }
    #calendar {
        margin:0;
    }
    #calendar-block .b-header {
    margin-bottom: 20px;
    text-align: left;
}
.ui-tabs-content {
    float: none;
}
    .b-actual-item {
    display: inline-block;
     margin: 0 !important;
    }
    @media(max-width:885px) {
        #big-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
    }
    #big-nav ul li {
        padding: 0 29px;
        width: 100%;
    }
    }
    #subscribe {
        border-top: none;
    }

            .d-flex-row {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            #featuredas {
                margin-top: 50px;
            }
            .news-cont {
                width: 100%;
                height: 300px;
                position: relative;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                margin-bottom: 22px;
            }
            .info-news {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 70px;
                overflow: hidden;
                background-color: rgba(0, 0, 0, 0.5);
                color: #fff;
                padding: 10px;
                font-size: 14px;
            }
            .col-5 {
            flex: 0 0 auto;
            width: 48%;
            }
            @media(max-width:885px) {
                .col-5 {
                flex: 0 0 auto;
                width: 100%;
            }
}
#content {
    /* float: left; */
    /* width: 660px; */
    flex: 1 0 0%;
    max-width: 960px;
    padding-right: 30px;
}
#submenu {
    margin-top: 0;
}
#big-nav ul li {
    padding: 0 79px;
    width: auto;
}
.b-btn {
    background: #134b83 !important;
}
.res {
    display: none;
}
.res.show {
    display: block;
}
.ressubscribe {
    display: none;
}
.ressubscribe.show {
    display: block;
}
aside  #big-nav ul li {
    width: 100%;
    padding: 0;
}
#big-nav ul li {
    padding: 0 50px;
    width: auto;
}