*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {z-index: -1;}
html, body, .index-part-top {height: 100%;}

.index-part-top {background-color: rgba(49, 49, 49, 1);z-index: -1}

.first-hidden {opacity: 0;}

.inline-block {display: inline-block;}

.full-height {
    height: 100%;
    min-height: 100%;
}

.page-wrapper {min-height: 100%; margin-bottom: -50px;padding-bottom: 50px;}
.page-wrapper.with-maps {min-height: 100%; margin-bottom: -450px;padding-bottom: 450px;}

.blow-logo {
    z-index:2;
    opacity: 0;
    display: none;
    transform:scale(1.3);
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
}
/*
 * HEADER-SLIDER
 */
.header-slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 63px;
    width: 100%;
    overflow: hidden;
    background-color: rgba(49, 49, 49, 1);
}
.header-slider .header-slider__wrapper {height: 100%;width: 100%;}
.header-slider .header-slider__wrapper .sliders {height: 100%; width: 100%;}
.header-slider .header-slider__wrapper .sliders .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
}
.header-slider .header-slider__wrapper .sliders .slider__wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header-slider .header-slider__wrapper .sliders .slider__wrapper img {
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.header-slider .slider-text {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.header-slider .slider-text__top {
    overflow: hidden;
    position: relative;
    height: 10%;
    width: 100%;
}

.header-slider .slider-text__top-wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 0.25% 0;
}

.header-slider .slider-text__top .left {
    min-height: 20px;
    min-width: 100px;
    height: 100%;
    position: relative;
    margin-left: 3%;
}
.header-slider .slider-text__top .left .inline-block {
    max-height: 20px;
    height: 100%;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 5%;
    right: 0;
}

.header-slider .slider-text__top .social-network {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 20px;
    max-width: 20px;
    opacity: 0.7;
}
.header-slider .slider-text__top .social-network:hover {opacity: 1;}

.header-slider .slider-text__top .social-network.vk {background: url("../img/socials.png") 0 0 no-repeat;}
.header-slider .slider-text__top .social-network.tw {background: url("../img/socials.png") -20px 0 no-repeat;}
.header-slider .slider-text__top .social-network.fb {background: url("../img/socials.png") -40px 0 no-repeat;}
.header-slider .slider-text__top .social-network.goo {background: url("../img/socials.png") -60px 0 no-repeat;}

.header-slider .slider-text__top .right {
    color: #ebebeb;
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 50%;
    margin-right: 3%;
}
.header-slider .slider-text__top .right .inline-block {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 5%;
    right: 0;
}
.header-slider .slider-text__top .right p {font-size: 0.7rem;padding: 0 0 0.2rem;margin: 0;}
.header-slider .slider-text__top .right h3 {
    font-size: 1.4rem;
    padding: 0;
    margin: 0;
    color: #ebebeb;
    line-height: 1;
}


.header-slider .slider-text__center {
    overflow: hidden;
    height: 65%;
    width: 100%;
}
.header-slider .slider-text__center-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 0.25% 0;
}
.header-slider .slider-text__center-wrapper__top {
    position: relative;
    width: 100%;
    height: 71.5%;
}
.header-slider .slider-text__center-wrapper__bottom {
    width: 100%;
    height: 28.5%;
}
.header-slider .slider-text__center-wrapper__top-wrapper {
    height: 307px;
    padding: 0;
    width: 427px;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}
.header-slider .slider-text__center-wrapper__top-wrapper > div {
    position: absolute;
    width: 100%;
    height: 100%;
}
.header-slider .slider-text__center-wrapper__top-wrapper > div > img {
    position: absolute;
    left: 0;
    display: block;
    min-width: 427px;;
}
.header-slider .slider-text__center-wrapper img {

}
.header-slider .slider-text__center-wrapper__bottom-wrapper {
    height: 100%;
    padding: 10px 0;
    width: 80%;
    display: inline-block;
}

.header-slider .slider-text__bottom {
    overflow: hidden;
    height: 25%;
    width: 100%;
}
.header-slider .slider-text__bottom-wrapper {
    width: 100%;
    height: 100%;
    padding: 1% 0;
}

