.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.justify-content-end {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-content-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-content-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.justify-content-start {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-content-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.flex-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.transition-none {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
/* Colors */
/* Width, height */
/* Margins, paddings */
.row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row .col-xlg-1,
.row .col-xlg-2,
.row .col-xlg-3,
.row .col-xlg-4,
.row .col-xlg-5,
.row .col-xlg-6,
.row .col-xlg-7,
.row .col-xlg-8,
.row .col-xlg-9,
.row .col-xlg-10,
.row .col-xlg-11,
.row .col-xlg-12 {
float: left;
}
.row .col-xlg-1 {
width: 8.33333333%;
}
.row .col-xlg-2 {
width: 16.6666666%;
}
.row .col-xlg-3 {
width: 25%;
}
.row .col-xlg-4 {
width: 33.3333333%;
}
.row .col-xlg-5 {
width: 41.6666666%;
}
.row .col-xlg-6 {
width: 50%;
}
.row .col-xlg-7 {
width: 58.3333333%;
}
.row .col-xlg-8 {
width: 66.6666666%;
}
.row .col-xlg-9 {
width: 75%;
}
.row .col-xlg-10 {
width: 83.3333333%;
}
.row .col-xlg-11 {
width: 91.6666666%;
}
.row .col-xlg-12 {
width: 100%;
}
.row-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1600px) {
.row .col-lg-0 {
display: none;
}
.row .col-lg-1 {
width: 8.33333333%;
}
.row .col-lg-2 {
width: 16.6666666%;
}
.row .col-lg-3 {
width: 25%;
}
.row .col-lg-4 {
width: 33.3333333%;
}
.row .col-lg-5 {
width: 41.6666666%;
}
.row .col-lg-6 {
width: 50%;
}
.row .col-lg-7 {
width: 58.3333333%;
}
.row .col-lg-8 {
width: 66.6666666%;
}
.row .col-lg-9 {
width: 75%;
}
.row .col-lg-10 {
width: 83.3333333%;
}
.row .col-lg-11 {
width: 91.6666666%;
}
.row .col-lg-12 {
width: 100%;
}
}
@media screen and (max-width: 1280px) {
.row .col-md-0 {
display: none;
}
.row .col-md-1 {
width: 8.33333333%;
}
.row .col-md-2 {
width: 16.6666666%;
}
.row .col-md-3 {
width: 25%;
}
.row .col-md-4 {
width: 33.3333333%;
}
.row .col-md-5 {
width: 41.6666666%;
}
.row .col-md-6 {
width: 50%;
}
.row .col-md-7 {
width: 58.3333333%;
}
.row .col-md-8 {
width: 66.6666666%;
}
.row .col-md-9 {
width: 75%;
}
.row .col-md-10 {
width: 83.3333333%;
}
.row .col-md-11 {
width: 91.6666666%;
}
.row .col-md-12 {
width: 100%;
}
}
@media screen and (max-width: 960px) {
.row .col-sm-0 {
display: none;
}
.row .col-sm-1 {
width: 8.33333333%;
}
.row .col-sm-2 {
width: 16.6666666%;
}
.row .col-sm-3 {
width: 25%;
}
.row .col-sm-4 {
width: 33.3333333%;
}
.row .col-sm-5 {
width: 41.6666666%;
}
.row .col-sm-6 {
width: 50%;
}
.row .col-sm-7 {
width: 58.3333333%;
}
.row .col-sm-8 {
width: 66.6666666%;
}
.row .col-sm-9 {
width: 75%;
}
.row .col-sm-10 {
width: 83.3333333%;
}
.row .col-sm-11 {
width: 91.6666666%;
}
.row .col-sm-12 {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.row .col-xsm-0 {
display: none;
}
.row .col-xsm-1 {
width: 8.33333333%;
}
.row .col-xsm-2 {
width: 16.6666666%;
}
.row .col-xsm-3 {
width: 25%;
}
.row .col-xsm-4 {
width: 33.3333333%;
}
.row .col-xsm-5 {
width: 41.6666666%;
}
.row .col-xsm-6 {
width: 50%;
}
.row .col-xsm-7 {
width: 58.3333333%;
}
.row .col-xsm-8 {
width: 66.6666666%;
}
.row .col-xsm-9 {
width: 75%;
}
.row .col-xsm-10 {
width: 83.3333333%;
}
.row .col-xsm-11 {
width: 91.6666666%;
}
.row .col-xsm-12 {
width: 100%;
}
}
@media screen and (max-width: 410px) {
.row .col-xxsm-0 {
display: none;
}
.row .col-xxsm-1 {
width: 8.33333333%;
}
.row .col-xxsm-2 {
width: 16.6666666%;
}
.row .col-xxsm-3 {
width: 25%;
}
.row .col-xxsm-4 {
width: 33.3333333%;
}
.row .col-xxsm-5 {
width: 41.6666666%;
}
.row .col-xxsm-6 {
width: 50%;
}
.row .col-xxsm-7 {
width: 58.3333333%;
}
.row .col-xxsm-8 {
width: 66.6666666%;
}
.row .col-xxsm-9 {
width: 75%;
}
.row .col-xxsm-10 {
width: 83.3333333%;
}
.row .col-xxsm-11 {
width: 91.6666666%;
}
.row .col-xxsm-12 {
width: 100%;
}
}
html,
body {
height: 100%;
}
html > span,
body > span {
display: none !important;
}
.main-slider {
width: 100%;
height: 100%;
margin-bottom: 69px;
overflow: hidden;
}
.main-slider a {
color: #fff;
}
.main-slider__wrapper {
position: absolute;
left: 0;
top: 69px;
width: 100%;
height: calc(100% - 69px);
}
.main-slider__elem {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 510px 0;
background-size: contain;
background-repeat: no-repeat;
color: #ffffff;
vertical-align: bottom;
opacity: 0;
transition: opacity 0.8s ease-out;
}
.main-slider__elem.active {
opacity: 1;
z-index: 1;
}
@media screen and (max-width: 1000px) {
.main-slider__elem {
background-position: 430px 0;
}
}
.main-slider__text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center;
width: 510px;
height: 0;
top: 100%;
overflow: hidden;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.main-slider__text.active {
height: 100%;
top: 70px;
}
@media screen and (max-width: 1000px) {
.main-slider__text {
width: 430px;
}
}
.main-slider__title {
position: relative;
display: inline-block;
font-family: Futura;
font-weight: 300;
font-size: 4em;
line-height: 80px;
margin: 50px;
margin-top: -7%;
text-transform: uppercase;
}
.main-slider__title strong,
.main-slider__title span {
font-weight: 900;
}
.main-slider__title::after {
content: '';
position: absolute;
display: block;
left: 0;
bottom: -20px;
height: 2px;
width: 184px;
background-color: #cb313e;
}
.main-slider__title_catalog {
font-size: 3.5em;
}
.main-slider__title_about {
font-size: 3em;
}
.main-slider__title_cooperation {
font-size: 2.5em;
}
.main-slider__title_cooperation::after {
bottom: -16px;
}
@media screen and (max-width: 1000px) {
.main-slider__title {
font-size: 45px;
line-height: 60px;
}
}
.main-slider__slogan {
font-size: 35px;
line-height: 45px;
margin: 0 50px;
opacity: 0.5;
}
.main-slider__slogan sup {
display: inline-block;
font-size: 20px;
line-height: 20px;
vertical-align: top;
}
@media screen and (max-width: 1000px) {
.main-slider__slogan {
font-size: 24px;
line-height: 30px;
}
}
.main-slider__btn {
position: relative;
display: inline-block;
height: 78px;
padding: 0 76px;
border: 1px solid #cb313e;
border-radius: 78px;
overflow: hidden;
background: rgba(0, 0, 0, 0.15);
margin: 0 50px;
margin-top: 65px;
z-index: 2;
}
.main-slider__btn a {
display: block;
height: 100%;
position: relative;
line-height: 78px;
vertical-align: middle;
font-size: 25px;
text-transform: lowercase;
color: #ffffff;
z-index: 10;
}
.main-slider__btn:hover::after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
margin-left: -78px;
padding: 20px 78px;
background: url(/images/factory/wave.png) no-repeat right 72px;
animation: button 1s 1 ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.main-slider__more {
display: inline-block;
padding-right: 19px;
background: url(/images/factory/more-arrow.png) no-repeat right calc(50% + 3px);
}
.main-slider__nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
-webkit-align-items: end;
align-items: end;
justify-content: space-between;
height: calc(100% - 69px);
position: absolute;
left: 510px;
top: 69px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.main-slider__nav {
left: 430px;
}
}
.main-slider__arrow_left,
.main-slider__arrow_right {
width: 20%;
height: 100%;
}
.main-slider__arrow_left:hover {
cursor: url(/images/factory/slider/cursor-arrow-left.png), pointer;
}
.main-slider__arrow_right:hover {
cursor: url(/images/factory/slider/cursor-arrow-right.png), pointer;
}
@media screen and (max-width: 1000px) {
.main-slider__text {
left: 20%;
}
.main-slider__title {
font-size: 51px;
line-height: 54px;
}
.main-slider__slogan {
font-size: 28px;
line-height: 32px;
}
.main-slider__btn {
margin-top: 45px;
}
}
@media screen and (max-height: 600px) {
.main-slider__text {
left: 20%;
}
.main-slider__title {
font-size: 51px;
line-height: 54px;
}
.main-slider__slogan {
font-size: 28px;
line-height: 32px;
}
.main-slider__btn {
margin-top: 45px;
}
}
@media screen and (max-width: 640px) {
.main-slider__title {
font-size: 30px;
line-height: 33px;
}
.main-slider__slogan {
font-size: 22px;
line-height: 26px;
margin-top: 10px;
}
.main-slider__btn {
padding: 0 50px;
height: 50px;
}
.main-slider__btn a {
line-height: 50px;
font-size: 21px;
}
}
@media screen and (max-width: 600px) {
.main-slider {
display: none;
}
}
@media screen and (max-width: 450px) {
.main-slider__text {
left: 20px;
}
}
.main-news-and-technologies {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 49px 0;
}
.main-news-and-technologies article,
.main-news-and-technologies a.information {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
height: 534px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding-top: 50px;
}
.main-news-and-technologies article .sub-header,
.main-news-and-technologies a.information .sub-header {
margin-bottom: 40px;
font: 900 50px Futura, Helvetica, Arial, sans-serif;
font-size: 40px;
color: #1b3031;
position: relative;
z-index: 1;
}
.main-news-and-technologies article .sub-header a,
.main-news-and-technologies a.information .sub-header a {
color: #1b3031;
}
.main-news-and-technologies article .sub-header.technologies__header a,
.main-news-and-technologies a.information .sub-header.technologies__header a {
color: #fff;
}
.main-news-and-technologies article .content,
.main-news-and-technologies a.information .content {
flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex: 1;
width: 70%;
margin: 15px auto 24px;
font: 300 16px/18px "Open Sans", Helvetica, Arial, sans-serif;
color: #1b3031;
}
.main-news-and-technologies article.news,
.main-news-and-technologies a.information.news {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.main-news-and-technologies article.news .news__line,
.main-news-and-technologies a.information.news .news__line {
width: 79px;
height: 10px;
margin: 0 auto;
background-color: #f47320;
}
.main-news-and-technologies article.news .news__date,
.main-news-and-technologies a.information.news .news__date {
margin-top: 43px;
font: 700 16px/18px "Open Sans", Helvetica, Arial, sans-serif;
color: #1b3031;
}
.main-news-and-technologies article.news .news__preview,
.main-news-and-technologies a.information.news .news__preview {
height: 46px;
overflow: hidden;
}
.main-news-and-technologies article.news .news__preview a,
.main-news-and-technologies a.information.news .news__preview a {
line-height: 1.4em;
color: #1b3031;
}
.main-news-and-technologies article.news .news__preview a:hover,
.main-news-and-technologies a.information.news .news__preview a:hover {
border-bottom: 1px solid #1b3031;
}
.main-news-and-technologies article.news .news__more,
.main-news-and-technologies a.information.news .news__more {
min-width: 165px;
height: 20px;
margin: 0 auto;
padding-left: 36px;
background: url(/images/main/news_more.png) no-repeat left top;
}
.main-news-and-technologies article.news .news__more a,
.main-news-and-technologies a.information.news .news__more a {
color: #f47320;
}
.main-news-and-technologies article.news .news__more a:hover,
.main-news-and-technologies a.information.news .news__more a:hover {
border-bottom: 1px solid #f47320;
}
.main-news-and-technologies article.information,
.main-news-and-technologies a.information.information {
position: relative;
background: #f2f3ed url(/images/main/information_bg.jpg) no-repeat center center;
background-size: cover;
}
.main-news-and-technologies article.information .c-link__full-block,
.main-news-and-technologies a.information.information .c-link__full-block {
display: inline-block;
width: 100%;
height: 100%;
}
.main-news-and-technologies article.information .information__list,
.main-news-and-technologies a.information.information .information__list {
width: 100%;
margin-top: 100px;
text-align: center;
}
.main-news-and-technologies article.information .information__list li,
.main-news-and-technologies a.information.information .information__list li {
position: absolute;
width: 100%;
text-align: center;
top: 100px;
margin-bottom: 30px;
}
.main-news-and-technologies article.information .information__list li a,
.main-news-and-technologies a.information.information .information__list li a {
line-height: 1.4em;
border-bottom: 1px solid #f47320;
font-size: 26px;
color: #1b3031;
text-transform: uppercase;
}
.main-news-and-technologies article.information .information__list li a:hover,
.main-news-and-technologies a.information.information .information__list li a:hover {
border-bottom: none;
}
.main-news-and-technologies article.information .information__list li:first-child,
.main-news-and-technologies a.information.information .information__list li:first-child {
top: 140px;
}
.main-news-and-technologies article.information .information__list li:nth-child(2),
.main-news-and-technologies a.information.information .information__list li:nth-child(2) {
top: 200px;
}
@media screen and (max-width: 960px) {
.main-news-and-technologies article.information .information__list li:nth-child(2),
.main-news-and-technologies a.information.information .information__list li:nth-child(2) {
top: 230px;
}
.main-news-and-technologies article.information .information__list li a,
.main-news-and-technologies a.information.information .information__list li a {
font-size: 20px;
}
}
.main-catalog-sections .catalog-main__item {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
height: 544px;
background-repeat: no-repeat;
background-position: center;
background-size: auto 93%;
border: 5px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.main-catalog-sections .catalog-main__item .tile-slider {
width: 100%;
height: 100%;
position: relative;
text-align: center;
}
.main-catalog-sections .catalog-main__item .tile-image {
width: 100%;
height: 100%;
background-size: auto 100%;
background-position: 50% 0;
background-repeat: no-repeat;
max-height: calc(100% - 125px);
}
.main-catalog-sections .catalog-main__item .tile-footer {
width: 100%;
height: 125px;
padding: 25px 20px 45px 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
text-align: left;
z-index: 101;
font-size: 0;
}
.main-catalog-sections .catalog-main__item .tile-footer::before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom-color: inherit;
top: -18px;
left: 30px;
}
.main-catalog-sections .catalog-main__item .tile-pager {
z-index: 1000;
position: absolute;
bottom: 25px;
left: 25px;
margin: 0;
}
.main-catalog-sections .catalog-main__item .tile-pager span {
display: inline-block;
font-size: 0;
width: 15px;
height: 15px;
border: 1px solid #fff;
border-radius: 50%;
opacity: .3;
margin-right: 15px;
}
.main-catalog-sections .catalog-main__item .tile-pager .cycle-pager-active {
background: #fff;
}
.main-catalog-sections .catalog-main__item .tile-title {
display: inline-block;
font: 400 50px Futura, Helvetica, Arial, sans-serif;
font-size: 19px;
color: #fff;
text-transform: uppercase;
}
.main-catalog-sections .catalog-main__item.no-transition {
transition: all 3s ease 0s;
}
.main-catalog-sections .catalog-main__item a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.main-catalog-sections .catalog-main__item.col-height-2 {
height: 1088px;
}
.main-catalog-sections .catalog-main .therm-universal {
background-color: #e2e5e3;
background-position: right center;
text-align: center;
z-index: 10;
}
.main-catalog-sections .catalog-main .therm-narrow,
.main-catalog-sections .catalog-main .sport-jars {
background-color: #f2efec;
z-index: 20;
}
.main-catalog-sections .catalog-main .therm-narrow {
background-position: center 20%;
background-size: 25% auto;
z-index: 30;
}
.main-catalog-sections .catalog-main .sport-jars {
background-position: center 40% ;
background-size: auto 60%;
text-align: left;
}
.main-catalog-sections .catalog-main .pans,
.main-catalog-sections .catalog-main .jars,
.main-catalog-sections .catalog-main .therm-jug {
background-color: #ece5e0;
}
.main-catalog-sections .catalog-main .pans {
background-position: right bottom;
background-size: auto 100%;
z-index: 40;
}
.main-catalog-sections .catalog-main .jars {
background-size: 35%;
text-align: center;
z-index: 50;
}
.main-catalog-sections .catalog-main .therm-jug {
background-size: 90%;
text-align: center;
z-index: 60;
}
.main-catalog-sections .catalog-main .therm-width {
background-color: #d2d6db;
background-position: center 30%;
background-size: 60%;
z-index: 70;
}
.main-catalog-sections .catalog-main .therm-mag {
background-color: #e5dfda;
background-position: center 40%;
background-size: 75%;
z-index: 80;
}
.main-actions {
margin: 49px 0;
background: #b70226;
}
.main-actions .main-actions__item {
background-position: 80% top;
background-repeat: no-repeat;
background-size: auto 100%;
padding: 132px 0;
text-align: center;
}
.main-actions .main-actions__item.header {
font-size: 40px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}
.main-actions .main-actions__item .button {
position: relative;
display: inline-block;
height: 36px;
margin-left: -45%;
padding: 20px 78px;
border: 1px solid #880119;
border-radius: 60px;
line-height: 36px;
font-size: 25px;
text-transform: lowercase;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
}
.main-actions .main-actions__item .button .button__link {
color: #ffffff;
position: relative;
z-index: 10;
}
.main-actions .main-actions__item .button:hover:after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 60px;
background: url(/images/layout/wave.png) no-repeat right 72px;
animation: button 1s 1 ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes button {
100% {
background-position: left bottom;
}
}
@keyframes technology {
0% {
background-position: 0 0;
}
100% {
background-position: -4995px 0;
}
}
@keyframes technology-reverse {
0% {
background-position: -4995px 0;
}
100% {
background-position: 0 0;
}
}
.technologies {
background: #2A4244;
position: relative;
}
.technologies a {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 1;
}
.technology-img {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
height: 463px;
width: 135px;
background: url('/images/main/technology.png') no-repeat 0 0;
background-size: cover;
animation: technology-reverse 0.7s steps(37) alternate;
}
.technology-img.active {
animation: technology 0.7s steps(37) alternate;
background-position: -4995px 0;
}
@media screen and (max-width: 410px) {
.technology-img {
background-position: -3427px 0;
width: 97px;
height: 318px;
bottom: 10px;
}
}
@media screen and (min-width: 1601px) {
.main-catalog-sections .catalog-main__item.novelty {
background-color: #eab6ad;
background-size: auto 80%;
z-index: 90;
}
.main-catalog-sections .catalog-main__item.novelty .tile-footer {
height: 100%;
width: 150px;
top: 0;
right: 0;
float: right;
}
.main-catalog-sections .catalog-main__item.novelty .tile-footer::before {
top: auto;
bottom: 30px;
left: -18px;
transform: rotate(-90deg);
}
.main-catalog-sections .catalog-main__item.novelty .tile-footer span {
bottom: 60px;
}
.main-catalog-sections .catalog-main__item.novelty .tile-pager {
bottom: 25px;
right: 25px;
left: auto;
}
.main-catalog-sections .catalog-main__item.novelty .tile-image {
float: left;
max-height: 100%;
max-width: calc(100% - 150px);
}
.main-catalog-sections .catalog-main__item.novelty a .tile-title {
position: absolute;
left: 36%;
width: calc(100% - 196px);
-webkit-transform-origin: 0 100% ;
-moz-transform-origin: 0 100% ;
-ms-transform-origin: 0 100% ;
transform-origin: 0 100% ;
-moz-transform: rotate(-90deg);
/* Ð”Ð»Ñ Firefox */
-ms-transform: rotate(-90deg);
/* Ð”Ð»Ñ IE */
-webkit-transform: rotate(-90deg);
/* Ð”Ð»Ñ Safari, Chrome, iOS */
transform: rotate(-90deg);
color: #ffffff;
text-align: center;
}
.main-catalog-sections .catalog-main__item.novelty::after {
display: table;
content: '';
clear: both;
}
}
@media screen and (max-width: 1600px) {
header .header__bottom .menu-opener {
margin-left: 20px;
}
header .header__bottom .logo {
margin-right: 13px;
margin-left: 20px;
}
header .header__bottom nav {
padding: 24.5px 0 24.5px 7px;
}
header .header__bottom nav .level-1 a {
padding: 3px 11px 35px;
font-size: 14px;
}
header .header__bottom .search-form {
margin-right: 20px;
margin-left: 20px;
}
header .right-column {
width: 290px;
}
header .right-column .search-form {
margin-right: 0;
}
header .right-column .links {
margin: 0 7.5px;
}
header .right-column .links a {
padding: 0 7px;
}
header .right-column .languages a:not(:last-of-type) {
margin-right: 7px;
}
header .header__bottom nav .level-1 > li .dropdown .production {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .header__bottom nav .level-1 > li .dropdown .production li {
width: 30%;
margin-right: 20px;
}
header .header__bottom nav .level-1 > li .dropdown .other li a {
font-size: 21px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__more {
height: 60px;
padding: 0 55px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__more a {
line-height: 60px;
}
}
@media screen and (max-width: 1366px) {
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info {
left: 51%;
width: 625px !important;
}
}
@media screen and (max-width: 1280px) {
header .left-column {
width: auto;
}
header .right-column {
width: 345px;
}
header .right-column .languages a {
padding: 2px 10px 4px;
}
header .right-column .links {
margin: 0 15px;
}
header .right-column .links a {
padding: 0 14px;
}
header .header__bottom nav {
display: none;
}
header .header__bottom .dropdown {
top: 111px;
left: 106px;
right: 106px;
}
header .header__bottom .dropdown .production {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .header__bottom .dropdown .production li {
width: 33.3333333%;
}
header .header__bottom .dropdown .other li a {
padding-left: 0;
font-size: 15px;
line-height: 23px;
}
header .header__bottom .dropdown .other li .level-3 {
margin-top: 18px;
}
header .header__bottom .search-form {
display: none;
}
header .header__bottom .search-form:hover {
display: block;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
left: 45%;
width: 50%;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info .slider-info__header {
font-size: 55px;
}
.main-catalog-sections .catalog-main .catalog-main__item a .tile-footer {
padding: 20px 17px 40px 17px;
}
.main-catalog-sections .catalog-main .catalog-main__item a .tile-title {
font-size: 18px;
}
.main-catalog-sections .catalog-main .catalog-main__item.therm-universal {
height: 544px;
}
.main-catalog-sections .catalog-main .catalog-main__wrapper .catalog-main__wrapper + .catalog-main__wrapper {
margin-left: -33.3333333%;
}
.main-actions article .main-actions__item {
padding: 67.5px 0;
background-size: 63%;
background-position: 90% top;
}
.main-actions article .main-actions__item .button {
padding: 20px 52px;
}
}
@media screen and (max-width: 960px) {
header .header__bottom .search-form {
margin-right: 40px;
}
header .left-column .logo {
margin-right: 16px;
}
header .right-column {
width: auto;
}
header .right-column .links {
margin: 0 7.5px;
}
header .right-column .links a {
padding: 0 7px;
}
header .header__bottom .dropdown {
left: 34px;
right: 34px;
padding: 34px 46px;
}
header .header__bottom .dropdown .dropdown__header {
margin-bottom: 34px;
}
header .header__bottom .dropdown .production li {
margin-right: 0;
}
header .header__bottom .dropdown .production li a {
height: 100%;
padding: 0 0 17px 54px;
background-position: left top;
background-size: auto 40px;
line-height: 23px;
vertical-align: top;
}
header .header__bottom .dropdown .other {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 34px 92px 0;
}
header .header__bottom .dropdown .other li {
width: 50%;
text-indent: 0;
}
header .header__bottom .dropdown .other li .level-3 li {
display: none;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
width: 385px !important;
left: 20%;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info.go-out {
width: 700px !important;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info .slider-info__header {
font-size: 51px;
margin-bottom: 8px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info .slider-info__text {
font-size: 28px;
}
section.main-news-and-technologies article .sub-header {
font-size: 30px;
}
.main-catalog-sections article.catalog-main .col-height-2.therm-universal {
height: 544px;
}
.main-catalog-sections article.catalog-main .catalog-main__wrapper .catalog-main__wrapper + .catalog-main__wrapper {
margin-left: -50%;
}
.main-actions article .main-actions__item {
background-size: 64%;
}
.main-actions article .main-actions__item .button {
margin-left: -25%;
}
}
@media screen and (max-width: 730px) {
.main-actions article .main-actions__item {
background-size: 72%;
}
.main-actions article .main-actions__item .button {
padding: 10px 25px;
font-size: 21px;
}
}
@media screen and (max-width: 640px) {
header .header__bottom .dropdown {
left: 17px;
right: 17px;
padding: 17px 23px;
}
header .header__bottom .dropdown .production li {
width: 40%;
}
header .header__bottom .dropdown .production li:not(:nth-of-type(2n)) {
margin-right: 34px;
}
header .header__bottom .dropdown .other {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 34px 0;
}
header .header__bottom .dropdown .other li {
width: 100%;
}
header .header__bottom .dropdown .other li a {
font-size: 20px;
}
header .header__bottom .logo-block .menu-opener {
margin: auto 0 auto 40px;
}
header .header__bottom .logo-block .logo {
margin-right: 0;
}
header .header__bottom .search-link {
width: 64px;
margin-right: 0;
margin-left: 0;
}
header .header__bottom .search-form {
margin: auto 39px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__header {
margin-bottom: 23px;
font-size: 50px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__header-line {
height: 5px;
margin-bottom: 17px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__text {
margin-bottom: 27px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__more {
height: 60px;
padding: 0 55px;
}
section.main-news-and-technologies {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.main-news-and-technologies article .sub-header {
font-size: 33px;
}
.main-catalog-sections article.catalog-main .catalog-main__wrapper .catalog-main__wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.main-catalog-sections article.catalog-main .catalog-main__wrapper .catalog-main__wrapper + .catalog-main__wrapper {
margin-top: -544px;
margin-left: -100%;
}
.main-catalog-sections article.catalog-main .catalog-main__wrapper .catalog-main__wrapper + .catalog-main__wrapper .novelty {
margin-top: -544px;
margin-left: 100%;
}
.main-catalog-sections article.catalog-main .catalog-main__wrapper .catalog-main__wrapper + .catalog-main__wrapper .novelty a span {
left: 26%;
bottom: 36%;
}
.main-catalog-sections article.catalog-main.bottom-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-catalog-sections article.catalog-main .catalog-main__item {
text-align: left;
}
.main-catalog-sections article.catalog-main .catalog-main__item a span {
left: 24px;
}
.main-catalog-sections article.catalog-main .pans {
background-position: center bottom;
background-size: auto 100%;
}
.main-catalog-sections article.catalog-main .therm-jug {
background-color: #e5dfda;
}
.main-actions article .main-actions__item {
background-size: 74%;
}
.main-actions article .main-actions__item .button {
padding: 6px 42px 9px;
font-size: 18px;
}
.main-instagram-photos .main-instagram__header {
margin-top: 32px;
margin-bottom: 42px;
}
}
@media screen and (max-width: 620px), screen and (max-height: 530px) {
header {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header .header__bottom .logo {
width: 319px;
background-color: #f47320;
}
header .header__bottom .logo .img {
width: 100%;
}
header .left-column {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
}
header .left-column .menu-opener {
margin-top: 7.5px;
}
header .right-column {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin-top: 32px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
width: 295px !important;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info.go-out {
width: 420px !important;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__header {
font-size: 30px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__text span {
font-size: 22px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__more {
height: 50px;
padding: 0 38px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__more a {
line-height: 50px;
font-size: 21px;
}
.main-actions article .main-actions__item {
background-size: 93%;
}
}
@media screen and (max-width: 490px) {
header .header__bottom {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
height: 67px;
}
header .header__bottom .logo-block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 100%;
}
header .header__bottom .logo-block .menu-opener {
margin-right: 20px;
margin-left: 20px;
}
header .header__bottom .logo-block .logo {
flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex: 1;
width: auto;
margin-right: 0;
margin-left: 0;
line-height: 92px;
}
header .header__bottom .logo-block .logo img {
width: 100%;
margin-top: -34px;
vertical-align: middle;
}
header .header__bottom .search-link {
width: 64px;
margin-right: 0;
margin-left: 0;
}
header .header__bottom .search-form {
right: -130%;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info {
left: 12px;
right: 25px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__header {
margin-bottom: 12px;
font-size: 35px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__more {
float: right;
}
section.main-news-and-technologies article .sub-header {
font-size: 30px;
}
}
@media screen and (max-width: 410px) {
header .header__top {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
header .header__top .links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: auto 7.5px;
}
header .header__top .links a {
padding: 0 7px;
}
header .header__top .languages {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
header .header__bottom .logo-block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
header .header__bottom .logo-block .menu-opener {
margin-left: 10px;
margin-right: 10px;
}
header .header__bottom .search-form {
right: -140%;
}
header .header__bottom .dropdown {
top: 152px;
}
header .header__bottom .dropdown .production {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header .header__bottom .dropdown .production li {
width: 100%;
}
header .header__bottom .dropdown .production li:not(:last-of-type) {
margin-bottom: 17px;
}
header .header__bottom .dropdown .other li a {
font-size: 19px;
}
header .header__bottom .search-form {
margin-right: 10px;
margin-left: 10px;
}
section.main-top-slider .sliders-control,
section.main-top-slider .slider-prev {
display: none;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__header {
font-size: 31px;
}
section.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide .info .slider-info__text {
font-size: 28px;
}
section.main-news-and-technologies {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
section.main-news-and-technologies article {
height: auto;
min-height: 338px;
padding: 34px 0;
overflow: hidden;
}
section.main-news-and-technologies article .sub-header {
margin-bottom: 52px;
font-size: 35px;
text-transform: uppercase;
}
section.main-news-and-technologies article.information .information__list {
margin-top: 0;
}
section.main-catalog-sections article.catalog-main {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
section.main-catalog-sections article.catalog-main .catalog-main__item a span {
left: 34px;
bottom: 58px;
}
section.main-actions {
margin: 10px 0;
background: #ffffff;
}
section.main-actions article {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
section.main-actions article .main-actions__item {
background: #b70226;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 90% top;
}
section.main-actions article .main-actions__item.first {
margin-bottoM: 10px;
}
section.main-actions article .main-actions__item .button {
margin-left: -35%;
}
}
@media screen and (max-height: 730px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 75%;
}
}
@media screen and (max-height: 580px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 70%;
}
}
@media screen and (max-height: 530px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 70%;
}
}
@media screen and (max-height: 480px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 65%;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
bottom: 25px;
}
section.main-top-slider .sliders-control .sliders-control__arrow {
height: 84px;
margin-top: 21px;
background-position: right center;
}
}
@media screen and (max-height: 410px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 60%;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
width: 75%;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__header {
margin-bottom: 10px;
font-size: 25px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__text {
margin-bottom: 20px;
font-size: 21px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__more {
height: 30px;
padding: 0 15px;
}
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info div.slider-info__more a {
line-height: 30px;
font-size: 16px;
}
}
@media screen and (max-height: 370px) {
.main-top-slider div.slider-wrapper.slider-image .main-top-slide div.image img {
height: 50%;
}
}
@media screen and (max-width: 350px) and (max-height: 320px) {
.main-top-slider div.slider-wrapper.slider-image.image-only .main-top-slide div.info {
width: 90%;
}
}