* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'GHEAGrapalat';
    src: url(../fonts/GHEAGrpalatReg.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-text-size-adjust: none;
}

input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html, body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "GHEAGrapalat", Arial Unicode, tahoma, Sylfaen, sans-serif !important;
}

a.custom_link {
/ / color: #D07513;
}

.nothing_was_found {
    text-align: center;
}

.fl_l {
    float: left;
}

.fl_r {
    float: right;
}

.center {
    margin: 0 auto;
    width: 1280px;
}

.content {
    width: 890px;
    float: left;
    padding: 0;
    margin: 0;
    min-height: 600px;
    margin-bottom: 40px;
}

aside {
    width: 370px;
    float: left;
    padding: 0 10px 20px 10px;
    background: #fafafa;
    margin-left: 10px;
    display: block;
}

.clear {
    clear: both;
}

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

h3 {
    display: block;
    font-size: 19px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.open {
    display: none;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    text-indent: 12px;
    border: 0;
    font-size: 20px;
    color: #13354c;
    cursor: pointer;
    background: url(../image/menu.png) no-repeat center #1b538f;
}

.content_text a, .bio a, .app_block a, .q_cont a, .department_cont a, .text p a {
    color: rgb(75, 187, 255);
}

.content_text a:visited, .bio a:visited, .app_block a:visited, .q_cont a:visited, .department_cont a:visited, .text p a:visited {
    color: rgb(252, 140, 50);
}

/*Header*/
.header_line {
    background: rgba(243, 243, 243, 0);
    width: 100%;
    display: inline-block;
    float: left;
    height: 160px;
}

.header_line .center {
    margin-top: 30px;
}

.header_right_block {
    display: inline-block;
}

.langs { /*visibility: hidden;*/
    position: absolute;
    right: 175px;
}

.langs ul {
    padding: 0;
    list-style: none;
    margin: 0;
    line-height: 1;
    font-size: 12px;
}

.langs ul li:first-child {
    border-left: 0;
}

.langs ul li:hover {
    text-decoration: underline
}

.langs ul li {
    float: left;
    padding: 0 5px;
    line-height: 30px;
    cursor: pointer;
    color: #030921;
    font-size: 15px;
    font-weight: bold;
}

header .homepage_icon {
    position: absolute;
    right: 175px;
    top: 90px;
}

.header_cont {
    position: absolute;
    right: 130px;
    top: 105px;
}

header .fsi1 {
    height: 34px;
    width: 34px;
    float: left;
    margin-right: 0px;
    margin-top: 10px;
}

.social a, .homepage_icon a {
    padding: 5px;
}

.abs_button {
    float: left;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    color: #fefefe
}

.top_expanding {
    display: none;
    width: 0px;
    height: 40px;
    padding: 10px 0;
    float: left;
    margin-top: -15px;
}

.abs_button:hover {
    text-decoration: underline
}

.expandings input[type="text"] {
    background: #fff;
    padding: 6px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    width: 200px;
    padding-right: 22px;
}

.ser {
    color: #ea6645
}

.close_expanding {
    color: #fefefe;
    font-size: 20px;
    float: right;
    cursor: pointer;
    margin-top: 3px
}

.icon_right {
    position: absolute;
    right: 485px;
    top: 87px;
    color: #0288D1;
    color: #546E7A;
    z-index: 1000;
}

.name {
    float: left;
    width: 330px;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    color: #030921;
    margin-left: 20px;
}

/*vernagir*/
.head_mid {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: 100%;
}

.header_mid {
    margin: 15px 0;
    width: 100%;
    display: inline-block;
}

#stickyheader {
    width: 100%;
    z-index: 9999;
    left: 0;
    background: #fff;
}

nav#nav {
    padding-left: 0;
    list-style: none;
    width: 100%;
    background: #fff;
    max-width: 1053px;
    margin: auto;
    display: block;
}

nav {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}

nav#nav:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

nav > ul {
    margin-left: 30px !important;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

nav ul:after {
    clear: both;
}

nav ul:before, nav ul:after, .secondary_menu ul:before, .secondary_menu ul:after {
    content: " ";
    display: table;
}
nav ul:before, nav ul:after{
    display: none;
}

nav > ul > li {
    color: #030921;
    width: 235px;
}

nav > ul > li:before, nav > ul > a > li:before {
    left: -10px;
    right: -10px;
}

nav ul li a, .secondary_menu ul li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    z-index: 44;
    position: relative;
    font-weight: bold;
}

nav ul li a {
    font-size: 16px;
}

nav ul a {
    color: #030921;
}

nav > ul > li > ul {
    position: absolute;
    background: #fff;
    left: 0;
    padding: 15px 0 15px 0;
    text-align: left;
    margin-top: 3px;
    z-index: 9999;
    width: 250px;
}

nav li ul, .secondary_menu li ul {
    display: none;
}

nav ul li ul a {
    color: #1b538f;
    margin-bottom: 5px;
    font-size: 13px;
    margin-left: 15px;
    white-space: normal; /* max-width: 155px; *//* max-width: 195px; */
    margin-top: 10px;
}

.secondary_menu ul li ul a {
    color: #fff;
    margin-bottom: 5px;
    font-size: 13px;
    margin-left: 15px;
    white-space: normal;
    max-width: 155px;
    margin-top: 10px;
}

nav > ul > li > ul > li {
    margin: 0;
    padding: 0;
    padding: 0 5px 0 15px;
    width: 100%;
}

nav ul li, .secondary_menu ul li {
    width: max-content;
    display: block;
    position: relative;
    float: left;
    padding: 5px;
}

nav > ul > li:nth-child(1) ul {
    margin-left: 5px;
}

#nav > ul > li:nth-child(2) {
    margin-left: 20px;
}

nav > ul > li:nth-child(2) ul {
    margin-left: 0px;
    width: 265px;
}

#nav > ul > li:nth-child(2) > ul li ul {
    left: 265px
}

#nav > ul > li:nth-child(3) {
    margin-left: 15px;
}

nav > ul > li:nth-child(3) ul {
    margin-left: 30px;
}

#nav > ul > li:nth-child(4) {
    margin-left: 50px;
}

nav > ul > li:nth-child(4) ul {
    margin-left: -23px;
    width: 280px;
}

#nav > ul > li:nth-child(4) ul li a {
    white-space: nowrap;
}

nav > ul > li:nth-child(5) ul {
    margin-left: 0;
    width: 180px;
    left: 50px;
}

nav > ul > li:nth-child(5) ul > li {
    left: 10px;
}

#nav > ul > li:nth-child(6) ul {
    width: 130px;
    left: 35px;
}

#nav > ul > li > ul > li > ul {
    display: none;
    position: absolute;
    margin-left: 0;
    width: 190px;
    background: rgba(253, 253, 253, 0.95);
    left: 250px;
    top: 0;
}

#nav > ul > li > ul > li > ul > li {
    width: 100%;
    margin-top: -10px;
}

nav > ul > li:nth-child(4) > ul li ul {
    left: 280px !important;
}

nav > ul > li:nth-child(5) > ul li ul {
    left: -180px !important;
    margin-left: -10px !important;
}

.secondary_menu li ul {
    position: absolute;
}

nav ul li ul a span {
    display: inline-block;
    top: 5px;
    right: 10px;
    position: absolute
}

.tr {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 1%;
    border-left: 6px solid #5f86b0;
}

#nav > ul > li > a > .tr {
    display: none;
}

.rot {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.hot_line {
    border: 1px solid #32a2fc;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    position: absolute;
    float: right;
    right: 60px;
    cursor: pointer;
    color: #030921;
    top: 5px;
    display: none;
}

.hot_line img {
    margin-left: 4px;
    margin-top: 5px;
    height: 25px;
}

.hot_line span {
    margin-left: 16px;
    margin-top: -24px;
    font-size: 8px;
}

.hl_resp {
    border: 1px solid #1b538f;
    border-radius: 25%;
    width: 43px;
    height: 43px;
    float: left;
    right: 60px;
    cursor: pointer;
    color: #030921;
    display: block;
    position: absolute;
    z-index: 9999;
    top: 165px;
}

.hl_resp img {
    margin-left: 4px;
    margin-top: 6px;
    height: 26px;
}

.hl_resp span {
    margin-left: 15px;
    margin-top: -24px;
    height: 25px;
    font-size: 10px;
}

.fix_menu nav {
    margin-top: 10px !important;
    margin-bottom: 10px
}

.fix_menu img {
    display: block !important;
    position: absolute;
    left: 10px;
    height: 30px;
    margin-top: 9px;
    z-index: 3
}

nav ul li ul a:hover, .secondary_menu ul li ul a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

nav a:hover, .langs ul li:hover {
    opacity: 0.8;
}

.tab_a {
    position: absolute;
    top: 0;
    left: 0;
}


#nav > ul > .tree .tab_a:nth-child(1) {
    width: 200px;
}

#nav > ul > .tree .tab_a:nth-child(2) {
    width: 200px;
}

#nav > ul > .tree .tab_a:nth-child(3) {
    width: 200px;
}

#nav > ul > .tree .tab_a:nth-child(4) {
    width: 230px !important;
}

#nav > ul > .tree .tab_a:nth-child(5) {
    width: 180px;
}

#nav > ul > .tree .tab_a:nth-child(6) {
    width: 180px;
}

#container1, #container2, #container3, #container4 {
/ / border: 1 px solid #5f86b0;
    float: left;
    height: 200px;
    margin: 5px 0;
    position: relative;
    width: 315px;
}

#container1, #container3 {
/ / width: 345 px;
}

#container2 {
/ / width: 335 px;
}

#container2 h4, #container4 h4 {
    width: 99%;
    margin: 0 auto;
    padding: 0 80px;
    font-size: 18px;
    text-align: center;
}

#container2 h4 a, #container4 h4 a {
    color: #1b538f;
    white-space: inherit;
/ / font-family: Arial Unicode, Sylfaen, sans-serif;
/ / fill: #1b538f;
}

path.highcharts-point.highcharts-color-1 {
    fill: #FC8C32;
}

.cont3_block {
    background-image: url(../image/logo/chart_hover.png);
    width: 165px;
    height: 165px;
    margin: 0 auto;
}

.cont3_block:hover {
    background-image: url(../image/logo/chart_hover.png);
    cursor: pointer;
    width: 165px;
    height: 165px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: -165px;
}

