.nav {
     position: absolute;
    overflow: hidden;
    color: #fff;
    text-shadow: 1px 1px 2px #08090c;
    z-index: 40;
    left: 27px;
    top: -2px;
    -moz-user-select: none;
    -ms-user-select: none;
}
 .nav2 {


    position: absolute;
    overflow: hidden;
    z-index: 40;
    color: #6f6f6f;
    left: 22px;
    top: 32px;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.87);
    text-shadow: 1px 1px 2px rgba(8, 9, 12, 0.67);
    -moz-user-select: none;
    -ms-user-select: none;

}
.navsocial {
    position: absolute;
    overflow: hidden;
    z-index: 40;
    background-clip: padding-box;
    border: 1px solid rgba(23,24,26,0.11);
    right: 2;
    top: 63px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border-color .5s ease, opacity .4s ease;
    transition: border-color .5s ease, opacity .4s ease;
}
.nav .nav__items {
white-space: nowrap;
    opacity: 0.90;
    color: inherit;
    line-height: 1.3;
    font-size: 17px;
    font-family: 'Titillium Web', sans-serif;
    padding: 0;
}
.nav .nav__item {
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    display: inline-block;
}
.nav__label {
    font-family: "Fakt Pro Medium", "Fakt Pro Medium Cyr", "Fakt Pro Medium Grk", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
.nav .nav__item .nav__label {
    padding: 0 12px;
    font-weight: 500;
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 0.875em;
    color: #17181A;
}
.nav .nav__label {
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    line-height: 2.375rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: auto;
}
.nav .nav__subitems {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 -2px;
    height: 2.375rem;
    border: 0;
    width: 0;
    vertical-align: top;
    white-space: nowrap;
    list-style: none;
    overflow: hidden;
}


.nav2 .nav__items {
white-space: nowrap;
    opacity: 0.90;
    color: inherit;
    line-height: 1.3;
    font-size: 17px;
    font-family: 'Titillium Web', sans-serif;
    padding: 0;
}
.nav2 .nav__item {
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    display: inline-block;
}
.nav__label {
    font-family: "Fakt Pro Medium", "Fakt Pro Medium Cyr", "Fakt Pro Medium Grk", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
.nav2 .nav__item .nav__label {
    padding: 0 12px;
    font-weight: 500;
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 0.875em;
    color: #17181A;
}
.nav2 .nav__label {
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    line-height: 2.375rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: auto;
}
.nav2 .nav__subitems {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 -2px;
    height: 2.375rem;
    border: 0;
    width: 0;
    vertical-align: top;
    white-space: nowrap;
    list-style: none;
    overflow: hidden;
}
.emb_top {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9;
    background-repeat: repeat-x;
    background-position: 0 0;
       height: 50px;
    background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.77) 0,rgba(0, 0, 0, 0) 100%);
}
.media-control-layer .drawer-icon-container{margin-top: 3px;} 

.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]{background: #666;border:background: #666;margin:0 1px 0 0;box-shadow: inset 1px 0 0 #666!important;opacity: 1!important;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element.fill[data-volume]{background: rgba(228, 228, 228, 0.75);border:background: rgb(232, 232, 232);margin:0 1px 0 0;box-shadow: inset 1px 0 0 rgba(177, 179, 179, 0.75)!important;opacity: 1!important;}


.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(1){height:1px!important;margin-top:14px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(2){height:3px;margin-top:12px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(3){height:5px;margin-top:10px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(4){height:7px;margin-top:8px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(5){height:9px;margin-top:6px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(6){height:11px;margin-top:4px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(7){height:13px;margin-top:2px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(8){height:15px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(9){height:15px;}
.media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(10){height:15px;}