/* Start:/bitrix/templates/main/css/styles-compressed-full.css?1783208187260539*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent; }
hr {
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
mark {
background: #ff0;
color: #000; }
pre {
white-space: pre-wrap; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
img {
border: 0; }
figure {
margin: 0; }
legend {
border: 0;
padding: 0; }
button, input, select, textarea {
font-family: inherit;
margin: 0; }
button, input {
line-height: normal; }
button, select {
text-transform: none; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0; }
input[type="text"], input[type="email"], textarea, input[type="password"] {
-webkit-appearance: none;
border-radius: 0; }
button[disabled], html input[disabled] {
cursor: default; }
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="search"] {
-webkit-appearance: none;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
vertical-align: top; }
table {
border-collapse: collapse;
border-spacing: 0; }
body {
-webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
input {
outline: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
img {
border: 0;
max-width: 100%; }
.center {
text-align: center;
margin: 0 auto; }
.clear {
clear: both; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
zoom: 1; }
.left-position {
float: left; }
.right-position {
float: right; }
a img {
border: none; }
a {
outline: none; }
@font-face {
font-family: 'FuturaPT-Book';
src: url("/bitrix/templates/main/css/../fonts/FuturaPT-Book_gdi.eot");
src: url("/bitrix/templates/main/css/../fonts/FuturaPT-Book_gdi.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Book_gdi.woff") format("woff"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Book_gdi.ttf") format("truetype"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book_gdi") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'FuturaPT-Heavy';
src: url("/bitrix/templates/main/css/../fonts/FuturaPT-Heavy_gdi.eot");
src: url("/bitrix/templates/main/css/../fonts/FuturaPT-Heavy_gdi.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Heavy_gdi.woff") format("woff"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Heavy_gdi.ttf") format("truetype"), url("/bitrix/templates/main/css/../fonts/FuturaPT-Heavy_gdi.svg#FuturaPT-Heavy_gdi") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'BreweryNo2CYR-Light';
src: url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Light.eot");
src: url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Light.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Light.woff") format("woff"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Light.ttf") format("truetype"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Light.svg#BreweryNo2CYR-Light") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'BreweryNo2CYR-Heavy';
src: url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.eot");
src: url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.woff") format("woff"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.woff2") format("woff2"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.ttf") format("truetype"), url("/bitrix/templates/main/css/../fonts/BreweryNo2CYR-Heavy.svg#BreweryNo2CYR-Heavy") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'icomoon';
src: url("/bitrix/templates/main/css/../fonts/icomoon.eot?hv70o0");
src: url("/bitrix/templates/main/css/../fonts/icomoon.eot?hv70o0#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/../fonts/icomoon.ttf?hv70o0") format("truetype"), url("/bitrix/templates/main/css/../fonts/icomoon.woff?hv70o0") format("woff"), url("/bitrix/templates/main/css/../fonts/icomoon.svg?hv70o0#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
html, body {
height: 100%;
position: relative;
font-size: 17px;
letter-spacing: .5px;
line-height: 1.4;
font-family: "Open Sans", sans-serif;
background: #efefef;
color: #666666; }
@media only screen and (max-width: 1000px) {
html, body {
font-size: 16px; } }
@media only screen and (max-width: 650px) {
html, body {
font-size: 15px; } }
@media only screen and (max-width: 550px) {
html, body {
font-size: 14px; } }
body {
min-height: 100%;
min-width: 320px; }
a, a:link, a:visited {
color: #001485;
text-decoration: none;
border-bottom: 2px solid #cfd6fc;
-webkit-transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out; }
a:hover, a:link:hover, a:visited:hover {
border-bottom-color: #000029; }
.site-width {
width: 1300px;
padding: 0 10px;
margin: 0 auto; }
@media only screen and (max-width: 1340px) {
.site-width {
width: auto;
padding: 0 20px; } }
b, strong {
font-family: "Open Sans", sans-serif;
font-weight: 700; }
p {
padding-bottom: 20px; }
.main-wrap {
min-height: 100%;
overflow: hidden; }
@media only screen and (max-width: 650px) {
.main-wrap {
padding-top: 60px;
min-height: 0; } }
article {
padding-bottom: 290px; }
@media only screen and (max-width: 650px) {
article {
padding: 0; } }
footer {
background: #000029;
height: 290px;
margin-top: -290px;
position: relative;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.2px;
color: #c2c2c2;
z-index: 10; }
@media only screen and (max-width: 1000px) {
footer {
height: 400px; } }
@media only screen and (max-width: 650px) {
footer {
margin-top: 0;
height: auto; } }
footer .site-width > div {
border-top: 1px solid #1b1a40;
padding: 20px 0 0; }
@media only screen and (max-width: 650px) {
footer .site-width > div {
padding: 40px 20px;
margin: 0 -20px; } }
@media only screen and (max-width: 550px) {
footer .site-width > div {
padding: 30px 20px; } }
footer .footer-menu {
float: left;
width: 380px;
margin-right: 100px;
/*@include breakpoint(w900){
margin-right: 0;
width: 350px;
}*/ }
@media only screen and (max-width: 1200px) {
footer .footer-menu {
margin-right: 0; } }
@media only screen and (max-width: 1100px) {
footer .footer-menu {
width: 300px; } }
@media only screen and (max-width: 750px) {
footer .footer-menu {
width: 260px; } }
@media only screen and (max-width: 650px) {
footer .footer-menu {
width: 230px; } }
@media only screen and (max-width: 550px) {
footer .footer-menu {
float: none;
width: auto; } }
footer .footer-menu li {
display: inline-block;
padding-right: 20px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
width: 50%;
margin-bottom: 15px; }
footer .footer-menu li.current a {
color: #fff; }
footer .footer-menu li a {
border: none;
color: #c2c2c2; }
footer .footer-menu li a:hover {
color: #fff; }
footer .contacts {
float: left;
max-width: 250px; }
footer .contacts a {
color: #c2c2c2;
border: none; }
footer .contacts a:hover {
color: #fff; }
@media only screen and (max-width: 650px) {
footer .contacts {
max-width: 200px; } }
@media only screen and (max-width: 550px) {
footer .contacts {
max-width: none;
clear: both;
float: none;
text-align: center;
padding: 30px 20px 20px;
border-top: 1px solid #1b1a40;
margin: 15px -20px 0; } }
footer .contacts p {
padding-bottom: 15px; }
@media only screen and (max-width: 550px) {
footer .contacts p {
padding-bottom: 5px; } }
footer .social-list {
/*float: right;
text-align: right;*/
float: left;
max-width: 250px; }
@media only screen and (max-width: 1000px) {
footer .social-list {
float: right;
text-align: right; } }
@media only screen and (max-width: 550px) {
footer .social-list {
text-align: center;
margin: 0 auto;
float: none; } }
footer .social-list li {
margin-bottom: 15px; }
@media only screen and (max-width: 550px) {
footer .social-list li {
display: inline-block;
vertical-align: top;
margin: 0 8px 10px; } }
@media only screen and (max-width: 450px) {
footer .social-list li {
margin: 0 6px 10px; } }
footer .social-list a {
border: none;
color: #c2c2c2; }
footer .social-list a:hover {
color: #fff; }
footer .copy {
clear: both;
float: left;
padding-top: 66px; }
@media only screen and (max-width: 550px) {
footer .copy {
float: none;
text-align: center;
padding: 46px 0 20px; } }
footer .alto-copy {
float: right;
text-align: right;
padding-top: 50px; }
@media only screen and (max-width: 550px) {
footer .alto-copy {
float: none;
text-align: center;
padding: 0; } }
footer .alto-copy a {
border: none;
color: #c2c2c2; }
footer .alto-copy a:hover {
color: #fff; }
header {
position: relative;
z-index: 100;
padding-bottom: 74px; }
@media only screen and (max-width: 900px) {
header {
padding-bottom: 50px; } }
@media only screen and (max-width: 650px) {
header {
padding-bottom: 0;
height: 60px;
position: fixed;
width: 100%;
top: 0; } }
@media only screen and (max-width: 650px) {
header.opened .search-form {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; } }
header .top-header {
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
height: 80px; }
@media only screen and (max-width: 650px) {
header .top-header {
height: 60px; } }
header .logo {
background: url(/bitrix/templates/main/css/../img/header-logo.svg) 0 0 no-repeat;
width: 126px;
height: 18px;
margin-right: 65px;
border: none;
float: left;
margin-top: 32px; }
@media only screen and (max-width: 1340px) {
header .logo {
margin-right: 30px; } }
@media only screen and (max-width: 1100px) {
header .logo {
margin-right: 10px; } }
@media only screen and (max-width: 1000px) {
header .logo {
margin-left: 20px; } }
@media only screen and (max-width: 900px) {
header .logo {
margin-left: 0; } }
@media only screen and (max-width: 650px) {
header .logo {
left: 50%;
margin-left: -63px;
position: absolute;
top: 50%;
margin-top: -9px;
z-index: 10; } }
header .top-menu {
float: left; }
@media only screen and (max-width: 1000px) {
header .top-menu {
position: fixed;
height: 100%;
right: 0;
top: 0;
z-index: 200;
width: 410px;
background: #fff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
-webkit-transform: translateX(450px);
-khtml-transform: translateX(450px);
-ms-transform: translateX(450px);
transform: translateX(450px);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
padding: 140px 50px 60px;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
header .top-menu.opened {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@media only screen and (max-width: 650px) {
header .top-menu {
position: fixed;
height: 100%;
width: 100%;
padding: 0 20px 30px;
-webkit-transform: translateX(110%);
-khtml-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
overflow: auto;
-webkit-overflow-scrolling: touch; } }
header .top-menu .second-menu {
display: none; }
@media only screen and (max-width: 650px) {
header .top-menu .second-menu {
display: block;
background: -webkit-gradient(linear, left top, right top, from(#000029), to(#001485));
background: -webkit-linear-gradient(left, #000029, #001485);
background: linear-gradient(left, #000029, #001485);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000029', endColorStr='#001485', gradientType='1');
margin: 0 -20px 20px;
padding: 30px 20px; } }
header .top-menu .second-menu li {
margin: 5px 0; }
@media only screen and (max-width: 650px) {
header .top-menu .second-menu li {
margin: 0 0 10px; } }
header .top-menu .second-menu li a {
padding: 8px 0;
text-transform: uppercase;
color: #fff;
border: none;
font-size: 14px;
letter-spacing: 1.4px;
position: relative;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 450px) {
header .top-menu .second-menu li a {
padding: 3px 0; } }
header .top-menu .second-menu li a:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: #e31c24;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 450px) {
header .top-menu .second-menu li a:after {
height: 2px; } }
header .top-menu .second-menu li a:hover {
color: #e31c24; }
header .top-menu .second-menu li a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
header .top-menu .second-menu li a.current {
color: #e31c24; }
header .top-menu .second-menu li a.current:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
header .top-menu .adaptive-copy .phone {
display: none; }
@media only screen and (max-width: 650px) {
header .top-menu .adaptive-copy .phone {
display: block;
font-family: "Open Sans", sans-serif;
color: #001485;
font-size: 19px;
font-weight: 600;
white-space: nowrap; }
header .top-menu .adaptive-copy .phone a {
color: #001485;
border: none; } }
header .top-menu .adaptive-copy .lang-select {
display: none; }
@media only screen and (max-width: 1000px) {
header .top-menu .adaptive-copy .lang-select {
/*display: block;*/
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
margin: 0; } }
@media only screen and (max-width: 650px) {
header .top-menu .adaptive-copy .lang-select {
position: relative;
bottom: auto;
margin: 20px 0 0; } }
header .top-menu .top-menu-list > li {
display: inline-block;
vertical-align: top;
margin: 0 0 0 10px; }
@media only screen and (max-width: 1340px) {
header .top-menu .top-menu-list > li {
margin: 0 0 0 5px; } }
@media only screen and (max-width: 1100px) {
header .top-menu .top-menu-list > li {
margin: 0 0 0 2px; } }
@media only screen and (max-width: 1000px) {
header .top-menu .top-menu-list > li {
display: block;
margin-bottom: 20px; } }
@media only screen and (max-width: 650px) {
header .top-menu .top-menu-list > li {
margin-bottom: 10px; } }
header .top-menu .top-menu-list > li.current a {
color: #e31c24; }
header .top-menu .top-menu-list > li.current a:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
header .top-menu .top-menu-list > li a {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.4px;
border: none;
color: #000;
padding: 33px 10px;
position: relative; }
header .top-menu .top-menu-list > li a:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
height: 5px;
background: #e31c24;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
width: 100%;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 450px) {
header .top-menu .top-menu-list > li a:after {
height: 2px; } }
header .top-menu .top-menu-list > li a:hover {
color: #e31c24; }
header .top-menu .top-menu-list > li a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
@media only screen and (max-width: 1340px) {
header .top-menu .top-menu-list > li a {
padding: 33px 5px; } }
@media only screen and (max-width: 1000px) {
header .top-menu .top-menu-list > li a {
display: inline-block;
padding: 10px 0;
font-size: 14px;
letter-spacing: 0.7px; } }
@media only screen and (max-width: 650px) {
header .top-menu .top-menu-list > li a {
padding: 8px 0; } }
@media only screen and (max-width: 450px) {
header .top-menu .top-menu-list > li a {
padding: 3px 0; } }
header .lang-select {
margin: 28px 0 0 20px;
display: inline-block;
vertical-align: top;
white-space: nowrap;
display: none; }
@media only screen and (max-width: 1000px) {
header .lang-select {
display: none; } }
header .lang-select li {
vertical-align: top;
display: inline-block; }
header .lang-select span, header .lang-select a {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 4px 8px;
border: 1px dotted #001485;
color: #8f8f8f; }
header .lang-select span:hover, header .lang-select a:hover {
color: #001485; }
header .lang-select span {
border: 1px solid #001485;
margin: 0 -1px;
color: #001485; }
header .right-position {
float: right; }
header .right-position .phone {
font-family: "Open Sans", sans-serif;
font-size: 16px;
color: #001485;
display: inline-block;
vertical-align: top;
margin-top: 28px;
white-space: nowrap;
font-weight: 600; }
header .right-position .phone a {
color: #001485;
border: none; }
@media only screen and (max-width: 650px) {
header .right-position .phone {
display: none; } }
header .fixed-line {
left: 0;
position: absolute;
top: 80px;
width: 100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1340px) {
header .fixed-line {
padding: 0 20px; } }
@media only screen and (max-width: 1000px) {
header .fixed-line {
padding: 0; } }
@media only screen and (max-width: 650px) {
header .fixed-line {
position: absolute !important;
top: 0;
z-index: 600; } }
header .fixed-line.fixed {
position: fixed;
top: 0; }
header .fixed-line .site-width {
background: -webkit-gradient(linear, left top, right top, from(#000029), to(#001485));
background: -webkit-linear-gradient(left, #000029, #001485);
background: linear-gradient(left, #000029, #001485);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000029', endColorStr='#001485', gradientType='1');
padding: 0;
position: relative;
top: 0; }
header .fixed-line .second-menu {
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
line-height: 0;
font-size: 0;
text-justify: newspaper;
width: 100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 130px 0 50px;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
height: 74px; }
@media only screen and (max-width: 1100px) {
header .fixed-line .second-menu {
padding: 0 90px 0 20px; } }
@media only screen and (max-width: 900px) {
header .fixed-line .second-menu {
padding: 0 70px 0 20px;
height: 50px; } }
@media only screen and (max-width: 650px) {
header .fixed-line .second-menu {
display: none; } }
header .fixed-line .second-menu:after {
width: 100%;
height: 0;
overflow: hidden;
content: '';
display: inline-block; }
header .fixed-line .second-menu li {
display: inline-block;
vertical-align: top;
text-align: left; }
header .fixed-line .second-menu li a {
display: block;
/*padding: 0 15px;*/
position: relative;
color: #fff;
border: none;
text-transform: uppercase;
letter-spacing: 1.4px;
font-size: 12px;
line-height: 74px;
height: 74px; }
@media only screen and (max-width: 1100px) {
header .fixed-line .second-menu li a {
/*padding: 0 10px;*/ } }
@media only screen and (max-width: 1000px) {
header .fixed-line .second-menu li a {
letter-spacing: 1.2px;
font-size: 11px; } }
@media only screen and (max-width: 900px) {
header .fixed-line .second-menu li a {
/*padding: 0 6px;*/
line-height: 50px;
font-size: 10px;
height: 50px; } }
@media only screen and (max-width: 750px) {
header .fixed-line .second-menu li a {
padding: 0;
/*margin-right: 15px;*/
letter-spacing: .5px;
text-transform: none; } }
header .fixed-line .second-menu li a:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: -4px;
height: 8px;
width: 100%;
background: #e31c24;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 900px) {
header .fixed-line .second-menu li a:after {
height: 4px;
bottom: -2px; } }
header .fixed-line .second-menu li a:hover:after, header .fixed-line .second-menu li a.current:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
header .search-form {
right: 0;
top: 0;
position: absolute;
z-index: 3;
width: 74px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 900px) {
header .search-form {
width: 50px; } }
@media only screen and (max-width: 650px) {
header .search-form {
left: 0;
width: 60px;
background: #fff; } }
header .search-form.opened {
padding: 0 74px;
width: 100%; }
header .search-form.opened input[type="text"], header .search-form.opened input[type="submit"] {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s; }
header .search-form.opened ~ .second-menu {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
header .search-form input[type="text"] {
width: 100%;
height: 74px;
padding: 0;
border: none;
z-index: 1;
position: relative;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
font-size: 17px;
color: #fff;
background: transparent; }
@media only screen and (max-width: 900px) {
header .search-form input[type="text"] {
height: 50px; } }
@media only screen and (max-width: 650px) {
header .search-form input[type="text"] {
color: #000029;
height: 60px;
font-size: 15px; } }
header .search-form input[type="submit"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 18px;
text-align: center;
height: 74px;
width: 74px;
border: none;
padding: 0;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
line-height: 74px;
visibility: hidden;
opacity: 0;
background: transparent;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
@media only screen and (max-width: 900px) {
header .search-form input[type="submit"] {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px; } }
@media only screen and (max-width: 650px) {
header .search-form input[type="submit"] {
font-size: 18px;
width: 60px;
height: 60px;
line-height: 60px;
color: #000029; } }
@media only screen and (max-width: 650px) {
header .search-form.opened .open-search-btn {
left: 100%;
margin-left: -60px; } }
header .search-form.opened .open-search-btn:before {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0s; }
header .search-form.opened .open-search-btn:after {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
header .search-form .open-search-btn {
background: #000029;
width: 74px;
height: 74px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 10;
text-align: center;
line-height: 74px;
color: #fff;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 900px) {
header .search-form .open-search-btn {
width: 50px;
height: 50px;
font-size: 16px;
line-height: 50px; } }
@media only screen and (max-width: 650px) {
header .search-form .open-search-btn {
left: 0;
height: 60px;
width: 60px;
line-height: 60px;
background: transparent;
color: #000029;
font-size: 18px; } }
header .search-form .open-search-btn:after {
position: absolute;
content: '';
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: inherit;
content: "\e910";
line-height: inherit;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0s; }
header .search-form .open-search-btn:before {
color: inherit;
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
font-size: inherit;
left: 0;
top: 0;
line-height: inherit;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
.main-banner {
position: relative;
text-align: center;
color: #fff;
/*margin-top: -75px;*/
margin-top: -285px;
z-index: 3;
overflow: hidden; }
@media only screen and (max-width: 1100px) {
.main-banner {
margin-top: -250px; } }
@media only screen and (max-width: 1000px) {
.main-banner {
/*margin-top: -50px;*/
margin-top: -220px; } }
@media only screen and (max-width: 650px) {
.main-banner {
margin-top: -170px; } }
@media only screen and (min-width: 1900px) {
.main-banner {
height: 1000px; } }
.main-banner:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
/*@include background-gradient(#000029, #000029);*/
bottom: 0;
left: 0;
z-index: 5; }
@media only screen and (max-width: 650px) {
.main-banner:after {
background: rgba(0, 0, 0, 0.2); } }
.main-banner .outline {
position: absolute;
left: 50%;
/*top:150px;*/
top: 300px;
width: 400px;
height: 600px;
border: 15px solid rgba(255, 255, 255, 0.2);
border-bottom: none;
margin-left: -200px;
z-index: 2;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1340px) {
.main-banner .outline {
display: none; } }
@media only screen and (max-height: 800px) {
.main-banner .outline {
top: 90px; } }
.main-banner img {
display: block;
width: 100%;
height: auto;
position: relative; }
@media only screen and (max-width: 650px) {
.main-banner img {
display: none; } }
.main-banner img.bg {
position: absolute;
left: 0;
top: -200px;
z-index: 1;
/*@include breakpoint(h600) {
top: -220px;
}*/ }
@media only screen and (max-width: 1340px) {
.main-banner img.bg {
top: -100px; } }
@media only screen and (max-height: 800px) {
.main-banner img.bg {
/*top: -320px;*/
top: -120px; } }
@media only screen and (max-width: 1000px) {
.main-banner img.bg {
top: 0; } }
.main-banner img.top-layer {
z-index: 3;
margin-top: -320px;
/*@include breakpoint(h600) {
margin-top: -200px;
}*/ }
@media only screen and (max-width: 1700px) {
.main-banner img.top-layer {
margin-top: -250px; } }
@media only screen and (max-width: 1600px) {
.main-banner img.top-layer {
margin-top: -180px; } }
@media only screen and (max-width: 1340px) {
.main-banner img.top-layer {
margin-top: -80px; } }
@media only screen and (max-height: 800px) {
.main-banner img.top-layer {
/*margin-top: -300px;*/
margin-top: -100px; } }
@media only screen and (max-width: 1000px) {
.main-banner img.top-layer {
margin-top: 0; } }
@media only screen and (min-width: 1900px) {
.main-banner img.top-layer {
position: absolute;
bottom: 0; } }
.main-banner .pic {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media only screen and (max-width: 650px) {
.main-banner .pic {
display: block; } }
.main-banner .text {
z-index: 10;
position: absolute;
left: 0;
top: 0;
width: 100%;
/*padding: 230px 0 0;*/
padding: 330px 0 0;
will-change: transform;
/*@include breakpoint(w550){
padding: 70px 0;
}*/ }
@media only screen and (max-width: 1440px) {
.main-banner .text {
/*padding: 206px 0 0;*/
padding: 306px 0 0; } }
@media only screen and (max-width: 1340px) {
.main-banner .text {
/*padding: 200px 0 0;*/
padding: 300px 0 0; } }
@media only screen and (max-height: 800px) {
.main-banner .text {
/*padding: 140px 0 0;*/
padding: 300px 0 0; } }
@media only screen and (max-width: 1100px) {
.main-banner .text {
padding: 260px 0 0; } }
@media only screen and (max-width: 1000px) {
.main-banner .text {
/*padding: 150px 0 0;*/
padding: 260px 0 0; } }
@media only screen and (max-width: 900px) {
.main-banner .text {
/*padding: 0;*/
padding: 75px 0 0;
top: 50%;
-webkit-transform: translateY(-50%) !important;
-khtml-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important; } }
@media only screen and (max-width: 650px) {
.main-banner .text {
position: relative;
/*padding: 100px 0;*/
padding: 200px 0;
top: auto;
-webkit-transform: none !important;
-khtml-transform: none !important;
-ms-transform: none !important;
transform: none !important; } }
.main-banner .text h1 {
color: #fff;
padding: 0;
margin: 0 auto; }
@media only screen and (max-height: 800px) {
.main-banner .text h1 {
/*font-size: 48px;*/
font-size: 36px;
line-height: 1.2; } }
@media only screen and (max-width: 1340px) {
.main-banner .text h1 {
/*font-size: 40px;*/
font-size: 30px;
width: 50%; } }
@media only screen and (max-width: 1100px) {
.main-banner .text h1 {
width: 100%; } }
@media only screen and (max-width: 1000px) {
.main-banner .text h1 {
font-size: 24px; } }
@media only screen and (max-width: 550px) {
.main-banner .text h1 {
font-size: 20px; } }
@media only screen and (max-width: 500px) {
.main-banner .text h1 {
/*font-size: 19px;*/ } }
.main-banner .text h4 {
text-transform: uppercase;
font-size: 14px;
/*padding-bottom: 40px;*/
letter-spacing: 0.8px;
font-weight: normal; }
@media only screen and (max-height: 800px) {
.main-banner .text h4 {
padding-bottom: 20px; } }
@media only screen and (max-width: 550px) {
.main-banner .text h4 {
padding-bottom: 20px; } }
h1 {
/*font-size: 54px;*/
max-width: 800px;
font-size: 36px;
font-family: "BreweryNo2CYR-Heavy";
font-weight: normal;
line-height: normal;
color: #001485;
text-align: center;
padding: 40px 0 30px; }
@media only screen and (max-width: 1000px) {
h1 {
/*font-size: 48px;*/
font-size: 30px;
padding: 70px 0 50px; } }
@media only screen and (max-width: 650px) {
h1 {
/*font-size: 42px;*/
font-size: 30px;
padding: 40px 0 30px; } }
@media only screen and (max-width: 450px) {
h1 {
/*font-size: 36px;*/
font-size: 30px;
padding: 30px 0; } }
.blue-bg {
background: #000029; }
.blue-bg.blue-margin {
margin-top: -125px; }
@media only screen and (max-width: 1340px) {
.blue-bg.blue-margin {
margin-top: -50px; } }
@media only screen and (max-width: 650px) {
.blue-bg.blue-margin {
margin-top: 0; } }
h2 {
font-weight: normal;
font-size: 50px;
font-family: "BreweryNo2CYR-Light";
color: #000029;
line-height: normal;
padding-bottom: 20px; }
@media only screen and (max-width: 1340px) {
h2 {
font-size: 44px; } }
@media only screen and (max-width: 1100px) {
h2 {
font-size: 40px; } }
@media only screen and (max-width: 900px) {
h2 {
font-size: 38px; } }
@media only screen and (max-width: 750px) {
h2 {
font-size: 34px; } }
@media only screen and (max-width: 550px) {
h2 {
font-size: 30px; } }
@media only screen and (max-width: 500px) {
h2 {
font-size: 25px; } }
h2.center {
max-width: 900px;
color: #001485; }
.main-fly-blocks {
position: relative;
z-index: 30;
padding-bottom: 50px;
letter-spacing: -10px; }
@media only screen and (max-width: 650px) {
.main-fly-blocks {
padding-bottom: 123px; } }
@media only screen and (max-width: 550px) {
.main-fly-blocks {
margin: 0 -20px; } }
.main-fly-blocks > .left-block {
width: 40%;
display: inline-block;
vertical-align: bottom;
will-change: transform;
letter-spacing: normal; }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .left-block {
width: auto;
display: block;
-webkit-transform: none !important;
-khtml-transform: none !important;
-ms-transform: none !important;
transform: none !important; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .left-block {
will-change: initial; } }
.main-fly-blocks > .left-block .top-text {
background: #fff;
padding: 80px 60px; }
@media only screen and (max-width: 1340px) {
.main-fly-blocks > .left-block .top-text {
padding: 50px 40px; } }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .left-block .top-text {
display: inline-block;
vertical-align: middle;
width: 50%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; } }
@media only screen and (max-width: 750px) {
.main-fly-blocks > .left-block .top-text {
padding: 40px 20px; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .left-block .top-text {
display: block;
width: auto;
will-change: initial; } }
.main-fly-blocks > .left-block .top-text p {
padding-bottom: 0; }
.main-fly-blocks > .left-block .top-text strong {
font-size: 21px;
display: block;
padding-bottom: 25px;
color: #000; }
@media only screen and (max-width: 550px) {
.main-fly-blocks > .left-block .top-text strong {
font-size: 17px; } }
.main-fly-blocks > .left-block h2 a {
display: inline-block;
position: relative;
padding-right: 30px;
border: none; }
.main-fly-blocks > .left-block h2 a:after {
position: absolute;
content: '';
display: block;
right: 0;
top: 50%;
margin-top: -3px;
color: #e31c24;
font-size: 16px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e900";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 550px) {
.main-fly-blocks > .left-block h2 a:after {
top: 17px; } }
@media only screen and (max-width: 500px) {
.main-fly-blocks > .left-block h2 a:after {
top: 13px; } }
.main-fly-blocks > .left-block h2 a:hover:after {
-webkit-transform: translateX(6px);
-khtml-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px); }
.main-fly-blocks > .left-block .btn-block {
padding: 35px 60px 12px; }
@media only screen and (max-width: 1340px) {
.main-fly-blocks > .left-block .btn-block {
padding: 35px 40px 12px; } }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .left-block .btn-block {
display: inline-block;
vertical-align: middle;
width: 50%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
text-align: center; } }
@media only screen and (max-width: 900px) {
.main-fly-blocks > .left-block .btn-block {
padding: 0; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .left-block .btn-block {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
text-align: left; } }
@media only screen and (max-width: 550px) {
.main-fly-blocks > .left-block .btn-block {
padding: 29px 20px; } }
.main-fly-blocks > .left-block .btn-block .arrow-btn {
border-color: rgba(255, 255, 255, 0.1);
color: #fff; }
.main-fly-blocks > .left-block .btn-block .arrow-btn:hover {
border-color: #fff; }
.main-fly-blocks > .right-block {
display: inline-block;
vertical-align: bottom;
float: none;
width: 60%;
will-change: transform;
letter-spacing: normal; }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .right-block {
width: auto;
display: block;
clear: both;
-webkit-transform: none !important;
-khtml-transform: none !important;
-ms-transform: none !important;
transform: none !important; } }
.main-fly-blocks > .right-block .obj-pic {
position: relative; }
.main-fly-blocks > .right-block .obj-pic img {
display: block;
width: 100%;
height: auto; }
.main-fly-blocks > .right-block .obj-pic .fullscreen-ico {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
z-index: 3;
top: 6px;
right: 6px;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
height: 35px;
width: 35px;
display: block;
border: none;
line-height: 35px;
color: #fff;
font-size: 20px;
vertical-align: middle;
text-align: center; }
.main-fly-blocks > .right-block .obj-pic .fullscreen-ico:hover {
background: rgba(0, 0, 0, 0.4); }
.main-fly-blocks > .right-block .pic-caption {
background: #fff;
padding: 0 25px; }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption {
padding: 0 15px; } }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .right-block .pic-caption {
padding: 0 25px; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .right-block .pic-caption {
padding: 0 0 30px; } }
.main-fly-blocks > .right-block .pic-caption table {
font-size: 14px; }
@media only screen and (max-width: 1340px) {
.main-fly-blocks > .right-block .pic-caption table {
font-size: 13px; } }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table {
font-size: 12px; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .right-block .pic-caption table {
width: 100%;
display: block; }
.main-fly-blocks > .right-block .pic-caption table tbody, .main-fly-blocks > .right-block .pic-caption table tr {
display: block; } }
.main-fly-blocks > .right-block .pic-caption table a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table a {
display: inline;
white-space: normal;
border-bottom: 2px solid #cfd6fc; } }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table a:hover {
border-color: #001485; } }
.main-fly-blocks > .right-block .pic-caption table a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table a:after {
display: none; } }
.main-fly-blocks > .right-block .pic-caption table a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table a:before {
display: none; } }
.main-fly-blocks > .right-block .pic-caption table a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.main-fly-blocks > .right-block .pic-caption table td {
padding: 0 0 0 25px;
vertical-align: middle;
height: 130px; }
@media only screen and (max-width: 1340px) {
.main-fly-blocks > .right-block .pic-caption table td {
padding: 0 0 0 15px; } }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table td {
line-height: 23px; } }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .right-block .pic-caption table td {
padding: 0 0 0 25px; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .right-block .pic-caption table td {
display: block;
height: auto;
padding: 25px 20px 0; } }
.main-fly-blocks > .right-block .pic-caption table th {
text-align: left;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 1.4px;
color: #000;
font-weight: normal;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding: 0 25px 0 5px;
position: relative;
font-size: 15px;
letter-spacing: 0.7px;
height: 130px;
border-right: 1px dotted #a9a9a9; }
@media only screen and (max-width: 1340px) {
.main-fly-blocks > .right-block .pic-caption table th {
padding: 0 15px 0 5px; } }
@media only screen and (max-width: 1100px) {
.main-fly-blocks > .right-block .pic-caption table th {
font-size: 14px; } }
@media only screen and (max-width: 1000px) {
.main-fly-blocks > .right-block .pic-caption table th {
padding: 0 25px 0 5px; } }
@media only screen and (max-width: 650px) {
.main-fly-blocks > .right-block .pic-caption table th {
display: block;
height: auto;
padding: 25px 20px;
border-right: none;
border-bottom: 1px dotted #a9a9a9; } }
.main-fly-blocks > .right-block .pic-caption table p {
padding: 0; }
.arrow-btn, .arrow-btn:link, .arrow-btn:visited {
display: inline-block;
position: relative;
border: 6px solid #d7d9e4;
font-size: 17px;
padding: 23px 100px 23px 50px;
color: #000029;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 1100px) {
.arrow-btn, .arrow-btn:link, .arrow-btn:visited {
padding: 23px 70px 23px 30px; } }
@media only screen and (max-width: 550px) {
.arrow-btn, .arrow-btn:link, .arrow-btn:visited {
padding: 14px 55px 14px 25px; } }
@media only screen and (max-width: 450px) {
.arrow-btn, .arrow-btn:link, .arrow-btn:visited {
display: block;
text-align: center; } }
.arrow-btn:hover, .arrow-btn:link:hover, .arrow-btn:visited:hover {
border-color: #000029; }
.arrow-btn:after, .arrow-btn:link:after, .arrow-btn:visited:after {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
content: '';
display: block;
right: 45px;
top: 50%;
font-size: 10px;
margin-top: -4px;
content: "\e90b"; }
@media only screen and (max-width: 1100px) {
.arrow-btn:after, .arrow-btn:link:after, .arrow-btn:visited:after {
right: 20px; } }
@media only screen and (max-width: 550px) {
.arrow-btn:after, .arrow-btn:link:after, .arrow-btn:visited:after {
right: 10px; } }
.third-main-block {
position: relative;
z-index: 3;
padding: 80px 0 120px; }
@media only screen and (max-width: 1340px) {
.third-main-block {
padding: 60px 0 80px; } }
@media only screen and (max-width: 1100px) {
.third-main-block {
padding: 30px 0 60px; } }
@media only screen and (max-width: 1000px) {
.third-main-block {
padding: 0;
margin: 0 0 180px; } }
@media only screen and (max-width: 750px) {
.third-main-block {
margin: 0 0 80px; } }
@media only screen and (max-width: 550px) {
.third-main-block {
margin: 0 0 40px; } }
.third-main-block:after {
position: absolute;
content: '';
display: block;
height: 50%;
bottom: 0;
width: 4000px;
left: -2000px;
z-index: 1;
background: #efefef; }
@media only screen and (max-width: 1000px) {
.third-main-block:after {
display: none; } }
.third-main-block .pic {
position: relative;
z-index: 3;
padding-left: 60px;
will-change: transform; }
.third-main-block .pic span {
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-size: cover;
background-position: left top;
background-repeat: no-repeat; }
@media only screen and (max-width: 1000px) {
.third-main-block .pic {
position: absolute;
width: 100%;
height: 100%;
left: -20px;
top: -150px;
padding: 150px 20px; }
.third-main-block .pic span {
display: block; } }
@media only screen and (max-width: 750px) {
.third-main-block .pic {
padding: 50px 20px;
top: -50px; } }
@media only screen and (max-width: 550px) {
.third-main-block .pic {
padding: 100px 20px 0;
top: -100px;
height: 0; } }
.third-main-block .pic img {
display: block;
width: 100%;
height: auto; }
@media only screen and (max-width: 1000px) {
.third-main-block .pic img {
display: none; } }
.third-main-block .top-text {
position: absolute;
top: 50%;
left: 0;
background: #fff;
-webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
padding: 80px 60px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
z-index: 3;
will-change: transform;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 1340px) {
.third-main-block .top-text {
padding: 50px 40px; } }
@media only screen and (max-width: 1000px) {
.third-main-block .top-text {
padding: 50px 40px;
width: auto;
position: relative;
top: auto;
-webkit-transform: none;
-khtml-transform: none;
-ms-transform: none;
transform: none;
overflow: hidden; } }
@media only screen and (max-width: 750px) {
.third-main-block .top-text {
padding: 40px 20px; } }
@media only screen and (max-width: 550px) {
.third-main-block .top-text {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 -20px; } }
.third-main-block .top-text p {
padding-bottom: 0; }
.third-main-block .top-text h2 {
float: left;
width: 55%; }
@media only screen and (max-width: 650px) {
.third-main-block .top-text h2 {
width: auto; } }
.third-main-block .top-text h2 a {
display: inline-block;
position: relative;
padding-right: 30px;
border: none; }
.third-main-block .top-text h2 a:after {
position: absolute;
content: '';
display: block;
right: 0;
top: 50%;
margin-top: -3px;
color: #e31c24;
font-size: 16px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e900";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.third-main-block .top-text h2 a:hover:after {
-webkit-transform: translateX(6px);
-khtml-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px); }
.third-main-block .top-text strong {
font-size: 21px;
display: block;
padding-bottom: 25px;
color: #000; }
.third-main-block .top-text > .left-position {
width: 45%;
padding-top: 20px; }
@media only screen and (max-width: 650px) {
.third-main-block .top-text > .left-position {
width: auto;
padding-top: 0; } }
h2.arrow-header {
position: relative; }
h2.arrow-header a {
display: inline-block;
position: relative;
padding: 0 30px;
border: none; }
@media only screen and (max-width: 550px) {
h2.arrow-header a {
padding: 0 30px 0 0; } }
h2.arrow-header a:after {
position: absolute;
content: '';
display: block;
right: 0;
top: 50%;
margin-top: -3px;
color: #e31c24;
font-size: 16px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e900";
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 550px) {
h2.arrow-header a:after {
bottom: 8px;
left: 140px;
top: auto; } }
h2.arrow-header a:hover:after {
-webkit-transform: translateX(6px);
-khtml-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px); }
h2.arrow-header.center {
text-align: center;
font-size: 55px;
font-family: "BreweryNo2CYR-Heavy";
line-height: normal; }
@media only screen and (max-width: 1000px) {
h2.arrow-header.center {
font-size: 42px; } }
@media only screen and (max-width: 900px) {
h2.arrow-header.center {
font-size: 38px; } }
@media only screen and (max-width: 750px) {
h2.arrow-header.center {
font-size: 34px; } }
@media only screen and (max-width: 550px) {
h2.arrow-header.center {
font-size: 30px;
text-align: left;
max-width: 300px;
margin: 0; } }
@media only screen and (max-width: 500px) {
h2.arrow-header.center {
font-size: 25px; } }
@media only screen and (max-width: 550px) {
.mb-left {
text-align: left; } }
.w50 {
width: 50%; }
@media only screen and (max-width: 900px) {
.w50.left-position, .w50.right-position {
width: auto;
float: none; } }
.w33 {
width: 33.33%; }
.w25 {
width: 25%; }
@media only screen and (max-width: 1000px) {
.w25 {
width: 50%; } }
@media only screen and (max-width: 650px) {
.w25 {
width: auto; } }
@media only screen and (max-width: 550px) {
.w25.center {
text-align: center; } }
.main-gallery-wrap {
position: relative;
width: 90%;
margin: 100px auto 200px;
background: #fff;
-webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 1340px) {
.main-gallery-wrap {
width: auto; } }
@media only screen and (max-width: 750px) {
.main-gallery-wrap {
margin: 80px 0 150px; } }
@media only screen and (max-width: 650px) {
.main-gallery-wrap {
margin: 50px 0 80px; } }
.main-gallery-wrap .main-gallery-tabs {
float: left;
margin-right: -100%;
width: 235px;
position: relative;
z-index: 3;
padding: 42px 0; }
@media only screen and (max-width: 1000px) {
.main-gallery-wrap .main-gallery-tabs {
padding: 20px 0; } }
@media only screen and (max-width: 900px) {
.main-gallery-wrap .main-gallery-tabs {
width: 200px; } }
@media only screen and (max-width: 750px) {
.main-gallery-wrap .main-gallery-tabs {
padding: 10px 0; } }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-tabs {
white-space: nowrap;
overflow: auto;
width: auto;
float: none;
padding: 0;
margin: 0 -20px;
background: #fff;
-webkit-overflow-scrolling: touch; } }
.main-gallery-wrap .main-gallery-tabs > li {
cursor: pointer;
padding: 11px 20px 11px 40px;
margin: 4px 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: relative; }
@media only screen and (max-width: 900px) {
.main-gallery-wrap .main-gallery-tabs > li {
padding: 11px 20px; } }
@media only screen and (max-width: 750px) {
.main-gallery-wrap .main-gallery-tabs > li {
padding: 6px 20px; } }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-tabs > li {
display: inline-block;
padding: 8px 10px;
margin: 0; } }
.main-gallery-wrap .main-gallery-tabs > li span {
position: relative;
z-index: 3; }
.main-gallery-wrap .main-gallery-tabs > li:after {
position: absolute;
content: '';
display: block;
left: -12px;
padding-left: 12px;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
background: #e31c24; }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-tabs > li:after {
padding: 0;
left: 0;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0); } }
.main-gallery-wrap .main-gallery-tabs > li:hover {
color: #000029;
background: #f2f2f2; }
.main-gallery-wrap .main-gallery-tabs > li.active {
color: #fff; }
.main-gallery-wrap .main-gallery-tabs > li.active:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-tabs > li.active:after {
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1); } }
.main-gallery-wrap .main-gallery-pics {
-webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
margin: -70px 20px -50px 235px;
position: relative;
padding: 90px 0;
height: 100%;
z-index: 2;
overflow: hidden; }
@media only screen and (max-width: 1340px) {
.main-gallery-wrap .main-gallery-pics {
margin: -50px 20px -50px 235px;
padding: 50px 0; } }
@media only screen and (max-width: 900px) {
.main-gallery-wrap .main-gallery-pics {
margin: -30px 0 -30px 200px;
padding: 30px 0; } }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-pics {
margin: 0;
padding: 0; } }
.main-gallery-wrap .main-gallery-pics li {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: transform 0.4s ease-in-out 0.4s, visibility 0s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0.4s;
transition: transform 0.4s ease-in-out 0.4s, visibility 0s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0.4s;
z-index: 1; }
.main-gallery-wrap .main-gallery-pics li.active {
z-index: 2;
visibility: visible;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 0.4s ease-in-out 0s, visibility 0s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
transition: transform 0.4s ease-in-out 0s, visibility 0s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s; }
.main-gallery-wrap .main-gallery-pics-wrap {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%; }
@media only screen and (max-width: 650px) {
.main-gallery-wrap .main-gallery-pics-wrap {
margin: 0 -20px;
padding: 0;
height: 340px;
position: relative;
width: auto; } }
@media only screen and (max-width: 550px) {
.main-gallery-wrap .main-gallery-pics-wrap {
height: 280px; } }
@media only screen and (max-width: 450px) {
.main-gallery-wrap .main-gallery-pics-wrap {
height: 240px; } }
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
@media only screen and (max-width: 550px) {
.slick-list {
padding: 0 20px; } }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
white-space: nowrap; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
/*height: 100%;*/
min-height: 1px;
white-space: normal;
vertical-align: top; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: inline-block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.footer-news {
padding: 60px 0; }
.footer-news h4 {
padding-bottom: 25px;
font-weight: normal; }
.footer-news h4 a {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #fff;
border: none;
font-size: 24px; }
.news-slider {
margin: 0 -11px;
position: relative; }
.news-slider:before {
position: absolute;
content: '';
display: block;
width: 11px;
height: 100%;
top: 0;
left: 0;
background: #000029;
z-index: 2; }
@media only screen and (max-width: 1340px) {
.news-slider:before {
width: 5px; } }
@media only screen and (max-width: 550px) {
.news-slider:before {
display: none; } }
.news-slider:after {
position: absolute;
content: '';
display: block;
width: 11px;
height: 100%;
top: 0;
right: 0;
background: #000029;
z-index: 2; }
@media only screen and (max-width: 1340px) {
.news-slider:after {
width: 5px; } }
@media only screen and (max-width: 550px) {
.news-slider:after {
display: none; } }
@media only screen and (max-width: 1340px) {
.news-slider {
margin: 0 -5px; } }
@media only screen and (max-width: 550px) {
.news-slider {
margin: 0 -25px; } }
@media only screen and (max-width: 550px) {
.news-slider .slick-list {
padding: 0 25px; } }
.news-slider .slick-slide {
margin: 0 11px; }
@media only screen and (max-width: 1340px) {
.news-slider .slick-slide {
margin: 0 5px; } }
@media only screen and (max-width: 550px) {
.news-slider .slick-slide {
width: 250px; } }
.news-slider .news-slide {
background: #fff;
display: block;
border: none;
position: relative;
color: #666666; }
.news-slider .news-slide:before {
position: absolute;
content: '';
display: block;
height: 6px;
width: 100%;
z-index: 1;
bottom: 0;
left: 0;
background: #e31c24;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.news-slider .news-slide:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.news-slider .news-slide:after {
position: absolute;
content: '';
display: block;
left: 96px;
top: 0;
height: 100%;
width: 0;
border-left: 1px dotted #a9a9a9; }
@media only screen and (max-width: 650px) {
.news-slider .news-slide:after {
left: 80px; } }
@media only screen and (max-width: 550px) {
.news-slider .news-slide:after {
display: none; } }
.news-slider .news-slide .date {
float: left;
margin-right: -100%;
width: 96px;
text-align: center;
height: 100%;
white-space: nowrap; }
@media only screen and (max-width: 650px) {
.news-slider .news-slide .date {
width: 80px; } }
@media only screen and (max-width: 550px) {
.news-slider .news-slide .date {
float: none;
margin: 0;
width: auto;
padding: 20px 20px 0;
display: block;
height: auto;
text-align: left; } }
.news-slider .news-slide .date > span {
display: inline-block;
vertical-align: middle;
font-size: 15px; }
@media only screen and (max-width: 550px) {
.news-slider .news-slide .date > span {
font-size: 13px; } }
.news-slider .news-slide .date:after {
display: inline-block;
vertical-align: middle;
height: 100%;
content: '';
width: 0; }
@media only screen and (max-width: 550px) {
.news-slider .news-slide .date:after {
display: none; } }
.news-slider .news-slide .date strong {
display: block;
color: #001485;
font-size: 50px;
font-family: "BreweryNo2CYR-Heavy";
line-height: 1; }
@media only screen and (max-width: 550px) {
.news-slider .news-slide .date strong {
font-size: 22px;
display: inline-block;
margin-right: 3px; } }
.news-slider .news-slide .news-name {
padding: 35px 20px;
display: block;
margin-left: 96px; }
@media only screen and (max-width: 1100px) {
.news-slider .news-slide .news-name {
padding: 20px; } }
@media only screen and (max-width: 650px) {
.news-slider .news-slide .news-name {
margin-left: 80px; } }
@media only screen and (max-width: 550px) {
.news-slider .news-slide .news-name {
margin-left: 0; } }
.news-slider .news-slide:hover {
color: #000029; }
.news-slider .slick-arrow {
width: 48px;
height: 48px;
left: -48px;
top: 50%;
margin-top: -24px;
cursor: pointer;
border: none;
background: transparent;
font-size: 20px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 48px;
text-align: center;
position: absolute;
color: #fff;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
text-indent: -4px;
outline: none;
padding: 0;
z-index: 20; }
@media only screen and (max-width: 1340px) {
.news-slider .slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
left: 0;
color: #e31c24; } }
@media only screen and (max-width: 550px) {
.news-slider .slick-arrow {
left: 5px;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } }
.news-slider .slick-arrow.slick-disabled {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
.news-slider .slick-arrow:hover {
color: #fff;
background: #e31c24; }
.news-slider .slick-arrow.slick-next {
text-indent: 2px;
left: auto;
right: -48px; }
@media only screen and (max-width: 1340px) {
.news-slider .slick-arrow.slick-next {
right: 0; } }
@media only screen and (max-width: 550px) {
.news-slider .slick-arrow.slick-next {
right: 5px; } }
.news-slider.headerSlider:before, .news-slider.headerSlider:after {
content: none; }
@media only screen and (max-width: 1340px) {
.news-slider.headerSlider .slick-arrow {
color: #fff; } }
.news-slider.headerSlider .news-slide {
background: none;
border: 2px solid #fff;
color: #fff;
font-size: 14px;
line-height: 1.6; }
.news-slider.headerSlider .news-slide .date {
font-size: 14px;
color: #A8A8A8; }
.news-slider.headerSlider .news-slide .date strong {
color: #fff;
font-size: 36px; }
.news-slider.headerSlider .news-slide:before {
height: 3px; }
.news-slider.headerSlider .news-slide:after {
border-color: #fff; }
.news-slider.headerSlider .news-name {
height: 45px;
padding: 25px; }
@media only screen and (max-width: 1100px) {
.news-slider.headerSlider .news-name {
padding: 20px; } }
@media only screen and (max-width: 650px) {
.news-slider.headerSlider .news-name {
margin-left: 80px; } }
@media only screen and (max-width: 550px) {
.news-slider.headerSlider .news-name {
margin-left: 0; } }
.white-bg {
background: #fff; }
@media only screen and (max-width: 1000px) {
.white-bg {
margin: 0 -20px;
padding: 0 20px; } }
.big-icons {
padding: 0 80px 40px; }
@media only screen and (max-width: 1100px) {
.big-icons {
padding: 0 40px 50px; } }
@media only screen and (max-width: 900px) {
.big-icons {
padding: 0 20px 40px; } }
@media only screen and (max-width: 650px) {
.big-icons {
padding: 0 0 40px;
margin: 0 -10px; } }
.big-icons > li {
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 35px;
text-align: center; }
@media only screen and (max-width: 1000px) {
.big-icons > li {
padding: 0 25px; } }
@media only screen and (max-width: 750px) {
.big-icons > li {
padding: 0 15px; } }
@media only screen and (max-width: 650px) {
.big-icons > li {
padding: 0 10px; } }
@media only screen and (max-width: 550px) {
.big-icons > li {
margin-bottom: 20px; } }
.big-icons > li strong {
display: block;
padding-bottom: 25px;
color: #000; }
.big-icons > li p {
color: #666666; }
@media only screen and (max-width: 1340px) {
.big-icons > li p {
font-size: 16px; } }
@media only screen and (max-width: 1000px) {
.big-icons > li p {
font-size: 15px; } }
@media only screen and (max-width: 650px) {
.big-icons > li p {
font-size: 14px; } }
.big-icons > li.w33 {
width: 33.3%; }
@media only screen and (max-width: 450px) {
.big-icons > li.w33 {
width: 100%; } }
.big-icons > li.w50 {
width: 50%;
padding: 0 80px; }
@media only screen and (max-width: 1000px) {
.big-icons > li.w50 {
padding: 0 60px; } }
@media only screen and (max-width: 900px) {
.big-icons > li.w50 {
padding: 0 25px; } }
@media only screen and (max-width: 550px) {
.big-icons > li.w50 {
padding: 0 10px; } }
@media only screen and (max-width: 450px) {
.big-icons > li.w50 {
width: 100%; } }
.big-icons > li .ico {
display: block;
margin-bottom: 35px; }
@media only screen and (max-width: 450px) {
.big-icons > li .ico {
margin-bottom: 10px;
height: auto !important; } }
.big-icons > li .ico img {
margin: 0 auto;
display: block;
max-width: 100%;
height: auto; }
@media only screen and (max-width: 450px) {
.big-icons > li .ico img {
max-width: 200px; } }
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-khtml-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-khtml-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
.fotorama__spinner {
position: absolute !important;
top: 50% !important;
left: 50% !important; }
.fotorama-gallery-wrap {
position: relative;
margin-bottom: 60px; }
@media only screen and (max-width: 750px) {
.fotorama-gallery-wrap {
margin-bottom: 0; } }
.fotorama-gallery-wrap .fotorama {
min-width: 1px;
overflow: hidden; }
.fotorama-gallery-wrap .fotorama:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
background: rgba(169, 169, 169, 0.7);
-webkit-box-shadow: 0 15px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 15px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px; }
.fotorama-gallery-wrap .fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
display: none; }
.fotorama-gallery-wrap .fotorama__wrap {
-webkit-text-size-adjust: 100%;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
direction: ltr;
z-index: 10;
background: #fff; }
.fotorama-gallery-wrap .fotorama__wrap--rtl .fotorama__stage__frame {
direction: rtl; }
.fotorama-gallery-wrap .fotorama__stage,
.fotorama-gallery-wrap .fotorama__nav {
overflow: hidden;
position: relative;
max-width: 100%; }
.fotorama-gallery-wrap .fotorama__wrap--pan-y {
-ms-touch-action: pan-y; }
.fotorama-gallery-wrap .fotorama__stage__shaft {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
-webkit-tap-highlight-color: transparent;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.fotorama-gallery-wrap .fotorama__wrap .fotorama__pointer {
cursor: pointer; }
.fotorama-gallery-wrap .fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.fotorama-gallery-wrap .fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important; }
.fotorama-gallery-wrap .fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing; }
.fotorama-gallery-wrap .fotorama__stage__frame {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
-webkit-tap-highlight-color: transparent;
overflow: hidden; }
.fotorama-gallery-wrap .fotorama__stage__frame.fotorama__active {
z-index: 8; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__stage__frame {
display: none; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active,
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__fade-front,
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__fade-rear {
display: block;
left: 0;
top: 0; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__fade-front {
z-index: 8; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9; }
.fotorama-gallery-wrap .fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none; }
.fotorama-gallery-wrap .fotorama__img {
opacity: 0;
max-width: 99999px !important;
max-height: 99999px !important;
min-width: 0 !important;
min-height: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0 !important;
border: none !important;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0; }
.fotorama__loaded .fotorama-gallery-wrap .fotorama__img,
.fotorama__error .fotorama-gallery-wrap .fotorama__img {
opacity: 1; }
.fotorama-gallery-wrap .fotorama__img--full {
display: none; }
.fotorama-gallery-wrap .fotorama--fullscreen .fotorama__loaded--full .fotorama__img {
display: none; }
.fotorama-gallery-wrap .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block; }
.fotorama-gallery-wrap .fotorama__html {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0; }
.fotorama-gallery-wrap .fotorama__wrap--only-active .fotorama__stage,
.fotorama-gallery-wrap .fotorama__wrap--only-active .fotorama__nav {
max-width: 99999px !important; }
.fotorama-gallery-wrap .fotorama__wrap--only-active .fotorama__stage__frame {
visibility: hidden; }
.fotorama-gallery-wrap .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible; }
.fotorama-gallery-wrap .fotorama__nav {
font-size: 0;
line-height: 0;
text-align: center;
display: none;
white-space: nowrap;
-webkit-tap-highlight-color: transparent;
z-index: 5; }
.fotorama-gallery-wrap .fotorama__nav__shaft {
display: inline-block;
position: relative;
left: 0;
top: 0;
text-align: left;
-webkit-tap-highlight-color: transparent; }
.fotorama-gallery-wrap .fotorama__nav__frame {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
outline: 0; }
.fotorama-gallery-wrap .fotorama__nav-wrap:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: 0 0px 55px 24px rgba(3, 3, 3, 0.9);
box-shadow: 0 0px 55px 24px rgba(3, 3, 3, 0.9); }
.fotorama-gallery-wrap .fotorama__nav--dots {
display: block; }
.fotorama-gallery-wrap .fotorama__nav--dots .fotorama__nav__shaft {
z-index: 1; }
.fotorama-gallery-wrap .fotorama__nav--dots .fotorama__nav__frame {
width: 18px;
padding: 20px 0;
margin: 0 4px; }
.fotorama-gallery-wrap .fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama-gallery-wrap .fotorama__nav--dots .fotorama__thumb-border {
display: none; }
.fotorama-gallery-wrap .fotorama__nav--thumbs {
display: block; }
.fotorama-gallery-wrap .fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important; }
.fotorama-gallery-wrap .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important; }
.fotorama-gallery-wrap .fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none; }
.fotorama-gallery-wrap .fotorama--hidden {
position: absolute;
left: -99999px;
top: -99999px;
z-index: -1; }
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__thumb-border {
-webkit-transition-property: width, -webkit-transform;
transition-property: width, -webkit-transform;
transition-property: transform, width;
transition-property: transform, width, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 0ms;
transition-duration: 0ms; }
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__thumb-border {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__spinner {
-webkit-animation: spinner 24s infinite linear;
animation: spinner 24s infinite linear;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__stage,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__nav,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__stage__frame {
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama-gallery-wrap .fotorama__wrap--css3 .fotorama__html {
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear; }
.fotorama-gallery-wrap .fotorama__wrap--video .fotorama__stage__shaft,
.fotorama-gallery-wrap .fotorama__wrap--video .fotorama__stage,
.fotorama-gallery-wrap .fotorama__wrap--video .fotorama__stage__frame--video {
-webkit-transform: none;
-khtml-transform: none;
-ms-transform: none;
transform: none; }
.fotorama-gallery-wrap .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama-gallery-wrap .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html {
-webkit-transform: none;
-khtml-transform: none;
-ms-transform: none;
transform: none;
opacity: 0; }
.fotorama-gallery-wrap .fotorama__loaded--img .fotorama__img {
opacity: 1; }
.fotorama-gallery-wrap .fotorama__select {
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
-o-user-select: initial;
user-select: initial;
cursor: auto; }
.fotorama-gallery-wrap .fotorama__no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
.fotorama-gallery-wrap .fotorama__load {
position: absolute;
left: -99999px;
top: -99999px;
z-index: -1; }
.fotorama-gallery-wrap .fotorama__video {
top: 32px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 10; }
.fotorama-gallery-wrap .fotorama__video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0; }
.fotorama-gallery-wrap .gallery-arrow {
position: absolute;
width: 144px;
z-index: 30;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
right: -24px;
height: 100%;
top: 0;
cursor: pointer; }
@media only screen and (max-width: 650px) {
.fotorama-gallery-wrap .gallery-arrow {
width: 100px; } }
@media only screen and (max-width: 550px) {
.fotorama-gallery-wrap .gallery-arrow {
right: 0;
width: 50px; } }
.fotorama-gallery-wrap .gallery-arrow span {
display: block;
position: absolute;
top: 50%;
margin-top: -24px;
right: 0;
width: 48px;
height: 48px;
color: #fff;
background: #e31c24;
cursor: pointer;
text-align: center;
vertical-align: middle; }
@media only screen and (max-width: 450px) {
.fotorama-gallery-wrap .gallery-arrow span {
-webkit-transform-origin: right center;
-khtml-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } }
.fotorama-gallery-wrap .gallery-arrow span:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90e";
width: 100%;
text-align: center;
top: 14px;
left: 0;
position: absolute;
font-size: 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.fotorama-gallery-wrap .gallery-arrow span:after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 2px;
background: #fff;
left: 50%;
margin-left: -10px;
top: 50%;
margin-top: -1px;
opacity: 0;
-webkit-transform: translateX(-15px);
-khtml-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.fotorama-gallery-wrap .gallery-arrow.prev {
left: -24px; }
@media only screen and (max-width: 550px) {
.fotorama-gallery-wrap .gallery-arrow.prev {
left: 0; } }
.fotorama-gallery-wrap .gallery-arrow.prev span {
-webkit-transform-origin: left center;
-khtml-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
left: 0; }
.fotorama-gallery-wrap .gallery-arrow.prev span:before {
content: "\e90f"; }
.fotorama-gallery-wrap .gallery-arrow.prev span:after {
-webkit-transform: translateX(15px);
-khtml-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px); }
.fotorama-gallery-wrap .gallery-arrow.prev:hover span:before {
-webkit-transform: translateX(-6px);
-khtml-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px); }
.fotorama-gallery-wrap .gallery-arrow:hover span:before {
-webkit-transform: translateX(6px);
-khtml-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px); }
.fotorama-gallery-wrap .gallery-arrow:hover span:after {
opacity: 1;
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.blue-btn, .blue-btn:link, .blue-btn:visited {
background: #001485;
color: #fff;
text-align: center;
padding: 29px 60px;
font-size: 16px;
border: none;
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.blue-btn:hover, .blue-btn:link:hover, .blue-btn:visited:hover {
background: #000029; }
@media only screen and (max-width: 550px) {
.blue-btn, .blue-btn:link, .blue-btn:visited {
padding: 20px 40px; } }
@media only screen and (max-width: 450px) {
.blue-btn, .blue-btn:link, .blue-btn:visited {
display: block; } }
/*.white-bg-2 {
margin-bottom: 60px;
position: relative;
.white-bg-2-inner {
position: relative;
z-index: 2;
background: #fff;
}
&:after {
@include pseudo-styler();
z-index: 1;
width: 94%;
background: #efefef;
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
bottom: 0;
left: 3%;
height: 70px;
border-radius: 20px;
}
}*/
.ico-list2 > li {
position: relative;
padding-bottom: 30px; }
.ico-list2 > li h5 {
color: #000; }
.ico-list2 > li .info {
margin-left: 70px; }
.ico-list2 > li .ico {
float: left;
margin-right: -100%; }
.objects-gallery {
position: relative;
margin-bottom: 70px; }
@media only screen and (max-width: 1000px) {
.objects-gallery {
margin-top: 40px; } }
@media only screen and (max-width: 550px) {
.objects-gallery {
margin: 0 -20px 30px; } }
.objects-gallery .buttons-block {
float: left;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 53%;
padding: 0 20px 0 70px; }
.objects-gallery .buttons-block .blue-btn {
margin: 0 5px 10px 0; }
@media only screen and (max-width: 1340px) {
.objects-gallery .buttons-block {
padding: 0 20px 0 20px; } }
@media only screen and (max-width: 1000px) {
.objects-gallery .buttons-block {
width: 48%; } }
@media only screen and (max-width: 750px) {
.objects-gallery .buttons-block {
width: auto;
float: none; } }
.objects-gallery .fotorama-gallery-wrap .fotorama:after {
-webkit-box-shadow: none;
box-shadow: none; }
.objects-gallery .slick-gallery-wrap {
margin-bottom: 70px; }
@media only screen and (max-width: 750px) {
.objects-gallery .slick-gallery-wrap {
margin-bottom: 0; } }
.objects-gallery .photo-captions {
float: right;
width: 42%;
margin-top: -600px; }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions {
width: 52%;
margin-top: 0; } }
@media only screen and (max-width: 750px) {
.objects-gallery .photo-captions {
width: auto;
float: none; } }
.objects-gallery .photo-captions ul {
z-index: 10;
/*margin-right: 70px;*/
position: relative;
height: 83px;
padding-bottom: 100px; }
@media only screen and (max-width: 1340px) {
.objects-gallery .photo-captions ul {
/*margin-right: 20px;*/ } }
@media only screen and (max-width: 750px) {
.objects-gallery .photo-captions ul {
margin: 0 0 30px;
height: auto;
padding-bottom: 0; } }
.objects-gallery .photo-captions ul li {
z-index: 10;
position: absolute;
background: #fff;
opacity: 0;
visibility: hidden;
top: 0;
right: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions ul li {
bottom: 0;
top: initial; } }
@media only screen and (max-width: 750px) {
.objects-gallery .photo-captions ul li {
top: 0; } }
.objects-gallery .photo-captions ul li > div {
position: relative;
z-index: 3;
background: #fff;
padding: 80px 60px;
/*height: 530px;*/
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions ul li > div {
padding: 50px 40px;
/*height: auto;*/ } }
@media only screen and (max-width: 550px) {
.objects-gallery .photo-captions ul li > div {
padding: 40px 20px; } }
.objects-gallery .photo-captions ul li > div.top-white {
min-height: 530px; }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions ul li > div.top-white {
min-height: initial; } }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions ul li > div.top-white p {
display: none; } }
.objects-gallery .photo-captions ul li > div.bottom-grey {
background: #E3E3E3;
padding: 50px 60px;
height: auto; }
.objects-gallery .photo-captions ul li:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
background: #efefef;
/*box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);*/
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px; }
.objects-gallery .photo-captions ul li .type {
font-family: "Open Sans", sans-serif;
font-weight: 700;
display: block;
font-size: 21px;
color: #000;
padding-bottom: 20px; }
@media only screen and (max-width: 550px) {
.objects-gallery .photo-captions ul li .type {
font-size: 17px; } }
.objects-gallery .photo-captions ul li .name {
font-size: 45px;
display: block;
font-weight: normal;
font-family: "BreweryNo2CYR-Light";
color: #001485;
padding-bottom: 30px;
line-height: normal; }
@media only screen and (max-width: 1340px) {
.objects-gallery .photo-captions ul li .name {
font-size: 35px; } }
@media only screen and (max-width: 1100px) {
.objects-gallery .photo-captions ul li .name {
font-size: 30px; } }
@media only screen and (max-width: 1000px) {
.objects-gallery .photo-captions ul li .name {
font-size: 32px; } }
@media only screen and (max-width: 550px) {
.objects-gallery .photo-captions ul li .name {
font-size: 24px; } }
.objects-gallery .photo-captions ul li.active, .objects-gallery .photo-captions ul li.slick-active {
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
opacity: 1;
visibility: visible; }
@media only screen and (max-width: 750px) {
.objects-gallery .photo-captions ul li.active, .objects-gallery .photo-captions ul li.slick-active {
position: relative; } }
.objects-gallery .photo-captions a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.objects-gallery .photo-captions a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.objects-gallery .photo-captions a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #000029;
left: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.objects-gallery .photo-captions a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.white-block-with-shad {
position: relative;
z-index: 3; }
@media only screen and (max-width: 550px) {
.white-block-with-shad {
margin: 0 -20px; } }
.white-block-with-shad:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
background: #efefef;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px; }
.white-block-with-shad > div {
position: relative;
z-index: 3;
background: #fff;
padding: 70px 70px 95px;
margin-bottom: 100px; }
@media only screen and (max-width: 1100px) {
.white-block-with-shad > div {
padding: 40px 40px 50px; } }
@media only screen and (max-width: 900px) {
.white-block-with-shad > div {
margin-bottom: 30px; } }
@media only screen and (max-width: 550px) {
.white-block-with-shad > div {
padding: 40px 20px 50px; } }
.white-block-with-shad > div h2 {
color: #001485; }
.white-block-with-shad h5 {
color: #000; }
.white-block-with-shad .marked-list {
padding-bottom: 50px;
margin-left: -28px; }
@media only screen and (max-width: 550px) {
.white-block-with-shad .marked-list {
margin-left: 0; } }
.big-marked-list > li {
position: relative;
padding-bottom: 40px; }
.big-marked-list > li:before {
position: absolute;
content: '';
display: block;
left: -78px;
top: 10px;
background: #e31c24;
height: 9px;
width: 45px; }
@media only screen and (max-width: 1100px) {
.big-marked-list > li:before {
left: -50px;
width: 30px; } }
@media only screen and (max-width: 650px) {
.big-marked-list > li:before {
left: -40px;
height: 6px;
top: 8px; } }
.marked-list {
padding-bottom: 30px; }
.marked-list > li {
position: relative;
padding: 0 0 10px 28px; }
@media only screen and (max-width: 650px) {
.marked-list > li {
padding: 0 0 10px 23px; } }
.marked-list > li:before {
left: 0;
top: 0;
content: '\2014';
position: absolute;
color: #e31c24; }.solutions-info-list {
padding: 70px 70px 40px 70px; }
@media only screen and (max-width: 1100px) {
.solutions-info-list {
padding: 40px 40px 10px 40px; } }
@media only screen and (max-width: 550px) {
.solutions-info-list {
padding: 40px 0 10px 0; } }
.solutions-info-list h2 {
color: #001485; }
.solutions-info-list .ico-list > li {
position: relative;
padding-bottom: 30px; }
.solutions-info-list .ico-list > li h5 {
color: #000; }
.solutions-info-list .ico-list > li .info {
margin-left: 70px; }
.solutions-info-list .ico-list > li .ico {
float: left;
margin-right: -100%; }
.dark-bg {
background: #000029;
color: #fff;
padding: 70px 70px 50px;
margin-bottom: 30px; }
@media only screen and (max-width: 1100px) {
.dark-bg {
padding: 40px 40px 20px; } }
@media only screen and (max-width: 900px) {
.dark-bg {
margin: 0; } }
@media only screen and (max-width: 550px) {
.dark-bg {
margin: 0 -20px;
padding: 40px 20px 20px; } }
.dark-bg.form-dark-block {
padding-bottom: 75px; }
@media only screen and (max-width: 1100px) {
.dark-bg.form-dark-block {
padding-bottom: 45px; } }
.dark-bg h2 {
color: #fff; }
.dark-bg.version-2 .big-marked-list {
color: #DADEED; }
.dark-bg.version-2 .big-marked-list h5 {
color: #fff; }
h5 {
font-size: 21px;
font-weight: normal;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding-bottom: 10px; }
@media only screen and (max-width: 1000px) {
h5 {
font-size: 19px; } }
@media only screen and (max-width: 650px) {
h5 {
font-size: 18px; } }
@media only screen and (max-width: 450px) {
h5 {
font-size: 17px; } }
.contacts-section {
padding: 40px 0 100px; }
@media only screen and (max-width: 900px) {
.contacts-section {
padding: 40px 0 80px; } }
@media only screen and (max-width: 650px) {
.contacts-section {
padding: 40px 0 60px; } }
.contacts-section a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.contacts-section a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.contacts-section a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.contacts-section a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.contacts-section .contacts-col {
line-height: 1.8;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 70px 20px 0; }
@media only screen and (max-width: 1340px) {
.contacts-section .contacts-col {
padding: 0 40px 20px 0; } }
@media only screen and (max-width: 1100px) {
.contacts-section .contacts-col {
max-width: 45%; } }
@media only screen and (max-width: 900px) {
.contacts-section .contacts-col {
max-width: 48%;
padding: 0 30px 20px 0; } }
@media only screen and (max-width: 550px) {
.contacts-section .contacts-col {
max-width: none;
padding: 0 0 20px 0;
display: block; } }
.contacts-section h5 {
line-height: normal;
color: #000;
padding-bottom: 40px; }
@media only screen and (max-width: 1000px) {
.contacts-section h5 {
padding-bottom: 20px; } }
.contacts-section .file-list {
max-width: 350px; }
.contacts-section .file-list a:before, .contacts-section .file-list a:after {
display: none; }
.contacts-section .bottom-form {
margin: 0 auto;
max-width: 600px; }
.contacts-section .bottom-form h3 {
color: #000;
text-align: center; }
.contacts-section .bottom-form .main-form .text-input, .contacts-section .bottom-form .main-form .text-input-area,
.contacts-section .bottom-form .subscribeForm .text-input, .contacts-section .bottom-form .subscribeForm .text-input-area {
border-color: #001485;
color: #000029; }
.contacts-section .bottom-form .main-form .text-input:focus, .contacts-section .bottom-form .main-form .text-input-area:focus,
.contacts-section .bottom-form .subscribeForm .text-input:focus, .contacts-section .bottom-form .subscribeForm .text-input-area:focus {
border-color: #000029; }
.contacts-section .bottom-form .main-form .text-input.error, .contacts-section .bottom-form .main-form .text-input-area.error,
.contacts-section .bottom-form .subscribeForm .text-input.error, .contacts-section .bottom-form .subscribeForm .text-input-area.error {
border-color: #e31c24; }
.contacts-section .bottom-form .main-form input[type="submit"],
.contacts-section .bottom-form .subscribeForm input[type="submit"] {
color: #000029;
border-color: #d7d9e4; }
.contacts-section .bottom-form .main-form input[type="submit"]:hover,
.contacts-section .bottom-form .subscribeForm input[type="submit"]:hover {
border-color: #000029; }
.file-list {
max-width: 450px; }
.file-list li {
padding-bottom: 2px; }
.file-list a {
position: relative;
display: inline-block;
padding-bottom: 2px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: none;
color: #a9a9a9; }
.file-list a span {
color: #001485;
display: inline-block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
vertical-align: top; }
.file-list a span:after {
position: absolute;
content: '';
display: block;
height: 2px;
width: 100%;
left: 0;
bottom: 0;
background: #cfd6fc;
z-index: 1; }
.file-list a span:before {
position: absolute;
content: '';
display: block;
background: #000029;
height: 2px;
width: 100%;
left: 0;
bottom: 0;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
z-index: 2;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1); }
.file-list a:hover span:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.using-list {
margin: 0 -15px;
position: relative;
overflow: hidden; }
@media only screen and (max-width: 1340px) {
.using-list {
margin: 0 -5px; } }
@media only screen and (max-width: 1340px) {
.using-list {
margin: 0 -25px;
padding: 0 20px; } }
.using-list:before {
position: absolute;
content: '';
display: block;
background: #efefef;
height: 58px;
left: 0;
bottom: 0;
width: 100%;
z-index: 1; }
@media only screen and (max-width: 1000px) {
.using-list:before {
top: 50%;
height: 500px;
margin-top: -88px; } }
@media only screen and (max-width: 550px) {
.using-list:before {
top: 25%;
height: 1000px; } }
.using-list > li {
width: 25%;
display: inline-block;
vertical-align: top;
padding: 0 15px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 3;
margin-bottom: 30px; }
@media only screen and (max-width: 1340px) {
.using-list > li {
padding: 0 5px; } }
@media only screen and (max-width: 1000px) {
.using-list > li {
width: 50%; } }
@media only screen and (max-width: 550px) {
.using-list > li {
width: 100%; } }
.using-list > li:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 80%;
background: #efefef;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
bottom: 0;
left: 10%;
height: 100px;
border-radius: 20px; }
.using-list > li:before {
position: absolute;
content: '';
display: block;
background: #efefef;
height: 58px;
left: 0;
bottom: 0;
width: 100%;
z-index: 1; }
.using-list > li .pic {
height: 200px;
background-position: center center;
background-size: cover;
position: relative;
background-color: #fff;
z-index: 3; }
.using-list > li span {
display: block;
background: #fff;
padding: 16px 22px;
color: #000;
position: relative;
z-index: 3;
white-space: nowrap; }
@media only screen and (max-width: 1340px) {
.using-list > li span {
font-size: 18px; } }
@media only screen and (max-width: 1100px) {
.using-list > li span {
padding: 16px; } }
.developers-info {
margin: 70px 0 100px; }
@media only screen and (max-width: 650px) {
.developers-info {
margin: 40px 0 60px; } }
.developers-info > .w40 {
width: 40%;
float: left;
padding: 0 30px 0 60px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.developers-info > .w40.right-position {
float: right; }
@media only screen and (max-width: 1000px) {
.developers-info > .w40.right-position {
float: none; } }
@media only screen and (max-width: 1000px) {
.developers-info > .w40 {
width: auto;
display: block;
clear: both;
-webkit-transform: none !important;
-khtml-transform: none !important;
-ms-transform: none !important;
transform: none !important;
padding: 0 0 40px; } }
.developers-info > .w40 h5 {
color: #000; }
.developers-info > .w40 .marked-list span {
color: #e31c24; }
.developers-info > .w40 .red-numbers {
margin-bottom: 30px; }
.developers-info > .w40 .red-numbers dt {
color: #e31c24;
font-size: 45px;
font-family: "BreweryNo2CYR-Heavy";
display: block;
line-height: normal; }
@media only screen and (max-width: 550px) {
.developers-info > .w40 .red-numbers dt {
font-size: 36px; } }
.developers-info > .w40 .red-numbers dt sub {
display: inline-block;
top: -7px;
position: relative;
font-family: "Open Sans", sans-serif;
font-size: 20px;
vertical-align: bottom; }
.developers-info > .w40 .red-numbers dt sub sup {
vertical-align: top; }
.developers-info .right-block {
width: 60%;
float: right;
position: relative;
margin-bottom: 35px; }
.developers-info .right-block.left-position {
float: left; }
@media only screen and (max-width: 1000px) {
.developers-info .right-block.left-position {
float: none; } }
@media only screen and (max-width: 1000px) {
.developers-info .right-block {
width: auto;
display: block;
clear: both;
float: none;
-webkit-transform: none !important;
-khtml-transform: none !important;
-ms-transform: none !important;
transform: none !important; } }
@media only screen and (max-width: 550px) {
.developers-info .right-block {
margin: 0 -20px; } }
@media only screen and (max-width: 550px) {
.developers-info .right-block .buttons-block {
padding: 0 20px; } }
.developers-info .right-block .blue-btn {
margin-right: 5px; }
@media only screen and (max-width: 550px) {
.developers-info .right-block .blue-btn {
margin: 0 50px 10px 0; } }
@media only screen and (max-width: 450px) {
.developers-info .right-block .blue-btn {
margin: 0 0 10px 0; } }
.developers-info .right-block .obj-pic {
position: relative;
z-index: 3; }
.developers-info .right-block .obj-pic img {
display: block;
width: 100%;
height: auto; }
.developers-info .right-block .obj-pic .fullscreen-ico {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
z-index: 3;
top: 6px;
right: 6px;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
height: 35px;
width: 35px;
display: block;
border: none;
line-height: 35px;
color: #fff;
font-size: 20px;
vertical-align: middle;
text-align: center; }
.developers-info .right-block .obj-pic .fullscreen-ico:hover {
background: rgba(0, 0, 0, 0.4); }
.developers-info .right-block .pic-caption {
background: #fff;
position: relative;
z-index: 3;
margin-bottom: 35px; }
.developers-info .right-block .pic-caption:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
background: #efefef;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.5);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px; }
.developers-info .right-block .pic-caption table {
background: #fff;
width: 100%;
z-index: 3;
position: relative;
font-size: 19px;
padding: 0 25px;
display: block;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table {
padding: 0 15px; } }
@media only screen and (max-width: 1340px) {
.developers-info .right-block .pic-caption table {
font-size: 18px; } }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table {
font-size: 16px; } }
@media only screen and (max-width: 650px) {
.developers-info .right-block .pic-caption table {
width: 100%;
display: block;
padding: 0 0 25px;
margin: 0; }
.developers-info .right-block .pic-caption table tbody, .developers-info .right-block .pic-caption table tr {
display: block; } }
.developers-info .right-block .pic-caption table a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table a {
display: inline;
white-space: normal;
border-bottom: 2px solid #cfd6fc; } }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table a:hover {
border-color: #001485; } }
.developers-info .right-block .pic-caption table a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table a:after {
display: none; } }
.developers-info .right-block .pic-caption table a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table a:before {
display: none; } }
.developers-info .right-block .pic-caption table a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.developers-info .right-block .pic-caption table td {
padding: 0 0 0 25px;
vertical-align: middle;
height: 130px;
font-size: 14px; }
@media only screen and (max-width: 1340px) {
.developers-info .right-block .pic-caption table td {
padding: 0 0 0 15px; } }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table td {
line-height: 23px; } }
@media only screen and (max-width: 1000px) {
.developers-info .right-block .pic-caption table td {
padding: 0 0 0 25px; } }
@media only screen and (max-width: 650px) {
.developers-info .right-block .pic-caption table td {
display: block;
height: auto;
padding: 25px 20px 0; } }
.developers-info .right-block .pic-caption table th {
text-align: left;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 1.4px;
color: #000;
font-weight: normal;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding: 0 25px 0 5px;
position: relative;
font-size: 15px;
letter-spacing: 0.7px;
height: 130px;
border-right: 1px dotted #a9a9a9; }
@media only screen and (max-width: 1340px) {
.developers-info .right-block .pic-caption table th {
padding: 0 15px 0 5px; } }
@media only screen and (max-width: 1100px) {
.developers-info .right-block .pic-caption table th {
font-size: 14px; } }
@media only screen and (max-width: 1000px) {
.developers-info .right-block .pic-caption table th {
padding: 0 25px 0 15px; } }
@media only screen and (max-width: 650px) {
.developers-info .right-block .pic-caption table th {
display: block;
height: auto;
padding: 25px 20px;
border-right: none;
border-bottom: 1px dotted #a9a9a9; } }
.developers-info .right-block .pic-caption table p {
padding: 0; }
.solution-items {
padding: 20px;
position: relative;
overflow: hidden; }
@media only screen and (max-width: 1000px) {
.solution-items {
padding: 0 0 15px;
margin: 0 -5px; } }
.solution-items li {
float: left;
padding: 10px;
width: 25%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1000px) {
.solution-items li {
padding: 5px; } }
@media only screen and (max-width: 750px) {
.solution-items li {
width: 50%; } }
.solution-items li.pic-item {
width: 50%; }
@media only screen and (max-width: 750px) {
.solution-items li.pic-item {
width: 100%; } }
.solution-items li.pic-item.right-position {
float: right; }
.solution-items li.pic-item a {
height: 400px;
position: relative;
white-space: nowrap;
overflow: hidden;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px; }
@media only screen and (max-width: 1000px) {
.solution-items li.pic-item a {
height: 290px; } }
@media only screen and (max-width: 550px) {
.solution-items li.pic-item a {
height: 250px; } }
@media only screen and (max-width: 450px) {
.solution-items li.pic-item a {
height: 220px; } }
.solution-items li.pic-item a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 41, 0.6);
left: 0;
top: 0;
z-index: 2;
border-radius: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-box-shadow: none;
box-shadow: none;
visibility: visible;
opacity: 1; }
.solution-items li.pic-item a strong {
display: inline-block;
vertical-align: middle;
white-space: normal;
position: relative;
z-index: 3;
color: #fff;
right: 4px;
font-size: 50px;
padding: 26px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media only screen and (max-width: 1000px) {
.solution-items li.pic-item a strong {
font-size: 40px;
padding: 30px; } }
@media only screen and (max-width: 650px) {
.solution-items li.pic-item a strong {
font-size: 30px;
padding: 20px; } }
@media only screen and (max-width: 450px) {
.solution-items li.pic-item a strong {
padding: 10px; } }
.solution-items li.pic-item a strong .wrap {
display: table;
width: 100%;
height: 100%; }
.solution-items li.pic-item a strong .wrap .inner {
display: table-cell;
vertical-align: middle;
position: relative; }
.solution-items li.pic-item a:before {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
content: ''; }
.solution-items li.pic-item a .wrap.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
.solution-items li.pic-item a .wrap.flex .inner {
margin: auto;
display: block;
line-height: 1; }
.solution-items li.pic-item a .border {
border: 4px solid #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.solution-items li.pic-item a:hover:after {
opacity: 0.3; }
.solution-items li.pic-item a:hover .pic {
-webkit-transform: scale(1.1);
-khtml-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.solution-items li.pic-item .pic {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
z-index: 1; }
.solution-items li a {
display: block;
height: 190px;
border: 1px solid #e8e8e8;
background: #fff;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 1.4px;
font-size: 17px;
color: #000;
text-align: center;
position: relative; }
@media only screen and (max-width: 1000px) {
.solution-items li a {
height: 140px; } }
@media only screen and (max-width: 550px) {
.solution-items li a {
font-size: 15px; } }
@media only screen and (max-width: 450px) {
.solution-items li a {
font-size: 14px; } }
.solution-items li a:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
-webkit-box-shadow: 0 4px 20px rgba(169, 169, 169, 0.5);
box-shadow: 0 4px 20px rgba(169, 169, 169, 0.5);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s; }
.solution-items li a em {
display: block;
height: 100%;
background: #fff;
position: relative;
z-index: 3;
font-style: normal;
padding: 10px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.solution-items li a em:after {
display: inline-block;
content: '';
vertical-align: middle;
height: 100%; }
.solution-items li a em > span {
display: inline-block;
vertical-align: middle; }
.solution-items li a .ico {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
padding-bottom: 10px;
font-size: 58px; }
.solution-items li a:hover {
color: #e31c24;
border-color: #e8e8e8; }
.solution-items li a:hover:after {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0s; }
.shadow-line {
position: relative;
height: 38px;
margin-bottom: 50px;
overflow: hidden; }
@media only screen and (max-width: 550px) {
.shadow-line {
margin: 0 -20px 40px; } }
.shadow-line:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 38px;
left: 3%;
height: 100px;
border-radius: 20px; }
.maps-tabs-wrap {
position: relative;
background: #fff;
-webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
margin: 50px 0 150px; }
@media only screen and (max-width: 650px) {
.maps-tabs-wrap {
height: auto !important;
margin: 0 0 50px; } }
@media only screen and (max-width: 550px) {
.maps-tabs-wrap {
margin: 0 -20px 50px; } }
.maps-tabs-wrap .maps-tabs {
float: left;
margin-right: -100%;
width: 320px;
position: relative;
z-index: 3;
padding: 30px 0; }
@media only screen and (max-width: 1000px) {
.maps-tabs-wrap .maps-tabs {
width: 250px; } }
@media only screen and (max-width: 750px) {
.maps-tabs-wrap .maps-tabs {
width: 200px; } }
@media only screen and (max-width: 650px) {
.maps-tabs-wrap .maps-tabs {
width: auto;
float: none;
margin: 0;
padding: 0; } }
.maps-tabs-wrap .maps-tabs > li {
cursor: pointer;
padding: 20px 20px 20px 40px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: relative;
line-height: 1.5; }
@media only screen and (max-width: 750px) {
.maps-tabs-wrap .maps-tabs > li {
padding: 15px 20px; } }
.maps-tabs-wrap .maps-tabs > li > div {
position: relative;
z-index: 3;
color: #8f8f8f;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.maps-tabs-wrap .maps-tabs > li > div strong {
text-transform: uppercase;
letter-spacing: 1.4px;
color: #000;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
display: block;
padding-bottom: 5px; }
.maps-tabs-wrap .maps-tabs > li > div a {
color: #8f8f8f;
border: none; }
.maps-tabs-wrap .maps-tabs > li:after {
position: absolute;
content: '';
display: block;
left: -12px;
padding-left: 12px;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: #e31c24; }
.maps-tabs-wrap .maps-tabs > li:hover {
color: #000029;
background: #f2f2f2; }
.maps-tabs-wrap .maps-tabs > li.active > div {
color: #e3b6b7; }
.maps-tabs-wrap .maps-tabs > li.active > div strong {
color: #fff; }
.maps-tabs-wrap .maps-tabs > li.active > div a {
color: #e3b6b7; }
.maps-tabs-wrap .maps-tabs > li.active:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.maps-tabs-wrap .maps-wrap {
-webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0 9px 15px rgba(0, 0, 0, 0.2);
margin: -30px 0 -30px 320px;
position: relative;
padding: 30px 0;
height: 100%;
z-index: 2;
overflow: hidden; }
@media only screen and (max-width: 1000px) {
.maps-tabs-wrap .maps-wrap {
margin: -30px 0 -30px 250px; } }
@media only screen and (max-width: 750px) {
.maps-tabs-wrap .maps-wrap {
margin: -20px 0 -20px 200px;
padding: 20px 0; } }
@media only screen and (max-width: 650px) {
.maps-tabs-wrap .maps-wrap {
padding: 0;
margin: 0; } }
.maps-tabs-wrap .maps-wrap .contacts-map {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%; }
@media only screen and (max-width: 650px) {
.maps-tabs-wrap .maps-wrap .contacts-map {
position: relative;
height: 300px; } }
@media only screen and (max-width: 450px) {
.maps-tabs-wrap .maps-wrap .contacts-map {
position: relative;
height: 250px; } }
.maps-tabs-wrap .main-gallery-pics-wrap {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%; }
.top-menu-toggle {
z-index: 500;
border: 31px solid transparent;
border-left-width: 20px;
border-right-width: 20px;
height: 18px;
width: 24px;
float: right;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
display: none;
margin-left: 10px; }
@media only screen and (max-width: 1000px) {
.top-menu-toggle {
display: block;
margin-right: -20px; } }
@media only screen and (max-width: 650px) {
.top-menu-toggle {
border: 21px solid transparent; } }
.top-menu-toggle span {
width: 18px;
height: 2px;
background: #000029;
display: block;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.top-menu-toggle span.line2 {
width: 12px;
top: 8px; }
.top-menu-toggle span.line4 {
top: 8px;
width: 12px;
right: 12px; }
.top-menu-toggle span.line3 {
top: 16px; }
.top-menu-toggle:hover span {
background: #e31c24; }
.top-menu-toggle:hover .line1, .top-menu-toggle:hover .line3 {
background: #e31c24;
width: 24px; }
.top-menu-toggle.active {
position: fixed;
right: 20px;
top: 0; }
@media only screen and (max-width: 650px) {
.top-menu-toggle.active {
position: absolute; } }
.top-menu-toggle.active span {
width: 12px;
right: 2px;
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.top-menu-toggle.active span.line1, .top-menu-toggle.active span.line2 {
top: 4px; }
.top-menu-toggle.active span.line1 {
right: 10px; }
.top-menu-toggle.active span.line2, .top-menu-toggle.active span.line4 {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 12px; }
.top-menu-toggle.active span.line3 {
top: 12px; }
.top-menu-toggle.active span.line4 {
top: 12px;
right: 10px; }
@media only screen and (max-width: 650px) {
.top-menu-toggle.active span {
background: #fff; } }
.top-menu-toggle.active:hover span {
background: #e31c24;
right: 0; }
.top-menu-toggle.active:hover span.line1, .top-menu-toggle.active:hover span.line2 {
top: 2px;
width: 12px; }
.top-menu-toggle.active:hover span.line1 {
right: 12px; }
.top-menu-toggle.active:hover span.line3 {
top: 14px;
width: 12px; }
.top-menu-toggle.active:hover span.line4 {
top: 14px;
right: 12px;
width: 12px; }
header .top-menu.opened ~ .right-position .phone {
padding-right: 54px; }
@media only screen and (max-height: 650px) and (max-width: 1000px) and (min-width: 650px) {
header .top-menu {
padding: 70px 50px 60px; }
header .top-menu .adaptive-copy .lang-select {
bottom: 30px;
display: none; }
header .top-menu .top-menu-list > li {
margin-bottom: 10px; } }
.number-list {
position: relative;
counter-reset: li;
list-style: none;
margin-bottom: 30px; }
.number-list:before {
position: absolute;
content: '';
display: block;
left: -80px;
width: 56px;
height: 100%;
top: -20px;
z-index: 2;
background: #e31c24;
padding-bottom: 20px; }
@media only screen and (max-width: 1100px) {
.number-list:before {
width: 45px;
left: -54px; } }
@media only screen and (max-width: 550px) {
.number-list:before {
width: 30px;
left: -40px; } }
.number-list:after {
position: absolute;
content: '';
display: block;
width: 30px;
height: 90%;
bottom: 0;
border-radius: 10px;
left: -66px;
-webkit-box-shadow: 0 8px 25px rgba(227, 28, 36, 0.45);
box-shadow: 0 8px 25px rgba(227, 28, 36, 0.45);
z-index: 1; }
@media only screen and (max-width: 1100px) {
.number-list:after {
width: 20px;
left: -41px; } }
@media only screen and (max-width: 550px) {
.number-list:after {
display: none; } }
.number-list > li {
position: relative;
z-index: 3;
padding-bottom: 25px; }
@media only screen and (max-width: 550px) {
.number-list > li {
padding-left: 10px; } }
.number-list > li:last-child {
padding-bottom: 0;
min-height: 45px; }
.number-list > li:before {
position: absolute;
content: '';
display: block;
left: -80px;
width: 56px;
color: #fff;
z-index: 3;
font-size: 22px;
text-align: center;
content: counter(li, decimal);
counter-increment: li;
font-family: "Open Sans", sans-serif;
font-weight: 700; }
@media only screen and (max-width: 1100px) {
.number-list > li:before {
width: 45px;
left: -54px; } }
@media only screen and (max-width: 550px) {
.number-list > li:before {
width: 30px;
left: -40px;
font-size: 18px; } }
.quality-block {
margin-bottom: 100px; }
@media only screen and (max-width: 900px) {
.quality-block {
margin-bottom: 50px; } }
@media only screen and (max-width: 550px) {
.quality-block {
margin: 0 -20px 40px; } }
.quality-block h3 {
padding-bottom: 40px; }
@media only screen and (max-width: 650px) {
.quality-block h3 {
padding-bottom: 40px; } }
@media only screen and (max-width: 550px) {
.quality-block h3 {
padding: 0 0 35px 10px; } }
.quality-block .left-block {
display: inline-block;
vertical-align: bottom;
width: 40%;
position: relative; }
@media only screen and (max-width: 1340px) {
.quality-block .left-block {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.quality-block .left-block {
width: auto;
display: block; } }
.quality-block .left-block:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px; }
.quality-block .left-block > div {
position: relative;
z-index: 3;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 70px 20px;
background: #fff; }
@media only screen and (max-width: 1100px) {
.quality-block .left-block > div {
padding: 30px 40px 10px; } }
.quality-block .right-block {
display: inline-block;
vertical-align: bottom;
width: 60%;
position: relative; }
.quality-block .right-block img {
position: relative;
z-index: 3; }
.quality-block .right-block:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 94%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 3%;
height: 100px;
border-radius: 20px;
display: none; }
@media only screen and (max-width: 1000px) {
.quality-block .right-block:after {
display: block; } }
@media only screen and (max-width: 1340px) {
.quality-block .right-block {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.quality-block .right-block {
width: auto;
display: block; } }
.quality-block .right-block img {
display: block;
width: 100%;
height: auto; }
h3 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 21px;
color: #000;
padding-bottom: 30px; }
@media only screen and (max-width: 650px) {
h3 {
font-size: 17px;
padding-bottom: 20px; } }
@media only screen and (max-width: 450px) {
h3 {
font-size: 15px; } }
.small-seporator {
background: #dcdcdc;
margin: 20px 0;
width: 150px;
height: 1px; }
.process-list {
margin: 0 -15px 50px; }
@media only screen and (max-width: 1100px) {
.process-list {
margin: 0 -8px 30px; } }
.process-list .li-inner {
background: #fff;
padding-bottom: 40px; }
@media only screen and (max-width: 900px) {
.process-list .li-inner {
padding-bottom: 0px;
background: transparent; } }
.process-list .caption {
padding: 0 40px; }
@media only screen and (max-width: 1000px) {
.process-list .caption {
padding: 0 20px; } }
.process-list .shadow-line {
margin-bottom: 0;
height: 30px; }
@media only screen and (max-width: 1100px) {
.process-list .shadow-line {
height: 16px; } }
@media only screen and (max-width: 900px) {
.process-list .shadow-line {
display: none; } }
.process-list > li {
display: inline-block;
vertical-align: top;
width: 33.3%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
@media only screen and (max-width: 1100px) {
.process-list > li {
padding: 0 8px; } }
@media only screen and (max-width: 900px) {
.process-list > li {
display: block;
width: auto;
padding-bottom: 40px; } }
@media only screen and (max-width: 900px) {
.process-list > li h3, .process-list > li p {
margin-left: 380px; } }
@media only screen and (max-width: 650px) {
.process-list > li h3, .process-list > li p {
margin-left: 300px; } }
@media only screen and (max-width: 550px) {
.process-list > li h3, .process-list > li p {
margin: 0; } }
.process-list > li img {
display: block;
height: auto;
width: 100%;
margin-bottom: 60px; }
@media only screen and (max-width: 900px) {
.process-list > li img {
float: left;
margin: 0 -100% 0 0;
width: 360px; } }
@media only screen and (max-width: 650px) {
.process-list > li img {
width: 280px; } }
@media only screen and (max-width: 550px) {
.process-list > li img {
width: 100%;
margin: 0 0 20px 0; } }
.portfolio-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column wrap; }
.portfolio-item {
/*margin-bottom: 160px;*/
/*margin-top: -100px;*/
margin: 10px 0;
position: relative;
z-index: 1; }
@media only screen and (max-width: 1000px) {
.portfolio-item {
margin: 0 0 80px; } }
@media only screen and (max-width: 650px) {
.portfolio-item {
margin: 0 0 40px; } }
@media only screen and (max-width: 550px) {
.portfolio-item {
margin: 0 -20px 50px; } }
.portfolio-item.rtl {
/*margin-top: 0;*/
direction: rtl;
z-index: 2; }
.portfolio-item.rtl .text-block, .portfolio-item.rtl .gallery-block {
vertical-align: middle;
direction: ltr; }
.portfolio-item.rtl:last-of-type:not(:first-of-type) {
margin-bottom: 0; }
.portfolio-item:first-of-type {
/*margin-top: 0;*/ }
.portfolio-item:first-of-type:last-of-type {
margin-bottom: 100px; }
.portfolio-item .text-block {
width: 40%;
display: inline-block;
vertical-align: middle;
background: #fff;
padding: 80px 60px 0;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 3; }
@media only screen and (max-width: 1340px) {
.portfolio-item .text-block {
padding: 40px 40px 0; } }
@media only screen and (max-width: 1000px) {
.portfolio-item .text-block {
width: auto;
display: block; } }
@media only screen and (max-width: 550px) {
.portfolio-item .text-block {
margin: 0 -20px; } }
.portfolio-item .text-block .bottom-info {
margin: 40px -60px 0;
padding: 40px 60px 20px;
background: #e3e3e3; }
@media only screen and (max-width: 1340px) {
.portfolio-item .text-block .bottom-info {
padding: 40px 40px 20px;
margin: 30px -40px 0; } }
@media only screen and (max-width: 550px) {
.portfolio-item .text-block .bottom-info {
padding: 30px 20px 20px;
margin: 30px -20px 0; } }
.portfolio-item .text-block .bottom-info a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.portfolio-item .text-block .bottom-info a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.portfolio-item .text-block .bottom-info a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.portfolio-item .text-block .bottom-info a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.portfolio-item .text-block h2 {
color: #001485;
font-size: 45px; }
@media only screen and (max-width: 1340px) {
.portfolio-item .text-block h2 {
font-size: 35px; } }
@media only screen and (max-width: 1100px) {
.portfolio-item .text-block h2 {
font-size: 30px; } }
@media only screen and (max-width: 1000px) {
.portfolio-item .text-block h2 {
font-size: 32px; } }
@media only screen and (max-width: 550px) {
.portfolio-item .text-block h2 {
font-size: 24px; } }
.portfolio-item .gallery-block {
width: 60%;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 10; }
@media only screen and (max-width: 1000px) {
.portfolio-item .gallery-block {
width: auto;
display: block;
z-index: 3; } }
.portfolio-item .gallery-block .fotorama-gallery-wrap {
margin-bottom: 0; }
.fotorama__nav-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.fotorama__nav-wrap .fotorama__dot {
width: 18px;
height: 2px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.fotorama__nav-wrap .fotorama__nav__frame:hover .fotorama__dot {
background: #e31c24; }
.fotorama__nav-wrap .fotorama__active .fotorama__dot {
background: #e31c24;
-webkit-transform: scaleY(2.5);
-khtml-transform: scaleY(2.5);
-ms-transform: scaleY(2.5);
transform: scaleY(2.5); }
.company-mission {
font-size: 24px;
text-align: center;
max-width: 600px;
margin: 0 auto;
padding: 0 0 50px;
color: #000029; }
@media only screen and (max-width: 1000px) {
.company-mission {
font-size: 21px; } }
@media only screen and (max-width: 650px) {
.company-mission {
font-size: 18px; } }
.company-mission strong {
color: #001485; }
.company-about-blocks > .w50 {
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 70px 70px; }
@media only screen and (max-width: 1100px) {
.company-about-blocks > .w50 {
padding: 0 40px 40px; } }
@media only screen and (max-width: 1000px) {
.company-about-blocks > .w50 {
padding: 0 30px 40px; } }
@media only screen and (max-width: 650px) {
.company-about-blocks > .w50 {
padding: 0 0 30px; } }
.company-about-blocks > .w50 .big-marked-list > li {
padding-bottom: 25px; }
.company-about-blocks > .w50.right-position {
font-size: 21px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #000; }
@media only screen and (max-width: 1000px) {
.company-about-blocks > .w50.right-position {
font-size: 17px; } }
@media only screen and (max-width: 650px) {
.company-about-blocks > .w50.right-position {
font-size: 15px; } }
.company-about-blocks > .w50.right-position img {
display: inline-block;
vertical-align: middle;
height: auto; }
@media only screen and (max-width: 1100px) {
.company-about-blocks > .w50.right-position img {
max-width: 50%; } }
@media only screen and (max-width: 550px) {
.company-about-blocks > .w50.right-position img {
max-width: none; } }
.blue-color {
color: #001485; }
.history-slider-wrap {
overflow: visible !important;
position: relative;
padding: 0 30px;
margin: 0 -30px 100px; }
@media only screen and (max-width: 1340px) {
.history-slider-wrap {
margin: 0 -20px 80px;
padding: 0 20px; } }
.history-slider-wrap .prev, .history-slider-wrap .next {
width: 48px;
height: 48px;
left: 15px;
top: 31px;
cursor: pointer;
border: none;
background: transparent;
font-size: 20px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 48px;
text-align: center;
position: absolute;
color: #e31c24;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
text-indent: -4px;
outline: none;
padding: 0;
z-index: 20; }
@media only screen and (max-width: 750px) {
.history-slider-wrap .prev, .history-slider-wrap .next {
top: 17px; } }
@media only screen and (max-width: 550px) {
.history-slider-wrap .prev, .history-slider-wrap .next {
left: 0;
top: 7px;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } }
.history-slider-wrap .prev.disabled, .history-slider-wrap .next.disabled {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
.history-slider-wrap .prev:hover, .history-slider-wrap .next:hover {
color: #fff;
background: #e31c24; }
.history-slider-wrap .next {
text-indent: 2px;
left: auto;
right: 15px; }
@media only screen and (max-width: 550px) {
.history-slider-wrap .next {
right: 0; } }
.history-slider {
overflow: hidden;
position: relative;
z-index: 4; }
.history-slider:before {
position: absolute;
content: '';
display: block;
width: 200px;
left: 0;
top: 0;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#efefef));
background: -webkit-linear-gradient(left, #efefef, #efefef);
background: linear-gradient(left, #efefef, #efefef);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', endColorStr='#efefef', gradientType='1');
z-index: 10;
pointer-events: none; }
@media only screen and (max-width: 900px) {
.history-slider:before {
width: 120px; } }
@media only screen and (max-width: 550px) {
.history-slider:before {
width: 40px; } }
.history-slider:after {
position: absolute;
content: '';
display: block;
width: 200px;
right: 0;
top: 0;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#efefef));
background: -webkit-linear-gradient(left, #efefef, #efefef);
background: linear-gradient(left, #efefef, #efefef);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', endColorStr='#efefef', gradientType='1');
z-index: 10;
pointer-events: none; }
@media only screen and (max-width: 900px) {
.history-slider:after {
width: 120px; } }
@media only screen and (max-width: 550px) {
.history-slider:after {
width: 40px; } }
.history-slider > ul {
position: relative;
white-space: nowrap;
margin-left: -205px; }
@media only screen and (max-width: 750px) {
.history-slider > ul {
margin-left: 0; } }
.history-slider > ul:before {
width: 10000px;
height: 100%;
position: absolute;
content: '';
display: block;
top: 0;
left: -3000px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 1; }
.history-slider > ul > li {
cursor: pointer;
z-index: 3;
position: relative;
display: inline-block;
vertical-align: top;
color: #a9a9a9;
-webkit-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
text-align: center;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent; }
.history-slider > ul > li span {
position: absolute;
top: 0;
line-height: 108px;
height: 108px;
width: 100%;
display: block;
font-size: 24px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 750px) {
.history-slider > ul > li span {
height: 80px;
line-height: 80px;
font-size: 22px; } }
@media only screen and (max-width: 550px) {
.history-slider > ul > li span {
height: 60px;
line-height: 60px;
font-size: 18px; } }
.history-slider > ul > li strong {
display: block;
line-height: 108px;
height: 108px;
font-size: 67px;
color: transparent;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 750px) {
.history-slider > ul > li strong {
height: 80px;
line-height: 80px;
font-size: 50px; } }
@media only screen and (max-width: 550px) {
.history-slider > ul > li strong {
height: 60px;
line-height: 60px;
font-size: 36px; } }
.history-slider > ul > li.active {
cursor: default;
border-color: #e31c24; }
.history-slider > ul > li.active span {
font-size: 67px;
color: #e31c24;
font-family: "Open Sans", sans-serif;
font-weight: 700; }
@media only screen and (max-width: 750px) {
.history-slider > ul > li.active span {
font-size: 50px; } }
@media only screen and (max-width: 550px) {
.history-slider > ul > li.active span {
font-size: 36px; } }
.history-info-list {
position: relative;
max-width: 550px;
margin: 50px auto 0; }
.history-info-list > li {
width: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.history-info-list > li.active {
position: relative;
opacity: 1; }
.workers-benefits {
margin: 0 -15px 50px; }
@media only screen and (max-width: 1100px) {
.workers-benefits {
margin: 0 -7px 30px; } }
@media only screen and (max-width: 900px) {
.workers-benefits {
margin: 0 -4px; } }
@media only screen and (max-width: 550px) {
.workers-benefits {
margin: 0 -24px; } }
.workers-benefits > li {
display: inline-block;
vertical-align: top;
position: relative;
padding: 0 15px;
width: 33.3%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px; }
@media only screen and (max-width: 1100px) {
.workers-benefits > li {
padding: 0 7px; } }
@media only screen and (max-width: 900px) {
.workers-benefits > li {
padding: 0 4px;
margin-bottom: 8px; } }
@media only screen and (max-width: 750px) {
.workers-benefits > li {
width: 100%; } }
.workers-benefits > li:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 80%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 10%;
height: 100px;
border-radius: 20px; }
.workers-benefits > li > div {
position: relative;
z-index: 3;
background: #fff;
padding: 40px 40px 20px; }
@media only screen and (max-width: 1000px) {
.workers-benefits > li > div {
padding: 20px 20px 0; } }
.workers-benefits > li > div .header {
background: #001485;
padding: 0 40px 0 110px;
color: #fff;
font-size: 18px;
margin: -40px -40px 40px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
height: 150px;
line-height: 150px;
position: relative; }
.workers-benefits > li > div .header:after {
content: '';
display: inline-block; }
@media only screen and (max-width: 1000px) {
.workers-benefits > li > div .header {
margin: -20px -20px 20px;
padding: 0 40px 0 80px;
font-size: 17px; } }
@media only screen and (max-width: 900px) {
.workers-benefits > li > div .header {
height: 130px;
line-height: 130px;
font-size: 14px; } }
@media only screen and (max-width: 750px) {
.workers-benefits > li > div .header {
padding: 0 40px 0 100px;
height: 110px;
line-height: 110px;
font-size: 19px; } }
@media only screen and (max-width: 550px) {
.workers-benefits > li > div .header {
font-size: 17px; } }
.workers-benefits > li > div .header span {
line-height: normal;
display: inline-block;
vertical-align: middle;
max-width: 180px; }
.workers-benefits > li > div .header .ico {
position: absolute;
top: 50%;
margin-top: -25px;
left: 35px;
color: #f7cac8;
font-size: 50px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 1000px) {
.workers-benefits > li > div .header .ico {
left: 20px; } }
.products-sections {
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
line-height: 0;
font-size: 0;
text-justify: newspaper;
width: 100%;
padding: 0 50px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 10; }
@media only screen and (max-width: 1100px) {
.products-sections {
padding: 0 20px; } }
@media only screen and (max-width: 750px) {
.products-sections {
padding: 0; } }
@media only screen and (max-width: 650px) {
.products-sections {
text-align: left;
line-height: normal;
font-size: 16px;
-moz-text-align-last: auto;
text-align-last: auto;
margin-bottom: -3px;
margin: 0 -20px;
width: auto; } }
.products-sections:after {
width: 100%;
height: 0;
overflow: hidden;
content: '';
display: inline-block; }
@media only screen and (max-width: 650px) {
.products-sections:after {
display: none; } }
.products-sections .item {
display: inline-block;
vertical-align: top;
text-align: left; }
@media only screen and (max-width: 750px) {
.products-sections .item {
margin: 0 6px; }
.products-sections .item:first-child {
margin-left: 0; }
.products-sections .item:last-child {
margin-right: 0; } }
@media only screen and (max-width: 650px) {
.products-sections .item {
float: left;
margin: 0 10px; } }
.products-sections .item a {
position: relative;
display: block;
padding: 20px 15px;
color: #000;
font-size: 24px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
line-height: normal;
border: none; }
@media only screen and (max-width: 1340px) {
.products-sections .item a {
font-size: 20px; } }
@media only screen and (max-width: 1100px) {
.products-sections .item a {
font-size: 18px; } }
@media only screen and (max-width: 900px) {
.products-sections .item a {
font-size: 16px;
padding: 10px 5px; } }
@media only screen and (max-width: 750px) {
.products-sections .item a {
font-size: 15px;
padding: 10px 0; } }
@media only screen and (max-width: 650px) {
.products-sections .item a {
font-size: 16px; } }
.products-sections .item a.active, .products-sections .item a:hover {
color: #e31c24; }
.products-sections .item a.active:after, .products-sections .item a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.products-sections .item a:after {
position: absolute;
content: '';
display: block;
left: 0;
width: 100%;
height: 9px;
bottom: -4px;
background: #e31c24;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
@media only screen and (max-width: 650px) {
.products-sections .item a:after {
height: 6px;
bottom: 0; } }
.catalog-info {
background: #000029;
color: #fff;
text-align: center;
padding: 30px 20px 10px; }
@media only screen and (max-width: 900px) {
.catalog-info {
padding: 50px 40px 30px; } }
@media only screen and (max-width: 650px) {
.catalog-info {
display: none; } }
.catalog-info p {
max-width: 600px;
margin: 0 auto;
text-align: center;
font-size: 21px;
padding-bottom: 40px; }
@media only screen and (max-width: 900px) {
.catalog-info p {
font-size: 17px; } }
@media only screen and (max-width: 650px) {
.catalog-info p {
font-size: 15px; } }
.catalog-info .file-link:before, .catalog-info .file-link:link:before, .catalog-info .file-link:visited:before {
display: none; }
.catalog-info .file-link span, .catalog-info .file-link:link span, .catalog-info .file-link:visited span {
color: #fff; }
.catalog-info .file-link span:after, .catalog-info .file-link:link span:after, .catalog-info .file-link:visited span:after {
background: #1b1a40; }
.catalog-info .file-link span:before, .catalog-info .file-link:link span:before, .catalog-info .file-link:visited span:before {
background: #fff; }
.file-link, .file-link:link, .file-link:visited {
border: none;
color: #666666;
display: inline-block;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
.file-link span, .file-link:link span, .file-link:visited span {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
position: relative;
color: #001485; }
.file-link span:after, .file-link:link span:after, .file-link:visited span:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.file-link span:before, .file-link:link span:before, .file-link:visited span:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #000029;
left: 0;
bottom: 0;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.file-link:hover span:before, .file-link:link:hover span:before, .file-link:visited:hover span:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.catalog-menu-wrap {
float: left;
width: 30%;
background: #e3e3e3;
padding: 20px 0 40px;
margin-bottom: 140px; }
@media only screen and (max-width: 650px) {
.catalog-menu-wrap {
display: none; } }
.catalog-menu-wrap li:first-of-type .header {
border-top: none;
margin-top: -10px; }
.catalog-menu-wrap .header {
border-top: 2px solid #d9d9d9;
margin-top: 25px; }
.catalog-menu-wrap .header > strong {
padding: 30px 60px 15px;
color: #000;
display: block;
font-size: 21px;
color: #001485; }
@media only screen and (max-width: 1100px) {
.catalog-menu-wrap .header > strong {
padding: 20px 20px 10px;
font-size: 18px; } }
@media only screen and (max-width: 900px) {
.catalog-menu-wrap .header > strong {
font-size: 16px; } }
.catalog-menu-wrap .header-child > strong {
padding: 21px 60px 20px;
color: #000;
display: block; }
@media only screen and (max-width: 1100px) {
.catalog-menu-wrap .header-child > strong {
padding: 20px 20px 10px; } }
@media only screen and (max-width: 900px) {
.catalog-menu-wrap .header-child > strong {
font-size: 14px; } }
.catalog-menu-wrap ul li:first-of-type .header-child strong {
padding-top: 5px; }
.catalog-menu-wrap a {
display: block;
position: relative;
color: #666666;
padding: 10px 60px;
border: none; }
@media only screen and (max-width: 1100px) {
.catalog-menu-wrap a {
padding: 10px 20px; } }
@media only screen and (max-width: 900px) {
.catalog-menu-wrap a {
font-size: 16px; } }
.catalog-menu-wrap a span {
position: relative;
z-index: 3; }
.catalog-menu-wrap a.active, .catalog-menu-wrap a:hover {
color: #fff; }
.catalog-menu-wrap a.active:after, .catalog-menu-wrap a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.catalog-menu-wrap a:after {
z-index: 1;
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
background: #e31c24;
top: 0;
left: -10px;
padding-left: 10px;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.product-detail-wrap {
position: relative;
float: left;
width: 70%;
margin-bottom: 140px; }
@media only screen and (max-width: 650px) {
.product-detail-wrap {
width: auto;
float: none;
margin-bottom: 80px; } }
@media only screen and (max-width: 550px) {
.product-detail-wrap {
margin: 0 -20px 50px; } }
.product-detail-wrap:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 90%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 5%;
height: 100px;
border-radius: 20px; }
.product-detail-wrap .bottom-form {
background: #000029;
color: #fff;
padding: 55px 65px;
position: relative;
z-index: 3; }
@media only screen and (max-width: 1100px) {
.product-detail-wrap .bottom-form {
padding: 40px; } }
@media only screen and (max-width: 750px) {
.product-detail-wrap .bottom-form {
padding: 30px 20px; } }
.product-detail-wrap .bottom-form h3 {
color: #fff;
text-align: center; }
.product-detail {
overflow: hidden;
background: #fff;
position: relative;
z-index: 4;
padding: 40px 50px; }
@media only screen and (max-width: 1100px) {
.product-detail {
padding: 40px; } }
@media only screen and (max-width: 750px) {
.product-detail {
padding: 40px 20px; } }
@media only screen and (max-width: 650px) {
.product-detail {
overflow: visible; } }
.product-detail h3 {
padding-bottom: 20px; }
.product-detail p {
/*padding-bottom: 30px;*/ }
.product-detail h2 {
font-size: 35px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #001485;
padding-bottom: 20px; }
@media only screen and (max-width: 650px) {
.product-detail h2 {
display: none; } }
.product-detail .marked-list {
margin-left: -28px; }
@media only screen and (max-width: 750px) {
.product-detail .marked-list {
margin-left: 0; } }
.product-detail .hidden-select {
display: none;
margin: 0 -20px 10px; }
@media only screen and (max-width: 650px) {
.product-detail .hidden-select {
display: block; } }
.product-detail .hidden-select .jq-selectbox {
display: block !important;
padding: 0 20px 10px; }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__select-text {
font-size: 19px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #000;
cursor: pointer;
width: auto !important;
padding-right: 25px;
display: inline-block !important;
position: relative; }
@media only screen and (max-width: 450px) {
.product-detail .hidden-select .jq-selectbox .jq-selectbox__select-text {
font-size: 18px; } }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__select-text:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 0;
top: 12px;
color: #e31c24;
content: "\e907";
font-size: 8px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
@media only screen and (max-width: 450px) {
.product-detail .hidden-select .jq-selectbox .jq-selectbox__select-text:after {
top: 10px; } }
.product-detail .hidden-select .jq-selectbox.opened .jq-selectbox__select-text:after {
-webkit-transform: rotateX(180deg);
-khtml-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg); }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown {
padding: 10px 20px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100% !important;
left: 0;
color: #001485;
font-size: 16px;
background: #e3e3e3; }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown .optgroup {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #000; }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown .option, .product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown li {
padding: 6px 0;
cursor: pointer; }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown .option:hover, .product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown li:hover {
color: #000029; }
.product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown .option.sel, .product-detail .hidden-select .jq-selectbox .jq-selectbox__dropdown li.sel {
color: #e31c24; }
@-webkit-keyframes shake {
8%, 41% {
-webkit-transform: translateX(-10px);
-khtml-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); }
25%, 58% {
-webkit-transform: translateX(10px);
-khtml-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
75% {
-webkit-transform: translateX(-5px);
-khtml-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px); }
92% {
-webkit-transform: translateX(5px);
-khtml-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px); }
0%, 100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@keyframes shake {
8%, 41% {
-webkit-transform: translateX(-10px);
-khtml-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); }
25%, 58% {
-webkit-transform: translateX(10px);
-khtml-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
75% {
-webkit-transform: translateX(-5px);
-khtml-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px); }
92% {
-webkit-transform: translateX(5px);
-khtml-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px); }
0%, 100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
.photo-slider {
position: relative;
padding: 30px 65px 30px;
margin: 0 -71px 30px;
white-space: nowrap; }
@media only screen and (max-width: 1100px) {
.photo-slider {
margin: 0 -40px 30px;
padding: 30px 40px 30px; } }
@media only screen and (max-width: 750px) {
.photo-slider {
margin: 0 -26px;
padding: 10px 20px 30px; } }
@media only screen and (max-width: 550px) {
.photo-slider {
margin: 0 -46px; } }
.photo-slider .slick-list {
padding: 0; }
.photo-slider:before {
position: absolute;
content: '';
display: block;
height: 100%;
background: #fff;
left: 65px;
width: 6px;
top: 0;
z-index: 3; }
@media only screen and (max-width: 1100px) {
.photo-slider:before {
left: 40px; } }
@media only screen and (max-width: 750px) {
.photo-slider:before {
left: 20px; } }
.photo-slider:after {
position: absolute;
content: '';
display: block;
height: 100%;
background: #fff;
right: 65px;
width: 6px;
top: 0;
z-index: 3; }
@media only screen and (max-width: 1100px) {
.photo-slider:after {
right: 40px; } }
@media only screen and (max-width: 750px) {
.photo-slider:after {
right: 20px; } }
.photo-slider img {
margin: 0 6px; }
.photo-slider .slick-arrow {
width: 48px;
height: 48px;
left: 15px;
top: 50%;
margin-top: -24px;
cursor: pointer;
border: none;
background: transparent;
font-size: 20px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 48px;
text-align: center;
position: absolute;
color: #e31c24;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
text-indent: -4px;
outline: none;
padding: 0;
z-index: 20; }
@media only screen and (max-width: 1100px) {
.photo-slider .slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
left: 0; } }
@media only screen and (max-width: 750px) {
.photo-slider .slick-arrow {
left: 20px; } }
@media only screen and (max-width: 550px) {
.photo-slider .slick-arrow {
left: 26px; } }
.photo-slider .slick-arrow.slick-disabled {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
.photo-slider .slick-arrow:hover {
color: #fff;
background: #e31c24; }
.photo-slider .slick-arrow.slick-next {
text-indent: 2px;
left: auto;
right: 15px; }
@media only screen and (max-width: 1100px) {
.photo-slider .slick-arrow.slick-next {
right: 0; } }
@media only screen and (max-width: 750px) {
.photo-slider .slick-arrow.slick-next {
right: 20px; } }
@media only screen and (max-width: 550px) {
.photo-slider .slick-arrow.slick-next {
right: 26px; } }
.main-form, .subscribeForm {
position: relative; }
.main-form .form-ok, .subscribeForm .form-ok {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 0 50px 140px;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 750px) {
.main-form .form-ok, .subscribeForm .form-ok {
padding-left: 100px; } }
.main-form .form-ok:before, .subscribeForm .form-ok:before {
position: absolute;
content: '';
display: block;
width: 112px;
height: 112px;
background: url(/bitrix/templates/main/css/../img/form-ok-ico.svg) 0 0 no-repeat;
left: 0;
top: 50%;
margin-top: -56px; }
@media only screen and (max-width: 750px) {
.main-form .form-ok:before, .subscribeForm .form-ok:before {
width: 80px;
height: 80px;
background-size: 80px auto;
margin-top: -40px; } }
.main-form .form-ok h3, .subscribeForm .form-ok h3 {
font-size: 32px;
text-align: left !important;
padding: 0 !important; }
@media only screen and (max-width: 1100px) {
.main-form .form-ok h3, .subscribeForm .form-ok h3 {
font-size: 29px; } }
@media only screen and (max-width: 750px) {
.main-form .form-ok h3, .subscribeForm .form-ok h3 {
font-size: 26px; } }
@media only screen and (max-width: 550px) {
.main-form .form-ok h3, .subscribeForm .form-ok h3 {
font-size: 21px; } }
.main-form .form-line, .subscribeForm .form-line {
position: relative;
padding-bottom: 40px; }
@media only screen and (max-width: 550px) {
.main-form .form-line, .subscribeForm .form-line {
padding: 0 0 25px; } }
.main-form .form-line .w50, .subscribeForm .form-line .w50 {
position: relative;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 40px;
margin-bottom: -40px; }
.main-form .form-line .w50.left-position, .subscribeForm .form-line .w50.left-position {
padding-right: 15px; }
@media only screen and (max-width: 900px) {
.main-form .form-line .w50.left-position, .subscribeForm .form-line .w50.left-position {
margin: 0;
padding: 0 0 40px; } }
@media only screen and (max-width: 550px) {
.main-form .form-line .w50.left-position, .subscribeForm .form-line .w50.left-position {
padding: 0 0 25px; } }
.main-form .form-line .w50.left-position label.error, .subscribeForm .form-line .w50.left-position label.error {
right: 15px; }
@media only screen and (max-width: 900px) {
.main-form .form-line .w50.left-position label.error, .subscribeForm .form-line .w50.left-position label.error {
right: 0; } }
.main-form .form-line .w50.right-position, .subscribeForm .form-line .w50.right-position {
padding-left: 15px; }
@media only screen and (max-width: 900px) {
.main-form .form-line .w50.right-position, .subscribeForm .form-line .w50.right-position {
margin: 0 0 -40px;
padding: 0 0 40px; } }
@media only screen and (max-width: 550px) {
.main-form .form-line .w50.right-position, .subscribeForm .form-line .w50.right-position {
padding: 0 0 25px; } }
.main-form .form-line .w50.right-position label, .subscribeForm .form-line .w50.right-position label {
left: 15px; }
@media only screen and (max-width: 900px) {
.main-form .form-line .w50.right-position label, .subscribeForm .form-line .w50.right-position label {
left: 0; } }
.main-form .form-line label, .subscribeForm .form-line label {
position: absolute;
left: 0;
top: 12px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
color: #8f8f8f;
cursor: text; }
.main-form .form-line label.error, .subscribeForm .form-line label.error {
position: absolute !important;
text-align: right;
top: auto !important;
left: auto !important;
right: 0;
bottom: 15px;
color: #e31c24;
font-size: 16px !important;
padding: 0 !important; }
@media only screen and (max-width: 550px) {
.main-form .form-line label.error, .subscribeForm .form-line label.error {
bottom: 4px;
font-size: 14px !important; } }
.main-form .form-line.top-label label, .subscribeForm .form-line.top-label label {
position: relative;
top: auto;
left: auto;
padding-bottom: 10px;
display: block; }
.main-form .form-line .jq-file, .subscribeForm .form-line .jq-file {
min-width: 200px; }
.main-form .form-line .jq-file label.error, .subscribeForm .form-line .jq-file label.error {
text-align: left;
white-space: nowrap;
left: 0 !important;
bottom: 0; }
.main-form .form-line .jq-file.changed + .no-resume, .subscribeForm .form-line .jq-file.changed + .no-resume {
display: none; }
.main-form .form-line .no-resume, .subscribeForm .form-line .no-resume {
display: inline-block;
color: #DADEED;
max-width: 286px;
vertical-align: top; }
.main-form .form-line .no-resume a, .subscribeForm .form-line .no-resume a {
color: #fff;
border: none;
position: relative; }
.main-form .form-line .no-resume a:hover, .subscribeForm .form-line .no-resume a:hover {
border-color: #fff; }
.main-form .form-line .no-resume a:hover:before, .subscribeForm .form-line .no-resume a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.main-form .form-line .no-resume a:after, .subscribeForm .form-line .no-resume a:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #515167;
z-index: 1; }
.main-form .form-line .no-resume a:before, .subscribeForm .form-line .no-resume a:before {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
z-index: 2; }
.main-form .text-input, .subscribeForm .text-input {
border: none;
background: transparent;
color: #fff;
border-bottom: 2px solid #fff;
width: 100%;
font-size: 17px;
padding: 10px 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
border-radius: 0; }
.main-form .text-input.error, .subscribeForm .text-input.error {
border-color: #e31c24;
-webkit-animation: 0.5s shake ease-in-out;
animation: 0.5s shake ease-in-out; }
.main-form .text-input.error ~ label, .subscribeForm .text-input.error ~ label {
-webkit-animation: 0.5s shake ease-in-out;
animation: 0.5s shake ease-in-out; }
.main-form .text-input.filled ~ label, .subscribeForm .text-input.filled ~ label {
top: -10px;
font-size: 13px; }
.main-form .text-input-area, .subscribeForm .text-input-area {
border: 2px solid #fff;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 120px;
padding: 15px;
background: transparent;
outline: none;
color: #fff;
font-size: 17px;
resize: none;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.main-form .text-input-area:focus, .subscribeForm .text-input-area:focus {
border-color: #fff; }
.main-form .text-input-area.error, .subscribeForm .text-input-area.error {
border-color: #e31c24;
-webkit-animation: 0.5s shake ease-in-out;
animation: 0.5s shake ease-in-out; }
.main-form .text-input-area.error ~ label, .subscribeForm .text-input-area.error ~ label {
-webkit-animation: 0.5s shake ease-in-out;
animation: 0.5s shake ease-in-out; }
.main-form .submit-line, .subscribeForm .submit-line {
text-align: center; }
@media only screen and (max-width: 550px) {
.main-form .submit-line, .subscribeForm .submit-line {
padding-top: 20px; } }
.main-form input[type="submit"], .subscribeForm input[type="submit"] {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: transparent;
padding: 18px 40px;
border: 6px solid #1b1a40;
color: #fff;
font-size: 16px; }
.main-form input[type="submit"]:hover, .subscribeForm input[type="submit"]:hover {
border-color: #fff; }
.main-form .jq-file, .subscribeForm .jq-file {
padding-left: 25px;
position: relative;
cursor: pointer;
min-height: 25px;
padding-bottom: 20px; }
.main-form .jq-file ~ label, .subscribeForm .jq-file ~ label {
top: -30px; }
.main-form .jq-file:before, .subscribeForm .jq-file:before {
position: absolute;
content: '';
display: block;
color: #fff;
left: 0;
top: 4px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 19px;
content: "\e912"; }
@media only screen and (max-width: 1100px) {
.main-form .jq-file:before, .subscribeForm .jq-file:before {
top: 2px; } }
.main-form .jq-file .jq-file__name, .subscribeForm .jq-file .jq-file__name {
cursor: pointer;
display: none;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff; }
.main-form .jq-file .jq-file__browse, .subscribeForm .jq-file .jq-file__browse {
overflow: hidden;
cursor: pointer;
display: inline-block;
color: #fff;
position: relative; }
.main-form .jq-file .jq-file__browse:after, .subscribeForm .jq-file .jq-file__browse:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #515167;
z-index: 1; }
.main-form .jq-file .jq-file__browse:before, .subscribeForm .jq-file .jq-file__browse:before {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
z-index: 2; }
.main-form .jq-file:hover .jq-file__browse:before, .subscribeForm .jq-file:hover .jq-file__browse:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.main-form .jq-file.changed .jq-file__name, .subscribeForm .jq-file.changed .jq-file__name {
display: inline-block; }
.main-form .jq-file.changed .jq-file__browse, .subscribeForm .jq-file.changed .jq-file__browse {
display: none; }
@media only screen and (max-width: 1000px) {
.overflowH {
overflow: hidden !important;
-webkit-overflow-scrolling: touch; } }
#up-btn {
position: fixed;
right: 8px;
bottom: 8px;
width: 45px;
height: 45px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 45px;
text-align: center;
font-size: 9px;
background: #e3e3e3;
z-index: 50;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
display: none;
-webkit-transform: translateY(100px);
-khtml-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px); }
@media only screen and (max-width: 650px) {
#up-btn {
display: block; } }
#up-btn.visible {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.left-col {
float: left;
width: 50%;
position: relative;
margin-bottom: 150px; }
@media only screen and (max-width: 1100px) {
.left-col {
margin-bottom: 100px; } }
@media only screen and (max-width: 650px) {
.left-col {
float: none;
width: auto;
margin: 0;
height: auto !important; } }
@media only screen and (max-width: 550px) {
.left-col {
margin: 0 -20px 0; } }
.left-col h2 {
color: #001485; }
.left-col:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 90%;
-webkit-box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
box-shadow: 0 8px 30px rgba(169, 169, 169, 0.7);
bottom: 0;
left: 5%;
height: 100px;
border-radius: 20px; }
.left-col > div {
background: #fff;
position: relative;
z-index: 3;
padding: 65px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
min-height: 100%; }
@media only screen and (max-width: 1100px) {
.left-col > div {
padding: 40px; } }
@media only screen and (max-width: 900px) {
.left-col > div {
padding: 30px 20px; } }
.left-col > div .marked-list {
margin-left: -28px; }
@media only screen and (max-width: 900px) {
.left-col > div .marked-list {
margin-left: 0; } }
.right-col {
float: right;
width: 50%;
position: relative;
margin-bottom: 150px; }
@media only screen and (max-width: 1100px) {
.right-col {
margin-bottom: 100px; } }
@media only screen and (max-width: 650px) {
.right-col {
float: none;
width: auto;
height: auto !important;
margin-bottom: 30px; } }
@media only screen and (max-width: 550px) {
.right-col {
margin: 0 -20px 30px; } }
.right-col h2 {
color: #001485; }
.right-col > div {
padding: 65px;
position: relative;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 100%; }
@media only screen and (max-width: 1100px) {
.right-col > div {
padding: 40px; } }
@media only screen and (max-width: 900px) {
.right-col > div {
padding: 30px 20px; } }
.right-col > div .marked-list {
margin-left: -28px; }
@media only screen and (max-width: 900px) {
.right-col > div .marked-list {
margin-left: 0; } }
.right-col .popup-block {
position: absolute;
background: #000029;
left: 0;
top: 0;
/*height: 100%;*/
padding: 65px 65px 0;
width: 100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
z-index: 3;
overflow: auto;
-webkit-transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0.3s; }
.right-col .popup-block:after {
display: block;
height: 65px;
content: ''; }
@media only screen and (max-width: 1100px) {
.right-col .popup-block:after {
height: 40px; } }
@media only screen and (max-width: 900px) {
.right-col .popup-block:after {
height: 30px; } }
@media only screen and (max-width: 1100px) {
.right-col .popup-block {
padding: 40px 40px 0; } }
@media only screen and (max-width: 900px) {
.right-col .popup-block {
padding: 60px 40px 0; } }
@media only screen and (max-width: 750px) {
.right-col .popup-block {
padding: 50px 20px 0; } }
@media only screen and (max-width: 650px) {
.right-col .popup-block {
position: relative;
display: none;
height: auto;
width: auto;
margin: 0 -20px; } }
.right-col .popup-block.show {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0s;
transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0s; }
@media only screen and (max-width: 650px) {
.right-col .popup-block.show {
display: block; } }
.right-col .popup-block .close {
overflow: hidden;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
background: #e31c24;
color: #fff;
font-size: 16px;
line-height: 48px;
cursor: pointer;
text-align: center; }
.right-col .popup-block .close span {
display: block;
line-height: 48px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.right-col .popup-block .close:hover span {
-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.right-col .popup-block .video-block {
display: none;
margin: 0 -65px; }
@media only screen and (max-width: 1100px) {
.right-col .popup-block .video-block {
margin: 0 -40px; } }
@media only screen and (max-width: 900px) {
.right-col .popup-block .video-block {
margin: 0 -20px; } }
.right-col .popup-block .error-form-block {
display: none; }
.right-col .popup-block h3 {
color: #fff;
font-size: 35px;
padding-bottom: 20px;
text-align: center; }
@media only screen and (max-width: 1100px) {
.right-col .popup-block h3 {
font-size: 32px; } }
@media only screen and (max-width: 750px) {
.right-col .popup-block h3 {
font-size: 28px; } }
@media only screen and (max-width: 550px) {
.right-col .popup-block h3 {
font-size: 24px; } }
.right-col .popup-block .questionary-h2 {
color: #fff; }
.right-col .popup-block #questionary-block {
display: none; }
.right-col .popup-block .main-form2 h3 {
font-size: 21px;
padding-bottom: 30px;
text-align: left; }
@media only screen and (max-width: 650px) {
.right-col .popup-block .main-form2 h3 {
font-size: 17px;
padding-bottom: 20px; } }
@media only screen and (max-width: 450px) {
.right-col .popup-block .main-form2 h3 {
font-size: 15px; } }
.right-col .popup-block .main-form2 .add-fields {
color: #fff; }
.right-col .popup-block .main-form2 .add-fields .plus {
font-size: 30px;
vertical-align: middle; }
.right-col .popup-block .main-form2 .add-fields a {
color: #fff;
vertical-align: middle;
margin-left: 20px;
border-color: #515166; }
.right-col .popup-block .main-form2 .add-fields a:hover {
border-color: #fff; }
.right-col .popup-block .main-form2 .form-block {
margin-bottom: 50px; }
.right-col .popup-block .main-form2 .form-block.hidden {
display: none; }
.h40-seporator {
height: 40px; }
@media only screen and (max-width: 550px) {
.h40-seporator {
height: 20px; } }
.program-video {
position: relative;
overflow: hidden;
cursor: pointer;
padding: 0 0 56.25%;
margin-bottom: 40px; }
.program-video iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.program-video.playing .cover {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0.3s;
transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0.3s; }
.program-video .cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0s;
transition: opacity 0.3s ease-in-out, 0s visibility ease-in-out 0s; }
.program-video .cover .pic {
z-index: 1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.program-video .cover:before {
color: #e31c24;
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 50%;
top: 50%;
font-size: 86px;
margin-left: -43px;
margin-top: -43px;
z-index: 2;
content: "\e904"; }
.program-video .cover:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -38px;
content: "\e905";
color: #fff;
font-size: 76px;
z-index: 3; }
.program-video:hover .pic {
-webkit-filter: contrast(1.3);
filter: contrast(1.3); }
.news-list > li {
padding-bottom: 20px; }
.news-list > li .month {
font-size: 32px;
position: relative;
color: #000;
display: block;
padding: 20px 0 0; }
@media only screen and (max-width: 1100px) {
.news-list > li .month {
font-size: 29px; } }
@media only screen and (max-width: 750px) {
.news-list > li .month {
font-size: 25px; } }
@media only screen and (max-width: 550px) {
.news-list > li .month {
font-size: 21px; } }
.news-list > li .month:before {
position: absolute;
content: '';
display: block;
top: 40px;
left: -70px;
background: #e31c24;
width: 45px;
height: 9px; }
@media only screen and (max-width: 900px) {
.news-list > li .month:before {
left: -35px;
width: 25px;
height: 7px; } }
@media only screen and (max-width: 750px) {
.news-list > li .month:before {
top: 37px; } }
@media only screen and (max-width: 550px) {
.news-list > li .month:before {
height: 5px;
top: 34px; } }
.news-list > li .date {
color: #a9a9a9;
display: block; }
.news-list > li a {
position: relative;
border: none;
display: inline-block; }
.news-list > li a .link-text {
border-bottom: 2px solid #cfd6fc; }
.news-list > li a .hover-line {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
color: transparent; }
.news-list > li a .hover-line span {
border-bottom: 2px solid #000029; }
.news-list > li a:hover .hover-line {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.news-list > li a.active {
color: #e31c24; }
.news-list > li a.active .hover-line {
display: none; }
.news-list > li a.active .link-text {
border-bottom-color: transparent; }
.news-list > li .adaptive-content {
display: none;
background: #000029;
padding: 40px 20px;
margin: 20px -20px 0;
color: #fff;
position: relative;
overflow: hidden; }
.news-list > li .adaptive-content a {
color: #fff;
border: none;
white-space: nowrap;
position: relative;
display: inline-block;
text-overflow: ellipsis;
padding-bottom: 2px;
overflow: hidden;
max-width: 100%;
vertical-align: top;
margin-bottom: -2px; }
.news-list > li .adaptive-content a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: rgba(255, 255, 255, 0.5);
left: 0;
bottom: 0; }
.news-list > li .adaptive-content a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #fff;
left: 0;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
bottom: 0; }
.news-list > li .adaptive-content a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.news-list > li .adaptive-content .close {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 50;
border: none;
background: #e31c24;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.news-list > li .adaptive-content .close:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
left: 0;
top: 0;
text-align: center;
width: 100%;
height: 100%;
line-height: 40px;
font-size: 15px;
content: "\e903"; }
.news-list > li .adaptive-content .close.fixed {
position: fixed;
top: 60px; }
.news-list > li .adaptive-content .close.fixed-bottom {
position: absolute;
top: auto;
bottom: 0; }
.news-list > li .adaptive-content .close.close-hide {
opacity: 0; }
.news-list > li .adaptive-content .close.close-hide:hover {
opacity: 1; }
.news-list > li .adaptive-content h2 {
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 28px;
padding-bottom: 10px; }
@media only screen and (max-width: 550px) {
.news-list > li .adaptive-content h2 {
font-size: 24px; } }
.news-list > li .adaptive-content .date {
color: #a9a9a9;
padding-bottom: 30px; }
.news-list > li .adaptive-content .preview-pic {
margin: 0 -20px 30px; }
.news-list > li .adaptive-content .preview-pic img {
display: block;
height: auto;
width: 100%; }
.sale-wrap .right-col .news-detail-wrap {
margin:0;
height:100%;
}
.right-col .news-detail-wrap {
margin: 340px 0 0 0;
height: -webkit-calc(100% - 340px);
height: calc(100% - 340px);
position: absolute;
left: 0;
top: 0;
overflow: auto;
background: #000029;
padding: 65px 65px 0;
color: #fff;
-webkit-overflow-scrolling: touch; }
.right-col .news-detail-wrap:after {
display: block;
height: 65px;
content: ''; }
@media only screen and (max-width: 1100px) {
.right-col .news-detail-wrap:after {
height: 40px; } }
@media only screen and (max-width: 900px) {
.right-col .news-detail-wrap:after {
height: 30px; } }
@media only screen and (max-width: 1100px) {
.right-col .news-detail-wrap {
padding: 40px 40px 0; } }
@media only screen and (max-width: 900px) {
.right-col .news-detail-wrap {
padding: 30px 20px 0 20px; } }
@media only screen and (max-width: 650px) {
.right-col .news-detail-wrap {
display: none; } }
.right-col .news-detail-wrap h2 {
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 32px;
padding-bottom: 10px; }
@media only screen and (max-width: 1100px) {
.right-col .news-detail-wrap h2 {
font-size: 29px; } }
@media only screen and (max-width: 900px) {
.right-col .news-detail-wrap h2 {
font-size: 25px; } }
@media only screen and (max-width: 550px) {
.right-col .news-detail-wrap h2 {
font-size: 21px; } }
.right-col .news-detail-wrap a {
color: #fff;
border: none;
white-space: nowrap;
position: relative;
display: inline-block;
text-overflow: ellipsis;
padding-bottom: 2px;
overflow: hidden;
max-width: 100%;
vertical-align: top;
margin-bottom: -2px; }
.right-col .news-detail-wrap a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: rgba(255, 255, 255, 0.5);
left: 0;
bottom: 0; }
.right-col .news-detail-wrap a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #fff;
left: 0;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
bottom: 0; }
.right-col .news-detail-wrap a:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.right-col .news-detail-wrap .date {
color: #a9a9a9;
padding-bottom: 80px; }
.right-col .news-detail-wrap .preview-pic {
margin: 0 -65px 50px; }
@media only screen and (max-width: 1100px) {
.right-col .news-detail-wrap .preview-pic {
margin: 0 -40px 40px; } }
@media only screen and (max-width: 900px) {
.right-col .news-detail-wrap .preview-pic {
margin: 0 -20px 30px; } }
.right-col .news-detail-wrap .preview-pic img {
display: block;
height: auto;
width: 100%; }
.page-nav {
white-space: nowrap;
padding: 40px 0 0; }
.page-nav.center {
padding-bottom: 50px; }
.page-nav .prev, .page-nav .next {
display: inline-block;
vertical-align: top;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 35px;
color: #666666;
border: none;
width: 35px;
text-align: center;
font-size: 12px; }
.page-nav .prev:hover, .page-nav .next:hover {
color: #e31c24; }
.page-nav > ul {
display: inline-block;
vertical-align: top; }
.page-nav > ul > li {
display: inline-block;
vertical-align: top; }
.page-nav > ul a {
position: relative;
color: #666666;
display: block;
border: none;
text-align: center;
font-size: 18px; }
@media only screen and (max-width: 550px) {
.page-nav > ul a {
font-size: 16px; } }
@media only screen and (max-width: 450px) {
.page-nav > ul a {
font-size: 15px; } }
.page-nav > ul a span {
position: relative;
z-index: 3;
display: block;
width: 35px;
height: 35px;
line-height: 35px; }
.page-nav > ul a:after {
position: absolute;
content: '';
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e31c24;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
z-index: 1; }
.page-nav > ul a:hover, .page-nav > ul a.current {
color: #fff; }
.page-nav > ul a:hover:after, .page-nav > ul a.current:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top; }
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020; }
.fancybox-skin {
position: relative;
background: #000029;
text-shadow: none; }
.fancybox-opened {
z-index: 8030; }
.fancybox-outer, .fancybox-inner {
position: relative; }
.fancybox-inner {
overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch; }
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%; }
.fancybox-image {
max-width: 100%;
max-height: 100%; }
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
opacity: 0.8;
cursor: pointer;
z-index: 8060; }
.fancybox-close, .fancybox-close:link, .fancybox-close:visited {
position: fixed;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 8040;
border: none;
background: #e31c24; }
.fancybox-close:after, .fancybox-close:link:after, .fancybox-close:visited:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
left: 0;
top: 0;
text-align: center;
width: 100%;
height: 100%;
line-height: 40px;
font-size: 15px;
content: "\e903"; }
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important; }
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0, 0, 0, 0.5); }
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0; }
.fancybox-lock-test {
overflow-y: hidden !important; }
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll; }
.fancybox-lock {
-webkit-overflow-scrolling: touch;
overflow: hidden !important;
width: auto; }
.news-popup-wrap .fancybox-inner {
height: auto !important;
overflow: visible !important; }
.fancybox-lock {
overflow: hidden; }
.fancybox-overlay-fixed {
overflow: auto !important; }
#vacancy-detail-block {
color: #fff; }
#vacancy-detail-block h2 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #fff;
text-align: left;
font-size: 35px;
padding-bottom: 40px; }
@media only screen and (max-width: 1100px) {
#vacancy-detail-block h2 {
font-size: 32px; } }
@media only screen and (max-width: 750px) {
#vacancy-detail-block h2 {
font-size: 28px; } }
@media only screen and (max-width: 550px) {
#vacancy-detail-block h2 {
font-size: 24px; } }
#vacancy-detail-block h3 {
text-align: left;
font-size: 21px; }
@media only screen and (max-width: 650px) {
#vacancy-detail-block h3 {
font-size: 17px;
padding-bottom: 20px; } }
@media only screen and (max-width: 450px) {
#vacancy-detail-block h3 {
font-size: 15px; } }
.career-block h2 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #001485;
font-size: 32px;
position: relative; }
@media only screen and (max-width: 1100px) {
.career-block h2 {
font-size: 29px; } }
@media only screen and (max-width: 750px) {
.career-block h2 {
font-size: 25px; } }
@media only screen and (max-width: 550px) {
.career-block h2 {
font-size: 21px; } }
.career-block h3 {
position: relative;
padding-bottom: 20px; }
.career-block h3:before {
position: absolute;
content: '';
display: block;
top: 11px;
left: -70px;
background: #e31c24;
width: 45px;
height: 9px; }
@media only screen and (max-width: 900px) {
.career-block h3:before {
left: -35px;
width: 25px;
height: 7px; } }
@media only screen and (max-width: 550px) {
.career-block h3:before {
height: 5px; } }
.career-block .career-block__wrap {
margin-bottom: 30px; }
.vacancy-block h2 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #001485;
font-size: 32px;
position: relative; }
@media only screen and (max-width: 1100px) {
.vacancy-block h2 {
font-size: 29px; } }
@media only screen and (max-width: 750px) {
.vacancy-block h2 {
font-size: 25px; } }
@media only screen and (max-width: 550px) {
.vacancy-block h2 {
font-size: 21px; } }
.vacancy-details > li {
display: none; }
.vacancy-details > li.active {
display: block; }
.vacancy-list {
margin-bottom: 40px; }
.vacancy-list > li {
padding-bottom: 8px; }
.vacancy-list > li a {
position: relative;
border: none;
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap; }
.vacancy-list > li a:after {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #cfd6fc;
z-index: 1; }
.vacancy-list > li a:before {
position: absolute;
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #000029;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
z-index: 2; }
.vacancy-list > li a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.right-col .vacancy-form-wrap {
border-top: 1px solid #1b1a40;
padding: 70px 0 0;
margin-top: 30px; }
.right-col .vacancy-form-wrap h3 {
text-align: center;
font-size: 24px; }
@media only screen and (max-width: 650px) {
.right-col .vacancy-form-wrap h3 {
font-size: 20px;
padding-bottom: 20px; } }
@media only screen and (max-width: 450px) {
.right-col .vacancy-form-wrap h3 {
font-size: 18px; } }
.faq-detail h3 {
padding-top: 20px;
color: #001485; }
.contacts-page-info {
height: 0;
position: relative;
z-index: 10; }
@media only screen and (max-width: 650px) {
.contacts-page-info {
height: auto;
overflow: hidden; } }
.contacts-page-info address {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 35px;
color: #000;
font-style: normal;
padding-bottom: 30px;
width: 60%;
float: left; }
@media only screen and (max-width: 1100px) {
.contacts-page-info address {
font-size: 32px; } }
@media only screen and (max-width: 750px) {
.contacts-page-info address {
font-size: 28px; } }
@media only screen and (max-width: 550px) {
.contacts-page-info address {
font-size: 24px;
width: auto;
float: none;
display: block; } }
.contacts-page-info .label {
color: #e31c24;
padding-bottom: 10px; }
.contacts-page-info .phone {
width: 40%;
color: #000;
font-size: 24px;
float: right;
text-align: right;
white-space: nowrap; }
.contacts-page-info .phone a {
border: none;
color: #000; }
@media only screen and (max-width: 650px) {
.contacts-page-info .phone {
font-size: 20px;
padding-bottom: 30px; } }
@media only screen and (max-width: 550px) {
.contacts-page-info .phone {
font-size: 18px;
width: auto;
float: none;
text-align: left;
display: block; } }
.bx-touch .contacts-big-map-wrap:after, .bx-touch .contacts-map:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0; }
.bx-touch .contacts-big-map-wrap.active:after, .bx-touch .contacts-map.active:after {
display: none; }
.contacts-big-map-wrap {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
height: 100%;
z-index: 2;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 650px) {
.contacts-big-map-wrap {
position: relative;
height: 300px;
width: auto;
margin: 0 -20px; } }
.contacts-big-map-wrap > div {
height: 100%;
width: 100%; }
.contacts-page {
position: relative;
z-index: 10;
min-height: 900px; }
@media only screen and (max-width: 900px) {
.contacts-page {
min-height: 700px; } }
@media only screen and (max-width: 650px) {
.contacts-page {
min-height: 0; } }
.contacts-page h1 {
position: relative;
z-index: 10; }
.search-results {
margin-bottom: 40px; }
.search-results > li {
padding: 0 0 30px 25px;
position: relative; }
@media only screen and (max-width: 450px) {
.search-results > li {
padding: 0 0 30px 20px; } }
.search-results > li .number {
position: absolute;
left: 0;
top: 0;
color: #c2c2c2; }
.search-results > li a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.search-results > li a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.search-results > li a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.search-results > li a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.search-results > li .chain-nav {
padding: 10px 0 15px; }
.search-results > li .chain-nav > li {
font-size: 13px;
display: inline-block;
vertical-align: top;
padding-right: 20px;
position: relative; }
.search-results > li .chain-nav > li:last-child:after {
display: none; }
.search-results > li .chain-nav > li:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90e";
color: #c2c2c2;
font-size: 7px;
top: 5px;
right: 6px; }
.search-results > li p b {
color: #000;
background: #fcd949;
font-family: "Open Sans", sans-serif; }
.search-results > li .date {
color: #c2c2c2;
text-transform: uppercase;
letter-spacing: 1.4px;
font-size: 11px; }
.no-brake {
white-space: nowrap; }
div[id*="wait_comp"] {
display: none !important; }
.news-wrap {
position: relative;
margin-bottom: 150px; }
@media only screen and (max-width: 900px) {
.news-wrap {
margin-bottom: 100px; } }
@media only screen and (max-width: 650px) {
.news-wrap {
margin-bottom: 50px; } }
.news-wrap .left-col, .news-wrap .right-col {
margin-bottom: 0; }
.news-wrap.detail-load #detail-loader {
visibility: visible; }
.news-wrap.detail-load #detail-loader div {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: skewX(0deg) translateX(0);
-khtml-transform: skewX(0deg) translateX(0);
-ms-transform: skewX(0deg) translateX(0);
transform: skewX(0deg) translateX(0); }
.news-wrap.detail-loaded #detail-loader {
visibility: visible; }
.news-wrap.detail-loaded #detail-loader div {
-webkit-transition: all 0.4s ease-in-out 0.1s;
transition: all 0.4s ease-in-out 0.1s;
-webkit-transform: skewX(30deg) translateX(-100%);
-khtml-transform: skewX(30deg) translateX(-100%);
-ms-transform: skewX(30deg) translateX(-100%);
transform: skewX(30deg) translateX(-100%); }
.news-wrap #detail-loader, .news-wrap #list-loader {
visibility: hidden;
position: absolute;
right: 0;
width: 50%;
height: 100%;
overflow: hidden;
z-index: 30; }
@media only screen and (max-width: 650px) {
.news-wrap #detail-loader, .news-wrap #list-loader {
display: none; } }
.news-wrap #detail-loader div, .news-wrap #list-loader div {
position: absolute;
right: 0;
top: 0;
-webkit-transform: skewX(-30deg) translateX(100%);
-khtml-transform: skewX(-30deg) translateX(100%);
-ms-transform: skewX(-30deg) translateX(100%);
transform: skewX(-30deg) translateX(100%);
-webkit-transform-origin: right bottom;
-khtml-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
width: 100%;
height: 100%;
background: #375BDE; }
.news-wrap #list-loader {
left: 0; }
.news-wrap.list-load #list-loader {
visibility: visible; }
.news-wrap.list-load #list-loader div {
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: skewX(0deg) translateX(0);
-khtml-transform: skewX(0deg) translateX(0);
-ms-transform: skewX(0deg) translateX(0);
transform: skewX(0deg) translateX(0); }
.news-wrap.list-loaded #list-loader {
visibility: visible; }
.news-wrap.list-loaded #list-loader div {
-webkit-transition: all 0.4s ease-in-out 0.1s;
transition: all 0.4s ease-in-out 0.1s;
-webkit-transform: skewX(30deg) translateX(-100%);
-khtml-transform: skewX(30deg) translateX(-100%);
-ms-transform: skewX(30deg) translateX(-100%);
transform: skewX(30deg) translateX(-100%); }
.faq-sections-details > li {
display: none; }
.faq-sections-details > li.active {
display: block; }
@media only screen and (min-width: 650px) {
.news-list > li .adaptive-content {
display: none !important; } }
.portfolio-filter {
position: relative;
width: 70%;
margin: 0 auto;
padding-bottom: 67px; }
@media only screen and (max-width: 1000px) {
.portfolio-filter {
width: 90%;
margin: 0 auto 40px; } }
@media only screen and (max-width: 900px) {
.portfolio-filter {
width: 100%; } }
@media only screen and (max-width: 650px) {
.portfolio-filter {
width: auto;
margin: 0 -20px 30px; } }
.portfolio-filter .smartfilter {
position: relative; }
.portfolio-filter .shadow-line {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 10;
pointer-events: none; }
.portfolio-filter .clear-filter-btn {
position: relative;
display: inline-block;
color: #001485;
padding-bottom: 0;
visibility: hidden; }
.portfolio-filter .clear-filter-btn.visible {
visibility: visible; }
.portfolio-filter .clear-filter-btn input {
position: absolute;
background: transparent;
border: none;
width: 100%;
height: 100%;
z-index: 3;
color: transparent; }
.portfolio-filter .clear-filter-btn span {
position: relative;
z-index: 2; }
.portfolio-filter .clear-filter-btn:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
bottom: 0;
left: 0;
z-index: 1; }
.portfolio-filter .clear-filter-btn:before {
position: absolute;
content: '';
display: block;
z-index: 2;
width: 100%;
height: 2px;
background: #001485;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.portfolio-filter .clear-filter-btn:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.portfolio-filter .default-filter {
display: none; }
.portfolio-filter .filter-control {
display: inline-block;
vertical-align: top;
margin: 0 40px;
position: relative;
cursor: pointer; }
@media only screen and (max-width: 1340px) {
.portfolio-filter .filter-control {
margin: 0 20px; } }
@media only screen and (max-width: 1100px) {
.portfolio-filter .filter-control {
margin: 0 10px; } }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-control {
margin: 0 6px; } }
.portfolio-filter .filter-control span {
padding: 20px;
display: block;
position: relative; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-control span {
padding: 20px 12px; } }
.portfolio-filter .filter-control span:after {
position: absolute;
content: '';
display: block;
width: 100%;
background: #e31c24;
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
height: 5px;
left: 0;
bottom: 0; }
.portfolio-filter .filter-control:after {
position: absolute;
content: '';
display: block;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
font-size: 4px;
content: "\e907";
right: 5px;
top: 50%;
margin-top: -1px; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-control:after {
right: 0; } }
.portfolio-filter .filter-control:before {
position: absolute;
content: '';
display: block;
width: 5px;
height: 5px;
background: #e31c24;
top: 50%;
margin-top: -3px;
left: 8px;
border-radius: 100%;
visibility: hidden; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-control:before {
left: 2px; } }
.portfolio-filter .filter-control.selected:before {
visibility: visible; }
.portfolio-filter .filter-control:hover span:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.portfolio-filter .filter-control.opened + .filter-slider-wrap {
visibility: visible; }
.portfolio-filter .filter-control.opened span:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.portfolio-filter .filter-control.opened:after {
-webkit-transform: rotateX(180deg);
-khtml-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg); }
.portfolio-filter .filter-slider-wrap {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 67px;
background: #e3e3e3;
visibility: hidden;
z-index: 2;
overflow: hidden;
-webkit-transition: none;
transition: none; }
.portfolio-filter .filter-slider-wrap:before {
position: absolute;
content: '';
display: block;
z-index: 3;
background: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#e3e3e3));
background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3);
background: linear-gradient(left, #e3e3e3, #e3e3e3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e3e3', endColorStr='#e3e3e3', gradientType='1');
left: 0;
width: 60px;
top: 0;
height: 100%;
border-left: 50px solid #e3e3e3; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-slider-wrap:before {
border-width: 30px;
width: 40px; } }
.portfolio-filter .filter-slider-wrap:after {
position: absolute;
content: '';
display: block;
z-index: 3;
background: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#e3e3e3));
background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3);
background: linear-gradient(left, #e3e3e3, #e3e3e3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e3e3e3', endColorStr='#e3e3e3', gradientType='1');
right: 0;
width: 60px;
top: 0;
height: 100%;
border-right: 50px solid #e3e3e3; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-slider-wrap:after {
border-width: 30px;
width: 40px; } }
.portfolio-filter .filter-slider-wrap .prev, .portfolio-filter .filter-slider-wrap .next {
width: 48px;
height: 48px;
left: 15px;
top: 50%;
margin-top: -24px;
cursor: pointer;
border: none;
background: transparent;
font-size: 20px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 48px;
text-align: center;
position: absolute;
color: #e31c24;
-webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
text-indent: -4px;
outline: none;
padding: 0;
z-index: 20; }
@media only screen and (max-width: 550px) {
.portfolio-filter .filter-slider-wrap .prev, .portfolio-filter .filter-slider-wrap .next {
left: 0;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } }
.portfolio-filter .filter-slider-wrap .prev.disabled, .portfolio-filter .filter-slider-wrap .next.disabled {
/*opacity: 0;*/
cursor: default;
color: #d4cfd0; }
.portfolio-filter .filter-slider-wrap .prev.disabled:hover, .portfolio-filter .filter-slider-wrap .next.disabled:hover {
background: transparent;
color: #d4cfd0; }
.portfolio-filter .filter-slider-wrap .prev:hover, .portfolio-filter .filter-slider-wrap .next:hover {
color: #fff;
background: #e31c24; }
.portfolio-filter .filter-slider-wrap .next {
text-indent: 2px;
left: auto;
right: 15px; }
@media only screen and (max-width: 550px) {
.portfolio-filter .filter-slider-wrap .next {
right: 0; } }
.portfolio-filter .filter-slider-wrap .filter-slider {
padding: 0 100px;
white-space: nowrap; }
.portfolio-filter .filter-slider-wrap .filter-slider ul {
margin: 0 auto; }
.portfolio-filter .filter-slider-wrap .filter-slider li {
height: 67px;
line-height: 67px;
display: inline-block;
vertical-align: top;
padding: 0 10px;
margin: 0 20px;
position: relative;
cursor: pointer; }
@media only screen and (max-width: 650px) {
.portfolio-filter .filter-slider-wrap .filter-slider li {
margin: 0 10px; } }
@media only screen and (max-width: 450px) {
.portfolio-filter .filter-slider-wrap .filter-slider li {
margin: 0 5px; } }
.portfolio-filter .filter-slider-wrap .filter-slider li.disabled {
cursor: default;
color: #a9a9a9; }
.portfolio-filter .filter-slider-wrap .filter-slider li.disabled.active:after, .portfolio-filter .filter-slider-wrap .filter-slider li.disabled:hover:after {
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0); }
.portfolio-filter .filter-slider-wrap .filter-slider li:after {
position: absolute;
content: '';
display: block;
width: 100%;
background: #e31c24;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
height: 5px;
left: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.portfolio-filter .filter-slider-wrap .filter-slider li.active:after, .portfolio-filter .filter-slider-wrap .filter-slider li:hover:after {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.portfolio-filter .filter-top-block {
background: #fff;
text-align: center; }
.portfolio-filter .buttons-block {
z-index: 1;
position: absolute;
top: 100%;
left: 0;
width: 100%;
text-align: center;
padding: 20px 0; }
.portfolio-filter .buttons-block #set_filter {
display: none; }
.portfolio-item .fotorama-gallery-wrap .gallery-arrow {
opacity: 0; }
.portfolio-item.loaded .fotorama-gallery-wrap .gallery-arrow {
opacity: 1; }
.center .page-nav {
margin: 0px auto 100px; }
@media only screen and (max-width: 650px) {
.center .page-nav {
margin-bottom: 60px; } }
@media only screen and (max-width: 450px) {
.center .page-nav {
margin-bottom: 40px; } }
.objects-gallery .fotorama-gallery-wrap .fotorama__nav, .objects-gallery .slick-gallery-wrap .slick__nav {
text-align: left;
padding: 0 70px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 10; }
.error-page {
text-align: center;
height: 100%;
position: relative;
white-space: nowrap; }
.error-page .logo {
display: block;
width: 200px;
height: 100px;
background: url(/bitrix/templates/main/css/../img/header-logo.svg) center center no-repeat;
position: absolute;
left: 50%;
margin-left: -100px;
top: 0;
border: none; }
@media only screen and (max-width: 550px) {
.error-page .logo {
height: 60px; } }
.error-page:after {
width: 0;
content: '';
height: 100%;
display: inline-block;
vertical-align: middle; }
.error-page .vertical {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 80%;
padding: 100px 0 100px; }
.error-page img {
display: block;
margin: 0 auto 50px;
height: auto; }
.error-page h1 {
font-family: "BreweryNo2CYR-Light";
padding: 0;
white-space: normal;
line-height: normal; }
.error-page .bottom-link {
position: absolute;
left: 0;
text-align: center;
bottom: 50px;
width: 100%; }
.error-page .bottom-link a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.error-page .bottom-link a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.error-page .bottom-link a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.error-page .bottom-link a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
/*font.tablebodytext {
display: none!important;
}*/
.version-2.solutions-info-list h5 {
color: #000; }
.version-2 h5.blue-h5 {
font-weight: 400;
color: #001485; }
.version-2.big-marked-list h5 {
font-weight: 400; }
.pad-left {
padding-left: 70px; }
.breeam-block {
padding: 70px 70px 30px; }
@media only screen and (max-width: 1100px) {
.breeam-block {
padding: 40px 40px 20px; } }
@media only screen and (max-width: 900px) {
.breeam-block {
margin-bottom: 30px; } }
@media only screen and (max-width: 550px) {
.breeam-block {
padding: 40px 20px 20px; } }
.breeam-block .breeam-logo {
display: block;
margin-bottom: 60px; }
.breeam-block .logos-block {
letter-spacing: -10px;
margin-right: -70px; }
@media only screen and (max-width: 900px) {
.breeam-block .logos-block {
margin-right: 0; } }
.breeam-block .logos-block .col {
height: 180px;
line-height: 180px;
display: inline-block; }
.breeam-block .logos-block .col:first-child {
width: 30%;
text-align: left; }
@media only screen and (max-width: 750px) {
.breeam-block .logos-block .col:first-child {
width: 100%;
text-align: center; } }
.breeam-block .logos-block .col:nth-child(2) {
width: 40%;
text-align: center; }
@media only screen and (max-width: 750px) {
.breeam-block .logos-block .col:nth-child(2) {
width: 100%;
text-align: center; } }
.breeam-block .logos-block .col:last-child {
width: 30%;
text-align: right; }
@media only screen and (max-width: 750px) {
.breeam-block .logos-block .col:last-child {
width: 100%;
text-align: center; } }
.breeam-block .logos-block img {
vertical-align: middle; }
.m100 {
margin-bottom: 100px; }
@media only screen and (max-width: 900px) {
.m100 {
margin: 0; } }
.m60 {
margin-bottom: 60px; }
@media only screen and (max-width: 900px) {
.m60 {
margin: 0; } }
.form-dark-block h5 {
text-align: center; }
.form-dark-block .form-ok h3 {
color: #fff; }
h3.contact-heading {
font-size: 32px;
color: #001485;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding-bottom: 30px; }
@media only screen and (max-width: 1100px) {
h3.contact-heading {
font-size: 27px; } }
@media only screen and (max-width: 750px) {
h3.contact-heading {
font-size: 22px; } }
@media only screen and (max-width: 550px) {
h3.contact-heading {
font-size: 20px; } }
.white-block-with-shad > .equal-col {
padding: 70px 70px 90px; }
@media only screen and (max-width: 1100px) {
.white-block-with-shad > .equal-col {
padding: 40px 40px 60px; } }
@media only screen and (max-width: 550px) {
.white-block-with-shad > .equal-col {
padding: 40px 20px 60px; } }
.blacktext {
color: #000; }
.developers-info .marked-list {
margin-left: -28px; }
@media only screen and (max-width: 1000px) {
.developers-info .marked-list {
margin-left: 0; } }
.contact-info {
line-height: 1.8; }
.contact-info a {
display: inline-block;
vertical-align: top;
padding-bottom: 2px;
margin-bottom: -2px;
position: relative;
border: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.contact-info a:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #cfd6fc;
left: 0;
bottom: 0;
z-index: 1; }
.contact-info a:before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
background: #001485;
left: 0;
bottom: 0;
z-index: 2;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1);
transition: all 0.4s cubic-bezier(1, 0, 0, 1);
-webkit-transform-origin: left top;
-khtml-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.contact-info a:hover:before {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); }
.get-catalog .main-form .checkbox-line {
display: none; }
.main-form .checkbox-wrap, .subscribeForm .checkbox-wrap {
display: inline-block;
/*margin-right: 20px;*/
cursor: pointer; }
.main-form .checkbox-wrap label, .subscribeForm .checkbox-wrap label {
position: relative;
top: 0;
cursor: pointer; }
.main-form .checkbox-wrap .jq-checkbox, .subscribeForm .checkbox-wrap .jq-checkbox {
width: 18px;
height: 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #8f8f8f;
margin-right: 10px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.main-form .checkbox-wrap .jq-checkbox .jq-checkbox__div, .subscribeForm .checkbox-wrap .jq-checkbox .jq-checkbox__div {
position: relative;
width: 100%;
height: 100%; }
.main-form .checkbox-wrap .jq-checkbox .jq-checkbox__div:after, .subscribeForm .checkbox-wrap .jq-checkbox .jq-checkbox__div:after {
content: '';
background: url("/bitrix/templates/main/css/../img/checkbox-check.svg") no-repeat 100%/100%;
position: absolute;
width: 13px;
height: 10px;
opacity: 0;
top: 1px;
left: 1px;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.main-form .checkbox-wrap .jq-checkbox.checked, .subscribeForm .checkbox-wrap .jq-checkbox.checked {
border-color: #e31c24; }
.main-form .checkbox-wrap .jq-checkbox.checked .jq-checkbox__div:after, .subscribeForm .checkbox-wrap .jq-checkbox.checked .jq-checkbox__div:after {
opacity: 1;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.main-form .checkbox-wrap .jq-checkbox.checked + label, .subscribeForm .checkbox-wrap .jq-checkbox.checked + label {
color: #e31c24; }
.main-form .checkbox-wrap:hover .jq-checkbox, .subscribeForm .checkbox-wrap:hover .jq-checkbox {
border-color: #e31c24; }
.main-form .checkbox-wrap:hover label, .subscribeForm .checkbox-wrap:hover label {
color: #e31c24; }
.main-form .jq-selectbox, .subscribeForm .jq-selectbox {
width: 100%;
cursor: pointer; }
.main-form .jq-selectbox ~ label, .subscribeForm .jq-selectbox ~ label {
top: -10px;
font-size: 13px; }
.main-form .jq-selectbox .jq-selectbox__select, .subscribeForm .jq-selectbox .jq-selectbox__select {
border: none;
background: transparent;
color: #fff;
border-bottom: 2px solid #fff;
width: 100%;
padding: 10px 0;
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.main-form .jq-selectbox .jq-selectbox__trigger .jq-selectbox__trigger-arrow, .subscribeForm .jq-selectbox .jq-selectbox__trigger .jq-selectbox__trigger-arrow {
position: absolute;
right: 20px;
top: 20px;
font-size: 10px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.main-form .jq-selectbox .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after, .subscribeForm .jq-selectbox .jq-selectbox__trigger .jq-selectbox__trigger-arrow:after {
content: '\e907'; }
.main-form .jq-selectbox .jq-selectbox__select-text, .subscribeForm .jq-selectbox .jq-selectbox__select-text {
/*visibility: hidden;*/ }
.main-form .jq-selectbox .jq-selectbox__dropdown, .subscribeForm .jq-selectbox .jq-selectbox__dropdown {
width: 100%;
background: #fff;
-webkit-box-shadow: 0 5px 30px rgba(162, 162, 162, 0.7);
box-shadow: 0 5px 30px rgba(162, 162, 162, 0.7); }
.main-form .jq-selectbox .jq-selectbox__dropdown li, .subscribeForm .jq-selectbox .jq-selectbox__dropdown li {
padding: 15px 10px;
border-bottom: 2px solid #a9a9a9;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.main-form .jq-selectbox .jq-selectbox__dropdown li.selected, .subscribeForm .jq-selectbox .jq-selectbox__dropdown li.selected {
color: #e31c24;
border-color: #e31c24; }
.main-form .jq-selectbox .jq-selectbox__dropdown li:hover, .subscribeForm .jq-selectbox .jq-selectbox__dropdown li:hover {
color: #e31c24; }
.scheme-block {
color: #fff; }
@media only screen and (max-width: 1100px) {
.scheme-block {
padding-left: 20px; } }
@media only screen and (max-width: 550px) {
.scheme-block {
padding-left: 40px; } }
.scheme-block h3 {
font-size: 32px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #fff; }
@media only screen and (max-width: 1100px) {
.scheme-block h3 {
font-size: 27px; } }
@media only screen and (max-width: 750px) {
.scheme-block h3 {
font-size: 22px; } }
@media only screen and (max-width: 550px) {
.scheme-block h3 {
font-size: 20px; } }
.scheme-block .list-wrap {
position: relative; }
.scheme-block .list-wrap .arrow {
bottom: -80px; }
@media only screen and (max-width: 550px) {
.scheme-block .list-wrap .arrow {
bottom: -60px; } }
.scheme-block strong {
font-size: 21px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
display: inline-block; }
@media only screen and (max-width: 550px) {
.scheme-block strong {
font-size: 17px; } }
.scheme-block ul.red-arrow-list {
margin-left: -30px; }
.scheme-block ul.red-arrow-list li {
padding-left: 30px;
margin-bottom: 60px;
position: relative;
color: #8F8F8F; }
@media only screen and (max-width: 550px) {
.scheme-block ul.red-arrow-list li {
margin-bottom: 40px; } }
.scheme-block ul.red-arrow-list li:before {
content: '';
background: url("/bitrix/templates/main/css/../img/red-arrow.svg") no-repeat 100%/100%;
left: 0;
top: 5px;
width: 18px;
height: 14px;
position: absolute;
opacity: 0;
-webkit-transform: translate(10px, 0);
-khtml-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
transform: translate(10px, 0); }
.scheme-block ul.red-arrow-list li:nth-child(2):before {
-webkit-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s; }
.scheme-block ul.red-arrow-list li:nth-child(3):before {
-webkit-transition: all 0.3s ease-in-out 0.4s;
transition: all 0.3s ease-in-out 0.4s; }
.scheme-block ul.red-arrow-list li:last-child:before {
-webkit-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s; }
.scheme-block ul.red-arrow-list li:first-child:before {
display: none; }
.scheme-block .logo-wrap {
position: relative;
margin-bottom: 60px; }
@media only screen and (max-width: 550px) {
.scheme-block .logo-wrap img {
width: 220px; } }
.scheme-block .logo-wrap .arrow {
top: 30px;
bottom: -90px; }
@media only screen and (max-width: 550px) {
.scheme-block .logo-wrap .arrow {
bottom: -85px; } }
.scheme-block .logo-wrap .arrow > div {
-webkit-transition: all 0.5s linear 1.6s;
transition: all 0.5s linear 1.6s; }
.scheme-block .logo-wrap .arrow:before {
-webkit-transition: all 0.2s linear 1.4s;
transition: all 0.2s linear 1.4s; }
.scheme-block .logo-wrap .arrow:after {
-webkit-transition: all 0.2s linear 2.2s;
transition: all 0.2s linear 2.2s; }
.scheme-block .arrow {
position: absolute;
width: 26px;
top: 10px;
bottom: 0;
left: -40px;
overflow: hidden; }
.scheme-block .arrow > div {
position: absolute;
content: '';
display: block;
width: 100%;
top: 0;
bottom: 100%;
border-left: 2px solid #e31c24;
-webkit-transition: all 0.8s linear 0.2s;
transition: all 0.8s linear 0.2s; }
.scheme-block .arrow:before {
position: absolute;
content: '';
display: block;
top: 0;
right: 0;
width: 0;
border-top: 2px solid #e31c24;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
.scheme-block .arrow:after {
content: '';
background: url("/bitrix/templates/main/css/../img/red-arrow-right.svg") no-repeat 100%/100%;
position: absolute;
left: 0;
bottom: 6px;
width: 26px;
height: 15px;
-webkit-transform: translate(-26px, 0);
-khtml-transform: translate(-26px, 0);
-ms-transform: translate(-26px, 0);
transform: translate(-26px, 0);
-webkit-transition: all 0.4s linear 1s;
transition: all 0.4s linear 1s; }
@media only screen and (max-width: 1200px) {
.scheme-block .arrow:after {
/*bottom: 8px;*/ } }
@media only screen and (max-width: 550px) {
.scheme-block .arrow:after {
/*bottom: 4px;*/ } }
.scheme-block.animate .arrow > div {
bottom: 13px; }
.scheme-block.animate .arrow:before {
width: 100%; }
.scheme-block.animate .arrow:after {
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.scheme-block.animate ul.red-arrow-list li:before {
opacity: 1;
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.workers-benefits.workers-benefits-2 > li > div .header {
background: transparent;
color: #001485;
position: relative; }
.workers-benefits.workers-benefits-2 > li > div .header:before {
position: absolute;
content: '';
display: block;
left: 40px;
right: 40px;
bottom: 0;
height: 1px;
background: #E8E8E8; }
.contacts-block {
width: 42%;
z-index: 10;
position: relative; }
@media only screen and (max-width: 1200px) {
.contacts-block {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.contacts-block {
width: 100%; } }
.contacts-block.open {
width: 100%; }
.contacts-block.open .left-col {
width: 42%; }
@media only screen and (max-width: 1200px) {
.contacts-block.open .left-col {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.contacts-block.open .left-col {
width: 100%; } }
.contacts-block.open .right-col {
display: block; }
.contacts-block:after {
content: '';
display: table;
clear: both; }
.contacts-block .left-col {
width: 100%;
background: #000029; }
@media only screen and (max-width: 1000px) {
.contacts-block .left-col {
margin-bottom: 70px; } }
@media only screen and (max-width: 550px) {
.contacts-block .left-col {
margin: 0;
margin-bottom: 50px; } }
.contacts-block .left-col .header {
padding: 0;
min-height: 0; }
.contacts-block .left-col .header > div {
padding: 65px;
min-height: 100%;
position: relative;
z-index: 3;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 1100px) {
.contacts-block .left-col .header > div {
padding: 40px; } }
@media only screen and (max-width: 900px) {
.contacts-block .left-col .header > div {
padding: 30px 20px; } }
.contacts-block .left-col .header:after {
position: absolute;
content: '';
display: block;
right: 0;
top: 10px;
bottom: 0;
width: 100%;
-webkit-box-shadow: 2px 0 20px rgba(169, 169, 169, 0.4);
box-shadow: 2px 0 20px rgba(169, 169, 169, 0.4); }
.contacts-block .left-col .content {
background: #000029;
color: #fff;
z-index: 4;
padding-top: 20px;
min-height: 0; }
.contacts-block .left-col .content p {
color: #DADEED; }
.contacts-block .left-col .phone {
color: #000;
font-size: 32px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding-bottom: 40px; }
@media only screen and (max-width: 750px) {
.contacts-block .left-col .phone {
font-size: 29px; } }
@media only screen and (max-width: 450px) {
.contacts-block .left-col .phone {
font-size: 26px; } }
.contacts-block .left-col p {
line-height: 30px;
padding-bottom: 25px; }
.contacts-block .left-col h3 {
padding-bottom: 10px;
color: #fff; }
.contacts-block .left-col .button-wrap {
text-align: center; }
.contacts-block .left-col .link-to-scheme {
display: inline-block;
background: #e31c24 url("/bitrix/templates/main/css/../img/map-ico.svg") no-repeat 20px 50%/33px 34px;
padding: 18px 25px 18px 75px;
color: #fff;
font-size: 17px;
text-align: center;
border: none;
position: relative;
bottom: 50px; }
@media only screen and (max-width: 550px) {
.contacts-block .left-col .link-to-scheme {
background: #e31c24 url("/bitrix/templates/main/css/../img/map-ico.svg") no-repeat 10px 50%/23px 24px;
padding: 10px 10px 10px 40px;
font-size: 15px;
bottom: 40px; } }
.contacts-block .left-col a {
color: #DADEED;
border: none; }
.contacts-block .left-col a:hover {
color: #fff; }
.contacts-block .left-col .tab-links {
margin-top: 20px;
color: #DADEED; }
.contacts-block .left-col .tab-links .aloneTab {
font-size: 32px;
padding-bottom: 65px; }
.contacts-block .left-col .tab-links a {
border-bottom: 2px solid #535267; }
.contacts-block .left-col .tab-links a:hover {
border-color: #fff; }
.contacts-block .left-col:after {
display: none; }
.contacts-block .right-col {
width: 58%;
display: none; }
@media only screen and (max-width: 1200px) {
.contacts-block .right-col {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.contacts-block .right-col {
width: 100%; } }
@media only screen and (max-width: 550px) {
.contacts-block .right-col {
margin: 0; } }
@media only screen and (max-width: 550px) {
.contacts-block .right-col .shadow-line {
margin: 0; } }
.contacts-block .right-col .modal-contacts {
padding: 0;
display: none; }
.contacts-block .right-col .modal-contacts .modal-contacts-inner {
padding: 65px;
min-height: 100%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative; }
@media only screen and (max-width: 1100px) {
.contacts-block .right-col .modal-contacts .modal-contacts-inner {
padding: 40px; } }
@media only screen and (max-width: 900px) {
.contacts-block .right-col .modal-contacts .modal-contacts-inner {
padding: 30px 20px; } }
.contacts-block .right-col .modal-contacts .close-btn {
width: 48px;
height: 48px;
line-height: 48px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #fff;
background: #e31c24;
border: none;
font-size: 16px;
position: absolute;
top: 0;
right: 0; }
.contacts-block .right-col .modal-contacts .close-btn:before {
content: '\e903'; }
@media only screen and (max-width: 450px) {
.contacts-block .right-col .modal-contacts .close-btn {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px; } }
.contacts-block .right-col .modal-contacts ul {
margin: 0 -10px;
letter-spacing: -10px; }
.contacts-block .right-col .modal-contacts ul > li {
letter-spacing: normal;
display: inline-block;
width: 33.3333%;
padding: 0 10px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
vertical-align: top; }
@media only screen and (max-width: 1200px) {
.contacts-block .right-col .modal-contacts ul > li {
width: 50%; } }
@media only screen and (max-width: 1000px) {
.contacts-block .right-col .modal-contacts ul > li {
width: 33.3333%; } }
@media only screen and (max-width: 750px) {
.contacts-block .right-col .modal-contacts ul > li {
width: 50%; } }
@media only screen and (max-width: 450px) {
.contacts-block .right-col .modal-contacts ul > li {
width: 100%; } }
.contacts-block .right-col .modal-contacts .name {
font-size: 17px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #000;
padding-bottom: 10px; }
@media only screen and (max-width: 750px) {
.contacts-block .right-col .modal-contacts .name {
font-size: 16px; } }
@media only screen and (max-width: 450px) {
.contacts-block .right-col .modal-contacts .name {
font-size: 15px; } }
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-gallery-wrap {
position: relative; }
.slick-gallery-wrap .slick__nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.slick-gallery-wrap .slick__nav .slick-dots {
display: inline-block;
position: relative;
left: 0;
top: 0;
text-align: left;
-webkit-tap-highlight-color: transparent; }
.slick-gallery-wrap .slick__nav .slick-dots > li {
display: inline-block;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
outline: 0;
width: 18px;
padding: 20px 0;
margin: 0 4px; }
.slick-gallery-wrap .slick__nav .slick-dots > li button {
width: 18px;
height: 2px;
background: #fff;
border: none;
outline: none;
font-size: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.slick-gallery-wrap .slick__nav .slick-dots > li button:hover {
background: #e31c24; }
.slick-gallery-wrap .slick__nav .slick-dots > li.slick-active button {
background: #e31c24;
-webkit-transform: scaleY(2.5);
-khtml-transform: scaleY(2.5);
-ms-transform: scaleY(2.5);
transform: scaleY(2.5); }
.slick-gallery-wrap .slick__nav .slick-dots > li:hover button {
background: #e31c24; }
.slick-gallery-wrap .gallery-arrow {
position: absolute;
width: 144px;
z-index: 30;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
right: -24px;
height: 100%;
top: 0;
cursor: pointer; }
@media only screen and (max-width: 650px) {
.slick-gallery-wrap .gallery-arrow {
width: 100px; } }
@media only screen and (max-width: 550px) {
.slick-gallery-wrap .gallery-arrow {
right: 0;
width: 50px; } }
.slick-gallery-wrap .gallery-arrow span {
display: block;
position: absolute;
top: 50%;
margin-top: -24px;
right: 0;
width: 48px;
height: 48px;
color: #fff;
background: #e31c24;
cursor: pointer;
text-align: center;
vertical-align: middle; }
@media only screen and (max-width: 450px) {
.slick-gallery-wrap .gallery-arrow span {
-webkit-transform-origin: right center;
-khtml-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0.7);
-khtml-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); } }
.slick-gallery-wrap .gallery-arrow span:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90e";
width: 100%;
text-align: center;
top: 14px;
left: 0;
position: absolute;
font-size: 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.slick-gallery-wrap .gallery-arrow span:after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 2px;
background: #fff;
left: 50%;
margin-left: -10px;
top: 50%;
margin-top: -1px;
opacity: 0;
-webkit-transform: translateX(-15px);
-khtml-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.slick-gallery-wrap .gallery-arrow.prev {
left: -24px; }
@media only screen and (max-width: 550px) {
.slick-gallery-wrap .gallery-arrow.prev {
left: 0; } }
.slick-gallery-wrap .gallery-arrow.prev span {
-webkit-transform-origin: left center;
-khtml-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
left: 0; }
.slick-gallery-wrap .gallery-arrow.prev span:before {
content: "\e90f"; }
.slick-gallery-wrap .gallery-arrow.prev span:after {
-webkit-transform: translateX(15px);
-khtml-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px); }
.slick-gallery-wrap .gallery-arrow.prev:hover span:before {
-webkit-transform: translateX(-6px);
-khtml-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px); }
.slick-gallery-wrap .gallery-arrow:hover span:before {
-webkit-transform: translateX(6px);
-khtml-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px); }
.slick-gallery-wrap .gallery-arrow:hover span:after {
opacity: 1;
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.slick-gallery-wrap .gallery-arrow.slick-disabled {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
transition: opacity 0.3s ease-in-out, visibility 0s 0.3s; }
.slick-gallery .img-container {
width: 100%; }
.slick-gallery .img-container img {
display: block;
margin-left: 42%;
margin-right: 0; }
@media only screen and (max-width: 1000px) {
.slick-gallery .img-container img {
margin: 0;
width: 100%;
height: auto; } }
.slick-gallery .img-container.slick-current img {
margin-right: 42%;
margin-left: 0; }
@media only screen and (max-width: 1000px) {
.slick-gallery .img-container.slick-current img {
margin: 0; } }
.slick-gallery .img-container.slick-current + .img-container img {
margin-right: 42%;
margin-left: 0; }
@media only screen and (max-width: 1000px) {
.slick-gallery .img-container.slick-current + .img-container img {
margin: 0; } }
@media only screen and (max-width: 1000px) {
.photo-captions-slick ul > div {
position: absolute;
bottom: -70px;
width: 100%; } }
@media only screen and (max-width: 750px) {
.photo-captions-slick ul > div {
position: relative;
bottom: 0; } }
.margin__wrap {
margin-bottom: 30px; }
.scroll-fade-down {
opacity: 0;
-webkit-transform: translateY(20px);
-khtml-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.scroll-fade-down.visible {
opacity: 1;
-webkit-transform: translateY(0);
-khtml-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
/* 1ad*/
/* Main Header News */
.headerNews {
position: relative;
z-index: 3;
margin-top: -100px; }
.main-wrap .blue-bg.blue-margin {
padding: 47px 0 0 0; }
@media only screen and (max-width: 1340px) {
.main-wrap .blue-bg.blue-margin {
margin-top: -125px; } }
/* Main Header News END */
.saleBanners:after {
clear: both;
display: block;
content: ''; }
.sale-slider {
position: relative;
max-width: 1000px;
float: left; }
@media only screen and (max-width: 1340px) {
.sale-slider {
margin: 0;
float: none;
max-width: 100%; } }
.sale-slider .slick-slide {
display: block; }
@media only screen and (max-width: 550px) {
.sale-slider .slick-slide {
width: 250px; } }
.sale-slider .sale-slide {
background: #fff;
display: block;
border: none;
position: relative;
color: #666666; }
@media only screen and (max-width: 1340px) {
.sale-slider .sale-slide {
background-size: cover;
background-position: center; }
.main-wrap .blue-bg.blue-margin {
padding: 96px 0 0 0; }}
.sale-slider .sale-slide:hover {
color: #000029; }
.sale-slider .sale-slide .bannerCont {
display: block;
min-height: 93px;
position: relative;
padding: 87px 40px 20px 50px;
font-family: BreweryNo2CYR-Heavy; }
@media only screen and (max-width: 1340px) {
.sale-slider .sale-slide .bannerCont {
padding: 87px 40px 20px 40px;
}
}
@media only screen and (max-width: 500px) {
.sale-slider .sale-slide .bannerCont {
padding: 87px 20px 20px 20px;
}
}
.sale-slider .sale-slide .bannerCont:hover .sale-name .arrow {
margin: 0 0 0 20px !important; }
.sale-slider .sale-slide .bannerCont .saleBadge {
position: absolute;
top: 0;
left: 50px;
padding: 5px 9px 4px 13px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
background: #E21C24;
letter-spacing: 6px; }
@media only screen and (max-width: 1340px) {
.sale-slider .sale-slide .bannerCont .saleBadge {
left:40px;
}
}
@media only screen and (max-width: 750px) {
.sale-slider .sale-slide .bannerCont .saleBadge {
left:20px;
}
}
.sale-slider .sale-slide .bannerCont .textWrp {
display: block;
font-size: 0;
list-style: none;
line-height: 0;
margin: 0;
padding: 0;
width: 100%; }
@media only screen and (max-width: 500px) {
.sale-slider .sale-slide .bannerCont .textWrp {
width: auto;
position: absolute;
left: 20px;
bottom: 20px;
right: 20px;
}
}
.sale-slider .sale-slide .bannerCont .textWrp:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 0;
visibility: hidden;
width: 100%; }
.sale-slider .sale-slide .bannerCont .textWrp .sale-name {
font-size: 36px;
color: #fff;
display: inline-block;
line-height: 1.3;
vertical-align: middle;
position: absolute;
left: 50px;
bottom: 20px;
text-align: left;
width: 50%; }
@media only screen and (max-width: 1340px) {
.sale-slider .sale-slide .bannerCont .textWrp .sale-name {
font-size:32px;
line-height:1.3;
left: 40px;
} }
@media only screen and (max-width: 750px) {
.sale-slider .sale-slide .bannerCont .textWrp .sale-name {
left:20px;
font-size:24px;
line-height:1.3;
} }
@media only screen and (max-width: 500px) {
.sale-slider .sale-slide .bannerCont .textWrp .sale-name {
left:0;
bottom:0;
font-size:18px;
line-height:1.3;
position:relative;
width:auto;
} }
.sale-slider .sale-slide .bannerCont .textWrp .sale-name .arrow {
margin: 0 0 0 15px;
position: relative;
top: -1px;
font-size: 20px;
font-family: 'icomoon';
color: #e31c24;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media only screen and (max-width: 500px) {
.sale-slider .sale-slide .bannerCont .textWrp .sale-name .arrow {
font-size:10px;
}
}
.sale-slider .sale-slide .bannerCont .textWrp .previewText {
font-size: 36px;
font-family: BreweryNo2CYR-Light;
color: #fff;
display: inline-block;
line-height: 1.3;
vertical-align: bottom;
position: absolute;
right: 40px;
bottom: 20px;
width: 40%;
text-align: right; }
@media only screen and (max-width: 1340px) {
.sale-slider .sale-slide .bannerCont .textWrp .previewText {
font-size:32px;
line-height:1.3;
} }
@media only screen and (max-width: 750px) {
.sale-slider .sale-slide .bannerCont .textWrp .previewText {
right:20px;
font-size:24px;
line-height:1.3;
} }
@media only screen and (max-width: 500px) {
.sale-slider .sale-slide .bannerCont .textWrp .previewText {
padding:10px 0 0 0;
right:0;
bottom:0;
font-size:18px;
line-height:1.3;
position:relative;
width:auto;
} }
.saleSliderControls {
text-align: center;
float: left;
background: #fff;
width: 300px;
height: 50px;
padding: 55px 0 45px;
margin: 50px 0 100px 0;
position: relative;
z-index: 1;
font-family: BreweryNo2CYR-Heavy; }
@media only screen and (max-width: 1340px) {
.saleSliderControls {
float: none;
width: 100%;
padding: 15px 0;
margin: 0 0 100px 0;
} }
@media only screen and (max-width: 750px) {
.saleSliderControls {
padding:0;
margin: 0 0 50px 0;
} }
.saleSliderControls .saleSliderPagen {
font-size: 40px;
color: #001484; }
@media only screen and (max-width: 1340px) {
.saleSliderControls .saleSliderPagen {
font-size: 30px;
}
}
@media only screen and (max-width: 750px) {
.saleSliderControls .saleSliderPagen {
font-size: 20px;
}
}
.saleSliderControls .slick-arrow {
width: 48px;
height: 48px;
cursor: pointer;
border: none;
background: transparent;
font-size: 32px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 48px;
text-align: center;
color: #E7E7E7;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0s;
text-indent: -4px;
outline: none;
padding: 0;
z-index: 20; }
@media only screen and (max-width: 1340px) {
.saleSliderControls .slick-arrow {
font-size: 24px;
}
}
@media only screen and (max-width: 750px) {
.saleSliderControls .slick-arrow {
font-size: 15px;
}
}
.saleSliderControls .slick-arrow.slick-disabled {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s; }
.saleSliderControls .slick-arrow:hover {
/*color: #001484;*/
color: #e31c24;
/*background: $redColor;*/ }
.saleSliderControls .slick-arrow.slick-next {
text-indent: 2px;
left: auto;
right: -48px; }
@media only screen and (max-width: 1340px) {
.saleSliderControls .slick-arrow.slick-next {
right: 0; } }
@media only screen and (max-width: 550px) {
.saleSliderControls .slick-arrow.slick-next {
right: 5px; } }
section.newsSubscribeForm {
padding: 65px 65px 0;
position: absolute;
left: 50%;
margin: 0 20px 0 0;
z-index: 1; }
section.newsSubscribeForm:after {
position: absolute;
content: '';
display: block;
z-index: 1;
width: 90%;
-webkit-box-shadow: 0 8px 30px rgba(0, 0, 41, 0.7);
box-shadow: 0 8px 30px rgba(0, 0, 41, 0.7);
bottom: 0;
left: 5%;
height: 75px;
border-radius: 20px; }
@media only screen and (max-width: 1100px) {
section.newsSubscribeForm {
padding: 40px 40px 0; } }
@media only screen and (max-width: 900px) {
section.newsSubscribeForm {
padding: 30px 20px 0 20px; } }
@media only screen and (max-width: 650px) {
section.newsSubscribeForm {
margin: 0;
position: relative;
left: auto; } }
@media only screen and (max-width: 550px) {
section.newsSubscribeForm {
margin: 0 -20px; } }
section.newsSubscribeForm .subscribeForm h3 {
font-size: 34px;
font-weight: bold;
color: #ffffff; }
@media only screen and (max-width: 1340px) {
section.newsSubscribeForm .subscribeForm h3 {
font-size: 25px; } }
section.newsSubscribeForm .checkbox-wrap .jq-checkbox {
top: auto; }
section.newsSubscribeForm .feedbackform-error, section.newsSubscribeForm .feedbackform-success {
top: auto;
position: relative; }
section.newsSubscribeForm .feedbackform-error p, section.newsSubscribeForm .feedbackform-success p {
padding-bottom: 10px; }
.footerSubscribeForm {
max-width: 280px;
float: right; }
@media only screen and (max-width: 1000px) {
.footerSubscribeForm {
float: none;
max-width: 100%;
padding: 20px 0 0 0;
clear: both; } }
.subscribeForm h3 {
font-size: 11px;
color: #8c8c8c;
font-weight: normal;
padding-bottom: 10px; }
.subscribeForm label {
text-transform: none; }
.subscribeForm .text-input {
font-size: 16px; }
.subscribeForm .form-line {
padding-bottom: 15px; }
.subscribeForm .form-line label {
font-size: 16px; }
.subscribeForm .submitSubscribe {
background: none;
border: 0;
position: absolute;
right: 0;
top: 14px;
color: #414154;
font-family: icomoon;
font-size: 16px; }
.subscribeForm .checkbox-wrap .jq-checkbox {
margin-right: 0;
top: 3px;
float: left; }
.subscribeForm .checkbox-wrap .jq-checkbox .jq-checkbox__div:after {
background: url("/bitrix/templates/main/css/../img/checkbox-check-grey.svg") no-repeat 100%/100%; }
.subscribeForm .checkbox-wrap .jq-checkbox.checked {
border-color: #414154; }
.subscribeForm .checkbox-wrap label {
color: #414154 !important;
font-size: 11px;
display: block;
margin: 0 0 0 25px; }
.subscribeForm .feedbackform-error, .subscribeForm .feedbackform-success {
position: absolute;
font-size: 10px;
top: 75px; }
/*# sourceMappingURL=/bitrix/templates/main/css/styles.css.map */
.blue-bg.blue-margin {
margin-top: -80px;
}
@media only screen and (min-width: 1280px) {
.news-slider .news-slide .news-name {
margin-left: 72px;
}
.news-slider.headerSlider .news-slide {
background: rgba(0, 0, 0, .1);
}
.headerNews {
position: absolute;
z-index: -1;
margin-top: 0;
top: 211px;
right: 20px;
width: 355px;
}
.news-slider .news-slide .date {
width: 71px;
}
.news-slider .news-slide:after {
left: 71px;
}
.headerNews .slick-list {
height: 243px ! important;
overflow: hidden ! important;
}
.news-slider.headerSlider .news-name {
padding: 15px;
/*height: 42px;
overflow: hidden;*/
}
.news-slider.headerSlider .news-slide .date {
color: #fff;
}
.saleBanners {
position: relative;
z-index: 77;
margin-top: -206px;
}
.news-slider .slick-arrow.slick-next, .news-slider .slick-arrow.slick-prev {
right: auto;
left: 50%;
margin-left: -24px;
}
.news-slider .slick-arrow.slick-prev {
top: -30px;
transform: rotate(90deg);
}
.news-slider .slick-arrow.slick-next {
top: auto;
bottom: -54px;
transform: rotate(90deg);
}
.sale-slider {
height: 200px ! important;
overflow: hidden;
}
.sale-slider .sale-slide {
min-width: 1000px;
}
}
@media (min-width: 1280px) and (max-width: 1380px) {
.headerNews {
top: 253px;
}
.saleBanners {
position: relative;
z-index: 77;
margin-top: -150px;
}
}
@media only screen and (max-width: 550px) {
.news-slider .news-slide .date {
padding: 10px 15px 0;
}
.news-slider.headerSlider .news-name {
padding: 10px;
height: 22px;
}
}
@media (min-width: 1380px) and (max-width: 1600px) {
.headerNews {
top: 297px;
}
.saleBanners {
position: relative;
z-index: 77;
margin-top: -160px;
}
}
.sale-slider .sale-slide .bannerCont {
padding: 43px 40px 20px 50px;
}
.saleSliderControls {
padding: 32px 0 41px;
margin: 33px 0 100px 0;
}
.sale-slider .sale-slide .bannerCont .textWrp .sale-name {
font-size: 32px;
}
.header__city {
margin-bottom: 10px;
}
footer .contacts .header__city > a {
border-bottom: 1px dashed;
display: inline-block;
line-height: 12px;
margin: 0 0px;
text-transform: lowercase;
}
.cities > li {
margin-bottom: 10px;
}
.t_modals {
display: none;
}
#modalcities {
width: 300px;
}
#modalcities, #modalcities a {
color: #fff;
}
.top-menu {
max-width: 840px;
}
.right-position {
max-width: 250px;
}
header .right-position .phone {
margin-top: 8px;
}
header .right-position .phone small {
font-size: 10px;
}
#modalcities > header {
padding-bottom: 20px;
font-size: 25px;
}
.fancybox-close, .fancybox-close:link, .fancybox-close:visited {
position: absolute;
}
.right-position {
display: flex;
}
.lang-custom {
margin-top: 27px;
margin-right: 25px;
}
.lang-custom li {
display: inline-block;
}
.lang-custom li a {
color: #000;
font-size: 11px;
letter-spacing: 1.4px;
text-transform: uppercase;
border: none;
}
.lang-custom li a:hover {
color: #e31c24;
}

/* Architects showcase — override legacy slick-gallery offsets (margin-left:42%) */
.architects-page .architects-showcase__layout {
display: flex !important;
align-items: stretch;
min-height: 400px;
overflow: hidden;
}
.architects-page .architects-showcase__media {
position: relative;
flex: 1.12 1 0;
min-width: 0;
min-height: 400px;
float: none !important;
margin-bottom: 0 !important;
overflow: hidden;
}
.architects-page .architects-showcase__panel {
float: none !important;
width: auto !important;
max-width: 46%;
flex: 0.88 1 300px;
margin: 0 !important;
margin-top: 0 !important;
display: flex !important;
}
.architects-page .architects-showcase .slick-gallery .img-container img,
.architects-page .architects-showcase .slick-gallery .img-container.slick-current img,
.architects-page .architects-showcase .slick-gallery .img-container.slick-current + .img-container img {
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
transform: none !important;
}

/* Architects page — intro block (works without custom.css) */
.architects-page {
background: #f3f6fb;
color: #0b1a4a;
}
.architects-page .architects-intro {
background: linear-gradient(180deg, #fff 0%, #f8fbff 55%, #f3f6fb 100%);
padding: 12px 0 36px;
}
.architects-page .architects-intro h1 {
max-width: 1180px;
margin: 0 auto 32px;
padding: 0 40px;
color: #0b1a4a;
font-size: 44px;
font-weight: 700;
line-height: 1.1;
}
.architects-page .architects-intro .big-icons {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
max-width: 1180px;
margin: 0 auto;
padding: 0 40px 4px;
list-style: none;
}
.architects-page .architects-intro .big-icons > li,
.architects-page .architects-intro .big-icons > li.w33 {
display: block;
width: 100%;
padding: 30px 26px;
box-sizing: border-box;
background: #fff;
border: 1px solid rgba(0, 20, 133, 0.08);
border-radius: 16px;
text-align: center;
font-size: 16px;
}
.architects-page .architects-intro .big-icons > li .ico {
display: block;
margin: 0 auto 20px;
}
.architects-page .architects-intro .big-icons > li p {
margin: 0;
color: #5a6b8c;
font-size: 16px;
line-height: 1.62;
}
.architects-page .architects-portfolio {
max-width: 1180px;
margin: 0 auto;
padding: 4px 40px 0;
box-sizing: border-box;
}
.architects-page .architects-showcase__panel.photo-captions-slick ul > div {
position: relative !important;
bottom: auto !important;
width: 100% !important;
}
.architects-page .architects-showcase__panel ul li.active {
position: relative !important;
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.architects-page .architects-showcase__card {
padding: 36px 32px;
box-sizing: border-box;
}

/* End */


/* Start:/bitrix/templates/main/components/bitrix/menu/top-menu/style.min.css?1783208190490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/main/components/bitrix/menu/top-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?1783208186297*/
.phone__mail a {
    color: #001485 ! important;
    text-decoration: none ! important;
    border-bottom: 2px solid #cfd6fc ! important;
}
.contacts-block .left-col .phone, .contacts-block .left-col .phone:hover,  .contacts-block .left-col .phone:visited {
    padding-bottom: 25px ! important;
}
/* End */
/* /bitrix/templates/main/css/styles-compressed-full.css?1783208187260539 */
/* /bitrix/templates/main/components/bitrix/menu/top-menu/style.min.css?1783208190490 */
/* /bitrix/templates/main/template_styles.css?1783208186297 */