@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum'),
    url('../fonts/Cuprum-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum Bold'),
    url('../fonts/Cuprum-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
} 
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum Italic'),
    url('../fonts/Cuprum-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Cuprum';
    src: local('Cuprum BoldItalic'),
    url('../fonts/Cuprum-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
html, body {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    color: rgb(41,41,41);
    margin: 0;
    padding: 0;
    height: 100%;
    background: url(../img/background.png) #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease ;
    -ms-transition: all 1s ease ;
    -o-transition: all 1s ease ;
    transition: all 1s ease ;
}


:focus {
    outline: none;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

h1 {
    float: left;
    border: 1px solid #d2b77f;
    background: url(../img/title.png);
    color: #8c0101;
    font-size: 24px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    padding: 8px 19px 4px;
    margin: 0 0 17px 0;
    text-transform: uppercase;
    line-height: 1em;
}

h2 {
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    color: #551000;
    text-transform: uppercase;
}

h3 {
    font-size: 16px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    color: #4d2f1b;
    text-transform: uppercase;
}

h4 {
    font-size: 14px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    color: #551000;
    text-transform: uppercase;
}

h5 {
    font-size: 12px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    color: #551000;
    text-transform: uppercase;
}


*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
   color: rgb(119, 3, 3);
    text-decoration: none;
}

img {
    border: none;
    max-width: 100%;
    max-height: 100%;
    /* height: auto; */
}
.section-title{
    font-size: 16px;
    font-family: "Cuprum";
    color: rgb(119, 3, 3);
    font-weight: bold;
    font-variant: small-caps;
    line-height: 0.75;
    text-align: left;
    background: url(../img/title.png);
    padding: 0 9px;
    line-height: 30px;

    border: 1px solid #d2b77f;
}
.home .section-title{
    margin-bottom: 15px;
}
.section-text{
    color: #6d4427;
}
.section-text .attention{
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(83, 52, 29);
    line-height: .6;
}
.btn-green{
    font-size: 12px;
    font-family: "Cuprum";
    color: rgb(254, 254, 252);
    font-weight: bold;
    line-height: 25px;
    background-color: rgb(110, 146, 2);
    height: 25px;
    padding: 0 27px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
margin-top: 7px;
    border: none;
    outline: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;
    transition: all .3s ease ;
}

.section-image:before {
    content: '';
    background-color: rgba(74, 23, 2,.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}
 .flex > ul,
.flex-container{
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
}
.general-links a{
    display: block;
    text-align: center;
    height: 130px;
    line-height: 130px;
    width: 31.5%;
    margin-bottom: 20px;
    background: url("../img/linkback.jpg") center center no-repeat;
    background-size: cover;
    font-size: 22px;
    font-family: "Cuprum";
    color: rgb(109, 68, 39);
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
}
.general-links a>div{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 0.8;
}
p{
    margin: 0 0 8px;
    line-height: 1.4;
}
section{
    margin-bottom: 10px;
}
section:not(.popular-articles){
    position: relative;
}
.general-links a:hover,.general-links a:focus{
    text-decoration: none;
    color: rgb(119, 3, 3);
    background-image: url("../img/linkback_hover.jpg")
}
.general-links a span{
    display: block;
    margin: 10px 0;
}
.topic-item{
    width: 23%;
    display: inline-block;
    font-size: 18px;
    font-family: "Cuprum";
    color: rgb(109, 68, 39);
    line-height: 1.389;
}
.topic-item:hover .topic-title
{
    color: rgb(119, 3, 3);
}

.topic-item:hover .topic-title span{
    text-decoration: none;
}
.flex-reverse {
    flex-flow: column-reverse;
}
.page-nav,.home .page-nav,.section-image{
    display: none;
}
.ask-expert .btn-green:first-of-type {
    float: right;
}
.question-item{
    border: 2px solid rgb(211, 198, 171);
    height: 140px;
margin-bottom: 23px;
    text-align: left;
    display: block;
}
.question-item-title{
    background-color: rgb(211, 198, 171);
    padding:7px 0;
    font-size: 16px;
    font-family: "Cuprum";
    color: rgb(119, 3, 3);
    font-weight: bold;
    font-variant: small-caps;
    line-height: 1.2;
    text-align: center;
}
.question-item-body{
    padding: 10px 15px 0;
    line-height: 1.5;max-height: 80px;
    overflow: hidden;
    font-variant: small-caps;

}
.comment-item{
    font-size: 11px;
    font-variant: small-caps;
    line-height: 1.385;
    margin-bottom: 15px;
    display: block;
}
.comment-item:hover .comment-header,.comment-item:focus .comment-header{
    color: rgb(119, 3, 3);

}
.comment-item:hover .comment-body,.comment-item:focus .comment-body{
    color: #fdfcfc;
    background-color: rgb(119, 3, 3);
}
.comment-item:hover .comment-body:before,.comment-item:focus .comment-body:before{
    border-color: transparent transparent transparent rgb(119, 3, 3);
}

.comment-header{
    font-size: 13px;
    font-family: "Cuprum";
    color: rgb(109, 68, 39);
    font-variant: small-caps;
    line-height: .5;
    text-align: left;
    padding-bottom: 20px;
}
.comment-header span{
    margin: 0 5px;
}
.comment-body{
    border:1px solid rgb(119, 3, 3);
    background-color: rgb(230, 222, 195);
    height: 60px;
    padding: 5px 10px;
    position: relative;
    border-radius: 8px;
}
.comment-body>div{
    max-height: 76px;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.article-content{
    max-height: 65px;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.row:after,.row:before,section:after,section:before{
    content: '';
    display: table;
    width: 100%;
    clear: both;
}
.comment-body:after {
    content: '';
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 20px;
    border-color: transparent transparent transparent rgb(119, 3, 3);
    left: 38px;
}
.comment-body:before{
    content: '';
    position: absolute;
    top: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 0 19px;
    z-index: 2;
    border-color: transparent transparent transparent rgb(230, 222, 195);
    left: 39px;
}
.article-image{
    float: left;
    max-width: 36.3%;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 5px;
}
.article-image img{
   height: auto;
}
.article-body{
    padding: 8px 25px 0 0;
}
.article-to-topic{
    float: right;
    color:#6e9202;
    font-size: 19px;
    line-height: 1;
    text-decoration: underline;
    font-family: "Cuprum";
    margin-top: 15px;
}
.article-preview{
    clear: both;
    margin-bottom: 21px;
}
.article-preview:after{
    content: '';
    display: table;
    width: 100%;
    clear: both;
}
.article-preview-photo {
    display: inline-block;
    float: left;
    width: 32.5%;
    height: 63px;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
}
.article-title{
    font-size: 14px;
    font-family: "Cuprum";
    color: rgb(119, 3, 3);
    line-height: 1.316;
    text-align: left;
    font-weight: bold;
    font-variant: small-caps;
}
.home .article-title{
    font-weight: normal;
    font-variant: normal;
}
.article-preview .article-title{
    padding: 0 18px;
    width: 67.5%;
    display: inline-block;
}
.popular-articles .left-side{
    display: none;
}
.expert-photo{
    width: 23%;
    float: left;
    max-height: 280px;
    overflow-y: hidden;

}
.expert-photo img{
    height: auto

}
.slider-wrapper{
    margin: 0 -10px;
}
.main-slider{
    padding: 0 30px;
    margin-bottom: 10px;
}
.expert-text{
    width: 77%;
    padding-left: 10px;
    display: inline-block;
    font-size: 10px;
    color: #6d4427;
}
.owl-theme .owl-controls{
    margin-top: 0;
}
.slider-links{
    margin: 15px 0 0;
}
.expert-text p{
    margin: 0;
    line-height: 1.6;
}
.expert-text h3{
    margin: 3px 0 5px;
}
.list_article .list .flex ul li,
.expert-text ul>li,.single-article .short-list>li{
    position: relative;
    line-height: 1.5;

}
.expert-text ul>li:before,.single-article .short-list>li:before{
    content:url('../img/check.png');
    width: 15px;
    display: inline-block;
}
.single-article .short-list>li:before{
    content:url('../img/greencheck.png');
}
.slider-links a{
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position:center center;
    background-size: contain;
}
.twitter{
    background-image: url("../img/twitter.png");
}
.fb{
    background-image: url("../img/fb.png");
}
.ok{
    background-image: url("../img/ok.png");
}
.mailru{
    background-image: url("../img/mailru.png");
}
.plus{
    /* background-image: url("../img/plus.png"); */
}
.vk{
    background-image: url("../img/vk.png");
}
.owl-theme .owl-controls .owl-buttons div {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    position: absolute;
    top:50%;
    margin-top: -23px;
    width: 25px;
    height: 47px;
}
.owl-prev{
    left: 0;
}
.owl-next{
    right: 0;
}
.arrow{
width: 100%;
    height: 100%;
    display: inline-block;
   background: url("../img/leftarrow.png") center center no-repeat;
    background-size: contain;
}
.arrow-right{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.about-hidden-part{
    font-size: 12px;
    font-family: "Cuprum";
    color: rgb(70, 70, 70);
    font-variant: small-caps;
    line-height: 1.389;
    text-align: justify;

}
.about-hidden-part a{
    text-decoration: underline;
    color: #6d4427;
    float: right;
}
.archive-item{
    display: inline-block;
    width: 23%;
    height: 80px;
    line-height: 80px;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    font-size: 14px;
    font-family: "Cuprum";
    color: rgb(238, 234, 224);
    font-weight: bold;
    font-variant: small-caps;
    position: relative;
text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;
    transition: all .3s ease ;
}
.archive-item:before{
    content: '';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgb(74, 23, 2);
    opacity: 0.502;

}
.archive-item:hover:before,.archive-item:focus:before{
    background-color: rgba(254, 254, 254,.502);
    opacity: 1;
}
.archive-item span{
    position: relative;
}
.archive-item:hover,.archive-item:focus{
    color: rgb(126, 35, 29);
}
.ask-expert{
    padding-bottom: 16px;
}
.topic-item ul{
    padding: 10px 0;
}
.home .wrapper .cont nav.top{
    display: none;
}
.topic-item ul{
    display: none;
}

.topic-item a:hover{
    color:#770303;
}

.topic-title{
    color:#4a1702;
    font-size: 14px;

    font-family: "Cuprum";
    font-variant: small-caps;
    display: block;

}
.home .topic-title span{
    text-decoration: underline;
}
.topic-title img{
    max-width: 35px;
    max-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.answer_expert .user img{height: auto;}

.main {
    min-height: 100%;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    background: url(../img/header.png) no-repeat top center;
    overflow: hidden;
}

.container {
    margin: 0 auto;
    position: relative;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    cursor: pointer;
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

.logotip_mob,
.wrapper .cont nav.top > ul li:first-child,
.mob_menu {
    display: none;
}

/*------------------------header-----------------------*/

header.header {
    width: 100%;
    float: left;
    position: relative;
    z-index: 5;
}

header.header .parent {
    width: 100%;
    float: left;
    position: relative;
}

header.header .logotip {
    float: left;
    width:20.7%;
    margin: 3px 0 -58px 33px;
}
.header .logotip img{
    width: 100%;
    height: auto;
}
header.header .search_box {
    width: 28%;
    min-width: 300px;
    height: 75px;
    position: absolute;
    bottom: 0;
    right: -5px;
    background: url(../img/search.png) top left no-repeat;
    background-size: 100% auto;
}

header.header .search_box input[type="text"] {
    border: 1px solid #7d553b;
    background: #000000;
    color: rgb(231, 222, 197);
    padding: 0 9px;
    font-size: 15px;
    width: 54%;
    height: 20px;
    position: absolute;
    top: 30px;
    left: 15px;
    font-family: "Cuprum";
}
header.header .search_box input[type="text"]::placeholder{
    color: rgb(231, 222, 197);
}
.question-form input[type="text"]::placeholder{
    color: rgb(41,41,41);
}
header.header .search_box input[type="submit"] {
    border: 1px solid #cbac88;
    border-radius: 5px;
    color: #eadec4;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    text-transform: uppercase;
    width: 24%;
    text-align: center;
    background: rgb(177, 146, 126);
    background: -moz-linear-gradient(top, rgba(177, 146, 126, 1) 0%, rgba(137, 103, 81, 1) 25%, rgba(102, 64, 38, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(177, 146, 126, 1) 0%, rgba(137, 103, 81, 1) 25%, rgba(102, 64, 38, 1) 100%);
    background: linear-gradient(to bottom, rgba(177, 146, 126, 1) 0%, rgba(137, 103, 81, 1) 25%, rgba(102, 64, 38, 1) 100%);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 30px;
    right: 30px;
    height: 20px;
    padding: 0;
}

/*------------------------wrapper----------------------*/

.wrapper {
    width: 100%;
    float: left;
    z-index: 1;
}

.wrapper .cont {
    width:100%;
    float: left;
    padding: 75px 70px 70px;
    background: url(../img/bg_cont.jpg);
    position: relative;
}

.wrapper .cont .cont_left {
    width: 83px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -3px;
    background: url(../img/bg_cont_left.png);
}

.wrapper .cont .cont_right {
    width: 83px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -3px;
    background: url(../img/bg_cont_right.png);
}

.wrapper .cont .cont_top {
    width: 100%;
    top: -2px;
    left: 0;
    height: 56px;
    background: url(../img/bg_cont_top.png);
    position: absolute;
}

.wrapper .cont .cont_bottom {
    width: 100%;
    height: 56px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: url(../img/bg_cont_bottom.png);
}

.wrapper .cont .cont_left_top {
    position: absolute;
    top: -3px;
    left: -3px;
    background: url(../img/bg_cont_left_top.png);
    width: 83px;
    height: 57px;
    z-index: 2;
}

.wrapper .cont .cont_left_bottom {
    position: absolute;
    bottom: 0;
    left: -3px;
    background: url(../img/bg_cont_left_bottom.png);
    width: 83px;
    height: 56px;
    z-index: 2;
}

.wrapper .cont .cont_right_top {
    position: absolute;
    top: -3px;
    right: -3px;
    background: url(../img/bg_cont_right_top.png);
    width: 83px;
    height: 57px;
    z-index: 2;
}

.wrapper .cont .cont_right_bottom {
    position: absolute;
    bottom: 0;
    right: -3px;
    background: url(../img/bg_cont_right_bottom.png);
    width: 83px;
    height: 56px;
    z-index: 2;
}

.wrapper .cont .loop {
    width: 78px;
    height: 234px;
    position: absolute;
    top: 0;
    right: -31px;
    background: url(../img/search_bottom.png) no-repeat;
    z-index: 5;
}

.wrapper .cont .parent {
    width: 100%;
    float: left;
    position: relative;
    z-index: 5;
}

.wrapper .cont nav.top {
    width: 100%;
    border: 1px solid #f6ead7;
    height: 38px;
    background: url(../img/nav_top.png) repeat-x;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
    margin-bottom: 11px;
    line-height: 34px;
}

.wrapper .cont nav.top > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wrapper .cont nav.top > ul li {
    background: url(../img/nav_top_r.png) no-repeat;
    padding: 0 15px;
    display: inline-block;
    float: left;
    height: 100%;
}

.wrapper .cont nav.top > ul li:first-child {
    background: none;
}

.wrapper .cont nav.top > ul li img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    max-width: 36px;
    max-height:36px;
}

.wrapper .cont nav.top > ul li span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;

}

.wrapper .cont nav.top > ul li a, .wrapper .cont nav.top > ul li .a {
    color: #ece0c6;
    text-decoration: none;
}

.wrapper .cont nav.top > ul li:hover a span {
    text-decoration: underline;
}


.wrapper .cont nav.category {
    width: 100%;
    float: left;
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    margin-bottom: 7px;
}

.wrapper .cont nav.category ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.wrapper .cont nav.category ul li {
    width: 25%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0 0 24px;
}

.wrapper .cont nav.category ul li a {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-align-items: center;
    align-items: center;
}

.wrapper .cont nav.category ul li img {
    width: 54%;
    height: auto;
}


article {
    line-height: 1.5em;
    width: 100%;
    float: left;
}

article.first_page {
    width: calc(100% - 38px);
    padding: 0 19px;
}

article.first_page strong {
    color: #8c0101;
    text-transform: uppercase;
}

article p:first-child {
    margin-top: 0;
}

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

article ul li {
    margin: 0;
    padding: 0 0 2px 24px;
    position: relative;
}

article ul li:before {
    position: absolute;
    top: -1px;
    left: 9px;
    content: url(../img/marker.gif);
}

/*------------------------footer-----------------------*/

.hfooter {
    width: 100%;
    float: left;
    height: 190px;
}

footer {
    width: 100%;
    height: 141px;
    border-top: 2px solid #510f0f;
    margin-top: -130px;
    position: relative;
    z-index: 10;
    background: url(../img/footer.jpg) repeat-x #000;
    float: left;
}

footer .img {
    position: absolute;
    top: -103px;
    left: -100px;
    background: url(../img/footer.png) no-repeat;
    width: 292px;
    height: 216px;
}

footer nav {
    text-align: center;
    margin: 35px 0 25px;
}

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

footer nav ul li {
    margin: 0 10px;
    padding: 0;
    display: inline-block;
}

footer nav ul li a, footer nav ul li .a {
    color: #e9dbb7;
    text-decoration: underline;
    margin: 0 8px;
    white-space:nowrap;
}

footer .copy {
    width: 100%;
    float: left;
    text-align: center;
    color: #a08b6c;
}

/*------------------------question---------------------*/

.cont_flex {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 16px;
}

.column {
    width: 236px;
    margin-left: 14px;
}

.column nav.category_column {
    width: calc(100% - 16px);
    padding: 17px 8px 15px;
    float: left;
    background: url(../img/nav_column.jpg);
    box-shadow: 0 0 3px rgba(217, 201, 168, 1);
    border-radius: 15px;
    position: relative;
    margin-bottom: 18px;
}

.column nav.category_column .top {
    width: 100%;
    height: 51px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../img/nav_column_top.jpg);
}

.column nav.category_column .left_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 2;
    background: url(../img/nav_top_column_left.png);
}

.column nav.category_column .right_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    background: url(../img/nav_top_column_right.png);
}

.column nav.category_column .right_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: url(../img/nav_column_bottom_right.png);
}

.column nav.category_column .left_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: url(../img/nav_column_bottom_left.png);
}

.column .title_column {
    width: calc(100% - 16px);
    border: 1px solid #dcc696;
    padding: 1px 0 0;
    margin: 0 8px;
    color: #8c0101;
    font-family: 'Cuprum', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    text-align: center;
    background: url(../img/title_column.png);
    float: left;
}

.column nav.category_column .title_column {
    width: calc(100% - 2px);
    margin: 0;
    float: left;
}

.column nav.category_column ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 10;
}

.column nav.category_column ul li {
    margin: 0;
    padding: 2px 0;
    border-top: 1px solid #e4dac6;
    font-size: 17px;
    width: 100%;
    font-family: 'Cuprum', sans-serif;
    float: left;
}

.column nav.category_column ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-decoration: none;
}

