* {
    margin: 0;
    padding: 0;
}

.Header {
    width: 98.7%;
    height: 150px;
    background: rgb(255, 255, 255);
    padding: 5px;
    padding-right: 20px;
    clear: both;
    /*  float: left;*/
}

.background {
    background: #ccc;
    width: 100%;
    height: 100%;
}

.logo {
    width: 336px;
    height: 168px;
    padding-left: 20%;
    content: url("../logo/logo.png");
}

.login {
    /* Строка логина в шапке */
    height: 5%;
    width: 100%;
    text-align: right;
}

.logindiv {
    /* Строка логина в шапке */
    height: 5%;
    width: 100%;
    text-align: right;
    border: #000;
    border-width: 2px;
    border-radius: 10px 10px 10px 0px;
}

.main {
    /* Изображение на фоне*/
    width: 100%;
    min-height: 1000px;
    float: left;
    min-width: 1000px;
    background-image: url("../css/pattern.svg");
}

.main_second {
    width: 100%;
    min-height: 1000px;
    float: left;
    min-width: 1000px;
    background-image: url("../girls/girl-019.png");
    background-position: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: 20%;
    background: #ccc;
}

.banner {
    /*Контейнер под меню*/
    padding-top: 0px;
    margin-left: 15px;
    margin-top: 40px;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
}

.bannerq {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.bannerq a {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.articles {
    /* статьи */
    display: flex;
    flex-direction: column;
    /*border: 1px solid #000000;*/
}

.article {
    /* статья */
    height: 250px;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #000000;
}

.articletext text {
    /* статья */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 9em;
}

.articletext a {
    /* статья */
    padding-left: 20px;
    width: 100%;
}

.article img {
    /* статья */
    margin-top: 90%;
    max-height: 100%;
    height: auto;
    width: 100%;
}

.articlex {
    /* статья */
    width: 10%;
}

.articletext {
    /* статья */
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    width: 70%;
    height: 100%;
}

.articletext text h4 {
    /* статья */
    display: flex;
    border: 1px solid #000000;
}

.main_product {
    /*Контейнер под контент большой*/
    width: 75%;
    height: 100%;
    margin-right: auto;
    margin-left: 3.5%;
    display: flex;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
}

.main_page_img {
    height: 200px;
    width: 100%;
    /*background-image: url("../content/ece8b12550177b5cc20a93bc9e24a08a.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../css/pattern.svg");*/
}

.main_page_img img {
    height: 200px;
    width: 100%;
    /*background-image: url("../content/ece8b12550177b5cc20a93bc9e24a08a.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../css/pattern.svg");*/
}

.main_page_img img:hover {
    filter: blur(3px);
}

.main_page_img text {
    padding-left: 5px;
    position: absolute;
    font-size: 35px;
    color: #fff!important;
    text-shadow: -0 -2px 2px #000000, 0 -2px 2px #000000, -0 2px 2px #000000, 0 2px 2px #000000, -2px -0 2px #000000, 2px -0 2px #000000, -2px 0 2px #000000, 2px 0 2px #000000, -1px -2px 2px #000000, 1px -2px 2px #000000, -1px 2px 2px #000000, 1px 2px 2px #000000, -2px -1px 2px #000000, 2px -1px 2px #000000, -2px 1px 2px #000000, 2px 1px 2px #000000, -2px -2px 2px #000000, 2px -2px 2px #000000, -2px 2px 2px #000000, 2px 2px 2px #000000, -2px -2px 2px #000000, 2px -2px 2px #000000, -2px 2px 2px #000000, 2px 2px 2px #000000;
}

.main_page_text {
    height: 200px;
    width: 100%;
    /*background-image: url("../css/pattern.svg");*/
    border: 1px solid #000000;
}

.main_page_text text {
    height: 200px;
    width: 100%;
    /*background-image: url("../css/pattern.svg");*/
    border: 1px solid #000000;
}

.service {
    /* Описание услуги */
    width: 100%;
    /*background-image: url("../css/pattern.svg");*/
}

p {
    text-indent: 20px;
    /* Отступ первой строки в пикселах */
}

.main_page {
    /* Контент главная */
    width: 90%;
    min-height: 1000px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    background-color: rgb(255, 255, 255);
}

.second_page {
    /* Контент второстепенная, нужен ли??? */
    width: 90%;
    /*   height: 100%-17px; */
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.content_header {
    /* Заголовок раздела*/
    width: 100%;
    height: 35px;
    font-size: 16pt;
    padding-left: 10px;
    padding-top: 7px;
    background: #1976d2;
    border-radius: 8px;
    color: white;
}

.container {
    /* Контейнер с навом и контентом */
    width: 60%;
    min-height: 1000px;
    margin-top: 0px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #f5f5f5;
    display: flex;
    flex-direction: row;
}

.nav_banner {
    /* Контейнер с навом и контентом */
    display: flex;
    width: 20%;
    flex-direction: column;
}

.footer {
    /* Подвал*/
    width: 100%;
    height: 10px;
    background: rgb(255, 255, 255);
    clear: both;
    border-radius: 8px;
}

.footerinfo {
    /* Подвал текст*/
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    height: 10%;
    padding-top: 25px;
    padding-left: 20px;
}

.mylist {
    /*nav*/
    display: flex;
    flex-direction: column;
    min-width: 30px;
}


/* script */

.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    transform: translate(0px, 220%);
    /*//-webkit-transform*/
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: translate(0px, -220%);
}

.change .left_bar a {
    visibility: visible;
}

.counter {
    /* font-size: 18px;*/
    font-family: 'Montserrat', sans-serif;
    font: bold;
    font-size: 12pt;
    width: 15%;
    min-height: 50px;
    height: 10%;
    float: right;
    background: white;
    color: black;
    /*border: solid 1px black;
    font-family: "Comic Sands", Georgia, Serif;*/
    padding-top: 25px;
}


/* test */

nav {
    /* список */
    width: 100%;
    background-color: #ffffff;
    overflow: auto;
    float: left;
    display: flex;
    margin-left: 17px;
    flex-direction: column;
    min-width: 20%;
    border-radius: 8px;
}

nav a {
    /* текст */
    float: left;
    padding: 12px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-size: 17px;
}

nav a i {
    float: left;
    margin-right: 5px;
}

nav a:hover {
    /* цвет при наведении на список */
    background-color: #cae0d2;
    color: black;
}

.active {
    /* активный элемент */
    background-color: #345a36;
    color: white;
}

@media screen and (max-width: 1470px) {
    .HideText {
        float: none;
        background-color: #E040FB;
        display: none;
    }
    .brand {
        display: none;
    }
}

nav a:after {
    float: none;
    /* content:'qweq';*/
}

.HideText {
    float: left;
}

body {
    font-family: 'Montserrat', sans-serif;
}

nav {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold
}


/*всплывающие подсказки*/

#tt {
    position: absolute;
    display: block;
    padding: 10px;
    border: solid #089dcb;
    border-width: 1px;
    border-radius: 10px 10px 10px 0px;
    -webkit-border-radius: 10px 10px 10px 0px;
    -moz-border-radius: 10px 10px 10px 0px;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
    background-color: #ffD;
}

.hlp1 {
    color: #000;
    border: #9fbddd 1px solid;
    background-color: #E7F5FE;
    cursor: help;
    margin-left: 5px;
    line-height: 14px;
    width: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 100;
    text-indent: 0;
}