.g_paharu {
    background-image: url(../image/logo/paharu.png);
    width: 165px;
    height: 165px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.g_paharu:hover {
    background-image: url(../image/logo/paharu_hover.png);
    cursor: pointer;
    width: 165px;
    height: 165px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

#subheader:empty {
    display: none;
}

.secondary_menu:empty {
    display: none;
}

/*end header*/

/*banner_menu*/
.banner_menu_image {
    float: left;
}

.on_banner_img.banner_menu_text {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 325px;
    padding: 10px;
    left: 210px;
}

.off_banner_img.banner_menu_text {
    background: rgba(255, 255, 255, 0.5);
    float: none;
    padding: 10px;
}

/*end banner_menu*/

/* FAQ */
.av_accord ul {
    list-style: none !important;
    list-style-image: none !important;
    margin: 0;
    padding: 0;
}

.av_accord .gr {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: justify;
    vertical-align: middle;
}

.av_accord .gr h3 {
    min-width: 220px;
    padding: 0px 5px 5px 10px;
    line-height: 30px;
    margin: 0;
    font-size: 16px;
}

.av_accord .gr {
    background: white;
    padding: 10px;
    border-bottom: 1px solid #1b538f;
}

.av_accord .gr input[type=checkbox] {
    position: absolute;
    left: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    min-height: 60px;
    z-index: 1;
    opacity: 0;
}

.av_accord .gr input[type=checkbox]:checked ~ div.panel {
    float: left;
    margin: 0;
    max-height: 0;
/ / opacity: 0;
    display: none;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}


.av_accord .gr input[type=checkbox]:checked + .q_head .quest {
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #1b538f;
    border-right: 0px;
    margin-top: 8px;
}

.av_accord .gr input[type=checkbox]:checked + .q_head h3 {
    color: #1b538f;
}

.av_accord .gr input[type=checkbox] + .q_head .quest {
    margin-top: 18px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #a50404;
    border-bottom: 0px;
}

.av_accord .gr input[type=checkbox] + .q_head h3 {
    color: #030921;
}

.panel {
    margin-top: 20px;
    margin: 7px;
    text-align: left;
    background-color: white;
}

li.q {
    cursor: pointer;
}

.q_head {
    vertical-align: middle;
    min-height: 45px;
}

.q_title {
    display: inline !important;
    color: #1b538f;
    text-align: justify;
}

.quest {
    width: 44px;
    height: 44px;
    float: left;
    margin: 8px 5px 8px 0px;
    vertical-align: middle;
    display: inline-block;
}

.q_cont {
    margin-left: 35px;
/ / margin-left: - 20 px;
    text-align: justify;
    padding-top: 0px;
    padding-left: 20px;
    border-left: 4px solid #a50404;
}

.gr .but {
    margin-left: -40px;
}

.clearable {
    background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right 10px center !important;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 5px center;
}

/* (jQ) Show icon */
.clearable.onX {
    cursor: pointer;
}

/* (jQ) hover cursor style */
.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* Remove IE default X */

.ln_sel {
    display: none;
}

/*End of header*/

/*Footer*/
footer {
    padding-top: 14px;
    float: left;
    margin: 0 auto;
    width: 100%;
    background: rgba(254, 254, 254, 0.6);
}

.contanier {
    width: 100%;
}

.footer_bg {
    width: 100%;
    display: inline-table;
    margin-top: -14px;
    background: #030921;
    padding: 5px 0;
    float: left;
}

.before_footer {
    width: 98%;
    margin: 0 1%;
}

.footer_contact h3 {
    margin: 0px;
}

.foot_inner {
    background: rgba(254, 254, 254, 0.6);
    float: none;
    margin: 0 auto;
    display: table;
    width: 100%;
    max-width: 1280px;
}

.cols {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}

.before_footer div > a {
    color: #fff;
}

.before_footer div a:hover {
    color: #fefefe;
    opacity: 0.7
}

.cont {
    margin-left: 5px;
}

.footer_email {
    width: 315px;
}

.footer_email a {
    width: 100%;
    float: left;
    padding-bottom: 5px;
    color: #030921;
}

.footer_email h3 {
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: 700;
    color: #5f86b0;
}

footer .social {
    width: 230px;
    margin: 0 auto;
}

.social img, .header_cont img {
    width: 20px;
    margin-top: 10px;
    margin-right: 21px;
    margin-left: -15px;
}

.social img:hover, .header_cont img:hover, .homepage_icon img:hover {
    opacity: 0.7;
}

.copyright {
    background: #CFD8DC;
    color: #030921;
    padding: 4px 0;
    height: 36px;
    font-size: 12px;
    background-color: #f5f3f2;
    border-top: 2px solid #e4e1de;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.cpt {
    padding: 5px;
}

.fx_bot {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 10px;
}

.ft_cont {
    width: 30%;
    margin-top: 30px;
    padding: 5px;
}

/*width footer_contact left part*/
.footer_contact .cols {
    float: right;
    width: 70%;
    display: inline-table;
    margin-top: 30px;
}

.footer ul {
    white-space: normal;
}

.footer .cont {
    padding-bottom: 10px;
    height: 105px;
    position: relative;
    top: -30px;
}

.fsi {
    height: 34px;
    width: 34px;
    float: left;
    margin-right: 10px;
    opacity: 0.7;
    margin-top: 0;
}

.footer ul, .cols > ul > li > ul, .side_contact ul {
    margin: 0;
    list-style: none;
    padding: 0;
    color: #030921;
    font-size: 13px;
}

.foot_cont {
    float: right;
}

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

.cols > ul > li {
    display: inline;
    width: 340px;
}

.cols > ul > li > a {
    font-size: 17px;
    font-weight: bold;
    color: #5f86b0;
}

.cols > ul > li > ul > li > a {
    cursor: pointer;
}

.cols > ul > li a:hover {
    opacity: 0.7;
}

.footer_contact .tr {
    display: none;
}

.footer_contact .cols > ul > li {
    display: inline-block;
    width: 255px;
    float: left;
}

.footer_contact .cols > ul > li:nth-child(2) {
    margin-left: 40px;
}

.footer_contact .cols > ul > li:nth-child(3) {
    margin-left: 40px;
}

.footer_contact .cols > ul > li:nth-child(4) {
    left: 590px;
    position: relative;
    top: 30px;
}

.footer_contact .cols > ul > li:nth-child(5) {
    float: left;
    position: relative;
    left: 40px;
    top: 30px;
}

.footer_contact .cols > ul > li:nth-child(6) {
    float: right;
    position: relative;
    left: -600px;
    top: 30px;
}

.footer_contact .cols > ul > li:nth-child(7) {
    position: relative;
    left: -415px;
    top: 43px;
}

.footer_contact .cols > ul > li:nth-child(8) {
    position: relative;
    top: -100px;
}

.dvs {
    float: right;
    margin-right: 45px;
    margin-top: -1px;
}

._copt {
    height: 30px;
    margin-left: 5px;
    margin-top: -3px;
}

/*for auromic*/

.e_draft img {
    width: 100px;
    position: relative;
    left: 1015px;
    top: 60px;
}

/*End of footer*/

/*pagination*/
.pagination {
    display: inline-block;
    padding: 10px;
    margin-bottom: 40px;
    float: left;
}

.pagination a, .pagination input {
    border: 1px solid #E5E5E5;
    height: 30px;
    line-height: 27px;
    min-width: 35px;
    padding: 2px 6px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    background: rgba(254, 254, 254, 0.8);
}

.pagination input {
    line-height: inherit;
    margin-bottom: 5px;
}

.pagination a:hover, .pagination input:hover {
    border: 1px solid #1b538f;
    background: #1b538f;
    color: #fff;
}

.pagination .selected_url {
    border: 1px solid #1b538f;
    height: 30px;
    line-height: 27px;
    min-width: 35px;
    padding: 2px 6px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background: #1b538f;
}

/*end pagination*/


/*Full screen block blue*/
.fsbb {
    width: 100%;
    background: #1b538f;
    float: left;
    padding-bottom: 70px;
}

/*Full screen white blue*/
.fsbw {
    width: 100%;
}


/*content one page, announcement one page*/
.page_content {
    position: relative;
    min-height: 800px;
}

.page_cont .cont_image {
    height: 0;
    padding-bottom: 45%;
    overflow: hidden;
    float: none;
    margin-right: 0;
}

.page_cont .cont_image img {
    width: 100%;
    padding: 0;
    margin-top: -5%;
}

.page_cont .content_text {
    margin-top: 15px;
    font-size: 14px
}

.page_ann_top {
    margin-top: 50px;
    float: left;
    padding: 15px;
}

.page_ann_top .ann_date {
    font-size: 12px;
    font-weight: bold;
}

.app_but {
    float: left;
}

.app_block {
    background: rgba(254, 254, 254, 0.6);
    padding: 5px;
}

.img_button {
    float: right;
    position: relative;
    top: -5px;
}

.page_tx_cont {
    background: #fefefe;
    padding: 8px;
    position: relative;
    height: auto;
    width: 770px;
    top: -50px;
    border-right: 1px solid rgba(176, 190, 197, 0.4);
    float: right;
}

.left_shadow {
    box-shadow: -3px 4px 5px -1px #B0BEC5;
}

.page_tx_cont .ann_title {
    font-weight: bold;
    font-size: 20px;
    white-space: pre-line;
    text-align: center;
    margin-bottom: 20px;
}

.content_text {
    line-height: 1.3em;
    text-indent: 20px;
    word-break: break-word;
}

.but {
    float: left;
    margin-left: 5px;
    height: 25px;
    width: 25px;
    margin-top: 10px;
    cursor: pointer;
    padding: 3px;
    opacity: 0.7
}

.but:hover {
    opacity: 1
}

.share {
    background: url(../image/social_sprite.png) no-repeat -22px 4px
}

.like {
    background: url(../image/social_sprite.png) no-repeat 4px 4px
}

.print {
    background: url(../image/social_sprite.png) no-repeat -43px 4px
}

.share_button, .like_button, .page_ann_top .share_button, .page_ann_top .like_button {
    position: absolute;
    top: 40px;
    z-index: 9999;
    white-space: pre-line;
}

.event .announ article {
    border: 0;
}

.singe_title {
    color: #030921;
}

.singe_title:hover {
    opacity: 0.7;
}

.single {
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(27, 83, 143, 0.6);
}

/*end content one page, announcement one page*/

/*right sidebar*/
.vert_news .vert_news_cont {
    width: 350px;
    /* height: 120px; */
    float: left;
    border-bottom: 1px solid rgba(27, 83, 143, 0.6);
    padding-bottom: 20px;
}

.vert_news .img img, .tabs_content .img img {
    width: 180px;
    height: 120px;
    float: left;
}

.vert_news .ln_title, .tabs_content .tab_title {
    float: left;
    font-size: 13px;
    font-weight: normal;
    width: 155px;
    margin-left: 15px;
    color: #030921;
}

.vert_news .ln_title:hover {
    opacity: 0.7;
}

.vert_news .ln_date, .tabs_content .tab_date, .single .ln_date {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
}

/*end sidebar*/

/*CAROUSEL GALLERY*/
.cont_gallery {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #030921;
}

#jcl-demo {
    width: auto;
    margin-bottom: 20px;
}

.gallery {
    width: calc(50% - 42px);
    float: left;
    position: relative;
}

.left-arrow, .img_rotator .prev {
    width: 80px;
    height: 48px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    margin-top: 90px;
    left: 15px;
}

.left-arrow:hover::before, .img_rotator .prev::before {
    border-right-color: #ea6645;
}

.left-arrow::before, .img_rotator .prev::before {
    border-right-color: #333;
    top: 0px;
}

.left-arrow::after, .left-arrow::before, .img_rotator .prev::after, .img_rotator .prev::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-right-width: 15px;
    border-top-width: 15px;
    border-bottom-width: 15px;
    position: absolute;
    left: 2px;
}

#jcl-demo a.prev {
    margin: 65px -5px 0 0;
    text-indent: 0;
}

.left-arrow::after, .img_rotator .prev::after {
    border-right-color: rgba(254, 254, 254, 0);
    left: 3px;
}

.left-arrow, .img_rotator .prev {
    cursor: pointer;
}

#jcl-demo .carousel {
    float: left;
    margin-left: 10px;
    position: relative;
    visibility: hidden;
    left: -5000px;
    margin-left: 55px;
    width: 610px !important;
}

.content ul {
    list-style-image: url(../image/bullet.png);
}

.content p, .content ul {
    margin-top: 0;
    text-align: justify;
    font-size: 14px;
}

.carousel li {
    width: 152px;
    float: left;
    padding: 20px 0;
    white-space: normal;
    height: 150px !important;
}

#jcl-demo a.next {
    margin: 65px -60px 0 -5px;
    text-indent: 10px;
}

.right-arrow, .img_rotator .next {
    width: 80px;
    height: 48px;
    position: relative;
    width: 20px;
    cursor: pointer;
    position: absolute;
    margin-top: 90px;
    right: 23px;
    z-index: 999;
}

.cont_gallery img:hover, .structure .zoomer:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.carousel img {
    width: 195px;
    height: 109px;
}

.gallery img {
    width: 100%;
}

.selective img, .gallery img {
    padding: 0;
}

.cont_gallery img {
    height: 109px;
    margin: 5px;
    padding: 0;
}

