html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
body,
html {
height: 100%;
}
body {
}
img,
fieldset,
a img {
border: none;
}
input[type="submit"],
button {
cursor: pointer;
}
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
input,
button {
margin: 0;
padding: 0;
border: 0;
}
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
outline: none;
}
ul,
ol {
list-style-type: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
* {
-webkit-text-size-adjust: none;
}
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
@font-face {
font-family: HouschkaProMedium;
src: url("../fonts/houschkapro-medium-webfont.eot");
src: url("../fonts/houschkapro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-medium-webfont.woff") format("woff"), url("../fonts/houschkapro-medium-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: HouschkaProBold;
src: url("../fonts/houschkapro-bold.eot");
src: url("../fonts/houschkapro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-bold.woff") format("woff"), url("../fonts/houschkapro-bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: HouschkaProDemiBold;
src: url("../fonts/houschkapro-demibold.eot");
src: url("../fonts/houschkapro-demibold.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-demibold.woff") format("woff"), url("../fonts/houschkapro-demibold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: HouschkaProMedium;
src: url("../fonts/houschkapro-medium-webfont.eot");
src: url("../fonts/houschkapro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-medium-webfont.woff") format("woff"), url("../fonts/houschkapro-medium-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: HouschkaProMedium;
src: url("../fonts/houschkapro-bold.eot");
src: url("../fonts/houschkapro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-bold.woff") format("woff"), url("../fonts/houschkapro-bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: HouschkaProMedium;
src: url("../fonts/houschkapro-demibold.eot");
src: url("../fonts/houschkapro-demibold.eot?#iefix") format("embedded-opentype"), url("../fonts/houschkapro-demibold.woff") format("woff"), url("../fonts/houschkapro-demibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background: #f0f0f0;
font-size: 14px;
font-family: 'HouschkaProMedium','Arial',sans-serif;
line-height: 1.4;
color: #242424;
}
a>img {
vertical-align: middle;
}
.column25 {
float: left;
width: 25%;
}
.column33 {
float: left;
width: 33%;
}
.column40 {
float: left;
width: 40%;
}
.column50 {
float: left;
width: 50%;
}
.column60 {
float: left;
width: 60%;
}
.clr {
*zoom: 1;
}
.clr:after {
content: " ";
display: table;
clear: both;
}
.clr.padtop {
margin-top: 20px;
}
.breadcrumbs {
float: left;
}
.breadcrumbs li {
position: relative;
float: left;
margin-left: 38px;
}
.breadcrumbs li:before {
content: "";
position: absolute;
top: 6px;
left: -28px;
background: url('../img/icons-s5282a5afe5.png') 0 -1429px no-repeat;
width: 19px;
height: 6px;
}
.breadcrumbs li:first-child {
margin-left: 0;
}
.breadcrumbs li:first-child:before {
display: none;
}
.breadcrumbs li a {
color: #919192;
}
.breadcrumbs li a:hover {
color: #c6c6c6;
text-decoration: none;
}
.breadcrumbs li.is-current a {
text-decoration: none;
cursor: default;
}
.breadcrumbs li.is-current a:hover {
color: #919192;
}
.breadcrumbs.is-fixed {
position: fixed;
left: 269px;
top: 14px;
z-index: 1000;
}
.is-narrow .breadcrumbs.is-fixed {
left: 82px;
}
.share {
display: none;
float: right;
}
.share > span,
.share ul {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #242424;
}
.share > span li,
.share ul li {
display: inline-block;
vertical-align: middle;
}
.share > span li a,
.share ul li a {
position: relative;
display: block;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #efefef;
}
.share > span li a i,
.share ul li a i {
vertical-align: middle;
}
.share > span li a.vk i,
.share ul li a.vk i {
position: relative;
top: -1px;
display: inline-block;
background: url('../img/icons-s5282a5afe5.png') 0 -1191px no-repeat;
width: 9px;
height: 12px;
}
.share > span li a.vk:hover i,
.share ul li a.vk:hover i {
background: url('../img/icons-s5282a5afe5.png') 0 -1213px no-repeat;
width: 9px;
height: 12px;
}
.share > span li a.od i,
.share ul li a.od i {
display: inline-block;
background: url('../img/icons-s5282a5afe5.png') 0 -878px no-repeat;
width: 10px;
height: 16px;
}
.share > span li a.od:hover i,
.share ul li a.od:hover i {
background: url('../img/icons-s5282a5afe5.png') 0 -904px no-repeat;
width: 10px;
height: 16px;
}
.share > span li a.fb i,
.share ul li a.fb i {
position: relative;
top: -1px;
display: inline-block;
background: url('../img/icons-s5282a5afe5.png') 0 -1381px no-repeat;
width: 8px;
height: 14px;
}
.share > span li a.fb:hover i,
.share ul li a.fb:hover i {
background: url('../img/icons-s5282a5afe5.png') 0 -1405px no-repeat;
width: 8px;
height: 14px;
}
.share > span li a.tw i,
.share ul li a.tw i {
position: relative;
top: -1px;
display: inline-block;
background: url('../img/icons-s5282a5afe5.png') 0 -988px no-repeat;
width: 15px;
height: 13px;
}
.share > span li a.tw:hover i,
.share ul li a.tw:hover i {
background: url('../img/icons-s5282a5afe5.png') 0 -1036px no-repeat;
width: 15px;
height: 13px;
}
.share > span li a.gp i,
.share ul li a.gp i {
position: relative;
top: -1px;
left: 1px;
display: inline-block;
background: url('../img/icons-s5282a5afe5.png') 0 -691px no-repeat;
width: 14px;
height: 13px;
}
.share > span li a.gp:hover i,
.share ul li a.gp:hover i {
background: url('../img/icons-s5282a5afe5.png') 0 -768px no-repeat;
width: 14px;
height: 13px;
}
.content__tools {
height: 35px;
*zoom: 1;
}
.content__tools-a1 {
margin-top: 5px;
*zoom: 1;
}
.content__tools:after {
content: " ";
display: table;
clear: both;
}
.markerror {
position: relative;
float: left;
padding-top: 5px;
padding-left: 25px;
font-size: 12px;
}
.markerror:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
background: url('../img/icons-s5282a5afe5.png') 0 -1149px no-repeat;
width: 15px;
height: 15px;
}
.markerror img {
display: none;
}
.main {
margin-top: 15px;
margin-bottom: 18px;
padding: 0px 30px 30px;
border-top: 3px solid #313234;
}
.main-a1 {
margin-top: 20px;
margin-bottom: 0;
padding: 0px 30px 30px;
border-top: 3px solid #313234;
}
.main_index {
border-top: none;
margin-top: 0;
}
.main_index .slider {
margin-top: 0;
}
.h1,
.h2 {
margin-bottom: 20px;
font-family: 'HouschkaProBold','Arial',sans-serif;
text-transform: uppercase;
line-height: 1;
color: #352534;
}
.h1 {
font-size: 54px;
margin-top: 40px;
}
.h2 {
margin-top: 60px;
font-size: 40px;
}
.h3 {
font-size: 26px;
color: #352534;
margin: 32px 0 36px;
text-transform: uppercase;
font-family: 'HouschkaProBold','Arial',sans-serif;
}
.h4 {
font-size: 23px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.h5 {
font-size: 18px;
color: #492b47;
font-family: 'HouschkaProBold','Arial',sans-serif;
text-transform: uppercase;
}
.nowrap {
white-space: nowrap;
}
.footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
*zoom: 1;
}
.footer:after {
content: " ";
display: table;
clear: both;
}
.footer__inner {
width: 850px;
margin: 0 auto;
height: 76px;
padding-top: 18px;
border-top: 3px solid #313234;
}
.input {
display: block;
width: 310px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 15px;
padding: 0 13px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
font-size: 17px;
color: white;
background: #522838;
border: none;
height: 43px;
-webkit-transition: box-shadow 200ms linear;
-moz-transition: box-shadow 200ms linear;
-o-transition: box-shadow 200ms linear;
transition: box-shadow 200ms linear;
}
.input:-moz-placeholder,
.input::-moz-placeholder {
color: #e3e0e1;
opacity: 1;
}
.input::-webkit-input-placeholder {
color: #e3e0e1;
}
.input:focus {
-webkit-box-shadow: 0 0px 8px #661a1a;
-moz-box-shadow: 0 0px 8px #661a1a;
box-shadow: 0 0px 8px #661a1a;
}
.textarea {
display: block;
width: 376px;
height: 194px;
resize: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
padding: 13px;
border: none;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
font-size: 17px;
color: white;
background: #522838;
-webkit-transition: box-shadow 200ms linear;
-moz-transition: box-shadow 200ms linear;
-o-transition: box-shadow 200ms linear;
transition: box-shadow 200ms linear;
}
.textarea:-moz-placeholder,
.textarea::-moz-placeholder {
color: #e3e0e1;
opacity: 1;
}
.textarea::-webkit-input-placeholder {
color: #e3e0e1;
}
.textarea:focus {
-webkit-box-shadow: 0 0px 8px #661a1a;
-moz-box-shadow: 0 0px 8px #661a1a;
box-shadow: 0 0px 8px #661a1a;
}
.btn {
display: inline-block;
text-transform: uppercase;
font-size: 18px;
color: #522838;
text-decoration: none;
border-bottom: 1px solid;
font-family: 'HouschkaProBold','Arial',sans-serif;
background: inherit;
}
.btn:hover {
color: #a8939b;
border-bottom: none;
}
.tabs {
position: relative;
*zoom: 1;
margin: 0 -30px 29px;
background: #f1f1f1;
}
.tabs:after {
content: " ";
display: table;
clear: both;
}
.tabs:before {
content: "";
position: absolute;
top: 100%;
left: 33px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 16px 0 16px;
border-color: #f1f1f1 transparent transparent transparent;
}
.tabs li {
float: left;
margin-left: 29px;
}
.tabs li a {
display: block;
height: 60px;
line-height: 60px;
font-family: 'HouschkaProBold','Arial',sans-serif;
font-size: 12px;
text-decoration: none;
color: #352534;
text-transform: uppercase;
}
.tabs li a:hover {
color: #EF296E;
}
.tabs li.is-active a {
color: #EF296E;
}
.tabs li.is-inactive a {
color: #b8b3b8;
cursor: default;
}
.tabs li.is-inactive a:hover {
color: #b8b3b8;
}
.select {
position: relative;
display: inline-block;
}
.select__text {
position: relative;
width: 260px;
height: 39px;
padding: 0 15px;
line-height: 39px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #f0f0f0;
font-size: 13px;
cursor: pointer;
}
.select__text:before {
content: "";
position: absolute;
top: 17px;
right: 13px;
background: url('../img/icons-s5282a5afe5.png') 0 -1174px no-repeat;
width: 13px;
height: 7px;
}
.select__dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
border: 1px solid #cfcfcf;
padding: 15px 0;
background: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 4px 9px rgba(0, 0, 1, 0.2);
-moz-box-shadow: 0 4px 9px rgba(0, 0, 1, 0.2);
box-shadow: 0 4px 9px rgba(0, 0, 1, 0.2);
z-index: 2;
}
.select__dropdown li a {
display: block;
height: 31px;
line-height: 31px;
padding: 0 17px;
text-decoration: none;
font-size: 13px;
color: #242424;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.select__dropdown li a:hover {
color: white;
background: #EF296E;
}
.feedback {
position: relative;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px 0 52px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #f2f2f2;
color: #242424;
font-size: 14px;
text-decoration: none;
}
.feedback:before {
content: "";
position: absolute;
top: 7px;
left: 17px;
background: url('../img/icons-s5282a5afe5.png') 0 -192px no-repeat;
width: 24px;
height: 24px;
}
.feedback span {
line-height: 1;
border-bottom: 1px dashed;
}
.feedback:hover {
color: #EF296E;
}
.feedback:hover span {
border-bottom: none;
}
.feedback_letter:before {
top: 14px;
background: url('../img/icons-s5282a5afe5.png') 0 -1059px no-repeat;
width: 19px;
height: 13px;
}
@-moz-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@-webkit-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@-o-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@-ms-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
.loading {
height: 46px;
line-height: 46px;
text-align: center;
color: #505157;
background: #f1f1f1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.loading span {
position: relative;
}
.loading span .refresh {
position: absolute;
top: 0;
left: -30px;
background: url('../img/icons-s5282a5afe5.png') 0 -226px no-repeat;
width: 17px;
height: 19px;
-webkit-animation: round 0.5s linear infinite;
-moz-animation: round 0.5s linear infinite;
-ms-animation: round 0.5s linear infinite;
-o-animation: round 0.5s linear infinite;
animation: round 0.5s linear infinite;
}
.lang {
position: fixed;
left: 208px;
width: 820px;
margin: 0 auto 36px;
padding: 0 61px;
height: 50px;
background: rgba(255, 255, 255, 0.88);
*zoom: 1;
z-index: 999;
}
.lang:after {
content: " ";
display: table;
clear: both;
}
.is-narrow .lang {
left: 20px;
}
.js-langcom {
position: relative;
z-index: 1001;
float: right;
left: 55px;
min-height: 28px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.lang__inner {
float: right;
margin-left: 3px;
}
.lang__switch {
position: relative;
}
.lang__text {
box-sizing: border-box;
padding: 9px 0 0;
height: 32px;
font: normal normal 11px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #c6304a;
border-radius: 0 0 3px 3px;
cursor: pointer;
-webkit-transition: width 0.2s linear;
-moz-transition: width 0.2s linear;
-o-transition: width 0.2s linear;
transition: width 0.2s linear;
}
.lang__text[data-state="false"] {
width: 49px;
}
.lang__text[data-state="true"] {
width: 81px;
}
.lang__text:hover {
background: #d16679;
}
.lang__list {
position: absolute;
right: 0px;
padding: 10px 0;
border-radius: 0 0 2px 2px;
background: #c6304a;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
-o-transition: top 0.5s;
transition: top 0.5s;
}
.lang__list[data-state="false"] {
top: -90px;
}
.lang__list[data-state="true"] {
top: 0;
}
.lang__list li a {
display: block;
height: 20px;
line-height: 20px;
padding: 0 15px;
font-size: 11px;
color: white;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
text-decoration: underline;
text-transform: uppercase;
}
.lang__list li a:hover {
color: #54293a;
}
.b-communication {
float: right;
}
.b-communication-button {
box-sizing: border-box;
position: relative;
z-index: 0;
margin: 0;
padding: 4px 12px 0 30px;
height: 32px;
font: normal normal 10px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 15px;
vertical-align: top;
text-transform: uppercase;
background: #E5E5E5;
border: none;
outline: none;
cursor: pointer;
user-select: none;
border-radius: 0 0 3px 3px;
}
.b-communication-button:before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
width: 13px;
height: 10px;
}
.b-communication-button-subs {
/*display: none;*/
}
.b-communication-button-subs:before {
background: transparent url('../../img/icon-subs.png') 50% 50% no-repeat;
}
.b-communication-button-share:before {
background: transparent url('../../img/icon-share.png') 50% 50% no-repeat;
}
.b-news-list {
overflow: hidden;
margin: 25px 0;
}
.b-news-list-more {
margin-bottom: 45px;
text-align: center;
}
.b-news-list-more button {
padding: 5px 20px;
font: normal normal 13px 'HouschkaProMedium','Arial',sans-serif;
line-height: 17px;
color: #352534;
background: transparent;
border: 1px solid #B0ADAE;
border-radius: 5px;
}
.b-news-list-item {
float: left;
margin: 0 5px 5px 0;
}
.b-news-list-item a {
display: block;
position: relative;
z-index: 0;
width: 208px;
height: 203px;
text-decoration: none;
}
.b-news-list-item-pic a:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .35);
}
.b-news-list-item a img {
position: relative;
z-index: 0;
width: 208px;
height: 204px;
}
.b-news-list-content {
position: absolute;
left: 20px;
right: 20px;
bottom: 22px;
z-index: 2;
}
.b-news-list-content-date {
display: block;
font-style: italic;
font-weight: 500;
font-size: 12.9px;
line-height: 1;
padding-bottom: 8px;
}
.b-news-list-content-text {
display: block;
color: #fff;
font-weight: 500;
font-size: 16.58px;
line-height: 18.43px;
}
.b-news-list-item:hover .b-news-list-content-text {
text-decoration: underline;
}
.b-news-list-item-purple {
background-color: #40343F;
}
.b-news-list-item-purple .b-news-list-content-date,
.b-news-list-item-pic .b-news-list-content-date {
color: #D5D5D5;
}
.b-news-list-item-red {
background-color: #C53F56;
}
.b-news-list-item-red .b-news-list-content-date {
color: #272123;
}
.b-news-list-item-gray {
background-color: #B0ADAE;
}
.b-news-list-item-gray .b-news-list-content-date {
color: #272123;
}
.b-com {
box-sizing: border-box;
position: fixed;
top: 0;
left: 208px;
z-index: 1001;
padding: 45px 56px 55px 56px;
width: 942px;
background: #E5E5E5;
box-shadow: 0 0 6px -2px #000;
}
.b-com-close {
display: block;
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
padding: 0;
width: 16px;
height: 16px;
vertical-align: top;
background: transparent url('../../img/icon-close.png') 50% 50% no-repeat;
border: none;
outline: none;
cursor: pointer;
user-select: none;
}
.b-com-header {
margin: 0 0 10px 0;
padding: 5px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #352534;
text-transform: uppercase;
}
.b-com-content {
padding: 5px;
}
.b-subs,
.b-share {
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-ms-transition: top 0.5s;
-o-transition: top 0.5s;
transition: top 0.5s;
}
.b-share[data-state="false"] {
top: -210px;
}
.b-share[data-state="true"] {
top: 0;
}
.is-narrow .b-subs,
.is-narrow .b-share {
left: 50px;
width: 912px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.b-share-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.b-share-list li {
box-sizing: border-box;
float: left;
padding: 5px;
width: 25%;
}
.b-share-button {
box-sizing: border-box;
overflow: hidden;
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 15px;
width: 100%;
font: 14px normal 'HouschkaProMedium','Arial',sans-serif;
line-height: 25px;
color: #613F5A;
text-decoration: underline;
vertical-align: top;
background: transparent;
border: 1px solid #FFF;
border-radius: 4px;
outline: none;
cursor: pointer;
user-select: none;
}
.b-share-button:before {
content: "";
display: block;
position: absolute;
top: 16px;
left: 15px;
z-index: 1;
width: 27px;
height: 20px;
font: normal normal 23px FontAwesome;
line-height: 1;
color: #613F5A;
}
.b-share-button span {
float: right;
margin-left: 10px;
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #613F5A;
}
/*
.b-share-vk:before {
background: transparent url('../../img/icon-vk-big.png') 50% 50% no-repeat;
}
.b-share-fb:before {
background: transparent url('../../img/icon-fb-big.png') 50% 50% no-repeat;
}
.b-share-tw:before {
background: transparent url('../../img/icon-tw-big.png') 50% 50% no-repeat;
}
.b-share-gp:before {
background: transparent url('../../img/icon-gp-big.png') 50% 50% no-repeat;
}
*/
.b-share-vk:before {
content: "\f189";
}
.b-share-fb:before {
content: "\f09a";
}
.b-share-tw:before {
content: "\f099";
}
.b-share-gp:before {
content: "\f0d5";
}
.b-share-button:hover {
text-decoration: none;
background: #FFF;
}
.b-share-button:hover span,
.b-share-button:hover:before {
color: #EF296E;
}
.b-subs[data-state="false"] {
top: -280px;
}
.b-subs[data-state="true"] {
top: 0;
}
.b-subs-mail {
float: left;
width: 60%;
}
.b-subs-social {
float: right;
width: 40%;
}
.b-subs-form {
width: 405px;
}
.b-subs-form-text {
box-sizing: border-box;
padding: 5px 20px;
height: 38px;
background: #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
outline: none;
}
.b-subs-form-success {
display: none; /* убрать */
height: 38px;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 38px;
color: #FFF;
text-transform: uppercase;
text-align: center;
background: #EF296E;
border-radius: 4px;
}
.b-subs-form-submit {
float: right;
box-sizing: border-box;
display: block;
margin: 0;
padding: 0;
font: normal normal 11px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 27px;
color: #613F5A;
text-decoration: underline;
vertical-align: top;
text-transform: uppercase;
background: transparent;
border: none;
outline: none;
cursor: pointer;
user-select: none;
}
.b-subs-form-submit:hover {
color: #EF296E;
}
.b-subs-form-input {
margin: 0;
padding: 0;
width: 270px;
height: 27px;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 27px;
background: transparent;
border: none;
}
.b-subs-form-hint {
display: none; /* убрать */
overflow: hidden;
font: normal normal 13px 'HouschkaProMedium','Arial',sans-serif;
line-height: 27px;
color: #EF296E;
}
.b-subs-disclaimer {
margin-top: 20px;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 17px;
color: #333;
}
.b-subs-social-header {
margin-bottom: 10px;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #333;
}
.b-subs-social-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.b-subs-social-list li {
box-sizing: border-box;
float: left;
padding: 5px;
width: 20%;
}
.b-subs-social-button {
box-sizing: border-box;
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 50px 15px 15px 15px;
width: 100%;
text-align: center;
text-decoration: none;
background: transparent;
border: 1px solid #FFF;
border-radius: 4px;
outline: none;
cursor: pointer;
user-select: none;
}
.b-subs-social-button span {
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #352534;
}
.b-subs-social-button:before {
content: "";
display: block;
position: absolute;
top: 20px;
left: 50%;
z-index: 1;
margin-left: -14px;
width: 27px;
height: 20px;
font: normal normal 23px FontAwesome;
line-height: 1;
color: #613F5A;
}
/*
.b-subs-social-vk:before {
background: transparent url('../../img/icon-vk-big.png') 50% 50% no-repeat;
}
.b-subs-social-fb:before {
background: transparent url('../../img/icon-fb-big.png') 50% 50% no-repeat;
}
.b-subs-social-tw:before {
background: transparent url('../../img/icon-tw-big.png') 50% 50% no-repeat;
}
*/
.b-subs-social-vk:before {
content: "\f189";
}
.b-subs-social-fb:before {
content: "\f09a";
}
.b-subs-social-tw:before {
content: "\f099";
}
.b-subs-social-in:before {
content: "\f16d";
}
.b-subs-social-rss {
padding-bottom: 40px;
}
.b-subs-social-rss:before {
top: 50%;
margin: -14px 0 0 -14px;
width: 28px;
height: 28px;
content: "\f09e";
font-size: 28px;
}
.b-subs-social-button:hover {
text-decoration: none;
background: #FFF;
}
.b-subs-social-button:hover span,
.b-subs-social-button:hover:before {
color: #EF296E;
}
.b-brand {
/*display: none; /* убрать */
}
.b-parts-menu {
margin: 0 -76px 20px -76px;
background: #F4F4F4;
}
.b-parts-menu-wrapper {
overflow: hidden;
margin: 0 auto;
padding: 10px 0;
width: 760px;
}
.b-parts-menu-left {
float: left;
}
.b-parts-menu-right {
float: right;
}
.b-parts-menu-back {
position: relative;
z-index: 0;
padding: 0 0 0 25px;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #333;
}
.b-parts-menu-back:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
margin-top: -5px;
width: 15px;
height: 11px;
background: transparent url('../../img/icon-arrow-left.png') 50% 50% no-repeat;
}
.b-parts-menu-right .b-parts-menu-back {
padding-top: 18px;
}
.b-parts-menu-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.b-parts-menu-list li {
float: left;
}
.b-parts-menu-list li+li {
border-left: 1px solid #D9D9D9;
}
.b-parts-menu-list li a {
box-sizing: border-box;
display: block;
padding: 8px 20px 0;
height: 36px;
font: normal normal 12px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 23px;
color: #333;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #FFF;
}
.b-parts-menu-list li a:hover {
color: #EF296E;
}
.b-parts-menu-list li a.b-parts-menu-active {
background: #F3F3F3;
}
.b-brand-news {
margin: 0;
padding: 0;
list-style: none;
}
.b-brand-news li {
overflow: hidden;
padding: 20px;
}
.b-brand-news li+li {
border-top: 1px solid #E9E9E9;
}
.b-brand-news-image {
float: left;
margin-right: 30px;
}
.b-brand-news-content {
overflow: hidden;
padding-top: 15px;
}
.b-brand-news-content-date {
margin: 0;
font: italic normal 12px 'Arial',sans-serif;
line-height: 20px;
color: #EF296E;
}
.b-brand-news-content-text {
margin: 0;
}
.b-brand-news-content-text a {
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #333;
}
.b-expert {
/* display: none; /* убрать */
}
.b-articles {
overflow: hidden;
margin: 0 -55px;
}
.b-articles a:hover {
color: #EF296E;
}
.b-articles-header {
overflow: hidden;
margin: 0 25px;
padding: 45px 5px 15px;
}
.b-articles-header:first-child {
border-top: 4px solid #313234
}
.b-articles h2 {
font-size: 15px;
text-transform: uppercase;
color: #333;
}
.b-articles-row {
overflow: hidden;
margin: 0 25px;
padding: 20px 0;
background: #F0F0F0;
}
.b-articles-col {
box-sizing: border-box;
float: left;
padding: 0 25px;
width: 33.333%;
}
.b-articles-col-header {
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #333;
text-transform: uppercase;
background: #F0F0F0;
border-bottom: 3px solid #313234;
}
.b-articles-col-header a {
color: inherit;
text-decoration: none;
}
.b-articles-col-content {
overflow: hidden;
padding: 20px;
}
.b-articles-list {
margin: 0;
padding: 0;
list-style: none;
}
.b-articles-list li+li {
margin-top: 20px;
}
.b-articles-date {
margin: 0;
font: italic normal 12px 'Arial',sans-serif;
line-height: 20px;
color: #EF296E;
}
.b-articles-text {
margin: 0;
}
.b-articles-text a {
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 17px;
color: #333;
}
.b-articles-col-footer {
padding: 20px;
}
.b-articles-col-footer a {
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 17px;
color: #333;
}
.b-menu-social {
overflow: hidden;
margin: 17px 0 0 0;
padding: 0;
list-style: none;
}
.b-menu-social li {
float: left;
}
.b-menu-social li+li {
margin-left: 8px;
}
.b-menu-social li a {
display: block;
width: 22px;
height: 20px;
text-decoration: none;
text-align: center;
}
.b-menu-social li a:before {
display: block;
font: normal normal 20px FontAwesome;
line-height: 1;
color: #B7B4B6;
}
.b-menu-social-vk:before {
content: "\f189";
}
.b-menu-social-fb:before {
content: "\f09a";
}
.b-menu-social-tw:before {
content: "\f099";
}
.b-menu-social-in:before {
content: "\f16d";
}
.is-narrow .b-menu-social {
display: none;
}
.main_index_v2 .b-parts-menu {
margin: 0 -76px 0 0;
}
.main_index_v2 .b-parts-menu-wrapper {
position: relative;
top: 29px;
z-index: 0;
width: 860px;
}
.b-social {
overflow: hidden;
margin-top: 25px;
}
.b-social li {
box-sizing: border-box;
float: left;
width: 25%;
}
.b-social-button {
box-sizing: border-box;
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 20px 65px 20px 35px;
font: normal normal 14px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #635061;
text-decoration: underline;
text-align: left;
background: transparent;
outline: none;
cursor: pointer;
user-select: none;
}
.b-social-button span {
box-sizing: border-box;
display: block;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
padding: 0 10px;
margin-top: -17px;
width: 50px;
height: 35px;
font: normal normal 14px 'HouschkaProDemiBold','Arial',sans-serif;
color: #40343f;
text-align: center;
line-height: 35px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.b-social-button:hover span {
color: #EF296E;
}
.b-social-button span:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
margin: -7px 0 0 -7px;
border-right: 7px solid #d9d9d9;
border-top: 7px dashed transparent;
border-bottom: 7px dashed transparent;
}
.b-social-button span:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 2;
margin: -7px 0 0 -6px;
border-right: 7px solid #fff;
border-top: 7px dashed transparent;
border-bottom: 7px dashed transparent;
}
.b-social-button:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
margin-top: -10px;
width: 27px;
height: 20px;
}
.b-social-button-vk:before {
background: transparent url('../../img/icon-vk-big.png') 50% 50% no-repeat;
}
.b-social-button-fb:before {
background: transparent url('../../img/icon-fb-big.png') 50% 50% no-repeat;
}
.b-social-button-tw:before {
background: transparent url('../../img/icon-tw-big.png') 50% 50% no-repeat;
}
.b-social-button-gp:before {
background: transparent url('../../img/icon-gp-big.png') 50% 50% no-repeat;
}
.main_index .b-social {
margin-top: 30px;
}
.b-news-article-share {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 200px;
}
.b-news-article-share .b-social li {
margin-bottom: 10px;
width: 50%;
}
.b-news-article-share .b-social-button {
padding-right: 50px;
}
.b-news-header {
overflow: hidden;
margin: 0 249px 20px 35px;
}
.b-news-header-pic {
overflow: hidden;
position: relative;
z-index: 0;
margin: 0 0 45px 0;
}
.b-news-header-pic img {
position: relative;
z-index: 0;
width: 100%;
vertical-align: middle;
}
.b-news-header-info {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .35);
}
.b-news-header-wrapper {
position: absolute;
left: 35px;
bottom: 30px;
z-index: 1;
width: 550px;
}
.b-news-header-info .b-news-header-date {
margin-bottom: 15px;
color: #FFF;
}
.b-news-header-info .b-news-header-title {
color: #FFF;
}
.b-news-header-copyright {
overflow: hidden;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
padding: 0 12px;
max-width: 100%;
font: normal normal 10px 'HouschkaProMedium','Arial',sans-serif;
line-height: 25px;
color: #FFF;
text-overflow: ellipsis;
background: rgba(0,0,0,.35);
}
.b-news-header-date {
margin: 0 0 5px 0;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #EF296E;
}
.b-news-header-title {
margin: 0;
font: normal normal 40px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 0.95;
color: #000;
}
.b-news-article {
overflow: hidden;
position: relative;
z-index: 0;
}
.b-news-aside {
float: right;
padding-bottom: 150px;
width: 208px;
}
.b-news-content {
overflow: hidden;
padding-top: 30px;
padding-right: 41px;
}
.b-news-text {
margin: 0 0 0 35px;
}
.b-news-text p+p {
margin-top: 20px;
}
.b-news-text-wrapper>p {
font-family: normal normal 15px 'HouschkaPro','Arial',sans-serif;
line-height: 1.267;
}
.b-news-text a {
text-decoration: underline;
color: #EF296E;
}
.b-news-text a:hover {
color: #999;
}
.b-news-text ul {
list-style: disc;
list-style-position: outside;
margin: 0 0 20px 20px;
}
.b-news-text p+ul {
margin-top: 20px;
}
.b-news-text ul li {
font-family: normal normal 15px 'HouschkaPro','Arial',sans-serif;
line-height: 1.267;
}
.b-news-text ul li+li {
margin-top: 20px;
}
.b-news-pics-header,
.b-news-article-share-header {
margin: 0 0 10px 0;
font: normal normal 15px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
color: #40343f;
}
.b-news-article-share-header+.b-social {
padding-right: 10px;
}
.b-news-pics-list {
margin: 0 0 208px;
padding: 0;
list-style: none;
}
.b-news-pics-list li+li {
margin-top: 10px;
}
.b-news-pics-list li a {
display: block;
position: relative;
}
.b-news-pics-list li a img {
max-width: 100%;
}
.b-news-comments {
overflow: hidden;
margin: 30px 249px 30px 35px;
}
.b-news-comments-hint {
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 15px;
color: #CCC;
}
.b-news-comments-action {
float: left;
margin-right: 25px;
}
.b-news-comments-action-button {
box-sizing: border-box;
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 10px 20px;
font: normal normal 13px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
color: #000;
text-transform: uppercase;
word-wrap: nowrap;
background: transparent;
border: 1px solid #CCC;
border-radius: 4px;
outline: none;
cursor: pointer;
user-select: none;
}
.b-news-comments-action-button:hover {
color: #EF296E;
}
.b-news-comments-action-button span,
.b-news-comments-action-button:hover span {
color: #777;
}
.b-news-text-gallery {
margin: 50px 0;
width: 595px;
}
.b-news-text-gallery-pic {
position: relative;
z-index: 0;
margin: 0;
}
.b-news-text-gallery-pic img {
position: relative;
z-index: 0;
width: 595px;
max-width: 100%;
vertical-align: middle;
}
.b-news-text-gallery-pic span {
overflow: hidden;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
padding: 0 12px;
max-width: 100%;
font: normal normal 10px 'HouschkaProMedium','Arial',sans-serif;
line-height: 25px;
color: #FFF;
text-overflow: ellipsis;
background: rgba(0,0,0,.35);
}
.b-news-text-gallery-text {
margin: 0;
padding: 15px 20px;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 17px;
color: #999;
background: #F0F0F0;
}
.b-news-toggle {
margin: 35px 0;
}
.b-news-toggle-button {
padding: 20px 35px;
margin-bottom: 4px;
width: 100%;
font: normal normal 13px 'HouschkaProBold',Arial,sans-serif;
line-height: 20px;
text-transform: uppercase;
color: #000;
background: #F5F5F5;
}
.b-news-toggle-button:after {
content: "";
display: inline-block;
margin-left: 12px;
height: 20px;
width: 20px;
vertical-align: bottom;
line-height: 20px;
border: 1px solid #AAA;
border-radius: 3px;
}
.b-news-toggle-button[data-state="true"]:after {
background: transparent url('../../img/icon-down.png') 50% 50% no-repeat;
}
.b-news-toggle-button[data-state="false"]:after {
background: transparent url('../../img/icon-up.png') 50% 50% no-repeat;
}
.b-news-toggle-content {
padding: 20px 35px;
background: #F5F5F5;
}
.b-comments {
overflow: hidden;
margin-left: 50px;
}
.b-comments-nav {
margin-bottom: 10px;
}
.b-comments-action {
overflow: hidden;
position: relative;
z-index: 0;
margin-bottom: 20px;
}
.b-comments-action:before {
content: "";
display: block;
position: absolute;
bottom: 2px;
left: 0;
z-index: 0;
width: 100%;
border-top: 1px solid #EFEFEF;
}
.b-comments-action-settings {
float: right;
position: relative;
z-index: 1;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 35px;
height: 35px;
background: transparent url('../../img/icon-settings.png') 50% 50% no-repeat;
border: none;
outline: none;
cursor: pointer;
user-select: none;
}
.b-comments-action-select {
float: left;
position: relative;
z-index: 1;
box-sizing: border-box;
display: block;
position: relative;
z-index: 1;
margin: 0 30px 0 0;
padding: 0 25px 0 0;
font: normal normal 15px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 35px;
color: #000;
text-transform: uppercase;
background: transparent;
border-bottom: 3px solid #EF296E;
outline: none;
cursor: pointer;
user-select: none;
}
.b-comments-action-select:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 7px;
z-index: 1;
margin-top: -2px;
border-top: 5px solid #000;
border-left: 5px dashed transparent;
border-right: 5px dashed transparent;
}
.b-comments-action-select span {
font-weight: normal;
}
.b-comments-action-title {
overflow: hidden;
position: relative;
z-index: 1;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 35px;
color: #000;
text-transform: uppercase;
}
.b-comments-form {
overflow: hidden;
padding-left: 60px;
margin-bottom: 25px;
background: transparent url('../../img/icon-ava.png') 0 50% no-repeat;
}
.b-comments-form-form {
overflow: hidden;
}
.b-comments-form-form-text {
box-sizing: border-box;
padding: 5px 15px;
height: 40px;
border: 1px solid #E3E3E3;
}
.b-comments-form-form-text input {
width: 100%;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 30px;
color: #000;
background: transparent;
border: none;
outline: none;
}
.b-comments-list li {
overflow: hidden;
}
.b-comments-list li+li {
margin-top: 20px;
}
.b-comments-list li>ul {
margin-top: 20px;
margin-left: 60px;
}
.b-comments-list-ava {
float: left;
margin-right: 20px;
}
.b-comments-list-ava a {
display: block;
}
.b-comments-list-ava a img {
vertical-align: middle;
}
.b-comments-list-content {
overflow: hidden;
}
.b-comments-list-content-header {
margin: 0;
font: normal normal 12px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #EF296E;
}
.b-comments-list-content-header span {
margin-left: 10px;
font-size: 11px;
color: #AAA;
}
.b-comments-list-content-text {
margin: 5px 0 0 0;
font: normal normal 13px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #000;
}
.b-comments-list-content-action {
margin: 5px 0 0 0;
}
.b-comments-list-content-action-button {
box-sizing: border-box;
position: relative;
z-index: 1;
margin: 0;
padding: 0 0 0 20px;
font: normal normal 13px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
color: #CCC;
background: transparent;
border: none;
outline: none;
cursor: pointer;
user-select: none;
}
.b-comments-list-content-action-button:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
margin-top: -7px;
width: 14px;
height: 11px;
background: transparent url('../../img/icon-comments-arrow.png') 50% 50% no-repeat;
}
.l-wrapper-content {
margin: 0 -76px;
}
.l-wrapper-content-a1 {
margin: 0 -76px;
}
.l-wrapper {
margin: 0 -30px;
}
.l-col {
overflow: hidden;
}
.l-col-25,
.l-col-50,
.l-col-75,
.l-col-100 {
box-sizing: border-box;
float: left;
padding: 30px;
}
.l-col-25 {
width: 25%;
}
.l-col-50 {
width: 50%;
}
.l-col-75 {
width: 75%;
}
.l-col-100 {
width: 100%;
}
.b-about h2 {
margin-left: -6px;
font: normal normal 27px 'HouschkaProDemiBold','Arial',sans-serif;
text-transform: uppercase;
line-height: 28px;
color: #352534;
letter-spacing: 1px;
}
.b-about h2 a {
margin-left: 20px;
font: normal normal 14px 'HouschkaProMedium','Arial',sans-serif;
text-transform: lowercase;
line-height: 25px;
color: #666;
}
.b-about-header-1 {
padding: 67px 30px 0 30px;
}
.b-about-header-2 {
padding: 86px 0 0 43px;
}
.b-about-header-3 {
padding: 61px 0 0 43px;
}
.b-about-header-3 h2 {
font-size: 22px;
}
.b-about-header-4 {
padding: 30px 0 0;
text-align: center;
}
.b-about-header-5 h2 {
font-size: 20px;
margin-left: 0;
padding: 61px 35px 0;
letter-spacing: 0;
}
.b-about-header-6 h2 {
margin-left: 0;
}
.b-about-project p {
padding-left: 7px;
line-height: 16px;
}
.b-about-project p+p {
margin-top: 17px;
}
.b-about-project {
background: transparent url('../../img/about-1.png') 442px 45px no-repeat;
}
.b-about-project .l-col-50 {
padding-top: 28px;
}
.b-about-pics {
overflow: hidden;
margin-top: 10px;
}
.b-about-pics>li {
float: left;
padding-top: 140px;
line-height: 16px;
}
.b-about-pic-5 {
padding-left: 37px;
width: 160px;
background: transparent url('../../img/about-5.png') 42px 16px no-repeat;
}
.b-about-pic-6 {
padding-left: 52px;
width: 140px;
background: transparent url('../../img/about-6.png') 51px 10px no-repeat;
}
.b-about-pic-7 {
padding-left: 55px;
width: 145px;
background: transparent url('../../img/about-7.png') 55px 11px no-repeat;
}
.b-about-pic-8 {
padding-left: 73px;
width: 150px;
background: transparent url('../../img/about-8.png') 70px 15px no-repeat;
}
.b-about-news {
margin: 17px -4px;
overflow: hidden;
}
.b-about-news li {
float: left;
width: 207px;
height: 203px;
border: 4px solid transparent;
}
.b-about-news a {
box-sizing: border-box;
display: block;
position: relative;
z-index: 0;
padding: 20px;
width: 100%;
height: 100%;
text-decoration: none;
background: #AFADAE;
}
.b-about-news a:hover {
background: #c6304a;
}
.b-about-news-header {
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
text-decoration: none;
color: #FFF;
}
.b-about-news-date {
font: italic normal 11px 'Arial',sans-serif;
line-height: 20px;
text-decoration: none;
color: #000;
}
.b-about-news-text {
position: absolute;
bottom: 20px;
left: 0;
z-index: 1;
padding: 0 20px;
max-height: 60%;
overflow: hidden;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
text-decoration: underline;
color: #FFF;
}
.b-about-hallmark {
overflow: hidden;
margin-top: 45px;
height: 348px;
}
.b-about-hallmark-code {
padding-left: 222px;
background: transparent url('../../img/about-10.png') 80px 10px no-repeat;
}
.b-about-hallmark-birch {
padding-left: 226px;
padding-top: 72px;
height: 100px;
background: transparent url('../../img/about-11.png') 72px 40px no-repeat;
}
.b-about-hallmark-code h3,
.b-about-hallmark-birch h3 {
margin-bottom: 14px;
font: normal normal 15px 'HouschkaProMedium', Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.b-about-hallmark-code p,
.b-about-hallmark-birch p {
margin-top: 16px;
font: normal normal 13px 'HouschkaProMedium', Arial, sans-serif;
line-height: 16px;
letter-spacing: 1px;
}
.b-about-hallmark-result {
overflow: hidden;
padding: 96px 72px 0 47px;
background: transparent url('../../img/about-9.png') 126px 0 no-repeat;
}
.b-about-hallmark-code-birch {
float: left;
padding-top: 15px;
width: 450px;
background: transparent url('../../img/about-4.png') 100% 44px no-repeat;
}
.b-about-hallmark-comment {
position: relative;
z-index: 0;
margin-top: 20px;
padding: 15px 20px;
font: normal normal 12px 'HouschkaProMedium', Arial, sans-serif;
line-height: 16px;
color: #FFF;
letter-spacing: 1px;
background: #EE2167;
border-radius: 5px;
}
.b-about-hallmark-comment:before {
content: "";
position: absolute;
left: 22px;
top: -14px;
z-index: 1;
border-left: 14px dashed transparent;
border-right: 14px dashed transparent;
border-bottom: 14px solid #EE2167;
}
.b-about-advantages {
padding: 40px 0;
background: #F5F5F5;
}
.b-about-advantages-info {
position: relative;
overflow: hidden;
padding-left: 516px;
padding-top: 33px;
height: 386px;
background: transparent url('../../img/about-12.png') 63px 50px no-repeat;
}
.b-about-advantages-info-extra {
display: block;
position: absolute;
top: 312px;
left: 135px;
z-index: 1;
width: 300px;
text-align: center;
font: normal normal 14px 'HouschkaProMedium','Arial',sans-serif;
line-height: 20px;
letter-spacing: 0.3px;
color: #000;
}
.b-about-advantages-info h2 {
font-size: 23px;
margin: 0;
}
.b-about-advantages-list {
margin: 20px 0 0 12px;
width: 355px;
list-style: disc;
color: #666;
}
.b-about-advantages-list li {
line-height: 16px;
}
.b-about-advantages-list li+li {
margin-top: 16px;
}
.b-about-advantages-toggle {
overflow: hidden;
box-sizing: border-box;
position: relative;
left: 24px;
z-index: 1;
margin: 0;
padding: 0 40px 0 0;
height: 22px;
font: normal bold 13px 'HouschkaProMedium', Arial, sans-serif;
line-height: 22px;
color: #000;
text-transform: uppercase;
background: transparent;
border: none;
outline: none;
cursor: pointer;
user-select: none;
}
.b-about-advantages-toggle span {
float: right;
position: relative;
z-index: 0;
margin-left: 12px;
height: 17px;
width: 18px;
border: 1px solid #AAA;
border-radius: 3px;
}
.b-about-advantages-toggle[data-state="false"] span {
background: transparent url('../../img/icon-up.png') 50% 50% no-repeat;
}
.b-about-advantages-toggle[data-state="true"] span {
background: transparent url('../../img/icon-down.png') 50% 50% no-repeat;
}
.b-about-advantages-registry {
overflow: hidden;
padding-top: 8px;
color: #666;
}
.b-about-advantages-registry-smi,
.b-about-advantages-registry-esmi {
box-sizing: border-box;
float: left;
width: 50%;
}
.b-about-advantages-registry-esmi {
padding: 27px 0 0 85px;
}
.b-about-advantages-registry-esmi p {
line-height: 18px;
}
.b-about-advantages-registry-esmi p+p {
margin-top: 17px;
}
.b-about-advantages-registry-smi {
padding: 27px 0 0 49px;
width: 415px;
}
.b-about-advantages-registry-smi p {
line-height: 18px;
}
.b-about-advantages-registry-smi p+p {
margin-top: 17px;
}
.h-center {
text-align: center;
}
.b-about-participants {
overflow: hidden;
padding: 24px 35px;
}
.b-about-participants-list {
float: left;
width: 555px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.b-about-participants-list li {
box-sizing: border-box;
float: left;
width: 25%;
height: 109px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.b-about-participants-1 {
background: transparent url('../../img/about-13.png') 50% 50% no-repeat;
}
.b-about-participants-2 {
background: transparent url('../../img/about-14.png') 50% 50% no-repeat;
}
.b-about-participants-3 {
background: transparent url('../../img/about-15.png') 50% 50% no-repeat;
}
.b-about-participants-4 {
background: transparent url('../../img/about-16.png') 50% 50% no-repeat;
}
.b-about-participants-5 {
background: transparent url('../../img/about-17.png') 50% 50% no-repeat;
}
.b-about-participants-6 {
background: transparent url('../../img/about-18.png') 50% 50% no-repeat;
}
.b-about-participants-7 {
background: transparent url('../../img/about-19.png') 50% 50% no-repeat;
}
.b-about-participants-8 {
background: transparent url('../../img/about-20.png') 50% 50% no-repeat;
}
.b-about-participants-general {
overflow: hidden;
padding: 59px 0 0 30px;
text-transform: uppercase;
}
.b-about-participants-general h3 {
margin: 0;
font: normal normal 15px 'HouschkaProBold', Arial, sans-serif;
line-height: 19px;
text-transform: uppercase;
}
.b-about-participants-general a {
display: block;
margin-top: 6px;
color: #242424;
text-decoration: none;
}
[data-name="toggle-content"] {
overflow: hidden;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s;
}
.scroll-up {
box-sizing: border-box;
float: right;
position: relative;
top: -33px;
z-index: 0;
padding: 9px 14px 0;
margin-left: 3px;
height: 33px;
font: normal normal 11px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: white;
background: #54293a;
border-radius: 0 0 3px 3px;
cursor: pointer;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.scroll-up:hover {
background: #715d65;
}
.scroll-up.is-visible {
top: 0;
z-index: 1;
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(38, 25, 30, 0.9);
z-index: 2001;
}
.popup {
display: none;
position: absolute;
top: 131px;
left: 50%;
width: 747px;
height: 271px;
margin-left: -373px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 45px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #f0f0f0;
-webkit-box-shadow: 0px 2px 9px rgba(231, 226, 226, 0.7);
-moz-box-shadow: 0px 2px 9px rgba(231, 226, 226, 0.7);
box-shadow: 0px 2px 9px rgba(231, 226, 226, 0.7);
z-index: 2002;
}
.popup .request {
width: 657px;
}
.popup .request .request-form {
margin-top: 0;
}
.popup .request .h4 {
margin-bottom: 17px;
}
.popup .input {
width: 219px;
}
.popup .textarea {
height: 74px;
}
.popup__close {
position: absolute;
top: -30px;
right: 15px;
width: 36px;
height: 30px;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
background: #EF296E;
cursor: pointer;
}
.popup__close:before {
content: "";
position: absolute;
top: 7px;
left: 11px;
background: url('../img/icons-s5282a5afe5.png') 0 -1125px no-repeat;
width: 14px;
height: 14px;
}
.popup__close:hover:before {
background: url('../img/icons-s5282a5afe5.png') 0 -1082px no-repeat;
width: 14px;
height: 14px;
}
.popup__done {
text-align: center;
font-size: 30px;
color: #EF296E;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.popup__done p {
padding-top: 50px;
padding-bottom: 50px;
}
.popup__done .btn {
display: inline-block;
}
.gallery {
*zoom: 1;
margin: 25px -76px 56px;
}
.gallery:after {
content: " ";
display: table;
clear: both;
}
.gallery ul {
height: 118px;
overflow: hidden;
white-space: nowrap;
}
.gallery li {
float: left;
width: 12.5%;
}
.gallery li a {
background: #000;
display: block;
position: relative;
width: 100%;
font-size: 0;
}
.gallery li a img {
width: 100%;
height: 118px;
}
.gallery li a .mask {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
.gallery li a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}
.gallery .clr {
display: none;
}
.gallery-content {
max-height: 100%;
text-align: center;
}
.gallery-content img {
display: inline-block;
margin-bottom: 20px;
max-width: 100%;
max-height: 100%;
}
.ohmy__workers-img {
float: right;
width: 40%;
margin-right: 20px;
}
.ohmy__workers {
float: right;
width: 40%;
font-size: 13px;
}
.sidebar__overlay {
display: none;
}
.is-narrow.is-sidebar .sidebar__overlay {
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
}
.sidebar {
z-index: 200;
}
.sidebar__top {
position: relative;
text-align: center;
}
@media only screen and (max-height: 600px) {
.is-narrow .sidebar__top {
padding-top: 0;
}
}
@media only screen and (max-height: 495px) {
.is-narrow .sidebar__top {
display: block;
}
}
.is-narrow.is-sidebar .sidebar__top {
}
.sidebar__top .sidebar__logo {
display: inline-block;
padding: 32px 30px 31px;
}
.sidebar__top .sidebar__logo.ru a,
.is-sidebar.is-narrow .sidebar__top .sidebar__logo.ru a {
font: 0/0 a;
text-shadow: none;
color: transparent;
text-decoration: none;
display: inline-block;
width: 103px;
height: 73px;
background: url(../img/logo-ru.svg) 0 0 no-repeat;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.sidebar__top .sidebar__logo.en a,
.sidebar__top .sidebar__logo.es a {
font: 0/0 a;
text-shadow: none;
color: transparent;
text-decoration: none;
display: inline-block;
width: 103px;
height: 73px;
background: url(../img/logo-en.svg) 0 0 no-repeat;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.is-narrow .sidebar__top .sidebar__logo {
padding: 0;
}
.is-sidebar.is-narrow .sidebar__top .sidebar__logo {
padding: 30px;
}
.is-narrow .sidebar__top .sidebar__logo a {
background: #3A2A36 url('../../img/icon-menu-list.png') 50% 50% no-repeat;
width: 50px;
height: 47px;
vertical-align: top;
}
.is-narrow.is-sidebar .sidebar__top .sidebar__logo.ru a {
}
.is-narrow.is-sidebar .sidebar__top .sidebar__logo.en a {
background: url(../img/logo-en.svg) 0 0 no-repeat;
}
.is-narrow .sidebar__top .sidebar__logo a:hover {
background-color: #D60041;
}
.is-narrow.is-sidebar .sidebar__top .sidebar__logo.ru a:hover {
}
.is-narrow.is-sidebar .sidebar__top .sidebar__logo.en a:hover {
background: url(../img/logo-en.svg) 0 0 no-repeat;
}
.sidebar__nav {
list-style: none;
font-size: 14px;
margin-left: 63px;
}
.is-narrow .sidebar__nav {
display: none;
}
@media only screen and (max-height: 495px) {
.is-narrow .sidebar__nav {
margin-top: 0;
}
}
.is-narrow.is-sidebar .sidebar__nav {
display: block;
}
.sidebar__nav li {
margin-bottom: 24px;
}
.sidebar__nav a {
display: inline-block;
color: #ebebeb;
text-decoration: none;
position: relative;
line-height: 1;
}
.is-narrow .sidebar__nav a span {
position: absolute;
font-size: 14px;
color: #2d212c;
height: 32px;
line-height: 32px;
left: 28px;
top: -6px;
display: none;
background: url('../img/icons-s5282a5afe5.png') 0 -150px no-repeat;
width: 254px;
height: 32px;
width: auto;
padding: 0 11px 0 22px;
white-space: nowrap;
}
.is-narrow.is-sidebar .sidebar__nav a span {
position: relative;
top: 0;
left: 0;
padding: 0;
line-height: 1.2;
height: auto;
width: auto;
background: none;
color: #ebebeb;
display: inline;
}
.no-touch .is-narrow .sidebar__nav a:hover span {
display: block;
}
.no-touch .is-narrow.is-sidebar .sidebar__nav a:hover span {
display: inline;
color: #c4324c;
}
.sidebar__nav a:hover {
color: #EF296E;
border-bottom: 1px solid;
margin-bottom: -1px;
}
.is-narrow .sidebar__nav a:hover {
border-bottom: none;
}
.sidebar__nav a i {
display: inline-block;
position: absolute;
left: -30px;
top: -2px;
}
.is-narrow .sidebar__nav a i {
position: static;
}
.is-narrow.is-sidebar .sidebar__nav a i {
position: absolute;
}
.sidebar__nav a.is-active {
color: #5c505b;
}
.sidebar__nav .sidebar__nav1 i {
background: url('../img/icons-s5282a5afe5.png') 0 -315px no-repeat;
width: 18px;
height: 17px;
}
.is-narrow .sidebar__nav .sidebar__nav1:hover i {
background-position: 0 -342px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav1:hover i {
background-position: 0 -315px;
}
.sidebar__nav .sidebar__nav1.is-active i {
background-position: 0 -342px;
}
.sidebar__nav .sidebar__nav2 i {
background: url('../img/icons-s5282a5afe5.png') 0 -124px no-repeat;
width: 24px;
height: 16px;
}
.is-narrow .sidebar__nav .sidebar__nav2:hover i {
background-position: 0 -98px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav2:hover i {
background-position: 0 -124px;
}
.sidebar__nav .sidebar__nav2.is-active i {
background-position: 0 -98px;
}
.sidebar__nav .sidebar__nav3 i {
background: url('../img/icons-s5282a5afe5.png') 0 -1308px no-repeat;
width: 16px;
height: 19px;
}
.is-narrow .sidebar__nav .sidebar__nav3:hover i {
background-position: 0 -1337px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav3:hover i {
background-position: 0 -1308px;
}
.sidebar__nav .sidebar__nav3.is-active i {
background-position: 0 -1337px;
}
.sidebar__nav .sidebar__nav4 i {
background: url('../img/icons-s5282a5afe5.png') 0 -42px no-repeat;
width: 24px;
height: 18px;
}
.is-narrow .sidebar__nav .sidebar__nav4:hover i {
background-position: 0 -70px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav4:hover i {
background-position: 0 -42px;
}
.sidebar__nav .sidebar__nav4.is-active i {
background-position: 0 -70px;
}
.sidebar__nav .sidebar__nav5 i {
background: url('../img/icons-s5282a5afe5.png') 0 -714px no-repeat;
width: 16px;
height: 17px;
}
.is-narrow .sidebar__nav .sidebar__nav5:hover i {
background-position: 0 -741px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav5:hover i {
background-position: 0 -714px;
}
.sidebar__nav .sidebar__nav5.is-active i {
background-position: 0 -741px;
}
.sidebar__nav .sidebar__nav6 i {
background: url('../img/icons-s5282a5afe5.png') 0 -820px no-repeat;
width: 23px;
height: 19px;
}
.is-narrow .sidebar__nav .sidebar__nav6:hover i {
background-position: 0 -849px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav6:hover i {
background-position: 0 -820px;
}
.sidebar__nav .sidebar__nav6.is-active i {
background-position: 0 -849px;
}
.sidebar__nav .sidebar__nav7 i {
background: url('../img/icons-s5282a5afe5.png') 0 -255px no-repeat;
width: 17px;
height: 20px;
}
.is-narrow .sidebar__nav .sidebar__nav7:hover i {
background-position: 0 -285px;
}
.is-narrow.is-sidebar .sidebar__nav .sidebar__nav7:hover i {
background-position: 0 -255px;
}
.sidebar__nav .sidebar__nav7.is-active i {
background-position: 0 -285px;
}
.sidebar__bottom {
position: absolute;
bottom: 30px;
left: 35px;
width: 150px;
font-size: 11px;
color: #a1a4ad;
line-height: 1.1;
}
@media only screen and (max-height: 515px) {
.sidebar__bottom {
display: none;
}
}
.is-narrow .sidebar__bottom {
left: 0;
bottom: 10px;
width: 100%;
text-align: center;
}
.is-narrow.is-sidebar .sidebar__bottom {
left: 30px;
bottom: 33px;
text-align: left;
}
@media only screen and (max-height: 495px) {
.is-narrow .sidebar__bottom {
display: none;
}
}
@media only screen and (max-height: 465px) {
.sidebar__bottom {
display: none;
}
}
.is-narrow .sidebar__bottom .sidebar__text {
display: none;
}
.is-narrow.is-sidebar .sidebar__bottom .sidebar__text {
display: block;
}
@media only screen and (max-height: 550px) {
.is-narrow.is-sidebar .sidebar__bottom .sidebar__text {
display: none;
}
.sidebar__bottom .sidebar__text {
display: none;
}
.sidebar__bottom {
bottom: 32px;
}
.b-menu-social {
margin-top: 2px;
}
.sidebar__age {
float: left;
margin: 0 10px 0;
}
}
@media only screen and (max-height: 420px) {
.sidebar__top .sidebar__logo {
padding-bottom: 23px;
}
.sidebar__nav li {
margin-bottom: 11px;
}
}
.sidebar__bottom .sidebar__age,
.is-narrow.is-sidebar .sidebar__bottom .sidebar__age {
display: inline-block;
padding: 0 2px;
border-radius: 3px;
border: 1px solid #655961;
font-size: 14px;
color: #a1a4ad;
height: 24px;
line-height: 24px;
width: 34px;
text-align: center;
margin-bottom: 11px;
}
.is-narrow .sidebar__bottom .sidebar__age {
margin: 0;
padding: 0;
border: none;
}
.is-narrow.is-sidebar .sidebar__bottom .sidebar__age {
}
.sidebar__bottom a {
color: #a1a4ad;
text-decoration: underline;
}
.sidebar__bottom a:hover {
color: #7f7e87;
text-decoration: none;
}
@media only screen and (max-height: 600px) {
.sidebar__license {
display: none;
}
}
.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 208px;
background: #231821;
z-index: 2000;
}
.is-narrow .sidebar {
width: 50px;
background-image: url('../../img/slogan-vertical.png');
background-position: 16px 61px;
background-repeat: no-repeat;
}
.is-sidebar.is-narrow .sidebar {
width: 208px;
background-image: none;
}
.wrapper {
position: relative;
margin-left: 208px;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
min-height: 100%;
width: 942px;
}
.is-narrow .wrapper {
margin-left: 20px;
}
.is-sidebar.is-narrow .wrapper {
margin-left: 20px;
}
.wrapper .site {
margin: 0 auto;
width: 850px;
padding-top: 55px;
padding-bottom: 98px;
}
.wrapper .site-a1 {
margin: 0 auto;
width: 852px;
padding-top: 55px;
padding-bottom: 98px;
}
.request .h3 {
margin-bottom: 20px;
}
.request .h4 {
margin-bottom: 24px;
}
.request_wide .request-form {
background: whitesmoke;
padding-top: 75px;
padding-bottom: 58px;
margin: 0 -76px 25px;
}
.request_wide .request-form__popup {
top: 197px;
}
.request-form {
position: relative;
*zoom: 1;
margin-top: 18px;
}
.request-form:after {
content: " ";
display: table;
clear: both;
}
.request-form__inner {
width: 760px;
margin: 0 auto;
}
.request-form__popup {
z-index: 100;
display: none;
position: absolute;
top: 65px;
left: 50%;
width: 304px;
margin-left: -187px;
padding: 30px 35px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
color: white;
font-size: 18px;
font-family: 'HouschkaProBold','Arial',sans-serif;
background: #EF296E;
}
.form__close {
position: absolute;
top: 12px;
right: 12px;
background: url('../img/icons-s5282a5afe5.png') 0 -1106px no-repeat;
width: 10px;
height: 9px;
cursor: pointer;
}
.form__close:hover {
background: url('../img/icons-s5282a5afe5.png') 0 -1235px no-repeat;
width: 10px;
height: 9px;
}
.request-form__left {
float: left;
}
.request__right {
float: right;
}
.request__btn {
clear: both;
text-align: right;
}
.partners-info {
display: none;
text-align: center;
margin-top: 70px;
}
.partners-info__title {
position: relative;
display: inline-block;
text-align: center;
margin-bottom: 40px;
height: 44px;
line-height: 44px;
padding: 0 22px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #EF296E;
font-family: 'HouschkaProBold','Arial',sans-serif;
font-size: 23px;
color: white;
}
.partners-info__title:before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -11px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 11px 0 11px;
border-color: #EF296E transparent transparent transparent;
}
.partners-info__list {
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
.partners-info__list:after {
content: "";
display: inline-block;
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
}
.partners-info__list li {
width: 30%;
display: inline-block;
line-height: normal;
vertical-align: top;
font-size: 14px;
}
.partners-info__list li .h4 {
margin-bottom: 15px;
text-align: left;
}
.partners-info__list li p {
margin-bottom: 20px;
text-align: left;
font-size: 15px;
}
.partners-info__list li p i {
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
font-style: normal;
}
.partners-info__list li ul li {
width: 100%;
position: relative;
padding-left: 10px;
}
.partners-info__list li ul li:before {
content: "-";
position: absolute;
top: 0px;
left: -5px;
}
.experts {
font-size: 0;
margin-left: -35px;
}
.experts__list {
margin-top: 32px;
}
.experts__item {
position: relative;
display: inline-block;
vertical-align: top;
width: 127px;
margin: 0 0 11px 35px;
font-size: 13px;
color: #242424;
line-height: 1.2;
text-decoration: none;
}
.experts__item:hover .experts__name {
text-decoration: none;
color: #EF296E;
}
.experts__item.is-disabled {
cursor: default;
}
.experts__item.is-disabled .experts__img img {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}
.experts__item.is-disabled .soon {
position: absolute;
left: 0;
top: 100px;
height: 24px;
line-height: 24px;
padding: 0px 8px;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #c52f49;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
color: #883543;
font-size: 17px;
}
.experts__item.is-disabled:hover .experts__name {
text-decoration: underline;
color: #242424;
}
.experts__item p:first-letter {
text-transform: uppercase;
}
.experts__img {
width: 127px;
height: 127px;
margin-bottom: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
text-align: center;
}
.experts__img img {
width: 100%;
}
.experts__name {
font-size: 18px;
font-family: 'HouschkaProBold','Arial',sans-serif;
color: #242424;
line-height: 1;
margin-bottom: 5px;
text-decoration: underline;
}
.experts__company {
padding-top: 7px;
color: #8a8a8a;
}
.expert {
*zoom: 1;
padding-top: 48px;
}
.expert:after {
content: " ";
display: table;
clear: both;
}
.expert__left {
float: left;
width: 170px;
margin-left: -15px;
}
.expert__img {
width: 142px;
height: 142px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
text-align: center;
}
.expert__img img {
min-width: 100%;
width: 100%;
}
.expert__right {
overflow: hidden;
}
.expert__topper {
*zoom: 1;
margin-bottom: 45px;
}
.expert__topper:after {
content: " ";
display: table;
clear: both;
}
.expert__info {
float: left;
width: 50%;
font-size: 13px;
}
.expert__name {
font-size: 25px;
color: #141415;
font-family: 'HouschkaProBold','Arial',sans-serif;
}
.expert__work:first-letter {
text-transform: uppercase;
}
.expert__birthday {
position: relative;
color: silver;
font-size: 12px;
padding-left: 19px;
margin: 12px 0;
}
.expert__birthday:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: url('../img/icons-s5282a5afe5.png') 0 -1011px no-repeat;
width: 12px;
height: 15px;
}
.expert__company {
float: left;
width: 50%;
text-align: right;
padding-top: 40px;
}
.expert__about p {
margin-bottom: 20px;
}
.expert__about ul,
.face__text ul {
margin-left: 16px;
list-style-type: disc;
}
.expert__about ul li+li,
.face__text ul li+li {
margin-top: 5px;
}
.contacts {
margin: 31px -76px 0;
background: whitesmoke;
}
.contacts .request {
position: relative;
width: 760px;
margin: 0 auto;
padding: 0 30px;
}
.contacts .request .h4 {
margin-bottom: 10px;
padding-left: 10px;
}
.contacts .request .textarea {
height: 74px;
max-height: 74px;
}
.contacts__form {
padding-bottom: 35px;
}
.map {
position: relative;
height: 593px;
margin: 0 0 50px;
}
.map-popup {
display: none;
position: absolute;
width: 470px;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
-webkit-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-ms-border-radius: 4px 4px;
-o-border-radius: 4px 4px;
border-radius: 4px 4px;
background: #ff2141;
-webkit-box-shadow: 2px 4px 3px rgba(0, 0, 1, 0.3);
-moz-box-shadow: 2px 4px 3px rgba(0, 0, 1, 0.3);
box-shadow: 2px 4px 3px rgba(0, 0, 1, 0.3);
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
color: white;
font-size: 16px;
line-height: 1.2;
}
.map-popup:before {
content: "";
position: absolute;
top: 100%;
left: 37px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 13px 0 13px;
border-color: #f12643 transparent transparent transparent;
}
.map-popup a {
color: white;
}
.map-popup a:hover {
color: #fe9eac;
text-decoration: none;
}
.map-popup__title {
font-family: 'HouschkaProBold','Arial',sans-serif;
font-size: 24px;
margin-bottom: 5px;
}
.map-wrap {
padding: 30px 25px;
}
#map_canvas .map-popup {
display: inherit;
}
.catalog {
font-size: 0;
}
.keyletter {
display: inline-block;
vertical-align: top;
width: 180px;
padding-right: 10px;
margin-bottom: 60px;
font-size: 14px;
}
.keyletter a {
color: #242424;
}
.keyletter a:hover {
color: #EF296E;
text-decoration: none;
}
.keyletter span {
color: #9F9F9F;
}
.keyletter li+li {
margin-top: 6px;
}
.letter {
margin-bottom: 23px;
font-family: 'HouschkaProBold','Arial',sans-serif;
font-size: 44px;
color: #312530;
}
.brands {
font-size: 0;
}
.brands__item {
display: inline-block;
vertical-align: top;
width: 170px;
margin-bottom: 40px;
padding-right: 18px;
font-size: 14px;
text-decoration: none;
color: #242424;
}
.brands__item:hover .brands__name {
text-decoration: none;
color: #EF296E;
}
.brands__item.is-inprogress .brands__logo .soon {
position: absolute;
left: 0px;
bottom: 10px;
height: 24px;
line-height: 24px;
padding: 0px 8px;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #c52f49;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
color: #883543;
font-size: 17px;
}
.brands__item.is-inprogress:hover {
cursor: default;
}
.brands__item.is-inprogress:hover .brands__name {
text-decoration: underline;
color: #242424;
}
.brands__logo {
position: relative;
height: 150px;
line-height: 140px;
}
.brands__logo img {
display: inline-block;
vertical-align: middle;
max-width: 124px;
max-height: 100%;
}
.brands__name {
font-size: 17px;
text-decoration: underline;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
margin-bottom: 10px;
}
.brand__topper {
*zoom: 1;
}
.brand__topper:after {
content: " ";
display: table;
clear: both;
}
.brand__left {
float: left;
width: 60%;
font-size: 17px;
}
.brand__left h1 {
text-transform: uppercase;
}
.brand__right {
float: left;
width: 40%;
text-align: right;
}
.brand__logo {
height: 208px;
line-height: 208px;
}
.brand__logo img {
display: inline-block;
vertical-align: middle;
max-width: 208px;
max-height: 208px;
}
.brand__contacts {
*zoom: 1;
padding-bottom: 16px;
}
.brand__contacts:after {
content: " ";
display: table;
clear: both;
}
.brand__contacts .feedback {
float: right;
}
.brand__link {
float: left;
padding-top: 5px;
font-size: 18px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
color: #242424;
}
.brand__link:hover {
color: #EF296E;
text-decoration: none;
}
.brand__article {
font-size: 15px;
}
.brand__article p {
margin-bottom: 25px;
line-height: 1.2;
}
.brand__article p.dbl-mar {
margin-bottom: 50px;
}
.brand__article p.no-mar {
margin-bottom: 0;
}
.brand__article .title {
padding-top: 20px;
position: relative;
display: inline-block;
font-size: 25px;
margin-bottom: 20px;
text-transform: uppercase;
color: #492b47;
font-family: 'HouschkaProBold','Arial',sans-serif;
}
.brand__article .title:before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 65px;
height: 3px;
background: #492b47;
}
.grey-box {
*zoom: 1;
margin: 20px -30px 46px;
padding: 42px 50px 42px;
background: whitesmoke;
}
.grey-box:after {
content: " ";
display: table;
clear: both;
}
.brand a {
color: #242424;
}
.brand a:hover {
color: #EF296E;
text-decoration: none;
}
.brand sup {
font-size: 0.5em;
vertical-align: super;
}
.brand__list {
background-color: #f5f5f5;
border-radius: 3px 0px 0px 3px;
margin: 42px 0px 18px 98px;
padding: 0px 25px 22px;
width: 247px;
text-align: left;
}
.brand__list .title {
background-color: #EF296E;
color: #fff;
font-weight: bold;
font-size: 19px;
height: 36px;
line-height: 32px;
padding: 0px 14px;
display: inline-block;
vertical-align: top;
border-radius: 3px;
position: relative;
margin: -11px 0px 23px;
}
.brand__list .title:after {
content: "";
width: 18px;
height: 10px;
display: block;
position: absolute;
top: 100%;
margin-top: -2px;
right: 13px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZBM0VCN0Q2RjM0MTFFNDk0ODBGNDk0NzgyNEQ1MTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZBM0VCN0U2RjM0MTFFNDk0ODBGNDk0NzgyNEQ1MTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRkEzRUI3QjZGMzQxMUU0OTQ4MEY0OTQ3ODI0RDUxOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRkEzRUI3QzZGMzQxMUU0OTQ4MEY0OTQ3ODI0RDUxOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlKAx0oAAACbSURBVHjaYvyv5PifgQqAkVoGMQFxMxBTalgTyEUgRjwQzwJiNhIN+AvEeUA8DWYQCNgD8TogFiLSkB9AHAvEa2BhhCypDsRbgViZgCEfgDgAiA8iBza6IhEgXg/ENjgMeQ7EHkB8CT2w0cEbIHYF4hVY5G4BsRW6IbgMgvk/ChqjMHAa6soHuNIRoUBNAOJgII4E4i+4FAEEGAB2gyM5jnl+uQAAAABJRU5ErkJggg==");
}
.brand__list .item {
overflow: hidden;
padding-bottom: 20px;
}
.brand__list .item a {
text-decoration: none;
}
.brand__list .item img {
display: block;
float: left;
margin-left: 1px;
max-width: 80px;
}
.brand__list .item dl {
margin: 14px 0px 0px 97px;
}
.brand__list .item dt {
font-weight: 600;
font-size: 15px;
line-height: 16px;
padding-bottom: 6px;
}
.brand__list .item dd {
font-size: 13px;
line-height: 14px;
color: #777776;
}
.ohmy__check .column50 p:last-child {
margin-bottom: 0;
}
.ohmy__check .column50:first-child p {
padding-left: 70px;
text-align: left;
line-height: 1;
margin-bottom: 10px;
font-size: 13px;
color: #0c0c0c;
}
.ohmy__check .column50:first-child img {
display: block;
}
.ohmy__check .column50:first-child span {
display: inline-block;
padding-top: 5px;
text-transform: uppercase;
padding-left: 85px;
font-size: 18px;
}
.ohmy__fillings {
position: relative;
top: -60px;
text-align: center;
}
.ohmy__fillings p {
text-align: left;
font-size: 13px;
padding-left: 40px;
margin-bottom: 0;
}
.ohmy__benefits {
margin-bottom: 65px;
}
.ohmy__benefits .column33 {
text-align: center;
}
.ohmy__benefits .column33.middle img {
position: relative;
top: -10px;
margin-bottom: 8px;
}
.ohmy__benefits p {
width: 48%;
text-align: left;
font-size: 13px;
margin: 0 auto;
}
.ohmy__benefits .column33.middle p {
width: 80%
}
.ohmy__benefits .column33:first-child p {
width: 82%;
}
.ohmy__dynamics {
padding-top: 22px;
}
.ohmy__dynamics p {
font-size: 12px;
padding: 3px 0 30px 6px;
}
.wide__pict {
display: block;
margin: 0 -76px 70px;
}
.face__topper {
*zoom: 1;
margin-bottom: 40px;
}
.face__topper:after {
content: " ";
display: table;
clear: both;
}
.face__img {
float: left;
width: 142px;
height: 142px;
margin-left: -27px;
margin-right: 20px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.face__img img {
width: 100%;
}
.face__info {
float: left;
width: 227px;
}
.face__name {
font-size: 25px;
font-family: 'HouschkaProBold','Arial',sans-serif;
line-height: 1;
}
.face__text {
display: none;
}
.face__text.active {
display: block;
}
.vcard {
position: relative;
float: right;
width: 227px;
*zoom: 1;
min-height: 100px;
padding: 0 91px 0 27px;
margin-right: -76px;
background: whitesmoke;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.vcard:after {
content: " ";
display: table;
clear: both;
}
.vcard img {
float: left;
width: 80px;
margin-right: 18px;
}
.vcard p {
color: #adadac;
font-size: 13px;
}
.vcard.topcard {
padding-top: 39px;
}
.vcard__right {
float: right;
width: 128px;
}
.vcard__right p:first-letter {
text-transform: uppercase;
}
.vcard__title {
position: absolute;
top: -27px;
left: 36px;
height: 44px;
line-height: 44px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #EF296E;
padding: 0 15px;
font-size: 23px;
font-family: 'HouschkaProBold','Arial',sans-serif;
color: white;
}
.vcard__title:before {
content: "";
position: absolute;
bottom: -10px;
right: 16px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 11px 0 11px;
border-color: #EF296E transparent transparent transparent;
}
.vcard__name {
font-size: 15px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
a.vcard__name {
color: #242424;
text-decoration: none;
}
a.vcard__name:hover {
color: #EF296E;
}
.best__check p {
width: 60%;
font-size: 14px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
margin-bottom: 0;
}
.best__record {
padding-bottom: 40px;
}
.best__record .column50 {
position: relative;
text-align: right;
}
.best__record .column50:first-child {
position: inherit;
text-align: left;
padding-top: 42px;
}
.best__stats {
margin-bottom: 25px;
}
.best__stats .column33:first-child {
position: relative;
left: -20px;
}
.best__stats .column33.last {
position: relative;
left: 20px;
}
.best__stats p {
padding-left: 30px;
font-size: 13px;
}
.best__popular > div {
position: relative;
*zoom: 1;
min-height: 55px;
padding-top: 160px;
}
.best__popular > div:after {
content: " ";
display: table;
clear: both;
}
.best__popular > div p {
margin-bottom: 0;
line-height: 1.05;
padding-right: 13px;
float: right;
width: 45%;
font-size: 14px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.best__popular > div.best__clients p {
padding-right: 0;
}
.best__popular > div.best__objects p {
padding-right: 27px;
}
.best__popular > div.best__staff p {
padding-right: 17px;
}
.best__objects {
background: url(../img/best6.png) 0 0 no-repeat;
}
.best__staff {
background: url(../img/best7.png) 0 0 no-repeat;
}
.best__clients {
background: url(../img/best8.png) 0 0 no-repeat;
}
.best__calls {
background: url(../img/best9.png) 0 0 no-repeat;
}
.best__traffic {
padding-top: 45px;
}
.best__traffic p {
line-height: 1.05;
width: 80%;
font-size: 14px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.best__traffic .clr div:first-child p {
padding: 15px 0 0 20px;
}
.best__award {
padding: 30px 115px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.best__award .h5 {
font-size: 21px;
line-height: 0.9;
padding-bottom: 6px
}
.best__award p {
font-size: 14px;
text-transform: uppercase;
color: #141415;
line-height: 1;
width: 140px;
}
.slider {
position: relative;
height: 590px;
margin-top: 65px;
z-index: 1;
}
.example-pager {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
z-index: 9999;
}
.example-pager span {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #d8d8d8;
font: 0/0 a;
text-shadow: none;
color: transparent;
cursor: pointer;
}
span.cycle-pager-active {
background: #EF296E;
}
.slider__nav {
position: relative;
}
.slider__prev,
.slider__next {
position: absolute;
top: 200px;
left: -50px;
height: 48px;
width: 48px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #f4f4f4;
cursor: pointer;
z-index: 99999;
}
.slider__prev:before,
.slider__next:before {
content: "";
position: absolute;
top: 12px;
left: 15px;
background: url('../img/icons-s5282a5afe5.png') 0 -539px no-repeat;
width: 14px;
height: 24px;
}
.slider__prev:hover,
.slider__next:hover {
background: #EF296E;
}
.slider__prev:hover:before,
.slider__next:hover:before {
background: url('../img/icons-s5282a5afe5.png') 0 -623px no-repeat;
width: 14px;
height: 24px;
}
.slider__next {
left: auto;
right: -50px;
}
.slider__next:before {
content: "";
position: absolute;
top: 12px;
left: 20px;
background: url('../img/icons-s5282a5afe5.png') 0 -403px no-repeat;
width: 14px;
height: 24px;
}
.slider__next:hover {
background: #EF296E;
}
.slider__next:hover:before {
background: url('../img/icons-s5282a5afe5.png') 0 -657px no-repeat;
width: 14px;
height: 24px;
}
.slider__item {
width: 100%;
text-align: center;
}
.slide__content {
position: relative;
height: 590px;
margin: 0 auto;
color: #242424;
}
.slide__content img {
max-height: 100%;
}
.slider__title {
line-height: 1.1;
font-size: 30px;
padding-top: 20px;
margin-bottom: 25px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
color: black;
text-transform: uppercase;
}
.hint {
position: absolute;
top: -20px;
left: 0px;
height: 44px;
line-height: 44px;
padding: 0 18px;
font-family: 'HouschkaProBold','Arial',sans-serif;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: 23px;
color: white;
background: #EF296E;
}
.hint:before {
content: "";
position: absolute;
top: 100%;
left: 15px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 11px 0 11px;
border-color: #EF296E transparent transparent transparent;
}
.slide-use {
position: absolute;
left: 30px;
top: 0;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
text-transform: uppercase;
color: #542939;
font-size: 17px;
z-index: 2;
}
.slide-use .hint {
top: 30px;
left: 0;
width: 200px;
right: auto;
font-size: 18px;
}
.slide7 img {
position: relative;
top: -40px;
}
.slide9 img,
.slide11 img {
position: absolute;
top: 0px;
left: -76px;
right: -76px;
width: 942px;
height: 100%;
max-height: initial;
z-index: 1;
}
.slide9 .hint,
.slide11 .hint {
width: 85px;
}
.slide10 .hint {
width: 100px;
}
.announce {
margin: 0 -76px;
background: url(../img/pattern1.jpg);
}
.announce__inner {
position: relative;
padding: 55px 0 60px;
text-align: center;
}
.announce__inner:before {
content: "";
position: absolute;
bottom: -32px;
left: 61px;
background: url('../img/icons-s5282a5afe5.png') 0 0 no-repeat;
width: 58px;
height: 32px;
z-index: 2;
}
.announce__content {
display: inline-block;
width: 450px;
min-height: 140px;
}
.announce__date {
position: relative;
margin-bottom: 20px;
text-align: left;
padding-left: 110px;
background: url(../img/date.png) no-repeat;
}
.announce__title {
font-size: 32px;
color: white;
font-family: 'HouschkaProBold','Arial',sans-serif;
text-transform: uppercase;
}
.announce__text {
font-size: 19px;
color: white;
line-height: 1;
text-transform: uppercase;
}
.announce__counter {
height: 43px;
line-height: 43px;
text-align: center;
font-family: 'HouschkaProBold','Arial',sans-serif;
text-transform: uppercase;
font-size: 22px;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #EF296E;
}
.announce__counter button {
position: relative;
top: -2px;
font-size: 16px;
font-family: 'HouschkaProBold','Arial',sans-serif;
border-bottom: 1px solid;
line-height: 1.2;
text-transform: uppercase;
color: white;
background: transparent;
}
.announce__counter button:hover {
color: #980f22;
border-bottom: none;
}
.announce__counter .request-form__popup {
line-height: 1.4;
font-size: 18px;
}
.announce_index .announce__inner:before {
display: none;
}
.announce_index .announce__content {
width: 520px;
}
.announce_index .announce__date {
padding-left: 0;
min-height: 76px;
padding-right: 123px;
background: url(../img/letter.png) 100% 0px no-repeat;
}
.announce_index .announce__text {
text-transform: none;
font-size: 14px;
}
.announce_index .announce__counter {
*zoom: 1;
padding-right: 15px;
}
.announce_index .announce__counter:after {
content: " ";
display: table;
clear: both;
}
.announce_index .announce__counter input[type="text"] {
float: left;
width: 330px;
height: 43px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #EF296E;
padding: 0 15px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
font-size: 17px;
color: white;
}
.announce_index .announce__counter input[type="text"]:-ms-input-placeholder {
color: #ffdfe2;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.announce_index .announce__counter input[type="text"]:-moz-placeholder {
color: #ffdfe2;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.announce_index .announce__counter input[type="text"]::-moz-placeholder {
color: #ffdfe2;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.announce_index .announce__counter input[type="text"]::-webkit-input-placeholder {
color: #ffdfe2;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.announce_index .announce__counter input[type="text"]::placeholder {
color: #ffdfe2;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.announce_index .announce__counter .btn {
float: right;
height: 43px;
line-height: 43px;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.main_index .announce__counter button {
float: right;
margin-top: 11px;
top: 0;
}
.parthnres {
padding: 50px 0;
}
.main_index .parthnres {
padding: 105px 0 84px;
}
.parthnres__title {
margin-bottom: 38px;
text-transform: uppercase;
text-align: center;
font-size: 26px;
color: #242424;
font-family: 'HouschkaProBold','Arial',sans-serif;
}
.parthnres__title span {
color: #EF296E;
}
.tab {
text-align: center;
font-size: 0;
margin-bottom: 45px;
}
.tab li {
font-size: 13px;
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
.tab li:first-child {
margin-left: 0;
}
.tab li a {
display: block;
height: 30px;
line-height: 30px;
padding: 0 11px;
color: #242424;
text-transform: uppercase;
font-family: 'HouschkaProBold','Arial',sans-serif;
font-size: 11px;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #efefef;
}
.tab li a.is-active {
color: white;
background: #EF296E;
}
.tab-cont__inner {
min-height: 50px;
}
.parthnres-list {
text-align: center;
}
.parthnres-list li {
display: inline-block;
margin: 10px 20px;
vertical-align: middle;
}
.parthnres__btn-wrap {
text-align: center;
padding-top: 38px;
}
.add-btn {
position: relative;
display: inline-block;
height: 43px;
line-height: 43px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 0 28px 0 52px;
background: #EF296E;
text-decoration: none;
font-family: 'HouschkaProBold','Arial',sans-serif;
color: white;
font-size: 20px;
text-transform: uppercase;
}
.add-btn:before {
content: "";
position: absolute;
top: 11px;
left: 20px;
background: url('../img/icons-s5282a5afe5.png') 0 -1460px no-repeat;
width: 19px;
height: 19px;
}
.smi {
position: relative;
}
.smi .cycle-slideshow {
width: 760px;
margin: 0 auto;
}
.smi__item {
padding: 70px 0px;
width: 760px;
}
.smi__item li a {
color: #242424;
}
.smi__item li {
display: inline-block;
width: 230px;
margin-left: 30px;
vertical-align: top;
white-space: nowrap;
}
.smi__item li:first-child {
margin-left: 0;
}
.smi__item li p {
font-size: 15px;
font-family: 'HouschkaProMedium','Arial',sans-serif;
line-height: 1.2;
color: #242424;
white-space: normal;
}
.link-title {
display: block;
margin-bottom: 20px;
font-size: 20px;
font-family: 'HouschkaProBold','Arial',sans-serif;
color: #242424;
}
.link-title:hover {
text-decoration: none;
color: #EF296E;
}
.cycle-prev {
position: absolute;
top: 50%;
left: -45px;
margin-top: -15px;
background: url('../img/icons-s5282a5afe5.png') 0 -539px no-repeat;
width: 14px;
height: 24px;
cursor: pointer;
z-index: 9999;
}
.cycle-prev:hover {
background: url('../img/icons-s5282a5afe5.png') 0 -471px no-repeat;
width: 14px;
height: 24px;
}
.cycle-next {
position: absolute;
top: 50%;
right: -45px;
margin-top: -15px;
background: url('../img/icons-s5282a5afe5.png') 0 -403px no-repeat;
width: 14px;
height: 24px;
cursor: pointer;
z-index: 9999;
}
.cycle-next:hover {
background: url('../img/icons-s5282a5afe5.png') 0 -505px no-repeat;
width: 14px;
height: 24px;
}
.callback {
margin: 0 -76px 0;
}
.callback__map {
position: relative;
height: 275px;
}
.callback-form {
padding: 45px 0 50px;
background: url(../img/pattern1.jpg);
}
.callback-form__inner {
position: relative;
padding: 0 80px;
}
.callback-form__inner .h4 {
color: white;
}
.callback-form__inner .input {
background: #EF296E;
}
.callback-form__inner .textarea {
height: 76px;
width: 400px;
max-height: 200px;
background: #EF296E;
}
.callback-form__inner .request__btn {
*zoom: 1;
}
.callback-form__inner .request__btn:after {
content: " ";
display: table;
clear: both;
}
.callback-form__inner .request__btn span {
float: left;
margin-right: 25px;
color: white;
font-size: 15px;
font-family: 'HouschkaProDemiBold','Arial',sans-serif;
}
.callback-form__inner .request__btn span strong {
font-family: 'HouschkaProBold','Arial',sans-serif;
}
.callback-form__inner .request__btn .btn {
float: right;
color: white;
}
.socials {
padding: 30px 0 0 0;
}
.socials__plagin {
display: none;
position: relative;
padding: 55px 0px;
min-height: 317px;
}
.socials__plagin ul {
*zoom: 1;
width: 760px;
margin: 0 auto;
}
.socials__plagin ul:after {
content: " ";
display: table;
clear: both;
}
.socials__plagin li {
float: left;
width: 245px;
margin-left: 12px;
}
.socials__plagin li:first-child {
margin-left: 0;
}
.socials_index {
padding: 0 0 0;
}
.socials_index .socials__plagin {
margin: 0 -76px;
/*background: whitesmoke;*/
margin-bottom: 45px;
}
.b-twitter-item {
background: #fff;
border: 1px solid #e1e1e1;
font-size: 14px;
font-family: 'HouschkaProMedium','Arial',sans-serif;
color: #242424;
padding: 29px 20px 10px 27px;
margin-bottom: 9px;
height: 113px;
}
.b-twitter-item .b-top {
margin-bottom: 18px;
}
.b-twitter-item .b-logo {
background: #f00 url(../img/twitter_logo.png) no-repeat;
float: left;
display: block;
width: 47px;
height: 30px;
}
.b-twitter-item .b-link {
float: left;
margin-left: 22px;
width: 127px;
line-height: 15px;
padding-top: 2px;
}
.b-twitter-item a {
color: #242424;
}
.b-twitter-item .b-link a {
color: #EF296E;
}
.b-twitter-item .b-txt {
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.b-twitter-item .b-top:after {
clear: both;
display: table;
content: '';
}
.twitter-box {
height: 317px;
overflow: hidden;
}
.old__topper {
height: 284px;
padding-top: 150px;
background: white;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 1, 0.17);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 1, 0.17);
box-shadow: 0 2px 7px rgba(0, 0, 1, 0.17);
}
.old__container {
width: 600px;
margin: 0 auto;
*zoom: 1;
}
.old__container:after {
content: " ";
display: table;
clear: both;
}
.old__container .h3 {
float: left;
width: 50%;
margin: 0;
line-height: 1;
}
.old__text {
float: right;
width: 50%;
color: #242424;
}
.browsers {
clear: both;
padding-top: 50px;
margin-top: 50px;
text-align: justify;
line-height: 0;
font-size: 1px;
text-justify: newspaper;
zoom: 1;
text-align-last: justify;
}
.browsers:after {
content: "";
display: inline-block;
width: 100%;
height: 0px;
visibility: hidden;
overflow: hidden;
}
.browsers li {
display: inline-block;
line-height: normal;
vertical-align: top;
font-size: 14px;
}
.browsers li a {
text-align: center;
color: black;
}
.browsers li a .browser__img {
height: 90px;
}
.browsers li a p {
font-size: 13px;
}
.browsers li a:hover {
text-decoration: none;
}
.old__bottom {
padding-top: 45px;
}
.old__logo {
float: left;
width: 240px;
text-align: right;
}
.old__logo a {
display: inline-block;
background: url('../img/oldlogo.png') 0 0 no-repeat;
width: 70px;
height: 50px;
}
.old__footer {
float: right;
width: 340px;
font-size: 11px;
line-height: 1.2;
color: #50424f;
}
.old__footer a {
color: #50424f;
}
.old__footer a:hover {
text-decoration: none;
}
.not__found {
padding: 50px 0 0 200px;
background: url('../img/404.png') 0 50px no-repeat;
}
.not__found a {
color: #fc2747;
text-decoration: underline;
}
.not__found a:hover {
color: #7f7e87;
text-decoration: none;
}
.renova__assets {
padding-bottom: 19px;
}
.renova__assets .logo {
float: left;
width: 66px;
height: 51px;
background: url(../img/sprite-renova.png) -1370px -489px;
position: relative;
margin: 169px 0px 0px 31px;
}
.renova__assets .logo:after {
content: "";
display: block;
position: absolute;
width: 96px;
height: 36px;
background-image: url(../img/sprite-renova.png);
left: 0;
top: 100%;
margin: 8px 0px 0px -15px;
}
.renova__assets .logo.ru:after {
background-position: -857px -325px;
}
.renova__assets .logo.en:after {
background-position: -761px -325px;
}
.renova__assets .clr {
padding-bottom: 41px;
}
.renova__assets ul {
float: right;
width: 680px;
margin: 6px -55px 0px 0px;
}
.renova__assets li {
float: left;
text-align: center;
width: 140px;
height: 151px;
margin-right: 20px;
}
.renova__assets li .icon {
display: inline-block;
vertical-align: top;
width: 100px;
height: 100px;
margin-bottom: 9px;
position: relative;
}
.renova__assets li .icon i {
background-image: url(../img/sprite-renova.png);
display: block;
position: absolute;
top: 0;
left: 0;
}
.renova__assets li .icon i.metallurgy {
background-position: -846px -389px;
width: 100px;
height: 102px;
top: -2px;
left: -1px;
}
.renova__assets li .icon i.development {
background-position: -946px -389px;
width: 105px;
height: 104px;
top: -4px;
left: -3px;
}
.renova__assets li .icon i.engineering {
background-position: -1051px -389px;
width: 100px;
height: 100px;
}
.renova__assets li .icon i.airports {
background-position: -1151px -389px;
width: 100px;
height: 100px;
}
.renova__assets li .icon i.energetics {
background-position: -1251px -389px;
width: 100px;
height: 100px;
left: -1px;
}
.renova__assets li .icon i.haca {
background-position: -1351px -389px;
width: 100px;
height: 100px;
top: -1px;
left: -1px;
}
.renova__assets li .icon i.telecommunications {
background-position: -846px -493px;
width: 100px;
height: 108px;
top: -9px;
}
.renova__assets li .icon i.minerals {
background-position: -946px -493px;
width: 109px;
height: 100px;
top: 1px;
left: -9px;
}
.renova__assets li .icon i.chemicals {
background-position: -1055px -493px;
width: 100px;
height: 100px;
top: 1px;
left: 6px;
}
.renova__assets li .icon i.technologies {
background-position: -1155px -493px;
width: 100px;
height: 100px;
left: 5px;
top: 1px;
}
.renova__assets li .icon i.finance {
background-position: -1255px -493px;
width: 100px;
height: 100px;
top: 1px;
left: 4px;
}
.renova__assets li b {
display: block;
font-size: 12px;
line-height: 16px;
color: #492b47;
text-transform: uppercase;
}
.renova__assets .grey-box {
padding: 28px 30px 7px;
margin-bottom: 30px;
}
.renova__investment {
padding: 35px 0px 23px;
}
.renova__map {
width: 761px;
height: 375px;
background: url(../img/sprite-renova.png) 0px 0px;
margin: 0px 0px 41px -8px;
}
.renova__map ul {
font-size: 13px;
font-weight: 600;
padding: 250px 0px 0px 9px;
line-height: 16px;
}
.renova__incomplete {
padding-bottom: 38px;
}
.renova__incomplete .stat {
float: left;
width: 220px;
padding: 13px 0px 0px 6px;
}
.renova__incomplete .stat strong {
display: block;
font-size: 25px;
line-height: 24px;
text-transform: uppercase;
color: #4a2a48;
font-weight: bold;
padding-bottom: 12px;
}
.renova__incomplete .stat ul {
overflow: hidden;
margin-left: -2px;
}
.renova__incomplete .stat li {
float: left;
position: relative;
}
.renova__incomplete .stat li b {
display: block;
font-size: 54px;
line-height: 48px;
color: #cc415f;
}
.renova__incomplete .stat li span {
display: block;
font-weight: 600;
font-size: 13px;
line-height: 13px;
}
.renova__incomplete .stat li + li {
margin-left: 19px;
padding-left: 23px;
}
.renova__incomplete .stat li + li:before {
content: "";
display: block;
width: 2px;
height: 59px;
position: absolute;
top: 3px;
left: 0;
background-color: #c8c0c7;
}
.renova__incomplete .image {
float: left;
margin-left: 10px;
width: 283px;
height: 150px;
background: url(../img/sprite-renova.png) -761px 0px;
}
.renova__incomplete .space {
float: right;
border: 1px solid #d7d7d7;
border-radius: 10px;
background-color: #fff;
position: relative;
margin: 64px 20px 0px 0px;
padding: 12px 14px 20px 16px;
}
.renova__incomplete .space b {
display: block;
color: #4a2a48;
font-size: 34px;
line-height: 36px;
letter-spacing: -.7px;
}
.renova__incomplete .space span {
display: block;
font-size: 13px;
line-height: 10px;
padding-left: 5px;
font-weight: 600;
}
.renova__incomplete .space:before {
content: "";
display: block;
position: absolute;
width: 9px;
height: 20px;
background: url(../img/sprite-renova.png) -953px -325px;
top: 50%;
right: 100%;
margin-top: -12px;
}
.renova__sochi {
padding: 38px 42px 26px;
margin-bottom: 57px;
}
.renova__sochi .info {
float: left;
width: 314px;
}
.renova__sochi .info strong {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #4a2a48;
text-align: center;
display: block;
padding-bottom: 13px;
}
.renova__sochi .info ul {
width: 314px;
height: 175px;
background: url(../img/sprite-renova.png) -761px -150px;
overflow: hidden;
}
.renova__sochi .info li {
float: left;
text-align: center;
width: 100px;
}
.renova__sochi .info li p {
color: #fff;
font-weight: 600;
line-height: 20px;
padding: 30px 0px 0px;
letter-spacing: -0.4px;
}
.renova__sochi .info li p b {
display: block;
font-weight: bold;
font-size: 40px;
line-height: 30px;
}
.renova__sochi .info li span {
display: block;
font-size: 13px;
line-height: 12px;
font-weight: 600;
}
.renova__sochi .info li + li {
padding-left: 7px;
}
.renova__sochi .about {
float: left;
width: 340px;
padding: 34px 0px 0px 64px;
}
.renova__sochi.ru .info li p {
font-size: 20px;
}
.renova__sochi.en .info li p {
font-size: 16px;
}
.renova__hevel {
margin-bottom: 54px;
}
.renova__hevel .clr {
padding-bottom: 8px;
}
.renova__hevel .about {
float: left;
width: 340px;
padding-top: 24px;
margin: 0px 20px 0px -2px;
}
.renova__hevel .info {
float: right;
}
.renova__hevel .info b {
display: block;
color: #9f344a;
font-size: 17px;
line-height: 18px;
text-transform: uppercase;
}
.renova__hevel .info .pic {
width: 364px;
height: 170px;
background: url(../img/sprite-renova.png) -1075px 0px;
margin-right: 6px;
}
.renova__hevel .info .pic strong {
display: block;
color: #4a2a48;
font-size: 38px;
line-height: 32px;
padding: 12px 0px 3px;
}
.renova__hevel .info .pic p {
font-size: 13px;
line-height: 13px;
font-weight: 600;
padding-left: 3px;
}
.renova__airports {
padding: 4px 0px 71px;
}
.renova__airports .item {
margin: 0px -29px 0px -33px !important;
}
.renova__airports .item + .item {
border-top: 2px solid #f4f4f4;
padding-top: 13px;
margin-top: 37px !important;
}
.renova__airports .balloon {
float: left;
border: 1px solid #d7d7d7;
border-radius: 10px;
background-color: #fff;
position: relative;
padding: 12px 14px 16px 21px;
margin: 28px 0px 0px 61px;
width: 142px;
line-height: 1;
}
.renova__airports .balloon b {
display: block;
font-weight: bold;
font-size: 16px;
line-height: 18px;
color: #a9364b;
letter-spacing: -0.5px;
padding-bottom: 1px;
}
.renova__airports .balloon strong {
display: inline-block;
vertical-align: baseline;
font-size: 38px;
line-height: 36px;
color: #4a2a48;
margin-left: -4px;
letter-spacing: -1px;
padding-right: 4px;
}
.renova__airports .balloon span {
display: inline-block;
vertical-align: baseline;
font-weight: 600;
font-size: 13px;
line-height: 14px;
}
.renova__airports .balloon:after {
content: "";
display: block;
position: absolute;
width: 9px;
height: 20px;
background: url(../img/sprite-renova.png) -962px -325px;
top: 50%;
left: 100%;
margin-top: -12px;
}
.renova__airports .image {
float: right;
background-image: url(../img/sprite-renova.png);
}
.renova__airports .image.ekb {
width: 423px;
height: 128px;
margin-right: 102px;
}
.renova__airports .image.ekb.ru {
background-position: 0px -375px;
}
.renova__airports .image.ekb.en {
background-position: -423px -469px;
}
.renova__airports .image.nn {
width: 410px;
height: 94px;
margin: 7px 105px 13px 0px;
}
.renova__airports .image.nn.ru {
background-position: -423px -375px;
}
.renova__airports .image.nn.en {
background-position: 0px -503px;
}
.renova__airports .image.smr {
width: 382px;
height: 109px;
margin: 13px 117px 13px 0px;
}
.renova__airports .image.smr.ru {
background-position: -1076px -170px;
}
.renova__airports .image.smr.en {
background-position: -1076px -280px;
}
.skolkovo__stats {
padding: 6px 0px 16px;
}
.skolkovo__map {
width: 942px;
height: 436px;
background: url(../img/skolkovo-stats.jpg);
margin: 0px 0px 57px -94px;
overflow: hidden;
color: #fff;
}
.skolkovo__map .space {
float: left;
width: 180px;
text-align: center;
padding: 174px 0px 0px 110px;
}
.skolkovo__map .space b {
display: block;
font-weight: 600;
font-size: 81px;
line-height: 74px;
}
.skolkovo__map .space strong {
display: block;
font-weight: bold;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
text-indent: 10px;
}
.skolkovo__map .people {
overflow: hidden;
padding: 204px 0px 0px 164px;
}
.skolkovo__map .people li {
float: left;
width: 200px;
margin-right: 5px;
}
.skolkovo__map .people b {
display: inline-block;
vertical-align: top;
position: relative;
font-size: 62px;
line-height: 46px;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 9px;
}
.skolkovo__map .people b span {
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
display: block;
position: absolute;
bottom: 0;
left: 100%;
letter-spacing: 0;
margin: 0px 0px 1px 5px;
}
.skolkovo__map .people p {
text-transform: uppercase;
font-size: 17px;
line-height: 16px !important;
font-weight: bold;
}
.skolkovo__business {
padding: 57px 0px 44px;
}
.skolkovo__business .grey-box {
padding: 30px 65px 11px 58px;
margin-bottom: 45px;
}
.skolkovo__business .diagram {
width: 265px;
height: 212px;
float: left;
background: url(../img/sprite-skolkovo.png) 0px 0px;
margin: -49px 0px 63px;
}
.skolkovo__business .diagram ul {
height: 100%;
width: 300px;
}
.skolkovo__business .diagram li {
float: left;
width: 130px;
text-align: center;
height: 100%;
position: relative;
}
.skolkovo__business .diagram li + li {
padding-left: 30px;
}
.skolkovo__business .diagram .year {
position: absolute;
left: 0;
width: 100%;
font-size: 21px;
line-height: 14px;
font-weight: 600;
letter-spacing: -0.5px;
color: #4a2a48;
}
.skolkovo__business .diagram .year.start {
top: 44px;
}
.skolkovo__business .diagram .year.plan {
top: -36px;
}
.skolkovo__business .diagram .year span {
font-size: 16px;
display: block;
}
.skolkovo__business .diagram .count {
position: absolute;
left: 0;
bottom: -32px;
width: 100%;
text-indent: 3px;
}
.skolkovo__business .diagram .count b {
color: #4a2a48;
display: block;
font-size: 21px;
line-height: 17px;
letter-spacing: -0.75px;
padding-bottom: 5px;
}
.skolkovo__business .diagram .count b .dash {
position: absolute;
}
.skolkovo__business .diagram .count > span {
display: block;
font-size: 13px;
line-height: 12px;
font-weight: 600;
}
.skolkovo__business .text {
float: right;
width: 330px;
}
.skolkovo__backing {
padding: 18px 0px 19px;
}
.skolkovo__backing .clr {
padding-bottom: 23px;
}
.skolkovo__backing .total {
float: left;
position: relative;
margin: 48px 0px 0px 19px;
padding-left: 50px;
}
.skolkovo__backing .total:before {
content: "";
display: block;
position: absolute;
width: 45px;
height: 45px;
background: url(../img/sprite-skolkovo.png);
top: 2px;
left: 0px;
}
.skolkovo__backing .total b {
font-size: 49px;
line-height: 48px;
color: #492b47;
display: inline-block;
vertical-align: top;
position: relative;
}
.skolkovo__backing .total b span {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
display: block;
position: absolute;
bottom: 5px;
left: 100%;
margin-left: 3px;
}
.skolkovo__backing .total .period {
background-color: #cc415f;
color: #fff;
font-size: 14px;
line-height: 15px;
font-weight: 600;
letter-spacing: -0.5px;
display: inline-block;
vertical-align: top;
margin: 3px 0px 0px 4px;
padding: 2px 7px 7px;
min-width: 61px;
}
.skolkovo__backing .total.ru {
margin-right: 33px;
}
.skolkovo__backing .total.en {
margin-right: 58px;
}
.skolkovo__backing .total.en b {
font-size: 45px;
position: relative;
top: 3px;
}
.skolkovo__backing .total.en b span {
bottom: 12px;
font-size: 13px;
line-height: 13px;
}
.skolkovo__backing .total.ru:before {
background-position: -528px -87px;
}
.skolkovo__backing .total.en:before {
background-position: -590px 0px;
}
.skolkovo__backing .diagram {
background: url(../img/sprite-skolkovo.png) -265px 0px;
width: 158px;
height: 192px;
float: left;
}
.skolkovo__backing .balloons {
float: left;
padding: 17px 0px 0px 30px;
}
.skolkovo__backing .balloons li {
width: 150px;
border: 1px solid #d7d7d7;
border-radius: 9px;
position: relative;
margin-top: 6px;
padding-right: 3px;
padding-left: 14px;
}
.skolkovo__backing .balloons li:before {
content: "";
display: block;
position: absolute;
width: 9px;
height: 20px;
background: url(../img/sprite-skolkovo.png) -573px -87px;
top: 50%;
right: 100%;
margin-top: -12px;
}
.skolkovo__backing .balloons li.budget {
padding-top: 15px;
padding-bottom: 13px;
}
.skolkovo__backing .balloons li.budget .sum {
position: relative;
padding-left: 38px;
color: #492b47;
padding-bottom: 3px;
}
.skolkovo__backing .balloons li.budget .sum b {
display: block;
font-size: 33px;
line-height: 28px;
letter-spacing: -2px;
}
.skolkovo__backing .balloons li.budget .sum span {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
}
.skolkovo__backing .balloons li.budget .sum:before {
content: "";
display: block;
position: absolute;
width: 31px;
height: 31px;
background: url(../img/sprite-skolkovo.png);
top: -3px;
left: 0px;
}
.skolkovo__backing .balloons li.budget .sum.ru:before {
background-position: -528px -132px;
}
.skolkovo__backing .balloons li.budget .sum.en:before {
background-position: -590px -45px;
}
.skolkovo__backing .balloons li.budget p {
position: relative;
font-size: 13px;
line-height: 13px;
font-weight: 600;
padding-left: 36px;
margin-bottom: 0;
}
.skolkovo__backing .balloons li.budget p:before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 9px;
background: url(../img/sprite-skolkovo.png) -559px -132px;
width: 11px;
height: 11px;
}
.skolkovo__backing .balloons li.business {
padding-top: 11px;
padding-bottom: 13px;
}
.skolkovo__backing .balloons li.business p {
position: relative;
font-size: 13px;
line-height: 13px;
font-weight: 600;
padding-left: 29px;
margin-bottom: 0;
}
.skolkovo__backing .balloons li.business p:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 2px;
background: url(../img/sprite-skolkovo.png) -559px -143px;
width: 18px;
height: 18px;
}
.skolkovo__backing .grants {
float: left;
padding: 32px 0px 0px 27px;
}
.skolkovo__backing .grants .icon {
width: 62px;
height: 87px;
background: url(../img/sprite-skolkovo.png) -528px 0px;
margin: 0px 0px 4px 29px;
}
.skolkovo__backing .grants .sum {
position: relative;
padding-left: 34px;
color: #492b47;
padding-bottom: 4px;
}
.skolkovo__backing .grants .sum b {
display: inline-block;
vertical-align: baseline;
font-size: 33px;
line-height: 28px;
letter-spacing: -2px;
}
.skolkovo__backing .grants .sum span {
display: inline-block;
vertical-align: baseline;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
}
.skolkovo__backing .grants .sum:before {
content: "";
display: block;
position: absolute;
width: 31px;
height: 31px;
background: url(../img/sprite-skolkovo.png);
top: -2px;
left: 0px;
}
.skolkovo__backing .grants .sum.ru:before {
background-position: -528px -132px;
}
.skolkovo__backing .grants .sum.en:before {
background-position: -590px -45px;
}
.skolkovo__backing .grants p {
font-size: 13px;
line-height: 13px !important;
font-weight: 600;
padding-left: 1px;
}
.skolkovo__2020 {
padding: 6px 0px 8px;
}
.skolkovo__2020 .grey-box {
padding: 34px 0px 6px 38px;
}
.skolkovo__2020 li {
float: left;
position: relative;
}
.skolkovo__2020 li + li {
margin-left: 48px;
padding-top: 19px;
}
.skolkovo__2020 li + li:before {
content: "";
display: block;
position: absolute;
width: 23px;
height: 6px;
background: url(../img/sprite-skolkovo.png) -528px -163px;
top: 33px;
right: 100%;
margin-right: 13px;
}
.skolkovo__2020 li.sk {
width: 105px;
height: 75px;
background: url(../img/sprite-skolkovo.png);
}
.skolkovo__2020 li.sk.ru {
background-position: -423px 0px;
}
.skolkovo__2020 li.sk.en {
background-position: -423px -75px;
}
.skolkovo__2020 li strong {
display: inline-block;
vertical-align: top;
position: relative;
font-size: 35px;
line-height: 34px;
font-weight: 600;
letter-spacing: -1.5px;
color: #492b47;
}
.skolkovo__2020 li strong span {
display: block;
position: absolute;
bottom: 0;
left: 100%;
font-size: 12px;
line-height: 11px;
letter-spacing: 0;
text-transform: uppercase;
margin: 0px 0px 4px 5px;
}
.skolkovo__2020 li strong i {
display: inline-block;
vertical-align: top;
background: url(../img/sprite-skolkovo.png);
margin-right: 4px;
}
.skolkovo__2020 li strong i.microscope {
width: 29px;
height: 38px;
background-position: -423px -150px;
margin-top: -9px;
}
.skolkovo__2020 li strong i.sk {
width: 35px;
height: 30px;
background-position: -452px -155px;
}
.skolkovo__2020 li strong i.patent {
width: 24px;
height: 30px;
background-position: -487px -155px;
}
.skolkovo__2020 li strong i.profit {
width: 32px;
height: 32px;
}
.skolkovo__2020 li strong i.profit.ru {
background-position: -511px -169px;
}
.skolkovo__2020 li strong i.profit.en {
background-position: -590px -76px;
}
.skolkovo__2020 li p {
color: #492b47;
font-size: 13px;
line-height: 13px !important;
font-weight: normal;
padding-left: 1px;
padding: 2px 0px 0px 2px;
}
.skolkovo__2020 li:last-child p {
padding-left: 37px;
}
.bure__brands {
margin: -9px 0px 45px;
}
.bure__brands strong {
display: block;
text-align: center;
font-size: 17px;
line-height: 19px;
color: #492b47;
text-transform: uppercase;
padding-bottom: 13px;
}
.bure__brands .infographic {
width: 574px;
height: 463px;
background: url(../img/sprite-bure.png) 0px 0px;
margin: 0px 0px 66px 83px;
position: relative;
}
.bure__brands .infographic li {
position: absolute;
width: 73px;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.5px;
}
.bure__brands .infographic li.breguet {
top: 118px;
right: 46px;
}
.bure__brands .infographic li.bure {
top: 344px;
right: 49px;
}
.bure__brands .infographic li.moser {
top: 444px;
right: 252px;
}
.bure__brands .infographic li.patek {
top: 345px;
left: 43px;
}
.bure__brands .infographic li.tissot {
top: 118px;
left: 29px;
}
.bure__part {
margin-bottom: 104px;
}
.bure__part strong {
display: block;
text-align: center;
font-size: 17px;
line-height: 19px;
color: #492b47;
text-transform: uppercase;
padding-bottom: 49px;
}
.bure__part .infographic {
padding: 0px 0px 34px 75px;
}
.bure__part .infographic .emblem {
width: 230px;
height: 174px;
background: url(../img/sprite-bure.png) -574px 0px;
float: left;
}
.bure__part .infographic .chart {
width: 202px;
height: 194px;
background: url(../img/sprite-bure.png) -574px -174px;
float: left;
margin-left: 30px;
position: relative;
}
.bure__part .infographic .chart li {
position: absolute;
color: #4a2a48;
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
.bure__part .infographic .chart li.chart-bure {
top: 157px;
left: 190px;
}
.bure__part .infographic .chart li.chart-tissot {
top: -17px;
right: 138px;
}
.bure__part .infographic .chart li.chart-moser {
top: 70px;
right: 203px;
}
.bure__part .infographic .legend {
float: left;
font-size: 14px;
line-height: 17px;
font-weight: 600;
padding: 72px 0px 0px 26px;
}
.bure__part .infographic .legend i {
display: inline-block;
vertical-align: middle;
margin: -1px 7px 0px 0px;
width: 16px;
height: 5px;
background: url(../img/sprite-bure.png);
}
.bure__part .infographic .legend i.legend-bure {
background-position: -574px -368px;
}
.bure__part .infographic .legend i.legend-tissot {
background-position: -590px -368px;
}
.bure__part .infographic .legend i.legend-moser {
background-position: -606px -368px;
}
.bure__market {
padding-bottom: 34px;
}
.bure__market .grey-box {
padding: 37px 10px 13px 38px;
margin-bottom: 75px;
}
.bure__market .infographic {
float: left;
width: 380px;
margin-bottom: 0 !important;
}
.bure__market .infographic .watches {
float: left;
width: 202px;
height: 1px;
position: relative;
margin: 0px 10px 0px 13px;
}
.bure__market .infographic .watches:before {
content: "";
top: -111px;
left: 0;
display: block;
position: absolute;
width: 202px;
height: 240px;
background: url(../img/sprite-bure.png) -574px -373px;
}
.bure__market .infographic p {
float: left;
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
}
.bure__market .infographic p b {
display: block;
font-size: 39px;
line-height: 36px;
color: #4a2a48;
}
.bure__market .text {
float: left;
width: 350px;
padding: 10px 0px 0px 14px;
}
.adverfi__timeline {
padding-bottom: 12px;
}
.adverfi__timeline .infographic {
width: 661px;
height: 266px;
background: url(../img/sprite-adverfi.png);
margin: 0px 0px 45px 44px;
}
.adverfi__timeline .infographic ul {
padding: 0px 35px 0px 17px;
}
.adverfi__timeline .infographic li {
float: left;
text-align: center;
width: 70px;
white-space: nowrap;
padding: 112px 0px 0px 0px;
}
.adverfi__timeline .infographic li + li {
float: right;
}
.adverfi__timeline .infographic .day {
color: #fff;
font-weight: bold;
font-size: 30px;
line-height: 30px;
padding-bottom: 13px;
letter-spacing: -.75px;
}
.adverfi__timeline .infographic .month {
color: #492b47;
font-weight: bold;
font-size: 15px;
line-height: 16px;
text-transform: uppercase;
}
.adverfi__timeline .infographic .year {
color: #492b47;
font-weight: bold;
font-size: 30px;
line-height: 30px;
letter-spacing: -.75px;
padding-bottom: 11px;
}
.adverfi__timeline .infographic p {
font-weight: 600;
font-size: 14px;
line-height: 14px !important;
text-align: left;
padding-left: 1px;
}
.adverfi__timeline .grey-box {
padding: 31px 54px 3px;
}
.adverfi__built {
padding-bottom: 19px;
}
.adverfi__built .infographic {
padding: 0px 0px 65px 119px;
}
.adverfi__built .infographic .pic {
width: 271px;
height: 171px;
background: url(../img/sprite-adverfi.png) 0px -266px;
position: relative;
float: left;
}
.adverfi__built .infographic .pic .period {
text-align: center;
position: absolute;
left: 0;
top: -19px;
color: #492b47;
font-weight: bold;
font-size: 30px;
line-height: 30px;
width: 170px;
margin-left: 10px;
}
.adverfi__built .infographic .pic .period span {
display: block;
font-size: 14px;
line-height: 10px;
text-transform: uppercase;
}
.adverfi__built .infographic .pic .ships {
text-align: center;
position: absolute;
width: 170px;
position: absolute;
bottom: -41px;
left: 10px;
}
.adverfi__built .infographic .pic .ships b {
display: inline-block;
vertical-align: top;
color: #fff;
background-color: #4a2a48;
border-radius: 3px;
position: relative;
font-size: 26px;
line-height: 28px;
padding: 4px 6px;
}
.adverfi__built .infographic .pic .ships b:before {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 12px;
background: url(../img/sprite-adverfi.png) 0px -437px;
width: 18px;
height: 9px;
}
.adverfi__built .infographic .pic .ships span {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 600;
padding-top: 7px;
}
.adverfi__built .infographic p {
float: left;
font-size: 14px;
line-height: 14px !important;
padding: 75px 0px 0px 13px;
}
.adverfi__built > .clr p {
margin-bottom: 20px;
}
.adverfi__ships {
padding-bottom: 7px;
}
.adverfi__ships .infographic {
padding-bottom: 25px;
}
.adverfi__ships .infographic strong {
display: block;
padding-bottom: 22px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
color: #492b47;
}
.adverfi__ships .infographic ul {
overflow: hidden;
}
.adverfi__ships .infographic li {
float: left;
}
.adverfi__ships .infographic li + li {
padding-left: 38px;
}
.adverfi__ships .infographic li .icon {
height: 120px;
padding-bottom: 1px;
}
.adverfi__ships .infographic li .icon i {
display: block;
position: relative;
background: url(../img/sprite-adverfi.png);
}
.adverfi__ships .infographic li .icon i.line {
width: 128px;
height: 115px;
background-position: -271px -266px;
margin-left: 1px;
}
.adverfi__ships .infographic li .icon i.bomb {
width: 146px;
height: 114px;
background-position: -399px -266px;
margin-left: -12px;
top: -1px;
}
.adverfi__ships .infographic li .icon i.frigates {
width: 122px;
height: 106px;
background-position: -545px -266px;
margin-left: -5px;
top: 4px;
}
.adverfi__ships .infographic li .icon i.galleys {
width: 133px;
height: 91px;
background-position: -667px -266px;
margin-left: 3px;
top: 16px;
}
.adverfi__ships .infographic li .icon i.prams {
width: 43px;
height: 54px;
background-position: -562px -372px;
margin-left: 14px;
top: 45px;
}
.adverfi__ships .infographic li b {
display: block;
font-size: 30px;
line-height: 34px;
color: #492b47;
padding-left: 11px;
}
.adverfi__ships .infographic li p {
font-weight: 600;
font-size: 14px;
line-height: 14px !important;
padding-left: 11px;
}
.adverfi__submarine {
padding-bottom: 16px;
}
.adverfi__submarine .grey-box {
padding: 25px 30px 31px 98px;
margin-bottom: 55px;
}
.adverfi__submarine .pic {
float: left;
width: 291px;
height: 124px;
background: url(../img/sprite-adverfi.png) -271px -381px;
position: relative;
}
.adverfi__submarine .pic .stat {
position: absolute;
top: 17px;
left: -37px;
}
.adverfi__submarine .pic .count {
border-radius: 50%;
background-color: rgba(204, 64, 95, .9);
text-align: center;
width: 66px;
height: 66px;
line-height: 66px;
font-weight: 600;
font-size: 29px;
color: #fff;
letter-spacing: -1px;
margin-bottom: 11px;
}
.adverfi__submarine .pic p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
}
.adverfi__submarine .text {
width: 330px;
float: left;
padding: 25px 0px 0px 39px;
}
.adverfi__submarine > .clr p {
margin-bottom: 20px;
}
.adverfi__economy {
padding-bottom: 20px;
}
.adverfi__economy .grey-box {
padding: 32px 0px 18px 62px;
}
.adverfi__economy .text {
float: left;
width: 350px;
padding-top: 20px;
}
.adverfi__economy .place {
width: 234px;
height: 136px;
background: url(../img/sprite-adverfi.png) -605px -372px;
float: left;
margin-left: 100px;
position: relative;
}
.adverfi__economy .place .gdp {
position: absolute;
top: 16px;
left: -60px;
}
.adverfi__economy .place .gdp b {
display: block;
font-size: 66px;
line-height: 62px;
color: #492b47;
letter-spacing: -3px;
}
.adverfi__economy .place .gdp p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
padding-left: 5px;
}
.adverfi__economy .place .point {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
padding: 72px 0px 0px 137px;
}
.rgb__stats {
margin-bottom: 51px;
}
.rgb__stats .infographic {
overflow: hidden;
position: relative;
margin: -2px 0px 32px 41px;
}
.rgb__stats .infographic .man {
float: left;
width: 194px;
}
.rgb__stats .infographic .man i {
display: block;
width: 161px;
height: 183px;
background: url(../img/sprite-rgb.png) 0px 0px;
}
.rgb__stats .infographic .man p {
font-size: 14px;
line-height: 14px;
font-weight: 600;
padding: 12px 0px 0px 21px;
}
.rgb__stats .infographic ul {
padding-top: 45px;
}
.rgb__stats .infographic li {
float: left;
border-right: 2px solid #eeecee;
padding-right: 56px;
margin-right: 36px;
}
.rgb__stats .infographic li:last-child {
border-width: 0;
}
.rgb__stats .infographic li .value b {
display: block;
font-size: 35px;
line-height: 26px;
color: #4a2a48;
letter-spacing: -0.75px;
}
.rgb__stats .infographic li .value p {
font-size: 15px;
line-height: 14px !important;
margin-bottom: 16px;
}
.rgb__stats .infographic li .tip {
position: relative;
display: inline-block;
vertical-align: top;
}
.rgb__stats .infographic li .tip p {
font-size: 16px;
line-height: 17px;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
}
.rgb__stats .infographic li .tip .icon {
width: 86px;
height: 51px;
background: url(../img/sprite-rgb.png) 0px -567px;
position: absolute;
left: 100%;
top: 0;
margin: -9px 0px 0px 9px;
}
.rgb__stats .infographic .source {
font-size: 12px;
line-height: 16px;
color: #a0a0a0;
position: absolute;
right: 40px;
bottom: 18px;
}
.rgb__today {
margin-bottom: 39px;
}
.rgb__today .infographic {
margin-bottom: 26px;
}
.rgb__today .infographic li {
float: left;
margin-left: 20px;
}
.rgb__today .infographic li .icon {
height: 137px;
height: 137px;
position: relative;
margin-bottom: 20px;
}
.rgb__today .infographic li .icon > span {
position: absolute;
background: url(../img/sprite-rgb.png);
top: 0;
}
.rgb__today .infographic li p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
}
.rgb__today .infographic li.space {
width: 242px;
}
.rgb__today .infographic li.space .icon > span {
width: 214px;
height: 137px;
background-position: 0px -353px;
left: -6px;
}
.rgb__today .infographic li.space .icon > span b {
color: #cc415f;
font-weight: bold;
font-size: 45px;
line-height: 46px;
position: absolute;
display: block;
left: 143px;
bottom: -5px;
}
.rgb__today .infographic li.length {
width: 200px;
}
.rgb__today .infographic li.length .icon > span {
width: 185px;
height: 146px;
background-position: -214px -353px;
left: -15px;
}
.rgb__today .infographic li.length .icon > span b {
color: #cc415f;
font-weight: bold;
font-size: 22px;
line-height: 22px;
position: absolute;
display: block;
left: 94px;
bottom: 20px;
white-space: nowrap;
transform: rotate(329deg) scale(0.9) skew(38deg) translate(0px);
-webkit-transform: rotate(329deg) scale(0.9) skew(38deg) translate(0px);
-moz-transform: rotate(329deg) scale(0.9) skew(38deg) translate(0px);
-o-transform: rotate(329deg) scale(0.9) skew(38deg) translate(0px);
-ms-transform: rotate(329deg) scale(0.9) skew(38deg) translate(0px);
}
.rgb__today .infographic li.life {
width: 250px;
}
.rgb__today .infographic li.life .icon > span {
width: 144px;
height: 136px;
background-position: -399px -353px;
left: 9px;
}
.rgb__today .infographic li.life .icon > span b {
color: #cc415f;
font-weight: bold;
font-size: 39px;
line-height: 34px;
position: absolute;
display: block;
left: 95px;
bottom: 14px;
text-align: center;
}
.rgb__today .infographic li.life .icon > span b span {
display: block;
color: #a9364b;
font-size: 17px;
line-height: 12px;
}
.rgb__guests ul {
overflow: hidden;
margin: 0px 0px 62px 137px;
}
.rgb__guests li {
float: left;
min-width: 259px;
}
.rgb__guests li .stat {
float: left;
}
.rgb__guests li .stat .icon {
background: url(../img/sprite-rgb.png) -86px -567px;
height: 44px;
margin: 0px 0px 9px 2px;
}
.rgb__guests li .stat .icon.three {
width: 60px;
}
.rgb__guests li .stat .icon.six {
width: 119px;
}
.rgb__guests li .stat p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
padding-left: 2px;
margin-bottom: 12px !important;
}
.rgb__guests li .stat p b {
color: #492b47;
font-size: 34px;
line-height: 28px;
display: block;
}
.rgb__guests li .stat .year {
width: 87px;
height: 26px;
background: url(../img/sprite-rgb.png) -205px -594px;
text-align: center;
line-height: 26px;
color: #fff;
font-size: 14px;
font-weight: 600;
}
.rgb__guests li .tip {
float: left;
padding: 32px 0px 0px 17px;
}
.rgb__guests li .tip i {
display: block;
width: 38px;
height: 27px;
background: url(../img/sprite-rgb.png) -205px -567px;
margin-bottom: 5px;
}
.rgb__guests li .tip p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
}
.rgb__members {
margin-bottom: 29px;
}
.rgb__members ul {
text-align: center;
padding: 16px 0px 30px;
margin-left: -7px;
}
.rgb__members li {
display: inline-block;
vertical-align: top;
width: 152px;
margin: 1px 18px 0px;
}
.rgb__members li .icon {
width: 152px;
height: 152px;
position: relative;
}
.rgb__members li .icon i {
display: block;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background: url(../img/sprite-rgb.png);
}
.rgb__members li .icon.tolstoy i {
height: 164px;
background-position: -161px 0px;
}
.rgb__members li .icon.dostoevsky i {
height: 166px;
background-position: -313px 0px;
}
.rgb__members li .icon.chehov i {
height: 169px;
background-position: -465px 0px;
}
.rgb__members li .icon.korolenko i {
height: 170px;
background-position: 0px -183px;
}
.rgb__members li .icon.timiryazev i {
height: 163px;
background-position: -152px -183px;
}
.rgb__members li .icon.mendeleev i {
width: 154px;
height: 164px;
background-position: -304px -183px;
margin: 0px -1px;
}
.rgb__members li .icon.ciolkovsky i {
height: 166px;
background-position: -458px -183px;
}
.rgb__members li p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
padding-top: 9px;
}
.rgb__contracts {
margin: 28px 0px 0px;
}
.rgb__contracts .infographic ul {
overflow: hidden;
padding: 0px 0px 30px 9px;
}
.rgb__contracts .infographic li {
float: left;
width: 130px;
padding-left: 17px;
}
.rgb__contracts .infographic li .icon {
height: 75px;
position: relative;
}
.rgb__contracts .infographic li .icon i {
display: block;
position: absolute;
background: url(../img/sprite-rgb.png);
}
.rgb__contracts .infographic li .icon i.bae {
width: 69px;
height: 69px;
background-position: 0px -490px;
left: 1px;
bottom: 1px;
}
.rgb__contracts .infographic li .icon i.unesco {
width: 95px;
height: 71px;
background-position: -69px -490px;
left: -14px;
bottom: -1px;
}
.rgb__contracts .infographic li .icon i.ifla {
width: 62px;
height: 66px;
background-position: -164px -499px;
left: -1px;
bottom: 0;
}
.rgb__contracts .infographic li .icon i.iso {
width: 83px;
height: 68px;
background-position: -226px -499px;
left: 4px;
bottom: 1px;
}
.rgb__contracts .infographic li b {
display: block;
color: #492b47;
font-size: 19px;
line-height: 20px;
font-weight: 600;
padding: 11px 0px 0px 3px;
}
.rgb__contracts .infographic li p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
padding-top: 20px;
}
.rgb__contracts .grey-box {
padding: 28px 32px 12px;
margin-bottom: 34px;
}
.rgb__daily {
margin-bottom: 59px;
}
.rgb__daily ul {
overflow: hidden;
margin-left: 103px;
}
.rgb__daily li {
float: left;
width: 295px;
}
.rgb__daily li .icon {
width: 116px;
height: 116px;
background-image: url(../img/sprite-rgb.png);
margin-bottom: -28px;
}
.rgb__daily li .icon.new {
background-position: -309px -499px;
}
.rgb__daily li .icon.members {
background-position: -425px -489px;
}
.rgb__daily li p {
font-size: 14px;
line-height: 17px !important;
font-weight: 600;
padding: 9px 0px 0px 20px;
margin-bottom: 0 !important;
}
.rgb__daily li p b {
display: block;
color: #492b47;
font-size: 42px;
line-height: 35px;
}
.sambo__about .clr {
margin-bottom: 21px !important;
}
.sambo__about .infographic {
background: url(../img/sprite-sambo.png) 0px 0px;
width: 610px;
height: 275px;
margin: 2px 0px 54px 84px;
}
.sambo__about .infographic .birthday {
float: left;
text-align: center;
width: 74px;
padding-top: 84px;
}
.sambo__about .infographic .birthday .day {
color: #fff;
font-size: 41px;
line-height: 42px;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 13px;
}
.sambo__about .infographic .birthday .month {
color: #492b47;
font-size: 20px;
line-height: 20px;
font-weight: 600;
}
.sambo__about .infographic .birthday .year {
color: #492b47;
font-size: 27px;
line-height: 24px;
font-weight: bold;
letter-spacing: -1px;
text-indent: -4px;
}
.sambo__about .infographic dl {
float: left;
width: 120px;
padding: 74px 0px 0px 308px;
}
.sambo__about .infographic dt {
font-weight: bold;
font-size: 14px;
line-height: 15px;
padding-bottom: 12px;
}
.sambo__about .infographic dd {
font-weight: 600;
font-size: 14px;
line-height: 15px;
padding-left: 1px;
}
.sambo__roots .clr {
margin-bottom: 3px !important;
}
.sambo__roots .infographic {
background: url(../img/sprite-sambo.png) 0px -275px;
width: 715px;
height: 483px;
margin: -5px 0px 40px 12px;
}
.sambo__roots .infographic ul {
text-align: center;
padding: 112px 0px 0px 10px;
}
.sambo__roots .infographic li {
display: inline-block;
vertical-align: top;
width: 110px;
height: 150px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
letter-spacing: -0.5px;
}
.sambo__roots .infographic li:nth-child(1) {
padding-right: 21px;
}
.sambo__roots .infographic li:nth-child(2) {
padding-right: 12px;
}
.sambo__roots .infographic li:nth-child(3) {
padding-right: 8px;
}
.sambo__roots .infographic li:nth-child(4) {
padding-right: 28px;
}
.sambo__roots .infographic li:nth-child(5) {
padding-right: 34px;
width: 80px;
}
.sambo__roots .infographic li:nth-child(6) {
width: 80px;
}
.sambo__roots .infographic li:nth-child(7) {
margin-left: -3px;
padding-right: 7px;
}
.sambo__roots .infographic li:nth-child(8) {
padding-right: 9px;
}
.sambo__roots .infographic li:nth-child(9) {
padding-right: 4px;
}
.sambo__roots .infographic li:nth-child(10) {
padding-right: 8px;
}
.sambo__evolution .infographic {
background: url(../img/sprite-sambo.png) 0px -758px;
width: 574px;
height: 154px;
margin-left: 74px;
margin-bottom: 84px;
}
.sambo__evolution .infographic ul {
width: 700px;
}
.sambo__evolution .infographic li {
float: left;
text-align: center;
}
.sambo__evolution .infographic li .year {
width: 86px;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
margin-bottom: 10px;
}
.sambo__evolution .infographic li p {
font-size: 14px;
line-height: 17px !important;
font-weight: 600;
text-align: left;
}
.sambo__evolution .infographic li.origin {
width: 120px;
padding: 128px 85px 0px 5px;
}
.sambo__evolution .infographic li.origin p {
margin-left: -6px;
}
.sambo__evolution .infographic li.naming {
padding: 75px 90px 0px 0px;
width: 150px;
}
.sambo__evolution .infographic li.naming .emblem {
padding-bottom: 4px;
width: 130px;
}
.sambo__evolution .infographic li.naming .emblem i {
background: url(../img/sprite-sambo.png);
width: 98px;
height: 21px;
display: inline-block;
vertical-align: top;
margin: 0px 0px 4px 6px;
}
.sambo__evolution .infographic li.naming .emblem i.ru {
background-position: -574px -758px;
}
.sambo__evolution .infographic li.naming .emblem i.en {
background-position: -574px -779px;
}
.sambo__evolution .infographic li.naming .emblem b {
display: inline-block;
vertical-align: top;
width: 107px;
position: relative;
letter-spacing: -1px;
}
.sambo__evolution .infographic li.naming .emblem b:before {
content: "";
display: block;
width: 100%;
border-bottom: 1px solid #a6a6a6;
border-top: 1px solid #d8d8d8;
position: absolute;
top: 12px;
left: 0;
}
.sambo__evolution .infographic li.naming .emblem b span {
display: inline-block;
vertical-align: top;
background-color: #fff;
padding: 0px 7px;
color: #492b47;
font-size: 23px;
line-height: 24px;
position: relative;
z-index: 2;
}
.sambo__evolution .infographic li.naming .year {
margin-left: 22px;
}
.sambo__evolution .infographic li.naming p {
margin-left: 9px;
}
.sambo__evolution .infographic li.expo {
padding: 128px 0px 0px 0px;
width: 170px;
}
.sambo__evolution .infographic li.expo p {
margin-left: -2px;
}
.sambo__evolution .clr + .clr {
margin-bottom: 13px !important;
}
.sambo__sections .infographic {
background: url(../img/sprite-sambo.png) 0px -912px;
width: 749px;
height: 326px;
margin: 0px 0px 58px -1px;
position: relative;
}
.sambo__sections .infographic .dinamo {
float: left;
font-size: 18px;
line-height: 18px;
font-weight: 600;
width: 300px;
padding-top: 118px;
}
.sambo__sections .infographic li {
position: absolute;
font-weight: 600;
font-size: 14px;
line-height: 14px;
}
.sambo__sections .infographic li span {
display: block;
font-size: 11px;
color: #838383;
}
.sambo__sections .infographic li.spb {
top: 122px;
left: 305px;
}
.sambo__sections .infographic li.s {
top: 149px;
left: 588px;
}
.sambo__sections .infographic li.ekb {
top: 196px;
left: 448px;
}
.sambo__sections .infographic li.ekb span {
padding-left: 3px;
}
.sambo__sections .infographic li.ua {
top: 213px;
left: 146px;
}
.sambo__sections .infographic li.rnd {
top: 229px;
left: 248px;
}
.sambo__sections .infographic li.k {
top: 281px;
left: 261px;
}
.sambo__complex {
padding-bottom: 32px;
}
.sambo__complex .infographic {
overflow: hidden;
margin-bottom: 32px;
}
.sambo__complex .infographic .year {
float: left;
padding: 45px 0px 0px 98px;
}
.sambo__complex .infographic .year .icon {
background: url(../img/sprite-sambo.png) -610px -143px;
width: 74px;
height: 68px;
color: #fff;
font-weight: bold;
font-size: 27px;
line-height: 66px;
text-align: center;
letter-spacing: -1px;
float: left;
}
.sambo__complex .infographic .year p {
float: left;
font-size: 17px;
line-height: 21px;
width: 230px;
font-weight: 600;
padding: 8px 0px 0px 19px;
}
.sambo__complex .infographic .medal .icon {
background: url(../img/sprite-sambo.png) -610px 0px;
width: 128px;
height: 143px;
float: left;
margin-top: -2px;
}
.sambo__complex .infographic .medal p {
float: left;
font-size: 13px;
line-height: 16px;
font-weight: 600;
padding: 61px 0px 0px 4px;
}
.sambo__championships {
margin-bottom: 28px;
}
.sambo__championships .table {
margin: 0px 6px 52px 5px;
}
.sambo__championships .thead {
margin-bottom: 0 !important;
}
.sambo__championships .thead .legend {
float: left;
width: 294px;
padding-left: 6px;
font-size: 20px;
line-height: 22px;
font-weight: 600;
margin-top: -17px;
}
.sambo__championships .thead .legend span {
font-size: 15px;
}
.sambo__championships .thead .medal {
float: left;
width: 84px;
height: 44px;
margin-right: 35px;
background-color: #f4f4f4;
border-radius: 5px 5px 0px 0px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-align: center;
}
.sambo__championships .thead .medal p {
display: block;
margin: 0;
padding: 0;
line-height: 14px !important;
}
.sambo__championships .thead .medal .icon {
display: inline-block;
vertical-align: top;
background: url(../img/sprite-sambo.png);
width: 36px;
height: 38px;
margin: -28px 0px 0px;
}
.sambo__championships .thead .medal .icon.gold {
background-position: -610px -211px;
}
.sambo__championships .thead .medal .icon.silver {
background-position: -646px -211px;
}
.sambo__championships .thead .medal .icon.bronze {
background-position: -682px -211px;
}
.sambo__championships .thead .total {
float: left;
width: 83px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
margin: -14px 0px 0px 6px;
}
.sambo__championships .tbody {
border-top: 1px solid #c8c8c8;
line-height: 42px;
overflow: hidden;
}
.sambo__championships .tbody .country {
float: left;
min-height: 18px;
font-weight: 600;
font-size: 15px;
padding-left: 19px;
width: 281px;
}
.sambo__championships .tbody .digit {
float: left;
min-height: 18px;
font-weight: 600;
font-size: 22px;
text-align: center;
}
.sambo__championships .tbody .medal {
width: 84px;
background-color: #f4f4f4;
margin-right: 35px;
}
.sambo__championships .tbody .total {
width: 64px;
}
.sambo__championships .tbody:last-child .medal {
border-radius: 0px 0px 5px 5px;
}
.sambo__stats {
margin-bottom: 66px;
}
.sambo__stats .infographic {
float: left;
background: url(../img/sprite-sambo.png) 0px -1239px;
width: 344px;
height: 198px;
margin-left: 79px;
}
.sambo__stats .infographic .time {
float: left;
text-align: center;
width: 74px;
padding: 144px 0px 0px 19px;
}
.sambo__stats .infographic .time b {
display: block;
color: #fff;
font-weight: 600;
font-size: 41px;
line-height: 40px;
letter-spacing: -2px;
padding-bottom: 6px;
}
.sambo__stats .infographic .time p {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #492b47;
}
.sambo__stats .infographic .people {
float: left;
width: 160px;
text-align: center;
padding: 170px 0px 0px 55px;
}
.sambo__stats .infographic .people b {
display: block;
font-size: 35px;
line-height: 30px;
color: #492b47;
letter-spacing: -1px;
}
.sambo__stats .infographic .people p {
font-size: 14px;
line-height: 12px !important;
font-weight: 600;
}
.sambo__stats ul {
float: left;
width: 300px;
padding-top: 8px;
}
.sambo__stats li {
margin-bottom: 10px;
}
.sambo__stats li b {
display: inline-block;
vertical-align: middle;
width: 33px;
height: 33px;
background-color: #492b47;
text-align: center;
color: #fff;
line-height: 32px;
font-weight: 600;
border-radius: 50%;
}
.sambo__stats li b.length-1 {
font-size: 23px;
}
.sambo__stats li b.length-2 {
font-size: 21px;
}
.sambo__stats li b.length-3 {
font-size: 16px;
}
.sambo__stats li span {
display: inline-block;
vertical-align: middle;
line-height: 14px;
font-size: 14px;
font-weight: 600;
padding-left: 5px;
}
.balletrusse__seasons .infographic {
overflow: hidden;
margin: 27px 0px 49px -13px;
}
.balletrusse__seasons .infographic .image {
float: left;
width: 500px;
height: 364px;
background: url("../img/sprite-balletrusse.png");
}
.balletrusse__seasons .infographic .info {
float: left;
width: 184px;
margin: 44px 0px 0px 18px;
}
.balletrusse__seasons .infographic .round {
width: 184px;
height: 184px;
background: url("../img/sprite-balletrusse.png") -932px -475px;
text-align: center;
margin-bottom: 13px;
}
.balletrusse__seasons .infographic .round .seasons {
color: #4a2a48;
font-size: 48px;
line-height: 28px;
font-weight: bold;
padding: 31px 0px 6px;
}
.balletrusse__seasons .infographic .round .seasons span {
display: block;
font-size: 34px;
line-height: 28px;
}
.balletrusse__seasons .infographic .round .period {
display: inline-block;
vertical-align: top;
margin-left: 5px;
width: 126px;
height: 26px;
background: url("../img/sprite-balletrusse.png") 0px -364px;
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 26px;
color: #fff;
}
.balletrusse__seasons .infographic .round .ballets {
font-size: 23px;
line-height: 24px;
font-weight: 600;
padding-top: 6px;
}
.balletrusse__seasons .infographic .info p {
font-size: 13px;
line-height: 16px !important;
font-weight: 600;
margin-bottom: 0;
padding-left: 16px;
}
.balletrusse__artists .list {
text-align: center;
margin: 43px -20px 59px;
position: relative;
left: -22px;
}
.balletrusse__artists .list li {
display: inline-block;
vertical-align: top;
width: 164px;
white-space: nowrap;
margin: 0px 11px -11px;
}
.balletrusse__artists .list li p {
font-weight: 600;
font-size: 14px;
line-height: 20px !important;
margin-bottom: 0;
}
.balletrusse__artists .list li .photo {
height: 164px;
position: relative;
}
.balletrusse__artists .list li .photo:before {
content: "";
display: block;
position: absolute;
bottom: 6px;
width: 152px;
left: 50%;
margin-left: -76px;
background-image: url("../img/sprite-balletrusse.png");
}
.balletrusse__artists .list li .photo.bakst:before {
background-position: -664px 0px;
height: 161px;
}
.balletrusse__artists .list li .photo.benua:before {
background-position: -816px 0px;
height: 157px;
}
.balletrusse__artists .list li .photo.picasso:before {
background-position: -968px 0px;
height: 160px;
}
.balletrusse__artists .list li .photo.deren:before {
background-position: -500px -164px;
height: 160px;
}
.balletrusse__artists .list li .photo.chanel:before {
background-position: -652px -161px;
height: 157px;
}
.balletrusse__artists .list li .photo.matiss:before {
background-position: -804px -157px;
height: 158px;
}
.balletrusse__artists .list li.text {
height: 164px;
text-align: left;
background: url("../img/sprite-balletrusse.png") -500px 0px;
white-space: normal;
}
.balletrusse__artists .list li.text:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.balletrusse__artists .list li.text p {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1.2em !important;
font-weight: 600;
margin-bottom: 0;
padding: 0px 10px 0px 30px;
}
.balletrusse__talents {
margin: 47px 0px;
}
.balletrusse__talents .head {
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #492b47;
font-size: 19px;
line-height: 20px;
}
.balletrusse__talents .list {
text-align: center;
margin: 45px -20px 20px;
position: relative;
left: -8px;
}
.balletrusse__talents .list li {
display: inline-block;
vertical-align: top;
width: 164px;
white-space: nowrap;
margin: 0px 9px;
}
.balletrusse__talents .list li p {
font-weight: 600;
font-size: 14px;
line-height: 24px !important;
margin-bottom: 0;
}
.balletrusse__talents .list li .photo {
height: 164px;
position: relative;
}
.balletrusse__talents .list li .photo:before {
content: "";
display: block;
position: absolute;
bottom: 6px;
width: 152px;
left: 50%;
margin-left: -76px;
background-image: url("../img/sprite-balletrusse.png");
}
.balletrusse__talents .list li .photo.bakst:before {
background-position: -956px -160px;
height: 155px;
}
.balletrusse__talents .list li .photo.cocto:before {
background-position: -804px -315px;
height: 160px;
}
.balletrusse__talents .list li .photo.sati:before {
background-position: -500px -324px;
height: 163px;
}
.balletrusse__talents .list li .photo.stravinsky:before {
background-position: -652px -318px;
height: 156px;
}
.balletrusse__talents .grey-box {
margin: 0px -21px 0px -37px;
padding: 22px 36px 7px;
}
.balletrusse__bakst .infographic {
overflow: hidden;
margin: 51px 0px 47px 60px;
}
.balletrusse__bakst .infographic .frame {
float: left;
text-align: center;
}
.balletrusse__bakst .infographic .frame i {
display: block;
width: 259px;
height: 376px;
background: url("../img/sprite-balletrusse.png") -673px -475px;
}
.balletrusse__bakst .infographic .frame p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
margin-bottom: 0;
}
.balletrusse__bakst .infographic .info {
float: left;
width: 335px;
margin: 93px 0px 0px 45px;
}
.balletrusse__bakst .infographic .info .quote {
border: 1px solid #d7d7d7;
border-radius: 7px;
position: relative;
padding: 26px 22px 27px;
font-size: 16px;
font-weight: 600;
line-height: 1.2em;
}
.balletrusse__bakst .infographic .info .quote:before {
content: "";
display: block;
width: 9px;
height: 19px;
background: url("../img/sprite-balletrusse.png") -9px -390px;
position: absolute;
right: 100%;
top: 50%;
margin-top: -13px;
}
.balletrusse__bakst .infographic .info .quote:after {
content: "";
display: block;
width: 52px;
height: 43px;
background: url("../img/sprite-balletrusse.png") -126px -364px;
position: absolute;
top: -28px;
left: 23px;
}
.balletrusse__bakst .infographic .info em {
display: block;
font-size: 14px;
line-height: 14px;
font-style: italic;
font-weight: 500;
padding: 25px 0px 0px 29px;
}
.balletrusse__wedding {
padding-bottom: 50px;
}
.balletrusse__wedding .infographic {
position: relative;
margin: 45px 68px 38px 0px !important;
}
.balletrusse__wedding .infographic .dress {
width: 416px;
height: 408px;
background: url("../img/sprite-balletrusse.png") -257px -487px;
float: right;
}
.balletrusse__wedding .infographic .photo {
width: 253px;
height: 311px;
background: url("../img/sprite-balletrusse.png") 0px -409px;
position: absolute;
top: -4px;
left: 16px;
z-index: 2;
}
.balletrusse__wedding .infographic .info {
position: absolute;
top: 104px;
left: 150px;
z-index: 1;
}
.balletrusse__wedding .infographic .info .text {
border: 1px solid #d7d7d7;
border-radius: 7px;
position: relative;
padding: 24px 12px 21px 140px;
width: 152px;
font-size: 16px;
font-weight: 600;
line-height: 1.2em;
}
.balletrusse__wedding .infographic .info .text:before {
content: "";
display: block;
width: 9px;
height: 19px;
background: url("../img/sprite-balletrusse.png") 0px -390px;
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
}
.balletrusse__wedding .infographic .info .reference {
font-size: 12px;
line-height: 14px;
padding: 14px 0px 0px 140px;
}
.faberge__brands {
padding: 4px 0px 9px;
}
.faberge__brands .start {
position: relative;
padding: 55px 0px 114px 200px;
text-align: center;
width: 166px;
margin: 35px 0px 0px 191px;
}
.faberge__brands .start:before {
content: "";
display: block;
position: absolute;
width: 194px;
height: 194px;
background: url("../img/sprite-faberge.png") 0px 0px;
top: 0;
left: 0;
}
.faberge__brands .start .year {
width: 120px;
border-bottom: 2px solid #beb8be;
display: inline-block;
vertical-align: top;
font-weight: 600;
color: #4a2a48;
font-size: 18px;
line-height: 18px;
padding-bottom: 9px;
margin-bottom: 9px;
}
.faberge__brands .start .year b {
display: block;
font-size: 38px;
line-height: 24px;
color: #cc415f;
}
.faberge__brands .start p {
font-weight: 600;
font-size: 15px;
line-height: 15px !important;
}
.faberge__brands .list {
position: relative;
height: 7px;
width: 638px;
margin: 0px 0px 100px 60px;
}
.faberge__brands .list:before {
content: "";
width: 100%;
height: 1px;
background-color: #aca4ac;
border-top: 1px solid #e6e4e6;
border-bottom: 1px solid #cac5ca;
display: block;
position: absolute;
top: 2px;
left: 0;
}
.faberge__brands .list li {
width: 6px;
height: 7px;
border-radius: 50%;
background-color: #aca4ac;
position: relative;
z-index: 2;
float: left;
position: relative;
}
.faberge__brands .list li + li {
margin-left: 152px;
}
.faberge__brands .list li:before {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: 0;
background-image: url("../img/sprite-faberge.png");
}
.faberge__brands .list li.chaumet:before {
width: 122px;
height: 23px;
background-position: -194px 0px;
margin: 0px 0px 34px -61px;
}
.faberge__brands .list li.bolin:before {
width: 112px;
height: 29px;
background-position: -194px -23px;
margin: 0px 0px 25px -53px;
}
.faberge__brands .list li.mauboussin:before {
width: 105px;
height: 42px;
background-position: -194px -52px;
margin: 0px 0px 19px -47px;
}
.faberge__brands .list li.cartier:before {
width: 95px;
height: 64px;
background-position: -194px -94px;
margin: 0px 0px 23px -42px;
}
.faberge__brands .list li.boucheron:before {
width: 121px;
height: 59px;
background-position: -194px -158px;
margin: 0px 0px 23px -57px;
}
.faberge__brands .list span {
display: block;
text-align: center;
width: 70px;
font-size: 13px;
line-height: 13px;
color: #0c0c0c;
position: absolute;
top: 21px;
left: 50%;
margin-left: -35px;
}
.faberge__branches .map {
background: url("../img/sprite-faberge.png") -316px 0px;
width: 587px;
height: 445px;
position: relative;
margin: -41px 0px 54px 82px;
}
.faberge__branches .map li {
position: absolute;
padding-left: 22px;
font-size: 15px;
line-height: 15px;
font-weight: 600;
}
.faberge__branches .map li:before {
width: 19px;
height: 17px;
background: url("../img/sprite-faberge.png") 0px -194px;
display: block;
position: absolute;
top: -2px;
left: 0;
content: "";
}
.faberge__branches .map li.spb {
top: 151px;
left: 340px;
}
.faberge__branches .map li.msk {
top: 192px;
left: 386px;
}
.faberge__branches .map li.kyiv {
top: 261px;
left: 352px;
}
.faberge__branches .map li.odessa {
top: 307px;
left: 363px;
}
.faberge__branches .map li.ldn {
top: 233px;
left: 123px;
}
.faberge__date:after {
content: "";
display: table;
clear: both;
}
.faberge__date .name {
float: left;
width: 130px;
height: 171px;
background: url("../img/sprite-faberge.png") 0px -407px;
text-align: center;
}
.faberge__date .name .year {
display: inline-block;
vertical-align: top;
width: 89px;
border-bottom: 1px solid #aca4ac;
margin: 60px 0px 6px;
padding-bottom: 7px;
}
.faberge__date .name .year b {
color: #cc415f;
display: block;
font-size: 38px;
line-height: 28px;
}
.faberge__date .name .year span {
font-weight: 600;
color: #4a2a48;
font-size: 18px;
line-height: 14px;
display: block;
}
.faberge__date .name p {
position: relative;
left: 50%;
width: 200px;
margin-left: -100px;
}
.faberge__date .name p b {
display: block;
font-size: 21px;
line-height: 22px;
font-weight: 600;
}
.faberge__date .name p span {
font-weight: 600;
font-size: 14px;
line-height: 18px;
display: block;
}
.faberge__date .desc {
margin: 0px 0px 0px 220px;
width: 300px;
}
.faberge__date .desc > p {
font-weight: 600;
font-size: 15px;
line-height: 15px !important;
}
.faberge__date .image + .name {
float: right;
}
.faberge__date.date-1885 {
padding: 29px 0px 35px;
}
.faberge__date.date-1885 .name {
margin-left: 30px;
}
.faberge__date.date-1885 .desc {
padding-top: 30px;
}
.faberge__date.date-1885 .desc .prices {
overflow: hidden;
width: 150%;
}
.faberge__date.date-1885 .desc .prices li {
float: left;
}
.faberge__date.date-1885 .desc .prices li + li {
margin-left: 14px;
border-left: 1px solid #aca4ac;
padding-left: 20px;
}
.faberge__date.date-1885 .desc .prices p {
font-size: 14px;
line-height: 14px;
font-weight: 600;
margin-bottom: 1px;
}
.faberge__date.date-1885 .desc .prices .currency {
display: inline-block;
vertical-align: bottom;
width: 31px;
height: 31px;
background: url("../img/sprite-faberge.png") 0px -578px;
margin-right: 5px;
}
.faberge__date.date-1885 .desc .prices .sum {
display: inline-block;
vertical-align: bottom;
}
.faberge__date.date-1885 .desc .prices .sum b {
display: inline-block;
vertical-align: bottom;
font-size: 33px;
line-height: 34px;
color: #492b47;
letter-spacing: -1.5px;
position: relative;
top: 2px;
}
.faberge__date.date-1885 .desc .prices .sum span {
display: inline-block;
vertical-align: bottom;
font-weight: bold;
font-size: 11px;
line-height: 9px;
text-transform: uppercase;
color: #492b47;
margin-left: 4px;
position: relative;
top: -5px;
}
.faberge__date.date-1885 .image {
float: right;
width: 230px;
height: 190px;
background: url("../img/sprite-faberge.png") 0px -217px;
margin: 7px -3px 0px 0px;
}
.faberge__date.date-1902 {
background-color: #f5f5f5;
margin: 0px -32px 0px -27px;
padding: 0px 32px 32px 32px;
position: relative;
}
.faberge__date.date-1902 .name {
margin: 24px 34px 0px 0px;
}
.faberge__date.date-1902 .name p b {
font-size: 20px;
padding-top: 7px;
}
.faberge__date.date-1902 .desc {
padding-top: 51px;
}
.faberge__date.date-1902 .desc > p {
margin-bottom: 18px;
}
.faberge__date.date-1902 .image {
display: block;
position: absolute;
bottom: -57px;
left: 72px;
width: 108px;
height: 300px;
background: url("../img/sprite-faberge.png") -903px 0px;
}
.faberge__date.date-1902 .price p {
font-size: 14px;
line-height: 14px;
font-weight: 600;
display: inline-block;
vertical-align: bottom;
margin-bottom: 0;
padding-right: 31px;
}
.faberge__date.date-1902 .price .currency {
display: inline-block;
vertical-align: bottom;
width: 40px;
height: 40px;
background: url("../img/sprite-faberge.png") -31px -578px;
margin-right: 5px;
position: relative;
top: -1px;
}
.faberge__date.date-1902 .price .sum {
display: inline-block;
vertical-align: bottom;
}
.faberge__date.date-1902 .price .sum b {
display: inline-block;
vertical-align: bottom;
font-size: 43px;
line-height: 48px;
color: #492b47;
letter-spacing: -1.5px;
position: relative;
top: 2px;
}
.faberge__date.date-1902 .price .sum span {
display: inline-block;
vertical-align: bottom;
font-weight: bold;
font-size: 14px;
line-height: 12px;
text-transform: uppercase;
color: #492b47;
margin-left: 6px;
position: relative;
top: -7px;
}
.faberge__date.date-1917 {
padding: 30px 0px 39px 3px;
}
.faberge__date.date-1917 .name {
margin: 21px 0px 0px 34px;
}
.faberge__date.date-1917 .desc {
padding-top: 50px;
}
.faberge__date.date-1917 .desc .price {
padding: 1px 0px 0px 4px;
}
.faberge__date.date-1917 .desc .price .icon {
display: inline-block;
vertical-align: top;
width: 31px;
height: 31px;
background: url("../img/sprite-faberge.png") 0px -609px;
margin-right: 5px;
}
.faberge__date.date-1917 .desc .price span {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 14px;
font-weight: 600;
padding-top: 1px;
}
.faberge__date.date-1917 .image {
float: right;
margin-right: 39px;
width: 135px;
height: 219px;
background: url("../img/sprite-faberge.png") -903px -300px;
}
.faberge__total {
padding-bottom: 46px;
}
.faberge__total .infographic {
width: 677px;
height: 247px;
background: url("../img/sprite-faberge.png") -130px -445px;
margin: 76px 0px 96px 38px;
text-align: justify;
}
.faberge__total .infographic ul:after {
content: "";
display: inline-block;
width: 100%;
}
.faberge__total .infographic li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 174px;
}
.faberge__total .infographic li.total {
margin-top: -46px;
}
.faberge__total .infographic li.total .count {
padding-bottom: 93px;
}
.faberge__total .infographic .count b {
font-weight: 600;
display: block;
font-size: 36px;
line-height: 32px;
color: #492b47;
}
.faberge__total .infographic .count span {
font-weight: 600;
display: block;
font-size: 14px;
line-height: 12px;
}
.faberge__total .infographic p {
font-weight: 600;
font-size: 14px;
line-height: 14px !important;
margin: 183px 0px 0px;
}
.faberge__total .grey-box {
margin: 0px -21px 0px -38px;
padding: 22px 38px 0px;
}
.faberge__location .infographic {
width: 716px;
height: 250px;
background: url("../img/sprite-faberge.png") 0px -692px;
margin: 21px 0px 76px 12px;
}
.faberge__location .infographic ul {
overflow: hidden;
margin: 0px -30px 0px -16px;
padding-top: 14px;
}
.faberge__location .infographic ul + ul .count {
padding-bottom: 28px;
}
.faberge__location .infographic li {
float: left;
width: 152px;
text-align: center;
padding-bottom: 27px;
}
.faberge__location .infographic .count {
padding-bottom: 49px;
}
.faberge__location .infographic .count b {
font-weight: 600;
display: block;
font-size: 36px;
line-height: 32px;
color: #492b47;
}
.faberge__location .infographic .count span {
font-weight: 600;
display: block;
font-size: 14px;
line-height: 12px;
}
.faberge__location .infographic p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
}
.faberge__another {
padding-bottom: 3px;
}
.faberge__another .infographic {
width: 748px;
height: 276px;
background: url("../img/sprite-faberge.png") 0px -942px;
margin: 43px 0px 76px 1px;
text-align: center;
}
.faberge__another .infographic b {
display: block;
font-size: 16px;
line-height: 17px;
text-transform: uppercase;
color: #492b47;
padding: 73px 0px 0px;
}
.faberge__another .infographic li {
width: 141px;
font-weight: 600;
font-size: 14px;
line-height: 14px;
float: left;
}
.faberge__another .infographic li.tiara {
padding-top: 88px;
}
.faberge__another .infographic li.ring {
padding-top: 149px;
margin-left: 1px;
}
.faberge__another .infographic li.clock {
padding-top: 180px;
margin-left: 19px;
}
.faberge__another .infographic li.snuffbox {
padding-top: 149px;
margin-left: 16px;
}
.faberge__another .infographic li.frame {
padding-top: 88px;
margin-left: 7px;
}
.faberge__challenge .infographic {
margin: 23px 0px 0px 52px;
}
.faberge__challenge .infographic .company {
float: left;
width: 143px;
text-align: center;
color: #492b47;
}
.faberge__challenge .infographic .company .logo {
height: 100px;
width: 143px;
text-align: center;
}
.faberge__challenge .infographic .company .logo:before {
content: "";
background-image: url("../img/sprite-faberge.png");
display: inline-block;
vertical-align: top;
}
.faberge__challenge .infographic .company .timeline li {
padding: 35px 0px 15px;
position: relative;
}
.faberge__challenge .infographic .company .timeline li:before {
content: "";
display: block;
width: 76px;
height: 1px;
background: #aca4ac;
position: absolute;
top: 51px;
}
.faberge__challenge .infographic .company .timeline li:after {
content: "";
display: block;
width: 1px;
height: 54px;
background: #aca4ac;
position: absolute;
top: 25px;
}
.faberge__challenge .infographic .company .timeline li:first-child:after {
height: 70px;
top: 15px;
}
.faberge__challenge .infographic .company .timeline b {
display: block;
font-size: 25px;
line-height: 28px;
}
.faberge__challenge .infographic .company .timeline span {
display: block;
font-size: 10px;
line-height: 8px;
text-transform: uppercase;
}
.faberge__challenge .infographic .context {
float: left;
width: 304px;
height: 231px;
position: relative;
margin: 0px 3px 0px 44px;
padding-top: 115px;
}
.faberge__challenge .infographic .context:before {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 288px;
height: 355px;
background: url("../img/sprite-faberge.png") -748px -703px;
top: -16px;
left: 3px;
}
.faberge__challenge .infographic .context li {
height: 55px;
position: relative;
z-index: 2;
background-color: rgba(236, 236, 236, .7);
text-align: center;
}
.faberge__challenge .infographic .context li:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.faberge__challenge .infographic .context li span {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 15px;
font-weight: 600;
}
.faberge__challenge .infographic .context li:first-child {
height: 70px;
margin-bottom: 25px;
}
.faberge__challenge .infographic .company.faberge .logo:before {
width: 143px;
height: 89px;
background-position: -807px -519px;
margin-top: 10px;
}
.faberge__challenge .infographic .company.faberge .timeline {
margin-right: 8px;
}
.faberge__challenge .infographic .company.faberge .timeline li:before {
left: 108px;
}
.faberge__challenge .infographic .company.faberge .timeline li:after {
left: 183px;
}
.faberge__challenge .infographic .company.cartier {
padding-left: 44px;
}
.faberge__challenge .infographic .company.cartier .logo:before {
width: 133px;
height: 95px;
background-position: -807px -608px;
}
.faberge__challenge .infographic .company.cartier .timeline li:before {
left: -43px;
}
.faberge__challenge .infographic .company.cartier .timeline li:after {
left: -44px;
}
.faberge__stats .infographic {
margin: 0px 0px 41px 21px;
}
.faberge__stats .infographic .desc {
display: inline-block;
vertical-align: middle;
}
.faberge__stats .infographic .desc .count {
letter-spacing: -0.5px;
padding-bottom: 12px;
}
.faberge__stats .infographic .desc .count b {
display: block;
font-size: 36px;
line-height: 30px;
color: #4a2a48;
}
.faberge__stats .infographic .desc .count span {
display: block;
font-size: 15px;
line-height: 15px;
}
.faberge__stats .infographic .desc p {
font-weight: 600;
font-size: 16px;
line-height: 17px;
margin-bottom: 0;
}
.faberge__stats .infographic .items {
display: inline-block;
vertical-align: middle;
}
.faberge__stats .infographic .items .icon {
background: url("../img/sprite-faberge.png") -1011px 0px;
width: 230px;
height: 267px;
display: inline-block;
vertical-align: middle;
margin-left: 23px;
}
.faberge__stats .infographic .items .desc {
width: 135px;
}
.faberge__stats .infographic .masters {
display: inline-block;
vertical-align: middle;
border-left: 1px solid #ded9dd;
margin-left: 41px;
padding: 4px 0px 3px 40px;
}
.faberge__stats .infographic .masters .icon {
background: url("../img/sprite-faberge.png") -748px -1058px;
width: 130px;
height: 133px;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
}
.faberge__stats .infographic .masters .desc {
width: 110px;
}
.faberge__stats .grey-box {
margin: 0px -22px 0px -38px;
padding: 28px 27px 6px 37px;
}
.faberge__museums .list {
overflow: hidden;
margin: 46px 0px 0px 59px;
}
.faberge__museums .list li {
float: left;
width: 260px;
}
.faberge__museums .list li + li {
padding-left: 96px;
}
.faberge__museums .list .icon {
background-image: url("../img/sprite-faberge.png");
width: 143px;
height: 145px;
margin: 0px 0px 27px 21px;
}
.faberge__museums .list .icon.bdn {
background-position: -878px -1058px;
}
.faberge__museums .list .icon.spb {
background-position: -1021px -1058px;
}
.faberge__museums .list .year {
display: inline-block;
vertical-align: top;
width: 74px;
background-color: #cc415f;
color: #fff;
text-align: center;
border-radius: 3px 3px 0px 0px;
position: relative;
padding: 7px 0px 10px;
}
.faberge__museums .list .year:after {
content: "";
display: block;
width: 74px;
height: 17px;
background: url("../img/sprite-faberge.png") -31px -618px;
display: block;
position: absolute;
left: 0;
top: 100%;
}
.faberge__museums .list .year b {
display: block;
font-size: 26px;
line-height: 24px;
}
.faberge__museums .list .year span {
display: block;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-transform: uppercase;
}
.faberge__museums .list p {
display: inline-block;
vertical-align: top;
font-weight: 600;
font-size: 16px;
line-height: 17px !important;
margin: 2px 0px 0px 13px;
}
.faberge__eggs {
padding-bottom: 33px;
}
.faberge__eggs .infographic {
overflow: hidden;
margin: 50px 0px 54px -6px;
}
.faberge__eggs .infographic .item {
float: left;
}
.faberge__eggs .infographic .item.last {
width: 349px;
}
.faberge__eggs .infographic .item.last .image {
width: 240px;
height: 296px;
background: url("../img/sprite-faberge.png") -1038px -325px;
}
.faberge__eggs .infographic .item.last .image li {
left: 234px;
}
.faberge__eggs .infographic .item.last .image li:nth-child(1) {
top: 88px;
}
.faberge__eggs .infographic .item.last .image li:nth-child(2) {
top: 158px;
}
.faberge__eggs .infographic .item.last .image li:nth-child(3) {
top: 218px;
}
.faberge__eggs .infographic .item.last .desc {
margin: 0px 0px -28px 67px;
}
.faberge__eggs .infographic .item.first .image {
width: 300px;
height: 296px;
background: url("../img/sprite-faberge.png") -1036px -621px;
}
.faberge__eggs .infographic .item.first .image li {
left: 303px;
}
.faberge__eggs .infographic .item.first .image li:nth-child(1) {
top: 69px;
}
.faberge__eggs .infographic .item.first .image li:nth-child(2) {
top: 130px;
}
.faberge__eggs .infographic .item.first .image li:nth-child(3) {
top: 195px;
}
.faberge__eggs .infographic .item.first .desc {
margin: 0px 0px -28px 71px;
}
.faberge__eggs .infographic .desc {
position: relative;
z-index: 2;
}
.faberge__eggs .infographic .desc b {
display: block;
font-size: 22px;
line-height: 23px;
color: #492b47;
text-transform: uppercase;
padding-bottom: 9px;
}
.faberge__eggs .infographic .desc p {
font-size: 14px;
line-height: 14px !important;
font-weight: 600;
margin-bottom: 0;
}
.faberge__eggs .infographic .image {
position: relative;
z-index: 1;
}
.faberge__eggs .infographic .image li {
position: absolute;
white-space: nowrap;
font-size: 14px;
line-height: 14px;
font-weight: 600;
}
.lomo__record .infographic {
overflow: hidden;
margin: 51px 0px 33px 67px;
}
.lomo__record .infographic .total {
float: left;
border: 1px solid #d7d7d7;
border-radius: 9px;
position: relative;
padding: 15px 10px 11px 20px;
width: 149px;
margin: 15px 32px 0px 0px;
}
.lomo__record .infographic .total p {
font-weight: 600;
font-size: 15px;
line-height: 16px !important;
margin-bottom: 8px;
}
.lomo__record .infographic .total .count {
color: #4a2a48;
padding-bottom: 8px;
}
.lomo__record .infographic .total .count b {
display: inline-block;
vertical-align: top;
text-align: center;
padding-right: 5px;
font-size: 35px;
line-height: 26px;
padding-top: 4px;
}
.lomo__record .infographic .total .count b span {
display: block;
font-size: 17px;
line-height: 12px;
}
.lomo__record .infographic .total .count i {
display: inline-block;
vertical-align: top;
width: 58px;
height: 43px;
background: url("../img/sprite-lomo.png") -9px 0px;
}
.lomo__record .infographic .total .count.eng b {
font-size: 48px;
padding-top: 8px;
padding-bottom: 24px;
}
.lomo__record .infographic .total .count.eng b span {
position: absolute;
padding-top: 9px;
}
.lomo__record .infographic .total:after {
content: "";
display: block;
width: 9px;
height: 20px;
background: url("../img/sprite-lomo.png") 0px 0px;
position: absolute;
left: 100%;
top: 50%;
margin-top: -5px;
}
.lomo__record .infographic .smena {
float: left;
width: 220px;
height: 202px;
background: url("../img/sprite-lomo.png") -67px 0px;
position: relative;
margin-right: 18px;
}
.lomo__record .infographic .smena .count {
width: 65px;
height: 50px;
border-radius: 50%;
background-color: rgba(218, 76, 108, .9);
text-align: center;
font-weight: bold;
color: #fff;
position: absolute;
top: 112px;
left: 157px;
font-size: 33px;
line-height: 24px;
padding-top: 15px;
}
.lomo__record .infographic .smena .count span {
display: block;
font-size: 14px;
line-height: 10px;
}
.lomo__record .infographic .guinness {
float: left;
margin-top: 12px;
}
.lomo__record .infographic .guinness i {
display: block;
width: 65px;
height: 65px;
background: url("../img/sprite-lomo.png") 0px -43px;
}
.lomo__record .infographic .guinness b {
display: block;
color: #4a2a48;
font-size: 23px;
text-transform: uppercase;
line-height: 20px;
padding: 9px 0px 0px 6px;
}
.lomo__record .infographic .guinness span {
display: block;
font-weight: 600;
font-size: 14px;
line-height: 14px;
padding: 5px 0px 0px 6px;
}
.lomo__record .grey-box {
padding: 28px 34px 12px;
margin-bottom: 37px;
}
.lomo__production .infographic {
margin: 43px 0px 0px 21px;
}
.lomo__production .infographic ul {
margin-bottom: 21px !important;
}
.lomo__production .infographic li {
float: left;
width: 180px;
margin-left: 2px;
}
.lomo__production .infographic .icon {
width: 133px;
height: 133px;
position: relative;
background: url("../img/sprite-lomo.png") -825px 0px;
}
.lomo__production .infographic .icon:after {
content: "";
display: block;
position: absolute;
background-image: url("../img/sprite-lomo.png");
}
.lomo__production .infographic .icon.projector:after {
width: 157px;
height: 118px;
background-position: -287px 0px;
top: -7px;
left: -22px;
}
.lomo__production .infographic .icon.videoplayer:after {
width: 94px;
height: 160px;
background-position: -444px 0px;
top: -29px;
left: 18px;
}
.lomo__production .infographic .icon.laser:after {
width: 125px;
height: 109px;
background-position: -538px 0px;
top: -2px;
left: 3px;
}
.lomo__production .infographic .icon.telescope:after {
width: 162px;
height: 174px;
background-position: -663px 0px;
top: -51px;
left: -5px;
}
.lomo__production .infographic .year {
width: 87px;
height: 26px;
background: url("../img/sprite-lomo.png") -287px -118px;
text-align: center;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 26px;
margin: 24px 0px 0px 20px;
}
.lomo__production .infographic p {
font-size: 14px;
line-height: 17px !important;
font-weight: 600;
margin: 7px 0px 0px 25px;
}
.lomo__lomography .infographic {
width: 512px;
height: 248px;
position: relative;
background: url("../img/sprite-lomo.png") 0px -202px;
margin: 30px 0px 36px 76px;
}
.lomo__lomography .infographic .count {
text-align: center;
font-size: 34px;
font-weight: bold;
color: #4a2a48;
padding: 130px 0px 0px 35px;
}
.lomo__lomography .infographic p {
font-weight: 600;
font-size: 14px;
line-height: 17px !important;
width: 300px;
padding: 6px 0px 0px 140px;
}
.lomo__stats .infographic {
width: 613px;
height: 261px;
position: relative;
background: url("../img/sprite-lomo.png") -512px -202px;
margin: 27px 0px 56px 78px;
}
.lomo__stats .infographic .stat {
padding-top: 66px;
margin-left: -30px;
float: left;
}
.lomo__stats .infographic .stat li {
text-align: center;
width: 116px;
white-space: nowrap;
}
.lomo__stats .infographic .stat li + li {
padding-top: 89px;
}
.lomo__stats .infographic .stat li b {
position: relative;
color: #4a2a48;
font-size: 34px;
line-height: 28px;
letter-spacing: -1px;
}
.lomo__stats .infographic .stat li b:before,
.lomo__stats .infographic .stat li b:after {
content: "";
width: 14px;
height: 1px;
background-color: #0d0d0d;
display: block;
position: absolute;
top: 21px;
margin: 0px 5px;
}
.lomo__stats .infographic .stat li b:before {
right: 100%;
}
.lomo__stats .infographic .stat li b:after {
left: 100%;
}
.lomo__stats .infographic .stat li span {
display: block;
font-weight: 600;
font-size: 14px;
line-height: 16px;
}
.lomo__stats .infographic .market {
float: left;
padding: 212px 0px 0px 90px;
}
.lomo__stats .infographic .market b {
float: left;
font-size: 42px;
line-height: 40px;
color: #4a2a48;
padding-right: 8px;
}
.lomo__stats .infographic .market span {
white-space: nowrap;
font-weight: 600;
font-size: 15px;
line-height: 16px;
display: block;
padding-top: 6px;
}
.hermitage__showpieces .infographic {
width: 583px;
height: 583px;
background: url("../img/sprite-hermitage.png") 0px 0px;
margin: 47px 0px 43px 92px;
text-align: center;
}
.hermitage__showpieces .infographic .count {
padding: 83px 0px 292px;
}
.hermitage__showpieces .infographic .count span {
display: block;
font-size: 20px;
line-height: 20px;
font-weight: 600;
padding-bottom: 6px;
}
.hermitage__showpieces .infographic .count b {
display: block;
font-size: 52px;
line-height: 52px;
color: #492b47;
}
.hermitage__showpieces .infographic p {
color: #fff;
font-size: 15px;
line-height: 16px !important;
font-weight: 600;
}
.hermitage__showpieces .grey-box {
margin: 0px -21px 0px -38px;
padding: 38px 38px 19px;
}
.hermitage__organisation {
margin: 46px 0px 0px;
}
.hermitage__organisation .head {
text-align: center;
text-transform: uppercase;
font-size: 22px;
line-height: 23px;
color: #492b47;
font-weight: bold;
}
.hermitage__organisation .infographic {
margin: 27px 0px 62px 52px;
}
.hermitage__organisation .infographic ul {
margin-bottom: 10px !important;
}
.hermitage__organisation .infographic li {
float: left;
}
.hermitage__organisation .infographic .step {
position: relative;
width: 161px;
height: 161px;
background: url("../img/sprite-hermitage.png") -665px 0px;
}
.hermitage__organisation .infographic .step:before {
content: "";
display: block;
position: absolute;
background-image: url("../img/sprite-hermitage.png");
}
.hermitage__organisation .infographic .step.first:before {
width: 214px;
height: 140px;
background-position: -583px -161px;
top: 10px;
left: -22px;
}
.hermitage__organisation .infographic .step.last:before {
width: 119px;
height: 153px;
background-position: -583px -301px;
top: -2px;
left: 22px;
}
.hermitage__organisation .infographic .period {
padding: 20px 19px 0px 43px;
}
.hermitage__organisation .infographic .period .arrow {
display: inline-block;
vertical-align: top;
width: 47px;
height: 13px;
background: url("../img/sprite-hermitage.png") -583px 0px;
margin-top: 35px;
}
.hermitage__organisation .infographic .period .years {
display: inline-block;
vertical-align: top;
width: 81px;
margin: 0px 21px 0px 27px;
}
.hermitage__organisation .infographic .period .years b {
display: block;
width: 81px;
height: 74px;
background: url("../img/sprite-hermitage.png") -583px -13px;
color: #fff;
text-align: center;
font-size: 45px;
line-height: 74px;
}
.hermitage__organisation .infographic .period .years span {
display: block;
color: #492b47;
font-size: 21px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.hermitage__organisation .infographic > p {
text-align: center;
font-size: 15px;
line-height: 15px !important;
margin: 0px 0px 0px -66px;
font-weight: 600;
}
.hermitage__chronology {
margin: 35px 0px 0px;
}
.hermitage__chronology .infographic {
width: 725px;
height: 230px;
background: url("../img/sprite-hermitage.png") 0px -583px;
margin: 9px 0px 76px -12px;
}
.hermitage__chronology .infographic ul {
padding: 122px 0px 0px 16px;
margin-bottom: 0 !important;
width: 120%;
}
.hermitage__chronology .infographic li {
float: left;
}
.hermitage__chronology .infographic li span {
display: block;
text-align: center;
width: 87px;
height: 26px;
line-height: 26px;
font-size: 14px;
font-weight: 600;
color: #fff;
margin-bottom: 39px;
}
.hermitage__chronology .infographic li p {
font-size: 14px;
line-height: 15px !important;
font-weight: 600;
width: 130px;
margin-bottom: 0;
}
.hermitage__chronology .infographic li.date-1764 {
padding-right: 33px;
}
.hermitage__chronology .infographic li.date-1764 p {
padding-left: 40px;
}
.hermitage__chronology .infographic li.date-1840 {
padding-right: 45px;
}
.hermitage__chronology .infographic li.date-1840 p {
padding-left: 36px;
}
.hermitage__chronology .infographic li.date-1852 {
padding-right: 50px;
}
.hermitage__chronology .infographic li.date-1852 p {
padding-left: 28px;
}
.hermitage__chronology .infographic li.date-1917 p {
margin-left: -5px;
}
.hermitage__chronology .grey-box {
margin: 0px -21px 0px -38px;
padding: 35px 38px 13px;
}
.hermitage__start .infographic {
overflow: hidden;
margin: 51px 0px 25px 159px;
}
.hermitage__start .infographic .calendar {
float: left;
width: 209px;
height: 223px;
background: url("../img/sprite-hermitage.png") -826px 0px;
text-align: center;
}
.hermitage__start .infographic .calendar b {
display: block;
font-size: 14px;
line-height: 14px;
color: #492b47;
text-transform: uppercase;
padding-top: 165px;
text-indent: -44px;
}
.hermitage__start .infographic dl {
margin: 41px 0px 0px -14px;
float: left;
}
.hermitage__start .infographic dt {
text-transform: uppercase;
font-size: 22px;
line-height: 23px;
color: #492b47;
font-weight: bold;
padding-bottom: 12px;
}
.hermitage__start .infographic dd {
font-size: 15px;
line-height: 16px;
font-weight: 600;
width: 270px;
}
.hermitage__time {
margin: 66px 0px 43px;
}
.hermitage__time .infographic {
margin: 0px -21px 77px -38px;
padding: 48px 47px 51px;
position: relative;
}
.hermitage__time .infographic .desc {
font-size: 15px;
line-height: 20px;
width: 300px;
}
.hermitage__time .infographic .watches {
width: 322px;
height: 251px;
background: url("../img/sprite-hermitage.png") -725px -490px;
position: absolute;
right: 95px;
top: -50px;
}
.hermitage__time .infographic .watches li {
float: left;
width: 62px;
padding-left: 3px;
}
.hermitage__time .infographic .watches li + li {
float: right;
}
.hermitage__time .infographic .watches span {
display: block;
font-size: 14px;
line-height: 15px;
font-weight: 600;
white-space: nowrap;
padding: 63px 0px 21px;
}
.hermitage__time .infographic .watches strong {
display: block;
text-align: center;
color: #fff;
font-size: 33px;
line-height: 34px;
padding-bottom: 12px;
}
.hermitage__time .infographic .watches b {
display: block;
text-align: center;
color: #492b47;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
}
.hermitage__colors .infographic {
margin: 6px 0px 39px 79px;
}
.hermitage__colors .infographic li {
width: 580px;
height: 202px;
position: relative;
}
.hermitage__colors .infographic li + li {
border-top: 2px solid #f4f4f4;
}
.hermitage__colors .infographic .date {
float: left;
width: 103px;
height: 103px;
background: url("../img/sprite-hermitage.png") -583px -454px;
margin: 57px 0px 0px -52px;
}
.hermitage__colors .infographic .date:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.hermitage__colors .infographic .date b {
display: inline-block;
vertical-align: middle;
color: #492b47;
font-size: 26px;
line-height: 22px;
padding-left: 23px;
letter-spacing: -1px;
}
.hermitage__colors .infographic .date b span {
display: block;
font-size: 15px;
text-transform: uppercase;
text-indent: 4px;
letter-spacing: 0;
}
.hermitage__colors .infographic .image {
float: left;
width: 351px;
height: 202px;
background-image: url("../img/sprite-hermitage.png");
margin-left: 47px;
}
.hermitage__colors .infographic .image.vanilla {
background-position: 0px -813px;
}
.hermitage__colors .infographic .image.red {
background-position: -351px -813px;
}
.hermitage__colors .infographic .image.orange {
background-position: 0px -1015px;
}
.hermitage__colors .infographic .image.green {
background-position: -351px -1015px;
}
.hermitage__colors .infographic .color {
position: absolute;
top: 92px;
right: -92px;
width: 175px;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.hermitage__colors .infographic .color:before {
content: "";
display: inline-block;
vertical-align: middle;
border-radius: 50%;
width: 23px;
height: 23px;
margin-right: 12px;
}
.hermitage__colors .infographic .color:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 30px;
}
.hermitage__colors .infographic .color.vanilla:before {
background-color: #eee3d9;
}
.hermitage__colors .infographic .color.red:before {
background-color: #d42a42;
}
.hermitage__colors .infographic .color.orange:before {
background-color: #e16129;
}
.hermitage__colors .infographic .color.green:before {
background-color: #93c9bb;
}
.hermitage__colors .infographic .color span {
display: inline-block;
vertical-align: middle;
}
.hermitage__buildings {
margin: 32px 0px 0px;
}
.hermitage__buildings .infographic {
width: 942px;
height: 352px;
background: url("../img/sprite-hermitage.png") 0px -1217px;
margin: 21px 0px 57px -94px;
}
.hermitage__buildings .infographic ul {
overflow: hidden;
padding: 39px 0px 0px 56px;
width: 480px;
}
.hermitage__buildings .infographic li {
color: #fff;
font-size: 14px;
line-height: 14px;
font-weight: 600;
float: left;
padding-top: 46px;
}
.hermitage__buildings .infographic li span {
color: #e84f71;
display: block;
}
.hermitage__buildings .infographic li:nth-child(1),
.hermitage__buildings .infographic li:nth-child(4) {
width: 127px;
}
.hermitage__buildings .infographic li:nth-child(2),
.hermitage__buildings .infographic li:nth-child(5) {
width: 110px;
}
.hermitage__buildings .infographic li:nth-child(3) {
width: 200px;
}
.hermitage__buildings .infographic li:nth-child(6) {
width: 135px;
}
.hermitage__buildings .infographic li:nth-child(7) {
width: 108px;
}
.hermitage__visitors {
margin: 30px 0px 45px;
}
.hermitage__visitors .infographic {
margin: 23px -20px 0px -9px;
}
.hermitage__visitors .infographic li {
float: left;
width: 180px;
position: relative;
text-align: center;
}
.hermitage__visitors .infographic li + li {
margin-left: 21px;
}
.hermitage__visitors .infographic .icon {
display: inline-block;
vertical-align: top;
width: 116px;
height: 116px;
background: url("../img/sprite-hermitage.png") -725px -741px;
position: relative;
z-index: 1;
margin: 0px 0px 9px -2px;
}
.hermitage__visitors .infographic .icon:before {
content: "";
display: block;
position: absolute;
background-image: url("../img/sprite-hermitage.png");
}
.hermitage__visitors .infographic .icon.visitors:before {
width: 119px;
height: 44px;
background-position: -841px -741px;
top: 19px;
left: -4px;
}
.hermitage__visitors .infographic .icon.excursions:before {
width: 101px;
height: 44px;
background-position: -841px -785px;
top: 19px;
left: 9px;
}
.hermitage__visitors .infographic .icon.exhibitions:before {
width: 108px;
height: 59px;
background-position: -841px -829px;
top: 4px;
left: 11px;
}
.hermitage__visitors .infographic .icon.internet:before {
width: 71px;
height: 70px;
background-position: -960px -741px;
top: -6px;
left: 23px;
}
.hermitage__visitors .infographic .count {
text-align: center;
white-space: nowrap;
position: absolute;
top: 70px;
left: 50%;
width: 180px;
margin-left: -90px;
}
.hermitage__visitors .infographic .count b {
display: block;
font-size: 34px;
line-height: 30px;
color: #492b47;
}
.hermitage__visitors .infographic .count span {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.hermitage__visitors .infographic p {
font-size: 14px;
line-height: 15px !important;
font-weight: 600;
text-align: center;
padding-top: 15px;
position: relative;
}
.hermitage__visitors .infographic p:before {
content: "";
display: block;
width: 143px;
height: 1px;
background-color: #313234;
position: absolute;
top: 0;
left: 50%;
margin-left: -72px;
}
.bahmetev__sales {
padding: 11px 0px 41px;
}
.bahmetev__sales .infographic {
background: url(" ../img/sprite-bahmetev.png") 0px 0px;
width: 565px;
height: 307px;
margin: -68px 0px 76px 131px;
}
.bahmetev__sales .infographic ul {
height: 100%;
}
.bahmetev__sales .infographic li {
width: 179px;
height: 100%;
display: inline-block;
vertical-align: top;
position: relative;
}
.bahmetev__sales .infographic li.col-1829 {
margin-left: -16px;
}
.bahmetev__sales .infographic li.col-1829 .stat {
padding-top: 154px;
}
.bahmetev__sales .infographic li.col-1829 .year {
left: 18px;
}
.bahmetev__sales .infographic li.col-1884 .stat {
padding-top: 110px;
}
.bahmetev__sales .infographic li.col-1913 .stat {
padding-top: 70px;
}
.bahmetev__sales .infographic .old {
text-transform: uppercase;
color: #492b47;
padding-bottom: 4px;
}
.bahmetev__sales .infographic .old b {
display: inline-block;
vertical-align: middle;
font-size: 36px;
line-height: 35px;
}
.bahmetev__sales .infographic .old span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 12px;
font-weight: bold;
position: relative;
top: 2px;
left: 2px;
}
.bahmetev__sales .infographic .now {
color: #fff;
background-color: rgba(187, 6, 49, .75);
margin-left: -1px;
padding: 5px 14px 5px 8px;
display: inline-block;
vertical-align: top;
}
.bahmetev__sales .infographic .now b {
display: inline-block;
vertical-align: middle;
font-size: 23px;
line-height: 28px;
}
.bahmetev__sales .infographic .now span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
line-height: 10px;
font-weight: 600;
position: relative;
top: -2px;
left: 4px;
}
.bahmetev__sales .infographic .year {
position: absolute;
left: 28px;
bottom: -39px;
width: 78px;
height: 78px;
background: url(" ../img/sprite-bahmetev.png") -1479px -177px;
text-align: center;
}
.bahmetev__sales .infographic .year:before {
display: inline-block;
vertical-align: middle;
height: 100%;
content: "";
}
.bahmetev__sales .infographic .year p {
display: inline-block;
vertical-align: middle;
color: #4a2a48;
margin-bottom: 0;
padding-bottom: 0;
}
.bahmetev__sales .infographic .year b {
display: block;
font-size: 21px;
line-height: 14px;
padding-top: 3px;
}
.bahmetev__sales .infographic .year span {
display: block;
font-size: 16px;
line-height: 12px;
font-weight: 600;
}
.bahmetev__sales .grey-box {
margin: 0px -21px 0px -37px;
padding: 26px 37px 13px;
}
.bahmetev__1829 .infographic {
margin: 0px 0px 0px 31px !important;
padding-bottom: 55px;
}
.bahmetev__1829 .infographic .medal {
float: left;
background: url(" ../img/sprite-bahmetev.png") -565px 0px;
width: 365px;
height: 300px;
position: relative;
}
.bahmetev__1829 .infographic .medal .year {
position: absolute;
text-align: center;
width: 148px;
top: 92px;
right: 0px;
}
.bahmetev__1829 .infographic .medal .year b {
color: #cc415f;
font-size: 28px;
line-height: 22px;
display: block;
}
.bahmetev__1829 .infographic .medal .year span {
color: #4a2a48;
font-size: 13px;
line-height: 11px;
display: block;
font-weight: 600;
}
.bahmetev__1829 .infographic .medal p {
position: absolute;
text-align: center;
width: 148px;
top: 293px;
right: 0px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
}
.bahmetev__1829 .infographic .desc {
float: left;
width: 266px;
text-align: center;
padding: 39px 0px 0px 33px;
}
.bahmetev__1829 .infographic .desc .logo {
background: url(" ../img/sprite-bahmetev.png") -1557px -177px;
width: 105px;
height: 78px;
display: inline-block;
vertical-align: top;
margin: 0px 0px 17px -6px;
}
.bahmetev__1829 .infographic .desc .text {
border: 1px solid #d7d7d7;
border-radius: 5px;
text-align: left;
font-weight: 600;
padding: 16px 10px 16px 20px;
position: relative;
}
.bahmetev__1829 .infographic .desc .text:before {
content: "";
display: block;
position: absolute;
top: 28px;
right: 100%;
background: url(" ../img/sprite-bahmetev.png") -1662px -177px;
width: 9px;
height: 20px;
}
.bahmetev__1829 .infographic .desc .text p {
font-size: 15px;
line-height: 15.5px;
padding-bottom: 0;
margin-bottom: 0;
}
.bahmetev__1829 .infographic .desc .text p + p {
padding-top: 15px;
}
.bahmetev__1900 {
padding-bottom: 40px;
}
.bahmetev__1900 .infographic {
margin: 0px 0px 0px 31px !important;
padding-bottom: 34px;
}
.bahmetev__1900 .infographic .desc {
float: left;
width: 266px;
text-align: center;
padding: 58px 0px 0px 15px;
}
.bahmetev__1900 .infographic .desc .logo {
background: url(" ../img/sprite-bahmetev.png") -1557px -177px;
width: 105px;
height: 78px;
display: inline-block;
vertical-align: top;
margin: 0px 0px 16px 10px;
}
.bahmetev__1900 .infographic .desc .text {
border: 1px solid #d7d7d7;
border-radius: 5px;
text-align: left;
font-weight: 600;
padding: 20px 10px 22px 20px;
position: relative;
}
.bahmetev__1900 .infographic .desc .text:before {
content: "";
display: block;
position: absolute;
top: 28px;
left: 100%;
background: url(" ../img/sprite-bahmetev.png") -1671px -177px;
width: 9px;
height: 20px;
}
.bahmetev__1900 .infographic .desc .text p {
font-size: 15px;
line-height: 15.5px;
padding-bottom: 0;
margin-bottom: 0;
}
.bahmetev__1900 .infographic .desc .text p + p {
padding-top: 15px;
}
.bahmetev__1900 .infographic .medal {
float: left;
background: url(" ../img/sprite-bahmetev.png") -930px 0px;
width: 335px;
height: 357px;
position: relative;
margin: -11px 0px 0px 35px;
}
.bahmetev__1900 .infographic .medal .year {
position: absolute;
text-align: center;
width: 148px;
top: 88px;
left: 2px;
}
.bahmetev__1900 .infographic .medal .year b {
color: #cc415f;
font-size: 28px;
line-height: 22px;
display: block;
}
.bahmetev__1900 .infographic .medal .year span {
color: #4a2a48;
font-size: 13px;
line-height: 11px;
display: block;
font-weight: 600;
}
.bahmetev__1900 .infographic .medal p {
position: absolute;
text-align: center;
width: 148px;
top: 292px;
left: 0px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
}
.bahmetev__1900 .grey-box {
margin: 0px -21px 0px -37px;
padding: 32px 37px 16px;
}
.bahmetev__production {
overflow: hidden;
padding-bottom: 20px;
}
.bahmetev__production .chart {
float: left;
position: relative;
background: url(" ../img/sprite-bahmetev.png") -1479px 0px;
width: 312px;
height: 177px;
margin: 47px 0px 0px 10px;
}
.bahmetev__production .chart dl {
position: absolute;
width: 150px;
top: 38px;
left: 220px;
}
.bahmetev__production .chart dt {
font-size: 38px;
line-height: 36px;
color: #492b47;
font-weight: bold;
padding-bottom: 2px;
}
.bahmetev__production .chart dd {
font-size: 15px;
line-height: 15px;
font-weight: 600;
}
.bahmetev__production .vaze {
float: left;
position: relative;
background: url(" ../img/sprite-bahmetev.png") -1265px 0px;
width: 214px;
height: 315px;
margin: 0px 0px 0px 54px;
}
.bahmetev__production .vaze dl {
position: absolute;
width: 150px;
top: 97px;
left: 220px;
}
.bahmetev__production .vaze dt {
font-size: 29px;
line-height: 28px;
color: #492b47;
font-weight: bold;
padding-bottom: 4px;
}
.bahmetev__production .vaze dd {
font-size: 15px;
line-height: 15px;
font-weight: 600;
}
.mariaxel__steps {
padding-bottom: 26px;
}
.mariaxel__steps .infographic {
width: 343px;
height: 431px;
background: url("../img/sprite-mariaxel.png");
position: relative;
margin: 44px 0px 67px 197px;
}
.mariaxel__steps .infographic li {
position: absolute;
white-space: nowrap;
font-weight: 600;
font-size: 14px;
line-height: 15px;
letter-spacing: -.3px;
}
.mariaxel__steps .infographic li:nth-child(1) {
top: 150px;
left: 355px;
}
.mariaxel__steps .infographic li:nth-child(2) {
top: 238px;
left: 353px;
}
.mariaxel__steps .infographic li:nth-child(3) {
top: 340px;
left: 287px;
}
.mariaxel__steps .infographic li:nth-child(4) {
top: 381px;
left: 103px;
text-align: center;
width: 150px;
}
.mariaxel__steps .infographic li:nth-child(5) {
top: 336px;
right: 289px;
text-align: right;
}
.mariaxel__steps .infographic li:nth-child(6) {
top: 236px;
right: 354px;
text-align: right;
}
.mariaxel__steps .infographic li:nth-child(7) {
top: 149px;
right: 350px;
text-align: right;
}
.mariaxel__auditory {
overflow: hidden;
padding-bottom: 70px;
}
.mariaxel__auditory .leftcol {
float: left;
width: 360px;
padding: 19px 34px 0px 0px;
}
.mariaxel__auditory .leftcol .title {
line-height: 23px;
font-weight: 900;
margin-bottom: 53px;
}
.mariaxel__auditory .leftcol .title:before {
bottom: -14px !important;
}
.mariaxel__auditory .leftcol .benefits {
padding-top: 26px;
}
.mariaxel__auditory .leftcol .benefits strong {
display: block;
font-size: 16px;
padding-bottom: 18px;
}
.mariaxel__auditory .leftcol .benefits ul {
overflow: hidden;
}
.mariaxel__auditory .leftcol .benefits li {
width: 148px;
float: left;
position: relative;
padding: 0px 0px 8px 28px;
}
.mariaxel__auditory .leftcol .benefits li:before {
content: "";
display: block;
width: 23px;
height: 23px;
background: url("../img/sprite-mariaxel.png") -343px 0px;
position: absolute;
top: -1px;
left: -2px;
}
.mariaxel__auditory .centercol {
float: left;
width: 120px;
padding-top: 48px;
}
.mariaxel__auditory .centercol i {
display: block;
width: 73px;
height: 73px;
background-image: url("../img/sprite-mariaxel.png");
}
.mariaxel__auditory .centercol i.age {
background-position: -343px -23px;
}
.mariaxel__auditory .centercol i.money {
background-position: -343px -96px;
}
.mariaxel__auditory .centercol span {
display: block;
font-size: 14px;
line-height: 15px;
font-weight: 600;
padding: 11px 0px 0px 5px;
}
.mariaxel__auditory .centercol li + li {
padding-top: 44px;
}
.mariaxel__auditory .rightcol {
float: left;
width: 231px;
height: 373px;
background: url("../img/sprite-mariaxel.png") -413px 0px;
}
.mariaxel__brands {
padding-bottom: 40px;
}
.mariaxel__brands .grey-box {
overflow: hidden;
padding: 49px 20px 54px 50px;
margin-bottom: 76px;
}
.mariaxel__brands .grey-box span {
display: block;
float: left;
width: 240px;
font-weight: 600;
font-size: 14px;
line-height: 15px;
padding: 3px 11px 0px 47px;
}
.mariaxel__brands .valentino {
float: left;
width: 193px;
height: 61px;
background: url("../img/sprite-mariaxel.png") -647px 0px;
}
.mariaxel__brands .beckham {
float: left;
width: 251px;
height: 61px;
background: url("../img/sprite-mariaxel.png") -647px -61px;
}
.mariaxel__money {
padding-bottom: 20px;
}
.mariaxel__money .infographic {
overflow: hidden;
padding-bottom: 55px;
}
.mariaxel__money .infographic .leftcol {
float: left;
width: 520px;
padding: 3px 27px 0px 0px;
}
.mariaxel__money .infographic .leftcol .title {
font-weight: 900;
}
.mariaxel__money .infographic .leftcol ul {
overflow: hidden;
padding: 50px 0px 0px 40px;
}
.mariaxel__money .infographic .leftcol li {
float: left;
width: 121px;
width: 207px;
}
.mariaxel__money .infographic .leftcol li + li {
border-left: 5px solid #f2f2f2;
padding-left: 20px;
width: 240px;
}
.mariaxel__money .infographic .leftcol .factor {
overflow: hidden;
color: #492b47;
}
.mariaxel__money .infographic .leftcol .factor b {
display: block;
float: left;
font-size: 61px;
line-height: 61px;
letter-spacing: -4px;
}
.mariaxel__money .infographic .leftcol .factor i {
display: block;
float: left;
width: 42px;
height: 46px;
background: url("../img/sprite-mariaxel.png") -343px -169px;
margin: 7px 0px 0px 10px;
}
.mariaxel__money .infographic .leftcol p {
font-size: 14px;
line-height: 15px;
font-weight: 600;
padding: 1px 0px 0px 10px;
margin: 0;
}
.mariaxel__money .infographic .rightcol {
float: left;
width: 160px;
}
.mariaxel__money .infographic .rightcol i {
display: block;
width: 160px;
height: 214px;
background: url("../img/sprite-mariaxel.png") -647px -122px;
}
.mariaxel__money .infographic .rightcol span {
display: block;
font-size: 14px;
line-height: 15px;
font-weight: 600;
padding: 10px 0px 0px 3px;
}
.kotofey__success {
padding-bottom: 54px;
}
.kotofey__success .infographic {
width: 614px;
height: 155px;
background: url("../img/sprite-kotofey.png") 0px 0px;
margin: -3px 0px 0px 60px;
position: relative;
}
.kotofey__success .infographic .start {
display: inline-block;
vertical-align: top;
margin: 31px 0px 0px -3px;
width: 110px;
}
.kotofey__success .infographic .start b {
display: block;
font-size: 15px;
line-height: 14px;
text-transform: uppercase;
padding-bottom: 59px;
}
.kotofey__success .infographic .start b span {
color: #a4314a;
display: block;
}
.kotofey__success .infographic .start p {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.kotofey__success .infographic ul {
display: inline-block;
vertical-align: top;
overflow: hidden;
padding-top: 118px;
}
.kotofey__success .infographic ul li {
float: left;
font-size: 14px;
line-height: 15px;
font-weight: 600;
color: #a9a9a9;
}
.kotofey__success .infographic ul li.date-1945 {
width: 145px;
}
.kotofey__success .infographic ul li.date-1991 {
width: 72px;
}
.kotofey__success .infographic ul li.date-1998 {
width: 68px;
}
.kotofey__success .infographic ul li.date-2008 {
width: 100px;
}
.kotofey__success .infographic .success {
display: inline-block;
vertical-align: top;
width: 101px;
text-align: center;
padding: 76px 0px 0px 6px;
}
.kotofey__success .infographic .success b {
color: #fff;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
padding-bottom: 25px;
display: block;
}
.kotofey__success .infographic .success b span {
font-size: 38px;
display: block;
}
.kotofey__success .infographic .success p {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 16px;
font-weight: 600;
position: relative;
left: -3px;
}
.kotofey__success.esp .infographic {
background-position: -713px -476px;
}
.kotofey__success.esp .infographic ul li.date-1945 {
width: 142px;
}
.kotofey__success.esp .infographic ul li.date-1991 {
width: 102px;
}
.kotofey__success.esp .infographic ul li.date-1998 {
width: 81px;
}
.kotofey__success.esp .infographic ul li.date-2008 {
width: 60px;
}
.kotofey__stats {
padding-bottom: 5px;
}
.kotofey__stats .infographic {
font-size: 0;
padding: 0px 0px 56px 0px;
margin: 0px -19px;
}
.kotofey__stats dl {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 88px;
}
.kotofey__stats dl:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-image: url("../img/sprite-kotofey.png");
}
.kotofey__stats dl.factory {
padding-left: 23px;
width: 145px;
}
.kotofey__stats dl.factory dt {
padding-left: 3px;
}
.kotofey__stats dl.factory:before {
width: 125px;
height: 105px;
background-position: -614px 0px;
}
.kotofey__stats dl.workers {
padding-left: 9px;
width: 146px;
}
.kotofey__stats dl.workers:before {
width: 105px;
height: 105px;
background-position: -739px 0px;
}
.kotofey__stats dl.shops {
padding-left: 21px;
width: 130px;
}
.kotofey__stats dl.shops dd {
padding-left: 3px;
}
.kotofey__stats dl.shops:before {
width: 105px;
height: 105px;
background-position: -844px 0px;
}
.kotofey__stats dl.customers {
padding-left: 19px;
width: 138px;
}
.kotofey__stats dl.customers:before {
width: 105px;
height: 105px;
background-position: -949px 0px;
}
.kotofey__stats dl.distributors {
padding-left: 20px;
width: 125px;
}
.kotofey__stats dl.distributors:before {
width: 105px;
height: 105px;
background-position: -993px -352px;
}
.kotofey__stats dt {
position: relative;
z-index: 2;
color: #4a2a48;
font-size: 32px;
line-height: 32px;
padding-bottom: 13px;
}
.kotofey__stats dt b {
letter-spacing: -0.5px;
display: inline-block;
vertical-align: top;
}
.kotofey__stats dt span {
display: inline-block;
vertical-align: top;
font-size: 15px;
line-height: 10px;
font-weight: bold;
padding: 7px 0px 0px 4px;
}
.kotofey__stats dd {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.kotofey__stats .clr {
margin-bottom: 0 !important;
}
.kotofey__factory {
padding-bottom: 6px;
}
.kotofey__factory .info {
padding-bottom: 31px;
}
.kotofey__factory .leftside {
float: left;
width: 290px;
min-height: 328px;
padding: 64px 0px 0px 2px;
}
.kotofey__factory .leftside .title {
margin-bottom: 31px;
}
.kotofey__factory .infographic {
float: right;
width: 373px;
height: 360px;
background: url("../img/sprite-kotofey.png") -1054px 0px;
margin-right: 63px;
}
.kotofey__factory .infographic ul {
overflow: hidden;
padding: 359px 0px 0px 34px;
width: 400px;
}
.kotofey__factory .infographic li {
float: left;
font-size: 13px;
line-height: 13px;
font-weight: 600;
}
.kotofey__factory .infographic li.eco {
width: 90px;
padding-right: 38px;
}
.kotofey__factory .infographic li.modern {
width: 100px;
padding-right: 40px;
}
.kotofey__factory .infographic li.quality {
width: 110px;
}
.kotofey__factory .standarts {
padding: 29px 0px 27px 69px;
margin: 0px -31px 39px -28px;
}
.kotofey__factory .standarts li {
font-size: 14px;
line-height: 15px;
font-weight: 600;
float: left;
position: relative;
}
.kotofey__factory .standarts li:before {
content: "";
display: block;
position: absolute;
left: 0;
background-image: url("../img/sprite-kotofey.png");
}
.kotofey__factory .standarts li.eac {
width: 120px;
padding-left: 66px;
margin-right: 11px;
padding-top: 8px;
}
.kotofey__factory .standarts li.eac:before {
width: 45px;
height: 45px;
background-position: -962px -142px;
top: 6px;
}
.kotofey__factory .standarts li.gost {
width: 130px;
padding-left: 60px;
margin-right: 11px;
padding-top: 8px;
}
.kotofey__factory .standarts li.gost:before {
width: 47px;
height: 38px;
background-position: -614px -105px;
top: 10px;
}
.kotofey__factory .standarts li.iso {
width: 240px;
padding-left: 68px;
}
.kotofey__factory .standarts li.iso:before {
width: 56px;
height: 49px;
background-position: -661px -105px;
top: 4px;
}
.kotofey__factory .standarts.esp {
padding-left: 64px;
}
.kotofey__factory .standarts.esp li.eac {
width: 125px;
}
.kotofey__factory .standarts.esp li.gost {
width: 144px;
}
.kotofey__shoes {
padding-bottom: 5px;
}
.kotofey__shoes .about {
padding-bottom: 13px;
}
.kotofey__shoes .infographic {
float: left;
width: 440px;
position: relative;
}
.kotofey__shoes .infographic .pic {
position: absolute;
top: 5px;
left: -21px;
z-index: 1;
width: 313px;
height: 229px;
background: url("../img/sprite-kotofey.png") -1427px -313px;
}
.kotofey__shoes .infographic ul {
padding: 195px 0px 0px 101px;
}
.kotofey__shoes .infographic li {
font-size: 14px;
line-height: 15px;
font-weight: 600;
position: relative;
width: 230px;
height: 54px;
}
.kotofey__shoes .infographic li span {
display: inline-block;
vertical-align: middle;
width: 160px;
margin-left: 13px;
}
.kotofey__shoes .infographic li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 55px;
background-image: url("../img/sprite-kotofey.png");
}
.kotofey__shoes .infographic li.natual:before {
height: 55px;
background-position: 0px -155px;
}
.kotofey__shoes .infographic li.natual {
margin-left: 150px;
margin-bottom: 0px;
}
.kotofey__shoes .infographic li.right:before {
height: 58px;
background-position: -55px -155px;
}
.kotofey__shoes .infographic li.right {
margin-left: 120px;
margin-bottom: 0px;
}
.kotofey__shoes .infographic li.climat:before {
height: 56px;
background-position: -110px -155px;
}
.kotofey__shoes .infographic li.climat {
margin-left: 90px;
margin-bottom: 0px;
}
.kotofey__shoes .infographic li.design:before {
height: 56px;
background-position: -165px -155px;
}
.kotofey__shoes .infographic li.design {
margin-left: 60px;
margin-bottom: 0px;
}
.kotofey__shoes .infographic li.assortment:before {
height: 56px;
background-position: -220px -155px;
}
.kotofey__shoes .infographic li.assortment {
margin-left: 30px;
margin-bottom: 0px;
}
.kotofey__shoes .infographic li.price:before {
height: 55px;
background-position: -275px -155px;
}
.kotofey__shoes .txt {
float: right;
width: 270px;
padding: 15px 31px 0px 0px;
min-height: 526px;
}
.kotofey__shoes .txt .title {
margin-bottom: 28px;
}
.kotofey__auditory {
margin-bottom: 24px !important;
}
.kotofey__auditory .infographic {
float: left;
}
.kotofey__auditory .infographic ul {
padding: 50px 0px 0px 14px;
width: 151px;
}
.kotofey__auditory .infographic li .numletter {
display: block;
width: 26px;
height: 26px;
background-color: #8e3b65;
border-radius: 50%;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin-bottom: 4px;
}
.kotofey__auditory .infographic li p {
font-size: 14px;
line-height: 15px !important;
font-weight: 600;
padding: 0px 0px 4px 2px;
margin: 0;
}
.kotofey__auditory .infographic li p span {
display: block;
color: #d53056;
}
.kotofey__auditory .pic {
float: left;
width: 281px;
height: 286px;
background: url("../img/sprite-kotofey.png") -1427px 0px;
}
.kotofey__auditory .txt {
float: left;
width: 270px;
padding: 35px 0px 0px 26px;
}
.kotofey__auditory .txt .title {
margin-bottom: 27px;
white-space: nowrap;
}
.kotofey__benefits {
padding: 37px 0px 34px 78px;
margin-bottom: 73px;
}
.kotofey__benefits dt {
float: left;
font-size: 25px;
line-height: 25px;
font-weight: 900;
text-transform: uppercase;
color: #492b47;
padding-top: 6px;
width: 246px;
}
.kotofey__benefits dd {
float: left;
width: 98px;
}
.kotofey__benefits dd i {
display: block;
width: 55px;
height: 55px;
background-image: url("../img/sprite-kotofey.png");
margin-bottom: 7px;
}
.kotofey__benefits dd i.comfort {
background-position: -717px -105px;
}
.kotofey__benefits dd i.care {
background-position: -772px -105px;
}
.kotofey__benefits dd i.quality {
background-position: -827px -105px;
}
.kotofey__benefits dd i.availability {
background-position: -882px -105px;
}
.kotofey__benefits dd b {
display: block;
font-size: 15px;
line-height: 16px;
font-weight: 600;
}
.kotofey__benefits.eng dt {
padding: 24px 0px 0px 30px;
width: 210px;
}
.kotofey__benefits.esp dt {
padding: 24px 0px 0px 23px;
width: 180px;
}
.kotofey__benefits.esp dd {
width: 114px;
}
.kotofey__geo {
padding-bottom: 69px;
}
.kotofey__geo .title {
margin-bottom: 31px;
}
.kotofey__geo .clr {
margin-bottom: 1px !important;
}
.kotofey__geo .infographic {
width: 713px;
height: 329px;
background: url("../img/sprite-kotofey.png") 0px -213px;
margin: 0px 0px 0px -8px;
}
.kotofey__geo .tooltips {
padding: 223px 0px 0px 281px;
font-size: 0;
width: 500px;
}
.kotofey__geo .tooltips li {
display: inline-block;
vertical-align: top;
border: 1px solid #d7d7d7;
border-radius: 7px;
background-color: rgba(255, 255, 255, .95);
position: relative;
margin-left: 7px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
}
.kotofey__geo .tooltips li.regions {
width: 157px;
height: 104px;
padding: 18px 0px 0px 62px;
}
.kotofey__geo .tooltips li.regions:after {
width: 30px;
height: 37px;
background-position: -981px -105px;
top: 15px;
left: 18px;
}
.kotofey__geo .tooltips li.factories {
width: 156px;
height: 106px;
padding: 16px 0px 0px 80px;
}
.kotofey__geo .tooltips li.factories:after {
width: 44px;
height: 33px;
background-position: -937px -105px;
top: 18px;
left: 20px;
}
.kotofey__geo .tooltips li:before {
content: "";
width: 28px;
height: 12px;
background: url("../img/sprite-kotofey.png") -614px -143px;
bottom: 100%;
left: 27px;
display: block;
position: absolute;
}
.kotofey__geo .tooltips li:after {
content: "";
background-image: url("../img/sprite-kotofey.png");
display: block;
position: absolute;
}
.kotofey__geo .tooltips p {
padding: 0;
margin: 0px 0px 14px 0px !important;
line-height: 14px !important;
}
.kotofey__achievements {
padding-bottom: 67px;
}
.kotofey__achievements .title {
margin-bottom: 27px;
}
.kotofey__achievements .title + .clr {
min-height: 87px;
}
.kotofey__achievements .list .total {
float: left;
padding: 2px 96px 0px 25px;
position: relative;
width: 116px;
}
.kotofey__achievements .list .total:after {
content: '';
width: 27px;
height: 47px;
background: url("../img/sprite-kotofey.png") -330px -155px;
display: block;
position: absolute;
left: 178px;
top: 120px;
}
.kotofey__achievements .list .total dl {
padding: 0px 0px 13px 25px;
}
.kotofey__achievements .list .total dt {
font-size: 41px;
line-height: 36px;
font-weight: bold;
color: #492b47;
}
.kotofey__achievements .list .total dd {
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.kotofey__achievements .list .total i {
width: 109px;
height: 139px;
background: url("../img/sprite-kotofey.png") -713px -160px;
display: block;
margin-left: 7px;
}
.kotofey__achievements .list .awards {
float: left;
padding-top: 9px;
}
.kotofey__achievements .list .awards li {
float: left;
text-align: center;
width: 140px;
margin-right: 31px;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.kotofey__achievements .list .awards i {
display: inline-block;
vertical-align: top;
width: 140px;
height: 140px;
position: relative;
text-align: center;
font-style: normal;
margin-bottom: 23px;
}
.kotofey__achievements .list .awards i b {
display: block;
color: #492b47;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.kotofey__achievements .list .awards i span {
display: block;
}
.kotofey__achievements .list .awards i:before {
content: "";
display: block;
width: 140px;
position: absolute;
z-index: 1;
left: 0;
background-image: url("../img/sprite-kotofey.png");
}
.kotofey__achievements .list .awards i.best:before {
height: 140px;
background-position: -822px -160px;
top: 0;
}
.kotofey__achievements .list .awards i.best b {
font-size: 27px;
line-height: 22px;
padding-top: 84px;
}
.kotofey__achievements .list .awards i.best b span {
font-size: 12px;
line-height: 18px;
}
.kotofey__achievements .list .awards i.year:before {
height: 176px;
background-position: -713px -300px;
top: -30px;
}
.kotofey__achievements .list .awards i.quality:before {
height: 146px;
background-position: -853px -300px;
top: -6px;
margin-left: -6px;
}
.kotofey__achievements .list .awards i.quality b {
font-size: 21px;
line-height: 20px;
padding-top: 56px;
margin-left: -8px;
}
.kotofey__achievements .list .awards i.quality b span {
font-size: 16px;
line-height: 16px;
}
.kotofey__achievements .list .awards.eng i.quality b {
font-size: 22px;
line-height: 20px;
margin-top: 3px;
}
.kotofey__achievements .list .awards.eng i.quality b span {
font-size: 22px;
line-height: 20px;
}
.kotofey__achievements .list .awards.eng i.best b {
font-size: 33px;
}
.kotofey__achievements .list .awards.eng i.best b span {
font-size: 14px;
line-height: 16px;
padding-bottom: 4px;
}
.kotofey__achievements .list .awards.esp i.quality b {
font-size: 33px;
line-height: 20px;
margin-top: 0px;
}
.kotofey__achievements .list .awards.esp i.quality b span {
font-size: 20px;
line-height: 20px;
padding-bottom: 3px;
}
.egorevsk__about {
width: 790px;
padding-bottom: 26px;
}
.egorevsk__about .text {
float: left;
width: 337px;
min-height: 200px;
}
.egorevsk__about .text .title {
margin: 0px 0px 31px 3px !important;
}
.egorevsk__about .infographic {
float: left;
width: 440px;
padding-top: 67px;
}
.egorevsk__about .infographic dl {
float: left;
width: 119px;
margin-left: 27px;
position: relative;
padding-top: 105px;
}
.egorevsk__about .infographic dl:before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0;
background: url("../img/sprite-egorevsk.png");
width: 119px;
height: 119px;
}
.egorevsk__about .infographic dl.nonstop:before {
background-position: -832px 0px;
}
.egorevsk__about .infographic dl.people:before {
background-position: -832px -119px;
}
.egorevsk__about .infographic dl.awards:before {
background-position: -832px -238px;
left: -12px;
}
.egorevsk__about .infographic dl.nonstop dt {
padding-left: 8px;
}
.egorevsk__about .infographic dl.nonstop dd {
padding-left: 10px;
}
.egorevsk__about .infographic dl.people dt {
padding-left: 8px;
}
.egorevsk__about .infographic dl.people dd {
padding-left: 10px;
}
.egorevsk__about .infographic dl.awards dt {
padding-left: 23px;
}
.egorevsk__about .infographic dl.awards dd {
padding-left: 26px;
}
.egorevsk__about .infographic dt {
font-weight: bold;
font-size: 32px;
line-height: 27px;
color: #4a2a48;
padding-bottom: 7px;
white-space: nowrap;
letter-spacing: -0.5px;
}
.egorevsk__about .infographic dt span {
font-size: 26px;
line-height: 20px;
}
.egorevsk__about .infographic dd {
font-weight: 600;
font-size: 14px;
line-height: 15px;
}
.egorevsk__awards {
padding-bottom: 6px;
}
.egorevsk__awards .title {
margin-bottom: 0px;
}
.egorevsk__awards .item + .item {
border-top: 2px solid #ececec;
}
.egorevsk__awards .list {
padding-bottom: 27px;
}
.egorevsk__awards .item > div {
display: inline-block;
vertical-align: middle;
}
.egorevsk__awards .item .year {
width: 101px;
padding-left: 2px;
height: 103px;
background: url("../img/sprite-egorevsk.png") -465px -672px;
margin-left: 14px;
text-align: center;
}
.egorevsk__awards .item .year:before {
content: "";
height: 105%;
display: inline-block;
vertical-align: middle;
}
.egorevsk__awards .item .year b {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 16px;
color: #492b47;
text-transform: uppercase;
text-align: left;
text-indent: -4px;
}
.egorevsk__awards .item .year b span {
display: block;
font-size: 26px;
line-height: 28px;
letter-spacing: -1px;
}
.egorevsk__awards .item .name {
width: 200px;
font-weight: 600;
font-size: 18px;
line-height: 1.2em;
padding-left: 44px;
}
.egorevsk__awards .item .desc {
width: 200px;
font-weight: 600;
font-size: 14px;
line-height: 15px;
padding: 0px 0px 0px 14px;
}
.egorevsk__awards .item .pic {
background-image: url("../img/sprite-egorevsk.png");
}
.egorevsk__awards .item .pic.award-2004 {
background-position: -951px 0px;
width: 133px;
height: 132px;
margin: 12px 0px 24px 32px;
}
.egorevsk__awards .item .pic.award-2005 {
background-position: -951px -132px;
width: 67px;
height: 153px;
margin: 4px 0px 9px 57px;
}
.egorevsk__awards .item .pic.award-2013 {
background-position: -1084px 0px;
width: 133px;
height: 131px;
margin: 22px 0px 19px 19px;
}
.egorevsk__awards .leftbracket {
margin-left: -11px;
}
.egorevsk__awards.esp .leftbracket {
margin-left: -6px;
}
.egorevsk__timeline {
position: relative;
padding: 83px 0px 22px 65px;
}
.egorevsk__timeline:before {
content: "";
display: block;
z-index: 1;
width: 832px;
height: 629px;
background: url("../img/sprite-egorevsk.png") 0px 0px;
position: absolute;
top: 0;
left: -40px;
}
.egorevsk__timeline .list {
position: relative;
z-index: 2;
padding-bottom: 30px;
}
.egorevsk__timeline dl {
float: left;
height: 226px;
position: relative;
}
.egorevsk__timeline dl.date-1996 {
width: 160px;
}
.egorevsk__timeline dl.date-2001 {
width: 200px;
padding-left: 80px;
}
.egorevsk__timeline dl.date-2004 {
width: 170px;
padding-left: 75px;
}
.egorevsk__timeline dl.date-2011 {
width: 120px;
padding-left: 42px;
}
.egorevsk__timeline dl.date-2010 {
width: 130px;
padding-left: 122px;
}
.egorevsk__timeline dl.date-2007 {
width: 130px;
padding-left: 151px;
}
.egorevsk__timeline dl.date-2013 {
width: 200px;
}
.egorevsk__timeline dl.date-2014 {
width: 200px;
height: auto;
}
.egorevsk__timeline dl.date-2014:before {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 0;
background-image: url("../img/sprite-egorevsk.png")
}
.egorevsk__timeline dt {
font-size: 19px;
line-height: 26px;
color: #492b47;
font-weight: bold;
padding-bottom: 31px;
}
.egorevsk__timeline dd {
font-size: 14px;
line-height: 15px;
font-weight: 600;
margin-left: -3px;
}
.egorevsk__timeline .list .text {
float: left;
width: 400px;
min-height: 180px;
margin: -60px 0px 0px 46px;
}
.egorevsk__timeline .clr.text {
margin: 0px 0px 0px -65px;
}
.egorevsk__timeline.rus dl.date-2014:before {
width: 80px;
height: 84px;
margin: 0px 0px 5px -14px;
background-position: -568px -672px;
}
.egorevsk__timeline.eng dl.date-2014:before {
width: 76px;
height: 83px;
margin: 0px 0px 6px -12px;
background-position: -712px -672px;
}
.egorevsk__timeline.esp dl.date-2014:before {
width: 64px;
height: 84px;
margin: 0px 0px 6px -5px;
background-position: -648px -672px;
}
.egorevsk__factory {
padding-bottom: 10px;
}
.egorevsk__factory .title {
margin-bottom: 32px;
}
.egorevsk__factory .text {
padding-bottom: 18px;
}
.egorevsk__factory .infographic {
width: 780px;
margin: 0px 0px 0px -3px;
padding-bottom: 17px;
}
.egorevsk__factory .infographic .factory b {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
background-color: #8e3b65;
border-radius: 50%;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 38px;
text-align: center;
}
.egorevsk__factory .infographic .factory p {
display: inline-block;
vertical-align: middle;
margin: 1px 0px 0px 5px;
padding: 0;
}
.egorevsk__factory .infographic .factory p strong {
display: block;
font-size: 19px;
font-weight: 600;
}
.egorevsk__factory .infographic .factory p span {
font-size: 14px;
line-height: 14px;
font-weight: 600;
display: block;
}
.egorevsk__factory .infographic .first {
float: left;
width: 320px;
}
.egorevsk__factory .infographic .first i {
display: block;
width: 287px;
height: 117px;
background: url("../img/sprite-egorevsk.png") 0px -629px;
margin: 0px 0px 11px 12px;
}
.egorevsk__factory .infographic .first .balloon {
display: inline-block;
vertical-align: top;
position: relative;
border: 1px solid #d0d0d0;
border-radius: 7px;
background-color: #fafafa;
padding: 24px 11px 27px 17px;
margin-bottom: 13px;
min-width: 275px;
}
.egorevsk__factory .infographic .first .balloon .factory p strong {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.egorevsk__factory .infographic .first .balloon:after {
content: "";
width: 9px;
height: 21px;
background: url("../img/sprite-egorevsk.png") -287px -629px;
display: block;
position: absolute;
left: 100%;
top: 50%;
margin-top: -9px;
}
.egorevsk__factory .infographic .first .name {
font-weight: 600;
text-align: center;
font-size: 14px;
line-height: 15px;
padding-right: 17px;
}
.egorevsk__factory .infographic .others {
float: left;
width: 450px;
padding: 3px 0px 0px 0px;
position: relative;
}
.egorevsk__factory .infographic .others:before {
content: "";
display: block;
width: 169px;
height: 204px;
background: url("../img/sprite-egorevsk.png") -296px -629px;
position: absolute;
top: 57px;
left: 1px;
}
.egorevsk__factory .infographic .others .control p {
font-size: 14px;
line-height: 14px;
font-weight: 600;
width: 215px;
position: relative;
}
.egorevsk__factory .infographic .others .control p:after {
content: "";
display: block;
width: 12px;
height: 7px;
background: url("../img/sprite-egorevsk.png") -1018px -247px;
position: absolute;
bottom: -19px;
left: 1px;
}
.egorevsk__factory .infographic .others .list {
padding: 10px 0px 0px 180px;
z-index: 2;
position: absolute;
top: 66px;
left: 0;
}
.egorevsk__factory .infographic .others .list .factory p {
margin-top: -4px;
}
.egorevsk__factory .infographic .others .list .factory + .factory {
padding-top: 92px;
}
.egorevsk__factory .stat {
text-align: center;
margin-left: 12px;
}
.egorevsk__factory .stat .bracket {
display: inline-block;
vertical-align: top;
width: 500px;
height: 42px;
background: url("../img/sprite-egorevsk.png") -465px -629px;
margin: 0px 0px 24px -54px;
}
.egorevsk__factory .stat .list {
margin: 0px 0px 59px -44px;
}
.egorevsk__factory .stat dl {
display: inline-block;
vertical-align: top;
width: 95px;
margin: 0px 42px 0px 41px;
position: relative;
text-align: left;
padding: 100px 0px 0px 20px;
}
.egorevsk__factory .stat dl:before {
content: "";
display: block;
position: absolute;
left: 0;
background: url("../img/sprite-egorevsk.png");
}
.egorevsk__factory .stat dl.people:before {
background-position: -832px -357px;
width: 115px;
height: 115px;
top: 0;
}
.egorevsk__factory .stat dl.equipment:before {
background-position: -832px -472px;
width: 119px;
height: 120px;
top: -5px;
}
.egorevsk__factory .stat dl.shoes:before {
background-position: -1018px -132px;
width: 115px;
height: 115px;
top: 0;
}
.egorevsk__factory .stat dt {
white-space: nowrap;
font-weight: bold;
color: #4a2a48;
font-size: 34px;
line-height: 28px;
min-height: 28px;
padding-bottom: 6px;
}
.egorevsk__factory .stat dd {
font-weight: 600;
font-size: 14px;
line-height: 14px;
white-space: nowrap;
}
.egorevsk__social .title {
margin-bottom: 27px;
}
.egorevsk__social .clr {
margin-bottom: 36px !important;
}
.egorevsk__social .list {
width: 820px;
padding-bottom: 12px;
}
.egorevsk__social .list dl {
display: inline-block;
vertical-align: top;
width: 180px;
min-height: 170px;
padding: 0px 69px 70px 154px;
position: relative;
}
.egorevsk__social .list dl:before {
content: "";
display: block;
position: absolute;
background: url("../img/sprite-egorevsk.png");
}
.egorevsk__social .list dl.sport:before {
width: 156px;
height: 166px;
background-position: -951px -285px;
top: 1px;
left: -15px;
}
.egorevsk__social .list dl.culture:before {
width: 201px;
height: 178px;
background-position: -951px -451px;
top: 1px;
left: -62px;
}
.egorevsk__social .list dl.support:before {
width: 156px;
height: 162px;
background-position: -1107px -285px;
top: -24px;
left: -15px;
}
.egorevsk__social .list dl.old:before {
width: 156px;
height: 160px;
background-position: -965px -629px;
top: -24px;
left: -34px;
}
.egorevsk__social .list dl.support,
.egorevsk__social .list dl.old {
min-height: 133px;
}
.egorevsk__social .list dt {
font-size: 17px;
line-height: 17px;
font-weight: bold;
color: #492b47;
text-transform: uppercase;
padding-bottom: 15px;
}
.egorevsk__social .list dd {
font-size: 15px;
line-height: 20px;
}
.exiar__intro {
margin-bottom: 11px !important;
}
.exiar__analog {
padding: 33px 30px 14px;
margin-bottom: 66px;
}
.exiar__contracts {
padding-bottom: 15px;
}
.exiar__contracts .infographic {
overflow: hidden;
padding-bottom: 76px;
}
.exiar__contracts .infographic .money {
float: left;
width: 300px;
padding: 30px 0px 0px 14px;
}
.exiar__contracts .infographic .money .item + .item {
padding-top: 27px;
}
.exiar__contracts .infographic .money .item .icon {
display: inline-block;
vertical-align: middle;
width: 123px;
height: 123px;
background-image: url("../img/sprite-exiar.png");
margin-right: 13px;
}
.exiar__contracts .infographic .money .item .icon.gov {
background-position: -698px -309px;
}
.exiar__contracts .infographic .money .item .icon.capital {
background-position: -821px -309px;
}
.exiar__contracts .infographic .money .item .desc {
display: inline-block;
vertical-align: middle;
width: 160px;
position: relative;
top: -3px;
}
.exiar__contracts .infographic .money .item .desc .price {
color: #492b47;
padding-bottom: 5px;
}
.exiar__contracts .infographic .money .item .desc .price .icon-currency {
display: inline-block;
vertical-align: top;
width: 31px;
height: 31px;
background-image: url("../img/sprite-exiar.png")
}
.exiar__contracts .infographic .money .item .desc .price .icon-currency.rouble {
background-position: -770px -432px;
}
.exiar__contracts .infographic .money .item .desc .price .icon-currency.dollar {
background-position: -739px -432px;
}
.exiar__contracts .infographic .money .item .desc .price .digit {
display: inline-block;
vertical-align: top;
font-size: 35px;
line-height: 36px;
font-weight: bold;
letter-spacing: -1px;
}
.exiar__contracts .infographic .money .item .desc .price .currency {
display: inline-block;
vertical-align: top;
font-size: 9.8px;
line-height: 11.68px;
font-weight: bold;
text-transform: uppercase;
padding: 4px 0px 0px 1px;
white-space: nowrap;
width: 10px;
}
.exiar__contracts .infographic .money .item .desc p {
font-weight: 600;
font-size: 14px;
line-height: 15px;
margin-bottom: 0 !important;
padding-left: 3px;
}
.exiar__contracts .infographic .graph {
float: right;
position: relative;
margin-right: 62px;
width: 365px;
height: 309px;
background: url("../img/sprite-exiar.png") -573px -0px;
}
.exiar__contracts .infographic .graph .legend {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 20.31px;
line-height: 21.06px;
position: absolute;
top: 8px;
left: 56px;
color: #492b47;
}
.exiar__contracts .infographic .graph .periods li {
position: absolute;
color: #492b47;
white-space: nowrap;
}
.exiar__contracts .infographic .graph .periods li.date-2011 {
bottom: 43px;
left: 59px;
}
.exiar__contracts .infographic .graph .periods li.date-2012 {
bottom: 60px;
left: 141px;
}
.exiar__contracts .infographic .graph .periods li.date-2013 {
bottom: 128px;
left: 224px;
}
.exiar__contracts .infographic .graph .periods li.date-2014 {
top: 0px;
left: 347px;
}
.exiar__contracts .infographic .graph .periods li .icon {
background: url("../img/sprite-exiar.png") -739px -432px;
width: 31px;
height: 31px;
margin-bottom: 6px;
}
.exiar__contracts .infographic .graph .periods li b {
display: block;
font-size: 20.83px;
line-height: 18px;
letter-spacing: -1px;
padding: 0px 0px 2px 2px;
}
.exiar__contracts .infographic .graph .periods li span {
display: block;
font-size: 9.12px;
line-height: 10.87px;
text-transform: uppercase;
font-weight: bold;
padding-left: 3px;
}
.exiar__contracts .infographic .graph .created {
font-weight: bold;
font-size: 12.5px;
line-height: 14px;
color: #a197a1;
position: absolute;
bottom: -34px;
left: 58px;
text-transform: uppercase;
display: block;
}
.exiar__services {
position: relative;
margin: -28px 0px 25px;
}
.exiar__services .infographic {
width: 420px;
height: 311px;
background: url("../img/sprite-exiar.png") -0px -353px;
position: absolute;
top: -4px;
left: 34px;
}
.exiar__services .infographic:before {
content: "";
display: block;
position: absolute;
top: 103px;
left: 49px;
width: 103px;
height: 103px;
background: url("../img/sprite-exiar.png") -698px -536px;
}
.exiar__services .infographic.en:before {
background-position: -801px -536px;
}
.exiar__services ul {
width: 240px;
padding-left: 480px;
}
.exiar__services ul li {
font-weight: 600;
font-size: 13.54px;
line-height: 14.58px;
margin-bottom: 8px;
}
.exiar__services ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 70px;
}
.exiar__services ul li span {
display: inline-block;
vertical-align: middle;
}
.exiar__benefits {
padding-bottom: 23px;
}
.exiar__benefits .infographic {
overflow: hidden;
margin: 32px -50px 37px -3px;
}
.exiar__benefits .infographic li {
float: left;
position: relative;
text-align: center;
width: 264px;
}
.exiar__benefits .infographic li .icon {
width: 139px;
height: 139px;
background-image: url("../img/sprite-exiar.png");
display: inline-block;
vertical-align: top;
margin: 0px 0px 28px -16px;
}
.exiar__benefits .infographic li .icon.restrictions {
background-position: -420px -353px;
}
.exiar__benefits .infographic li .icon.regions {
background-position: -420px -492px;
}
.exiar__benefits .infographic li .icon.limits {
background-position: -420px -631px;
}
.exiar__benefits .infographic li + li:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 206px;
background-color: #dddae3;
top: 8px;
left: 0;
}
.exiar__benefits .infographic li p span {
display: inline-block;
vertical-align: top;
text-align: left;
width: 170px;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.exiar__benefits .grey-box {
margin-top: 43px !important;
padding: 26px 30px 8px;
}
.exiar__clients {
padding-bottom: 35px;
}
.exiar__clients .infographic {
overflow: hidden;
margin: 19px -50px 42px -3px;
}
.exiar__clients .infographic li {
float: left;
position: relative;
text-align: center;
width: 264px;
}
.exiar__clients .infographic li .icon {
width: 139px;
height: 139px;
background-image: url("../img/sprite-exiar.png");
display: inline-block;
vertical-align: top;
margin: 0px 0px 16px -16px;
}
.exiar__clients .infographic li .icon.companies {
background-position: -559px -353px;
}
.exiar__clients .infographic li .icon.investors {
background-position: -559px -492px;
}
.exiar__clients .infographic li .icon.banks {
background-position: -559px -631px;
}
.exiar__clients .infographic li + li:before {
content: "";
display: block;
position: absolute;
width: 1px;
height: 206px;
background-color: #dddae3;
top: 8px;
left: 0;
}
.exiar__clients .infographic li p span {
display: inline-block;
vertical-align: top;
text-align: left;
width: 180px;
font-size: 13.54px;
line-height: 14.58px;
font-weight: 600;
}
.exiar__clients .infographic li p span b {
display: block;
font-size: 16.67px;
line-height: 16.67px;
padding-bottom: 9px;
}
.exiar__clients .infographic li .icon.investors + p span {
width: 186px;
}
.exiar__clients .infographic li .icon.banks + p span {
width: 144px;
}
.exiar__branches {
margin: -39px 0px 38px;
}
.exiar__branches .infographic {
width: 573px;
height: 353px;
background: url("../img/sprite-exiar.png") -0px -0px;
position: relative;
margin: 0px 0px 29px 80px;
}
.exiar__branches .infographic .cities li {
position: absolute;
text-transform: uppercase;
width: 140px;
text-align: center;
font-weight: bold;
color: #492b47;
font-size: 12.5px;
line-height: 14px;
}
.exiar__branches .infographic .cities li.moscow {
top: 202px;
left: 15px;
}
.exiar__branches .infographic .cities li.vladivostok {
top: 298px;
left: 437px;
}
.exiar__branches .infographic .new {
position: absolute;
top: 98px;
left: 231px;
z-index: 2;
}
.exiar__branches .infographic .new .logo {
display: block;
width: 177px;
height: 63px;
background: url("../img/sprite-exiar.png") -698px -473px;
margin-bottom: 31px;
}
.exiar__branches .infographic .new .logo.en {
background-position: -698px -639px;
}
.exiar__branches .infographic .new dt {
color: #492b47;
font-weight: bold;
font-size: 16.67px;
line-height: 18px;
text-transform: uppercase;
padding-bottom: 6px;
}
.exiar__branches .infographic .new dd {
font-weight: 600;
font-size: 13.54px;
line-height: 14.58px;
width: 130px;
padding-left: 2px;
}
.exiar__branches .quote {
padding: 0px 61px 67px;
position: relative;
}
.exiar__branches .quote p {
font-weight: 600;
font-size: 16.67px;
line-height: 20.83px !important;
color: #492b47;
}
.exiar__branches .quote dl {
padding: 7px 0px 0px 2px;
}
.exiar__branches .quote dt {
font-weight: 600;
font-size: 16px;
line-height: 16px;
}
.exiar__branches .quote dd {
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.exiar__branches .quote:before {
content: "";
display: block;
position: absolute;
top: -5px;
left: 2px;
background: url("../img/sprite-exiar.png") -698px -432px;
width: 41px;
height: 41px;
}
.main_index_v2 {
padding-top: 29px;
margin: -86px 0px 0px -76px;
}
.main_index_v2 .lastnews .title {
position: relative;
z-index: 1000;
width: 380px;
font-weight: bold;
font-size: 23px;
line-height: 24px;
text-transform: uppercase;
padding: 31px 0px 18px 42px;
}
.main_index_v2 .lastnews .title span {
color: #EF296E;
}
.main_index_v2 .lastnews-slider {
position: relative;
width: 942px;
height: 365px;
/* margin-bottom: 47px; */
}
.main_index_v2 .lastnews-slider .pager {
position: absolute;
z-index: 1000;
left: 46px;
bottom: 20px;
}
.main_index_v2 .lastnews-slider .pager span {
display: inline-block;
vertical-align: top;
font-size: 0;
text-indent: -9999px;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: #fff;
margin-right: 8px;
cursor: pointer;
}
.main_index_v2 .lastnews-slider .pager span.cycle-pager-active {
background-color: #c53f56;
}
.main_index_v2 .lastnews-slider .item {
position: relative;
width: 942px;
height: 365px;
}
.main_index_v2 .lastnews-slider .item img {
display: block;
position: relative;
z-index: 1;
}
.main_index_v2 .lastnews-slider .item .desc {
position: absolute;
z-index: 2;
top: 0;
right: 45px;
height: 100%;
width: 320px;
background-color: rgba(38, 28, 31, .7);
}
.main_index_v2 .lastnews-slider .item .desc .date {
display: block;
font-style: italic;
color: #ef6483;
font-weight: 500;
font-size: 14.58px;
line-height: 16px;
padding: 43px 0px 9px 36px;
}
.main_index_v2 .lastnews-slider .item .desc .name {
display: block;
color: #ef6483;
font-weight: 500;
font-size: 29.17px;
line-height: 29.17px;
padding: 0px 10px 0px 36px;
overflow: hidden;
position: relative;
height: 234px;
}
.main_index_v2 .lastnews-slider .item .desc .name a {
color: #fff;
text-decoration: none;
}
.main_index_v2 .lastnews-slider .item .desc .more {
display: block;
color: #ef6483;
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding: 0px 10px 0px 36px;
}
.main_index_v2 .lastnews-slider .item .desc .more a {
color: #fff;
text-decoration: none;
position: relative;
display: inline-block;
vertical-align: top;
}
.main_index_v2 .lastnews-slider .item .desc .more a:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 100%;
background: url("../img/lastnews-more.png");
width: 8px;
height: 6px;
margin: -1px 0px 0px 5px;
}
.main_index_v2 .lastnews-slider .item .desc .more a:hover {
text-decoration: underline;
}
.main_index_v2 .newslist-filter {
height: 54px;
background-color: #f3f3f3;
margin: -47px 0px 49px;
width: 942px;
}
.main_index_v2 .newslist-filter ul {
float: left;
padding-left: 43px;
position: relative;
top: 34px;
}
.main_index_v2 .newslist-filter ul + ul {
float: right;
padding-right: 43px;
}
.main_index_v2 .newslist-filter li {
float: left;
}
.main_index_v2 .newslist-filter a {
display: block;
height: 37px;
font-size: 12.5px;
line-height: 37px;
padding: 0px 19px;
font-weight: bold;
text-transform: uppercase;
color: #40343f;
border: 1px solid #D9D9D9;
text-decoration: none;
background-color: #fff;
}
.main_index_v2 .newslist-filter a.active {
background-color: #f4f4f4;
}
.main_index_v2 .newslist-filter li:first-child a {
border-radius: 4px 0px 0px 4px;
}
.main_index_v2 .newslist-filter li:last-child a {
border-radius: 0px 4px 4px 0px;
}
.main_index_v2 .newslist-filter li + li a {
border-left-width: 0;
}
.main_index_v2 .newslist {
width: 860px;
margin: 50px 0px 50px 45px;
}
.main_index_v2 .newslist li {
width: 208px;
height: 204px;
margin: 0px 7px 7px 0px;
background-color: #B0ADAE;
position: relative;
}
.main_index_v2 .newslist img {
display: block;
position: relative;
z-index: 1;
}
.main_index_v2 .newslist img + .fader {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .35);
z-index: 2;
}
.main_index_v2 .newslist .name {
display: block;
position: absolute;
z-index: 3;
bottom: 22px;
left: 20px;
right: 20px;
}
.main_index_v2 .newslist .name i {
display: block;
color: #d5d5d5;
font-weight: 500;
font-size: 12.9px;
line-height: 1;
padding-bottom: 8px;
}
.main_index_v2 .newslist .name b {
display: block;
color: #fff;
font-weight: 500;
font-size: 16.58px;
line-height: 18.43px;
}
.main_index_v2 .newslist li.rect {
width: 423px;
}
.main_index_v2 .newslist li.rect .name b {
font-size: 20.83px;
line-height: 20.83px;
}
.main_index_v2 .newslist li.rect-long {
width: 208px;
height: 415px;
}
.main_index_v2 .newslist li.rect-long .name b {
font-size: 18px;
line-height: 18px;
}
.main_index_v2 .newslist li.square-purple {
background-color: #40343f;
}
.main_index_v2 .newslist li.square-red {
background-color: #c53f56;
}
.main_index_v2 .newslist li.square-red .name i {
color: #272123;
}
.main_index_v2 .newslist li.square-gray .name i {
color: #272123;
}
.main_index_v2 .newslist li.square-big {
width: 423px;
height: 415px;
}
.main_index_v2 .newslist li.square-big .name b {
font-size: 20.83px;
line-height: 20.83px;
}
.main_index_v2 .newslist a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.main_index_v2 .newslist a:hover .name b {
text-decoration: underline;
}
.main_index_v2-news {
margin: 50px -30px;
}
.main_index_v2-news .breadcrumbs {
float: none;
overflow: hidden;
border-bottom: 3px solid #313234;
margin-bottom: 39px;
padding-bottom: 22px;
}
.main_index_v2-news .news-title .info .date {
font-style: italic;
font-size: 14.58px;
line-height: 1;
font-weight: 500;
padding-bottom: 14px;
}
.main_index_v2-news .news-title .info .title {
font-size: 41.67px;
line-height: 40px;
font-weight: 500;
width: 550px;
}
.main_index_v2-news .news-title.type-img {
position: relative;
margin-bottom: 36px;
}
.main_index_v2-news .news-title.type-img img {
display: block;
}
.main_index_v2-news .news-title.type-img .info {
color: #fff;
position: absolute;
bottom: 35px;
left: 33px;
}
.main_index_v2-news .news-title.type-noimg {
margin: 0px 0px 22px 44px;
}
.main_index_v2-news .news-content {
padding-bottom: 53px;
}
.main_index_v2-news .news-content .txt {
float: left;
width: 530px;
padding: 28px 0px 0px 45px;
}
.main_index_v2-news .news-content .txt p {
line-height: 19px;
margin-bottom: 19px;
}
.main_index_v2-news .news-content .txt a {
color: #EF296E;
}
.main_index_v2-news .news-content .txt a:hover {
color: #999;
text-decoration: none;
}
.main_index_v2-news .news-content .txt .share {
float: none;
overflow: hidden;
margin: 30px 0px 20px;
}
.main_index_v2-news .news-content .other {
float: right;
width: 208px;
}
.main_index_v2-news .news-content .other .title {
padding-bottom: 12px;
}
.main_index_v2-news .news-content .other ul li {
width: 208px;
height: 204px;
float: left;
margin: 0px 7px 7px 0px;
background-color: #ccc;
position: relative;
}
.main_index_v2-news .news-content .other ul li:nth-child(1) {
background-color: #40343f;
}
.main_index_v2-news .news-content .other ul li:nth-child(3) {
background-color: #c53f56;
}
.main_index_v2-news .news-content .other ul li:nth-child(3) .name i {
color: #272123;
}
.main_index_v2-news .news-content .other ul img {
display: block;
position: relative;
z-index: 1;
}
.main_index_v2-news .news-content .other ul img + .fader {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(38, 28, 31, .6);
z-index: 2;
}
.main_index_v2-news .news-content .other ul .name {
display: block;
position: absolute;
z-index: 3;
bottom: 25px;
left: 20px;
}
.main_index_v2-news .news-content .other ul .name i {
display: block;
color: #d5d5d5;
font-weight: 500;
font-size: 12.9px;
line-height: 1;
padding-bottom: 8px;
}
.main_index_v2-news .news-content .other ul .name b {
display: block;
color: #fff;
font-weight: 500;
font-size: 16.58px;
line-height: 18.43px;
}
.main_index_v2-news .news-content .other ul a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.main_index_v2-news .news-content .other ul a:hover .name b {
text-decoration: underline;
}
.brand_base ul {
display: block;
width: 852px;
height: 544px;
margin-left: -30px;
}
.brand_base li {
width: 284px;
height: 272px;
color: #fff;
display: block;
float: left;
position: relative;
}
.brand_base li.purple {
background-color: #40343f;
}
.brand_base li.red {
background-color: #c53f56;
}
.brand_base li.gray {
background-color: #B0ADAE;
}
.brand_base li img {
display: block;
position: relative;
z-index: 1;
}
.brand_base li img + .fader {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .35);
z-index: 2;
}
.brand_base li .info {
position: absolute;
top: 0;
left: 0;
width: 244px;
height: 232px;
z-index: 3;
padding: 20px;
}
.brand_base li .info .info_wrapper {
position: relative;
height: 232px;
}
.brand_base li .info .img_title {
height: 108px;
position: absolute;
top: 0;
font-size: 54px ;
}
.brand_base li .info .img_title small{
font-size: 17px;
}
.brand_base li .info .img_text {
position: absolute;
bottom : 0;
font-size: 15px;
}
.brand_base li .info .img_text b {
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
.hcc {
font-family: 'HouschkaProMedium','Arial',sans-serif !important;
}
.hcc.hc__menu__line {
border-color: #c6304a;
}
.hcc.hc__menu {
border-bottom: 1px solid #EFEFEF;
}
.hcc.hc__menu__login {
margin-top: 0;
}
.hcc.hc__form__send:hover {
background: #d16679;
}
.hcc.hc__form__send {
background: #c6304a;
}
.hcc.hc__footer__r {
display: none;
}
.hcc.hc__manager__item {
color: #CCC;
}
.hcc.hc__manager__item:hover {
color: #000;
}
.hcc.hc__reply__box__textarea,
.hcc.hc__reply__box textarea {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.hcc.hc__parent {
background: transparent;
}
.hcc.hc__time,
.hcc.hc__nick__parent {
color: #CCC;
}
.hcc.hc__nick,
.hcc.hc__parent__nick {
color: #c6304a;
}
.hcc.hc__reply__photo img,
.hcc.hc__avatar img {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.b-year-goals {
margin: 70px 0 !important;
padding: 0 !important;
list-style: none !important;
}
.b-year-goals li {
position: relative;
z-index: 0;
margin: 0;
padding: 0 0 65px 157px;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
}
.b-year-goals li+li {
margin-top: 0 !important;
}
.b-year-goals li:before {
content: "";
display: block;
position: absolute;
left: 135px;
top: 15px;
z-index: 0;
width: 1px;
height: 100%;
background: #E7E7E7;
}
.b-year-goals-1 {
background-image: url('../img/goals-1.png');
}
.b-year-goals-2 {
background-image: url('../img/goals-2.png');
}
.b-year-goals-3 {
background-image: url('../img/goals-3.png');
}
.b-year-goals-4 {
background-image: url('../img/goals-4.png');
}
.b-year-goals-5 {
background-image: url('../img/goals-5.png');
}
.b-year-goals-6 {
background-image: url('../img/goals-6.png');
}
.b-year-goals-7 {
background-image: url('../img/goals-7.png');
}
.b-year-goals-8 {
background-image: url('../img/goals-8.png');
}
.b-year-goals-9 {
background-image: url('../img/goals-9.png');
}
.b-year-goals-10 {
background-image: url('../img/goals-10.png');
}
.b-year-goals li:after {
content: "";
display: block;
position: absolute;
top: 9px;
left: 128px;
z-index: 1;
width: 7px;
height: 7px;
background: #FFF;
border: 4px solid #de5073;
border-radius: 50%;
}
.b-year-goals li:first-child:before,
.b-year-goals li:first-child:after {
display: none;
}
.b-year-goals li:last-child {
padding-bottom: 0;
}
.b-year-goals li:last-child:before {
display: none;
}
.b-year-goals-date {
display: inline-block;
margin-bottom: 15px;
padding: 0 10px;
font: normal normal 17px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 33px;
color: #4a2a48;
background: #F0F0F0;
border-radius: 5px;
}
.b-year-goals-text {
display: block;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 1.4;
color: #141414;
}
.b-year-goals-more {
display: inline-block;
position: relative;
z-index: 0;
margin-top: 15px;
padding-right: 23px;
font: normal normal 15px 'HouschkaProMedium','Arial',sans-serif;
line-height: 1.4;
color: #141414 !important;
text-decoration: underline;
}
.b-year-goals-more:hover {
color: #de5073 !important;
}
.b-year-goals-more:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
z-index: 0;
margin-top: -4px;
width: 13px;
height: 8px;
background: transparent url('../img/goals-more.png') 0 0 no-repeat;
}
.b-news-text ul.b-text-list-dash {
margin-left: 0;
list-style-type: none;
}
.b-news-text ul.b-text-list-dash li {
position: relative;
z-index: 0;
padding-left: 12px;
}
.b-news-text ul.b-text-list-dash li:before {
content: "-";
display: block;
position: absolute;
z-index: 0;
top: 1px;
left: 0;
}
.l-row {
overflow: hidden;
margin: 0 -20px;
}
.l-col-33 {
box-sizing: border-box;
float: left;
padding: 20px;
width: 33.333%;
}
.b-text-list-num {
counter-reset: cnt;
}
.b-text-list-num li {
position: relative;
z-index: 0;
vertical-align: top;
float: none !important;
display: inline-block;
}
.b-text-list-num li:before {
box-sizing: border-box;
display: block;
margin-bottom: 25px;
width: 44px;
height: 44px;
font: normal normal 23px 'HouschkaProBold',Arial,sans-serif;
line-height: 44px;
color: #492b47;
text-align: center;
border: 2px solid #492b47;
border-radius: 50%;
content: counter(cnt);
counter-increment: cnt;
}
.grey-box-miuz {
margin-top: 50px;
}
.grey-box-table {
padding: 20px;
}
.grey-box-table li {
overflow: hidden;
}
.grey-box-table li+li {
margin-top: 60px;
}
.grey-box-table-header {
float: left;
width: 170px;
}
.grey-box-table-header-name {
display: inline-block;
font: normal normal 23px 'HouschkaProBold',Arial,sans-serif;
line-height: 25px;
color: #4b2f49;
}
.grey-box-table-header-birth {
display: inline-block;
padding-bottom: 10px;
font: normal normal 15px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
color: #4b2f49;
border-bottom: 2px solid #d3d0d9;
}
.grey-box-table-text {
overflow: hidden;
display: block;
font: normal normal 16px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 20px;
color: #0c0c0c;
}
.brand__article p.miuz-p {
margin: 40px 0;
}
.brand__article p.miuz-p-single {
margin: 0;
}
.b-miuz-timeline {
overflow: hidden;
margin-bottom: 25px;
width: 727px;
height: 465px;
background: transparent url("/st/img/muz/history.jpg") 0 0 no-repeat;
}
.b-miuz-timeline li {
position: relative;
left: 50%;
z-index: 1;
width: 200px;
}
.b-miuz-timeline li:nth-child(odd) {
margin-left: 29px;
}
.b-miuz-timeline li:nth-child(even) {
margin-left: -231px;
text-align: right;
}
.b-miuz-timeline-time {
display: inline-block;
margin-bottom: 10px;
padding: 2px 9px 0;
font: normal normal 25px 'HouschkaProBold','Arial',sans-serif;
line-height: 35px;
color: #492b47;
background: #eef0f0;
border-radius: 5px;
}
.b-miuz-timeline-label {
display: block;
font: normal normal 14px 'HouschkaProMedium','Arial',sans-serif;
line-height: 15px;
color: #492b47;
letter-spacing: 0.5px;
}
.b-miuz-timeline li:nth-child(1) {
margin-top: 2px;
margin-bottom: 27px;
}
.b-miuz-timeline li:nth-child(2) {
margin-bottom: 40px;
}
.b-miuz-timeline li:nth-child(3) {
margin-bottom: 25px;
}
.b-miuz-timeline li:nth-child(4) {
margin-bottom: 37px;
}
.b-miuz-1923 {
position: relative;
z-index: 0;
margin: 40px 0;
width: 726px;
height: 220px;
background: transparent url('../img/muz/1923.jpg') 0 0 no-repeat;
}
.b-miuz-1923-content {
overflow: hidden;
position: absolute;
top: 92px;
left: 350px;
z-index: 0;
width: 315px;
}
.b-miuz-1923-1 {
float: left;
width: 115px;
border-right: 1px solid #dedbe4;
}
.b-miuz-1923-1-1 {
font: normal normal 18px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 23px;
color: #4a2a48;
}
.b-miuz-1923-1-2 {
font: normal normal 38px 'HouschkaProBold','Arial',sans-serif;
line-height: 38px;
color: #cc415f;
}
.b-miuz-1923-1-3 {
font: normal normal 18px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 23px;
color: #4a2a48;
}
.b-miuz-1923-2 {
overflow: hidden;
padding: 3px 0 0 30px;
font: normal normal 16px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 19px;
color: #0c0c0c;
}
.b-miuz-1923-3 {
margin-top: 30px;
font: normal normal 13px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 15px;
color: #0c0c0c;
letter-spacing: -0.4px;
}
.b-miuz-1959 {
position: relative;
z-index: 0;
margin: 75px 0 35px;
width: 701px;
height: 400px;
background: transparent url('../img/muz/1959.jpg') 0 0 no-repeat;
}
.b-miuz-1959-content {
position: absolute;
top: 28px;
left: 63px;
z-index: 0;
width: 255px;
}
.b-miuz-1959-content span {
display: block;
}
.b-miuz-1959-1 {
margin-bottom: 13px;
padding-right: 16px;
font: normal normal 17px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 19px;
color: #0c0c0c;
text-align: center;
}
.b-miuz-1959-2 {
padding: 15px 19px 0 0;
margin: 0 auto 38px;
width: 110px;
text-align: center;
border-top: 2px solid #dedbe4;
}
.b-miuz-1959-2-1 {
font: normal normal 38px 'HouschkaProBold','Arial',sans-serif;
line-height: 38px;
color: #cc415f;
}
.b-miuz-1959-2-2 {
font: normal normal 18px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 18px;
color: #4a2a48;
}
.b-miuz-1959-3 {
padding-left: 124px;
margin-bottom: 31px;
}
.b-miuz-1959-3-1 {
font: normal normal 34px 'HouschkaProBold','Arial',sans-serif;
line-height: 35px;
color: #492b47;
}
.b-miuz-1959-3-2 {
font: normal normal 16px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 19px;
color: #0c0c0c;
}
.b-miuz-1959-4 {
overflow: hidden;
padding-left: 124px;
}
.b-miuz-1959-4-1 {
float: left;
margin-right: 7px;
font: normal normal 34px 'HouschkaProBold','Arial',sans-serif;
line-height: 35px;
color: #492b47;
}
.b-miuz-1959-4-2 {
overflow: hidden;
padding-top: 3px;
font: normal normal 12px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 12px;
color: #4a2a48;
}
.b-miuz-1959-4-3 {
margin-top: 9px;
font: normal normal 15px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 15px;
color: #0c0c0c;
}
.b-miuz-today {
overflow: hidden;
margin: 25px 0 70px;
width: 745px;
height: 210px;
background: transparent url('../img/muz/stat.jpg') 0 0 no-repeat;
}
.b-miuz-today li {
float: left;
}
.b-miuz-today-1 {
width: 223px;
}
.b-miuz-today-2 {
width: 257px;
}
.b-miuz-today-3 {
width: 265px;
}
.b-miuz-today-header {
display: block;
position: relative;
z-index: 0;
padding-top: 50px;
margin-bottom: 43px;
font: normal normal 75px 'HouschkaProBold','Arial',sans-serif;
line-height: 75px;
color: #492b47;
text-align: center;
}
.b-miuz-today-header span {
font: normal normal 30px 'HouschkaProDemiBold','Arial',sans-serif;
}
.b-miuz-today-header:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
z-index: 0;
margin-left: -39px;
width: 78px;
height: 2px;
background: #cc415f;
}
.b-miuz-today-hint {
display: block;
text-align: center;
}
.b-miuz-today-hint span {
display: inline-block;
font: normal normal 14px 'HouschkaProDemiBold','Arial',sans-serif;
line-height: 15px;
color: #0c0c0c;
text-align: left;
}
.b-brands-h2 {
position: relative;
z-index: 0;
margin: 70px 0 40px;
font: normal normal 25px 'HouschkaProBold';
line-height: 24px;
color: #492b47;
text-transform: uppercase;
}
.b-brands-h2:after {
content: "";
display: block;
position: absolute;
bottom: -8px;
left: 0;
z-index: 0;
width: 63px;
height: 3px;
background: #492b47;
border-radius: 1px;
}
.b-brands-h3 {
margin: 50px 0 40px;
font: normal normal 22px 'HouschkaProBold';
line-height: 22px;
color: #492b47;
text-transform: uppercase;
}
.b-brands-p {
margin: 0 0 25px;
font: normal normal 15px 'HouschkaProMedium';
line-height: 21px;
color: #242424;
letter-spacing: 0.2px;
}
.b-brands-important {
padding: 25px 40px;
background: #f5f5f5;
}
.b-brands-cost {
overflow: hidden;
position: relative;
z-index: 0;
padding-left: 40px;
background: transparent url('../img/bolin/6.png') 0 0 no-repeat;
}
.b-brands-cost-value {
float: left;
margin-right: 5px;
font: normal normal 38px 'HouschkaProBold';
line-height: 38px;
color: #492b47;
}
.b-brands-cost-unit {
overflow: hidden;
font: normal normal 14px 'HouschkaProDemiBold';
line-height: 14px;
color: #492b47;
}
.b-brands-cost-extra {
padding-left: 40px;
font: normal normal 13px 'HouschkaProDemiBold';
line-height: 13px;
color: #242424;
}
.b-brands-cost-extra {
overflow: hidden;
padding-left: 40px;
}
.b-brands-cost+.b-brands-cost-extra {
padding-left: 0;
}
.b-brands-label-plain {
font: normal normal 14px 'HouschkaProDemiBold';
line-height: 16px;
color: #242424;
}
.b-brands-label-rhomb {
position: relative;
z-index: 0;
margin: 0 auto 10px;
width: 90px;
font: normal normal 13px 'HouschkaProDemiBold';
line-height: 26px;
color: #fff;
text-align: center;
letter-spacing: 0.2px;
}
.b-brands-label-rhomb:after,
.b-brands-label-rhomb:before {
content: "";
display: block;
position: absolute;
top: 0;
border-color: inherit;
border-top: 13px dashed transparent;
border-bottom: 13px dashed transparent;
}
.b-brands-label-rhomb:after {
right: -10px;
border-left-width: 10px;
border-left-style: solid;
}
.b-brands-label-rhomb:before {
left: -10px;
border-right-width: 10px;
border-right-style: solid;
}
.b-brands-label-rhomb-pink {
background: #E9405F;
border-color: #E9405F;
}
.b-brands-label-rhomb-purple {
background: #413240;
border-color: #413240;
}
.b-brands-digit {
font: normal normal 53px 'HouschkaProBold';
line-height: 25px;
color: #492b47;
text-align: center;
}
.b-bolin-1 {
overflow: hidden;
position: relative;
z-index: 0;
margin-bottom: 30px;
height: 345px;
background: transparent url('../img/bolin/2.png') 51% 50px no-repeat;
}
.b-bolin-1-1 {
margin-top: 20px;
margin-bottom: 15px;
font: normal normal 13px 'HouschkaProMedium';
line-height: 20px;
color: #492b47;
text-align: center;
letter-spacing: 0.8px;
}
.b-bolin-1-2 {
font: normal normal 22px 'HouschkaProMedium';
line-height: 25px;
color: #492b47;
text-align: center;
letter-spacing: 1px;
}
.b-bolin-1-3 {
position: absolute;
top: 80px;
left: 0;
z-index: 0;
padding-top: 130px;
width: 210px;
background: transparent url('../img/bolin/1.png') 0 0 no-repeat;
}
.b-bolin-1-4 {
position: absolute;
top: 50px;
right: 15px;
z-index: 0;
padding-top: 160px;
width: 200px;
text-align: right;
background: transparent url('../img/bolin/3.png') 90% 0 no-repeat;
}
.b-bolin-1-5 {
position: absolute;
bottom: 4px;
left: 0;
z-index: 0;
width: 100%;
text-align: center;
}
.b-bolin-1-6 {
margin: 3px 0;
font: normal normal 13px 'HouschkaProMedium';
line-height: 20px;
color: #492b47;
text-align: center;
letter-spacing: 0.8px;
}
.b-bolin-2 {
margin: 45px 0;
padding: 0;
list-style: none;
}
.b-bolin-2 li {
overflow: hidden;
position: relative;
z-index: 0;
}
.b-bolin-2 li:after {
content: "";
position: absolute;
top: 50%;
left: 0;
z-index: 0;
margin-top: -45px;
width: 100%;
height: 90px;
background: #F5F5F5;
}
.b-bolin-2-1 {
float: right;
position: relative;
z-index: 1;
width: 203px;
}
.b-bolin-2-2 {
float: left;
position: relative;
z-index: 1;
width: 210px;
text-align: center;
}
.b-bolin-2-3 {
overflow: hidden;
position: relative;
z-index: 1;
padding: 25px 40px;
}
.b-bolin-2-3-1 {
margin: 45px 0 0;
}
.b-bolin-2-3-2 {
margin: 70px 0 0;
}
.b-bolin-2-4 {
margin-bottom: 10px;
font: normal normal 14px 'HouschkaProDemiBold';
line-height: 14px;
color: #492b47;
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
}
.b-bolin-2-1-1 {
padding: 60px 0;
background: transparent url('../img/bolin/5.png') 50% 50% no-repeat;
}
.b-bolin-2-1-2 {
padding: 85px 0;
background: transparent url('../img/bolin/8.png') 50% 50% no-repeat;
}
.b-bolin-3 {
position: relative;
z-index: 0;
margin-bottom: 50px;
height: 590px;
background: transparent url('../img/bolin/9.png') 50% -26px no-repeat;
}
.b-bolin-3-1 {
position: absolute;
top: 69px;
left: 0;
z-index: 0;
width: 263px;
text-align: center;
}
.b-bolin-3-1 .b-bolin-3-4 {
margin-bottom: 168px;
margin-top: 5px;
}
.b-bolin-3-1-1 {
position: absolute;
top: 123px;
left: 237px;
z-index: 0;
}
.b-bolin-3-1-2 {
position: absolute;
top: 146px;
left: 238px;
z-index: 0;
}
.b-bolin-3-2 {
position: absolute;
top: 69px;
right: 0;
z-index: 0;
width: 263px;
text-align: center;
}
.b-bolin-3-4 {
font: normal normal 14px 'HouschkaProMedium';
line-height: 14px;
color: #492b47;
}
.b-bolin-3-2 .b-bolin-3-4 {
margin-bottom: 168px;
margin-top: 5px;
}
.b-bolin-3-2-1 {
position: absolute;
top: 125px;
right: 237px;
z-index: 0;
}
.b-bolin-3-2-2 {
position: absolute;
top: 149px;
right: 237px;
z-index: 0;
white-space: nowrap;
}
.b-bolin-3-3 {
position: absolute;
top: 287px;
left: 50%;
z-index: 0;
margin-left: -100px;
width: 200px;
text-align: center;
}
.b-bolin-3-3 .b-bolin-3-4 {
margin-bottom: 17px;
}
.b-bolin-3-3 .b-brands-label-rhomb {
margin-top: 153px;
}
.b-bolin-3-3-1 {
position: absolute;
top: 140px;
left: 215px;
z-index: 0;
}
.b-bolin-3-3-2 {
position: absolute;
top: 162px;
left: 215px;
z-index: 0;
}
.b-bolin-4 {
position: relative;
top: -10px;
left: -6px;
z-index: 0;
margin-bottom: 20px;
height: 403px;
background: transparent url('../img/bolin/10.png') 0 0 no-repeat;
}
.b-bolin-4-1 {
margin: 0;
padding: 0;
list-style: none;
}
.b-bolin-4-1 li {
position: absolute;
z-index: 0;
}
.b-bolin-4-1-1 {
top: 106px;
left: 306px;
}
.b-bolin-4-1-2 {
top: 207px;
left: 382px;
}
.b-bolin-4-1-3 {
top: 243px;
left: 135px;
text-align: right;
}
.b-bolin-4-1-4 {
top: 63px;
left: 193px;
text-align: right;
}
.b-bolin-4-3 {
display: block;
font: normal normal 14px 'HouschkaProDemiBold';
line-height: 14px;
color: #E9405F;
}
.b-bolin-4-4 {
display: block;
font: normal normal 14px 'HouschkaProDemiBold';
line-height: 14px;
color: #242424;
}
.b-bolin-4-2 {
position: absolute;
top: 78px;
right: 29px;
z-index: 0;
width: 200px;
text-align: center;
background: transparent url('../img/bolin/11.png') 50% 28px no-repeat;
}
.b-bolin-4-2-1 {
margin-bottom: 150px;
font: normal normal 20px 'HouschkaProDemiBold';
line-height: 20px;
color: #492b47;
}
.b-bolin-4-2-2 {
font: normal normal 16px 'HouschkaProDemiBold';
line-height: 18px;
color: #242424;
text-transform: uppercase;
}
.b-bolin-5 {
position: relative;
z-index: 0;
margin: 45px 0 60px;
height: 175px;
background: transparent url('../img/bolin/12.png') 48% 0 no-repeat;
}
.b-bolin-5-1 {
position: absolute;
top: 23px;
left: 50%;
z-index: 0;
margin-left: -50px;
width: 100px;
text-align: center;
}
.b-bolin-5-1-1 {
font: normal normal 26px 'HouschkaProBold';
line-height: 26px;
color: #E9405F;
}
.b-bolin-5-1-2 {
font: normal normal 20px 'HouschkaProDemiBold';
line-height: 15px;
color: #492b47;
}
.b-bolin-5-2 {
position: absolute;
top: 125px;
left: 85px;
z-index: 0;
width: 170px;
text-align: center;
}
.b-bolin-5-3 {
position: absolute;
top: 125px;
right: 105px;
z-index: 0;
width: 150px;
text-align: center;
}
.b-bolin-6 {
position: relative;
z-index: 0;
margin: 50px 0 40px;
height: 159px;
background: transparent url('../img/bolin/13.png') 60px 0 no-repeat;
}
.b-bolin-6-1 {
position: absolute;
top: 46px;
left: 60px;
z-index: 0;
width: 160px;
text-align: center;
}
.b-bolin-6-1-1 {
font: normal normal 45px 'Georgia';
line-height: 45px;
color: #E9405F;
text-transform: uppercase;
}
.b-bolin-6-2 {
position: absolute;
top: 50px;
left: 240px;
z-index: 0;
width: 150px;
}
.b-bolin-6-2-1 {
margin-top: 15px;
font: normal normal 18px 'HouschkaProDemiBold';
line-height: 18px;
color: #492b47;
text-align: center;
}
.b-bolin-6-3 {
position: absolute;
top: 51px;
left: 423px;
z-index: 0;
width: 270px;
letter-spacing: 0.4px;
}
.b-brands-p-extra {
margin: 0 0 45px;
font: normal normal 13px 'HouschkaProMedium';
line-height: 13px;
color: #858484;
text-align: center;
}
.b-brands-extra {
margin: 0 -30px 35px -30px;
padding: 30px;
background: #f5f5f5;
}
.b-brands-extra p {
margin: 0;
}
.b-brands-extra p+p {
margin-top: 15px;
}
.b-bolin-7 {
position: relative;
z-index: 0;
margin-bottom: 40px;
height: 190px;
background: transparent url('../img/bolin/14.png') 48% 11px no-repeat;
}
.b-bolin-7-1 {
position: absolute;
top: 28px;
left: 40px;
z-index: 0;
width: 175px;
}
.b-bolin-7-1 .b-brands-cost {
margin-top: 15px;
}
.b-bolin-7-2 {
position: absolute;
top: 37px;
left: 547px;
z-index: 0;
width: 180px;
}
.b-bolin-7-2 .b-brands-digit {
margin-bottom: 7px;
text-align: left;
}
.b-bolin-7-2 .b-brands-cost {
margin-top: 8px;
}
.h-center {
text-align: center;
}
.h-right {
text-align: right;
}
.b-depot-0 {
margin-top: 30px;
}
.b-depot-1 {
position: relative;
z-index: 0;
margin: 55px -15px 50px;
width: 816px;
height: 332px;
background: transparent url('../img/depot/1.png') 0 0 no-repeat;
}
.b-depot-1-1 {
position: absolute;
z-index: 0;
top: 238px;
left: 96px;
width: 180px;
}
.b-depot-1-2 {
position: absolute;
z-index: 0;
top: 10px;
left: 542px;
width: 230px;
}
.b-depot-1-3 {
position: absolute;
z-index: 0;
top: 118px;
left: 542px;
width: 230px;
}
.b-depot-1-4 {
position: absolute;
z-index: 0;
top: 249px;
left: 542px;
width: 230px;
}
.b-depot-1-5 {
font: normal normal 35px 'HouschkaProBold';
line-height: 35px;
color: #492b47;
}
.b-depot-2 {
overflow: hidden;
list-style-type: none;
margin: 30px 0 50px;
padding: 0;
}
.b-depot-2 li {
box-sizing: border-box;
float: left;
width: 33.333%;
padding: 180px 20px 0;
background-color: transparent;
background-image: url('../img/depot/2.png');
background-repeat: no-repeat;
}
.b-depot-2 li:nth-child(1) {
background-position: 0 0 ;
}
.b-depot-2 li:nth-child(2) {
background-position: -260px 0 ;
}
.b-depot-2 li:nth-child(3) {
background-position: -520px 0 ;
}
.b-depot-2-1 {
margin-bottom: 10px;
font: normal normal 19px 'HouschkaProBold';
line-height: 19px;
color: #9f344a;
text-transform: uppercase;
}
.b-depot-3 {
overflow: hidden;
list-style-type: none;
margin: 10px 0 30px;
padding: 0;
}
.b-depot-3 li {
box-sizing: border-box;
float: left;
width: 190px;
height: 145px;
background-color: transparent;
background-image: url('../img/depot/3.png');
background-repeat: no-repeat;
}
.b-depot-3-1 {
border-right: 1px solid #eae8ed;
border-bottom: 1px solid #eae8ed;
}
.b-depot-3-2 {
border-bottom: 1px solid #eae8ed;
}
.b-depot-3-3 {
border-right: 1px solid #eae8ed;
}
.b-depot-3 li:nth-child(1) {
background-position: 40px 25px;
}
.b-depot-3 li:nth-child(2) {
background-position: -140px 25px;
}
.b-depot-3 li:nth-child(3) {
background-position: -330px 25px;
}
.b-depot-3 li:nth-child(4) {
background-position: -515px 25px;
}
.b-depot-3 li:nth-child(5) {
background-position: 40px -115px;
}
.b-depot-3 li:nth-child(6) {
background-position: -140px -110px;
}
.b-depot-3 li:nth-child(7) {
background-position: -330px -115px;
}
.b-depot-3 li:nth-child(8) {
background-position: -515px -115px;
}
.b-depot-3 li:nth-child(9) {
background-position: 40px -250px;
}
.b-depot-3 li:nth-child(10) {
background-position: -140px -250px;
}
.b-depot-3 li:nth-child(11) {
background-position: -330px -250px;
}
.b-depot-3 li:nth-child(12) {
background-position: -515px -250px;
}
.b-depot-4 {
position: relative;
z-index: 0;
margin: 80px -76px 3px;
width: 942px;
height: 385px;
background: transparent url('../img/depot/4.jpg') 50% 0 no-repeat;
}
.b-depot-4-1 {
position: absolute;
z-index: 0;
top: 216px;
left: 610px;
width: 200px;
}
.b-depot-5 {
position: relative;
z-index: 0;
margin: 0 -76px 65px;
width: 942px;
height: 385px;
background: transparent url('../img/depot/5.jpg') 50% 0 no-repeat;
}
.b-depot-5-1 {
position: absolute;
z-index: 0;
top: 239px;
left: 125px;
width: 150px;
}
.b-depot-6 {
box-sizing: border-box;
margin: 65px 0 55px;
padding: 40px 250px 0 60px;
width: 678px;
height: 239px;
background: transparent url('../img/depot/6.png') 50% 0 no-repeat;
}
.b-depot-6-1 {
margin-bottom: 15px;
font: normal normal 20px 'HouschkaProBold';
line-height: 23px;
color: #492b47;
text-transform: uppercase;
}
.b-depot-6-2 {
font: normal normal 16px 'HouschkaProBold';
line-height: 16px;
color: #000;
}
.b-depot-6-3 {
font: normal normal 16px 'HouschkaProDemiBold';
line-height: 16px;
color: #000;
}
.b-depot-7 {
overflow: hidden;
list-style-type: none;
margin: 55px 0 75px;
padding: 0;
}
.b-depot-7 li {
box-sizing: border-box;
float: left;
padding: 100px 35px 0;
width: 25%;
background-color: transparent;
background-image: url('../img/depot/7.png');
background-repeat: no-repeat;
}
.b-depot-7 li:nth-child(1) {
background-position: 39px 0;
}
.b-depot-7 li:nth-child(2) {
background-position: -151px 0;
}
.b-depot-7 li:nth-child(3) {
background-position: -336px 0;
}
.b-depot-7 li:nth-child(4) {
background-position: -521px 0;
}
.b-depot-7-0 {
font: normal normal 47px 'HouschkaProBold';
line-height: 35px;
color: #492b47;
}
.b-depot-7-1 {
margin-bottom: 20px;
font: normal normal 13px 'HouschkaProBold';
line-height: 13px;
color: #492b47;
text-transform: uppercase;
}
.b-depot-7-2 {
font: normal normal 15px 'HouschkaProDemiBold';
line-height: 16px;
color: #492b47;
}
.b-abkr-1 {
position: relative;
z-index: 0;
margin-bottom: 60px;
height: 220px;
background: transparent url('../img/abkr/1.png') 50px 20px no-repeat;
}
.b-abkr-1-1 {
position: absolute;
top: 63px;
left: 80px;
z-index: 0;
font: normal normal 86px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
}
.b-abkr-1-2 {
position: absolute;
top: 139px;
left: 98px;
z-index: 0;
font: normal normal 12px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
text-transform: uppercase;
}
.b-abkr-1-3 {
position: absolute;
top: 69px;
left: 207px;
z-index: 0;
font: normal normal 60px 'HouschkaProMedium';
line-height: 1;
color: #a9364b;
}
.b-abkr-1-4 {
position: absolute;
top: 139px;
left: 215px;
z-index: 0;
font: normal normal 12px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
text-transform: uppercase;
}
.b-abkr-1-5 {
position: absolute;
top: 176px;
left: 47px;
z-index: 0;
width: 300px;
}
.b-abkr-1-6 {
position: absolute;
left: 398px;
top: 63px;
z-index: 0;
width: 350px;
}
.b-abkr-2 {
padding: 0 520px 0 50px;
background: transparent url('../img/abkr/2.png') 370px 0 no-repeat;
}
.b-abkr-3 {
position: relative;
z-index: 0;
margin: 75px 0 60px;
height: 240px;
background: transparent url('../img/abkr/3.png') 56px 0 no-repeat;
}
.b-abkr-3-1 {
position: absolute;
left: 395px;
top: 46px;
z-index: 0;
width: 325px;
}
.b-abkr-3-1-1 {
margin-bottom: 22px;
font: normal normal 20px 'HouschkaProDemiBold';
line-height: 23px;
color: #4a2a48;
text-transform: uppercase;
}
.b-abkr-3-1-2 {
font: normal normal 16px 'HouschkaProDemiBold';
line-height: 16px;
color: #000;
}
.b-abkr-3-1-3 {
font: normal normal 16px 'HouschkaProMedium';
line-height: 16px;
color: #000;
}
.b-abkr-4 {
position: relative;
z-index: 0;
margin: 50px 0;
height: 142px;
background: transparent url('../img/abkr/4.png') 72px 0 no-repeat;
}
.b-abkr-4-1 {
position: absolute;
left: 213px;
top: 31px;
z-index: 0;
width: 160px;
}
.b-abkr-4-1-1 {
font: normal normal 44px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
}
.b-abkr-4-2 {
position: absolute;
top: 74px;
left: 526px;
z-index: 0;
}
.b-abkr-5 {
position: relative;
z-index: 0;
margin: 60px 0 45px;
height: 244px;
background: transparent url('../img/abkr/5.png') 36px 0 no-repeat;
}
.b-abkr-5-1 {
position: absolute;
top: 52px;
left: 212px;
z-index: 0;
width: 150px;
}
.b-abkr-5-1-1 {
overflow: hidden;
}
.b-abkr-5-1-1-1 {
float: left;
font: normal normal 58px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
}
.b-abkr-5-1-1-2 {
overflow: hidden;
padding-top: 10px;
font: normal normal 19px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
text-transform: uppercase;
}
.b-abkr-5-2 {
position: absolute;
top: 64px;
left: 440px;
z-index: 0;
width: 240px;
}
.b-abkr-5-2-1 {
font: normal normal 58px 'HouschkaProBold';
line-height: 1;
color: #4a2a48;
}
.b-abkr-6 {
margin-bottom: 75px;
padding: 3px 0 0 87px;
background: transparent url('../img/abkr/6.png') 28px 2px no-repeat;
}
.b-abkr-6-1 {
margin-bottom: 23px;
font: normal normal 20px 'HouschkaProDemiBold';
line-height: 23px;
color: #4a2a48;
text-transform: uppercase;
}
.b-abkr-6-2 {
font: normal normal 16px 'HouschkaProDemiBold';
line-height: 16px;
color: #000;
}
.b-abkr-6-3 {
font: normal normal 16px 'HouschkaProMedium';
line-height: 16px;
color: #000;
}