/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



ul.nav__list ul {
    display: none;
    position: absolute;
    top: 100%;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    left: 0%;
    padding: 0;
     margin: 0;
     list-style: none;
}

ul.nav__list li:hover > ul {
    display:inherit;
}

ul.nav__list ul li {
    min-width:170px;
    float:none;
    display:list-item;
    position: relative;
}



.menu_head_m{
    display:block;
    padding-left: 0px;
}
.menu_head_m li{
    display: inline-block;
    position: relative;
    z-index:100;
}
.menu_head_m li a {
    text-decoration:none;
    padding:11px;
    display:block;
    color:#ffffff;
 
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.menu_head_m li a:hover,
.menu_head_m li:hover > a{
    color:#ffffff;
    background:none;
}

/* скрываем меню второго уровеня */
.menu_head_m ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    top: 100%;
    left: -5%;
    background: none;
}
/* показываем меню второго уровня при наведении */
.menu_head_m li:hover > ul{
    display: block;
}
.menu_head_m ul li {
    display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
}
.menu_head_m ul li a {
    color:#FFF;
        font-family: "Geometria", "Arial", "sans-serif";
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.48px;
    display:block;
}
.menu_head_m ul li a:hover,
.menu_head_m ul li:hover > a{
    background:none;
}

/* Изменение позиций для меню третьего уровня */
.menu_head_m ul ul {
    left: 149px;
    top: 0px;
}

ul.sub-menu li {
    background-color: #000000;
}

.mobile-menu{
    display:none;
    width:100%;
    padding:11px;
    background:none;
    color:#ffffff;
    text-transform:uppercase;
    text-align: center;
    font-size: 20px;

    align-content: flex-end;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.mobile-menu:hover{
    background:none;
    color:#ffffff;
    text-decoration:none;
}

@media (max-width: 760px) {

 
    .mobile-menu{
        display: flex;
        margin-top:0px;
    }
 
    nav.nav_head_ml{
        margin:0;
        background:none;
    }
 
    .menu_head_m li{
        display:block;
        margin:0;
    }
 
    .menu_head_m li a {
        background:none;
        color:#fff;
    }
 
    .menu_head_m li a:hover,
    .menu_head_m li:hover > a{
        background:none;
        color:#fff;
    }
 
    /*level 2 and 3 - make same width as all items*/
    .menu_head_m ul {
        display:block;
        position:relative;
        top:0;
        left:0;
        width:100%;
        padding-left: 30px;
    }

    ul.sub-menu li {
     background:none;
}
 
    .menu_head_m ul ul {
        left:0;
    }
 
}/*end media queries*/



/* Giving a background-color to the nav container. */
nav.nav_head_m {
    margin: 0;
    background-color: none;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav.nav_head_m ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }

/* Positioning the navigation items inline */
nav.nav_head_m ul li {
    margin: 0 20px 0 0;
    display:inline-block;
    position: relative;
    }

nav.nav_head_ml ul li::before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 1px solid #08e8de;
     border-top: 1px solid #08e8de;
     left: -5px;
     top: 0;
     border-width: 0; }
nav.nav_head_ml ul li::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-right: 1px solid #08e8de;
     border-top: 1px solid #08e8de;
     right: -5px;
     top: 0;
     border-width: 0; }
nav.nav_head_ml ul li:hover {
     -webkit-transition: all, 0.3s;
     transition: all, 0.3s; }
nav.nav_head_ml ul li:hover::before {
     width: 7px;
     height: 7px;
     border-width: 1px;
     -webkit-transition: all, 0.4s;
     transition: all, 0.4s; }
nav.nav_head_ml ul li:hover::after {
     width: 7px;
     height: 7px;
     border-width: 1px;
     -webkit-transition: all, 0.4s;
     transition: all, 0.4s; }
nav.nav_head_m ul li a:hover::after {
     width: 7px;
     height: 7px;
     border-width: 1px;
     -webkit-transition: all, 0.4s;
     transition: all, 0.4s; }

nav.nav_head_m ul li ul li {
    background-color: #000000;
}
/* Styling the links */
nav.nav_head_m a {
    display:block;
    padding:0 10px;
    color:#FFF;
        font-family: "Geometria", "Arial", "sans-serif";
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.48px;
    text-decoration:none;
     position: relative;
}

/* Background color change on Hover */
nav.nav_head_m a:hover {
    background-color: none;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav.nav_head_m ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

/* Display Dropdowns on Hover */
nav.nav_head_m ul li:hover > ul {
    display:inherit;
}

/* Fisrt Tier Dropdown */
nav.nav_head_m ul ul li {
    min-width:170px;
    display:list-item;
    position: relative;
}

nav.nav_head_m ul ul ul {
    position: absolute;
    top:0;
    left:100%;
}

nav.nav_head_ml ul li a::before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 1px solid #08e8de;
     border-bottom: 1px solid #08e8de;
     left: -5px;
     bottom: 0;
     border-width: 0; }
nav.nav_head_ml ul li a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-right: 1px solid #08e8de;
     border-bottom: 1px solid #08e8de;
     right: -5px;
     bottom: 0;
     border-width: 0; }
nav.nav_head_ml ul li a:hover {
     -webkit-transition: all, 0.3s;
     transition: all, 0.3s; 
     color:#08e8de; }
nav.nav_head_ml ul li a:hover::before {
     width: 7px;
     height: 7px;
     border-width: 1px;
     -webkit-transition: all, 0.4s;
     transition: all, 0.4s; }
nav.nav_head_ml ul li a:hover::after {
     width: 7px;
     height: 7px;
     border-width: 1px;
     -webkit-transition: all, 0.4s;
     transition: all, 0.4s; }


     nav.nav_head_ml ul li ul li::before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 0;
     border-top: 0;
     left: -5px;
     top: 0;
     border-width: 0; }
nav.nav_head_ml ul li ul li::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-right: 0;
     border-top: 0;
     right: -5px;
     top: 0;
     border-width: 0; }

     nav.nav_head_ml ul li ul li a::before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-left: 0;
     border-bottom: 0;
     left: -5px;
     bottom: 0;
     border-width: 0; }
nav.nav_head_ml ul li ul li a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-right: 0;
     border-bottom: 0;
     right: -5px;
     bottom: 0;
     border-width: 0; }
.nav__how-order {
    top:16px;
}     
.nav__link--active {
    color: #08e8de !important;
}