.cont_gallery img, .structure .zoomer {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.content img {
    padding: 10px;
    margin-top: 2px;
}

/*end CAROUSEL GALLERY*/


/*information_bloc*/


.inf_block .center {
    text-align: center;
}

.inf_block {
    display: inline-block;
    width: 100%;
    min-height: 430px;
    margin-top: 20px;
}

.inf_block h3 {
    color: #333;
    font-size: 16px;
    margin: 10px;
    display: inline-block
}

.inf_block .bg {
    width: 100%;
    max-width: 1280px;
    display: flex;
    justify-content: center;
}
.inf_block .custom_styles{
    width: 100%;
    max-width: 1053px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.inf_block a {
    display: inline-block;
    margin: 2px 0 9px;
    float: left;
    text-decoration: none;
    position: relative;
    color: #333;
    background: white;
}

.inf_block h3 a {
    display: inline-block;
    width: auto;
    height: auto;
    color: #fff;
    background: transparent;
}

.inf_block h3 a:hover {
    font-size: 17px;
    color: #fefefe;
    opacity: 0.7;
}

.inf_block a img {
    width: 100%;
    height: 200px;
    border: 1px solid #5f86b0;
    border-bottom: 0;
    background-color: #CFD8DC;
}

.inf_block a .title {
    color: #313457;
    font-size: 15px;
    line-height: 1.2;
    min-height: 50px;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    margin-top: -4px;
    width: 100%;
    text-align: center;
    padding-bottom: 0 !important;
}

.title h4 {
    border-bottom: 1px solid #030921;
    padding-bottom: 5px;
    margin-top: 0px;
}

.inf_block .text {
    color: #030921;
    font-size: 14px;
    line-height: 1.3;
    padding: 10px;
    min-height: 125px;
    overflow: hidden;
    background: white;
    margin-top: -19px;
    border-bottom: none;
    width: 100%;
    text-align: justify;
    word-break: break-word;
}

.inf_item p {
    margin: 0;
    word-break: break-word;
}

.inf_item .text p {
    background: #fff;
    width: 97%;
    float: left;
    margin: -2px 2px;
    padding-bottom: 20px;
}

.inf_block .inf_block_item {
    width: 334px;
    float: left;
    white-space: normal;
    height: 400px;
    overflow: hidden;
    margin-left: 4px;
    display: table;
    margin-bottom: 40px;
}

.inf_item {
    margin-left: 5px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.inf_item .text {
    padding-bottom: 12px;
}
.inf_item .text a{
    color: blue;
    float: unset;
}

.hor_item {
    width: 210px;
    float: left;
    white-space: normal;
    height: 170px;
    padding-bottom: 30px;
    margin-top: 5px;
    text-align: center;
}

/*gallery list*/
.inf_block .inf_block_item:hover {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}

.inf_block .inf_item:hover {
    -webkit-transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    -o-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
}

/*end information_bloc*/

/*cont_news*/
.cont_news {
    width: 100%;
}

.cont_news_list {
    width: 100%;
}

.cont_news_list .main_titles {
    text-align: center;
    color: #030921;
}

.img_tx_cont {
    width: 33%;
    display: inline-block;
    margin-bottom: 65px;
    min-height: 485px;
}

.img_cont {
    position: absolute;
}

.cont_block {
    width: 360px;
    height: auto;
}

.cont_block .img_button {
    float: left;
    z-index: 999;
    white-space: nowrap;
}

.img_cont img {
    width: 360px;
    height: 240px;
    padding: 10px;
    box-sizing: border-box;
}

.tx_cont {
    background: #fefefe;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    /*min-height: 240px;*/
    width: 300px;
    max-height: 340px;
    height: 340px;
    overflow: hidden;
    top: 200px;
    left: 0;
    float: right; /* border-top: 1px solid #1b538f;border-left: 1px solid #1b538f; */
    border-right: 1px solid rgba(176, 190, 197, 0.4);
}

.tx_cont .list_title {
    /*text-transform: uppercase;*/
    color: #1b538f;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    white-space: pre-line;
    width: 280px;
    padding: 5px;
}

.tx_cont .list_title .title {
    width: 100%;
}

.tx_cont .cont_shorttext {
    font-size: 14px;
    color: #333;
    padding: 5px;
    text-indent: 20px;
    text-align: justify;
}

/*end cont_news*/

/*announcement list*/
.web_single_annou { /*margin-top: 300px;*/
    float: left;
    clear: both;
    width: 100%;
}

.singe_cont {
    min-height: 600px;
    margin-top: 20px;
}

.single_annou {
    margin-bottom: 5px;
}

.single_annou:nth-child(odd), .web_single_annou:nth-child(odd), .comments .border:nth-child(odd) {
    background: #fefefe
}

.single_annou:nth-child(even), .web_single_annou:nth-child(even), .comments .border:nth-child(even) {
    background: #e5e5e5;
    margin-top: 5px;
}

.single_annou:nth-child(even), .web_single_annou:nth-child(even), .comments .border:nth-child(even) {
    margin-bottom: 5px
}

.event_date {
    width: 70px;
    text-align: center;
    float: left;
    color: #030921;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 0
}

.single_title {
    padding: 10px;
    width: 765px;
    display: table-cell
}

.single_announc:nth-child(odd) .date_more {
    background: #ea6645
}

.single_announc:nth-child(even) .date_more {
    background: #13354c;
}

.date_more a, .more {
    color: #030921 !important;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    padding: 5px 25px 5px 10px;
    background: url(../image/min_arrows.png) no-repeat 88% center;
    width: auto !important;
    margin-right: 0 !important
}

.date_more {
    display: table-cell;
    padding: 10px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    vertical-align: bottom
}

/*end announcement list*/

/*contact*/
.content_map {
    min-height: 600px;
    display: inline-block;
    width: 100%;
}

.cont_map {
    width: 50%;
}

.content_map .app_block {
    float: left;
    margin-top: -60px;
    font-size: 12px;
}

.contacts {
    width: 50%;
    padding: 0 20px;
}

.contacts #contact {
    float: none;
    width: 100%;
}

.contacts .input {
    float: none;
    width: 100%;
    margin-left: 0%;
}

.contacts input[type="text"], input[type="number"] {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.contacts input[type='submit'] {
    background: #5f86b0;
    padding: 10px;
    border: 1px solid #1b538f;
    color: #fff;
    cursor: pointer;
    float: right;
}

input:required {
    border: 1px solid red !important;
}

.contacts .textarea textarea {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 10px;
    height: 120px;
    box-sizing: border-box;
}

.banner {
    margin-bottom: 10px;
    padding: 15px;
}

.pattern_1, .contacts input[type="submit"], .web_single_annou input[type="submit"] {
    background: #5f86b0;
    color: #fff;
    border: 1px solid #5f86b0;
}

.pattern_1:hover, .contacts input[type="submit"]:hover {
    background: #1b538f;
    color: #fff;
    border: 1px solid #1b538f;
}

.contacts label span, .full_content button[type="submit"] /*cbook*/
{
    background: #5f86b0;
    padding: 10px 15px;
    color: #fff;
    cursor: pointer
}

.contacts label span:hover {
    background: #1b538f;
}

.btn {
    background: #5f86b0;
    cursor: pointer;
    color: #ECEFF1 !important;
    border: 0px;
    text-shadow: 0 -1px 0 rgba(84, 110, 122, 0.2);
    padding: 6px 12px;
    border: 1px solid #90A4AE;
    text-shadow: 0 -1px 0 rgba(236, 239, 241, 0.2);
    display: inline-block;
    border-radius: 2px;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
}

.btn a {
    color: #ECEFF1 !important;
}

.btn:hover {
    background: #1b538f;
/ / border-color: #546E7A;
    color: #ffffff !important;
}

._pdf {
    font-size: 12px;
}

.cont_btn {
    float: right;
}

/*end contact*/

/*homepage banner*/
.homepage_banners {
    width: 1053px;
    margin: 30px auto;
}

.homepage_banners article {
    width: 345px;
    height: 200px;
    float: left;
    margin: 3px;
    position: relative;
    border: 1px solid #5f86b0;
}

/*article {*/
/*    -webkit-perspective: 1000;*/
/*}*/

.homepage_banners a:hover {
    color: #a51c30;
}

.article {
    height: 198px;
    position: relative;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1s ease-in-out;
    width: 343px;
    margin: 0 auto;
    cursor: pointer;
}

.art_click {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-transition: 1s;
    -ms-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.image {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: rgb(249, 249, 249);
}
.content_wrapper{
    overflow-y: scroll;
    height: 100%;
}
.image img:hover {
/ / -ms-transform: scale(1.02); /* IE 9 */
/ / -webkit-transform: scale(1.02); /* Safari */
/ / transform: scale(1.02); /* Standard syntax */
    opacity: 0.6;
/ / box-shadow: 0 4 px 2 px - 2 px gray;
}

.article .back {
    background: #fff;
    color: #030921;
    text-align: center;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.back_rt {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.article .back ul li {
    color: #030921;
    text-align: left;
    font-size: 14px;
    margin-top: 2px;
}

.article .back ul li:hover {
    color: #1b538f;
    border-bottom: 2px solid #1b538f;
    list-style: disc;
}

.article .back ul li a:hover {
    color: #1b538f;
    background: #fcfcfc;
}

.homepage_banners article .text {

    border-bottom: 0;
    padding: 5px 5px 9px 5px;
    height: auto;
    color: #030921;
    width: 100%;
    right: 0;
    text-align: center;
    margin: 0;
}

.homepage_banners article .text:hover {
    opacity: 0.6
}

.rot_img {
    padding: 10px 0;
    text-align: center;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 20px;
}

.image_budget {
    padding: 10px 0;
    text-align: center;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 20px;
}

.image .back h4 {
    text-align: center;
}

.back ul {
    list-style: circle;
    padding-left: 20px;
    padding-right: 10px;
}

/*end homepage banner*/

/*staff list*/
.staff_list {
    width: calc(100% - 190px);
    float: left;
}

.staff_list .main_titles {
    margin: 0 50px 10px;
}

.staff_list h4 {
    font-size: 15px;
    color: #13354c;
    font-weight: 400;
    margin: 10px 0 10px 15px
}

.staff_list a {
    color: inherit
}

.staff_member {
    float: left;
    width: calc(100% - 30px);
    margin: 0 15px 15px;
    min-height: 50px;
}

.staff_member:nth-child(2n) {
    background-color: #ddd;
}

.staff_member:nth-child(2n+1) {
    background-color: rgba(213, 213, 213, 0.4);
}

.staff_member img {
    float: left;
    height: 120px;
    width: 180px;
    margin-right: 15px
}

.staff_member_position {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px;
}

.staff_member_position:empty {
    display: none;
}

.staff_member_name {
    text-transform: uppercase;
    color: #13354c;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

.staff_member_name a {
    float: right
}

.staff_member_name a img {
    margin-left: 15px;
    padding: 0
}

.staff_list a .staff_member:last-child {
}

/*end staff list*/

/*staff*/
.single_staff {
    padding: 15px;
}

.single_staff img {
    /*height: 250px;*/
    width: 350px;
}

.staff_top {
    width: 100%;
    display: inline-block
}

.staff_image {
    float: left;
    width: 385px;
}

.staff_short {
    width: 475px;
    float: left;
    background: rgba(254, 254, 254, 0.6);
}

.staff_short .ann_top {
    font-weight: bold;
    color: #030921;
    font-size: 18px;
    padding: 5px;
}

.staff_short .position {
    color: #030921;
    font-size: 16px;
    margin-top: 10px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.staff_ct, .staff_el {
    margin-top: 10px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.bio {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    background: rgba(254, 254, 254, 0.6);
}

/*end staff*/


/*chbook*/
.full_content {
    min-height: 600px;
    background: rgba(254, 254, 254, 0.6);
}

.full_content form, ._h3 {
    text-align: center;
}

.cb_hot {
    padding: 5px;
    margin-top: 50px;
    position: relative;
    top: 50px;
}

.full_content input[type="text"], .full_content select {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    width: 25%;
    margin-bottom: 10px;
}

.full_content button[type="submit"] {
    border: 0;
}

.full_content table {
    border: 0;
    border-bottom: 1px solid #1b538f;
    margin: 0 auto;
    width: 100%;
}

.full_content thead tr td, .full_content tbody tr td {
    border: 0;
    margin: 0 auto;
    width: 25%;
    padding-left: 15px;
    border-bottom: 1px solid rgba(27, 83, 143, 0.6);
}

/*end chbook*/


/*gallery list*/
.other_gallery {
    min-height: 600px;
    overflow: hidden;
}

.other_gallery .hor_item {
    width: 250px;
    height: 250px;
    margin-bottom: 40px;
}

.gallist img {
    padding: 10px;
    height: 150px;
}

.full_more {
    width: 80px;
    height: 25px;
    position: relative;
    width: 100%;
    border-top: 0;
    cursor: pointer;
    margin-bottom: 25px
}

.full_more:after, .full_more:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-left-width: 50px;
    border-right-width: 50px;
    border-top-width: 20px;
    position: absolute;
    left: calc(50% - 75px);
    left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);
}

.full_more:before {
    border-top-color: #D07513;
    top: 0px;
}

.full_more:after {
    border-top-color: #fff;
    top: -2px;
}

.full_more:hover:before {
    border-top-color: rgba(208, 117, 19, 0.6);
}

.gallist .title {
    margin-left: 27px;
    font-size: 15px;
    white-space: pre-line;
    width: 180px;
    line-height: 15px;
    text-align: center;
}

/*end gallery list*/

/*gallery*/
.cont_gallery_gall {
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #030921;
    position: relative;
    left: 0px;
}

.cont_gallery_gall img, .structure .zoomer {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.cont_gallery_gall img:hover, .structure .zoomer:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2
}

.cont_gallery_gall .hor_item img {
    width: 100%;
    height: auto;
    margin: 0;
}

.cont_gallery_gall .hor_item {
    margin: 5px;
}

.cont_gallery_gall .hor_item > div {
    height: 110px;
    overflow: hidden;
    margin-bottom: 5px;
}

.cont_gallery_gall img {
    height: 150px;
    margin: 8px;
    padding: 0;
}

.cont_gallery_gall .list_title {
    text-transform: uppercase;
    color: #030921;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}

.image_gallery_album .hor_news_resp .gallist {
    width: 210px;
    float: left;
    white-space: normal;
    height: 170px;
    padding-bottom: 30px;
    margin-top: 5px;
    text-align: center;
}

.cent_gall {
    display: inline-block;
}

.cent_gall .btn {
    margin-top: 10px;
    margin-left: 20px;
}

.image_gallery_album {
    display: inline-flex;
    min-height: 200px;
}

/*end gallery*/

/*video list*/
.cont_video_list {
    width: 1280px;
    margin-top: 30px;
}

.video_item {
    margin-top: 20px;
    float: left;
}

.video_item > div {
    width: 700px;
}

.video_item .ann_top {
    width: 580px;
    padding: 0 20px;
    display: inline-block;
}

.video_item .ann_top .ann_title {
    font-weight: 300;
    font-size: 20px;
    color: #13354c;
    margin-bottom: 15px;
    text-align: center;
}

.video_item .ann_top .ann_date {
    float: none;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    margin-bottom: 15px;
}

.video_item .ann_top .img_button {
    position: relative;
    float: right;
    margin-top: -20px;
}

.video_list .hor_item {
    margin-right: 10px;
    width: 275px;
    height: 255px;
}

.video_list {
    margin-top: 40px;
}

.video_list h3 {
    text-align: center;
}

.video_list .other_videos a {
    display: inline-block;
}

.video_list a {
    color: #313457;
    margin-right: 32px;
}

.video_list img {
/ / width: 210 px;
    width: 100%;
    padding: 0;
    max-width: 275px;
}

.video_list .hor_item > div {
    overflow: hidden;
}

.video_list .hor_item > .title {
    max-height: 80px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.video_list .hor_item > div img {
/ / margin-top: - 20 px;
    margin-top: -27px;
    margin-bottom: -30px;
}

.date {
    float: right;
    font-size: 12px;
}

/*end video list*/

/*document list*/
.docs:empty {
    display: none;
}

.docs {
    padding: 0 0 50px 0;
    background: rgba(254, 254, 254, 0.6);
}

.epilog_text {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: justify;
    padding: 5px;
}

.docs .list_title {
    /*text-transform: uppercase;*/
    color: #ea6645;
    margin-bottom: -1px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    border-collapse: collapse !important;
    padding-left: 20px;
    border-bottom: 2px solid rgba(27, 83, 143, 0.6);
    padding-bottom: 10px;
    padding-top: 10px;
}

.doc_title {
    display: inline-block;
    padding: 10px 0;
    width: 85%;
}

.doc_aside .list_title a:hover {
    color: rgba(208, 117, 19, 0.8);
}

.docs_sub {
    border-bottom: 1px dotted #1b538f;
    margin-top: 20px;
    width: 95%;
    margin: 10px auto 10px 5%;
    margin-bottom: 0;
    font-size: 13px;
    text-transform: none;
    display: flex!important;
    align-items: flex-end;
    justify-content: space-between;
}

.docs_sub img {
    width: 40px;
}

.docs img {
    padding: 5px 5px 0;
}

.list_title {
    border-bottom: 1px solid rgba(27, 83, 143, 0.6);
    padding-bottom: 30px;
    margin-top: 15px;
}

.docs .list_title a {
    color: #1b538f;
    display: block;
}

.doc_cat {
    color: #D07513;
    font-weight: bold;
    font-size: 12px;
}

.vert_news {
    margin-top: -5px;
}

.vert_news a, .tabs_content a {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
}

.vert_norm_aside {
    display: none;
}

.vert_norm_aside .vert_news a {
    border-bottom: 1px solid rgba(27, 83, 143, 0.6);
}

.vert_news .tab_title {
    min-height: 40px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
}

.vert_news .tab_title:hover {
    font-weight: bold;
}

.vert_news .tab_date, .doc_aside .tab_date, .list_title .tab_date {
    font-size: 12px;
    text-align: right;
    color: #333;
    width: 50%;
    float: right;
    margin-top: 10px;
}

/*end document list*/

/*homepage slider*/

.owl-carousel {
    /*max-width: 1350px;*/
    max-width: 1053px;
    margin: 0 auto;
    width: 100%;
}

.owl-carousel .item img {
    display: block;
    width: 100%;
    max-width: 1350px;
    height: 681px;
    margin: 0 auto;
}

.owl-prev {
    position: absolute;
    z-index: 300;
    width: 32px;
    height: 80px;
    background: url(../image/arrow.png) no-repeat 0 0;
    display: block;
    cursor: pointer;
    top: 37%;
}

.owl-next {
    position: absolute;
    z-index: 300;
    width: 32px;
    height: 80px;
    background: url(../image/arrow.png) no-repeat -32px 0;
    display: block;
    cursor: pointer;
    top: 37%;
    right: 0;
}

.cb {
    background: rgba(255, 255, 255, 0.8);
    /*height: 70px;*/
    float: right;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    padding: 5px 15px;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

.vert_norm_aside {
    width: 320px;
    height: 460px;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0.9;
    color: #000;
    position: absolute;
    left: 12%;
    z-index: 999;
    top: 225px;
    padding: 0 10px;
    left: 5%;
}

/*end homepage slider*/

/*page slide*/
#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    padding: 0 10px;
    background-color: #fefefe;
    color: #FFF;
    overflow-y: scroll
}

#pageslide #nav {
    width: 100%;
    text-align: left
}

#pageslide #nav > ul > li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #193366;
    display: inline-block
}

#pageslide #nav > ul > li > ul {
    position: static;
    margin-left: 15px;
    padding: 0;
    margin-top: 0
}

#pageslide #nav > ul > li > ul li {
    color: rgba(255, 255, 255, 0.6)
}

#pageslide #nav > ul > li > ul > a > li {
    width: 195px
}

#pageslide #nav > ul > a {
    width: 100%
}

#pageslide #nav > ul > a > li {
    width: 100%;
    display: inline-block
}

#content nav#nav li {
    float: left;
    width: 20%;
    text-align: center;
}

#content nav#nav a {
    display: block;
    background: #000;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    border-right: 1px solid #FFF;
}

#content nav#nav a:hover {
    background: #333;
}

/*end page slide*/

/*webinar*/
.web_page_cont .ann_title {
    font-size: 18px;
    text-align: center;
}

.cont_web img {
    width: 100%;
}

.web_single_title {
    padding: 10px;
    float: left;
}

.web_video {
    margin-top: 20px;
}

.web_text {
    width: 290px;
    margin-left: 15px;
    margin-top: 20px;
}

.web_text > div {
    margin-bottom: 5px;
}

.web_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.coment {
    height: 31px;
    padding: 5px;
}

.web_annou {
    float: left;
    width: 20%;
    text-align: center;
    background: #e5e5e5;
}

.web_comment_annou {
    display: inline-block;
    float: left;
    margin-top: 20px;
    width: 80%;
}

.web_comment {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
}

.web_com_text {
    float: right;
    width: 95%;
    height: 80px;
    position: relative;
    right: 2%;
}

.comm_send {
    margin-top: 5px;
    position: relative;
    right: 7%;
    float: right;
    display: inline-block;
}

/*end webinar*/

/*webinar login*/
.signes_font {
    margin-left: 10px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 2px;
}

#customBtn {
    display: inline-block;
    background: white;
    color: #444;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
    margin-left: 10px;
    margin-top: 10px;
    width: 50px;
}

#customBtn:hover {
    cursor: pointer;
}

span.label {
    font-family: serif;
    font-weight: normal;
    float: left;
    margin-top: 20px;
}

