/*nav*/
.nav {height: 66px; padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.nav__btn, .search__btn {height: 22px; width: 22px; min-width: 22px; border: none; cursor: pointer; background: transparent no-repeat top left; display: inline-block; vertical-align: middle;}
.nav__btn {background-image: url(img/svg/menu.svg); margin-right: 10px;}
.nav__btn:hover, .search__btn:hover {opacity: .7;}
.brand {position: absolute; left: 50%; top: 13px; margin-left: -148px; z-index: 100;}
.brand__link {display: inline-block; vertical-align: middle;}
.search {padding-right: 2px; padding-bottom: 2px; margin-left: 10px; font-size: 0; line-height: 0; letter-spacing: 0; text-align: right; max-width: 340px; flex: 1 0 340px;}
.search__input {display: inline-block; vertical-align: middle; width: 306px; font-size: 16px; border: none; border-bottom: 2px solid #e5e5e5; background-color: transparent; height: 41px; color: #e5e5e5; position: relative; bottom: -20px; opacity: 0; -ms-transition: all .5s; transition: all .5s;}
.search__input--active {bottom: 0; opacity: 1;}
.search__btn {background-image: url(img/svg/search.svg); margin-left: 10px;}
.nav__menu {position: fixed; top: 66px; right: 0; left: 0; width: 100%; max-height: 100%; overflow: auto; height: calc(100% - 66px); z-index: -1; opacity: 0; visibility: hidden; padding-bottom: 94px; text-align: center; text-transform: uppercase; letter-spacing: .3px; background-color: rgba(196, 196, 196, .95); padding-top: 106px; -ms-transition: all .6s linear; transition: all .6s linear;}
.nav__menu--active {z-index: 500; opacity: 1; visibility: visible;}
.nav__item {position: relative; font-family: "RobotoMedium", sans-serif; margin-bottom: 32.55px;}
.nav__item:nth-of-type(1) {margin-bottom: 32.55px;}
.nav__item:nth-of-type(2) {margin-bottom: 34.55px;}
.nav__item:nth-of-type(3) {margin-bottom: 33.55px;}
.nav__item:nth-of-type(4) {margin-bottom: 27.55px;}
.nav__item + .nav__item::before {content: ''; display: block; border-bottom: 2px solid #303030; max-width: 52px; width: 100%; position: absolute; left: 50%; margin-left: -27px; top: -18px;}
.nav__item:nth-of-type(2)::before {top: -18px;}
.nav__item:nth-of-type(3)::before {top: -16px;}
.nav__item:nth-of-type(4)::before {top: -18px;}
.nav__item:nth-of-type(5)::before {top: -10px;}
.nav__link {display: inline-block; vertical-align: middle; position: relative; color: #303030;}
.nav__link::after {content: attr(data-hover) ""; display: block; position: absolute; left: 0; top: 0; color: #fff; max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width .8s;}
.nav__link:hover::after {max-width: 100%;}

/*slider*/
.slider__item {background: no-repeat top center; /*min-height: 746px;*/ padding-bottom: 51.8%; -ms-background-size: cover; background-size: cover;}
.slider__block {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 10px 15px; background-color: rgba(0, 0, 0, .6);}
.slider__text {text-align: center; text-transform: uppercase; color: #fff; letter-spacing: -.2px;}
.slider__link {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 500; background: no-repeat top center; -ms-background-size: 0 0; background-size: 0 0;}