/**{box-sizing: border-box;}*/
/*body {*/
/*    font-family: 'Roboto', sans-serif;*/
/*    font-size: 14px;*/
/*    margin: 0;*/
/*}*/

@media(min-width:769px) {
    .main-menu__link:last-child {
        margin-right: 15px;
    }
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    a {text-decoration: none;}
    .top-menu {
        /*background: white;*/
        position: relative;
    }
    .top-menu:after,
    .submenu:after {
        content: "";
        display: table;
        clear: both;
    }
    .top-menu > li {
        display: inline-block;
        float: left;
    }
    .top-menu > li > a {
        display: block;
        /*padding: 18px;*/
        /*font-size: 11px;*/
        text-transform: uppercase;
        letter-spacing: 1px;
        /*color: #000;*/
        transition: .2s linear;
    }
    .top-menu > li > a:hover {
        /*color: red;*/
    }
    .dropdown:after {
/*         content: "\f107"; */
        /*font-family: FontAwesome;*/
/*         margin-left: 4px; */
/*         vertical-align: top; */
    }
    .submenu,
    .submenu-standart {
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.07);
        background: white;
        padding: 25px 0;
        position: absolute;
        top: 50%;
        /*left: 0;*/
        z-index: 5;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0,30px,0);
        transition: .5s ease-out;
        transform-origin: 0% 0%;
    }
    .submenu{
        width: 100%;
    }

    .submenu-standart {
        min-width: 200px;
        padding: 10px 0;
    }
    .dropdown-standart {position: relative;}
    .top-menu > li:hover .submenu,
    .top-menu > li:hover .submenu-standart {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0,0,0);
    }
    .submenu > li {
        float: left;
        width: calc(100% / 3);
        padding: 0 18px;
        border-right: 1px solid #e5e5e5;
    }
    .submenu-standart li {padding: 0 18px;}
    .submenu > li:last-child {border-right: none;}
    .submenu img {
        display: block;
        width: 100%;
    }
    .submenu li a,
    .submenu-standart li a {
        display: block;
        padding: 5px 0;
        color: #666;
        /*font-size: 13px;*/
    }
    .submenu li .link-image {padding: 0;}
    .submenu li a:hover {color: #B03062;}
    .submenu h3 {
        /*font-family: 'Playfair Display', serif;*/
        /*font-size: 20px;*/
        /*font-weight: 400;*/
        margin: 10px 0;
    }
    .container {
        max-width: 960px;
        margin: 0 auto;
    }
    .content {
        margin: 20px auto;
        padding: 0 20px;
    }

    .submenu-open {
        display: none;
    }
}

/*Адаптация под мобильнеые устройства*/

@media(max-width:768px) {
    .top-menu li {
        width: 100%;
        height: auto!important;
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
    }
    .top-menu > li {border-bottom: 1px solid #e5e5e5;}
    .top-menu > li > a {padding: 18px}
    .submenu,
    .submenu-standart {
        position: relative;
        display: none;
        box-shadow: none;
        padding: 0;
        background: rgba(0,0,0,.02);
    }
    .submenu-standart {padding: 10px 0;}
    .submenu > li {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 18px;
    }
    .submenu h3 {margin: 0 0 10px}
    .submenu .image-header {margin: 10px 0}
    .submenu li:last-of-type {border-bottom: none}
    /*.top-menu > li:hover .submenu,*/
    /*.top-menu > li:hover .submenu-standart {display: block;}*/

    .submenu-open {
        display: block;
        color: white;
        font-size: 14px;
        padding: 18px;
    }

    .arrow-up {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        padding: 18px;
        border-bottom: 5px solid black;
    }

    .arrow-down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin: 18px;
        border-top: 10px solid #fff;
    }


    .submenu-standart.open {
        display: block;
        flex-basis: 100%
    }
    .submenu, .submenu-standart {
        /*border-top: 1px solid #e5e5e5;*/
        background: #303f5e;
        padding: 25px;
        /*position: absolute;*/
        /*top: 50%;*/
        /* left: 0; */
        z-index: 5;
    }
}