.column nav.category_column ul li:first-child {
    border: none;
}

.column nav.category_column ul li img {
    max-width: 31px;
    max-height: 25px;
    margin-right: 5px;
}

.column nav.category_column ul li span {
    display: inline-block;
    margin-top: 3px;
}

.column nav.category_column ul li span.a {
    margin-top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-decoration: none;
}

.column nav.category_column ul li ul {
    margin-top: 3px;
}

.column nav.category_column ul li ul li {
    width: calc(100% - 44px);
    padding: 4px 0 3px 44px;
    position: relative;
}

.column nav.category_column ul li ul li:first-child {
    border-top: 1px solid #e4dac6;
}

.column nav.category_column ul li ul li:before {
    position: absolute;
    top: 3px;
    left: 34px;
    content: url(../img/marker.gif);
}

.column nav.category_column ul li ul li a {
    color: #8c0101;
    font-size: 16px;
}

.column nav.category_column ul li ul li a:hover {
    color: #618807;
}

.article_column {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    margin-top: 6px;
}

.article_column .img {
    float: left;
    margin-right: 9px;
    margin-bottom: 4px;
}

.article_column .img img {
    float: left;
    border: 1px solid #aec96e;
}

.article_column .date {
    color: #909090;
    font-size: 11px;
    margin-top: -3px;
    margin-bottom: 4px;
}

