@import url('reset.css');

/*---------------------------------------------*\
                   common  
\*---------------------------------------------*/

* {margin:0; padding:0; color: inherit; z-index:1; -webkit-text-size-adjust: none;}

html, body { min-height:100%; height:auto; width:auto; }
html > body  {min-height:100%; height:auto; width:auto;}
html { box-sizing: border-box; font: 14px / 2.143 sans-serif; }
body { background:#fff; color: #323231; font-family: 'Ubuntu'; letter-spacing: -0.01em; }
*, *:before, *:after { box-sizing: inherit; }

h1,h2,h3,h4,h5,h6 { font-family: 'Droid Serif'; line-height:1em; letter-spacing: -0.01em; color:#323231; font-weight:bold; padding:0; padding-bottom:0; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; font-family:inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none; color: inherit; }

p {margin:0; clear:right;}
a {text-decoration:none; color:#262623;}
a:hover {color:#484846;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
p.err {color:red; margin-bottom:10px}

strong {font-weight:bold; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}
ul { list-style-position:inside; margin:0; padding:0; }

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

/** UTILITY **/

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.center { margin: auto; text-align: center; }
.right { margin: auto; margin-right: 0; text-align: right; }
.left{ margin: auto; margin-left: 0; text-align: left;}

.capitalize { text-transform: capitalize; }
.ellipsis p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.u-grid { width: 100%; }
.u-grid .u-col-1-5, .u-grid .u-col-1-3, .u-grid .u-col-1-4, .u-grid .u-col-1-2 { float: left; }
.u-grid .u-col-1-2 { width: 50%; }
.u-grid .u-col-1-3 { width: 33.333%; }
.u-grid .u-col-1-4 { width: 25%; }
.u-grid .u-col-1-5 { width: 20%; }

.navigation { padding: 2% 0; }
.navigation .navigation__link { color: #eb212e; font: 1.143rem / 1.1em 'Droid Serif'; }
.navigation .navigation__link:hover { text-decoration: underline; }

/*---------------------------------------------*\
                   wrapper  
\*---------------------------------------------*/

#wrapper { max-width: 100%; overflow-x: hidden; }

.wrapper-page { width: 87.5%; max-width: 1120px; margin: auto; /*overflow: hidden; /*padding: 0 7.142%; */}
.wrapper-page.wrapper-page--small { width: 84.375%; max-width: 864px; min-width: 800px; }
.wrapper-page.wrapper-page--full { width: 100%; max-width: 100%; padding: 0; }
.wrapper-page.wrapper-page--navigation { width: 100%; }

/** HEADER **/

.header { position: fixed; top: 0; left: 0; background-color: #fff; height: 100px; width: 100%; padding: 20px 100px 0 200px; z-index: 10; }
.header .header__aside { display: block; float: right; width: auto; height: 100%; }
.header .header__text { color: #323231; float: left; font-size: 1.143rem; font-weight: 700; line-height: 1.843em; margin-right: 30px; }
.header .header__text p { margin-top: 5%; }
.header .header__text span { font-size: 0.8em; margin-top: -5%; line-height: 2em; display: block; font-weight: normal; }
.header .logo { float: left; }
.header .wrapper-page { max-width: 100%; width: 100%; padding: 0 1%; }

.menu { position: absolute; top: 0; left: -317px; bottom: 0; -webkit-transition:left 0.6s; transition: left 0.6s; }
.menu.menu--opened { left: 0;}
.menu .menu__btn { cursor: pointer; width: 100px; height: 100px; padding: 35px 25px 0; position: relative; }
.menu .menu__btn .e1, .menu .menu__btn .e2, .menu .menu__btn .e3 { display: block; background-color: #fff; width: 100%; height: 5px; margin-bottom: 7px; }
.menu.menu--opened .menu__btn .e1, .menu.menu--opened .menu__btn .e3 { width: 65%; left: 0; right: 0; margin: auto; }
.menu .menu__btn .e3 { margin-bottom: 0; }
.menu .menu__container, .menu .menu__btn { background-color: #e4022e; float: left; }
.menu .menu__container { display: block; width: 315px; padding: 20% 10%; height: 100vh; overflow-y: auto; }
.menu .menu__sep { border-bottom: 1px solid #8f041f;}
.menu .menu__value a, .menu .languages__value a { color: #fff; font-family: 'Droid Serif'; font-weight: 700; }
.menu .menu__value a:hover, .menu .languages__value a:hover { color: #eee; }
.menu .menu__main { margin-bottom: 40px; }
.menu .menu__main .menu__value { margin-bottom: 18px; }
.menu .menu__main .menu__value a { font-size: 1.714rem; line-height: 1.125em; }
.menu .menu__second, .menu .languages { margin-top: 45px; }
.menu .menu__second .menu__value, .menu .languages .languages__value { margin-bottom: 25px; }
.menu .menu__second .menu__value a, .menu .languages .languages__value a { font-size: 1.286rem; line-height: 1.2em; }
.menu .languages .languages__value.languages__value--active a { cursor: none; pointer-events: none; }
.menu.menu--opened .menu__btn .e1 { position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; }
.menu.menu--opened .menu__btn .e2 { display: none; }
.menu.menu--opened .menu__btn .e3 { position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; }

.logo { width: 155px; height: 64px; }
.logo a { display: block; height: 100%; width: 100%; }
.logo .logo__image { font-size: 0; line-height: 0; margin: 0; padding: 0; max-width: 100%; height: 100%; background: transparent url('/i/logo.jpg') no-repeat center center / contain; display: block; }
.logo.logo--stamp { width: 59px; height: 59px; }
.logo.logo--stamp .logo__image { display: block; width: 100%; height: 100%; background: transparent url('/i/logo-stamp.png') no-repeat center center / cover !important; } 

/** GENERIC PAGE **/ 

.page { margin-top: 100px; }
.page .page__header { overflow: hidden; height: 605px; }
.page .page__header.page__header--home { height: 950px; }
.page .page__header.page__header--home.i-1 { background-image: url('/i/header-home-01.jpg'); }
.page .page__header.page__header--home.i-2 { background-image: url('/i/header-home-02.jpg'); }
.page .page__header.page__header--home.i-3 { background-image: url('/i/header-home-03.jpg'); }
.page .page__header.page__header--inspiration { background-image: url('/i/header-inspiration.jpg'); }
.page .page__header.page__header--innovation { background-image: url('/i/header-innovation.jpg'); }
.page .page__header.page__header--ink { background-image: url('/i/header-ink.jpg'); }
.page .page__header.page__header--news { background-image: url('/i/header-news.jpg'); }
.page .page__header.page__header--company { background-image: url('/i/header-company.jpg'); }
.page .page__header.page__header--dealers { background-image: url('/i/header-dealers.jpg'); }
.page .page__header.page__header--contacts { background-image: url('/i/header-contacts.jpg'); }
.page .page__header.page__header--404 { background-image: url('/i/header-404.jpg'); }
.page .page__header.page__header--small { overflow: hidden; height: 368px; }
.page .page__header.page__header--background { background-position: center center; background-repeat: no-repeat; background-size: cover !important; }

.page .page__header .page__header-group { margin: 0 auto; width: 100%; padding-top: 200px; }
.page .page__header.page__header--news .page__header-group, .page .page__header.page__header--contacts .page__header-group, .page .page__header.page__header--company .page__header-group, .page .page__header.page__header--dealers .page__header-group { padding-top: 250px; }
.page .page__header.page__header--small .page__header-group { padding-top: 125px; }
.page .page__header .page__title, .page .page__header .page__subtitle, .page .page__header .page__category { color: #fff; position: relative; text-align: center; text-shadow: 1px 1px rgba(50,50,49,0.3); }
.page .page__header .page__title { font-size: 6.429rem; width: 100%; line-height: 1.2em; }
.page .page__header .page__title a { color: inherit; font-weight: bold; font-family: inherit; }
.page .page__header .page__subtitle { font-size: 3.429rem; font-weight: bold; line-height: 1.27em; width: 50%; }
.page .page__header--404 .page__subtitle { width: 100%; }
.page .page__header .page__category { font-size: 2.143rem; line-height: 1.2em; }
.page .page__header .page__category a { color: inherit; font-size: inherit; line-height: inherit; }
/*.page .page__header .page__category a:hover { text-decoration: underline; }*/
.page .page__text { margin: 70px auto; }
.page .page__text p { font-family: 'Droid Serif'; font-weight: 700; font-size: 1.714rem; line-height: 1.625em; text-align: center;  }
.page.page--404 .page__text p { text-align: left !important; }
.page.page--404 .article .article__content ul { font-size: 1.286rem; line-height: 1.2em; }
.page__header .icon__drop.icon__drop--white { width: 100%; background-position: center center; }

.page .page__header .wrapper-page { height: 100%; position: relative; }

.page .page__banner { background-position: center center; background-repeat: no-repeat; background-size: cover !important; }
.page .page__banner .banner__text { position: absolute; bottom: 0; width: 100%; margin-bottom: 10%; }
.page .page__banner .banner__title { margin-bottom: 6px; }
.page .page__banner .banner__title p, .page .page__banner .banner__subtitle p { font-family: 'Droid Serif'; color: #ffffff; font-weight: 700; text-align: center; }
.page .page__banner .banner__title p { font-size: 2.571rem; line-height: 1.472em;  }
.page .page__banner .banner__subtitle p { font-size: 1.714rem; line-height: 1.125em; }

.page.page--no-headquarters .page__banner--headquarters { display: none; }
.page .page__banner--headquarters.page__banner--headquarters--visible { display: block !important; }

.page__banner.page__banner--exhibitions { position: relative; margin-top: -180px; background-color: rgba(243,244,244,0.53); }

.page.page--home { margin-top: 10px; }
.page.page--home .page__header .page__subtitle { cursor: pointer; }

/** HOME **/

.page .page__banner--home { position: relative; height: 775px; background-image: url('/i/banner-home.png'); background-size: cover !important; background-position: left center !important; overflow: hidden; }
.page .page__banner--home .wrapper-page--small { position: relative; height: 100%; }

.page .page__header.page__header--home .wrapper-page.wrapper-page--small { position: relative; height: 100%; }
.page .page__header.page__header--home .page__header-group { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 16.424rem; margin-left: 11%; padding-top: 0; }

.page .page__header.page__header--home .page__title, .page .page__header.page__header--home .page__subtitle { text-align: left; }

.page .page__banner.page__banner--home .banner__title p { font-size: 2.571rem; line-height: 1.472em; }

.card { width: 80.357%; max-width: 380px; margin-bottom: 9.374%;  position: relative; }
.card .card__header { height: 110px; border-bottom: 3px solid #333031; width: 80%; padding-top: 23px; }
.card .card__title { color: #e4022e; font-family: 'Droid Serif'; font-size: 3.142rem; line-height: 1.17em; margin: 6.562% 0 7.031%; }
.card .card__title a { color: inherit;  font-weight: bold; }
.card .card__text { margin-bottom: 9.374%; }
.card .card__text p { color: #252323; font-size: 1.071rem; line-height: 1.8em; letter-spacing: 0.01em; }
.card.card--inspiration .card__title a{ color: #e52e35; }
.card.card--inspiration .card__icon { background-position: 0 0; }
.card.card--innovation .card__title a{ color: #eecd33; }
.card.card--innovation .card__icon { background-position: 0 -50px; }
.card.card--ink .card__title a{ color: #05b2d7; }
.card.card--ink .card__icon { background-position: 0 -100px; }
.card .card__footer { min-height: 45px; }
.card .btn.btn--card { position: absolute; bottom: 0; }

.showcase { background-color: #e6e6e6; }
.showcase.empty { background-color: transparent; }
.showcase .showcase__product, .showcase .showcase__article, .showcase .showcase__news { width: 100%; height: 322px; }
.showcase .showcase__dealers { width: 100%; height: 100%; }
.showcase .showcase__text { line-height: 1.5em; text-transform: uppercase; font-weight: 500; margin-bottom: 1em; text-align: center; }
.showcase .showcase__text p { text-align: center; }
.showcase .showcase__product, .showcase .showcase__article { position: relative; }
.showcase .showcase__hover .showcase__overlay { max-height: 100%; }
.showcase .showcase__hover .showcase__expand { top: 20%; padding: 5% }
.showcase .showcase__hover .article__name, .showcase .showcase__hover .product__name { margin-bottom: 5%; }
.showcase .showcase__overlay { display: block; top: 0; left: 0; right: 0; width: 100%; height: 100%; max-height: 25%; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.65) url('/i/showcase-over.png') no-repeat center center / cover; overflow: hidden; -webkit-transition:all 0.6s; transition: all 0.6s; }
.showcase .showcase__expand { display: block; padding: 0 5%; vertical-align: middle; width: 100%; height: 100%; text-align: center; margin: 0 auto; top: 30%; position: relative; }
.showcase .article__name, .showcase .product__name { margin-bottom: 50%; -webkit-transition:all 0.6s; transition: all 0.6s; }
.showcase .article__name p, .showcase .product__name p { text-align: center; color: #fff; font-size: 1.5rem; font-family: 'Droid Serif'; font-weight: 700; line-height: 1.1em;}
.showcase .article__description p { text-align: center; color: #fff; }
.showcase .icon__arrow { margin: 0 auto; cursor: pointer; }
.showcase .product__image { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.showcase .showcase__news, .showcase .showcase__dealers { padding: 5.25%; } 
.showcase .showcase__title { color: #eb212e; font-family: 'Droid Serif'; font-weight: bold; font-size: 1.714rem; line-height: 1.2em; text-align: center;  }
.news, .dealer { padding: 6.424%; background-color: #ffffff; height: 100%; overflow: hidden; position: relative; }
.dealer { height: 100%; min-height: 322px; overflow-y: scroll; }
.news .news__date { text-align: center; font-size: 1rem; line-height: 1rem; margin-top: 2%; margin-bottom: -2%; }
.news .news__title p, .news .news__title a, .news .news__text p { text-align: center; }
.news .news__title { text-align: center; font-weight: 700; font-size: 1.285rem; margin: 15px auto 10px; line-height: 1.16em; max-height: 3.48em; text-transform: uppercase; overflow: hidden; }
.showcase .article__description, .news .news__text { font-weight: 400; line-height: 1.5em; max-height: 4.5em; overflow: hidden; }
.showcase .btn.btn--showcase { border: none; background-color: #eb212e; font-family: 'Droid Serif'; width: 143px; height: 39px; line-height: 35px; color: #fff; margin: 15px auto 0; -webkit-transition:all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; -webkit-transform: none; -ms-transform: none; transform: none; }
.showcase .btn.btn--showcase:hover { background-color: #ac2227; }

.showcase .product__preview-text { margin-bottom: 1.2em; text-transform: uppercase; }
.showcase .product__preview-text p { text-align: center; color: #fff; font-size: 1.1rem; font-family: 'Droid Serif'; font-weight: 700; line-height: 1.2em; }

.news .btn.btn--showcase { position: absolute; left: 0; right: 0; bottom: 6.424%; }

.dealer .showcase__link { color: #eb212e; display: block; text-align: center; line-height: 1.5em; }
.showcase__dealers .showcase__title { margin-bottom: 1%; }
.showcase .showcase__dealers.showcase__dealers--hidden { display: none; pointer-events: none; }

.exhibition { width: 50%; float: left; padding: 30px 0; }
.exhibition.right { float: right; }
.exhibition.right * { text-align: right; }
.exhibition .exhibition__image-container, .exhibition .exhibition__container { float: left; }
.exhibition .exhibition__container { padding-left: 8px; }
.exhibition.right .exhibition__image-container, .exhibition.right .exhibition__container { float: right; }
.exhibition.right .exhibition__container { padding-right: 8px; padding-left: 0; }
.exhibition .exhibition__image-container { width: 120px; height: auto; padding-bottom: 15px; }
.exhibition .exhibition__label { color: #e4022e; }
.exhibition .exhibition__name, .exhibition .exhibition__description, .exhibition .exhibition__label { font-size: 1.6rem; line-height: 1.05em; font-family: 'Droid Serif'; font-weight: bold; }
.exhibition .exhibition__name { text-transform: uppercase; }

/** CATEGORY PAGE **/

.page .page__banner--inspiration { position: relative; height: 852px; background-image: url('/i/banner-inspiration.jpg'); background-size: cover !important; background-position: center center !important; overflow: hidden; }

.video { width: 100%; height: 442px; position: relative; }
.video:hover .video__overlay { height: 100%; }
.video .video__overlay { cursor: pointer; display: block; top: 0; left: 0; right: 0; width: 100%; height: 0%; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.5) url('/i/icon-play.png') no-repeat center center; overflow: hidden; -webkit-transition:all 0.5s; transition: all 0.5s; }
.video .video__image { display: block; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; }

.page .page__banner--innovation { position: relative; height: 902px; background-image: url('/i/banner-innovation.jpg'); background-size: cover !important; background-position: center center !important; overflow: hidden; }

.page--ink .card .card__title { font-size: 2.571rem; line-height: 1em; /*min-height: 2em;*/ word-break: normal; }
.page--innovation .card .card__title { line-height: 1em; min-height: 2em; word-break: normal; }
.u-col-1-4 .card { width: 95%; }
.u-col-1-4 .card .card__text p { font-size: 0.928rem; line-height: 2.23em; }
.u-col-1-4 .card .btn.btn--card { font-size: 1.114rem; }

.innovation__section { background-color: #fbf4ee; height: 645px; }
.innovation__section .card { height: 110px; }
.innovation__section .card .card__title { min-height: 1em; font-size: 2.357rem; }
.innovation__section .card .card__text p { font-size: 15px; }

.page .page__banner--ink { position: relative; height: 756px; background-image: url('/i/banner-ink.jpg'); background-size: cover !important; background-position: center center !important; overflow: hidden; }

/** LIST PAGE **/

.filters { padding: 4% 2%; }
.filters.center.filters--first { padding: 4% 0 1%;}
.filters.center.filters--second { padding: 1% 0 4%;}
.filters.filters--second + .u-grid { margin-top: -4%; }
.filters .filters__header, .filters .filters__header label, .filters .filters__list .filters__value { font-family: 'Droid Serif'; font-weight: 700; }
.filters .filters__header, .filters .filters__header label { display: block; font-size: 0.857rem; line-height: 1.2em; }
.filters .filters__header label { color: inherit; }
.filters .filters__list { display: block; margin-top: 15px; margin-bottom: 15px; }
.filters .filters__list .filter__value, .filters .filters__list .filter__value a { color: inherit; text-decoration: inherit; cursor: pointer; font-size: 1.715rem; line-height: 1.2em; margin-right: 4%; }
.filters .filters__list .filter__value { display: inline-block; } 
.filters .filters__list .filter__value a { display: block; margin-right: 0; }
.filters.filters--long .filters__list .filter__value, .filters.filters--long .filters__list .filter__value a { margin-right: 3%; font-size: 1.5rem; white-space: nowrap; }
.filters .filters__list .filter__value:last-child { margin-right: 0; }
.filters .filters__list .filter__value:hover, .filters .filters__list .filter__value.filter__value--active { color: #e4022e; text-decoration: underline; }
.filters .filters__list.filters__list--pages .filter__value:hover, .filters .filters__list.filters__list--pages .filter__value.filter__value--active { text-decoration: underline; }
.filters .filters__list.filters__list--news-type .filter__value, .filters .filters__list.filters__list--news-date .filter__value { text-transform: capitalize; }
.filters.center { padding: 4% 0 4%; }
.filters.center .filters__header, .filters.center .filters__list { text-align: center; margin: auto; }

.filters.filters--select .filters__header { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 1rem; margin-right: 1%; }
.filters.filters--select .languages__select, .filters.filters--select .country__select, .filters.filters--select .region__select { line-height: 1.2em; display: inline-block; max-width: 100%; margin: 0.714rem 0 2rem; height: 40px; position: relative; width: 200px; }
.filters.filters--select .languages__select option, .filters.filters--select .country__select option { margin: 3px 6px; }
.filters.filters--select + .filters.filters--select { margin-top: -3rem; }

.input-select select { cursor: pointer; border: 1px solid #525252; color: #323231; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0.428rem 1.714rem; height: 100%; max-width: 100%; min-width: 200px; background-color: transparent; }
.input-select:after { content: ""; display: block; width: 15px; background: url('/i/select-down.png') no-repeat center center / contain; height: 100%; position: relative; top: -40px; z-index: -1; right: -180px; }

.downloads__container { position: relative; }
/*.downloads { position: absolute; top: 0; width: 100%; -webkit-transition:all 1s; transition: all 1s; opacity: 0; }
.downloads.downloads--active { opacity: 1; pointer-events: auto; }
.downloads.downloads--hidden { opacity: 0; pointer-events: none; }
.downloads.downloads--invisible { display: none; }*/
.downloads .downloads__title { font-size: 1.756rem; color: #e4022e; line-height: 1.2em; padding-bottom: 1%; border-bottom: 1px solid black; }
.downloads .downloads__list { margin-bottom: 3%; }
.downloads .download__name, .downloads .icon.icon__file { float: left; }
.downloads .btn.btn--download { float: right; }
.downloads .downloads__file { display: block; width: 100%; border-bottom: 1px solid; padding: 10px 0; }
.downloads .download__name { font-size: 1.143rem; margin: 0 10px; line-height: 1.2em; padding: 10px 0; }
.downloads .icon.icon__file { margin-top: 6px; }
.downloads .btn.btn--download { width: 143px; }
.downloads .empty p { line-height: 39.2px; }

/** PRODUCT PAGE **/

.product__downloads { margin: 2% auto 0; text-align: center; }
.product__downloads .icon.icon__file { display: inline; margin-left: 2%; }

.article {}
.article.article--product { border-bottom: 1px solid #323231; }
.article .article__header { position: relative; margin: 2% 0 4%; }
.article .article__header .wrapper-page { position: relative; }
.article .article__title, .article .article__subtitle { text-align: center; }
.article .article__title { font-size: 2.571rem; line-height: 1.2em; }
.article .article__subtitle { font-size: 1.414rem; line-height: 1.5em;  }
.article__subtitle.center p {text-align: center; line-height: 1.2em; }
.article .article__date {  text-align: center; font-size: 1rem; font-weight: 700; margin-top: 1%; margin-bottom: -1%; line-height: 1em; }
.article .article__images { display: block; height: 364px; margin-bottom: 6%; }
.article .article__image { max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.article .images__container { display: block; float: left; height: 100%; }
.article .images__container.images__container--news { margin: auto; float: none; text-align: center; }
.article .images__container.images__container--left { width: 25%; }
.article .images__container.images__container--right { width: 75%; }
.article .images__container.images__container--full { float: none; width: 100%; }
.article .images__container.images__container--full .article__image { width: 100%; max-height: 100%; }
.article .article__content { margin-bottom: 8%; }
.article .article__content ul, .article .article__content p { line-height: 2.357em; margin-bottom: 3%; }
.article .article__content .important p { font-size: 1.285rem; line-height: 2.166em; margin-bottom: 6%; }
.article .article__content ul { list-style: disc outside none; padding: 0 0 0 30px; }
.article .article__content a { font-weight: bold; }

.product__descriptions p, .product__specifics { font-size: 1.286rem; line-height: 1.666em; }
.product__details { margin-top: 6%;  padding-right: 10%; }
.product__details .product__details-header { padding-top: 5%; width: 50%; border-top: 3px solid #323231; min-height: 1px; margin-bottom: 1% !important; }
.product__details .product__details-title { font-family: 'Droid Serif', sans-serif; font-size: 1.714rem; line-height: 1.2em !important; color: #e4022e; letter-spacing: -0.01em;  margin-bottom: 1% !important; }
.product__details strong { font-size: inherit; line-height: inherit !important; margin: 3% 0 1.5%; display: block; }
.product__details p { font-size: inherit; line-height: inherit !important; margin: 0 !important; }
.product__details.product__details--download {}
.product__details.product__details--download .icon.icon__file { float: left; margin-right: 2%; }
.product__details.product__details--download a { display: block; }

.page__banner.page__banner--details { position: relative; min-height: 294px; background-color: #eb212e; padding: 5% 0; }
.page .page__banner.page__banner--details .banner__title p { font-size: 2.142rem; line-height: 1.1em; }
.page .page__banner.page__banner--details .banner__subtitle p { font-size: 1.285rem; line-height: 2.5em; }

/** HEADQUARTERS **/

.headquarters { margin: 90px auto 50px; }
.headquarters .headquarters__header { }
.headquarters .headquarters__icons { width: 163px; }
.headquarters .headquarters__icons .logo, .headquarters .headquarters__icons .icon__globe { float: left; }
.headquarters .headquarters__icons .logo { margin-right: 7px; width: 74px; height: 74px; }
.headquarters .headquarters__icons .icon__globe { margin-left: 7px; }
.headquarters .headquarters__title { margin-top: 15px; color: #e4022e; font-size: 1.714rem; line-height: 2.104em; font-family: 'Droid Serif'; }
/*.headquarters .card { width: 81.423%; max-width: 250px; margin-bottom: 0; }*/
.headquarters .card { width: 100%; max-width: 100%; margin-bottom: 0; }
.headquarters .card .card__header { height: 60px; }
.headquarters .card .card__title { font-size: 1.286rem; line-height: 1.75em; margin: 20px 0 10px; }
.headquarters .card .card__text { margin-bottom: 5%; }
.headquarters .card .card__text p { font-family: 'Droid Serif'; font-weight: 700; font-size: 1rem; line-height: 1.964em; letter-spacing: -0.01em; }

/** FOOTER **/

.footer {}
.footer .footer__menu { background-color: #e53138; }
.footer .footer__banner { background-image: url('/i/banner-footer.gif'); background-size: cover; height: 230px; background-position: center top;}
.footer .footer__menu .footer__menu-container { padding: 1% 0; }
.footer .footer__menu .footer__menu-value { color: #fff; display: block; font-weight: 500; font-size: 1rem; margin-bottom: 13px; line-height: 1.464em; }
.footer .footer__menu .footer__menu-value.footer__menu-value--title { text-transform: uppercase; } 
.footer .footer__content { background-color: #323231; color: #fff; padding: 2% 0; }
.footer .footer__text { font-weight: 500; line-height: 1.5em; }
.footer .social { margin: 2% auto; text-align: center; }
.footer .social .social__link { display: inline-block; }
.footer .social .social__link .icon { -webkit-transition:all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; }
.footer .social .social__link .icon__social.icon__social--fb { margin-right: 10px; }
.footer .social .social__link .icon__social.icon__social--linkedin { margin-left: 10px; }
.footer .social .social__link:hover .icon__social.icon__social--fb { background-position: 0 -48px !important; }
.footer .social .social__link:hover .icon__social.icon__social--linkedin { background-position: -48px -48px !important; }
.footer .credits { margin-top: 30px; text-align: center; }
.footer .credits .link { color: #f9f9f9; }
.footer .credits .link:hover { color: #eee; }

/** TIMELINE **/

.timeline { margin: 5% auto; padding: 5% 0; background: url('/i/timeline_background.gif') center center repeat-y; }
.timeline .timeline__date .timeline__year h3 { margin: 4% 0; background: #ffffff; font-size: 5rem; text-align: left; padding-left: 45%; font-weight: normal; text-transform: uppercase; }
.timeline .timeline__main { padding-top: 2%; }
.timeline .timeline__content { padding: 2%; }
.timeline .timeline__content.right { padding-top: 10%; } 
.timeline .timeline__preview { min-height: 230px; height: 400px; text-align: center; padding-right: 6%; }
.timeline .timeline__preview img { position: relative; top: -5%; width: auto; max-height: 100%; max-width: 100%; object-fit: cover; background-color: #e6e6e6; padding: 15px; border: 1px solid #e4022e; }
.timeline .timeline__content .timeline__text { color: #252323; line-height: 1.7em; font-size: 1.283rem; }

.timeline .timeline__date.invert .timeline__year h3 { padding-left: 25%; }
.timeline .timeline__date.invert .timeline__preview { float: right; padding-left: 6%; }
.timeline .timeline__date.invert .timeline__content .timeline__text p { text-align: right; }

/** ALTRO **/

.btn { cursor: pointer; display: block; text-align: center; font-family: 'Droid Serif'; font-weight: 700; color: #333031; border: 3px solid #333031; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.btn:hover, { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.btn.btn--disabled { cursor: none; pointer-events: none; opacity: 0.7; }
.btn.btn--card { min-width: 164px; line-height: 39px; height: 45px; padding: 0 10px; }
.btn.btn--download { border: none; background-color: #eb212e; font-family: 'Droid Serif'; width: 200px; height: 39px; line-height: 37px; color: #fff; -webkit-transition:all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; -webkit-transform: none; -ms-transform: none; transform: none; }
.btn.btn--download:hover { background-color: #ac2227; }

.icon { display: block; background-repeat: no-repeat; }
.icon.icon__drop { background-image: url('/i/icon-drop.png'); width: 50px; height: 50px; }
.icon__drop.icon__drop--white { background-image: url('/i/icon-white-drop.png'); width: 88px; height: 88px; }
.icon.icon__globe { background-image: url('/i/icon-globe.png'); width: 75px; height: 75px; }
.icon.icon__arrow { background-image: url('/i/icon-arrow.png'); width: 56px; height: 56px; background-position: 0 0; }
.icon.icon__arrow:hover { background-image: url('/i/icon-arrow.png'); width: 56px; height: 56px; background-position: 0 -56px; }
.icon.icon__file { background-image: url('/i/icon-pdf.png'); width: 30px; height: 27px; background-position: 0 0; }
.icon.icon__social { background-image: url('/i/social-sprites.png'); width: 48px; height: 48px; }
.icon__social.icon__social--fb { background-position: 0 0; }
.icon__social.icon__social--linkedin { background-position: -48px 0; }

.c-form { margin: 6% 0; }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/** RESPONSIVE **/

@media screen and (min-width: 1700px) {
    .showcase .article__description, .news .news__text { max-height: 9em; }
}

@media screen and (min-width: 1600px) {
    
    html { font-size: 16px; }
    
    .wrapper-page { max-width: 1400px;}
    .wrapper-page.wrapper-page--small { max-width: 1080px; }
    /*.news .news__title { max-height: 3.855em; }*/
    
}

@media screen and (min-width: 1400px) {
    .showcase .article__description, .news .news__text { max-height: 7.5em; }
    
    .showcase.u-grid .u-col-1-3 { width:  25%; }
}

@media screen and (max-width: 1199px) {
    /*.page .page__header { height: 388px; }*/
    .page .page__header.page__header--home.i-1 { background-image: url('/i/header-home-01m.jpg'); }
    .page .page__header.page__header--home.i-2 { background-image: url('/i/header-home-02m.jpg'); }
    .page .page__header.page__header--home.i-3 { background-image: url('/i/header-home-03m.jpg'); }
    .page .page__header.page__header--news { background-image: url('/i/header-news-mobile.jpg'); }
    .page .page__header.page__header--company { background-image: url('/i/header-company-mobile.jpg'); }
    
    .page .page__banner--inspiration { height: 677px; background-image: url('/i/banner-inspiration-mobile.jpg'); }
    
    .article .article__images { height: 290px; }
    
    .showcase .article__description, .news .news__text { max-height: 18em; }
    
    .exhibition { padding-bottom: 5px; }
    .exhibition .exhibition__name, .exhibition .exhibition__description, .exhibition .exhibition__label { font-size: 1.4rem; }
    
    .u-grid .u-col-1-4 { width: 50%; }
    
    .u-grid .u-col-1-3 { width: 100%; }
    .card { width: 100%; max-width: 100%; margin-bottom: 5%; }
    .card .card__title { margin: 3% 0 4%; }
    .card .card__text { margin-bottom: 2%; }
    
    .showcase.u-grid .u-col-1-3 { width:  33.333%; }
    
    .headquarters__grid .u-col-1-3 { width: 33.333%; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .page .page__header.page__header--home { background-position: right center; }
    .page .page__header.page__header--home.i-3 { background-position: center center; }
    
    .page.page--home .page__header .page__title { margin-top: -50px; }
    .page.page--home .page__header .page__subtitle { max-width: 60%;}
    
    .page.page--sub-innovation .page__header.page__header--small .page__header-group { padding-top: 70px; }
}

@media screen and (max-width: 1024px) {
    html { font-size: 18px; }
    
    .wrapper-page { max-width: 800px; }
    .wrapper-page.wrapper-page--small { max-width: 750px; padding: 0 2%; min-width: 100%;}
    
    .header { height: 50px; padding: 5px 100px 0 150px; }
    .header .header__text { font-size: 0.875rem; line-height: 1.2em; }
    .header .header__text p { margin-top: 2%; }
    .header .header__text span { margin-top: -2%; }
    .header .wrapper-page { min-width: 100%; }
    
    .menu .menu__btn { width: 50px; height: 50px; padding: 15px 12px; }
    .menu .menu__btn .e1, .menu .menu__btn .e2, .menu .menu__btn .e3 { height: 3px; margin-bottom: 5px; }
    
    .logo { width: 100px; height: 38px; }
    .logo.logo--stamp { width:40px; height: 40px; }
    
    .showcase .article__description, .news .news__text { max-height: 4.5em; }
    
    .page { margin-top: 50px; }
    
    .page .page__header .page__title { font-size: 5rem; width: 100%; line-height: 1.2em; }
    .page .page__header .page__subtitle { font-size: 2.8rem; width: 80%; }
    .page .page__header.page__header--home .page__header-group { padding-top: 35px; }
    
    .page .page__banner { overflow: hidden; }
    /*.page .page__banner.page__banner--home .banner__text { margin: auto -5% 5%; }*/
    .page .page__banner.page__banner--home .banner__title p { font-size: 2.2rem; }
    .page .page__banner.page__banner--details .banner__subtitle p { line-height: 2em; }
    
    .exhibition, .u-grid.product__specifics .u-col-1-2 { width: 100%; }
    
    .article .article__subtitle { font-size: 1.114rem; }
    .article .images__container.images__container--left, .article .images__container.images__container--right { width: 50%; }
    .article .article__image { width: 100%; }
    
    .timeline .timeline__preview { height: 335px; }
    .timeline .timeline__date .timeline__year h3 { font-size: 3.8rem; }
    
    .showcase .showcase__hover .showcase__expand { top: 0%; }
    .showcase .showcase__overlay { max-height: 100%; background: rgba(0, 0, 0, 0.65) url('/i/showcase-over-mobile.png') no-repeat center center / cover; }
    .showcase .showcase__expand { padding: 5%; top: 0; }
    .showcase .article__name, .showcase .product__name { margin-top: 35%; margin-bottom: 5%; }
    
    .showcase.u-grid .u-col-1-3 { width:  50%; }
    
    /*.footer__menu-container .u-grid .u-col-1-5 { width: 25%; }*/
}

@media screen and (max-width: 800px) {
    html { font-size: 16px; }
    
    .header { padding: 5px 25px 0 75px; }
    
    .page .page__header .wrapper-page { padding: 0; }
    .page .page__header .page__title { font-size: 3rem; }
    .page .page__header .page__subtitle { width: 70%; font-size: 2.2rem; }
    .page .page__header .page__category { font-size: 1.543rem; }
    .page .page__header.page__header--home .page__header-group { padding-top: 75px; }
    .page .page__header.page__header--news .page__header-group, .page .page__header.page__header--contacts .page__header-group, .page .page__header.page__header--company .page__header-group, .page .page__header.page__header--dealers .page__header-group { padding-top: 150px; }
    
    .page .page__header { overflow: hidden; height: 400px; }
    .page .page__header.page__header--small { overflow: hidden; height: 290px; }
    .page .page__header .page__header-group { padding-top: 120px; }
    .page__header .icon__drop.icon__drop--white { width: 50px; height: 50px; background-size: contain; }
 
    .u-grid .u-col-1-4 { width: 100%; }
    .u-grid .u-col-1-2 { width:  100%; }
    .filters { padding: 2%; }
    .showcase .showcase__product, .showcase .showcase__article, .showcase .showcase__news { height: 400px; }
    .showcase .article__name, .showcase .product__name { margin-top: 15%; }
    
    .showcase.u-grid .u-col-1-3 { width:  100%; }
    
    .downloads .download__name { margin: 0 1% 0 0; }
    .downloads .btn.btn--download { float: left; }
    .downloads .icon.icon__file { display: none; }
    
    .page .page__banner.page__banner--home .banner__title p { text-shadow: 1px 1px rgba(50,50,49,0.3); }
    
    .headquarters__grid .u-col-1-3 { width: 100%; }
    .headquarters .card { width: 100%; max-width: 100%; }
    .headquarters .card { width: 100%; max-width: 100%; }
    .headquarters .card .card__header { width: 100%; }
    .headquarters .card .card__title, .headquarters .card .card__text p { text-align: center; }
    
    .footer__menu-container .u-grid .u-col-1-4 { width: 33.333%; padding: 1%; }
    
    .timeline .timeline__date .timeline__year h3, .timeline .timeline__date.invert .timeline__year h3 { font-size: 2.5rem; text-align: center; line-height: 1.2em; padding-left: 0; }
    .timeline .timeline__date .timeline__text p { text-align: center; padding-left: 0; background-color: #ffffff; }
    .timeline .timeline__content.right { padding-top: 2%; }
    .timeline .timeline__content .timeline__text { font-size: 1rem; }
    .timeline .timeline__preview { padding-right: 0; }
    .timeline .timeline__date.invert .timeline__preview { padding-left: 0; }
    
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .page__banner.page__banner--exhibitions { position: relative; margin-top: -55px; background-color: rgba(243,244,244,0.53); }
}

@media screen and (max-width: 640px) {
    .wrapper-page { max-width: 620px; padding: 0 10px; }
    .wrapper-page.wrapper-page--small { max-width: 600px;}
    .wrapper-page.wrapper-page--full { max-width: 640px; padding: 0; }
    
    
    .page .page__header { overflow: hidden; height: 300px; }
    .page .page__header.page__header--news .page__header-group, .page .page__header.page__header--contacts .page__header-group, .page .page__header.page__header--company .page__header-group, .page .page__header.page__header--dealers .page__header-group { padding-top: 120px; }
    .page .page__banner .banner__text { margin: auto -10px 10%; }
    .page .page__header .page__title { font-size: 2rem; }
    .page .page__header .page__subtitle { font-size: 1.5rem; }
    .page .page__header .page__category { font-size: 1.143rem; }
    
    /*.page .page__header.page__header--home { height: 462px; }*/
    
    .exhibition { margin-bottom: 5%; }
    
    .showcase .article__name, .showcase .product__name { margin-top: 20%; }
    
    .filters .filters__list.filters__list--pages .filter__value { display: block; margin-bottom: 1%; }
    .filters.filters--select + .filters.filters--select { margin-top: -5rem; }
    
    .exhibition:before { width: 100%; }
    .exhibition.right:before { margin-left: 0; }
    .exhibition .exhibition__image-container, .exhibition.right .exhibition__image-container, .exhibition .exhibition__container { float: none; text-align: center; margin: auto; }
    .exhibition .exhibition__container { width: 100%; }
    .exhibition .exhibition__container * { text-align: center; }
    
    .article .article__header { margin: 6% 0 8%; }
    
    .article .article__images { height: 400px; }
    .article .images__container.images__container--left, .article .images__container.images__container--right { width: 100%; height: 200px; }
    
    .footer__menu-container .u-grid .u-col-1-4 { width: 50%; }
    
    .timeline .timeline__date .timeline__year h3, .timeline .timeline__date.invert .timeline__year h3 { font-size: 1.8rem; text-align: center; padding-left: 0; }
        
    .page .page__header .wrapper-page { padding: 0; }
}

@media screen and (max-width: 480px) {
    html { font-size: 14px; }
    
    .header .header__text { display: none; }
    
    .menu { left: -250px;}
    .menu .menu__container { width: 250px; }
    
    .showcase .article__name, .showcase .product__name { margin-top: 30%; }
    
    .filters.filters--select .filters__header, .filters.filters--select .input-select { display: block; }
    .filters.filters--select .input-select { margin: auto; display: block; }
    .filters.filters--select + .filters.filters--select { margin-top: 0; }
    
    .footer__menu-container .u-grid .u-col-1-4 { width: 100%; }
    .footer .footer__menu .footer__menu-value { padding-left: 5%; }
    .footer .footer__menu .footer__menu-value.footer__menu-value--title { padding-left: 0; }
    
    .timeline .timeline__date .timeline__year h3, .timeline .timeline__date.invert .timeline__year h3 { margin: 8% 0; }
}


@media screen and (max-width: 360px) {
    .wrapper-page { max-width: 340px; padding: 0 10px; }
    .wrapper-page.wrapper-page--small { max-width: 320px; padding: 0 10px; }
    .wrapper-page.wrapper-page--full { max-width: 360px; min-width: 360px; padding: 0; }
    
    .page .page__banner .banner__text { margin: auto 0 10%; }
    
    .showcase .article__name, .showcase .product__name { margin-top: 40%; }
    
    .header .header__aside { display: none; }
}

@media screen and (max-width: 320px) {
    .wrapper-page { max-width: 300px; padding: 0 10px; }
    .wrapper-page.wrapper-page--small { max-width: 280px; padding: 0 10px; }
    .wrapper-page.wrapper-page--full { max-width: 320px; min-width: 320px; padding: 0; }
}