span.icon {
    background: url('https://developers.google.com/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    padding-right: 42px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

/*end webinar login*/

/*webinar comment*/
.comments {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgb(176, 190, 197);
}

.border {
    padding: 10px;
    width: 100%;
    float: left;
}

.comments .border > div {
    float: left;
}

.comm_block, .comm_date {
    margin-left: 10px;
    float: left;
}

.comm_name {
    float: left;
}

.comm_img img {
    width: 80px;
    height: 80px;
}

.comment_text {
    display: block;
    float: none;
}

/*end webinar comment*/

.secondary_menu {
    background: #1b538f;
    padding: 0px;
    text-align: center;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 10px;
}

.secondary_menu li {
    display: inline-block;
    float: left;
    margin-left: 4px;
}

.secondary_menu li ul {
    background: #1b538f;
    width: 210px;
    z-index: 9999;
    float: none;
    padding: 0 1px;
}

.secondary_menu li a {
    text-transform: none;
}

.secondary_menu > ul > li > ul > li > ul {
    display: none;
    visibility: hidden;
}

.secondary_menu ul li a {
    white-space: pre-line;
    text-align: left;
}

.secondary_menu .tr {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 1%;
    border-left: 6px solid #fefefe;
    font-size: 0px;
    margin: 0 10px;
    vertical-align: middle
}

/*.dropdown-toggle:empty {*/
/*    display: none;*/
/*}*/

.secondary_menu a {
    text-decoration: none;
    text-transform: uppercase;
    color: #e9ebee;
    font-size: 13px;
    padding: 0 5px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin: 10px 0;
    display: inline-block
}

.secondary_menu li:first-child a {
    border-left: 0px
}

.secondary_menu a:hover {
    color: rgba(255, 255, 255, 0.5)
}

input:required {
    border: 1px solid red !important;
}

.secondary_menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    float: left;
}

.secondary_menu > ul > li > ul > li {
    background: #1b538f;
    color: #fff;
    z-index: 9999;
    float: none;
}

.secondary_menu ul li .tr {
    display: none;
}

.secondary_menu ul li ul .tr {
    display: none;
}

/*end secondary_menu*/


/*treasury*/
.treasury_category {
    float: left;
    width: 100%;
}

.treasury_cat {
    position: relative;
    width: 48%;
    margin: 1%;
    float: left;
/ / margin: 5 px;
/ / padding: 10 px;
    max-width: 400px;
}

.treasury_cat img {
    padding: 0px;
    width: 100%;
    height: 300px;
}

.treasury_title {
    width: 85%;
    white-space: normal;
    padding-left: 10px;
/ / min-height: 45 px;
    float: left;
}

.treasury_title h4 {
    padding: 0;
    margin: 0;
}

.treasure_img {
    width: 40px;
    height: 30px;
    margin-right: 10px;
    text-indent: 12px;
    border: 0;
    font-size: 20px;
    color: #13354c;
    cursor: pointer;
    background: url(../image/menu.png) no-repeat center #1b538f;
    float: right;
    display: inline-block;
    opacity: 0.7;
    margin-top: -20px;
    margin-left: -50px;
}

.treasury_search + #last_news {
    margin-top: 20px;
    float: left;
}

.wgt_title {
    padding-bottom: 20px;
}

.treasure_img:hover {
    background: url(../image/menu.png) no-repeat center #1b538f;
}

.treasure_cont {
    width: 48%;
    margin: 1%;
    overflow: hidden;
    display: inline-block;
    max-width: 400px;
}

.treasure_block {
    height: auto;
}

.img_treasure img {
    width: 400px;
    height: 300px;
/ / padding: 10 px;
    box-sizing: border-box;
}

.tx_treasure {
    background: #fefefe;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    min-height: 55px;
/ / width: 350 px;
    width: 100%;
    top: -4px;
    left: 0;
    float: right;
}

.submenu {
    top: 45px;
/ / left: 20 px;
    list-style-type: none;
    list-style-image: none !important;
    background: #FFF;
    width: 100%;
/ / height: 200 px;
    position: absolute;
    display: none;
}

.cat_head {
    background: #F3F3F3;
    height: 60px;
    padding: 10px;
/ / position: relative;
}

.cat_head h4 {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}

.submenu li {
    display: block;
    width: 100%;
}

.treas_content {
    border-top: 1px solid #1b538f;
}

.treasury_cont {
    display: inline-block;
}

.treasury_cont_album {
    min-height: 200px;
}

.treasury_img {
    display: inline-block;
}

.treasury_img img {
    padding: 10px;
    width: 320px;
    height: 240px;
}

.treasury_select {
    float: left;
}

#category {
    float: none;
    display: table;
    margin-top: 10px;
}

.treasury_weight {
    padding: 5px;
    float: left;
}

._weight {
    padding-bottom: 5px;
}

#from {
    float: left;
    width: 45%;
}

#to {
    float: right;
    width: 45%;
}

.treasury_worth {
    padding: 5px;
    display: inline-block;
    width: 74%;
}

._worth {
    padding-bottom: 10px;
}

.wgt_title a, .announ header h3 a {
    border-bottom: 1px solid #1b538f;
    padding: 2px 5px;
}

/*end treasury*/

/*area department*/

.banner_menu {
    width: 100%;
    margin: 0 auto;
}

.area_cont, .department_cont {
    min-height: 110px;
    padding: 6px;
    margin-top: 10px;
    background: rgba(254, 254, 254, 0.6);
    float: left;
    width: 100%;
}

.cont_pers {
    width: 75%;
}

.cont_title {
    width: 25%;
}

.area_cont .area_text, .department_cont .department_text {
    margin-top: 20px;
    line-height: 1.3em;
}

/*end area department*/

/*chart*/
.chart_content {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 5px;
    padding-bottom: 20px;
}

.highcharts-credits {
    color: #fff !important;
}

.chart_cont {
    height: 200px;
    width: 33%;
}

#container2 img {
    margin: 20px auto 0 auto;
    display: block;
    cursor: pointer;
}

/*end chart*/

/*archive*/
.main_titles {
    text-align: center;
}

.page_tx_cont select {
    width: 150px;
}

.page_tx_cont select option {
    width: 150px;
    white-space: pre-line;
}

._tb {
    border: 1px solid #1b538f;
    padding: 3px 5px;
}

._tb thead tr td, ._tb tbody tr td {
    border-bottom: 1px solid #1b538f;
    padding: 3px 5px;
}

/*end archive*/

/*area department*/

.banner_menu_image {
    width: 100%;
}

.banner_menu_image img {
    width: 100%;
    height: auto;
}

.area_title, .department_title {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 325px;
    padding: 10px;
    width: 80%;
}

/*end area department*/


/*request page*/
.input {
    margin: 3px;
}

.req_page {
    margin: 5px 5px 0px 5px;
    padding: 5px;
    background-color: rgba(254, 254, 254, 0.6);
    min-height: 600px;
}

.req_page ul {
    list-style: none;
}

.req_page .tr {
    display: none;
}

.req_page > ul > li {
    margin-bottom: 15px;
}

.req_page > ul > li > a {
    font-weight: bold;
}

.req_page ul li a:hover {
    color: rgba(3, 9, 33, 0.6);
}

.req_page ul li ul li ul li, .req_page ul li ul li {
    margin-bottom: 5px;
    margin-top: 5px;
}

.req_page > ul > li > ul > li > ul {
    font-style: italic;
}

.cont_left {
    width: 60%;
    text-align: justify;
    margin-left: 5px;
/ / float: left;
}

.cont_right {
    width: 40%;
    float: right;
    text-align: right;
    margin: 0px 5px 5px 0px;
}

.req_page input, .req_page select, .req_page textarea {
    padding: 5px;
    width: 100%;
}

.req_page textarea {
    height: 150px;
}

.signature {
    width: 25%;
}

/*end request page*/

/*structure page*/

.structure .zoomer {
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.structure .zoomer:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.structure {
    position: relative;
    width: 1156px;
    height: 1200px;
    margin: 0 auto;
    display: table;
    top: 20px;
}

.structure a:hover {
    color: #fff
}

.structure .first_lvl {
    background: #1b4572;
    padding: 6px;
}

.structure .second_lvl {
    background: #a50404;
    font-size: 15px;
}

.structure .third_lvl {
    background: #1b538f;
}

.structure .fourth_lvl {
    background: #888;
}

.a_hor {
    border-top: 1px solid #333;
    position: absolute;
    padding: 0 !important;
    z-index: 1 !important;
}

.a_vert {
    border-left: 1px solid #333;
    position: absolute;
    padding: 0 !important;
    z-index: 1 !important;
    width: 0 !important;
}

/*end structure page*/


/*beta version*/
.beta {
    color: #030921;
    text-decoration: none;
    font-size: 13px;
    margin-top: 7px;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    text-align: center;
}


/*responsive*/


.read_more {
    float: right;
}

/*breadcrumb*/

#breadcrumb {
    list-style: none;
    display: inline-block;
    margin-top: 5px;
}

#breadcrumb ul {
    list-style: none;
    display: inline-block;
}

#breadcrumb li {
    float: left;
}

#breadcrumb li a {
    color: #1b538f;
    font-size: 13px;
}

#breadcrumb li a:hover {
    color: #fefefe;
}

#breadcrumb li {
    color: #1b538f;
    display: block;
    background: rgba(212, 212, 212, 0.8);
    text-decoration: none;
    position: relative;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 7px;
    cursor: pointer;
    margin-left: 12px;
    font-size: 13px;
}

#breadcrumb li:nth-child(even) {
    background-color: rgba(212, 212, 212, 0.8);
}

#breadcrumb li:nth-child(even):before {
    border-color: rgba(212, 212, 212, 0.8);
    border-left-color: transparent;
}

#breadcrumb li:nth-child(even):after {
    border-left-color: rgba(212, 212, 212, 0.8);
}

#breadcrumb li:last-child {
    padding-right: 15px;
}


#breadcrumb li:before, #breadcrumb li:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid rgba(212, 212, 212, 0.8);
    border-width: 12px 8px;
    width: 0;
    height: 0;
}

#breadcrumb li:before {
    left: -16px;
    border-left-color: transparent;
}

#breadcrumb li:after {
    left: 100%;
    border-color: transparent;
    border-left-color: rgba(212, 212, 212, 0.8);
}

#breadcrumb li:hover {
    background-color: rgba(27, 83, 143, 0.5);
    color: #fefefe;
}

#breadcrumb li a:hover {
    text-decoration: underline;
}

#breadcrumb li:hover:before {
    border-color: rgba(27, 83, 143, 0.5);
    border-left-color: transparent;
    color: #fefefe;
}

#breadcrumb li:hover:after {
    border-left-color: rgba(27, 83, 143, 0.5);
    color: #fefefe;
}

#breadcrumb li:active {
    background-color: rgba(27, 83, 143, 0.5);
    color: #fefefe;
}

#breadcrumb li:active:before {
    border-color: rgba(27, 83, 143, 0.5);
    border-left-color: transparent;
    color: #fefefe;
}

#breadcrumb li:active:after {
    border-left-color: rgba(27, 83, 143, 0.5);
    color: #fefefe;
}

/*end breadcrumb*/

/* Mobile and iPad Portrait */
@media all and (max-width: 1279px) {

    .beta {
        display: none;
    }

    .center {
        width: 100%;
    }

    .ln_sel {
        display: block;
        margin-left: -5px;
    }

    .ln_sel select {
        border: 0;
        color: #030921;
        padding: 6px 1px;
        margin-top: 1px;
    }

    .ln_sel select option {
        border: 0;
    }

    .langs {
        display: none;
    }


    .logo img {
        width: 20%;
        max-width: 134px;
    }

    #stickyheader {
        display: none;
    }

    .head_mid .center {
        display: none;
    }

    .open {
        display: block;
        position: relative;
        z-index: 999;
    }

    #pageslide #nav > ul > li > a {
        white-space: normal;
        display: inline-block;
        font-size: 15px;
    }

    #pageslide nav > ul {
        margin-left: 0 !important;
    }

    #pageslide #nav li ul li {
        padding: 5px 0;
        border-top: 1px solid #193366;
        width: 190px;
    }

    #pageslide #nav li a:hover {
        text-decoration: underline;
    }

    .tree {
        content: '';
        width: 35px;
        height: 80%;
        top: 5px;
        background: url(../image/min_arrows.png) no-repeat right;
        padding: 5px 0;
        box-sizing: border-box;
    }

    #nav > ul > li:nth-child(1), #nav > ul > li:nth-child(2), #nav > ul > li:nth-child(3),
    #nav > ul > li:nth-child(4), #nav > ul > li:nth-child(5), #nav > ul > li:nth-child(6),
    nav > ul > li:nth-child(5) ul {
        margin-left: 0 !important;
    }

    #nav > ul > li:nth-child(2) ul {
        margin-left: 0;
        width: 265px;
    }

    #nav > ul > li:nth-child(2) > ul li ul {
        left: 265px;
    }

    nav > ul > li:nth-child(5) ul > li {
        margin-left: 15px;
    }

    nav li:hover > ul, .secondary_menu li:hover ul {
        display: block;
        position: absolute;
    }

    nav > ul > li > ul {
        position: absolute;
        background: #fefefe;
        z-index: 333;
        left: 0;
        padding: 17px 0;
        text-align: left;
        margin-top: 3px;
    }

    nav li ul, .secondary_menu li ul {
        display: none;
    }

    nav#nav:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    nav ul:before, nav ul:after {
        content: " ";
        display: table;
    }


    #pageslide #nav li a {
        color: #092B42;
        border: none;
    }

    nav ul li a, #pageslide #nav > ul > li > ul > a > li {
        display: inline-block;
    }

    nav ul li a, .secondary_menu ul li a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
        z-index: 44;
        position: relative;
    }

    nav > ul > li > ul {
        position: absolute;
        background: #092B42;
        z-index: 333;
        left: 0;
        padding: 17px 0;
        text-align: left;
        margin-top: 3px;
    }

    nav li ul, .secondary_menu li ul {
        display: none;
    }

    nav ul li:after {
        position: absolute;
        right: 0;
    }

    #pageslide #nav > ul > li > ul {
        position: static;
        margin-left: 15px;
        padding: 0;
        margin-top: 0;
        width: 400px;
    }

    nav > ul > li > ul {
        position: absolute;
        background: #fefefe;
        z-index: 333;
        left: 0;
        padding: 17px 0;
        text-align: left;
        margin-top: 3px;
    }

    nav li ul, .secondary_menu li ul {
        display: none;
    }

    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
    }

    .secondary_menu ul li ul a {
        min-width: 280px;
    }

    .tr {
        display: none;
    }

    .foot_inner {
        display: none;
    }


    /*slider*/
    .owl-carousel {
        display: block;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    #owl-demo .item img {
        display: block;
        width: 100%;
        max-width: 1350px;
        height: auto;
        max-height: 460px;
    }

    .owl-prev {
        width: 15px;
        top: -15px;
        background: url(../image/arrow.png) no-repeat 0 0;
    }

    .owl-next {
        width: 15px;
        top: -15px;
        background: url(../image/arrow.png) no-repeat -49px 0;
    }

    .hot_line {
        width: 38px;
        height: 38px;
        float: right;
        top: 5px !important;
        right: 5px;
        display: block;
    }

    .hot_line img {
        margin-left: 3px;
        margin-top: 5px;
        height: 24px;
    }

    .hot_line span {
        margin-left: 14px;
        margin-top: -23px;
        font-size: 9px;
    }

    .copyright {
        height: auto;
    }

    /*chart*/
    .chart_content {
        width: 100%;
        padding: 5px;
        float: left;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    .tr {
        display: none;
    }

    /*sub_menu*/
    .secondary_menu {
        display: none;
    }

    nav.sub_menu {
        position: relative;
        float: right;
        padding-bottom: 5px;
    }

    .dropdown-toggle {
    / / display: none;
        width: 40px;
        height: 30px;
        margin-right: 10px;
        text-indent: 12px;
        border: 1px solid #13354c;
        font-size: 20px;
        color: #13354c;
        cursor: pointer;
        background: url(../image/submenu.png) no-repeat center;
        float: right;
    }

    ul.sub_menu_ul {
        display: none;
        position: relative;
        top: 100%;
        margin-top: .5em;
        background: #13354c;
        min-width: 12em;
        padding: 0;
        border-radius: 0 0 .2em .2em;
        width: 280px;
        float: right;
        margin-right: 20px;
        z-index: 999;
        text-align: left;
    }

    ul.sub_menu_ul li {
        list-style-type: none;
        float: none;
        width: 100%;
    }

    ul.sub_menu_ul li a {
        text-decoration: none;
        padding: .5em 1em;
        display: block;
        color: #fefefe;
        white-space: pre-line;
        font-size: 12px;
    }

    /*end sub_menu*/
    .content_map .app_block {
        margin-top: 10px;
    }
}