.article_column .name {
    font-family: 'Cuprum', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1em;
}

.article_column .name a {
    color: #749c16;
    text-decoration: none;
}

.article_column .name a:hover {
    text-decoration: underline;
}

.article_column .text {
    width: 100%;
    float: left;
    color: #555;
    line-height: 1.2em;
}

.article_column .more {
    width: 100%;
    float: left;
    text-align: right;
    margin-top: -5px;
    font-size: 11px;
}

.article_column .more a {
    text-decoration: none;
    color: #8f0807;
}

.article_column .more a:hover {
    text-decoration: underline;
}

.article_column .more a:before {
    content: "...";
    display: inline-block;
    margin-right: 5px;
}

.article_column .more a:after {
    content: "...";
    display: inline-block;
    margin-left: 5px;
}





.gallery {
    width: 100%;
    float: left;
    margin-bottom: 21px;
}

.gallery .head {
    width: 100%;
    float: left;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 9px;
    color: #551000;
    text-transform: uppercase;
}
.gallery .flex .uchastnikileft{display:inline-block;width:150px;margin-right:10px;vertical-align: top;}
.gallery .flex .uchastnikileft img{width:150px;height:150px;}
.gallery .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-block;

    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;

    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.gallery .flex a {
    width: 16%;margin-right:10px;
}

.answer_expert {
    width: calc(100% - 20px);
    padding: 7px 10px 3px;
    float: left;
    background: #f6eedd;
    border-radius: 25px;
    margin-bottom: 19px;
}