.header-slider .slider-text__bottom-wrapper__top {
    width: 100%;
    height: 70%;
    position: relative;
}
.header-slider .slider-text__bottom-wrapper__top-wrapper {
    position: relative;
    top: 500px;
    height: 100%;
    width: 100%;
    display: inline-block;
    padding: 0.25% 0;
}
.header-slider .slider-text__bottom-wrapper__top-wrapper img {
    height: 102px;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.header-slider .slider-text__bottom-wrapper__bottom {
    width: 100%;
    height: 30%;
    overflow: hidden;
    position: relative;
}
.header-slider .slider-text__bottom-wrapper__bottom-wrapper {
    height: 100%;
    width: 30%;
    display: inline-block;
    padding: 0.25% 0;
}
.header-slider .slider-text__bottom-wrapper__bottom-wrapper ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 4% 0 0;
    line-height: 1;
}
.header-slider .slider-text__bottom-wrapper__bottom-wrapper li {display: inline-block;margin: 0 5px 0 0;padding: 0;}
.header-slider .slider-text__bottom-wrapper__bottom-wrapper .slider-nav {
    display: block;
    height: 14px;
    width: 14px;
    background: url("../img/slider.png") -14px 0 no-repeat;
}
.header-slider .slider-text__bottom-wrapper__bottom-wrapper .slider-nav.active {
    background: url("../img/slider.png") 0 0 no-repeat;
}

/*
 * PAGE MENU
 */
