@font-face {
    font-family: 'HeliosCondC';
    src: url('../fonts/helioscondc-webfont.eot');
    src: url('../fonts/helioscondc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helioscondc-webfont.woff2') format('woff2'),
         url('../fonts/helioscondc-webfont.woff') format('woff'),
         url('../fonts/helioscondc-webfont.ttf') format('truetype'),
         url('../fonts/helioscondc-webfont.svg#helioscondcregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'HeliosCondC-Bold';
    src: url('../fonts/helioscondc-bold-webfont.eot');
    src: url('../fonts/helioscondc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helioscondc-bold-webfont.woff2') format('woff2'),
         url('../fonts/helioscondc-bold-webfont.woff') format('woff'),
         url('../fonts/helioscondc-bold-webfont.ttf') format('truetype'),
         url('../fonts/helioscondc-bold-webfont.svg#helioscondcbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'HeliosCondLightC';
    src: url('../fonts/helioscondlightc-webfont.eot');
    src: url('../fonts/helioscondlightc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helioscondlightc-webfont.woff2') format('woff2'),
         url('../fonts/helioscondlightc-webfont.woff') format('woff'),
         url('../fonts/helioscondlightc-webfont.ttf') format('truetype'),
         url('../fonts/helioscondlightc-webfont.svg#helioscondlightcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.splash {
  position:fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 999;
  color: #FFF !important;
}
.splash h1 a{
  color: #FFF !important;
}
.splash .header__title {
  position: absolute;
  top: 45%;
  width: 100%;
}


html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
  font-family: HeliosCondC;
  -webkit-font-smoothing: antialiased;
}

html, body {
  height: 100%;
  min-height: 100%;
  min-width: 960px;
  margin: 0px!important;
}

li .pure-u-1-5 {
list-style-type: none;
}

div {
  zoom:1;
}
a {
  color: #0000EE;
}

.top-line {
  height: 5px;
  background: #010101;
  overflow: hidden;
}
.width-wrapper {
  margin: 0 auto;
  /*max-width: 1200px;*/
  overflow: hidden;
  padding: 0 30px;
}
.header {
  padding: 0.9em 0;
  font-family: HeliosCondC-Bold;

}
.header__lang {
  text-align: right;
  font-size: 1.1em;
}
.header__lang-link {
  text-transform: uppercase;
  color: #010101;
  text-decoration: none;
  display: inline-block;
  padding: 1px 4px 2px;
}
.header__lang-link_selected {
  color: #FFF;
  background: #38B4CE;
}
.header__title {
  text-align: center;  
}
.header__title__name {
  text-transform: uppercase;
  font-size: 4.5em;
  margin: -0.25em 0 0;
}
.header__title__link {
  text-decoration: none;
  color: #010101;
}
.header__title__description {
  margin-top: -0.1em;
  font: 1.4em 'HeliosCondLightC', sans-serif;
}
.nav__list {
  margin: 15px 0;
  padding: 0;
  margin-left:-15px;
}
.nav__list__item.active .nav__link {
  background: #FFF !important;
  color: #000 !important;
}
.nav__link {
  margin-left: 15px;
  border: 1px solid #000;
  display: block;
  padding: 0 0.5em;
  color: #010101;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font: 1.35em HeliosCondC-Bold, sans;
  background: #000;
  color: #FFF;
  height: 64px;
  line-height: 64px;
}
.nav__link_yellow {
  background: #CDC01A;
  color: #FFF;
}
.nav__link_blue {
  background: #44AFCF;
  color: #FFF;
}
.nav__link_green {
  background: #59B890;
  color: #FFF;
}
.nav__link_violet {
  background: #A692B7;
  color: #FFF;
}
.nav__link_gray {
  background: #7F8174;
  background: #999;
  color: #FFF;
}
.nav__link:hover {
  background: #333;
  color: #FFF;
}
.footer {
  background: #010101;
  color: #FFF;
  font-family: HeliosCondLightC, sans-serif;
}
.footer__title {
  margin: 1em 0 0.7em;
}
.footer__contacts {
  padding-left: 20px;
  font-size: 1.25em;
  line-height: 1.3em;
}
.contacts__phone,
.contacts__address {
  margin: 0;
}
.contacts__address {
  margin-top: 0.5em;
}
.contacts__address__link {
  font-size: 0.9em;
  color: #44AFCF;
  text-decoration: underline;
}
.contacts__phone__link {
  color: #44AFCF;
}
.contact-text {
  padding-right: 2em;
  text-align: justify;
  font-size: 1.1em;
}
.contact-text>p:first-child {
  margin-top: 0;
}
.contact__map {
  margin-top: 1em;
}
.footer__copyright {
  border-top: 1px solid #333;
  margin-top: 20px;
  padding: 10px 0;
}
.copyright__data {
  margin: 0;
  padding: 0 20px;
  color: #333;
  font-size: 1.1em;
}
.copyright__data p {
  display: inline;
}
.content-wrapper {
  padding: 0 5%;
  margin: 0 0 1em;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
}
.brands-list {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.brands-list__brand {
  width: 20%;
  float: left;

}
.brands-list__brand__link {
  display: block;
  margin: 0 0.5em 0.5em;
}
.brands-list__brand__logo {
  width: 75%;
  position:relative;
}
.slideshow1 {
  overflow: hidden;
  /*max-height: 360px;*/
  -webkit-transform: translateZ(0px);
}
.slideshow1 div.slideshow_button {
  outline: none;
}

input[type=text],
input[type=url],
input[type=email],
textarea {
    width: 100%;
}
div[role=form],
div.wpcf7 {
    padding-right: 1.5em !important;
}
.form-field {
  padding: 0 1em;
}
span.wpcf7-list-item {
    float: left;
    width: 20%;
    margin: 0 !important;
    padding: 0.1em 0
}
span.wpcf7-checkbox {
    display: block;
    background: #EED;
    overflow: hidden;
    padding: 1em;
}
.brand-images-wrapper {
  padding: 0 1em 1em 0;
}
.brand-images-wrapper__image {
  margin: auto;
  display: block;
  margin-bottom: 15px;
}
.article__header {
  margin-top: -0.25em;
}
.submenu_wrapper {
    text-align: center;
    margin-left: -15px;
}
ul.submenu {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
    height: auto;
    display: table;
    text-align: center;
    width: 100%;
  font-family: HeliosCondC-Bold;
}
.submenu li {
  display: table-cell;
  text-align: center;
  width: 158px;
}
a.submenu-link {
	border: 1px solid black;
	margin-left: 15px;
}
.submenu li a {
  display: block;
  padding: 0 0.2em;
  /* background: #7F8174; */
  background: #000;
  color: #FFF;
  text-decoration: none;
  font-size: 1em;
  height: 42px;
  line-height: 42px;
}
.submenu li a:hover {
  background: #333;
  color: #FFF;
}
.submenu li a.active {
  background: #FFF;
  color: #000;
}
#items {
	overflow:hidden;
}
a[href$='pdf'] {
    display: inline-block;
    margin: 1em 2em 0 0;
    color: #000;
	padding: 0.5em 1em;
	border: 1px solid #777;
	background: #DDD;
	text-decoration: none;
	border-radius: 3px;
}
a[href$='pdf']:hover {
	background: #CCC;
}
/*
a[href$='pdf']:before {
    float: left;
    content: "" url('http://supercosmetics.ru/assets/img/pdf-small.png');
    display: inline-block;
    margin-top: -15px;
    padding-right: 10px;
}
*/
@media screen and (max-width: 1100px) {
    body {
        font-size:0.95em;
    }
}
@media screen and (max-width: 1000px) {
    body {
        font-size:0.85em;
    }
}
.article__text-wrapper {
	font-size: 1.1em;
}
.gmp_map_opts {
  -webkit-transform: translateZ(0px);
}
.interesting-brands .wpcf7-list-item-label {
	text-transform: uppercase;
}