* {
    outline: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box;
    font-family: Arial;
    /*font-size: 14px;*/
    font-size: 0.875rem;
}

body {
    margin: 0;
    /*background-color: #FFF;*/
    background-image: url("/images/back.jpg");
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

a {
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p, b {
    padding: 0;
    margin: 0;
}

h1, h2, h3, p, b, span, a, input, textarea, strong, article {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

.header .menu {
    list-style-type: none;
    padding-left: 0;
    font-size: 0;
    background-color: #6599FF;
    text-align: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-top: 8px;
    display: block;
}

.no-script {
    width: 100%;
    display: block;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px;
    background-color: #C44747;
    font-size: 10pt;
    color: #FFF;
    font-weight: bold;
    font-family: helvetica;
    z-index: 300;
}

._body {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
}

/**
    General styles
*/



.header .menu li {
    display:inline-block;
    vertical-align: middle;
    max-width:165px;
    padding: 15px 10px;
}



.header .menu  a{
    color:white;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    font-family: "Verdana";
    text-decoration: none;
}

.content .column .intelligence .information .referenceInformation .reference{
    color:black;
    font-family: "Verdana";
    /*font-size: 14px;*/
    font-size: 0.875rem;
}

.header .imageHeader{
    background-image: url("/images/slider.png");
    height:300px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header .imageHeader .gradient{
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    position: relative;
    font-size: 0;
}
.header .imageHeader .gradient .titleOfThe{
    width: 65%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}
.header .imageHeader .gradient .titleOfThe .logoTitle{
    width:100%;
    font-size: 0;
    margin: 20px 0;
}
.header .imageHeader .gradient .titleOfThe .logoTitle .logo{
    width: 20%;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
img{
    max-width:100%;
    max-height:100%;
}

.header .imageHeader .gradient .titleOfThe .logoTitle .titleSchool{
    width: calc(100%-180px);
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    word-wrap:normal;
    color:#0073bc;
    /*font-size:32px;*/
    font-size: 2rem;
    font-family: "Gotham Pro Bold";
}
.header .imageHeader .gradient .titleOfThe .contacts{
    width: 100%;
}
.header .imageHeader .gradient  .eye{
    width: 32px;
    height:18px;
}
.header .imageHeader .gradient .forTheVisuallyImpaired, .header .imageHeader .gradient .forSiteMap{
    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: right;
    padding-top: 10px;
}
.header .imageHeader .gradient .forTheVisuallyImpaired a, .header .imageHeader .gradient .forSiteMap a{
    color:#000;
    /*font-size: 18px;*/
    font-size: 1.125rem;
    font-family: "Gotham Pro Black";
    background-image: url("/images/eye.png") !important;
    background-repeat: no-repeat;
    background-position: 0,center;
    background-size: 30px;
    padding: 5px 0 5px 40px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

.header .imageHeader .gradient .forSiteMap{
    position: absolute;
    top: 40px;
    right: 2%;
}

.header .imageHeader .gradient .forSiteMap a{
    background-image: url("/images/schema.svg") !important;
}

.header .imageHeader .gradient .titleOfThe .contacts .tel{
    color:#0073bc;
    /*font-size: 30px;*/
    font-size: 1.575rem;
    font-family: "Gotham Pro Medium";
    display:none;
}
.header .imageHeader .gradient .titleOfThe .contacts .address{
    color:#0073bc;
    /*font-size: 14px;*/
    font-size: 1.875rem;
    font-family: "Gotham Pro Medium";
}
.header .line{
    width: 100%;
    background-color: white;
    height:12px;
    font-size: 0px;
}
.header .line .part{
    width: 33.333%;
    height: 12px;
    font-size: 0;
    display: inline-block;
}
.header .line .part.orange{
    background-color: orange;
}
.header .line .part.yellow{
    background-color: #ffde00;
}
.header .line .part.blue{
    background-color: #6599FF;
}

 .header .imageHeader .gradient .search{
    border:2px solid white;
    border-radius: 7px;
    width:234px;
    height:24px;
    right: 10px;
    bottom:5px;
    outline: none;
    position: absolute;
}

 .header .imageHeader .gradient .search .entryField{
    background:transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    width: 196px;
    vertical-align: middle;
    color:white;
}
 .header .imageHeader .gradient .search .button{
    width:25px;
    height:20px;
    padding: 0;
    border:none;
    background: url("/images/Searching Magnifying Glass.png") no-repeat 50% 50%;
}

.content.main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.content .all_column{

    width: 22%;
    display:inline-block;
}

.content .column {
    margin-top: 12px;
    font-size: 0;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -webkit-box-orient: horizontal; */
    /* -webkit-box-direction: normal; */
        /* -ms-flex-direction: row; */
            /* flex-direction: row; */
    /* -webkit-box-pack: justify; */
    /*     -ms-flex-pack: justify; */
            /* justify-content: space-between; */
}

.content  .column .intelligence{
    padding:30px 30px;
    background-color: #fefbe5;
    width:100%;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-size: 0;
    vertical-align:top;
}

.content  .column .intelligence.low{

    display:block;
    margin-top:20px;
}

.content .column .useful{
    text-align: center;
}

.content .column .useful .img_useful, .content .column .useful .img_useful img{
    display: block;
    width: 200px;
    height: 200px;
}

.content .column .useful > a{
    display: block;
    margin-top: 10px;
    color:black;
}

.content .column .intelligence .information .referenceInformation{
    border-top: 1px solid #ccc;
    padding-top:10px;
    padding-bottom: 10px;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    font-family: "Verdana";
    word-break: inherit;
}
.content .column .intelligence .information{
    list-style-type: none;
    padding-left: 0;
}
.content .news{
    
    padding: 30px 30px;
    width: 55%;
    background-color: #fefbe5;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    position: relative;
    line-height: 1.4;
    display: inline-block;
    margin-top: 12px;
    height:100%;
}

    .content .news>ul>li>a {
        color: #f26101;
        font-size: 1.2em;
    }

    .content .news>ul>li {
        list-style: none;
    }

    .content .news>ul>li>ul>li a {
        color:#0073bc;
    }

    .content .news .main-title > h1 {
        font-size:1.5em;
    }

    .content .news .search-wrapper .search .entryField{
        width: 90%;
    }

    .content .news .search-wrapper .search .button{
        width: 30px;
        height: 30px;
        padding: 0;
        background: url("/images/Searching Magnifying Glass.png") no-repeat 50% 50%;
        background-color: #f26101;
        border-radius: 5px;
        border: 2px solid #fff;
    }

    .content .news .search-wrapper .search-count{
        display:block;
        margin: 10px 0;
    }

    .content .news .search-wrapper .search-result .test{
        margin-bottom: 15px;
        border-bottom: 1px solid #99ccff;    
    }

    .content .news .search-wrapper .search-result .test .text{
        border-bottom: none;   
        text-align:justify;
        padding-bottom: 5px;
    }

    .content .news .search-wrapper .search-result .test .date{
        padding: 5px 0;
    }

    .content .news .search-wrapper .pager{
        text-align: center;
        width: 100%; 
    }

    .content .news .search-wrapper .pager > *{
        display: inline-block;
        font-size: 1.3em;
    }

    .content .news .search-wrapper .pager > a{
        color: #f26101;
    }

    .content .news .nameColumn{

        color:#f26101;
        font-family: "Lato-Semibold";
        /*font-size: 20px;*/
        font-size: 1.25rem;
        display: block;
        margin-bottom: 20px;
    }

    .content .news .question-answer .question .aquestion > *,
    .content .news .question-answer .question .answer > * {
        -webkit-user-select: text;
           -moz-user-select: text;
            -ms-user-select: text;
                user-select: text;
    }

    .content .news .date{
        color: #999;
        display: block;
        font-family: "Verdana";
        /*font-size: 12px;*/
        font-size: 0.75rem;
        margin:auto;
        display: inline-block;
        padding-top: 30px;
    }

    .content .news .articleTitle{
        font-family: "Verdana";
        /*font-size: 16px;*/
        font-size: 1rem;
        display:block;
        color:#0073bc;
        line-height: 2;
    }

    .content .news .text{
        font-family: "Verdana";
        line-height: 1.5;
        /*font-size: 14px;*/
        font-size: 0.875rem;
        color:#333;
        border-bottom: 1px solid #99ccff;
        padding-bottom: 15px;
    }
    .content .news .allNews{
        position: absolute;
        color:gray;
        right:10px;
        bottom: 10px;
    }

    .content .news > .titleUse{
        border-bottom: 1px solid;
        padding: 5px;
        font-size: 1.15em;
    }

    .content .news .useful_links_block{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
    }
    
    .content .news .useful_links_block .title{
        display: block;
        padding:5px;
        color:black;
    }
    
    .content .news .useful_links_block > a{
        flex-basis: calc(33% - 10px);
        margin: 5px;
        text-align:center;
    }

    .content .news .useful_links_block .img{
        width:100%;
        height:100px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .content .column.Right{
        width: 20%;
        /* display: -webkit-inline-box; */
        /* display: -ms-inline-flexbox; */
        /* display: inline-flex; */
        /* -webkit-box-orient: vertical; */
        /* -webkit-box-direction: normal; */
            /* -ms-flex-direction: column; */
                /* flex-direction: column; */
        /* -webkit-box-pack: justify; */
            /* -ms-flex-pack: justify; */
                /* justify-content: space-between; */
    }

    .content .column.Right li{
        line-height: 25px;
    }

    .content .column.Right .students{
        width: 100%;
        background-color: #fefbe5;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        padding: 20px;
    }

    .content .column.Right .students.parents{

        margin-top:20px;
    }

    .content .column.Right .students .listForStudents {
        list-style-type: none;
        padding-left: 0;
    }
    .content .column.Right .students .listForStudents .forStudents {
        border-top: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .content .column.Right .students .listForStudents .forStudents .reference{
        color:#333;
        /*font-size: 14px;*/
        font-size: 0.875rem;
        font-family: "Verdana";
    }
    .content .column.Right .parents{
        width: 100%;
        background-color: #fefbe5;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        padding: 30px;
    }
    .content .column.Right .parents .listForParents{
        list-style-type: none;
        padding-left: 0;
    }
    .content .column.Right .parents .listForParents .forParents {
        /*padding-top: 5px;*/
    }
    .content .column.Right .parents .listForParents .forParents .reference{
        color:#333;
        /*font-size: 14px;*/
        font-size: 0.875rem;
        font-family: "Verdana";
    }
    .content .column.Right .QuestionsAnswer{
        width: 100%;
        background-color: #fefbe5;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        padding: 30px;
        margin-top:20px;
    }
    .content .column.Right .QuestionsAnswer .forQuestions{
        width: 100%
    }
    .content .column.Right .QuestionsAnswer .forQuestions .yourName{
        /*font-size: 12px;*/
        font-size: 0.75rem;
        color:#999;
        font-family: "Verdana";
        font-style: italic;
        padding-left: 10px;
        margin-top: 10px;
        height: 25px;
        width: 100%;
    }
    .content .column.Right .QuestionsAnswer .forQuestions .mail{
        /*font-size: 12px;*/
        font-size: 0.75rem;
        color:#999;
        font-family: "Verdana";
        font-style: italic;
        padding-left: 10px;
        margin-top: 20px;
        height: 25px;
        width: 100%;
    }
    .content .column.Right .QuestionsAnswer .forQuestions .questions{
        /*font-size: 12px;*/
        font-size: 0.75rem;
        color:#999;
        font-family: "Verdana";
        font-style: italic;
        padding-left: 10px;
        margin-top: 20px;
        width: 100%;
        height: 100px;
        resize:none;
    }
    .content .column.Right .QuestionsAnswer .forQuestions .toSend{
        margin-top: 20px;
        width: 100%;
        background-color:#0072bd;
        color:white;
        border-radius: 5px;
        border: none;
        padding: 5px;
    }

    .content .column.Right .photoGallery{
        background-color: #fefbe5;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        text-align: center;
        padding:30px;
        margin-top:20px;
    }

    .content .column.Right .photoGallery .imageGalleries{
        width:100%;
    }

    .content .column .nameColumn{
        color:#f26101;
        font-family: "Lato-Semibold";
        /*font-size: 20px;*/
        font-size: 1.25rem;
        display: block;
        margin-bottom: 20px;
    }

    .content .column .usefulLinks a{
        font-size: 0;
        color: black;
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .content  .column  .usefulLinks{
        padding: 30px;
        width: 26.5%;
        background-color: #fefbe5;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        text-align: center;
    }

    .content  .column  .usefulLinks .imageBig{
        width:100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content  .column  .usefulLinks .imageSmall{
        width:100px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content .column.middle {
        width:560px;
        margin: 20px 8px;
    }

    .content .column .anticorruption{
        padding: 30px 30px;
        width: 71%;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        text-align: center;
        font-size: 0;
        line-height: 1.4;
    }
    .content .column .anticorruption .paragraph{
        text-align: left;
        line-height: 1.5;
        font-family: "Verdana";
        /*font-size: 14px;*/
        font-size: 0.875rem;
    }
    .content .column .anticorruption .paragraph.last{
        margin-top:20px;
    }

    .footer{
        width: 100%;
        background-color: white;
        font-size: 0;
        margin-top: 12px;
        margin-bottom: 12px;
        border-radius: 5px;
    }

    .footer .text{
        /*font-size: 12px;*/
        font-size: 0.75rem;
        color: #666;
        font-family: "Verdana";
        padding: 25px 30px;

    }

    .footer .text.left{
        display: inline-block;
        width: 70%;
    }

    .footer .text.right{
        display: inline-block;
        width: 30%;
        text-align: right;
    }


    .font-size,
    .themes {
        display: none;
    }

    body#visually-impaired .content .column .usefulLinks a{
        /*font-size: 14px;*/
        font-size: 0.875rem;
    }

    body#visually-impaired,
    body#visually-impaired ._body,
    body#visually-impaired div.gradient,
    body#visually-impaired div.imageHeader{
        background: none;
    }

    body#visually-impaired img{
        display: none;
    }

    body#visually-impaired a,
    body#visually-impaired div,
    body#visually-impaired strong,
    body#visually-impaired span,
    body#visually-impaired p,
    body#visually-impaired .toSend{
        color: #000;
    }

    body#visually-impaired div,
    body#visually-impaired a ,
    body#visually-impaired footer,
    body#visually-impaired span,
    body#visually-impaired strong,
    body#visually-impaired li,
    body#visually-impaired ul,
    body#visually-impaired .toSend{
        background-color: #fff;
        border-color: #000;
    }

    body#visually-impaired .toSend,
    body#visually-impaired ul.menu,
    body#visually-impaired .content .column>div,
    body#visually-impaired input.yourName,
    body#visually-impaired input.mail,
    body#visually-impaired textarea{
        border: 1px solid #000;
    }
    body#visually-impaired .content .column .news .text {
        border-bottom: 1px solid #000;
    }

    body#visually-impaired .font-size {
        display: block;
        position: fixed;
        top: 30%;
        right: 5px;
        border: 1px solid #000;
        font-size: 0;
        cursor: pointer;
    }

    body#visually-impaired .font-size .increase,
    body#visually-impaired .font-size .decrease {
        width: 40px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        cursor: pointer;
        line-height: 1.35;
    }

    body#visually-impaired .font-size .increase {
        border-bottom: 1px solid #000;
    }

    body#visually-impaired .themes {
        display: block;
        position: fixed;
        top: 60%;
        right: 5px;
        border: 1px solid #000;
        font-size: 0;
    }

    body#visually-impaired .themes a{
        display: block;
        width: 40px;
        text-align: center;
        font-size: 22px;
        padding: 4.5px;
        cursor: pointer;
    }

    body#visually-impaired .themes a.white {
        color: #000;
        background: #fff;
    }

    body#visually-impaired .themes a.black {
        background: #000;
        color: #fff;
    }

    body#visually-impaired .themes a.blue {
        color: #fff;
        background: #9dd1ff;
    }

    body#visually-impaired .header .imageHeader .gradient .search .button{
        background: url("/images/Searching Magnifying Glass1.png") no-repeat 50% 50%;
    }
    html.black body#visually-impaired .header .imageHeader .gradient .search .button{
        background: url("/images/Searching Magnifying Glass.png") no-repeat 50% 50%;
    }

    html.blue body#visually-impaired .header .imageHeader .gradient .search .button{
        background: url("/images/Searching Magnifying Glass1.png") no-repeat 50% 50%;
    }

    html.black body#visually-impaired a,
    html.black body#visually-impaired div,
    html.black body#visually-impaired strong,
    html.black body#visually-impaired span,
    html.black body#visually-impaired p,
    html.black body#visually-impaired .toSend{
        color: #fff;
    }

    html.black body#visually-impaired div,
    html.black body#visually-impaired a ,
    html.black body#visually-impaired footer,
    html.black body#visually-impaired span,
    html.black body#visually-impaired strong,
    html.black body#visually-impaired li,
    html.black body#visually-impaired ul,
    html.black body#visually-impaired input.yourName,
    html.black body#visually-impaired input.mail,
    html.black body#visually-impaired textarea,
    html.black body#visually-impaired .toSend {
        background-color: #000;
        border-color: #fff;
    }

    html.black body#visually-impaired .toSend,
    html.black body#visually-impaired ul.menu,
    html.black body#visually-impaired .content .column>div,
    html.black body#visually-impaired input.yourName,
    html.black body#visually-impaired input.mail,
    html.black body#visually-impaired textarea{
        border: 1px solid #fff;
    }

    html.black body#visually-impaired,
    html.black body#visually-impaired ._body{
        background-color: #000;
    }

    html.black body#visually-impaired .header .imageHeader .gradient .forTheVisuallyImpaired a{
        background-image: url(../images/eye1.png);
    }

    html.blue body#visually-impaired a,
    html.blue body#visually-impaired div,
    html.blue body#visually-impaired strong,
    html.blue body#visually-impaired span,
    html.blue body#visually-impaired p,
    html.blue body#visually-impaired .toSend{
        color: #000;
    }

    html.blue body#visually-impaired div,
    html.blue body#visually-impaired a ,
    html.blue body#visually-impaired footer,
    html.blue body#visually-impaired span,
    html.blue body#visually-impaired strong,
    html.blue body#visually-impaired li,
    html.blue body#visually-impaired ul,
    html.blue body#visually-impaired input.yourName,
    html.blue body#visually-impaired input.mail,
    html.blue body#visually-impaired textarea,
    html.blue body#visually-impaired .toSend {
        background-color:  #9dd1ff;
        border-color: #000;
    }

    html.blue body#visually-impaired,
    html.blue body#visually-impaired ._body{
        background-color: #9dd1ff;
    }

    html.blue body#visually-impaired .toSend,
    html.blue body#visually-impaired ul.menu,
    html.blue body#visually-impaired .content .column>div,
    html.blue body#visually-impaired input.yourName,
    html.blue body#visually-impaired input.mail,
    html.blue body#visually-impaired textarea{
        border: 1px solid #000;
    }
    html.blue body#visually-impaired .content .column .news .text {
        border-bottom: 1px solid #000;
    }
    html.blue body#visually-impaired li.referenceInformation{
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

    .karta {

        width: 100%;
        height: 30vw;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(../images/karta.png);
        position: relative;
    }

    .karta .text {

        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 30vw;
        background-color: rgba(255, 255, 255, 0.64);
        font-size: 16px;
        color: #000;
        font-family: LatoSemibold;
        padding: 8vw 0;
        text-align: center;
        z-index: 50;
    }

    .forma{
        width: 100%;
    }

    .forma .title{
        width: 100%;
        text-align: center;
        color: #a79d9c;
        font-size: 16px;
        font-family:  "Roboto";
        padding-bottom: 15px;
        font-weight: bold;
    }

    .forma input[type="text"].phone{
        margin-top: 30px;
    }

    .forma input[type="text"],
    .forma textarea{
        color: #a79d9c;
        font-size: 14px;
        font-family:  "Roboto";
        width: 300px;
        padding: 10px 15px;
        box-sizing: border-box;
        margin: 5px auto;
        border: 1px solid #fce7d4;
        text-overflow: ellipsis;
        display: block;
    }
    .forma .allBlock .btn_zadat_vopros .capcha {
        text-align: center;
    }

    .forma .allBlock .btn_zadat_vopros .capcha .send {
        margin-top: 20px;
        background-color: #0072bd;
        color: white;
        border-radius: 5px;
        border: none;
        padding: 5px;
    }
    .forma textarea{
        resize: none;
        height: 200px;
        width: 300px;
        margin: 5px auto;
    }

    .send {
    }

    .question-answer > p {
        text-align: center;
        font-size: 16px;
        font-family: "Roboto";
        margin-bottom: 25px;
    }

    .aquestion {

        font-size: 0;
        min-height: 100px;
        width: 88%;
        background-color: #cdfcfc;
        border: 2px solid #959593;
        margin: -10px 80px;
        margin-top: 10px;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
        border-radius: 30px;
    }

    .face {

        width: 20%;
        min-height: 90px;
        left: 20px;
        font-size: 0;
        display: inline-block;
        background-image: url(/images/icon_user.svg);
        background-repeat: no-repeat;
        background-position: inline;
        background-size: contain;
    }

    .answer {

        font-size: 0;
        min-height: 100px;
        width: 88%;
        background-color: #d7bdff;
        border: 2px solid #959593;
        margin: -15px -20px;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
        border-radius: 30px;
        margin-top: 10px;
    }

    .face-admin {

        width: 17%;
        min-height: 105px;
        right: -85%;
        background-image: url(/images/icon_admin.svg);
        background-size: contain;
        position: relative;
        font-size: 0;
        display: inline-block;
        background-repeat: no-repeat;
    }
    .aquestion::before {

        content: '';
        position: absolute;
        display: block;
        left: -25px;
        bottom: -6px;
        height: 100%;
        width: 50px;
        background-image: url(/images/tail-left.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
    }

    .answer::before {

        content: '';
        position: absolute;
        display: block;
        right: -25px;
        bottom: -6px;
        height: 100%;
        width: 50px;
        background-image: url(/images/tail-right.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
    }

    .message {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .name {
        display: inline-block;
        width: 50%;
        font-size: 14px;
    }

    .date {
        display: inline-block;
        width: 50%;
        font-size: 0;
        font-size: 14px;
    }