nav.tab-bar {background-color: #000000;}
nav.tab-bar,
section.left-small,
section.left-small a,
section.tab-bar-section
{height: 64px;}

section.left-small a span {
    top: 15px;
    left: 13px;
}

.move-right a.exit-off-canvas {background: rgba(255, 255, 255, 0.66);}

.page-menu-top {
    position: relative;
    height: 64px;
}
.page-menu-top .page-menu {
    height: 100%;
    width: 100%;
    background-color: #1c1c1c;
}

/* ===== index-part-top ===== */
.index-part-top .page-menu {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 64px;
}
.index-part-top .page-menu.active {background-color: #1c1c1c;}
.page-menu .columns,
.page-menu .page-menu__ul  {height: 64px;}

.page-menu__ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    position: relative;
}
.page-menu__ul > li {
    display: inline-block;
    padding: 6px 5px 0;
    position: relative;
    height: 64px;
    line-height: 54px;
    text-transform: uppercase;
    vertical-align: top;
    margin: 0 4px;
}
.page-menu__ul > li.active {background-color: #fff;}

.index-part-top .page-menu__ul .li-menu__logo-img {width: 0;margin: 0;display: none;}
.page-menu-top .page-menu__ul .li-menu__logo-img {width: 126px;margin: 0;}

.page-menu__ul img {
    position: absolute;
    left: 0;
    z-index: 100;
}

.page-menu__ul a {color: #3A3A3A; height: 100%;display: inline-block;}
.page-menu__ul a:hover {color: #000000;}

.page-menu__ul a.a-light {color: #CECECE;}
.page-menu__ul a.a-light:hover {color: #ffffff;}

.menu-logo {
    position: absolute;
    margin-top: 30px;
    width: 0;
    left: 50%;
    margin-left: 0;
}

.sub-page-menu {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    padding: 25px 45px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    border: 1px solid #e2e2e2;
    border-top: none;
    display: none;
}
.sub-page-menu ul {
    list-style: none;
    margin: 0;
    display: inline-block;
}
.sub-page-menu ul:first-child {margin-right:  2rem;}
.sub-page-menu ul a {font-size: 0.8rem;text-transform: uppercase;}
.sub-page-menu ul a:hover {text-decoration: underline;}
.sub-page-menu:before {
    position: absolute;
    top: -7px;
    left: 145px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

/*
 * BRAND
 */
.brand {margin: 2rem 0 0.8rem;}
.brand .some-information__header h1 {font-weight: bold}
.brand .some-information__header .text-grey {
    display: block;
    text-transform: uppercase;
    color: #808080;
    margin: 1rem 0;
}
.brand .some-information__text {margin-top: 1rem;}

/*
 * POPULAR
 */
.popular-models__header {
    height: 2rem;
    background: url("../img/dotline.png") 0 50% repeat-x;
    line-height: 1.4rem;
    margin-bottom: 0.8rem;
}
.popular-models__header span {
    display: inline-block;
    background-color: #ffffff;
    padding: 0.3rem;
    font-size: 0.8rem;
    color: #000000;
    text-transform: uppercase;
}
.popular-models .popular-model__span {
    color: #a1a09d;
    font-size: 0.8rem;
    display: block;
    line-height: 1.6;
}
.owl-item:hover .popular-model__span {color: #000000;}

.popular-models__footer {height: 2rem;}

/*
 * PRIORITIES
 */
.priorities {background-color: #f7f7f7;padding-bottom: 2rem;}

.priorities__gradient {
    height: 15px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.09) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.09)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.09) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.09) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.09) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.09) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.priorities__gradient > div {max-width: 1200px;}
.priorities__header p {
    text-transform: uppercase;
    font-size: 0.7rem;
}
.priorities__header p:first-child {
    margin: 2.18rem 0 0;
    font-size: 0.8rem;
}
.priorities__header h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0;
}

.priorities__line {
    position: relative;
    margin: 2rem auto 0;
    overflow: hidden;
    max-width: 1200px;
}
.priorities__line img.pd-left {padding-left: 5%;float: left;}
.priorities__line img.pd-right {padding-right: 5%;float: right;}

.priorities__line-absolute {
    position: absolute;
    width: 40%;
    top: 13%;
}
.priorities__line-absolute.right {right: 0;}
.priorities__line-absolute.left {left: 0;}
.priorities__line-absolute h3 {text-transform: uppercase; font-size: 1.5rem}

.priorities__line.show-for-medium-down .text-left {padding: 2.5% 0;}

/*
 * INFO BLOCK FIGURES
 */
.info-block-figures {
    background: url("../img/bgdark.png") 0 100% no-repeat;
    -moz-background-size: 100% 200%; /* Firefox 3.6+ */
    -webkit-background-size: 100% 200%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100% 200%; /* Opera 9.6+ */
    background-size: 100% 200%;
}
.info-block-figures > div {max-width: 1200px;}
.info-block-figures__blocks {
    border: 1px solid #424242;
    padding: 2.25rem 0;
    margin-top: 1.25rem;
}
.info-block-figures__blocks .figures__block {
    overflow: hidden;
    display: inline-block;
}
.info-block-figures__blocks .figures__block ul {margin: 0;}
.info-block-figures__blocks .figures__block li {
    font-size: 3rem;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
}
.info-block-figures__blocks .figures__block .right {display: inline-block;margin-left: 0.5rem;}
.info-block-figures__blocks .figures__block p {
    color: #ffffff;
    line-height: 1.42;
    margin: 0;
    padding: 0;
}

.info-block-figures__small {margin: 2.5rem 0 0;}

.info-block-figures__small .text-center > div {background: url("../img/black1px.png") 0 1.105rem repeat-x;margin: 2rem 28% 0;}
.info-block-figures__small .text-center > div span {
    display: inline-block;
    font-size: 2.2em;
    font-weight: bold;
    background-color: #FFF;
    padding: 0 5%;
}
.info-block-figures__small .text-center h3 {
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 0 0 0.5rem 0;
}


/*
 * SOME INFORMATION
 */
.some-information {background-color: #ffffff;margin-bottom: 2rem;}
.some-information.grey {background-color: #f5f5f5;margin-bottom: 0; padding: 2rem 0;}

.some-information__header {margin-top: 1.5rem;}
.some-information__header p {
    margin: 0;
    font-size: 0.9rem;
}
.some-information__header div {
    background: url("../img/black1px.png") 0 1.105rem repeat-x;
    margin: 0 30%;
}
.some-information__header div span {
    display: inline-block;
    font-size: 2.2em;
    font-weight: bold;
    background-color: #FFF;
    padding: 0 5%;
}
.some-information__header h1 {text-transform: uppercase;font-size: 2rem;}
.some-information__header h3 {text-transform: uppercase;margin: 0 0 0.5rem 0;}

.some-information__text {padding: 0 1rem;}
.some-information__text h3 {font-weight: bold;}
.some-information__text h5 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 1.875rem 0;
}

.some-information__link {margin: 1.875rem 0}
.some-information__link a {
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.6rem 2rem;
    border: 0.2rem solid #000000;
    font-size: 0.85rem;
    font-weight: bold;
    background-color: #ffffff;
}
.some-information__link a:hover {border-color: #a8a8a8;}

.some-information__contact {overflow: hidden;}
.some-information__contact-img {margin: 0.9375rem 0 1.5625rem;}
.some-information__contact-text {overflow: hidden;font-size: 0.9rem;line-height: 1.6;}
.some-information__contact-text div {display: inline-block;text-align: left;}
.some-information__contact-text div:first-child {padding-left: 5rem;margin-right: 1.5625rem;}

.some-information__contact-text-small {font-size: 0.9rem;text-align: center;line-height: 1.6;}
.some-information__contact-text-small div:first-child {margin-bottom: 1rem;}

/*
 * PAGES
 */

.shoes-top {margin-top: 1rem;position: relative}
.shoes-top .user-breadcrumbs {
    display: block;
    list-style: none;
    margin: 20px 0 10px;
    padding: 0;
    font-size: 0.8rem;
}
.shoes-top .user-breadcrumbs li {display: inline-block;}
.shoes-top .user-breadcrumbs li a {color: #000000;}
.shoes-top .user-breadcrumbs li a:hover {text-decoration: underline;}
.shoes-top .user-breadcrumbs li.current {font-weight: bold;}
.shoes-top .user-breadcrumbs li.current a:hover {text-decoration: none;}
.shoes-top .user-breadcrumbs .breadcrumbs-separator {
    display: inline-block;
    font-size: 0.85rem;
    vertical-align: top;
    margin: 0 5px;
}

.shoes-top h1 {text-transform: uppercase; font-weight: bold;font-size: 1.7rem;}

.shoes-top .type-of-shoes {list-style: none;margin: 1rem 0 0;}
.shoes-top .type-of-shoes li {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 0.5rem;
    margin-left: 1rem;
    font-size: 0;
}
.shoes-top .type-of-shoes a {
    display: inline-block;
    color: #000;
    font-size: 0.70rem;
    text-transform: uppercase;
    border-bottom: 1px dashed #A8A8A8;
    line-height: 1.2;
}
.shoes-top .type-of-shoes li:first-child {margin-left: 0;}
.shoes-top .type-of-shoes a:hover {border-bottom: 1px solid #a8a8a8;}
.shoes-top .type-of-shoes li.active {
    border-color: #A2A2A2;
    padding: 5px 10px 5px 10px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.shoes-top .type-of-shoes li.active a {border: none;}

.shoes-top .shoes-catalog__pager-page {margin: 1px;}
.shoes-top .shoes-catalog__pager-page > div {margin-right: 1rem;display: inline-block;}
.shoes-top .shoes-catalog__pager-page > div:last-child {margin-right: 0;}
.shoes-top .shoes-catalog__pager-page ul {display: inline-block;}
.shoes-top .shoes-catalog__pager-page span {display: inline-block;line-height: 40px;font-size: 0.7rem;}

.shoes-center {position: relative;}
.shoes-center .cn-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.shoes-center .cn-nav-small {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.shoes-center .cn-nav > a{
    position: absolute;
    top: 0px;
    height: 70px;
    width: 70px;
}
.shoes-center .cn-nav-small > a{
    position: absolute;
    top: 0px;
}

.shoes-center a.cn-nav-prev{
    left: 0px;
}
.shoes-center a.cn-nav-next{
    right: 0px;
}
.shoes-center .cn-nav-small a.cn-nav-next{
    right: 45px;
}

.shoes-center .cn-nav a span {
    width: 60px;
    height: 60px;
    display: block;
    text-indent: -9000px;
    border: 1px solid rgba(205, 205, 205, 0.69);
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 7;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.shoes-center .cn-nav-small a span {
    height: 40px;
    width: 40px;
    display: block;
    text-indent: -9000px;
    border: 1px solid #b0b0b0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
}
.shoes-center .cn-nav a.cn-nav-prev span {
    background: #fff url(../img/prew.png) no-repeat center center;
}
.shoes-center .cn-nav-small a.cn-nav-prev span {
    background: #fff url(../img/prew.png) no-repeat center center;
}
.shoes-center .cn-nav a.cn-nav-next span {
    background: #fff url(../img/next.png) no-repeat center center;
}
.shoes-center .cn-nav-small a.cn-nav-next span {
    background: #fff url(../img/next.png) no-repeat center center;
}

.shoes-center .cn-nav a .cn-nav-img {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    z-index: 8;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.shoes-center .cn-nav a .cn-nav-text {
    display: inline-block;
    background-color: #ffffff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    position: absolute;
    top: -22px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.shoes-center .cn-nav a .cn-nav-text strong {text-transform: uppercase;}
.shoes-center .cn-nav a.cn-nav-prev .cn-nav-text {
    border-right: 1px solid #ebebeb;
    padding: 41px 1.6rem 41px 175px;
    left: -400px;
}
.shoes-center .cn-nav a.cn-nav-next .cn-nav-text {
    border-left: 1px solid #ebebeb;
    padding: 41px 175px 41px 1.6rem;
    right: -400px;
}

.shoes-center .cn-nav a .cn-nav-text * {
    display: inline-block;
    font-size: 0.7rem;
    color: #000000;
    white-space: nowrap;
    margin: 0;
    line-height: 1.4;
}

.shoes-center .cn-nav a:hover span {
    width: 100px;
    height: 100px;
    border-color: rgba(205, 205, 205, 0.69);
    margin: -20px 0 0 -20px;
}
.shoes-center .cn-nav a:hover .cn-nav-img {
    width: 80px;
    height: 80px;
    background-size: 100% 100%;
    margin: -40px 0 0 -40px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.shoes-center .cn-nav a.cn-nav-prev:hover .cn-nav-text {
    opacity: 1;
    left: -79px;
}
.shoes-center .cn-nav a.cn-nav-next:hover .cn-nav-text {
    opacity: 1;
    right: -79px;
}


.shoes-bottom {margin: 1.5rem 0;position: relative}
.shoes-bottom__shoes-parameters {
    border-top: 1px solid #e3e3e3;
    padding: 0 1rem;
    font-size: 0;
    overflow: hidden;
}
.shoes-bottom__shoes-parameters ul {list-style: none;font-size: 0.7rem;margin: 0;display: inline-block;}
.shoes-bottom__shoes-parameters > div {display: inline-block;padding: 15px 0; font-size: 0.7rem;vertical-align: middle;}

.shoes-bottom__previews {margin-bottom: 1rem;}
.preview-item {
    border: 1px solid transparent;
    padding: 5px;
    max-width: 60px;
    cursor: pointer;
    border-radius: 5px;
}
.preview-item.active {border-color: #B0B0B0;}

.shoes-parameters__size {margin: 0 1rem 0 2rem;}
.shoes-parameters__size li {
    border: 1px solid #B0B0B0;
    line-height: 24px;
    display: inline-block;
    width: 26px;
}

.shoes-parameters__material {margin-right: 1rem;}
.shoes-parameters__material p {margin: 0; font-size: 0.7rem;line-height: 26px;}
.shoes-parameters__material span {font-weight: bold;}

.shoes-parameters__color {margin-right: 1rem; overflow: hidden;}
.shoes-parameters__color-text {height: 26px;width: 45px;float: left;line-height: 26px;}
.shoes-parameters__color-text span {line-height: 26px;}

.shoes-parameters__color-colors {float: left;padding-left: 4px;}
.shoes-parameters__color-colors__border {
    height: 26px;
    width: 26px;
    margin-right: 4px;
    border: 1px solid #b0b0b0;
    float: left;
    padding: 2px;
}
.shoes-parameters__color-colors__border:last-child {margin-right: 0;}
.shoes-parameters__color-colors__in {width: 100%;height: 100%;}

.shoes-parameters__price div {border: 1px solid #000000;padding: 2px;vertical-align: middle;}
.shoes-parameters__price span {
    display: block;
    border: 1px solid #000000;
    background-color: #1f1f1f;
    color: #ffffff;
    padding: 0.25rem;
}


.point-of-sales { margin-bottom: 4rem }
.point-of-sales__map {
    width: 100%;
    height: 400px;
}
.point-of-sales__contacts {margin-top: 2rem}
.point-of-sales__contacts h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    display: block;
}
.point-of-sales__contacts .contacts__element {margin-top: 2.5rem}
.point-of-sales__contacts .contacts__element p {
    font-weight: bold;
    font-size: 0.9rem;
    margin: 0;
}
.point-of-sales__contacts .address {display: inline-block;margin:1.25rem 2rem 0 0;}
.point-of-sales__contacts .phone {display: inline-block;margin-top: 1.25rem;}
.point-of-sales__contacts ul {list-style: none;margin: 0;}

.point-of-sales__contacts .contacts-address {margin-top: 2rem;}
.point-of-sales__contacts .contacts-address p {font-size: 0.75rem}

.contacts-page {margin: 2rem 0;}
.contacts-page .info {}
.contacts-page .info h1 {text-transform: uppercase; font-weight: bold;margin-bottom: 1rem;font-size: 2rem;}
.contacts-page .info p {margin-top: 1rem;}
.contacts-page .data {margin-top: 2rem;max-width: 1200px;}
.contacts-page .data > div {width: 30%;display: inline-block;vertical-align: top;}
.contacts-page .data span {font-size: 0.75rem;font-weight: bold;margin: 1rem 0;display: inline-block;}
.contacts-page .data p {font-size: 0.8rem;margin: 0; padding: 0;}

.offer-page {
    background: url("../img/pattern.png") 0 0 repeat;
    padding: 2% 5%;
    text-align: center;
}
.offer-page__back {
    padding: 1rem;
    background-color: #ffffff;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.22);
    display: inline-block;
    max-width: 1200px;
    text-align: left;
}
.offer-page__content {
    padding: 4%;
    background-color: #ffffff;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.22);
}
.offer-page__content .hr {padding: 0 1%;}

.offer-page__content-top {margin-bottom: 35px;}
.offer-page__content-top h1 {text-transform: uppercase;font-weight: bold;line-height: 1.1;margin: 0 0 3rem;font-size: 2rem;}

.offer-page__content-center {margin: 35px 0;}
.offer-page__content-center,
.offer-page__content-center p,
.offer-page__content-center ul {font-size: 1rem;}
.offer-page__content-center h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.3;
    margin: 0 0 1rem;
}
.offer-page__content-center strong {display: inline-block;margin: 1rem 0 0.5rem;}
.offer-page__content-center ul {list-style: inside;margin:0 0 1.25rem;line-height: 1.8;}

.offer-page__content-bottom {margin-top: 35px;}
.offer-page__content-bottom p {font-size: 0.75rem;}
.offer-page__content-bottom p:last-child {margin: 0;}

.production-page {margin: 2rem 0;}
.production-page .info {margin-bottom: 2rem;}
.production-page .info h1 {text-transform: uppercase; font-weight: bold;margin-bottom: 1rem;font-size: 2rem;}
.production-page .info p {margin-top: 1rem;}

.production-page__process,
.production-page__process-small {padding: 3rem 1rem;}

.production-page__process div,
.production-page__process-small div {display: inline-block;overflow: hidden;margin-bottom: 3rem;}

.production-page__process img {max-width: 50%;}
.production-page__process-small img {text-align: center;}
.production-page__process img.left {margin-right: 3rem;}
.production-page__process img.right {margin-left: 3rem;}

.production-page__process h3,
.production-page__process-small h3 {font-size: 1.4rem; line-height: 1.2; font-weight: bold;}
.production-page__process-small h3 {margin: 1rem 0;}

.production-page__process p,
.production-page__process-small p {font-size: 0.9rem;line-height: 1.2;}
.production-page__img {max-width: 1200px;display: inline-block;font-size: 0;}
.production-page__img div {max-width: 1200px;}
.production-page__img div img{max-width: 597.5px; width: 49.559%;margin-top: 5px;}
.production-page__img div img:first-child {margin-right: 5px;}

.about-information {padding: 2rem 0;}
.about-information__text {padding: 2rem 0;}
.about-information__text p {line-height: 1.5;margin: 0}

.about-information__diploms ul {display: inline-block;list-style: none; margin: 0;}
.about-information__diploms li {display: inline-block; margin: 1rem 0 0}
.about-information__diploms span {
    margin-top:0.5rem;
    width: 40%;
    display: inline-block;
    font-size: 0.65rem;
    font-style: italic;
    color: #808080;
}

.about-information__sertificats {}
.about-information__sertificats ul {display: inline-block;list-style: none;margin: 0;}
.about-information__sertificats li {
    text-align: left;
    display: inline-block;
    margin: 1rem 0 0;
    max-width: 305px;
    vertical-align: top;
}
.about-information__sertificats li img {border: 1px solid #EBEBEB;}
.about-information__sertificats li span {
    display: block;
    font-size: 0.65rem;
    font-style: italic;
    color: #808080;
    margin-top: 0.25rem;
}


.shoes-catalog {padding: 2rem 5% 3rem;}
.shoes-catalog__content {font-size: 0;}
.content-model {
    display: inline-block;
    border: 1px solid #ebebeb;
    width: 248px;
    height: 248px;
    text-align: center;
    font-size: 0.65rem;
    text-transform: uppercase;
    overflow: hidden;
    margin: 5px 5px 0 0;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.content-model:hover {box-shadow: inset 0 0 20px rgba(0,0,0,0.06);}
.content-model .img-wrapper {min-height: 160px; max-height: 160px;}
.content-model .img-wrapper > a {border: none}
.content-model img {
    max-height: 160px;
    width: auto;
    max-width: 220px;
}

.content-model span {
    display: block;
}
.content-model span.content-model__span-top {
    position: relative;
    top: -50px;
    margin: 20px 0 10px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.content-model span.content-model__span-bottom {
    position: relative;
    top: -28px;
    margin: 10px 0 30px;
    color: #b0b0b0;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.content-model:hover span.content-model__span-top {top: 0;}
.content-model:hover span.content-model__span-bottom {top: 22px;}

.content-model a span {vertical-align: bottom;}
.content-model a {
    display: inline-block;
    border: 1px solid #000000;
    padding: 2px;
    margin-right: 10px;
}
.content-model:hover a:hover {border-color: #b0b0b0;}
.content-model a:last-child {margin-right: 0;}

.content-model .content-model__a-more {
    position: relative;
    top: 50px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.content-model:hover .content-model__a-more {
    top: 0;
}

.content-model .content-model__a-more span {
    color: #ffffff;
    display: inline-block;
    border: 1px solid #000000;
    padding: 0 12px;
    background-color: #000000;
    line-height: 20px;
}

.content-model:hover .content-model__a-more:hover span {
    background-color: #3f3f3f;
}

.content-model .content-model__a-price {
    position: relative;
    top: 50px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.content-model:hover .content-model__a-price {
    top: 0;
}

.content-model .content-model__a-price span {
    color: #000000;
    display: inline-block;
    border: 1px solid #b0b0b0;
    padding: 0 8px;
    text-transform: none;
    line-height: 20px;
}

.content-model .content-model__a-price:hover span {
    border-color: #000000;
}

.shoes-catalog__pager {}
.shoes-catalog__pager-prev a,
.shoes-catalog__pager-next a {
    color: #b0b0b0;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 20px;
}
.shoes-catalog__pager-prev a:hover,
.shoes-catalog__pager-next a:hover {color: #000000;}
.shoes-catalog__pager-prev span {
    display: block;
    background: url("../img/prew.png") 0 0 no-repeat;
    height: 20px;
    width: 11px;
    float: left;
    margin-right: 10px;
}
.shoes-catalog__pager-next span {
    display: block;
    background: url("../img/next.png") 0 0 no-repeat;
    height: 20px;
    width: 11px;
    float: left;
    margin-left: 10px;
}

.shoes-catalog__pager-page {margin: 2rem; vertical-align: middle;}
.shoes-catalog__pager-page ul {display: block; margin: 0;list-style: none;}
.shoes-catalog__pager-page ul li {display: inline-block; margin: 5px 0;padding: 2px; border: 1px solid #000000;font-size: 0;}
.shoes-catalog__pager-page ul li:hover {border-color: #b0b0b0;}
.shoes-catalog__pager-page a {
    font-size: 0.7rem;
    color: #000000;
    display: inline-block;
    border: 1px solid #b0b0b0;
    padding: 0 8px;
    line-height: 22px;
}
.shoes-catalog__pager-page ul li:hover a {border-color: #000000;}
.shoes-catalog__pager-page a.active {
    color: #ffffff;
    display: inline-block;
    border: 1px solid #000000;
    background-color: #000000;
    padding: 0 8px;
    line-height: 22px;
}
.shoes-catalog__pager-page ul li:hover a.active {background-color: #3f3f3f;}
.shoes-catalog__pager-page a span {display: none;}
.shoes-catalog__pager-page a.active span {display: inline-block;margin-left: 0.3rem;}

/*
 * FOOTER
 */

.footer {background-color: #1c1c1c;}
.footer .footer-big {height: 50px;overflow: hidden;}
.footer__only-small {text-align: center;}

.footer .copyright {color: #a8a8a8;font-size: 0.7rem;margin: 0; line-height: 50px;}
.footer .await_your_call {color: #ffffff; font-size: 0.7rem; margin: 0; line-height: 50px;}
.footer .await_your_call img {margin: 0 10px;}

.footer .footer__p-left {
    color: #a8a8a8;
    font-size: 0.7rem;
    margin: 1rem 0;
}
.footer .footer__a-right {
    display: inline-block;
    font-size: 0.7rem;
    color: #a8a8a8;
    text-decoration: none;
    margin: 1rem 0 1rem 0.5rem;
    line-height: 1.2rem;
}
.footer__a-right:hover {color: #a8a8a8;}
.footer__a-right img {margin-left: 5px;}
.footer__a-right:hover img {margin-bottom: 10px}
.footer__only-small .footer__a-right:hover img {margin-bottom: 0;}
.footer .footer__a-right span {
    font-size: 1.25rem;
    font-weight: bold;
    vertical-align: bottom;
}

.gif-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
}




@media only screen and (max-width: 1200px) {
    .info-block-figures__blocks .figures__block li {font-size: 2.8rem}
    .info-block-figures__blocks .figures__block p {font-size: 1rem;}
}

@media only screen and (max-width: 1024px) {
    html, body {font-size: 87.5%;}
}

@media only screen and (max-width: 872px) {
    .preview-item {max-width: 35px;}
    .page-wrapper {margin-bottom: -89px; padding-bottom: 89px;}
}
@media only screen and (max-width: 480px) {
    .header-slider .slider-text__bottom .border-inner {padding: 10px 5px;}
    .header-slider .slider-text__bottom-wrapper__bottom-wrapper ul {padding: 10px 0 0;}

    .offer-page {background: none;padding: 7% 0;}
    .offer-page__back {box-shadow: none;padding: 0;}
    .offer-page__content {padding: 0 1.7rem;box-shadow: none}
}

@media only screen and (max-width: 665px) {
    .production-page__img div img {
        width: 100%;
        margin-top: 5px;
    }
}

@media only screen and (max-height: 760px) {
    .header-slider .slider-text__bottom {display: none;}
    .header-slider .slider-text__center {height: 90%;}
}

@media only screen and (max-height: 600px) {
    .header-slider .slider-text__center-wrapper img {max-height: 100%;}
}

@media only screen and (max-height: 350px) {
    .header-slider .slider-text__top {display: none;}
    .header-slider .slider-text__center {height: 100%;}
}
@media screen and (min-width:0\0) {
    html, body {z-index:0 !important;}
}