/* Mobile Portrait */
@media only screen and (min-width: 320px) and (max-width: 1279px) {

    body {
        min-width: 319px;
    }

    #pageslide {
        width: 255px;
        padding-top: 30px;
    }

    #pageslide #nav > ul > li > ul {
        position: initial !important;
        position: static;
        margin-left: 15px;
        padding: 0;
        margin-top: 0;
        width: 235px;
    }

    #pageslide #nav li a {
        color: #030921;
        border: none;
        font-size: 13px;
        white-space: pre-line;
    }

    #pageslide #nav > ul > li > ul > li > ul {
        position: initial;
        margin-left: 10px;
        width: 200px;
        background: #fafafa;
    }

    #nav ul li ul a {
        width: 150px;
    }

    .tr {
        display: none;
    }

    .header_cont {
        display: none;
    }

}


@media all and (max-width: 360px) {

    .owl-nav {
        display: none !important;
    }

    .contacts {
        padding: 0px;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    header .homepage_icon {
        position: absolute;
        right: 50px;
        top: 10px;
    }

    .g-recaptcha {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .homepage_icon img {
        margin-right: -5px;
        margin-left: 10px;
    }

    .top_expanding {
        position: absolute;
        right: -50px;
        width: 195px !important;
        margin-top: 0;
    }

    #search_expanding form {
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 120px !important;
    }


    .header_line {
        height: 100px;
    }

    .name {
        width: 80%;
        float: left;
        font-size: 80%;
        margin-left: 0;
        font-size: 11px;
    }

    #breadcrumb ul {
        width: 100%;
        max-width: 300px;
        margin-left: -5px;
    }

    #breadcrumb li {
        margin-top: 2px;
        width: 100%;
        max-width: 18em;
    }

    #breadcrumb li a {
        text-overflow: ellipsis;
        width: 17em;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    .vert_norm_aside {
        /* width: 320px; */
        width: 90%;
        top: 5px !important;
        margin: 0 auto;
        display: table;
        float: left;
        height: 460px;
        position: relative !important;
    }

    .cb {
        width: 100%;
        margin: 0 auto;
        left: 0;
        top: 0 !important;
        position: relative;
        display: table;
        font-size: 10px;
    }

    /*homepage banner*/
    .homepage_banners {
        width: 90%;
        margin: 0 auto;
        float: none;
        position: relative;
        top: 15px;
        display: table;
    }

    .homepage_banners article {
        width: 100%;
        height: 200px;
        margin: 5px auto;
    }

    .article {
        width: 100%;
        height: 100%;
        position: absolute;
        transform-style: preserve-3d;
        transition: all 1s ease-in-out;
        margin: 0 auto;
        cursor: pointer;
    }

    .rot_img {
        width: 60%;
        height: 60%;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
    }

    .homepage_banners article .text {
        padding: 5px 0;
        height: auto;
        color: #1b538f;
        width: 100%;
        right: 0;
        margin-top: 0;
        font-size: 16px;
    }

    .back ul {
        margin-top: -10px;
        padding-left: 20px;
    }

    .image.back h4 {
        font-size: 16px;
        margin-top: 5px;
    }

    .article .back ul li {
        font-size: 13px;
    }

    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 100%;
        padding: 5px;
        float: none;
        position: relative;
        top: 0px;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
        float: left;
        top: 0
    }

    .inf_block {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .inf_block .bg {
        width: 100%;
    }

    .inf_block .inf_block_item {
        float: none;
        margin: 0 auto;
        width: 302px;
        display: table;
        position: relative;
    }

    .inf_item {
        margin: 0 auto;
        width: 100%;
        max-width: 302px;
    }

    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
        top: 0;
        /* float: none; */
    }

    .foot_cont {
        float: left;
    }

    .dvs {
        float: left;
    }

    .btn.fl_l {
        margin-left: 5px;
    }

    /*content-news*/
    .cont_block {
        width: 100%;
        height: auto;
        max-width: 300px;
    }

    .img_cont img {
        width: 100%;
        height: 200px;
        padding: 10px;
        box-sizing: border-box;
        max-width: 300px;
    }

    .tx_cont {
        min-height: 240px;
        width: 80%;
        top: 160px;
    }

    .tx_cont .list_title {
        width: 100%;
        max-width: 280px;
        padding: 5px;
    }

    .cont_news_list .main_titles {
        font-size: 16px;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: table;
        min-height: 550px;
        margin-bottom: 60px;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_cont {
        width: 100%;
        padding: 5px;
        float: left;
    }

    .page_ann_top {
        margin-top: 0;
        padding: 15px 15px 15px 0px;

    }

    .page_tx_cont {
        width: 70%;
        top: -40px;
        padding: 3px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    .content_text img {
        width: 150px;
        height: auto;
        margin-left: 0;
    }

    ._tb td {
        font-size: 10px !important;
    }

    #jcl-demo a.prev {
        margin: 65px 0 0 10px;
    }

    #jcl-demo .carousel {
        float: left;
        width: 152px !important;
        margin-left: 45px;
    }

    #jcl-demo {
        margin-left: -10px;
    }

    #jcl-demo a.next {
        margin: 65px -50px 0 -5px;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        padding: 5px;
        margin-top: 0px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
    }

    .staff_list {
        width: 100%;
    }

    .staff_list .q_cont {
        margin-left: 0;
        padding-left: 0;
    }

    .staff_list .content p, .staff_list .content ul {
        text-align: center;
    }

    .staff_list .main_titles {
        font-size: 13px;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .staff_member img {
        float: none;
        height: 120px;
        max-width: 180px;
        margin: 0 auto;
        width: 100%;
        display: table;
    }

    .staff_member_name, .staff_member_position {
        font-size: 13px;
        float: none;
        display: table;
        margin: 0 auto;
        text-align: center;
    }

    .staff_member_name p, .staff_member_position p {
        text-align: center;
    }

    .staff_member {
        padding: 3px;
    }

    /*end announ list*/
    /*treasury*/
    .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        margin-top: 35px;
    }

    .treasury_cat {
        width: 100%;
        padding: 5px;
        margin: 0;
    }

    .treasury_cat img {
        width: 100%;
        height: 225px;
        max-width: 340px;
        max-height: 255px;
    }

    .treasure_cont {
        width: 100%;
        margin: 0 auto;
        display: table;
        max-width: 350px;
    }

    .img_treasure img {
        width: 100%;
        max-width: 340px;
        height: 255px;
    }

    .treasury_img img {
        padding: 10px;
        width: 100%;
        max-height: 240px;
        height: 100%;
    }

    #category {
        width: 100%;
        max-width: 320px;
    }

    .wgt_title h3, .treasury_search h3 {
        font-size: 17px;
    }

    .treasury_search .btn {
        float: left;
        margin-top: -35px;
        margin-left: 70%;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
    }

    .treasury_cont {
        margin: 0 auto;
        display: table;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .img_treasure img {
        width: 100%;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont h3 {
        margin-left: 10px;
        font-size: 16px;
    }

    .treasury_cont_album {
        width: 300px;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .other_gallery {
        width: 70%;
        margin: 0 auto;
        display: table;
        padding-bottom: 25px;
    }

    .hor_item.gallist {
        margin: 0 auto;
    }

    .cont_gallery_gall {
        width: 70%;
        margin: 0 auto;
        display: table;
    }

    .cent_gall {
        display: table;
        width: 275px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .image_gallery_album {
        width: 220px;
        display: table;
        margin: 0 auto;
    }

    .gallist {
        padding-bottom: 20px;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 90%;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        margin-bottom: 5px
    }

    .vert_news .img img {
        width: 50%;
        float: left;
        height: auto;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 50% !important;
        float: left;
        white-space: pre-line;
        margin-left: 0;
        padding-left: 10px;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
    }

    .staff_image {
        width: 300px;
        height: 200px;
        margin: 0 auto;
        display: table;
        float: none;
    }

    .single_staff img {
        width: 300px;
        height: 200px;
    }

    .staff_short {
        width: 100%;
        padding: 10px;
    }

    .bio {
        width: 100%;
        padding: 10px;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
        padding: 0 10px 0 10px;
    }

    .cont_map {
        width: 100%;
        padding: 5px;
    }

    .contacts {
        width: 100%;
    }

    .cont_btn {
        float: right;
        margin-top: 65px !important;
        margin-bottom: 20px;
    }

    /*end contact*/
    /*faq*/
    .av_accord ul {
        width: 95%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 100%;
        text-align: center;
    }

    /*end faq*/
    /*docs*/
    .docs {
        width: 90%;
        margin: 0 auto;
    }

    .doc_title {
        width: 80%;
    }

    .doc_title a {
        font-size: 12px;
    }

    .docs_sub {
        font-size: 10px;
    }

    .docs_sub img {
        width: 40px;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_item iframe {
        width: 100%;
        height: auto;

    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 220px;
        margin: 0 auto;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 100%;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }

    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 75%;
        margin: 0 auto;
    }

    .full_content input[type="text"], .full_content select {
        width: 100%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
        margin-top: 3px;
    }

    .full_content table {
        width: 100%;
        white-space: pre-line;
        max-width: 300px !important;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 5px;
        white-space: pre-line;
        float: left;
        width: 50%;
        font-size: 12px;
    }

    .full_content thead tr td a, .full_content tbody tr td a {
        font-size: 12px;
    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .area_title, .department_title {
        font-size: 10px;
        top: 155px;
    }

    .cont_pers {
        font-size: 12px;
        width: 100%;
    }

    .cont_title {
        font-size: 12px;
        float: left;
        width: 100%;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 100%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
    }

    .cont_right {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
        font-size: 13px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_video {
        width: 100%;
    }

    .web_video img {
        width: 100%;
        height: auto;
    }

    .web_video iframe {
        width: 100%;
        height: 180px;
    }

    .web_text {
        width: 100%;
        white-space: pre-line;
        margin-left: 0;
    }

    .web_annou {
        width: 100%;
    }

    .web_comment_annou {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table;
        float: none;
    }

    .web_comment {
        margin-left: 10px;
    }

    .web_com_text {
        width: 95%;
        left: 0;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar .left, .chart_toolbar .right {
        width: 100% !important;
    }

    /*end global chart*/
    .gr .print {
        display: none;
    }

    .req_page .w_13 {
        width: 100%;
    }

}


@media all and (min-width: 361px) and (max-width: 480px) {

    .owl-nav {
        display: none !important;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    header .homepage_icon {
        position: absolute;
        right: 60px;
        top: 15px;
        width: 135px;
    }

    .homepage_icon img {
        margin-right: -8px;
        margin-left: 8px;
    }

    .top_expanding {
        position: absolute;
        right: -50px;
        width: 255px !important;
        margin-top: 5px;
    }

    #search_expanding form {
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 180px !important;
    }

    .header_line {
        height: 100px;
    }

    .name {
        font-size: 14px;
        width: 70%;
    }

    #breadcrumb li {
        margin-top: 2px;
        width: 100%;
        max-width: 25em;
    }

    #breadcrumb li a {
        text-overflow: ellipsis;
        width: 100%;
        max-width: 26em;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    .vert_norm_aside {
        width: 100%;
        top: -10px !important;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
        left: 0;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0px !important;
        position: relative;
        font-size: 10px;
    }

    /*homepage banner*/
    .homepage_banners {
        width: 345px;
        margin: 0 auto;
        float: none;
        position: relative;
        top: 0;
        display: table;
    }

    .article {
        width: 100%;
        height: 100%;
        position: absolute;
        transform-style: preserve-3d;
        transition: all 1s ease-in-out;
        margin: 0 auto;
        cursor: pointer;
    }


    .rot_img img {
        height: 100%;
        min-height: 50px;
    }

    .homepage_banners article .text {
        padding: 5px 0;
        height: auto;
        color: #1b538f;
        width: 100%;
        right: 0;
        bottom: 0;
        font-size: 16px;
    }

    .back ul {
        margin-top: -10px;
        padding-left: 20px;
    }

    .image.back h4 {
        font-size: 16px;
        margin-top: 5px;
    }

    .article .back ul li {
        font-size: 13px;
    }

    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 100%;
        max-width: 345px;
        padding: 5px;
        float: none;
        position: relative;
        top: 0;
        display: table;
        margin: 0 auto;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
        float: left;
        top: 10px;
    }

    .inf_block {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .inf_block .bg {
        width: 100%;
        max-width: 300px;
    }

    .inf_block .inf_block_item {
        float: none;
        margin: 0 auto;
        display: table;
        width: 100%;
        max-width: 302px;
    }

    .inf_item {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
    }

    .foot_cont {
        float: left;
    }

    .dvs {
        float: left;
    }


    .btn.fl_l {
        margin-left: 5px;
    }

    /*content-news*/
    .cont_news_list .main_titles {
        font-size: 18px;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 360px;
        margin: 0 auto;
        display: table;
    }

    .pagination {
        margin-bottom: 0;
        margin-top: -35px;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_cont {
        width: 100%;
        padding: 5px;
        float: left;
    }

    .page_ann_top {
        margin-top: 0;
    }

    .page_tx_cont {
        width: 75%;
        top: -110px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    #jcl-demo .carousel {
        float: left;
        width: 309px !important;
    }

    #jcl-demo {
        margin-left: -38px;
    }

    #jcl-demo a.prev {
        margin: 65px -5px 0 28px;
    }

    #jcl-demo a.next {
        margin: 65px -40px 0 0;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        padding: 5px;
        margin-top: 0px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
    }

    .staff_list {
        width: 100%;
    }

    .staff_member {
        padding: 3px;
    }

    .staff_list .q_cont {
        margin-left: 0;
        padding-left: 0;
    }

    .staff_member_position p {
        text-align: center;
    }

    .staff_member_name {
        text-align: center;
    }

    /*end announ list*/
    /*treasury*/
    .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
    }

    .treasury_cat {
        width: 100%;
        padding: 5px;
        margin: 0 auto;
        max-width: 430px;
        display: table;
        float: none;
    }

    .treasury_cat img {
        width: 100%;
        height: 300px;
        max-width: 400px;
        margin: 0 auto;
        display: table;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
    }

    .treasure_cont {
        width: 100%;
        margin: 0;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .img_treasury img {
        width: 100%;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 300px;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .cont_gallery_gall img {
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
    }

    .other_gallery {
        width: 100%;
        margin: 0 auto;
        display: table;
        max-width: 480px;
    }

    .hor_item.gallist {
        margin: 0 auto;
        float: left;
        width: 240px;
    }

    .cont_gallery_gall {
        width: 53%;
        margin: 0 auto;
        display: table;
    }

    .cent_gall {
        display: table;
        width: 275px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .image_gallery_album {
        width: 220px;
        display: table;
        margin: 0 auto;
    }

    .gallist {
        padding-bottom: 20px;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 320px !important;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        top: 0px;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 105px;
        float: left;
        white-space: pre-line;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
    }

    .staff_image {
        width: 360px;
        height: 240px;
        /* padding: 5px; */
        display: table;
        float: none;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 100%;
        padding: 25px;
    }

    .bio {
        width: 100%;
        padding: 15px;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
    }

    .cont_map {
        width: 100%;
        padding: 5px;
    }

    .contacts {
        width: 100%;
    }

    .cont_btn {
        float: right;
        margin-top: 80px !important;
    }

    /*end contact*/
    /*faq*/
    .av_accord ul {
        width: 95%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 80%;
        float: left;
    }

    /*end faq*/
    /*docs*/
    .docs {
        width: 85%;
        margin: 0 auto;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_list {
        width: 440px;
        margin: 0 auto;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_list a {
        margin-right: 0;
    }

    .video_item iframe {
        width: 100%;
        height: auto;

    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 100%;
        margin: 0 auto;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 230px;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }

    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 75%;
        margin: 0 auto;
    }

    .full_content input[type="text"], .full_content select {
        width: 100%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
    }

    .full_content table {
        width: 100%;
        font-size: 15px;
        max-width: 450px;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 3px 5px;
    }

    .full_content thead tr td a, .full_content tbody tr td a {
        font-size: 12px;
    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .area_title, .department_title {
        font-size: 13px;
        top: 220px;
    }

    .cont_pers {
        font-size: 12px;
        width: 100%;
    }

    .cont_title {
        font-size: 12px;
        float: left;
        width: 100%;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 100%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
    }

    .cont_right {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
        font-size: 13px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_video {
        width: 100%;
        max-width: 450px;
        margin: 20px auto 0 auto;
    }

    .web_video img {
        width: 100%;
        height: auto;
    }

    .web_video iframe {
        width: 100%;
        height: 260px;
    }

    .web_text {
        width: 100%;
        margin-left: 0;
        white-space: pre-line;
    }

    .web_annou {
        width: 100%;
    }

    .web_comment_annou {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table;
        float: none;
    }

    .web_comment {
        margin-left: 10px;
    }

    .web_com_text {
        width: 95%;
        left: 0;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar .left, .chart_toolbar .right {
        width: 100% !important;
    }

    /*end global chart*/
    .gr .print {
        display: none;
    }

    .req_page .w_13 {
        width: 100%;
        margin: 0 auto;
        display: table;
        float: none;
        max-width: 450px;
    }

}

@media all and (min-width: 481px) and (max-width: 600px) {

    .owl-nav {
        display: none !important;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    .header_line {
        width: 100%;
        display: inline-block;
        float: left;
        height: 120px;
    }

    .name {
        width: 72%;
        font-size: 15px;
    }

    header .homepage_icon {
        position: absolute;
        right: 60px;
        top: 15px;
        width: 155px;
    }

    .homepage_icon img {
        margin-right: -5px;
        margin-left: 10px;
    }

    .top_expanding {
        position: absolute;
        right: -50px;
        width: 255px !important;
        margin-top: 0;
    }

    #search_expanding form {
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 180px !important;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0 !important;
        position: relative;
        font-size: 11px;
    }

    .vert_norm_aside {
        width: 100%;
        top: -10px !important;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    /*homepage banner*/
    .homepage_banners {
        width: 100%;
        margin: 0.5% auto;
        max-width: 600px;
        position: relative;
        top: 0;
    }

    .homepage_banners article {
        width: 32%;
        height: 100%;
        margin: 0.5%;
        max-width: 250px;
        min-height: 120px;
    }

    .article {
        width: 100%;
        min-width: 130px;
        max-height: 120px;
    }

    .rot_img {
        padding: 10px 0;
        width: 50%;
        height: 50%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
    }

    .homepage_banners article .text {
        height: auto;
        font-size: 10px;
        margin-top: 10px;
    }

    .article .back {
        width: 100%;
        height: 100%;
        padding: 3px
    }

    .back ul {
        margin-top: -10px;
        padding-left: 15px;
    }

    .image.back h4 {
        font-size: 10px;
        margin-top: 0px;
    }

    .article .back ul li {
        font-size: 10px;
    }

    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 345px;
        padding: 5px;
        float: none;
        position: relative;
        top: 0;
        display: table;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        float: left;
        position: relative;
        top: 10px;
    }

    .inf_block {
        padding: 0 10px;
    }

    .inf_block .bg {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .inf_block .inf_block_item {
        float: left;
        margin: 0 auto;
        width: 100%;
        max-width: 300px;
    }

    .inf_item {
        width: 265px;
        display: table;
        margin: 0 auto;
        position: relative;
    }

    .inf_block a {
        display: inline-table;
        margin: 2px;
        float: left;
        text-decoration: none;
        position: relative;
        color: #333;
    }


    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
        top: 0;
    }


    .dvs {
        float: left;
    }


    .btn.fl_l {
        margin-left: 5px;
    }

    /*content-news*/
    .cont_news_list .main_titles {
        font-size: 18px;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 360px;
        margin: 0 auto;
        display: table;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_cont {
        width: 100%;
        padding: 5px;
        float: left;
    }

    .page_ann_top {
        margin-top: 0;
    }

    .page_tx_cont {
        width: 75%;
        top: -40px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    #jcl-demo a.prev {
        margin-left: 0;
    }

    #jcl-demo .carousel {
        float: left;
        width: 304px !important;
        margin-left: 40px;
    }

    #jcl-demo {
        margin-left: 15px;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        padding: 5px;
        margin-top: 0px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
    }

    .staff_list {
        width: 100%;
    }

    .staff_member {
        padding: 3px;
    }

    /*end announ list*/
    /*treasury*/
    .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
    }

    .treasury_cat {
        width: 50%;
        padding: 5px;
        margin: 0 auto;
        display: table;
        float: left;
    }

    .treasury_cat img {
        width: 100%;
        height: 220px;
        max-width: 330px;
    }

    .treasury_img img {
        padding: 10px;
        width: 280px;
        height: 210px;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        margin: 0 auto;
    }

    .treasure_cont {
        width: 50%;
        margin: 0;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .treasury_img {
        width: 50%;
        float: left;
    }

    .img_treasure img {
        width: 100%;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 100%;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .other_gallery {
        width: 80%;
        margin: 0 auto;
        display: table;
    }

    .hor_item.gallist {
        margin: 0 auto;
        float: left;
        width: 240px;
    }

    .cont_gallery_gall {
        width: 84%;
        margin: 0 auto;
        display: table;
    }

    .cent_gall {
        display: table;
        width: 275px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .image_gallery_album {
        width: 450px;
        display: table;
        margin: 0 auto;
    }

    .gallist {
        padding-bottom: 20px;
        width: 50%;
        float: left;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 320px;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        top: 0px;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 105px !important;
        float: left;
        white-space: pre-line;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
    }

    .staff_image {
        width: 360px;
        height: 240px;
        display: table;
        float: none;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 100%;
        padding: 25px;
        max-width: 265px;
    }

    .bio {
        width: 100%;
        padding: 15px;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
    }

    .cont_map {
        width: 100%;
        padding: 5px;
    }

    .contacts {
        width: 100%;
    }

    .cont_btn {
        float: right;
        margin-top: 80px !important;
    }

    /*end contact*/
    /*faq*/
    .av_accord ul {
        width: 95%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 80%;
        float: left;
    }


    /*end faq*/
    /*docs*/
    .docs {
        width: 60%;
        margin: 0 auto;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_list {
        width: 450px;
        margin: 0 auto;
    }

    .video_list .hor_item {
        margin-left: 10px;
        margin-right: 0;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_list a {
        margin-right: 0;
    }

    .video_item iframe {
        width: 100%;

    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 100%;
        margin: 0 auto;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 230px;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }

    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 60%;
        margin: 0 auto
    }

    .full_content input[type="text"], .full_content select {
        width: 100%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
    }

    .full_content table {
        width: 95%;
        margin: 0 auto;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 3px 5px;
    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .area_title, .department_title {
        font-size: 13px;
        top: 430px;
    }

    .cont_pers {
        font-size: 13px;
        width: 50%;
    }

    .cont_title {
        font-size: 13px;
        float: right;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 100%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
    }

    .cont_right {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
        font-size: 13px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_video {
        width: 100%;
    }

    .web_video iframe {
        width: 100%;
        max-width: 560px;
        max-height: 315px;
        margin: 0 auto;
        display: table;
    }

    .web_text {
        width: 100%;
        margin-left: 0;
        white-space: pre-line;
    }

    .web_annou {
        width: 100%;
    }

    .web_comment_annou {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table;
        float: none;
    }

    .web_comment {
        margin-left: 10px;
    }

    .web_com_text {
        width: 95%;
        left: 0;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar .left, .chart_toolbar .right {
        width: 100% !important;
    }

    /*end global chart*/
    .req_page .w_13 {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        display: table;
        float: none;
    }

}

@media all and (min-width: 601px) and (max-width: 800px) {

    .owl-nav {
        display: none !important;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    .header_line {
        width: 100%;
        display: inline-block;
        float: left;
        height: 120px;
    }

    .name {
        float: left;
        width: 75%;
        margin: 0 auto;
        display: table;
        position: relative;
    }

    header .homepage_icon {
        position: absolute;
        right: 55px;
        top: 15px;
    }

    .homepage_icon img {
        margin-right: -5px;
        margin-left: 10px;
    }

    .top_expanding {
        position: absolute;
        right: -30px;
        width: 300px !important;
        margin-top: 0;
    }

    #search_expanding form {
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 200px !important;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0px !important;
        position: relative;
        font-size: 12px;
    }

    .vert_norm_aside {
        width: 100%;
        top: 0 !important;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    /*homepage banner*/
    .homepage_banners {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: 15px;
        display: table;
        float: none;
    }

    .homepage_banners article {
        width: 32%;
        height: 100%;
        max-width: 260px;
        min-height: 150px;
    }

    .article {
        width: 100%;
        height: 100%;
        max-width: 258px;
        min-height: 148px;
    }

    .rot_img {
        padding: 10px 0;
        width: 50%;
        height: 50%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
        margin-top: -15px;
    }

    .homepage_banners article .text {
        height: auto;
        font-size: 10px;
        margin-top: 20px;
    }

    .article .back {
        width: 100%;
        height: 100%;
        padding: 3px
    }

    .back ul {
        margin-top: -10px;
        padding-left: 10px;
    }

    .image.back h4 {
        font-size: 10px;
        margin-top: 0px;
    }

    .article .back ul li {
        font-size: 10px;
    }

    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 345px;
        padding: 5px;
        float: none;
        position: relative;
        top: 20px;
        display: table;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        float: left;
        position: relative;
        top: 20px;
    }

    .inf_block {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .inf_block .bg {
        width: 100%;
        max-width: 310px;
    }

    .inf_block .inf_block_item {
        float: left;
        margin: 0 auto;
        width: 33%;
        max-width: 390px;
    }

    .inf_item {
        width: 245px;
        display: table;
        margin: 0 auto;
        position: relative;
    }

    .inf_block a {
        display: inline-table;
        margin: 2px;
        float: left;
        text-decoration: none;
        position: relative;
        color: #333;
    }

    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
        top: 0;
    }

    .dvs {
        float: right;
    }


    .btn.fl_l {
        margin-left: 5px;
    }

    /*content-news*/
    .cont_news_list .main_titles {
        font-size: 18px;
    }

    .content_news {
        float: left;
        width: 100%;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 50%;
        margin: 0 auto;
        display: table;
        float: left;
        max-width: 360px;
    }

    .tx_cont {
        min-height: 240px;
        width: 270px;
        top: 175px;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_cont {
        width: 100%;
        float: left;
        margin-top: 5px;
    }

    .page_ann_top {
        margin-top: 0;
    }

    .page_tx_cont {
        width: 75%;
        top: -40px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    #jcl-demo a.prev {
        margin-left: 25px;
    }

    #jcl-demo .carousel {
        float: left;
        width: 460px !important;
        margin-left: 75px;
    }

    #jcl-demo {
        margin-left: -10px;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        padding: 5px;
        margin-top: 0px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
    }

    .staff_list {
        width: 100%;
    }

    .staff_member {
        padding: 3px;
    }

    /*end announ list*/
    /*treasury*/
    .treasury_category {
        margin: 0 auto;
        display: table;
        float: none;
        width: 100%;
        max-width: 660px;
    }

    .main_titles {
        font-size: 16px;
        padding: 5px;
        white-space: pre-line;
    }

    .treasury_cat {
        width: 50%;
        padding: 5px;
        margin: 0 auto;
        display: table;
        float: left;
    }

    .treasury_cat img {
        width: 100%;
        height: 240px;
        max-width: 320px;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        margin: 0 auto;
    }

    .treas_cont {
        min-height: 650px;
    }

    .treasure_cont {
        width: 45%;
        margin: 0;
        max-width: 360px;
        margin-left: 25px;
    }

    .tx_treasure {
        width: 100%;
        max-width: 360px;
        float: left;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .treasury_img {
        width: 50%;
        float: left;
    }

    .treasury_img img {
        width: 300px;
        margin: 0 auto;
        display: table;
    }

    .img_treasure img {
        width: 100%;
        max-width: 360px;
        height: auto;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 100%;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .other_gallery {
        width: 90%;
        margin: 0 auto;
        display: table;
    }

    .hor_item.gallist {
        margin: 0 auto;
        float: left;
        width: 240px;
        margin-bottom: 25px;
    }

    .cont_gallery_gall {
        width: 94%;
        margin: 0 auto;
        display: table;
    }

    .cent_gall {
        display: table;
        width: 50%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .image_gallery_album {
        width: 90%;
        display: table;
        margin: 0 auto;
    }

    .gallist {
        padding-bottom: 20px;
        width: 33%;
        float: left;
        min-height: 265px;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 320px;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        top: 0px;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 105px !important;
        float: left;
        white-space: pre-line;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
    }

    .staff_image {
        width: 360px;
        float: left;
        margin-left: 10px;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 50%;
        padding: 5px;
        float: left;
        margin-left: 15px;
    }

    .bio {
        width: 100%;
        padding: 15px;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
    }

    .cont_map {
        width: 50%;
        padding: 5px;
    }

    .contacts {
        width: 50%;
    }

    .cont_btn {
        float: right;
        margin-top: 80px !important;
    }

    /*end contact*/
    /*faq*/
    .av_accord ul {
        width: 95%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 80%;
        float: left;
    }


    /*end faq*/
    /*docs*/
    .docs {
        width: 80%;
        margin: 0 auto;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_list {
        width: 100%;
        margin: 0 auto;
    }

    .video_item {
        width: 100%;
        margin: 0 auto;
        max-width: 650px;
        float: none;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_list a {
        margin-right: 0;
    }

    .video_item iframe {
        width: 100%;
    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 68%;
        margin: 0 auto;
    }

    .video_list .hor_item {
        margin-right: 0;
        margin-left: 10px;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 230px;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }

    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 48%;
        margin: 0 auto;
    }

    .full_content input[type="text"], .full_content select {
        width: 48%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
    }

    .full_content table {
        width: 95%;
        margin: 0 auto;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 3px 5px;

    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .area_title, .department_title {
        font-size: 13px;
        top: 220px;
    }

    .cont_pers {
        font-size: 15px;
        width: 50%;
    }

    .cont_title {
        font-size: 15px;
        float: right;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 50%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
        float: left;
    }

    .cont_right {
        float: left;
        text-align: left;
        margin-top: 5px;
        font-size: 13px;
        margin-left: 40px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_video {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        float: none;
    }

    .web_single_title {
        margin: 0 auto;
        display: table;
        float: none;
        width: 100%;
        max-width: 560px;
    }

    .web_video iframe {
        width: 100%;
        max-width: 560px;
        max-height: 315px;
        margin: 0 auto;
        display: table;
    }

    .web_text {
        width: 100%;
        margin-left: 0;
        white-space: pre-line;
    }

    .web_annou {
        width: 100%;
    }

    .web_comment_annou {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table;
        float: none;
    }

    .web_comment {
        margin-left: 10px;
    }

    .web_com_text {
        width: 95%;
        left: 0;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar .left, .chart_toolbar .right {
        width: 100% !important;
    }

    /*end global chart*/


}


@media all and (min-width: 801px) and (max-width: 1124px) {

    .owl-nav {
        display: none !important;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    .header_line {
        width: 100%;
        display: inline-block;
        float: left;
        height: 120px;
    }

    header .homepage_icon {
        position: absolute;
        right: 55px;
        top: 15px;
    }

    .homepage_icon img {
        margin-right: -5px;
        margin-left: 10px;
    }

    .top_expanding {
        position: absolute;
        right: -30px;
        width: 300px !important;
        margin-top: 0;
    }

    #search_expanding form {
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 200px !important;
    }

    .name {
        width: 80%;
        float: left;
        font-size: 16px;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0px !important;
        position: relative;
        max-width: 1124px;
    }

    .vert_norm_aside {
        width: 100%;
        top: 0 !important;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    /*homepage banner*/
    .homepage_banners {
        margin: 0 auto;
        position: relative;
        top: 0;
        float: none;
        min-width: 800px;
        max-width: 80%;
        padding: 5px;
    }

    .homepage_banners article {
        width: 32.57%;
        max-width: 345px;
        max-height: 200px;
        height: 150px;
    }

    .article {
        height: 100%;
        width: 100%;
        max-width: 343px;
        max-height: 198px;
    }

    .rot_img {
        padding: 10px 0;
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
    }

    .homepage_banners article .text {
        height: auto;
        font-size: 12px;
        margin-top: 0;
    }

    .article .back {
        width: 100%;
        height: 100%;
        padding: 3px
    }

    .back ul {
        margin-top: -10px;
        padding-left: 10px;
    }

    .image.back h4 {
        font-size: 15px;
        margin-top: 0px;
    }

    .article .back ul li {
        font-size: 10px;
    }

    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 645px;
        padding: 5px;
        float: none;
        position: relative;
        top: 0;
        display: table;
        margin: 0 auto;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        float: left;
        position: relative;
        top: 6px;
    }

    .inf_block {
        display: inline-block;
        width: 100%;
        padding: 5px;
    }

    .inf_block .bg {
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
    }

    .inf_block .inf_block_item {
        float: left;
        margin: 0 auto;
        width: 50%;
        max-width: 300px;
        margin-left: 10px;
    }

    .inf_item {
        width: 100%;
        max-width: 300px;
        display: table;
        margin: 0 auto;
        position: relative;
    }

    .inf_block a {
        display: inline-table;
        margin: 2px;
        float: left;
        text-decoration: none;
        position: relative;
        color: #333;
    }


    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
    }

    .btn.fl_l {
        margin-left: 5px;
    }

    .dvs {
        float: right;
    }


    /*content-news*/
    .cont_news_list .main_titles {
        font-size: 18px;
    }

    .content_news {
        float: left;
        width: 100%;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 33%;
        margin: 0 auto;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_content {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .page_cont {
        width: 100%;
        float: left;
    }

    .page_ann_top {
        margin-top: 0;
    }

    .page_tx_cont {
        width: 75%;
        top: -40px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    #jcl-demo a.prev {
        margin-left: 0;
    }

    #jcl-demo .carousel {
        float: left;
        width: 610px !important;
        margin-left: 30px;
    }

    #jcl-demo a.next {
        margin: 65px -50px 0 -5px;
        text-indent: 10px;
    }

    #jcl-demo {
        margin-left: -10px;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        padding: 10px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
        float: left;
    }

    .staff_list {
        max-width: 80%
    }

    .staff_list .main_titles {
        width: 80%;
    }

    .staff_member {
        padding: 3px;
    }

    /*end announ list*/
    /*treasury*/
    .treasury_category {
        margin: 0 auto;
        display: table;
        float: none;
        width: 100%;
        max-width: 820px;
    }

    .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
    }

    .treasury_cat {
        width: 50%;
        padding: 5px;
        margin: 0 auto;
        max-width: 410px;
        display: table;
        float: left;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .treas_cont {
        min-height: 650px;
        max-width: 890px;
        margin: 0 auto;
    }

    .treasure_cont {
        width: 50%;
        margin: 0;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .treasury_img {
        width: 25%;
        float: left;
    }

    .treasury_img img {
        width: 100%;
        margin: 0 auto;
        display: table;
        height: 100%;
        max-width: 300px;
        max-height: 225px;
    }

    .img_treasure img {
        width: 100%;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 100%;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .other_gallery {
        width: 90%;
        margin: 0 auto;
        display: table;
    }

    .hor_item.gallist {
        margin: 0 auto;
        float: left;
        width: 240px;
    }

    .cont_gallery_gall {
        width: 100%;
        margin: 0 auto;
        display: table;
        max-width: 1000px;
    }

    .cent_gall {
        display: table;
        width: 50%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .image_gallery_album {
        width: 100%;
        display: table;
        margin: 0 auto;
        max-width: 1000px;
    }

    .gallist {
        padding-bottom: 20px;
        width: 33%;
        float: left;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 320px !important;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        top: 0px;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 105px !important;
        float: left;
        white-space: pre-line;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        max-width: 890px;
    }

    .staff_image {
        width: 360px;
        float: left;
        margin-left: 10px;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 50%;
        padding: 5px;
        float: left;
        margin-left: 10px;
    }

    .bio {
        width: 100%;
        padding: 15px;
        margin: 0 auto;
        max-width: 890px;
        display: table;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
    }

    .cont_map {
        width: 50%;
        padding: 5px;
    }

    .contacts {
        width: 50%;
    }

    .cont_btn {
        float: right;
        margin-top: 80px !important;
    }

    /*end contact*/
    /*faq*/
    .av_accord {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        display: table;
    }

    .av_accord ul {
        width: 100%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 80%;
        float: left;
    }


    /*end faq*/
    /*docs*/
    .docs {
        width: 100%;
        margin: 0 auto;
        max-width: 890px;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_list {
        width: 100%;
        margin: 0 auto;
    }

    .video_item {
        width: 650px;
        margin: 0 auto;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_list a {
        margin-right: 0;
    }

    .video_item iframe {
        width: 100%;
        /* height: auto; */
    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 100%;
        margin: 0 auto;
        max-width: 890px;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 230px;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }


    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 30%;
        margin: 0 auto;
        font-size: 16px;
    }

    .full_content input[type="text"], .full_content select {
        width: 33%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
    }

    .full_content table {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 3px 5px;

    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: auto;
    }

    .area_cont, .department_cont {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .area_title, .department_title {
        font-size: 13px;
        top: 430px;
    }

    .cont_pers {
        font-size: 15px;
        width: 50%;
    }

    .cont_title {
        font-size: 15px;
        float: right;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 50%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
        float: left;
    }

    .cont_right {
        float: left;
        text-align: left;
        margin-top: 5px;
        font-size: 13px;
        margin-left: 40px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_single_annou {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        display: table;
        float: none;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    /*end global chart*/

}

@media all and (min-width: 1125px) and (max-width: 1279px) {

    .owl-nav {
        display: none !important;
    }

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    .header_line {
        width: 100%;
        display: inline-block;
        float: left;
        height: 120px;
    }


    header .homepage_icon {
        position: absolute;
        right: 55px;
        top: 15px;
    }

    .homepage_icon img {
        margin-right: -5px;
        margin-left: 10px;
    }

    .top_expanding {
        position: absolute;
        right: -25px;
        width: 300px !important;
        margin-top: 0;
    }

    #search_expanding form {
        right: 0;
        top: -4px;
        position: relative;
    }

    .clearable {
        width: 200px !important;
    }

    .name {
        width: 80%;
        float: left;
        font-size: 17px;
        margin-top: 0;
        margin-left: 0;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0px !important;
        position: relative;
        max-width: 1279px;
    }

    .vert_norm_aside {
        width: 100%;
        top: 0 !important;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    /*homepage banner*/
    .homepage_banners {
        margin: 0 auto;
        position: relative;
        top: 6px;
        display: table;
        float: none;
        min-width: 1068px;
        max-width: 100%;
    }


    .homepage_banners article {
        width: 32.57%;
        max-width: 350px;
        min-height: 200px;
    }

    .article {
        height: 100%;
        width: 100%;
    }

    .rot_img {
        padding: 10px 0;
        margin: 0 auto;
        margin-top: 20px;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
    }

    .homepage_banners article .text {
        height: auto;
        font-size: 14px;
        margin-top: 10px;
    }

    .article .back {
        width: 100%;
        height: 100%;
        padding: 3px
    }

    .back ul {
        margin-top: -10px;
        padding-left: 15px;
    }

    .image.back h4 {
        font-size: 14px;
        margin-top: 0px;
    }

    .article .back ul li {
        font-size: 12px;
    }


    /*end homepage banner*/
    /*chart*/
    .chart_content {
        width: 1065px;
        padding: 5px;
        float: none;
        position: relative;
        top: 6px;
        display: table;
    }

    .highcharts-credits {
        color: #fff !important;
    }

    .chart_cont {
        height: 200px;
        width: 100%;
    }

    /*end chart*/
    /*info block*/
    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        float: left;
        position: relative;
        top: 6px;
    }

    .inf_block .bg {
        display: inline-block;
        width: 100%;
    }

    .inf_block .inf_block_item {
        margin-left: 9px;
        width: 24%;
        max-width: 315px;
    }

    .inf_block {
        display: inline-block;
        width: 100%;
        padding: 5px;
    }

    .inf_block a img {
        width: 100%;
        max-width: 300px;
    }

    .inf_block a .title, .inf_block a .text {
        width: 100%;
        max-width: 300px;
    }

    /*end info block*/
    footer {
        font-size: 12px;
        position: relative;
        top: 6px;
        /* float: none; */
    }

    .btn.fl_l {
        margin-left: 5px;
    }

    .dvs {
        float: right;
    }


    /*content-news*/
    .cont_news_list .main_titles {
        font-size: 18px;
    }

    .content_news {
        float: left;
        width: 100%;
    }

    .cont_news_list {
        width: 100%;
    }

    .img_tx_cont {
        width: 33%;
        margin: 0 auto;
    }

    /*end content-news*/
    /*one page content-newa*/
    .page_content {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .page_cont {
        width: 100%;
        float: left;
    }

    .page_ann_top {
        margin-top: 0;
    }

    .page_tx_cont {
        width: 75%;
        top: -40px;
    }

    .page_tx_cont .ann_title {
        font-size: 16px;
    }

    #jcl-demo a.prev {
        margin-left: 0;
    }

    #jcl-demo .carousel {
        float: left;
        width: 610px !important;
        margin-left: 30px;
    }

    #jcl-demo a.next {
        margin: 65px -50px 0 -5px;
        text-indent: 10px;
    }

    #jcl-demo {
        margin-left: -10px;
    }

    /*end one page content-newa*/
    /*announ list*/
    .singe_cont {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        padding: 10px;
    }

    .event_date {
        width: 100%;
        text-align: left;
        padding: 5px;
    }

    .single_title {
        font-size: 12px;
        float: left;
    }

    .staff_list {
        max-width: 80%
    }

    .staff_list .main_titles {
        width: 80%;
    }

    .staff_member {
        padding: 3px;
    }

    /*end announ list*/
    /*treasury*/
    .treasury_category {
        margin: 0 auto;
        display: table;
        float: none;
        width: 100%;
        max-width: 820px;
    }

    .main_titles {
        font-size: 16px;
        padding: 5px;
        white-space: pre-line;
    }

    .treasury_cat {
        width: 50%;
        padding: 5px;
        margin: 0 auto;
        max-width: 410px;
        display: table;
        float: left;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .treas_cont {
        min-height: 650px;
        max-width: 890px;
        margin: 0 auto;
    }

    .treasure_cont {
        width: 50%;
        margin: 0;
    }

    .treasure_block {
        width: 100%;
        padding: 5px;
    }

    .treasury_img {
        width: 25%;
        float: left;
    }

    .treasury_img img {
        width: 100%;
        margin: 0 auto;
        display: table;
        height: 100%;
        max-width: 300px;
        max-height: 225px;
    }

    .img_treasure img {
        width: 100%;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 100%;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    /*image gallery*/
    .other_gallery {
        width: 90%;
        margin: 0 auto;
        display: table;
    }

    .hor_item.gallist {
        margin: 0 auto;
        float: left;
        width: 240px;
    }

    .cont_gallery_gall {
        width: 100%;
        margin: 0 auto;
        display: table;
        max-width: 1000px;
    }

    .cent_gall {
        display: table;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        max-width: 890px;
    }

    .image_gallery_album {
        width: 100%;
        display: table;
        margin: 0 auto;
        max-width: 1000px;
    }

    .gallist {
        padding-bottom: 20px;
        width: 33%;
        float: left;
    }

    /*end image gallery*/
    /*aside*/
    aside {
        width: 320px !important;
        padding: 5px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
        top: 0px;
    }

    .wgt_title {
        text-align: center;
    }

    .vert_news_cont {
        width: 100% !important;
        padding: 5px;
    }

    .vert_news .ln_title {
        width: 105px !important;
        float: left;
        white-space: pre-line;
    }

    .event.announ header {
        height: 50px;
        text-align: center;
    }

    .event.announ article {
        padding-bottom: 10px;
    }

    .single {
        width: 100%;
        padding: 5px;
    }

    /*end aside*/
    /*staff page one*/
    .single_staff {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        max-width: 890px;
    }

    .staff_image {
        width: 360px;
        float: left;
        margin-left: 10px;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 50%;
        padding: 5px;
        float: left;
        margin-left: 10px;
    }

    .bio {
        width: 100%;
        padding: 15px;
        margin: 0 auto;
        max-width: 890px;
        display: table;
    }

    /*end staff page one*/
    /*contact*/
    .content_map {
        width: 100%;
        display: table;
    }

    .cont_map {
        width: 50%;
        padding: 5px;
    }

    .contacts {
        width: 50%;
    }

    .cont_btn {
        float: right;
        margin-top: 80px !important;
    }

    /*end contact*/
    /*faq*/
    .av_accord {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        display: table;
    }

    .av_accord ul {
        width: 100%;
        padding: 5px;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head h3, .av_accord .gr input[type=checkbox] + .q_head h3 {
        font-size: 13px;
        width: 80%;
        float: left;
    }

    /*end faq*/
    /*docs*/
    .docs {
        width: 100%;
        margin: 0 auto;
        max-width: 890px;
    }

    /*end docs*/
    /*video*/
    .cont_video_list {
        width: 100%;
    }

    .video_list {
        width: 100%;
        margin: 0 auto;
    }

    .video_item {
        width: 650px;
        margin: 0 auto;
    }

    .video_item > div {
        width: 100%;
        padding: 5px;
    }

    .video_list a {
        margin-right: 0;
    }

    .video_item iframe {
        width: 100%;
    }

    .ann_top.fl_l {
        width: 100%;
    }

    .other_videos {
        width: 100%;
        margin: 0 auto;
        max-width: 890px;
    }

    /*endvideo*/
    /*archive*/
    .page_tx_cont .main_titles {
        font-size: 15px;
        padding: 5px;
        white-space: pre-line;
        text-align: center;
        width: 230px;
    }

    .singe_title {
        font-size: 12px;
    }

    .page_tx_cont input[type="text"], .page_tx_cont select {
        margin: 3px;
    }

    /*end archive*/
    /*chbook*/
    .full_content .main_titles {
        width: 50%;
        margin: 0 auto;
        font-size: 17px;
    }

    .full_content input[type="text"], .full_content select {
        width: 33%;
        padding: 5px;
    }

    .full_content form {
        padding: 5px;
    }

    .full_content p {
        font-size: 12px;
    }

    .full_content table {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border-bottom: 0;
        padding: 3px 5px;

    }

    /*end chbook*/
    /*area*/
    .banner_menu_image img {
        width: 100%;
        padding: 5px;
        height: 460px;
    }

    .area_cont, .department_cont {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    .area_title, .department_title {
        font-size: 13px;
        top: 430px;
    }

    .cont_pers {
        font-size: 15px;
        width: 50%;
    }

    .cont_title {
        font-size: 15px;
        float: right;
    }

    /*end area*/
    /*request page*/
    .cont_left {
        width: 50%;
        margin: 0;
        padding: 5px;
        font-size: 13px;
        float: left;
    }

    .cont_right {
        float: left;
        text-align: left;
        margin-top: 5px;
        font-size: 13px;
        margin-left: 40px;
    }

    .signature {
        width: 50%;
    }

    /*end request page*/
    /*webinar*/
    .web_single_annou {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
        float: none;
        display: table;
    }

    /*end webinar*/
    /*global chart*/
    .chart_toolbar {
        width: 100%;
        max-width: 890px;
        margin: 0 auto;
    }

    /*end global chart*/

}


@media all and (min-width: 1280px) and (max-width: 1920px) {


    nav > ul {
        margin-left: 0 !important;
    }

}

@media all and (min-width: 1280px) and (max-width: 1380px) {

    .header_line {
        margin-bottom: 15px;
    }

    .owl-carousel .owl-nav .disabled {
        display: block !important;
    }

    .owl-prev {
        top: 50%;
    }

    .owl-next {
        top: 50%;
    }

    .cb {
        right: 0;
        width: 100%;
        text-align: center;
    }

    .vert_norm_aside {
        left: 6%;
    }

    .banner_menu {
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
    }
}


@media all and (min-width: 1381px) and (max-width: 1500px) {

    .owl-prev {
        top: 50%;
    }

    .owl-next {
        top: 50%;
    }

    .vert_norm_aside {
        left: 9%;
    }

    .banner_menu {
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
    }


}

@media all and (min-width: 1501px) and (max-width: 1650px) {

    .hl_resp {
        right: 9%;
    }

    .banner_menu {
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
    }


    .vert_norm_aside {
        left: 12%;
    }
}

@media all and (min-width: 1651px) and (max-width: 1800px) {

    .hl_resp {
        right: 13%;
    }

    .vert_norm_aside {
        left: 16%;
    }
}

@media all and (min-width: 1801px) and (max-width: 1920px) {

    .hl_resp {
        right: 15%;
    }

    .vert_norm_aside {
        left: 19%;
    }

    .banner_menu_image img {
        width: 100%;
        height: auto;
    }

    .langs {
        right: 290px;
    }

    header .homepage_icon {
        right: 280px;
    }

    .header_cont {
        right: 240px;
    }
}

@media all and (min-width: 1921px) and (max-width: 2560px) {

    header {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
    }

    nav ul li ul a {
        max-width: 300px;
    }

    nav > ul > li {
        width: 300px;
    }

    nav > ul > li > ul {
        width: 380px;
    }

    nav > ul > li:nth-child(1) ul {
        margin-left: 35px;
    }

    nav > ul > li:nth-child(2) ul {
        margin-left: 30px;
    }

    nav > ul > li:nth-child(3) ul {
        margin-left: 55px;
    }

    nav > ul > li:nth-child(4) ul {
        margin-left: 5px;
    }

    nav > ul > li:nth-child(5) ul {
        margin-left: 40px;
    }

    nav > ul > li:nth-child(5) ul > li {
        white-space: pre-line;
        width: 250px;
        margin-left: 35px;
    }

    #nav > ul > li:nth-child(6) ul {
        width: 130px;
        left: 85px;
    }

    .hl_resp {
        right: 6%;
    }

    .vert_norm_aside {
        left: 27%;
    }


    .center {
        margin: 0 auto;
        width: 1920px;
    }

    .footer_contact .cols > ul > li {
        width: 405px;
    }

    .footer_contact .cols > ul > li:nth-child(7) {
    / / left: - 1420 px;
        left: -610px;
    }

    .footer_contact .cols > ul > li:nth-child(8) {
        top: -75px;
    }

    .banner_menu {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
    }

    .banner_menu_image {
        width: 100%;
    }

    .banner_menu_image img {
        width: 100%;
        height: auto;
    }

    .av_accord .gr input[type=checkbox]:checked + .q_head .quest {
        margin-top: 0;
    }

}

/* iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

    .center {
        width: 100%;
    }

    .content {
        width: 100%;
        padding: 5px;
    }

    .header_line {
        height: 100px;
    }

    .logo img {
        width: 20%;
        max-width: 134px;
    }

    .hot_line {
        width: 38px;
        height: 38px;
        float: right;
        top: 1px !important;
        right: 10px;
    }


    .hot_line span {
        margin-left: 13px;
        margin-top: -21px;
        height: 20px;
        font-size: 9px;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0px !important;
        position: relative;
    }

    .vert_norm_aside {
        width: 100%;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    .homepage_banners {
        width: 345px;
        margin: 0 auto;
        float: none;
        position: relative;
        display: table;
    }

    .rot_img {
        padding: 10px 0;
        text-align: center;
        width: 120px;
        height: 120px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .homepage_banners article .text {
        font-size: 15px;
        bottom: 10px;
    }

    #container1, #container2, #container3 {
        margin: 3px 10px;
    }

    .inf_block, .inf_block .bg {
        width: 100%;
    }

    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
        float: none;
    }

    .inf_block .inf_block_item {
        float: none;
        margin: 0 auto;
    }

    footer {
        font-size: 12px;
        position: relative;
        float: left;
    }

    .foot_cont {
        float: left;
    }

    .copyright {
        height: auto;
    }

    /*staff one page*/
    nav.sub_menu {
        position: relative;
        float: right;
    }

    .single_staff {
        width: 100%;
        padding: 0;
    }

    .single_staff img {
        width: 100%;
    }

    .staff_short {
        width: 100%;
        padding: 25px;
    }

    .staff_image {
        width: 360px;
        height: 240px;
        /* padding: 5px; */
        margin: 0 auto;
        display: table;
        float: none;
    }

    .bio {
        width: 100%;
        padding: 15px;
    }

    /*end staff one page*/
    /*staff list*/
    .staff_list {
        width: 100%;
    }

    .staff_list .main_titles {
        margin: 0 50px 10px;
    }


    .staff_member img {
        float: none;
        height: 120px;
        max-width: 180px;
        margin: 0 auto;
        width: 100%;
        display: table;
    }

    .staff_member_name, .staff_member_position {
        font-size: 13px;
        float: none;
        display: table;
        margin: 0 auto;
    }


    .staff_member {
        padding: 3px;
    }

    .staff_member_name {
        text-transform: uppercase;
        color: #13354c;
        font-size: 14px;
        margin-bottom: 10px;
        padding: 5px;
    }

    #breadcrumb li {
        margin-top: 2px;
        width: 100%;
        max-width: 20em;
    }

    /*end staff list*/
    .vert_news .ln_title {
        width: 105px;
        float: left;
        white-space: pre-line;
    }

    /*treasury*/
    .treasury_cat {
        width: 100%;
        padding: 5px;
        margin: 0 auto;
        max-width: 350px;
        display: table;
        float: none;
    }

    .treasury_cat img {
        width: 100%;
        height: 255px;
        margin: 0 auto;
        display: table;
    }

    .treasure_cont {
        width: 100%;
        margin: 0 auto;
        max-width: 340px;
        display: table;
        float: none;
    }

    .img_treasure img {
        width: 100%;
        height: 255px;
        box-sizing: border-box;
    }

    .page_cont {
        width: 100%;
        padding: 5px;
        float: left;
    }

    /*end treasury*/
    /*chbook*/
    .full_content table {
        width: 100%;
        white-space: pre-line;
        max-width: 350px !important;
        font-size: 10px;
    }

    .full_content thead tr td, .full_content tbody tr td {
        border: 0;
        margin: 0 auto;
        width: 25%;
        padding-left: 0;
    }

    /*end chbook*/
    /*gallery*/
    #breadcrumb ul {
        list-style: none;
        display: inline-block;
        margin-left: -15px;
    }

    .cont_gallery_gall {
        width: 95%;
        margin: 0 auto;
        display: table;
    }

    .cent_gall {
        display: table;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        max-width: 285px;
    }

    .other_gallery {
        width: 100%;
        max-width: 240px;
    }

    /*end gallery*/
    /*area*/
    .area_title, .department_title {
        font-size: 13px;
        top: 160px;
    }

    /*end area*/
    /*video*/
    .video_item .ann_top .img_button {
        position: relative;
        float: right;
        margin-top: -20px;
        margin-right: 5px;
    }

    .video_list {
        width: 100%;
        margin: 0 auto;
        max-width: 355px;
    }

    .other_videos {
        width: 220px;
        margin: 0 auto;
    }

    /*end video*/

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    .center {
        width: 100%;
    }

    .header_line {
        height: 140px;
    }

    .logo img {
        width: 20%;
        max-width: 134px;
    }

    .hot_line {
        width: 38px;
        height: 38px;
        float: right;
        top: 1px !important;
        right: 10px;
    }

    .hot_line span {
        margin-left: 13px;
        margin-top: -22px;
        height: 22px;
        font-size: 9px;
    }

    .cb {
        width: 100%;
        left: 0;
        top: 0 !important;
        position: relative;
    }

    .vert_norm_aside {
        width: 100%;
        margin: 0 auto;
        max-width: 320px;
        position: relative !important;
    }

    .homepage_banners article {
        width: 32%;
        height: 100%;
        max-width: 260px;
        min-height: 150px;
    }

    .article {
        width: 100%;
        height: 100%;
        max-width: 258px;
        min-height: 148px;
    }

    .rot_img {
        padding: 10px 0;
        width: 50%;
        height: 50%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .rot_img img {
        height: 100%;
        min-height: 50px;
        margin-top: -15px;
    }

    .homepage_banners article .text {
        margin-top: 20px;
    }

    .article .back {
        width: 100%;
        height: 100%;
        padding: 3px
    }

    .back ul {
        margin-top: -10px;
        padding-left: 15px;
    }

    .image.back h4 {
        font-size: 10px;
        margin-top: 0px;
    }

    .article .back ul li {
        font-size: 10px;
    }

    /*end homepage banner*/
    .inf_block, .inf_block .bg {
        width: 100%;
        margin: 0 auto;
        display: table;
        float: none;

    }

    .fsbb {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
        float: left;
        top: 90px;
    }

    .inf_block .inf_block_item {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .foot_cont {
        float: right;
    }

    .copyright {
        height: auto;
    }

    /*staff one page*/
    .staff_short {
        width: 40%;
        padding: 5px;
        float: left;
        margin-left: 15px;
    }

    /*end staff one page*/
    /*treasury*/
    .treasury_cat {
        width: 50%;
        padding: 4px;
        margin: 0 auto;
        max-width: 330px;
        display: table;
        float: left;
    }

    .treasury_cat img {
        width: 100%;
        height: 240px;
        max-width: 320px;
    }

    .submenu {
        width: 97%;
        padding: 0 5px;
    }

    .treasury_list {
        width: 100%;
        margin: 0 auto;
    }

    .treas_cont {
        min-height: 650px;
    }

    .treasure_block {
        width: 100%;
        padding: 4px;
    }

    .treasury_img {
        width: 50%;
        float: left;
    }

    .treasury_img img {
        margin: 0 auto;
        display: table;
        width: 100%;
        max-width: 300px;
        height: 225px;
    }

    .treas_content {
        width: 95%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .treasury_cont {
        display: table;
        margin: 0 auto;
    }

    .treasury_cont_album {
        width: 100%;
        margin: 0 auto;
        display: table;
    }


    /*end treasury*/
    .vert_news .ln_title {
        min-width: 105px;
        float: left;
        white-space: pre-line;
    }

    /*contact*/
    .cont_map {
        width: 100%;
        padding: 5px;
    }

    .contacts {
        width: 100%;
    }

    .cont_btn {
        float: right;
        margin-top: 30px !important;
    }

    /*end contact*/
    /*chbook*/
    .full_content input[type="text"], .full_content select {
        width: 40%;
        padding: 5px;
    }

    /*end chbook*/
    /*content*/
    #jcl-demo {
        margin-left: 15px;
    }

    #jcl-demo .carousel {
        float: left;
    }


    /*end content*/
    /*cont page*/
    .cont_block {
        width: 320px;
        height: auto;
    }

    .img_cont img {
        width: 315px;
        height: 210px;
        padding: 10px;
        box-sizing: border-box;
    }

    .tx_cont .list_title {
        width: 250px;
        padding: 5px;
    }

    .pagination {
        float: left;
    }

    /*end cont page*/
    /*video*/
    .cont_pers.fl_l {
        margin-left: 25px;
    }

    .cont_title {
        float: left;
        margin-left: 50px;
    }

    .web_video img {
        width: 100%;
        max-width: 560px;
        height: auto;
    }

}

@media print {
    body > header, aside, .hor_vids, .icons, footer, .hor_news, .slider_outer, .secondary_menu, .bot_blocks, .img_button, .fsbb, .page_cont, .cont_gallery, #breadcrumb, iframe {
        display: none
    }

    .content {
        display: block;
        margin: 0 auto;
    }

    .subheader_img {
        position: relative;
        margin: 0 auto
    }

    .subheader_img .slide-caption {
        position: absolute;
        z-index: 3
    }

    .subheader_img img {
        position: absolute;
        left: 50px
    }
}

/*karucvacq*/

.a_horis {
    border-top: 2px solid #888888;
    position: absolute;
    padding: 0 !important;
    z-index: -1 !important;
}

.a_vertic {
    border-left: 2px solid #888888;
    position: absolute;
    padding: 0 !important;
    z-index: -1 !important;
    width: 0 !important;

}

.str_name {
    color: #fff;
    text-decoration: none;
}

.first_lvl_str {
    background: #1B4572;
    width: 170px;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    position: absolute;
}

.first_lvl_str:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.sec_lvl_str {
    background: #1B538F;
    width: 170px;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    position: absolute;
}

.sec_lvl_str:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.three_lvl_str {
    background: #4e85b1;
/ / background: #32a2fc;
    width: 140px;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    position: absolute;
}

.three_lvl_str:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.four_lvl_str {
    background: #888888;
    width: 140px;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    position: absolute;
}

.four_lvl_str:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    -moz-box-shadow: 3px 3px 3px #888;
    -o-box-shadow: 3px 3px 3px #888;
    z-index: 2;
}

.w_40 {
    width: 100%;
}

.w_13 {
    width: 33%;
}

.fl_l.w_13 > ul > li > a {
    font-weight: bold;
}

.fl_l.w_13 a {
    color: #1b538f;
}

.m_footer{
    display: flex;
    padding-top: 30px;
    flex-wrap: wrap;
}
.m_footer .f_logo_item{
    max-width: 200px;
}

.f_logo_item img{
    width: 100%;
}

.m_footer .f_logo_item:not(:first-child){
    margin-left: 25px;
}

#container8{
    display: inline-block;
    width: 315px;
    text-align: center;
    cursor: pointer;
    float: left;
}

#container8 img{
    height: 165px;
}

#container8 h4{
    margin: 0;

}

#container8 h4 a{
    color: #1b538f;
}

.error_div{
    display: none;
}