.answer_expert .head {
    color: #be1919;
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.answer_expert .comment {
    width: 100%;
    float: left;
    border-top: 1px solid #c0a574;
    padding: 15px 0;
}

.answer_expert .comment .user {
    width: 90px;
    float: left;
    font-weight: bold;
}

.answer_expert .comment .user a, .answer_expert .comment .user {
    color: #be1919;
    text-decoration: none;
}

.answer_expert .comment .user a:hover {
    text-decoration: underline;
}

.answer_expert .comment .user a img {
    margin-bottom: 4px;
}

.answer_expert .comment .text {
    width: calc(100% - 115px);
    float: right;
    line-height: 1.5em;
    margin-top: -3px;
}

.answer_user {
    width: calc(100% - 20px);
    padding: 7px 10px 3px;
    float: left;
    border-top: 1px solid rgba(104, 81, 30, 0.08);
    border-bottom: 1px solid rgba(104, 81, 30, 0.08);
    background: url(../img/article_bg_top.jpg) repeat-x left top, url(../img/article_bg_bottom.jpg) repeat-x left bottom;
    border-radius: 25px;
    margin-bottom: 19px;
}

.answer_user .head {
    color: #7b5241;
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.answer_user .comment {
    width: 100%;
    float: left;
    border-top: 1px solid #c0a574;
    padding: 15px 0;
}

.answer_user .comment .user {
    width: 90px;
    float: left;
    font-weight: bold;
}

.answer_user .comment .user a, .answer_user .comment .user {
    color: #749c16;
    text-decoration: none;
}

.answer_user .comment .user a:hover {
    text-decoration: underline;
}

.answer_user .comment .user a img {
    margin-bottom: 4px;
}

.answer_user .comment .text {
    width: calc(100% - 115px);
    float: right;
    line-height: 1.5em;
    margin-top: -3px;
}

.answer_user .comment .text .raiting {
    width: 100%;
    float: left;
    color: #551000;
    font-weight: bold;
}

.answer_user .comment .text .raiting .box {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.answer_user .comment .text .raiting .box a {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none;
}

.answer_user .comment .text .raiting .box a.plus {
    color: #5a7a02;
}

.answer_user .comment .text .raiting .box a.minus {
    color: #f01313;
}

/*------------------------add question-----------------*/

.sub_form {
    max-width: 306px;
    border: 1px solid #c0a574;
    padding: 11px 9px;
    margin-bottom: 20px;
    display: none;
}

.sub_form.form1 {
    display: block;
}

/*------------------------category---------------------*/

.cont_flex.page_category .column {
    order: 1;
    margin: 0 14px 0 0;
}

.cont_flex.page_category .content {
    order: 2;
}

.list_articles {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
}

.list_articles section {
    width: 32%;
    margin-bottom: 21px;
}

.list_articles section img {
    margin-bottom: 4px;
}

.list_articles section .name {
    font-size: 17px;
    font-family: 'Cuprum', sans-serif;
    margin-bottom: 11px;
}

.list_articles section .soc {
    margin-bottom: 4px;
}

.list_articles section .text {
    line-height: 1.5em;
}




/*------------------------list question----------------*/

.top_text {
    width: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 19px;
}

.top_text p {
    margin-top: 0;
}



.list_question {
    padding: 7px 0 3px;
    margin-bottom: 19px;
}

.list_question .head {
    color: #551000;
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.list_question section {
    width: 100%;
    float: left;
    border-top: 1px solid #c0a574;
    padding: 15px 0;
}

.list_question section .user {
    width: 90px;
    float: left;
    font-weight: bold;
}

.list_question section .user a, .list_question section .user {
    color: #749c16;
    text-decoration: none;
}

.list_question section .user a:hover {
    text-decoration: underline;
}

.list_question section .user a img {
    margin-bottom: 4px;
}

.list_question section .text {
    width: calc(100% - 115px);
    float: right;
    line-height: 1.5em;
    margin-top: -3px;
}

.list_question section .text .top {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.list_question section .text .name {
    float: left;
    width: calc(100% - 90px);
    font-size: 16px;
    text-transform: uppercase;
}

.list_question section .text .name a {
    text-decoration: none;
}

.list_question section .text .date {
    float: right;
    color: #551000;
    position: relative;
    top: 2px;
}

.list_question section .text .raiting {
    width: 100%;
    float: left;
    color: #551000;
    font-weight: bold;
}

.list_question section .text .raiting .box {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.list_question section .text .raiting .box a {
    display: inline-block;
    margin-left: 5px;
    text-decoration: none;
}

.list_question section .text .raiting .box a.plus {
    color: #5a7a02;
}

.list_question section .text .raiting .box a.minus {
    color: #f01313;
}

/*------------------------article----------------------*/

article p {
    line-height: 1.45;
    margin: 0;
}

.h22 {
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    color: #551000;
    text-transform: uppercase;
}

.list_article {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.list_article .head {
    font-weight: bold;
    margin-bottom: 6px;
}

blockquote .list {
    width: 100%;
    padding: 30px 45px 30px 65px;
    background: url(../img/nav_column.jpg);
    box-shadow: 0 0 3px rgba(217, 201, 168, 1);
    border-radius: 15px;
    position: relative;
    border: 1px solid #f6ecd3;
    border-top: 0;
}

.list_article .list .top, blockquote .list .top {
    width: 100%;
    height: 51px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../img/nav_column_top.jpg);
}

.list_article .list .bottom, blockquote .list .bottom {
    width: 100%;
    height: 50px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: url(../img/nav_column_bottom.jpg) left bottom;
}

.list_article .list .left_top, blockquote .list .left_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 2;
    background: url(../img/nav_top_column_left.png);
}

.list_article .list .right_top, blockquote .list .right_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    background: url(../img/nav_top_column_right.png);
}

.list_article .list .right_bottom, blockquote .list .right_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    right: 0;
    z-index: 2;
    background: url(../img/nav1_bottom_column_right.png);
}

.list_article .list .left_bottom, blockquote .list .left_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
    background: url(../img/nav1_bottom_column_left.png);
}

.list_article .list .flex, blockquote .list .flex {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 5;
}

.list_article .list .flex ul {
    /* margin: 0 0 0 17px; */
    padding: 0;
    list-style: none;
}

.list_article .list .flex ul li {
    position: relative;
    margin: 2px 0;
    padding: 0 0 0 17px;
    width: 50% !important;
}

.list_article .list .flex ul li:before {
    width: 15px;
    display: inline-block;
    content: url(../img/greencheck.png);
}

.list_article .list .flex ul li a {
    text-decoration: none;
    color: rgb(109, 68, 39);
}

.list_article .list .flex ul li a:hover {
    text-decoration: underline;
}

.top_text {
    width: 100%;
    margin-bottom: 20px;
}



.video {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.soc_box {
  width: 100%;
  padding: 14px 8px 12px;
  /* float: left; */
  background: url(../img/nav_column.jpg);
  box-shadow: 0 0 3px rgba(217, 201, 168, 1);
  border-radius: 15px;
  position: relative;
  border: 1px solid #f6ecd3;
  border-top: 0;
  margin-bottom: 37px;
}

.soc_box .top {
    width: 100%;
    height: 51px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../img/nav_column_top.jpg);
}

.soc_box .bottom {
    width: 100%;
    height: 50px;
    border-radius: 15px 15px 0 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: url(../img/nav_column_bottom.jpg) left bottom;
}

.soc_box .left_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 2;
    background: url(../img/nav_top_column_left.png);
}

.soc_box .right_top {
    width: 65px;
    height: 18px;
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    background: url(../img/nav_top_column_right.png);
}

.soc_box .right_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    right: 0;
    z-index: 2;
    background: url(../img/nav1_bottom_column_right.png);
}

.soc_box .left_bottom {
    width: 65px;
    height: 16px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
    background: url(../img/nav1_bottom_column_left.png);
}

.soc_box .head {
    width: 100%;
    float: left;
    text-align: center;
    color: #8c0101;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
}

.soc_box .flex {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-justify-content: center;
    justify-content: center;

    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 5;
}

.soc_box .flex img.left {
    margin-right: 44px;
}

.soc_box .flex img.right {
    margin-left: 44px;
}

.soc_box .flex .text {
    text-align: center;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #551000;
}

.soc_box .flex .text .soc {
    margin-top: 10px;
}

.comment_list {
    width: calc(100% - 20px);
    padding: 7px 10px 3px;
    float: left;
    border-top: 1px solid rgba(104, 81, 30, 0.08);
    border-bottom: 1px solid rgba(104, 81, 30, 0.08);
    background: url(../img/article_bg_top.jpg) repeat-x left top, url(../img/article_bg_bottom.jpg) repeat-x left bottom;
    border-radius: 25px;
    margin-bottom: 23px;
}

.comment_list .head {
    color: #551000;
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.comment_list .comment {
    /* width: 100%; */
    /* float: left; */
    /* border-top: 1px solid #c0a574; */
    /* padding: 11px 0; */
}

.comment_list .comment .date {
    /* margin-right: 18px; */
    /* color: #551000; */
    /* float: left; */
    /* margin-bottom: 6px; */
}

.comment_list .comment .user {
    margin-bottom: 6px;
    font-weight: bold;
}

.comment_list .comment .user a, .comment_list .comment .user {
    color: #749c16;
    text-decoration: none;
}

.comment_list .comment .user a:hover {
    text-decoration: underline;
}

.comment_list .comment .text {
    line-height: 1.5em;
}

form#add_comment {
    /* width: 100%; */
    /* float: left; */
    /* margin-bottom: 10px; */
}

form#add_comment .head {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #551000;
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

form#add_comment input[type="text"] {
    width: calc(100% - 22px);
    float: right;
    margin-bottom: 5px;
}

form#add_comment textarea {
    /* width: calc(100% - 22px); */
    /* float: right; */
    /* margin-bottom: 16px; */
}

form#add_comment input[type="submit"] {
    float: right;
}

/*------------------------850--------------------------*/
@media screen and (max-width: 850px) {

    .wrapper .cont nav.category {
        font-size: 16px;
    }

    footer nav {
        padding: 0 30px;
        margin: 25px 0 29px;
    }

    footer nav ul {
        text-align: right;
    }

    footer .copy {
        width: 100%;
        padding: 0 30px 0 0;
        float: right;
        line-height: 1.5em;
    }

}

