@charset "utf-8";



::selection {background-color: #5d67e1; color: #fff;}

-moz-::selection {background-color: #5d67e1; color: #fff;}

* {margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html * {max-height: 99999px;}

html, body {height: 100%;}

body {background-color: #303030; font-size: 16px; line-height: 1.5; font-family: 'RobotoRegular', sans-serif; color: #e5e5e5; min-width: 320px; -webkit-font-smoothing: subpixel-antialiased; position: relative; padding-top: 66px;}

a {text-decoration: none; color: #e5e5d5;}

ul, ol {list-style: none;}

a img {border: none;}

img {max-width: 100%; height: auto; vertical-align: middle;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

input, textarea, button, select {font-size: inherit; font-family: inherit; font-weight: inherit; color: inherit;}



.chromeperfectpixel-initial-blocd {display: none!important;}



a, a::before, a::after, img, path, button, button::before, button::after, .btn, label, input, ::-webkit-input-placeholder, .headline__link svg {-ms-transition: all .3s; transition: all .3s;}



.form {padding-top: 8px;}

.form--width {max-width: 379px; margin-left: -15px;}

.form__line {display: flex;}

.form__row {margin-bottom: 10px;}

.form__label {display: inline-block; vertical-align: middle; color: #e5e5e5; margin-bottom: 18px; cursor: text;}

.form__input {border: 1px solid #565656; color: #939393; background-color: transparent; padding: 12px 41px 16px; font-size: 12px; flex: 1 1 auto;}

.form__input--fluid, .btn--fluid {min-width: 100% !important;}

.form__input--text {font-size: 16px; text-align: center; padding: 10px 31px 13px!important;}

.form__input::-webkit-input-placeholder {opacity: 1; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

.form__input:focus::-webkit-input-placeholder {opacity: 0;}

.form__input + .form__btn {border-left: none;}

.btn {border: 1px solid #565656; background-color: transparent; color: #e5e5e5; text-align: center; min-width: 168px; padding: 12px 41px 13px; cursor: pointer; display: inline-block; vertical-align: middle;}

.btn--default {min-width: 223px;}

.btn--primary {padding: 9px 26px 12px 15px;}

.btn--primary:hover, .btn--secondary {color: #E4C03E;}

.btn--secondary:hover {color: #fff;}

.btn--bg {background-color: rgba(0, 0, 0, .6); border: none;}

.btn__icon {fill: #fff; display: inline-block; margin-right: 10px; vertical-align: middle; position: relative; top: -1px; left: 3px;}

.btn__icon--remove {-ms-transform: rotate(45deg); transform: rotate(45deg);}

.btn--primary:hover .btn__icon {fill: #c89c19;}

.form__text {color: #858484; text-align: center; padding: 18px 0 3px; margin-right: -12px;}

.form__link, .purchase__a {color: #E4C03E; text-decoration: underline;}

.form__link:hover, .purchase__a:hover {text-decoration: none;}



/*page*/

.page {height: 100%;}



/*page row*/

.page__row {background: no-repeat top center; position: relative;}

.page__row--wrapper {min-height: 100%;}

.page__row--wrapper::after {content: ''; display: block; height: 10px;}

.page__row--nav {position: fixed; left: 0; top: 0; right: 0; width: 100%; z-index: 9999; background-color: #303030;}

.page__row--headline {background-color: rgba(0, 0, 0, .6); margin-bottom: 28px;}

.page__row--footer {margin-top: 25px; background-color: #000; z-index: 9999;}



/*page cell*/

.page__cell {width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto;}

.page__cell--relative {position: relative;}

.page__cell--fluid {max-width: 100%!important; padding-left: 0!important; padding-right: 0!important;}

.page__cell--nav, .page__cell--content-pd {padding-left: 15px; padding-right: 15px;}

.page__cell--content {padding-left: 50px; padding-right: 50px;}



/*content*/

.page__block {padding-left: 46px; padding-right: 51px;}

.headline {text-align: center; padding: 10px 28px 11px 0;}

.headline--left {text-align: left; padding-bottom: 9px;}

.headline__link {display: inline-block; vertical-align: middle; margin-left: -8px;}

.headline__link:hover {color: #E4C03E;}

.headline__link svg {position: relative; top: 1px; left: 0; margin-right: 4px;}

.headline__link:hover svg {left: -7px; -ms-transition-delay: .3s; transition-delay: .3s;}

.headline__link:hover svg path {stroke: #E4C03E!important;}

.catalog {margin-left: -15px; margin-right: -15px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.catalog__item {margin-bottom: 51px; padding-left: 15px; padding-right: 15px; max-width: 32.333%; flex: 1 1 auto;}

.catalog__link {display: block; max-height: 690px; overflow: hidden; position: relative;}

.catalog__link:hover .catalog__picture {-ms-transform: scale(1.1); transform: scale(1.1);}

.catalog__data {position: absolute; left: 30px; bottom: 30px; background-color: rgba(0, 0, 0, .5); padding: 20px; opacity: 0; -ms-transition: all .5s; transition: all .5s;}

.catalog__link:hover .catalog__data {opacity: 1;}

.data__text {display: block; word-break: break-all;}

.purchase {margin-bottom: 41px;}

.purchase__item {margin-bottom: 27px; display: flex;}

.purchase__link {display: block; min-width: 108px;  max-width: 108px; max-height: 181px; overflow: hidden; margin-right: 18px; position: relative; top: 2px; flex: 1 1 auto;}

.purchase__header {min-height: 48px; padding-bottom: 10px;}

.purchase__body {min-height: 91px; padding-bottom: 10px;}

.purchase__body--product {max-width: 525px;}

.purchase__title {text-transform: uppercase;}

.purchase__span--color, .text--gray {display: block; color: #858484;}

.purchase__item--product {padding-top: 3px; margin-bottom: 41px; position: relative;}

.purchase__link--product, .carousel {display: block; max-width: 374px; min-width: 374px; width: 100%; max-height: none;}

.purchase__content--product {padding-left: 42px;}

.purchase__span--desc {padding-top: 24px;}

.purchase__text {margin-bottom: 32px;}

.btn--add {min-width: 356px;}

.purchase__desc {font-size: 14px; padding-top: 28px;}

.contacts {margin-top: -6px;}

.text--uppercase {text-transform: uppercase;}

.map {position: relative; margin: 23px 0 34px; padding-bottom: 410px;}

.map__iframe {border: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

.contacts__blocks {padding-left: 2px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.contacts__block {flex: 1 1 auto;}

.contacts__block + .contacts__block {padding-left: 15px; padding-top: 15px; max-width: 575px;}

.contacts__box {margin-bottom: 24px;}

.partner {padding-top: 23px;}

.partner__item {margin-bottom: 30px;}

.partner__link {display: block; overflow: hidden; max-width: 382px;}

.partner__link:hover .partner__picture {-ms-transform: scale(1.25); transform: scale(1.25);}

.carousel .owl-dots {margin-left: -5.5px; margin-right: -5.5px; padding: 10px 0; display: flex; justify-content: center; align-items: flex-start;}

.carousel .owl-dot {max-width: 20%; width: 100%; display: block; overflow: hidden; margin-left: 5.5px; margin-right: 5.5px;}

.carousel .owl-dot.active img {opacity: .4; -ms-transform: scale(1.4); transform: scale(1.4);}

.carousel .owl-dot:hover img {-ms-transform: scale(1.2); transform: scale(1.2);}

.prev, .next {background-repeat: no-repeat; cursor: pointer; display: block; height: 30px; width: 22px; text-indent: -99999px; font-size: 0; color: transparent; position: fixed; top: 50%; margin-top: -15px; z-index: 6666; -ms-transition: all .5s; transition: all .5s;}

.prev {background-image: url(../img/svg/arrow-prev.svg); background-position: top right; left: 10px;}

.prev:hover {background-position: top left;}

.next {background-image: url(../img/svg/arrow-next.svg); background-position: top left; right: 10px;}

.next:hover {background-position: top right;}



/*footer*/

.footer {padding: 10px 0 9px;}

.footer__block {text-align: center;}

.footer__link {color: #e5e5d5;}

.footer__link:hover {color: #c89c19;}

.footer__link svg {fill: #e5e5d5; display: inline-block; vertical-align: middle; margin-right: 3px; position: relative; left: -1px; top: -1px;}

.footer__link:hover svg {fill: #c89c19;}



/*media queries*/



@media (min-width: 576px) {

    .page__cell {max-width: 540px;}

}



@media (min-width: 768px) {

    .page__cell {max-width: 720px;}

}



@media (min-width: 992px) {

    .page__cell {max-width: 960px;}

}



@media (min-width: 1200px) {

    .page__cell {max-width: 1170px;}

}



@media (min-width: 1200px) {

    .page__cell {max-width: 1470px;}

}



@media (max-width: 1199px) {

    .brand {visibility: visible; -ms-transition: all 1s; transition: all 1s;}

    .nav__brand--active {opacity: 0; top: -15px; visibility: hidden; z-index: -1;}

    .search {z-index: 50;}

}



@media (max-width: 991px) {

    .page__row--footer {margin-top: 23px;}

    .page__cell {padding-left: 15px; padding-right: 15px;}

    .nav {position: relative; justify-content: center;}

    .nav__btn {position: absolute; z-index: 200; left: 0;}

    .brand {position: relative; left: 6px; top: -1px; margin-left: 32px; margin-right: 45px;}

    .search {position: absolute; width: 100%; max-width: 100%; margin-left: 0;}

    .search__input {background-color: #303030; position: absolute; left: auto; right: 39px; top: -17px; width: 70%; max-width: 360px;}

    .search__btn {position: relative; top: 1px;}

    .nav__menu {display: block; padding-top: 27px; max-height: 100%; overflow: auto;}

    .slider__item {min-height: 714px;}

    .slider__block {padding-top: 12px; padding-bottom: 8px;}

    .page__block {padding-left: 2px; padding-right: 3px;}

    .form--width {margin-right: 5px; margin-left: 0px;}

    .form__input {padding: 13px 12px 15px;}

    .form__text {padding-bottom: 13px;}

    .btn--default {min-width: 140px; padding-left: 7px; padding-right: 10px; padding-bottom: 11px; padding-top: 12px;}

    .btn--add {min-width: 98%; margin-top: 10px;}

    .headline {padding-right: 0;}

    .headline__link {margin-left: 7px;}

    .purchase__item--product, .purchase__link--product, .carousel {max-width: 374px; margin-left: auto; margin-right: auto;}

    .purchase__item--product {display: block; margin-bottom: 28px;}

    .purchase__link--product, .carousel {top: -1px; margin-bottom: 22px;}

    .purchase__content--product {padding-left: 0;}

    .purchase__text {margin-bottom: 29px;}

    .purchase__desc {text-align: center; padding-top: 6px;}

    .prev {left: 30px;}

    .next {right: 30px;}

    .text__br {display: none;}

    .contacts--primary {padding-left: 8px; padding-right: 8px;}

    .contacts__blocks {padding-left: 0; display: block; margin-bottom: -27px;}

    .contacts__block + .contacts__block {padding-left: 0;}

    .partner__item {margin-bottom: 19px;}

}



@media (max-width: 767px) {

    .catalog__item {max-width: 49%; margin-bottom: 23px; padding-left: 20px; padding-right: 20px;}

    .purchase__link--product, .carousel {min-width: inherit;}

}



@media (max-width: 640px) {

    .purchase__item--product {padding-left: 35px; padding-right: 35px;}

    .prev {left: 10px;}

    .next {right: 10px;}

}



@media (max-width: 360px) {

    .btn {min-width: 150px;}

    .catalog__item {max-width: 100%;}

    .purchase__footer {margin-left: -35px; margin-right: -35px; text-align: center;}

}



@media (max-width: 330px) {

    .form__input + .form__btn {min-width: inherit;}

}



@media (max-width: 768px) and (orientation: portrait) {

    .slider__item {background-image: none!important; padding-bottom: 166.5%; min-height: inherit;}

    .slider__link {-ms-background-size: contain; background-size: contain;}

    .slider__block {z-index: 700;}

}



.loader-ellips {

    text-align: center;

}