@font-face {
    font-family: 'gothampromedium';
    /* Имя шрифта */
    src: url(../fonts/GothamPro-Medium.ttf);
    /* Путь к файлу со шрифтом */
    font-display: swap;
}

/* Сброс */
ol,
ul {
    list-style: none;
    padding: 0;
}

blockquote,
q {
    quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    height: 100%;
    min-height: 100%;
}

body {
    min-height: 100%;
    overflow-x: hidden;
}

html,
html a {
    -webkit-font-smoothing: antialiased;
}

/* Настройка основной типографии */
body {
    font: normal 14px/1.5 Arial, Helvetica, sans-serif;
    font-family: 'gothampromedium';
    outline: none;
    background: #f0f0f0 url("../images/bgbody.png") repeat-x;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*body .wrapper {flex: 1;}*/
select,
input,
textarea,
button {

    font: normal 14px/1.5 Arial, Helvetica, sans-serif;
    font-family: 'gothampromedium';
    outline: none;
}

h1,
h2 {
    font-size: 26px;
    font-weight: bold;
}

a {
    outline: none;
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

.wrapper {
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

header .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 19px 0 0px;
}

header .top .text {
    cursor: pointer;
}

.social ul {
    display: flex;
}

.social ul li {
    margin-left: 7px;
}

.social a {
    width: 29px;
    height: 29px;
    display: inline-block;
}

.social .vk {
    background: url('../images/vk.png');
}

.social .fb {
    background: url('../images/fb.png');
}

.social .yt {
    background: url('../images/yt.png');
}

.social .yt {
    background: url('../images/yt.png');
}

.social .od {
    background: url('../images/od.png');
}

.social .tw {
    background: url('../images/tw.png');
}

header .panel .auth {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
}

header .panel .reg {
    text-decoration: none;
    padding: 5px;
    border-radius: 7px;
    background: rgb(192, 228, 93);
    background: linear-gradient(180deg, rgba(192, 228, 93, 1) 0%, rgba(176, 219, 61, 1) 100%);
    font-weight: bold;
}

header .top .logo {
    display: flex;
    font-size: 30px;
    font-family: 'gothampromedium';
    cursor: pointer;
}

header .top .logo::before {
    background: url("../images/logo.png");
    content: '';
    width: 49px;
    height: 49px;
    display: inline-block;
    margin-right: 10px;
}

header .top .logo span {
    color: #b9e04f;
}


.menu ul li ul {
    display: none;
}

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

.menu ul li {
    position: relative;
}

.menu ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 33px;
    background: #ffffff;
    border: 1px solid #c6e672;
    padding: 10px;
    width: 200px;
}


header .bot .menu>ul {
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    background: rgb(192, 228, 93);
    background: linear-gradient(180deg, rgba(192, 228, 93, 1) 0%, rgba(176, 219, 61, 1) 100%);
    height: 45px;
    border-radius: 7px;
    align-items: center;
    justify-content: space-between;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

header .bot .menu>ul>li>a {
    font-weight: bold;
    padding: 15px;
}

header .bot .menu>ul>li>a::after {
    background: url("../images/arrow_bottom.png");
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 10px;
}

header .bot .menu>ul>li>a:hover {
    text-decoration: none;
    background: #c6e672;
    color: #fff;
}

header .bot .menu>ul>li>a:hover::after {
    background: url("../images/arrow.png");
}



header .bot .search {
    display: flex;
    align-items: center;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 1px #abd832;
}

header .bot .search form {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border: 0;
    padding-right: 0;
}

header .bot .search .iconsearch {
    background: url("../images/iconsearch.png") no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}

header .bot .search input {
    width: 100%;
    border: 0;
    background: inherit;
}

header .bot .search input[type=submit] {
    background: #e5f9ad;
    width: 140px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: bold;
}

header .bot .symbols {
    display: flex;
    align-items: center;
    height: 45px;
    border-radius: 7px;
    background: #c1c1c1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

header .bot .symbols ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    width: 100%;
}

header .bot .symbols ul a {
    font-weight: bold;
}

main {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

main section {
    width: 73%;

}

.bigdata {
    /* height: 262px; */
    width: 100%;
    max-width: 730px;
    margin-bottom: 35px;
    box-sizing: border-box;
}

main aside {
    width: 26%;
}

aside nav {
    padding: 10px 25px 25px 25px;
    border-radius: 7px;
    box-shadow: 0 0 10px #3d5ecc2b;
    background: #ffffff;
    margin-bottom: 30px;
}

aside nav.menucatalog {

    padding: 10px 10px 25px 10px;

}

aside nav li {
    border-bottom: 1px solid #a4a4a4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

aside nav li a {
    padding: 10px 10px 10px 0;
    display: inline-block;
    font-weight: bold;
}

aside nav>ul:not(.menu_catalog)>li::after {
    background: url("../images/arrow-right.png") no-repeat;
    width: 17px;
    height: 8px;
    content: '';
    display: inline-block;
    float: right;
    margin-right: 5px;
}

aside nav>ul.menu_catalog>li::before {
    background: url("../images/arrow-right.png") no-repeat;
    width: 10px;
    height: 8px;
    content: '';
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 16px;
}


aside nav li:last-child {
    border-bottom: 0;
}

section .gal {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

section .gal .item {
    position: relative;
    font-size: 23px;
    font-weight: bold;
}

section .gal .title {
    position: absolute;
    bottom: 35px;
    left: 20px;
    color: #fff;
}

section .gal .time {
    font-size: 14px;
    color: #b9e04f;
    display: flex;
}

section .gal .time::before {
    content: '';
    display: inline-block;
    background: url('../images/clock-with-white-face.png');
    width: 15px;
    height: 15px;
    margin: 3px 6px 0 0;
}

section .gal .left {
    /*flex: 0 0 56%;*/
}

section .gal .left img {
    min-width: 380px;
    height: 260px;
    opacity: .5;
    border-radius: 5px;

}


section .gal .right img {
    width: 315px;
    height: 123px;
    opacity: .5;
    border-radius: 5px;

}

section .item:hover img {
    opacity: 1;
}

section .gal .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

section .gal .right .title {
    bottom: 25px;
}

.lastnews h1::after {
    content: '';
    width: 50px;
    height: 3px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 3px solid #b8df4d;
}

.lastnews h1 {
    margin-bottom: 35px;
}

.lastnews ul {
    display: flex;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.lastnews li {
    margin-right: 10px;
    padding: 10px;
}

.lastnews li a {
    padding: 10px;
    border: 1px solid #c0c0c0;
    font-weight: bold;
    border-radius: 5px;
}


.lastnews li.acitve a,
.lastnews li:hover a {
    text-decoration: none;
    color: #abe50f;
    border: 1px solid #b7df4b;
}

.lcontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.row-block {
    padding: 19px;
    /*display: flex;*/
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.lcontent article a {
    text-decoration: none;
    display: flex;
}

.lcontent article {
    padding: 19px;
    width: 49%;
    display: flex;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.fullnews ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.fullnews ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.fullnews a {
    text-decoration: underline;
}

.fullnews article {
    padding: 19px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.lcontent article .img,
.fullnews article .img {
    /*width: 85px;*/
    margin-right: 20px;
}

.lcontent article .img img,
.fullnews article .img img {
    width: 85px;
    /*height: 85px;*/
    border-radius: 7px;
}

.lcontent article .info .title,
.fullnews article .info .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.lcontent article .info .meta,
.fullnews article .info .meta {
    color: #a4a4a4;
    font-size: 11px;
    margin-top: 10px;
}

.lcontent article .info .meta .views,
.fullnews article .info .meta .views {
    display: inline-flex;
    margin-right: 10px;
}

.lcontent article .info .meta .views::before,
.fullnews article .info .meta .views::before {
    content: '';
    background: url("../images/views.png");
    width: 16px;
    height: 10px;
    display: inline-block;
    margin: 3px 2px 0 0;
}

.lcontent article .info .meta .comm,
.fullnews article .info .meta .comm {
    display: inline-flex;
}

.lcontent article .info .meta .comm::before,
.fullnews article .info .meta .comm::before {
    content: '';
    background: url("../images/comments.png");
    width: 15px;
    height: 12px;
    display: inline-block;
    margin: 3px 2px 0 0;
}

.pagination {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;

}

.pagination .pages a,
.pagination .pages span {
    font-size: 18px;
    font-weight: bold;
    padding: 4px;

}

.pagination .pages span:not(.nav_ext) {
    color: #bbe153;

}

.pagination .prev a {
    background: #000;
    padding: 5px;
    display: block;
    border-radius: 5px;
    margin-right: 10px;
}

.pagination .prev a:hover {
    background: #bbe153;
}

.pagination .prev a::before {
    content: '';
    background: url("../images/left-arrow.png");
    width: 17px;
    height: 15px;
    display: block;
}

.pagination .next a {
    background: #000;
    padding: 5px;
    display: block;
    border-radius: 5px;
    margin-left: 10px;

}

.pagination .next a:hover {
    background: #bbe153;
}

.pagination .next a::before {
    content: '';
    background: url("../images/right-arrow.png");
    width: 17px;
    height: 15px;
    display: block;
}



.news>h2::after,
.news h1::after {
    content: '';
    width: 50px;
    height: 3px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 3px solid #b8df4d;
}

.news>h2,
.news h1 {
    margin: 35px 0;
}

.news .lcontent article {
    width: 100%;
}

.news .lcontent article .img img {
    width: 190px;
}

.topnews {
    margin-top: 25px;
    box-shadow: 0 0 10px #3d5ecc2b;
    border-radius: 7px;
    background: #fff;
}

.topnews article {
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
}

.topnews article:hover {
    background: #fafdf1;
}

.topnews article:hover a {
    color: #b7df4c;
}

.topnews article a {
    display: flex;
    padding: 10px;
    line-height: 16px;
    text-decoration: none;
}

.topnews article .img {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.topnews article .img img {
    width: 64px;
    border-radius: 7px;
}

.topnews article .info .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.topnews article .info .meta {
    color: #a4a4a4;
    font-size: 11px;
}

.topnews article .info .meta .views {
    display: inline-flex;
    margin-right: 10px;
}

.topnews article .info .meta .views::before {
    content: '';
    background: url("../images/views.png");
    width: 16px;
    height: 10px;
    display: inline-block;
    margin: 3px 2px 0 0;
}

.topnews article .info .meta .comm {
    display: inline-flex;
}

.topnews article .info .meta .comm::before {
    content: '';
    background: url("../images/comments.png");
    width: 15px;
    height: 12px;
    display: inline-block;
    margin: 3px 2px 0 0;
}

.userinfo {
    padding: 19px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.userinfo .user {
    display: flex;
}

.userinfo .user .avatar {
    width: 15%;
}

.userinfo .user .info {
    width: 82%;
}

.cover {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.avatar {
    display: inline-block;
}

.avatar .cover {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: inline-block;
}


.usinf {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.usinf li {
    padding: 12px 0;
    border-top: 1px solid #e6e6e6;
}

.usinf li:first-child {
    border-top-width: 0;
}

.ui-c1,
.ui-c2 {
    display: inline-block;
    vertical-align: top;
}

.ui-c1 {
    width: 30%;
    margin-right: 5%;
}

.ui-c2 {
    width: 60%;
}

.examination .wrap {
    display: flex;
}

.examination ul {

    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.examination li {
    margin-bottom: 30px;
    max-width: 150px;
    text-align: center;

}

.examination li a {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.examination .wrap h3,
.examination h4 {
    margin: 15px 0;
}

.examination {
    padding: 19px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.examination input[type=button]:not(#presel) {
    background: #e5f9ad;
    width: 140px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: bold;
    border: 0;
}

.examination #presel {
    /*background: #e5f9ad;*/
    width: 140px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: bold;
    border: 0;
}

.examination .otvet .gooname {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.examination .otvet {
    color: #fff;
    background: url("../images/bg_test.png");
    padding: 20px;
}

.examination .otvet ul {
    display: block;
}

.examination .otvet ul li {
    text-align: left;
    display: flex;
}

footer {
    color: #fff;
    background: rgb(192, 228, 93);
    background: linear-gradient(180deg, rgba(192, 228, 93, 1) 0%, rgba(176, 219, 61, 1) 100%);
    padding: 10px;
    margin-top: 30px;
}

footer .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.menu_catalog {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 14px;
}

.menu_catalog li {
    display: block;
    margin: 0px;
    padding: 3px 0px 3px 0px;
}


.menu_catalog ul.menu_catalog_parent {
    display: none;
}



.catalog_fullstory {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #3d5ecc2b;
}

.catalog_fullstory .left_img {
    width: 40%;
}

.catalog_fullstory .left_img .img_big {
    /*width: 377px;*/
    height: 251px;
}

.catalog_fullstory .left_img .img_big img {
    width: 100%;
    height: 251px;
}


.catalog_fullstory .left_img .img_min {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}

.catalog_fullstory .left_img .img_min li {
    float: left;
    width: 100px;
    height: 68px;
    margin-left: 8px;
    cursor: pointer;
}

.catalog_fullstory .left_img .img_min li:nth-child(1) {
    margin-left: 0;
}

.catalog_fullstory .left_img .img_min li img {
    width: 100px;
    height: 68px;
}

.catalog_fullstory .right_text {
    margin-left: 15px;
    width: 55%;
}

.break2 {
    flex-basis: 100%;
    height: 0;
}

.catalog_fullstory .right_text .title {
    font-size: 18px;
    color: #AB8103;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.line_br {
    height: 1px;
    background: #D5D4D0;
    width: 100%;
}

.catalog_fullstory .text_ul {
    box-sizing: border-box;
}

.catalog_fullstory .text_ul .text_li {
    width: 100%;
    margin-top: 6px;
}

.catalog_fullstory .text_ul .text_li .type_name {
    float: left;
    color: #666;
    font-size: 13px;
}

.catalog_fullstory .text_ul .text_li .type_value {
    float: right;
    font-weight: bold;
}

.catalog_fullstory .text_ul .text_li .text_line_br {
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted black;
    clear: both;
}

.catalog_fullstory .rating_block {
    color: #333333;
    flex-basis: 100%;
}

.catalog_fullstory .r_title {
    font-size: 16px;
}

.catalog_fullstory .rating_block .text_li .type_name {
    font-size: 13px;
}

.catalog_fullstory .rating_block .text_li {
    height: 15px;
    padding: 5px;
    box-sizing: border-box;
}

.catalog_fullstory .rating_block .text_li:nth-child(2n) {
    background: #f6f6f6;
}

.catalog_fullstory .rating_block .itogo {
    width: 100%;
    padding: 10px 3px 5px 5px;
    border: 1px solid #f8f8f8;
    box-sizing: border-box;
}

.catalog_fullstory .rating_block .itogo .l_itogo {
    float: left;
    color: #FF8A00;
    font-size: 14px;

}

.catalog_fullstory .rating_block .itogo .r_itogo {
    float: right;
    color: #959595;
    font-size: 14px;
}

.catalog_fullstory .rating_block .itogo .r_itogo span {
    font-size: 22px;
    color: #FF7800;
}

.catalog_fullstory .rating_block .itogo .r_itogo span {
    font-size: 22px;
    color: #FF7800;
}


.catalog_fullstory .item_block {
    margin-top: 30px;
    font-size: 13px;
    min-width: 100%;
}

.catalog_fullstory .item_block .item {
    margin: 10px 0;
}


.catalog_fullstory .item_block #yandex_maps {
    width: 80%;
    height: 265px;
}

.clear {
    clear: both;
}

.catalog_fullstory .bg_comments {
    background: #F6F6F6;
    width: 100%;
    height: 100%;
}

.catalog_fullstory .bg_comments input[type=text] {
    width: 240px;
    border: 0px solid #959c8d;
    background: #ebf5d1;
}

.catalog_fullstory .bg_comments textarea {
    width: 100%;
    height: 100px;
    border: 0px solid #959c8d;
    background: #ebf5d1;
}

.catalog_fullstory .bg_comments .fbutton_comments {
    width: 240px;
    height: 40px;
    color: #000;
    background: #b4dd44;
    border: 0;
    cursor: pointer;
    margin-right: 30px;
}

.dnone {
    display: none;
}

.catalog_fullstory .bg_comments .radio_div {
    border: 2px solid #d4e4aa;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 19px;
    height: 19px;
    background: #fff;
    float: left;
    cursor: pointer;
}

.catalog_fullstory .bg_comments .radio_div_checked {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 13px;
    height: 13px;
    background: #375d8f;
    margin: 3px 0 0 3px;
}

.catalog_fullstory .bg_comments .red {
    border: 2px solid #f79e7f;
}

.catalog_fullstory .bg_comments .right_block {
    float: right;
    margin-right: 30px;
}

.catalog_fullstory .bg_comments .radio_span_bad {
    float: left;
    padding: 5px 0 0 5px;
    width: 100px;
}

.catalog_fullstory .bg_comments .radio_bad,
.catalog_fullstory .bg_comments .radio_good {
    display: none;
}

.catalog_fullstory .item_block .comments_content {
    display: flex;
    /*justify-content: space-between;*/
}

.catalog_fullstory .item_block .comments_content .l_good {
    width: 49%;
}

.catalog_fullstory .item_block .comments_content .r_bad {
    width: 49%;
    margin-left: 15px;
}

.catalog_fullstory .login_block {}

.catalog_fullstory .login_block .avatar {
    float: left;
    width: 35px;
}

.catalog_fullstory .login_block .avatar img {
    width: 33px;
    height: 33px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.catalog_fullstory .login_block>.login {
    float: left;
    margin-left: 10px;
}

.catalog_fullstory .login_block .login .login a {
    font-size: 14px;
    color: #375D8F;
    font-weight: bold;
}

.catalog_fullstory .comment {
    margin-top: 20px;
}

.catalog_fullstory .comment-text {
    /*width: 377px;*/
    height: 100%;
    background: #d4e4aa;
    margin-top: 10px;
    position: relative;
}

.catalog_fullstory .r_bad .comment-text {
    background: #f79e7f;
}

.catalog_fullstory .comment-text .arrov {
    position: absolute;
    left: 26px;
    top: -9px;
    width: 23px;
    height: 9px;
    background: url("../images/comments_arrow_good.png");
}

.catalog_fullstory .r_bad .comment-text .arrov {
    background: url("../images/comments_arrow_bad.png");
}

.catalog_fullstory .comment-text .text {
    padding: 10px;
    /*width: 357px;*/
    /*background: ;*/
    /*margin-top: 11px;*/
}

.catalog_fullstory .good_count,
.catalog_fullstory .bad_count {
    font-size: 14px;
    color: #333;
    /*width: 380px;*/
    height: 24px;
    padding-top: 7px;
    text-align: center;
}

.catalog_fullstory .good_count {
    background: #D4E4AA;
}

.catalog_fullstory .bad_count {
    background: #f79e7f;
}

.show_menu {
    width: 20px;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
}


.table_search {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}

.table_search .name_select {
    float: left;
    width: 100px;
    padding: 5px 0 0 5px;
    height: 40px;
}


/* .table_search .item_block:nth-child(2n) {
  margin-left: 90px;
} */


.table_search .hide_catalog {
    display: none !important;
}

.table_search .mr90 {
    /*margin-left: 90px;*/
}

.table_search .value_select {
    float: left;
    width: 210px;
}

.table_search .value_select select {
    width: 200px;
}

.table_search .item_block {
    display: inline-block;
    float: left;
    /*margin-top: 5px;*/
}

.table_search .right {
    float: right;
}

.in_search {
    /*width: 100%;*/
    background: #c59201;
    /*border: 0;*/
    color: #fff;
    padding: 0 20px;
}

.in_search2 {
    /*width: 100%;*/
    background: #c59201;
    /*border: 0;*/
    color: #fff;
    padding: 0 20px;
}

.in_search2:hover {
    background: #a6a6a6;
}


.clr {
    clear: both;
}

.lcol,
.rcol,
form {
    display: inline;
}

.lcol {
    float: left;
}

.rcol {
    float: right;
}


.bcomment {
    border-bottom: 1px solid #dadada;
    background: url("../images/speedbar.png") repeat-x 0 100%;
    padding-bottom: 15px;
}

.bcomment .dcont,
.bcomment .dtop {
    padding: 0 15px;
}

.bcomment .dcont {
    padding-top: 10px;
}

.bcomment .dtop {
    overflow: hidden;
    padding-left: 70px;
    height: 67px;
    border-top: 3px solid #3f84cb;
}

.bcomment .dtop .lcol {
    width: 40px;
    padding: 0 15px;
    margin-left: -70px;
}

.bcomment .dtop .lcol span {
    margin-top: 12px;
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.bcomment .dtop .lcol span img {
    width: 40px;
}

.bcomment .dtop .rcol {
    font-size: 0.9em;
    color: #90a7b2;
    width: 100%;
}

.bcomment .dtop .rcol ul {
    margin-top: 12px;
    padding-top: 4px;
    height: 36px;
    float: left;
    margin-right: 15px;
}

.cmsep {
    padding-left: 19px;
    /*background: url("../images/cmsep.png") no-repeat 0 50%;*/
}

.reply a,
.reply a b {
    height: 28px;
    background: #2b88d5 url("../images/reply.png") no-repeat;
}

.reply a {
    float: right;
    margin-top: 21px;
    color: #fff;
    line-height: 27px;
}

.reply a b {
    cursor: pointer;
    float: left;
    padding: 0 15px;
    background-color: transparent;
    background-position: 100% -28px;
}

.reply a:hover {
    background-position: 0 -56px;
}

.reply a:hover b {
    background-position: 100% -84px;
}

div.cominfo {
    position: relative;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #3f84cb;
}

div.cominfo .thide {
    display: none;
    /*background: url("../images/comarrow.png") no-repeat;*/
}


div.cominfo .dpad {
    overflow: hidden;
}

.reset,
.reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comedit ul,
.cominfo ul {
    display: flex;
    justify-content: space-between;
}

.comedit ul a {
    color: #000;
    font-weight: bold;
}

.cominfo ul a {
    color: #000;
    font-weight: bold;
}

/* DropDown Меню и формы */
.dropdown-menu,
.dropdown-form {
    min-width: 160px;
    padding: 12px 0;
    border-radius: 2px;
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
    border: 1px solid #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    background-color: #fff;
}

.dropdown-menu {
    list-style: none;
    margin: 0;
}

.dropdown-form {
    padding: 40px;
}


/* DropMenu */
.dropdown-menu li a {
    height: 1%;
    padding: 5px 20px;
    border: 0 none;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
}

.dropdown-menu li a:hover {
    background-color: #e05b37;
    color: #fff;
}

.open .dropdown-menu,
.open .dropdown-form {
    display: block;
}

#login_pane .dropdown-form {
    text-align: center;
    padding: 29px;
    width: 220px;
}

.dropdown-form .soc_links {
    margin: 0;
}

.dropdown-form .soc_links>a {
    margin-bottom: 20px;
}

.login_form {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.login_form>li {
    border-top: 1px solid #efefef;
    display: block;
    position: relative;
}

.login_form>li>label {
    display: none;
}

.login_form>li>input {
    border: 0 none;
    padding: 19px;
    padding-left: 23px;
    border-radius: 0;
    background-color: transparent;
    width: 100%;
    height: 60px;
}

.login_form>li>.icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0 0;
    height: 14px;
    width: 1em;
}

.login_form>li.login_input-btn>.btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    padding: 0;
    width: 54px;
}

.login_form__foot {
    text-align: left;
    margin-top: 20px;
}

/* При успешной авторизации */
.dropdown-form.logged:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99px;
    z-index: -1;
}

.dropdown-form.logged:before,
.dropdown-form.logged:after {
    background-color: #f7f7f7;
}

.login_pane__info .avatar {
    margin: 12px 0;
}

.login_pane__menu {
    list-style: none;
    padding: 0;
    margin: 25px 0;
    text-align: left;
    border-bottom: 1px solid #efefef;
}

.login_pane__menu li a {
    color: inherit;
    text-decoration: none !important;
    padding: 14px 0;
    display: block;
    border-top: 1px solid #efefef;
}

.login_pane__menu li a:hover {
    color: #3394e6;
}

.login_pane__foot {
    text-align: left;
}

.login_pane__foot .plus_icon {
    margin: -3px 5px 0 0;
}


/*header .bot .search{ box-shadow: 0 0 10px #abd832;border-radius: 7px; height: 45px; }*/
#login_pane {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1000;
}

.login_pane__menu li a {
    color: #3394e6;
}

.panel {
    position: relative;
}

.menu-btn {
    display: none;
}

.short-story-block {
    flex-wrap: wrap;
}

.short-story-block .left_number {
    width: 6%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10px;
    background: #4e4e4e;
    color: #FFF;
    font-size: 22px;
    /*float: left;*/
    text-align: center;
    box-sizing: border-box;
}

.short-story-block .left_number1 {
    background: #f3a805;
}


.short-story-block .left_number2 {
    background: #c4a918;
}


.short-story-block .left_number3 {
    background: #93ab2c;
}

.short-story-block .ball_all1 span {
    font-size: 23px;
    color: #FF7800;
}

.short-story-block .ball_all2 span {
    font-size: 23px;
    color: #FF7800;
}

.short-story-block .ball_all3 span {
    font-size: 23px;
    color: #FF7800;
}


.short-story-block .left_img {
    /*float: left;*/
    margin-left: 10px;
    width: 170px;
}

.short-story-block .left_img img {

    width: 170px;
    height: 100%;
}


.short-story-block .c_b {
    /*float: left;*/
    margin-left: 20px;
    width: 40%;
}

.short-story-block .right_ball {
    /*float: right;*/
    margin-left: auto;
    text-align: center;
    align-self: center;
}

/* .short-story-block .c_b h4 {
    margin: 0;

} */

.short-story-block .right_ball .mt {
    margin-top: 83px;
}

/*hmenu*/
.contents {
    background: #F8F9FA;
    border: 1px solid #A2A9B1;
    padding: 15px 20px 10px 5px;
    /*display: table;*/
    border-radius: 2px;
    /*margin-top: 15px;*/
    width: 350px;
    margin: 0 auto;
    max-width: 90%;
}

.contents>div {
    margin: 0;
    padding: 0 0 15px;
    /*font: bold 17px 'Trebuchet MS';*/
    text-align: center;
}

.contents ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.contents ul li {
    margin: 0;
    padding: 1px 0;
}

.contents ul li span {
    color: #444;
    font-size: .9em;
}

/*hmenu*/
@media only screen and (max-width : 1050px) {

    .wrapper {
        width: 100%;
        padding: 5px 20px 20px 20px;
        box-sizing: border-box;
    }

    main {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    main section {
        width: 100%;

    }

    section .gal {
        justify-content: center;
        flex-wrap: wrap;
    }

    section .gal .left {
        margin-right: 15px;
    }

    /*  header .top .social ul {
            display: none;
        }  */
    .menu-btn {
        display: block;
        width: 55px;
        height: 55px;
        box-sizing: border-box;
        padding: 14px 10px 0;
        background-color: #b9e04c;
        position: fixed;
        box-shadow: 0 0 20px 0 #b9e04c;
        border-radius: 7px;
        z-index: 11;
        top: 10px;
        right: 10px;
    }

    .menu-btn span {
        display: block;
        width: 100%;
        height: 5px;
        margin-bottom: 4px;
        background-color: #fff;
        border-radius: 10px;
    }

    .material-menu-button {
        display: block;
        width: 55px;
        height: 55px;
        box-sizing: border-box;
        padding: 14px 10px 0;
        background-color: #5c6c37;
        position: fixed;
        box-shadow: 0 0 20px 0 #43501d;
        border-radius: 7px;
        z-index: 11;
        top: 10px;
        right: 10px
    }

    .material-menu-button span {
        display: block;
        width: 100%;
        height: 5px;
        margin-bottom: 4px;
        background-color: #fff;
        border-radius: 10px
    }

    .material-menu-wrapper {
        padding: 20px;
        box-sizing: border-box
    }

    .material-menu-view-mobile {
        background: #e4d9ab left top repeat;
        -webkit-box-shadow: 40px 0 30px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 40px 0 30px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 40px 0 30px 0 rgba(0, 0, 0, 0.2)
    }

    header {
        padding-top: 105px;
    }

    header .bot .material-menu-view-mobile .menu>ul {
        flex-direction: column;
        align-items: flex-start;
        background: inherit;
        padding: 0;
        margin: 0;
    }

    header .bot .material-menu-view-mobile .menu>ul>li>a::after {
        display: none;
    }

    header .bot .material-menu-view-mobile .menu ul>li {
        margin: 10px 0;
    }

    header .bot .material-menu-view-mobile .menu ul li ul a {
        font-weight: 300;
    }

    header .bot .material-menu-view-mobile .menu ul li ul {
        display: block;
        margin-left: 10px;
    }

    /* header .top .logo {
            margin-right: 7%;
        }
        header .top .social {
            margin-right: 7%;
        } */

    header .top {
        /*justify-content: flex-start;*/
        width: 94%;
        padding: 0;
        /*margin-bottom: 18px;*/
        flex-wrap: wrap;
        margin-top: -105px;
        height: 105px;
    }

    main aside {
        width: auto;
    }
}

@media only screen and (max-width: 650px) {

    .bigdata {
        max-width: 550px;
    }

    .fullnews article {
        padding: 5px;
    }

    img,
    iframe {
        max-width: 100%;
    }

    .ui-c1,
    .ui-c2 {
        width: 100%;
        margin: 0;
        display: block;
        vertical-align: top;
    }

    .ui-c1 {
        font-size: .9em;
    }

    header .top .text {
        display: none;
    }

    .lcontent article a {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .lcontent article .img {
        margin-right: 0;
    }

    .break {
        flex-basis: 100%;
        height: 0;
    }

    .lcontent article.short-story-block {
        padding: 10px;
    }

    .short-story-block .right_ball {
        margin-left: 0;
        margin-top: 15px;
    }


    .short-story-block .c_b {
        width: 45%;
    }

    .short-story-block .left_img,
    .short-story-block .left_img img {
        width: 120px;
    }

}

@media only screen and (max-width: 510px) {

    img, iframe {
/*        max-width: 350px;*/
        height: auto
    }
    .bigdata {
        max-width: 450px;
    }

    .lcontent article {
        width: 100%;
    }

    header .top .social {
        display: none;
    }

    footer .wrapper {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 410px) {


    /* img, iframe {
        max-width: 270px;
    } */
    .bigdata {
        max-width: 320px;
    }

    .catalog_fullstory .item_block .comments_content {
        flex-direction: column;
    }

    .catalog_fullstory .item_block .comments_content .r_bad {

        width: 100%;
        margin: 30px 0;

    }

    .catalog_fullstory .item_block .comments_content .l_good {
        flex-basis: 100%;
        width: 100%;
    }

    .short-story-block .c_b {
        width: 100%;
        flex-basis: 100%;
        margin-top: 15px;
    }

    .table_search .name_select {
        height: auto;
        text-align: left;
        padding: 0;
        width: auto;
        float: none;
    }

    .short-story-block .left_img {
        width: 90%;
    }

    .short-story-block .left_img img {
        width: 100%;
    }

    header .bot .symbols {
        display: none;
    }
}

#page-error-block {
    width: 100%;
    background: green;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}

#page-error-block a,
#page-error-block span {
    cursor: pointer;
    font-weight: bold;
    margin-left: 10px;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.slickQuizWrapper .text2,
.slickQuizWrapper .text {
    font-weight: bold;
    font-size: 26px;
    color: black;
}

.slickQuizWrapper .text2 {
    font-size: 18px;
    font-weight: normal;
}

.slickQuizWrapper {
    /*    border-radius: 6px;
    padding: 19px;
    display: block;
    box-sizing: border-box;background: #fff;
margin-bottom: 20px;
box-shadow: 0 0 10px #3d5ecc2b;
  */
    position: relative;
}

.slickQuizWrapper .button {
    float: left;
    width: auto;
    padding: 10px 30px;
    color: #ffffff !important;
    background: #005ccc none repeat scroll 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1.7em;
    margin-top: 30px;
    margin-left: -20px;
    text-shadow: 1px 1px 0px #3c3b3b;
    cursor: pointer;
}

body.mobile .slickQuizWrapper .button {
    font-size: 1.4em;
}

.slickQuizWrapper .button:hover {
    background-color: red !important;
}

.slickQuizWrapper .button.checkAnswer i {
    padding-right: 10px;
}

.slickQuizWrapper .button.checkAnswer .icon:before {
    display: inline-block;
    content: '';
    width: 27px;
    height: 27px;
    background-size: 100%;
    background-position: center;
    background-attachment: inherit;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    margin-bottom: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMAAQMFChgaHCAiIycqMTk9P0BJZoWXqrXK6fX3+715fpUAAABwSURBVCjPxdHdFkMwEATgjaKKoP5b5v1fU08qh2Szt8zdzHc5RFclLpREzwWjEgkCGgIGmfCVCZWpUZtyepv6mAEtk0WPaPo3HSD6wCIjytZ96RgR5RY5+eiQix6dkdGBAbLYhE97/bCWzk76ku7NBscjFWhGyL1QAAAAAElFTkSuQmCC);
}

.slickQuizWrapper .button.nextQuestion i,
.slickQuizWrapper .button.viewResult i,
.slickQuizWrapper .button.nextPage i {
    padding-left: 15px;
}


.slickQuizWrapper .button.nextQuestion .icon:before,
.slickQuizWrapper .button.viewResult .icon:before,
.slickQuizWrapper .button.nextPage .icon:before {
    display: inline-block;
    content: '';
    width: 27px;
    height: 27px;
    background-size: 100%;
    background-position: center;
    background-attachment: inherit;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    margin-bottom: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAA6lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Le70HAAAATXRSTlMAAQIDBAUGBwgKCw4PEBETFRgcHSQnKTI2OTtAUFFVV1hbXmFpa2xwcXd7f4KIiYyOj5WXna+wsrnBw8XKzM/T1dfa3uLo7e/x8/X7/X4I0HgAAADmSURBVBgZrcHnQoJQAIbhFyRXU9tle9i0bZmZdipE67v/24kjpBT+q+fhHzjHweNhjrHO1Jd604xR1pvnbOiaMRpaBkcd0qqqA3ndkVLRex7YU3Pf2l1gaEu9WaD4qW83MFM3IV9BCcuNZc+1SVNW97LIT87HC7IMaX0fWYaUbdWQZUhYM6FAfgFZhoQ5hboXBZBlSFhVhYgsQ8KTJonIMiTcyiMiNVoyjLh+QEyBk5Fh5Eg7xKTykl49hk41RexZA/3aosNASy6xUlsx/2A+Q7aqK34prt8r0p4gLbdy8tCuV1z+6gtR+DWxlFMuRQAAAABJRU5ErkJggg==);

}

.slickQuizWrapper input,
.slickQuizWrapper input+label {
    cursor: pointer;
}


.slickQuizWrapper .answers input[type=checkbox],
.slickQuizWrapper .answers input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
}

.slickQuizWrapper label {
    padding-left: 5px;
    font-size: 16px;
}

.testPage .slickQuizWrapper label {
    font-size: 20px;
    padding-left: 10px;
}


.slickQuizWrapper input:disabled,
.slickQuizWrapper input:disabled+label {
    opacity: .8;
    cursor: not-allowed;
}

.slickQuizWrapper .quizArea,
.slickQuizWrapper .quizResults {
    margin-bottom: 10px;
}

/* clearfix */
.slickQuizWrapper .quizArea,
.slickQuizWrapper .quizResults {
    zoom: 1;
}

.slickQuizWrapper .quizArea:before,
.slickQuizWrapper .quizArea:after,
.slickQuizWrapper .quizResults:before,
.slickQuizWrapper .quizResults:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.slickQuizWrapper .quizArea:after,
.slickQuizWrapper .quizResults:after {
    clear: both;
}

.slickQuizWrapper .questionCount {
    font-size: 1.1em;
    font-style: italic;
}

.slickQuizWrapper .questionCount span {
    font-weight: bold;
}

.slickQuizWrapper .question>h3 p {
    display: inline-block;
    margin: 0;
}

.slickQuizWrapper ul.responses,
.slickQuizWrapper ol.questions,
.slickQuizWrapper ol.questions li {
    padding-left: 0;
    margin: 0;
    list-style: none;
    line-height: inherit;
}

.slickQuizWrapper ol.questions .answers li {
    padding: 5px 0;
}

.testPage .slickQuizWrapper ol.questions .answers li {
    padding: 10px 0;
}

#numZadanie {
    font: 16px/32px "Myriad Pro";
    color: #c59200;

    height: 47px;

    margin: 0 5px 0 0;
}

.slickQuizWrapper .otvet {
    margin-bottom: 20px;
    color: #fff;
    background: url("../images/bg_test.png");
    padding: 20px;
    /*height: 210px;*/
}

.slickQuizWrapper ul.responses li {
    margin: 10px 20px 20px 0;
    font-size: 20px;

}

.slickQuizWrapper ul.responses li i {
    padding-right: 15px;
}

.slickQuizWrapper ul.responses li .icon:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-position: center;
    background-attachment: inherit;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    margin-bottom: 2px;
}

.slickQuizWrapper ul.responses li.description .icon {
    padding-right: 5px;
}

.slickQuizWrapper ul.responses li .icon.plus:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAYFBMVEUAAAAAmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA1nc+L7AAAAH3RSTlMAAQIFDxAUFRobPkBNUFFWW2Jje6qrurzDxd7r7e/xLeat/AAAAIlJREFUGJVtkOkSwiAQg9OiPZFFe2hbNe//lhboMTLkDzvZ+ZhsAKesbm9tneGUftNp0buhBu7qVYAmnpo83Pm5ROnfbnWuYa2gwnABHpF1B57kLMbkyI2RmRyBL2mPNEJ+kpYDrcgKitgAJr5PhNiiFiiOqP8HvUIbqo/PduUsUTkOrhrdVFuFPx9NFQuW2flXAAAAAElFTkSuQmCC);
}

.slickQuizWrapper ul.responses li .icon.minus:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAhFBMVEUAAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAABcyatmAAAAK3RSTlMAAQIEBQYTFCUmLS4vMDM6PFFWWFl8f4uMj5WYms7T1dfZ2uDi6fX3+fv9UpmTRAAAAH9JREFUGBlVwYkWQkAAhtFvRFrQok1SUkj/+79fx5nm4F56Js6qtspigxOWssoQK/nK6RJ6YadBNwfMQ2N3YK2pFVw0dYanlAe+FVylEj7SHmcntfCWTjhH6QU3TeWw1dQGvFpjtQcsNbagd9AgxYoaWU2E46eFpCL1GTMzw98PkdcgOtD1jg8AAAAASUVORK5CYII=);
}

.slickQuizWrapper ul.responses li.correct .icon.info:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAwFBMVEUAAAAAmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0AmA0FOO4hAAAAP3RSTlMAAQIEBQYIDBEUFxobHB4pKi4xMzU2ODw9R0pWV1hcXmFihYaIjo+Rl5iam6uvt77Fx9HV2dri5Ovt8/X3+fskIZj9AAAAnUlEQVQYGXXBV1ICUQAAwdl1wRwwYsSEYCCIsoqKc/9b8UJplR92k6ye9wePV5v8aj6ZjVfItmZqE9TvfaLlD4MKjNYJno1OWgdGbyVs+9cx3Br0CExG8GpwTWBWMDd4OS3BbInapAKzgnuTCkwmcGhSgckFFLXaJeqoXw1gQ70hOlP3iI70cxi96yXZ2tRstsOPYvduOq8f2iX/WAAO6Cu/XBWcagAAAABJRU5ErkJggg==);
}

.slickQuizWrapper ul.responses li.incorrect .icon.info:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAwFBMVEUAAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAADDAAAbPisgAAAAP3RSTlMAAQIEBQYIDBEUFxobHB4pKi4xMzU2ODw9R0pWV1hcXmFihYaIjo+Rl5iam6uvt77Fx9HV2dri5Ovt8/X3+fskIZj9AAAAnUlEQVQYGXXBV1ICUQAAwdl1wRwwYsSEYCCIsoqKc/9b8UJplR92k6ye9wePV5v8aj6ZjVfItmZqE9TvfaLlD4MKjNYJno1OWgdGbyVs+9cx3Br0CExG8GpwTWBWMDd4OS3BbInapAKzgnuTCkwmcGhSgckFFLXaJeqoXw1gQ70hOlP3iI70cxi96yXZ2tRstsOPYvduOq8f2iX/WAAO6Cu/XBWcagAAAABJRU5ErkJggg==);
}

.slickQuizWrapper ul.responses li.description .icon:before {
    margin-bottom: 4px;
    background-image: url(data:image/png;base64,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);
}

.slickQuizWrapper ul.responses li.description {
    background-color: #fff;
    padding: 10px;
}

.slickQuizWrapper ul.responses li.description q {
    background-color: transparent;
}

.slickQuizWrapper ul.responses li.description .title {
    font-weight: bold;
}


.slickQuizWrapper ul.answers li.correct,
.slickQuizWrapper ul.responses li.correct p span {
    color: #00980d;
    font-weight: bold;
}

.slickQuizWrapper h3 .q-question {
    color: #002fa7;
}

.testPage .slickQuizWrapper h3 .q-question {
    font-size: 28px;
    line-height: 34px;
    font-family: Georgia, serif;
}

.slickQuizWrapper .quizResultsCopy h3 {
    margin: 0 0 10px 0 !important;
    font-family: Georgia, serif;
    color: #333333;
}

.slickQuizWrapper .quizLevel span,
.slickQuizWrapper .quizScore span {
    font-weight: bold;
    color: #002fa7;
    display: block;
}

.slickQuizWrapper .quizResultsCopy {
    margin-top: 20px;
    border: 3px solid #3500bd;
    padding: 20px;
    background-color: #f5feff;
}

.slickQuizWrapper .quizResultImage {
    float: left;
    padding: 0px 15px 10px 0;
    margin: 0px;
    width: 300px;
}

@media screen and (max-width: 768px) {
    .slickQuizWrapper .quizResultImage {
        width: 100%;
    }
}

.slickQuizWrapper .quizResultImage img {
    width: 100%;
}

.quizBestResult {
    float: left;
}

.slickQuizWrapper .testOverblock {

    text-align: right;
    bottom: 15px;
    right: 10px;
}

.slickQuizWrapper .testOverblock a {
    font-size: 18px;
    padding: 10px 20px;
    background-color: #214cce;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 2px;
    /*  margin-top: 30%;*/
    display: inline-block;
    margin-right: 10px;
}

.slickQuizWrapper .testOverblock a i {
    color: #2cf32c;
}

.slickQuizWrapper .testOverblock a .icon:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background-size: 100%;
    background-position: center;
    background-attachment: inherit;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    margin-bottom: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAXVBMVEUAAAAs8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8yws8ywxxiSZAAAAHnRSTlMAAQgMDRIUFRgZGhsdICYuTVBpc4iJi4yV8fP19/2bLh2rAAAAY0lEQVQYV53NORaCQADA0ICK4oYKLiOQ+x+TYngyaCUpfxNY0GrzLYfOai77Tj39iBdgnY/Sqj6Bcx+2AGWr+gCOvYYCdh/hqhqKRMhequGteh8/0VKZrGEqWirR5gJZfePPBqYUCmHC3o4hAAAAAElFTkSuQmCC);
}

.slickQuizWrapper .testOverblock span {
    display: block;
    font-size: 11px;
    margin-top: -7px;
    color: #8e8b8b;
}

.mobile .slickQuizWrapper .testOverblock {
    position: relative;
}

.mobile .slickQuizWrapper .testOverblock a {
    margin-top: 0%;
}

.wrap-authors_webnavoz {
    margin: 30px 0;
    padding: 20px 2.5%;
    -moz-box-shadow: 0 0 33px -10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 33px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 33px -10px rgba(0, 0, 0, .3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-authors_webnavoz:after {
    content: "";
    display: block;
    clear: both;
}


.no-the_ratings .information-authors_webnavoz {
    width: 100% !important;
}

.information-authors_webnavoz {
    float: left;
    width: 47%;
    position: relative;
    min-height: 80px;
}

.information-authors_webnavoz img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.label-info-authors_webnavoz {
    font-size: 12px;
    line-height: 14px;
    color: #3bad4e;
    margin-bottom: 5px;
}

.body-info-authors_webnavoz {
    padding-left: 120px;
}

.header-info-authors_webnavoz {
    margin-bottom: 5px;
}

.desc-info-authors_webnavoz {
    color: #888999;
    font-size: 12px;
    line-height: 14px;
}


.name-authors_webnavoz {
    font-size: 18px;
    line-height: 20px;
    color: #586b95;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.socials-info-authors_webnavoz {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .information-authors_webnavoz {
        width: auto;
        margin: 5px;
        float: none;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        max-width: 370px;
        text-align: left;
    }

    .wrap-authors_webnavoz {
        padding: 10px 5px;
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 420px) {
    .information-authors_webnavoz {
        width: 100% !important;
    }

    .information-authors_webnavoz {
        display: block;
        margin: 0;
        max-width: 100%;
    }

    .information-authors_webnavoz img {
        display: block;
        position: relative;
        margin: auto;
        width: 100px;
    }

    .body-info-authors_webnavoz {
        padding-left: 0;
        text-align: center;
    }

}

@media screen and (max-width: 1000px) {
    .information-authors_webnavoz {
        width: auto;
        margin: 5px;
        float: none;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        max-width: 370px;
        text-align: left;
    }

    .wpcmsdev-alert.has-icon {
        padding-left: 100px;
    }

    .wpcmsdev-alert {
        position: relative;
        overflow: hidden;
    }

    .wpcmsdev-alert.color-green {
        border-color: #beded4;
        background-color: #f7fcfb;
        color: #008b5d;
    }

    .wpcmsdev-alert.has-icon>.fa {
        left: 0;
        width: 100px;
        text-align: center;
        font-size: 40px;
    }

    .wpcmsdev-alert.has-icon>.fa {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        opacity: .8;
    }

    .fa-chevron-down:before {
        content: "\f007";
    }

    .wpcmsdev-alert.color-red {
        border-color: #e6bfc9;
        background-color: #fdf7f9;
        color: #b0022e;
    }

    .fa-warning:before,
    .fa-exclamation-triangle:before {
        content: "\f071";
    }

    .wpcmsdev-alert.color-blue {
        border-color: #bed9e4;
        background-color: #f7fbfd;
        color: #0078a9;
    }

    .fa-info-circle:before {
        content: "\f05a";
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;

    }

    .table-responsive .table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        overflow: hidden;
    }

    .table-responsive .table th,
    .table-responsive .table td {
        border: 1px solid #888;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        position: relative;
    }

    .table-responsive .table th,
    .table-responsive .table td {
        border: 1px solid #888;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        position: relative;
    }

    .table-responsive .table td:hover {
        background: #fffabe;
    }

    .table-responsive .table td:hover:before {
        background-color: #eee;
        content: '';
        height: 100%;
        left: -5000px;
        position: absolute;
        top: 0;
        width: 10000px;
        z-index: -2;
    }

    .table-responsive .table td:hover:after {
        background-color: #eee;
        content: '';
        height: 10000px;
        left: 0;
        position: absolute;
        top: -5000px;
        width: 100%;
        z-index: -1;
    }

    .col-xs-12.row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .col-xs-3 {
        min-width: 113px;
    }

    .col-xs-2 {
        min-width: 114px;
    }

    .table>tbody>tr.active>td,
    .table>tbody>tr.active>th,
    .table>tbody>tr>td.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr.active>td,
    .table>tfoot>tr.active>th,
    .table>tfoot>tr>td.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>thead>tr.active>th,
    .table>thead>tr>td.active,
    .table>thead>tr>th.active {
        background-color: #f5f5f5;
    }
}