/*------------------------800--------------------------*/
@media screen and (max-width: 800px) {
    .column {
        width: 210px;
    }

    .content {
        width: calc(100% - 225px);
    }

    .gallery .flex {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .gallery .flex a {
        width: 30%;
        margin-bottom: 15px;
    }

    .list_articles section {
        width: 48%;
    }
}

/*------------------------750--------------------------*/
@media screen and (max-width: 750px) {
    .wrapper .cont nav.category {
        font-size: 15px;
    }

    footer .copy {
        width: 100%;
    }
}

/*------------------------700--------------------------*/
@media screen and (max-width: 700px) {
    .column {
        display: none;
    }

    .content {
        width: 100%;
    }
}

/*------------------------650--------------------------*/
@media screen and (max-width: 650px) {
    footer .img {
        display: none;
    }

    .wrapper .cont {
        padding: 36px 51px;
    }

    .wrapper .cont nav.category > ul li {
        width: 50%;
    }

    .wrapper .cont nav.category > ul li img {
        width: 25%;
        height: auto;
    }

    .wrapper .cont nav.category > ul li {
        margin-bottom: 10px;
    }

    .wrapper .cont nav.top > ul li span:not(.a) {
        display: none;
    }

    .wrapper .cont .title{
        font-size: 16px;
        padding: 8px 9px 4px;
        width: calc(100% - 20px);
        margin-bottom: 8px;
    }

    .wrapper .cont .article .article_title {
        font-size: 15px;
    }

    .column nav.category_column .title_column {
        font-size: 16px;
    }

    .question .user,
    .answer_expert .comment .user,
    .answer_user .comment .user,
    .list_question section .user {
        width: 60px;
        font-size: 10px;
    }



    .wrapper .cont nav.top > ul li:first-child {
        display: block;
    }

    .wrapper .cont nav.top > ul li:first-child img {
        position: relative;
        margin-right: 7px;
    }

    .wrapper .cont nav.top > ul li:first-child span {
        display: inline-block;
    }

    .mob_menu {
        width: 210px;
        padding: 0 8px 15px;
        background: url(../img/nav_column.jpg);
        box-shadow: 0 0 3px rgba(217, 201, 168, 1);
        border-radius: 15px;
        position: absolute;
        top: 37px;
        left: 0;
        display: none;
        z-index: 10000;
    }

    .mob_menu .top {
        width: 100%;
        height: 51px;
        border-radius: 15px 15px 0 0;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background: url(../img/nav_column_top.jpg);
    }

    .mob_menu .left_top {
        width: 65px;
        height: 18px;
        position: absolute;
        top: -3px;
        left: 0;
        z-index: 2;
        background: url(../img/nav_top_column_left.png);
    }

    .mob_menu .right_top {
        width: 65px;
        height: 18px;
        position: absolute;
        top: -3px;
        right: 0;
        z-index: 2;
        background: url(../img/nav_top_column_right.png);
    }

    .mob_menu .right_bottom {
        width: 65px;
        height: 16px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        background: url(../img/nav_column_bottom_right.png);
    }

    .mob_menu .left_bottom {
        width: 65px;
        height: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: url(../img/nav_column_bottom_left.png);
    }

    .mob_menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        z-index: 10;
    }

    .mob_menu ul li {
        margin: 0;
        padding: 2px 0;
        border-top: 1px solid #e4dac6;
        font-size: 17px;
        width: 100%;
        font-family: 'Cuprum', sans-serif;
        float: left;
    }

    .mob_menu ul li a, .mob_menu ul li .a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;

        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        text-decoration: none;
    }

    .mob_menu ul li:first-child {
        border: none;
    }

    .mob_menu ul li img {
        max-width: 31px;
        max-height: 25px;
        margin-right: 5px;
    }

    .mob_menu ul li span {
        display: inline-block;
        margin-top: 3px;
    }

    .mob_menu ul li ul {
        margin-top: 3px;
    }

    .mob_menu ul li ul li {
        width: calc(100% - 44px);
        padding: 4px 0 3px 44px;
        position: relative;
    }

    .mob_menu ul li ul li:first-child {
        border-top: 1px solid #e4dac6;
    }

    .mob_menu ul li ul li:before {
        position: absolute;
        top: 3px;
        left: 34px;
        content: url(../img/marker.gif);
    }

    .mob_menu ul li ul li a {
        color: #8c0101;
        font-size: 16px;
    }

    .mob_menu ul li ul li a:hover {
        color: #618807;
    }


    .list_question section .text .name {
        width: 100%;
    }

    .list_question section .text .date {
        width: 100%;
        margin: 5px 0;
    }

    .list_article .list .flex img {
        display: none;
    }

    .list_article .list .flex ul {
        margin: 0;
    }

    h3, h4, h5 {
        width: 100%;
        float: left;
    }
}

/*------------------------600--------------------------*/
@media screen and (max-width: 649px) {
    header.header .logotip,
    .wrapper .cont .loop,
    .wrapper .cont .cont_top,
    .wrapper .cont .cont_left,
    .wrapper .cont .cont_right,
    .wrapper .cont .cont_bottom,
    .wrapper .cont .cont_left_top,
    .wrapper .cont .cont_left_bottom,
    .wrapper .cont .cont_right_top,
    .wrapper .cont .cont_right_bottom,
    .hfooter {
        display: none;
    }

    .logotip_mob {
        display: block;
        margin: 21px 0 -22px;
        float: left;
    }

    header.header .search_box {
        background: none;
        right: auto;
        left: 132px;
        width: auto;
        height: auto;
        top: 127px;
    }

    header.header .search_box input[type="text"] {
        position: relative;
        top: 0;
        left: 0;
        margin-right: 7px;
        float: left;
        font-size: 14px;
    }

    header.header .search_box input[type="submit"] {
        float: left;
        position: relative;
        top: 1px;
        right: auto;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    }

    .wrapper .cont .article {
        background: #f4efe1;
        border: 1px solid #ddcaa0;
        padding: 9px 10px 8px;
        width: calc(100% - 22px);
        border-radius: 5px;
    }

    footer {
        margin-top: 0;
        height: auto;
        padding-bottom: 24px;
    }

    footer nav {
        margin: 15px 0;
        padding: 0 10px;
    }




    footer .copy {
        width: 100%;
        padding: 0 10px;
        margin-top: 15px;
    }

    .wrapper .cont {
        padding: 15px 8px;
        width: 100%;
    }

    article.first_page {
        padding: 0;
        width: 100%;
    }

}

/*------------------------450--------------------------*/
@media screen and (max-width: 450px) {
    header.header .search_box input[type="text"] {
        width: 121px;
        margin-bottom: 5px;
    }

    header.header .search_box {
        top: 100px;
    }
}

/*------------------------400--------------------------*/
@media screen and (max-width: 400px) {
    .soc_box .flex img.left,
    .soc_box .flex img.right {
        display: none;
    }

    .wrapper .cont nav.top > ul li {
        padding: 0 7px 0 10px;
    }

    .list_articles section {
        width: calc(100% - 22px);
        padding: 10px;
        background: #f4efe1;
        border: 1px solid #ddcaa0;
        border-radius: 5px;
    }

    .sub_form {
        padding: 11px 10px;
        width: calc(100% - 22px);
    }
}

/*------------------------350--------------------------*/
@media screen and (max-width: 350px) {
    .wrapper .cont .article .more {
        margin-top: 0;
        text-align: left;
    }
}


.xs-section-title{
    display: none;
    border-left: none;

}
.page-flex{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 16px;
}
.breadcrumbs li{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-family: "Cuprum";
    color:#770303;
    font-style: italic;
    font-variant: small-caps;
    line-height: 1.125;
    vertical-align: top;
    margin-right: 30px;
}
.breadcrumbs li:before{
    content: '';
    width: 30px;
    height: 100%;
    position: absolute;
    right: -30px;
    top:0;
    background: url("../img/rightarrow.png") center center no-repeat;
}
.breadcrumbs li:last-child:before{
    display: none;
}
.breadcrumbs li>a{
    color: rgb(121, 84, 57);
}
.breadcrumbs {
    margin-bottom: 10px;
}
.topic-title{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.aside-menu li{
    border-bottom:1px solid rgb(215, 200, 163);
}
.to-all-topics{
    display: inline-block;
    position: relative;
    font-family: Verdana;
    font-size: 16px;
    color: rgb(109, 68, 39);
    font-variant: small-caps;
    padding-top: 8px;
  border-bottom: 1px dashed rgb(109, 68, 39);
}
.to-all-topics:after{
    content: '';
    width: 25px;
    height: 100%;
    margin-top: 8px;
    position: absolute;
    right: -30px;
    top:0;
    background: url("../img/magicwand.png") center center no-repeat;
background-size: contain;
}
.list_article,
.opacity-back{
    position: relative;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.opacity-back>div{
    position: relative;
}
.list_article:before,
.opacity-back:before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: url(../img/title.png);
    opacity: 0.502;
    border: 1px solid #cab681;
}
.list_article .list .flex ul li,
.short-list>li{
    display: inline-block;
    width: auto;
    position: relative;
    text-align: left;
    width: 29%;
}
.short-list{
    font-size: 18px;
}
.short-list a {
    font-size: inherit;
    font-family: "Cuprum";
    color: rgb(109, 68, 39);
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    line-height: 1.389;

}
.short-list a:hover {
    color:#770303;
}
.topic-info{
    background: url("../img/topic-back.jpg") center center no-repeat;
    background-size: cover;
    font-size: 16px;
    font-family: "Cuprum";
    color: rgb(255, 255, 255);
    font-style: italic;
    line-height: 1.25;
    text-align: left;
    padding: 20px 15px;
position: relative;
    margin-bottom: 20px;
}
.topic-info>div{
    position: relative;
}
.topic-info p{
    margin: 0;
}
.topic-info:before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(70, 40, 1,.6);
}
.topic-articles article{
    margin-bottom: 20px;
}
.article-footer{
    position:relative;
    padding: 0 10px;
    margin-top: 12px;
}
.article-footer-item{
    display: inline-block;
    font-size: 16px;
    font-family: "Cuprum";
    font-weight: bold;
    font-variant: small-caps;
    line-height: 20px;
    position: relative;
    margin-right: 23px;
}
.article-footer-item:last-child{
    margin-right: 0;
}
.article-footer:before{
    content: '';
    background: url(../img/title.png);
    opacity: 0.502;
    border: 1px solid #cab681;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.article-footer-item span{
display: inline-block;
    vertical-align: middle;
}
.char-info{
    margin: 0 2px;
    color: rgb(109, 68, 39);
}
.article-footer-item img{
    max-width:18px;
    max-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.article-content{
    font-variant: small-caps;
}
.pagination {
    width: 100%;
    margin: 5px 0;
    text-align: center;
}
.pagination li {
    display: inline-block;
    text-align: center;
    width: 10px;
}

.pagination li>a,.pagination li>span{
    display: block;
    font-size: 13px;
    font-family: "Cuprum";
    color: #6d4427;
    font-weight: bold;
    font-variant: small-caps;
    line-height: 1.25;
}
.pagination li:hover>a,.pagination li:hover>span,.pagination li.active>a,.pagination li.active>span{
    color: rgb(119, 3, 3);
    text-decoration: underline;
}
.question{
font-variant: small-caps;
}
.answer-item{
    position: relative;
}
.answer-image{
    position: relative;
    width: 90px;
    left:20px;
    float: left;
}
.answer-image img{
    height:auto
     
}
.answer-item{
    background-color: rgb(235, 228, 211);
    padding: 20px 0;
    margin-bottom: 30px;
    overflow: hidden;
    clear: both;
}
.answer-body{
    padding: 0 20px;
    padding-left: 130px;
}
.answer-footer{
    padding-left: 130px;
    margin: 10px 0;
}
.answer-footer a{
    font-size: 12px;
    font-family: "Cuprum";
    color: rgb(109, 68, 39);
    font-weight: bold;
    font-variant: small-caps;
    line-height:30px;
    margin-right: 44px;
    white-space: nowrap;
}
.answer-footer a:last-child{
    margin-right: 0;
}
.answer-footer img{
    max-width: 22px;
    margin-right: 8px;
}
.answer-footer img,.answer-footer span{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.like img{top:-5px}
.dislike img{
    bottom:-5px;
}
.ask-form{
    max-width: 472px;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.inputs .wpcf7-form-control-wrap {
    display: none;
    width: 49%;
}
.form-control{
    border: 1px solid rgb(215, 201, 162);
    background-color: rgb(243, 243, 233);
    width: 100%;
    height: 42px;
    margin-bottom: 10px;
    font-variant: small-caps;
    line-height: 42px;
    padding: 0 10px;
    font-size: 12px;
    font-family: Verdana;
}
.form-checkbox{
    display: inline-block;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: -1px;
    width: 13px;
    height: 13px;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 9px;
}
.form-checkbox:checked:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 9px;
    line-height: 11px;
    position: absolute;
    top: 0;
    left: 1px;
    color: #551000;
}
.form-label{
    margin-bottom: 3px;
    font-family: 'Cuprum';
    font-weight: bold;
    color: #551000;
    font-variant: normal;
    font-size: 16px;
}
.form-group{
    margin-bottom: 13px;
}
.btn-green:hover{
    background: rgb(119, 3, 3);
    color: rgb(254, 254, 252);
}
textarea.form-control{
    height: auto;
}
.question-form .btn-green,.comment-form .btn-green{
    float: right;
}
.question-form .article-title,.comment-form .article-title {
    margin-bottom: 10px;
}
.article-intro{
    margin-bottom: 30px;
}
.single-comment-item{
    font-variant: small-caps;
    margin-top: 23px;
}
.single-comment-item .single-comment-item{
    padding-left: 10px;
}
.single-comment-item{
    border-left:1px dashed rgb(41, 41, 41);
    padding-left: 10px;
}
.single-comment-wrapper{
  
    padding-left: 10px;
}
.comment-field>.single-comment-item>.single-comment-wrapper{
    padding-left:0;
}
.comment-field>.single-comment-item>.single-comment-wrapper>.single-comment-body,
.comment-field>.single-comment-item>.single-comment-wrapper>.single-comment-header,
.comment-field>.single-comment-item>.single-comment-wrapper>a{
    margin-left: 10px;
}
.comment-field{
    margin-bottom: 20px;
}
.comment-form .article-title{
    color:#770303;
}
.question-form .article-title{
    color: rgb(109, 68, 39);
}
.single-comment-header{
    font-weight: bold;
    color:#462813;
    line-height: .8;
}
.single-comment-item .date{
    margin-left: 50px;
    font-weight: normal;
}
.single-comment-body{
    padding: 7px 0 1px;
}
.single-comment-item a{
    color:#770303;
    line-height: .8;
    vertical-align: bottom;
    display: inline-block;

}
.single-article-content{
    font-variant: small-caps;
}
.single-article-content p{
    margin-bottom: 20px;
    line-height: 1.5;
}
.single-article-content h2{
    font-size: 20px;
    font-family: "Cuprum";
    color: rgb(85, 16, 0);
    font-weight: bold;
    margin: 0;
    line-height: 1;
    text-transform: none;
}
.single-article-content ul>li{
    position: relative;
    line-height: 1.5;
}
.single-article-content ul>li:first-line{
    line-height: .5;
}
.single-article-content ul>li:before {
    content: url(../img/magicbroom.png);
    width: 27px;
    display: inline-block;
    vertical-align: text-bottom;
}
blockquote{
    margin: 20px 0;
    position:relative;
    width: 100%;
    padding: 30px 45px 30px 65px;
    background: 

    url(../img/nav_top_column_left.png) top left no-repeat,
    url(../img/nav_top_column_right.png) top right no-repeat,
    url(../img/nav1_bottom_column_right.png) right  102%  no-repeat,
    url(../img/nav1_bottom_column_left.png) left 102%   no-repeat,  
    -webkit-linear-gradient(top, #e5d9bf 0%,#f4ecd7 51%,#e5d9bf 100%),
      linear-gradient(to bottom, #e5d9bf 0%,#f4ecd7 51%,#e5d9bf 100%)
       ; 
    box-shadow: 0 0 3px rgba(217, 201, 168, 1);
    /* border-radius: 15px; */
    position: relative;
    border: 1px solid #f6ecd3;
    border-top: 0;
}
.single-article-content ol {
    list-style-type: none;
    counter-reset: num;
    padding: 0;
}
.single-article-content ol>li::before {
    content: counter(num) '. ';
    counter-increment: num;
    color: #770303;
}
.single-article-content ol>li
.single-article-content ul,.single-article-content ol{
margin-bottom: 20px;
}
.single-article-content ul>li:nth-child(2n+2):before{
    content: url(../img/magicwand2.png);
}
.note{
    position: relative;
    border: 1px solid rgb(109, 68, 39);
    padding: 20px 15px 40px 65px;
    margin: 20px 0;
        clear: both;
}

.note-em{
  display: inline;
  font-style: italic;
}
.note-strong{
  display: inline;
  font-weight: bold;
}
.note:before,blockquote:before{
    content: '';
    position: absolute;
    left:15px;
    top:20px;
    width: 45px;
    height: 45px;
    background-size: 42px auto;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 2;
}
blockquote:before{
    background-image:url('../img/praying.png') ;
}
blockquote p{
    z-index: 2;
    position: relative;
    margin-bottom: 0!important;
}
.lightbulb:before{
    background-image:url('../img/light-bulb.png') ;
}
.important:before{
    background-image:url('../img/warning.png') ;
}
.single-article .short-list>li{
    min-width: 50%;
}
.single-article .short-list{
    font-size: 14px;
}
.single-article .short-list a{
    font-family: Verdana;
    font-weight: normal;
    font-style: normal;
    line-height: 1.8;

}
.list_article .head,
.opacity-back .content-title{
    font-size:16px;
    color: #770303;
    line-height: 1.6;
    position: relative;
    z-index: 9;
}
.article-interesting-item>div{
    display: inline-block;
}
.article-interesting-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    background-color: rgb(217, 203, 165);
   position: relative;
    padding: 10px;
    height: 60px;
    margin-bottom: 10px;
    margin-right: 30px;
}
.article-interesting-item:after {
    content:'';
    position: absolute;
    left:100%;
    top:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #dacba5;
}
.article-interesting-body{
    padding-left: 10px;
    color:#6d4427;
    width: 65%;
}
.article-interesting-title{
    font-size: 12px;
    font-family: "Cuprum";
    color: rgb(119, 3, 3);
    font-weight: bold;
    font-variant: small-caps;
    line-height: 1;
    margin: 5px 0 1px;
}
.article-interesting-photo{
    max-height: 100%;
    overflow: hidden;
    max-width: 11.5%;
}
.article-interesting-link{
    align-self: flex-end;
    display: none!important;
}
.article-interesting{
    margin-bottom: 10px;
}
.article-interesting-header{
   color:#6b8a10;
}
.article-interesting-header span{
    display: inline-block;
    vertical-align: middle;
}
.article-interesting-header img{
    width: 18px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.article-intro:after{
    display: table;
    width: 100%;
    content: '';
    clear: both;
}
.article-interesting-body>div:last-child {
    display: none;
}

.article-intro-body{
    font-family: "Cuprum";
    color: rgb(41, 41, 41);
    font-style: italic;
    line-height: 1.25;
    text-align: left;
    font-variant: normal;
}
.popular-items{
    position: relative;
}
.about-hidden-part p{
    display: none;
}
.about-hidden-part p:first-child,.about-hidden-part p:nth-child(2){
    display: block;
}
.open-hidden p{
    display: block;
}
.user-expert{
    color: #770303;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 0;
    background: #ece0c6;
}
.navbar-toggle{
    display:inline-block;
    vertical-align: bottom;
    margin-right: 3px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
    height: 2px;
}
@media(min-width: 650px){
    .home .topic-title{
        height: 80px;
    }
    .topic-title img {
        max-width: 70px;
        max-height: 70px;
    }
    .topic-item{
        width: 25%;
    }
    .home .topic-title span {
        text-align: left;
    }

    .article-interesting-item {
        height: 72px;
    }
    .article-interesting-item:after {
        border-width: 36px 0 36px 30px;
    }
    .article-interesting-title {
        font-size: 15px;
    }
    .article-interesting-link{
        display: block!important;
    }
    .article-intro-body{
        font-size: 16px;
        float:right;
        display: inline-block;
        vertical-align: top;
        width: 65%;
    }
    .article-intro-photo{
        width: 35%;
        padding-right: 30px;
        display: inline-block;
        vertical-align: top;
    }
    .question-form .article-title,.comment-form .article-title {
        font-size: 18px;
    }
    header.header .logotip {
        margin: 3px 0 -50px -5px;
    }
    .wrapper .cont{
       padding:40px 50px;
    }
    .article-footer-item{
        font-size: 13px;
    }
    .content {
        width: 73.5%;
        order: 2;
    }
    aside {
        width:26.5%;
        order: 1;
        padding-right: 6px;
    }
    footer nav ul{
        text-align: right;
    }
    .slider-links {
        margin: 5px 0 0;
    }

    .popular-articles .xs-section-title{
        display: block;
        margin-bottom: 40px;
    }
    .comment-item{
        padding-right: 30px;
    }
    body{
        font-size: 12px;
    }
    .general-links a img{
        max-width: 65px;
        max-height: 50px;
    }
    header.header .search_box input[type="text"] {
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        top: 32px;
    }
    header.header .search_box input[type="submit"]{
        height: 24px;
        line-height: 24px;
        top: 32px;
    }

    .main {
        background-size: 100% auto;
    }
    .wrapper .cont .loop {
        width: 78px;
        height: 234px;
        position: absolute;
        top: 0;
        right: -27px;
        background: url(../img/search_bottom.png) no-repeat;
        z-index: 5;
    }
    .about-hidden-part {
        font-size: 16px;
    }
    .expert-text{
        padding-left: 20px;
        font-size: 12px;
        font-family: Cuprum;
    }
    .article-title {
        font-size: 16px;
    }
    .home .article-title {
        font-size: 18px;
    }
    .article-preview-photo {
        height: 90px;
    }
    .comment-body{
        height: 68px;
    }
    .comment-item{
        font-size: 12px;   }

    .question-item-body {
        max-height: 105px;
    }

    .question-item-title{
        font-size: 13px;
        text-transform: uppercase;
    }
    .btn-green{
        font-size: 12px;
        line-height: 32px;
        height: 32px;
    }

    .container{
        width: 100%;
    }
    .home .wrapper .cont nav.top{
        display: none;
    }
    .popular-articles .left-side{
        display: inline-block;
    }
    .question-item{
        width: 48.5%;
    }

    .col-4{
        width: 48.5%;
        float: left;
    }

    .flex-reverse {
        flex-flow: column;
    }
    .page-nav{
        display: none;
    }
    .home .page-nav,.section-image{
        display: block;
    }
    .ask-expert .btn-green{
        float: right;
        margin-left: 20px;
    }
    .section-image{
        width: 31.8%;
        float: left;
        position: relative;
    }
    .section-text{
        width: 68.2%;
        padding: 0 0 0 30px;
        display: inline-block;
    }
    .topic-title{
        font-size: 16px;

        font-weight: bold;
        height: 40px;
    }
    .home .topic-title{
        text-align: center;
    }
    .section-title {
        font-size: 24px;
    }
    .home .section-title,.question .section-title{
        margin-bottom: 30px;
    }
    .list_question .section-title{
        margin-bottom: 0;
    }
    .half-container .topic-item {
        width: 50%;
    }
    .flex > ul,
    .flex-container{
        -webkit-justify-content: space-around;
    justify-content: space-around;
        clear: both;
    }
    .half-container{
        width: 50%;
        float: left;
        clear: none;
    }
    #comments{
        width: 51.5%;
    }
    #comments .section-title{
        border-right: none;
    }
}
@media(min-width: 992px){
    .question-item-body {
        max-height: 115px;
    }
    .home .topic-title{
        height: 40px;
    }
    .topic-title img {
        max-width: 35px;
        max-height: 35px;
    }
    #comments .section-title {
    border-left: none;
        border-right: 1px solid #d2b77f;
    }
    .topic-item{
        width: 23%;
    }

    .article-interesting-item {
        height: 95px;
    }
    .article-interesting-item:after {
        border-width: 47.5px 0 47.5px 30px;
    }
    .article-interesting-body{
        width: 68%;
    }
    .article-interesting-title {
        font-size: 16px;
    }
    .article-interesting-body>div:last-child{
        display: block;
    }
    .form-control{
        font-size: 14px;
    }
    .answer-footer a {
        font-size: 16px;
    }
    .question-form .article-title,.comment-form .article-title {
        font-size: 24px;
    }

    .wrapper .cont nav.top > ul li {
        padding: 0 30px;
    }
    .pagination li>a,.pagination li>span{
        font-size: 16px;
    }
    .article-title {
        font-size: 20px;
    }
    .article-footer-item{
        margin-right: 16px;
    }
    .char-info{
        margin: 0 5px;
    }
    .article-footer-item img {
        max-width: 22px;
        max-height: 20px;
    }
    .article-footer-item{
        font-size: 16px;
        line-height: 26px;
    }
    .topic-title img{
        margin-right: 10px;
    }
    .content {
        width: 65%;
    }
    aside {
        width:35%;
        padding-right: 30px;
    }
    #comments{
        position: absolute;
        top:0;
        padding-top: 0;
        right: 0;
        width: 34%;
    }
    footer nav ul {
        text-align: center;
    }
    .archive-item {
        height: 140px;
        line-height: 140px;
        font-size: 25px;
            margin-bottom: 25px;
    }
    .about-hidden-part {
        font-size: 18px;
    }
    .expert-text {
        padding-left: 30px;
        font-size: 16px;
    }
    .slider-links {
        margin: 15px 0 0;
    }
    .slider-links a {
        width: 25px;
        height: 25px;
    }
    .popular-articles .col-4{
        padding-top: 38px;
    }

    .popular-articles .xs-section-title{
        display: none;
    }
    .home .article-title {
        font-size: 19px;
    }
    .comment-header {
        font-size: 15px;
    }
    .comment-body{
        height: 80px;
        padding: 15px 10px;
    }
    .comment-item{
        font-size: 13px;
        padding-left: 27px;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .col-4{
        width: 34%;
        float: left;
    }
    .question-item{
        height: 170px;
    }
    .question-item-title {
        font-size: 15px;
    }
    .col:first-child .section-title{
        border-right:0;
    }
    .col:nth-child(2) .section-title{
        border-left:0;
        text-align: center;
    }
    .col{
        float: left;
    }
    .col-8{
        width: 66%
    }
     .flex > ul,
    .flex-container{
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .half-container .topic-item {
        width: 23%;
    }
    .half-container{
        float: none;
        width: 100%;
    }
    .topic-title{
        font-size: 20px;
        color: #6d4427;
        font-weight: bold;
        font-variant: small-caps;
        line-height: 1;
        height: 40px;
    }

    .home .topic-title{
        color: rgb(238, 234, 224);
        line-height: 38px;
        background-color: rgb(146, 174, 41);
        overflow: hidden;
        -webkit-justify-content: center;
        justify-content: center;

    }
    .home .topic-title span{
        text-decoration: none;
line-height: .8;
    }
    .btn-green {
        font-size: 18px;
        line-height: 46px;
        height: 46px;
    }
   body{
       font-size: 14px;
   }
    .wrapper .cont .loop {
        right: -31px;
    }
    header.header .search_box {
        right: -9px;
    }

    .container{width:992px}
    .topic-item ul{
        display: block;
    }
    .general-links a {
        height: 230px;
        line-height: 230px;
        font-size: 30px;
    }
}
@media(min-width: 1200px){
    .container{width:1000px}
    .topic-field{
        background: url("../img/mag.png") center center no-repeat;
    }
    .topic-item {
        width: 23%;
        display: inline-block;
        font-size: 18px;
        font-family: "Cuprum";
        color: rgb(109, 68, 39);
        line-height: 1.389;
        min-height: 184px;
    }
}
@media(min-width: 1600px){
    .topic-title img{
        margin-right: 20px;
    }
    .slider-wrapper {
        margin: 0 -30px;
    }
    header.header .logotip {
        margin: 3px 0 -58px 33px;
    }
    .wrapper .cont{
        padding:50px 110px;
    }
    .article-footer-item{
        margin-right: 50px;
    }
    aside {
        width: 26%;
    }
    .content{
        width: 74%;
    }
    .main {
        background-size: auto;
    }
    .container{width:1385px}
    header.header .search_box {
        height: 90px;
    }

    header.header .search_box input[type="text"] {
        left: 25px;
    }
    header.header .search_box input[type="text"], header.header .search_box input[type="submit"]{
        height: 33px;
        top: 40px;
    }
    header.header .search_box input[type="submit"] {
        font-size: 13px;
        right: 38px;
    }
    .general-links a{
        font-size: 40px;
    }
}

@media(max-width: 649px){
	.list_article .list .flex ul li,
	.short-list>li{
 
	    width: 100%;
	}
    .note:before, blockquote:before {
        left: 5px;
        top: 10px;
        background-size: 30px auto;
    }
    blockquote .list {
        padding: 15px 20px 10px 40px;
    }
    .note {
        padding: 10px 20px 10px 40px;
    }
    .single-article .short-list{
        font-size: 10px;
    }
    .single-article .short-list>li {
        min-width: 100%;
    }
    .opacity-back .content-title {
        font-size: 14px;
    }
    .article-intro-photo{
        display: none;
    }
    .article-interesting-photo {
        max-width: 24%;
    }
    .article-interesting-body {
        width: 72%;
    }
    .home .section-title,.question .section-title{
        margin-bottom: 20px;
    }
    .answer-image {
        width: 70px;
        left: 10px;
        top: 10px;
    }
    .answer-body {
        padding: 0 10px;
        padding-left: 95px;
    }
    .answer-item {
        padding: 10px 0;
        margin: 0 -8px 30px;
    }
    .answer-footer {
        padding-left: 0;
        text-align: center;
    }
    .page-nav .section-title,.page-nav img{
        display: none;
    }
    .page-nav{
        position: absolute!important;
        width: 45%;
        top: 38px;
        background-color: rgb(69, 2, 2);
        left: -8px;
        z-index: 9;
        padding: 10px 18px;
    }
    .general-links a span {
        margin: 0;
        line-height: 1.5;
    }
    .general-links a {
        display: block;
        text-align: left;
        height: auto;
        width: 100%;
        margin-bottom: 0;
        background: none;
        font-size: 12px;
        color:#d7c9a3;
        line-height: 1.667;
        font-weight: normal;
        font-variant: normal;
    }
    .general-links a:hover{
        background: none;
        color: rgb(238, 235, 229);
    }
    .wrapper .cont nav.top{
    font-size:12px;
        width: auto;
        margin: 0 -8px 11px;
        border-left: 0;
        border-right: 0;
    }
    footer nav ul {
        text-align: center;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
max-height: 50px;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;

        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    footer nav ul li {
        margin: 0 0 5px;
        text-align: left;
        font-size: 12px;
    }
    .to-all-topics {
        font-size: 12px;
    }
    .short-list {
        font-size: 12px;
    }
    .topic-info {
        font-size: 10px;
    }
    .article-footer-item .char-info {
        display: none;
    }
    .article-footer-item{
        margin-right: 16px;
        font-size: 12px;
    }
    .to-all-topics:after {
        width: 17px;
        margin-top: 5px;
        right: -25px;
    }
    .article-footer-item span {
        margin: 0 0 0 3px;
    }
    .pagination li>a, .pagination li>span {
        font-size: 12px;
    }
    aside{
        display: none;
    }
    .archive-item {
        width: 48%;
        height: 75px;
        line-height: 75px;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .main-slider {
        padding: 0 12px;
    }
    .slider-wrapper {
        margin: 0 10px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        margin-top: -10px;
        width: 10px;
        height: 20px;
    }
.expert-slide{
    height: 80px;
    overflow: hidden;
}

    .question-item-body {
        font-size: 12px;
    }
    html,body{
        font-size: 10px;
    }
    .topic-item{
        width: 50%;
    }
    .topic-item:nth-child(2n+1){
        text-align: left;
    }
    .topic-item:nth-child(2n+2){
        text-align: right;
    }
    header.header .search_box input[type="text"]{
        width: 102px;
        height: 25px;
    }
    header.header .search_box input[type="submit"]{
        height: 25px;
        width: 68px;
    }
    header.header .search_box {
        left: auto;
        right: 8px;
        min-width: 20px;
        top: 130px;
    }
}

.list_article .list > div:not(.flex) {
	display: none
}

.article-intro-photo IMG {
	height: auto
}

.ldc-ul_cont {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    text-shadow: none !important;
}
.section-part {
	transition: all 0.3s ease;
	height:100%;
}
.collapsed {
	height:0 !important;
	min-height:0;
	overflow: hidden;
}

.section-title-main {
	text-transform: uppercase;
	background: none !important;
}
.section-title-expand {
	cursor: pointer
}
.section-part
.section-title {
	background: none !important;
}