/* Start:/bitrix/templates/main/plugins/jqueryui/jquery-ui.min.css?16807959405106*/
/*! jQuery UI - v1.12.1 - 2016-12-08
* http://jqueryui.com
* Includes: core.css, datepicker.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
/* End */
/* Start:/bitrix/templates/main/plugins/slick/slick.css?16807959404092*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* End */
/* Start:/bitrix/templates/main/css/normalize.pack.css?16807959402519*/
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:0}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-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}
/* End */
/* Start:/bitrix/templates/main/plugins/fancybox/jquery.fancybox.css?16807959404933*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/bitrix/templates/main/plugins/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/bitrix/templates/main/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/bitrix/templates/main/plugins/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
/*overflow: hidden !important;*/
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/bitrix/templates/main/plugins/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
/*overflow-y: scroll;*/
background: rgba(0,0,0,0.6);
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/bitrix/templates/main/plugins/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('/bitrix/templates/main/plugins/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* End */
/* Start:/bitrix/templates/main/plugins/formstyler/jquery.formstyler.css?168079594010249*/
.jq-checkbox {
top: -1px;
width: 13px;
height: 13px;
border: 1px solid #C3C3C3;
border-radius: 3px;
background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
vertical-align: middle;
cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
width: 9px;
height: 9px;
margin: 2px 0 0 2px;
border-radius: 2px;
background: #666;
box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.focused {
border: 1px solid #08C;
}
.jq-checkbox.disabled {
opacity: 0.55;
filter: alpha(opacity=55);
}
.jq-radio {
width: 12px;
height: 12px;
border: 1px solid #C3C3C3;
border-radius: 50%;
background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
vertical-align: middle;
cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
width: 6px;
height: 6px;
margin: 3px 0 0 3px;
border-radius: 50%;
background: #666;
}
.jq-radio.focused {
border: 1px solid #08C;
}
.jq-radio.disabled {
opacity: 0.55;
filter: alpha(opacity=55);
}
.jq-file {
width: 270px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
border-radius: 4px;
}
.jq-file input {
cursor: pointer;
height: auto;
line-height: 1em;
}
.jq-file__name {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 32px;
padding: 0 80px 0 10px;
color: #333;
font: 14px/30px Arial, sans-serif;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1;
background: #FFF;
}
.focused .jq-file__name {
border: 1px solid #5794BF;
}
.jq-file__browse {
position: absolute;
top: 1px;
right: 1px;
padding: 0 10px;
border-left: 1px solid #CCC;
border-radius: 0 4px 4px 0;
background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
color: #333;
text-shadow: 1px 1px #FFF;
font: 14px/30px Arial, sans-serif;
}
.jq-file:hover .jq-file__browse {
background-color: #E6E6E6;
background-position: 0 -10px;
}
.jq-file:active .jq-file__browse {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.disabled .jq-file__name {
color: #888;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-selectbox {
vertical-align: middle;
cursor: pointer;
}
.jq-selectbox__select {
height: 30px;
padding: 0 45px 0 10px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #F5F5F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
color: #333;
text-shadow: 1px 1px #FFF;
font: 14px/30px Arial, sans-serif;
}
.jq-selectbox__select:hover {
background-color: #E6E6E6;
background-position: 0 -10px;
}
.jq-selectbox__select:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-selectbox__select-text {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jq-selectbox__trigger {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 100%;
border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
position: absolute;
top: 14px;
right: 12px;
width: 0;
height: 0;
overflow: hidden;
border-top: 5px solid #000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
opacity: 0.3;
filter: alpha(opacity=30);
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
opacity: 1;
filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
opacity: 0.3;
filter: alpha(opacity=30);
}
.jq-selectbox__dropdown {
top: 33px;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 1px solid #CCC;
border-radius: 4px;
background: #FFF;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
margin: 5px;
}
.jq-selectbox__search input {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 27px 6px 8px;
outline: none;
border: 1px solid #CCC;
border-radius: 3px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
box-shadow: inset 1px 1px #F1F1F1;
color: #333;
-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__not-found {
margin: 5px;
padding: 5px 8px 6px;
background: #F0F0F0;
font-size: 13px;
}
.jq-selectbox ul {
margin: 0;
padding: 0;
}
.jq-selectbox li {
min-height: 18px;
padding: 5px 10px 6px;
color: #231F20;
}
.jq-selectbox li.selected {
background-color: #A3ABB1;
color: #FFF;
}
.jq-selectbox li:hover {
background-color: #08C;
color: #FFF;
}
.jq-selectbox li.disabled {
color: #AAA;
}
.jq-selectbox li.disabled:hover {
background: none;
}
.jq-selectbox li.optgroup {
font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
background: none;
color: #231F20;
cursor: default;
}
.jq-selectbox li.option {
padding-left: 25px;
}
.jq-select-multiple {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
background: #FFF;
color: #333;
font: 14px/18px Arial, sans-serif;
cursor: default;
}
.jq-select-multiple.focused {
border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
.jq-select-multiple ul {
margin: 0;
padding: 0;
}
.jq-select-multiple li {
padding: 3px 9px 4px;
list-style: none;
}
.jq-select-multiple li:first-child {
border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
background: #08C;
color: #FFF;
}
.jq-select-multiple li.disabled {
color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
background: #CCC;
color: #FFF;
}
.jq-select-multiple li.optgroup {
font-weight: bold;
}
.jq-select-multiple li.option {
padding-left: 25px;
}
input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
padding: 7px 9px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
color: #333;
font: 14px Arial, sans-serif;
}
input[type="search"].styler {
-webkit-appearance: none;
}
textarea.styler {
overflow: auto;
}
input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
border-color: #B3B3B3;
}
input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus {
border-color: #CCC;
border-top-color: #B3B3B3;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
outline: none;
}
button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
overflow: visible;
padding: 7px 11px;
outline: none;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
color: #333;
text-shadow: 1px 1px #FFF;
font: 14px Arial, sans-serif;
cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner {
padding: 0;
border: 0;
}
button.styler:after {
content: '';
}
button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover,
input[type="reset"].styler:hover {
background-color: #E6E6E6;
background-position: 0 -10px;
}
button.styler:not([disabled]):active,
input[type="button"].styler:not([disabled]):active,
input[type="submit"].styler:not([disabled]):active,
input[type="reset"].styler:active {
background: #F5F5F5;
box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
border-color: #CCC;
background: #F5F5F5;
box-shadow: none;
color: #888;
}
/* End */
/* Start:/bitrix/templates/main/css/fonts.css?17294980772914*/
/* ==========================================================================
Файл для подключения шрифтов
Генератор шрифтов - http://www.fontsquirrel.com/tools/webfont-generator
========================================================================== */
@font-face {
font-family:'Gotham Pro';
src:
url('/bitrix/templates/main/css/../fonts/GothamPro.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/GothamPro.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/GothamPro.svg#GothamPro') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}
/*@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/GothamPro.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/GothamPro.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/GothamPro.svg#GothamPro') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}*/
@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/Stem-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/css/../fonts/Stem-Bold.otf') format('opentype'),
url('/bitrix/templates/main/css/../fonts/Stem-Bold.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/Stem-Bold.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/Stem-Bold.svg#Stem-Bold') format('svg');
font-weight:bold;
font-style:normal;
font-display: swap;
}
@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/Stem-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/css/../fonts/Stem-Italic.otf') format('opentype'),
url('/bitrix/templates/main/css/../fonts/Stem-Italic.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/Stem-Italic.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/Stem-Italic.svg#Stem-Italic') format('svg');
font-weight:normal;
font-style:italic;
font-display: swap;
}
@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/Stem-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/css/../fonts/Stem-Light.otf') format('opentype'),
url('/bitrix/templates/main/css/../fonts/Stem-Light.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/Stem-Light.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/Stem-Light.svg#Stem-Light') format('svg');
font-weight:300;
font-style:normal;
font-display: swap;
}
@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/Stem-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/css/../fonts/Stem-LightItalic.otf') format('opentype'),
url('/bitrix/templates/main/css/../fonts/Stem-LightItalic.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/Stem-LightItalic.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/Stem-LightItalic.svg#Stem-LightItalic') format('svg');
font-weight:300;
font-style:italic;
font-display: swap;
}
@font-face {
font-family:'Stem';
src: url('/bitrix/templates/main/css/../fonts/Stem-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/css/../fonts/Stem-Regular.otf') format('opentype'),
url('/bitrix/templates/main/css/../fonts/Stem-Regular.woff') format('woff'), url('/bitrix/templates/main/css/../fonts/Stem-Regular.ttf') format('truetype'), url('/bitrix/templates/main/css/../fonts/Stem-Regular.svg#Stem-LightItalic') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}
/* End */
/* Start:/bitrix/templates/main/css/css3.css?168079594025718*/
/* ==========================================================================
CSS3
========================================================================== */
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.transition,
.transition *,
.transition:before,
.transition *:before,
.transition:after,
.transition *:after {
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.module-portfolio-navigation a .img {
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
.module-portfolio-navigation a:hover .img {
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-ms-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;
}
.rotate-90 {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform-origin:left top;
-moz-transform-origin:left top;
-ms-transform-origin:left top;
-o-transform-origin:left top;
transform-origin:left top;
}
.block-about-slider .block-slider .right .caroufredsel .slide .title {
-webkit-transform:rotate(-90deg) translateX(-100%);
-moz-transform:rotate(-90deg) translateX(-100%);
-ms-transform:rotate(-90deg) translateX(-100%);
-o-transform:rotate(-90deg) translateX(-100%);
transform:rotate(-90deg) translateX(-100%);
-webkit-transform-origin:left top;
-moz-transform-origin:left top;
-ms-transform-origin:left top;
-o-transform-origin:left top;
transform-origin:left top;
}
.block-main-banner .block-video video {
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle {
-webkit-transition:background 0.2s ease-out;
-moz-transition:background 0.2s ease-out;
-ms-transition:background 0.2s ease-out;
-o-transition:background 0.2s ease-out;
transition:background 0.2s ease-out;
}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle:before {
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
}
.block-second-banner h1 {
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
/* Animations */
.animate-opacity {
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
.animate-opacity.animated {
-webkit-transition:all 0.6s cubic-bezier(0.42, 0, 0.09, 0.98) 0.1s;
-moz-transition:all 0.6s cubic-bezier(0.42, 0, 0.09, 0.98) 0.1s;
-ms-transition:all 0.6s cubic-bezier(0.42, 0, 0.09, 0.98) 0.1s;
-o-transition:all 0.6s cubic-bezier(0.42, 0, 0.09, 0.98) 0.1s;
transition:all 0.6s cubic-bezier(0.42, 0, 0.09, 0.98) 0.1s;
}
.module-portfolio-list .animate-opacity.animated {
-webkit-transition:all 0.6s ease 0.1s;
-moz-transition:all 0.6s ease 0.1s;
-ms-transition:all 0.6s ease 0.1s;
-o-transition:all 0.6s ease 0.1s;
transition:all 0.6s ease 0.1s;
}
.animate-opacity.delay-01.animated {
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-ms-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;
}
.animate-opacity.delay-02.animated {
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}
.animate-opacity.delay-03.animated {
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-ms-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
}
.animate-opacity.delay-04.animated {
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-ms-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}
.animate-opacity.delay-05.animated {
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-ms-transition-delay:0.5s;
-o-transition-delay:0.5s;
transition-delay:0.5s;
}
.animate-opacity.delay-06.animated {
-webkit-transition-delay:0.6s;
-moz-transition-delay:0.6s;
-ms-transition-delay:0.6s;
-o-transition-delay:0.6s;
transition-delay:0.6s;
}
.animate-opacity.delay-07.animated {
-webkit-transition-delay:0.7s;
-moz-transition-delay:0.7s;
-ms-transition-delay:0.7s;
-o-transition-delay:0.7s;
transition-delay:0.7s;
}
.animate-opacity.delay-08.animated {
-webkit-transition-delay:0.8s;
-moz-transition-delay:0.8s;
-ms-transition-delay:0.8s;
-o-transition-delay:0.8s;
transition-delay:0.8s;
}
.animate-opacity.delay-09.animated {
-webkit-transition-delay:0.9s;
-moz-transition-delay:0.9s;
-ms-transition-delay:0.9s;
-o-transition-delay:0.9s;
transition-delay:0.9s;
}
.animate-opacity.delay-1.animated {
-webkit-transition-delay:1s;
-moz-transition-delay:1s;
-ms-transition-delay:1s;
-o-transition-delay:1s;
transition-delay:1s;
}
.animate-opacity.delay-11.animated {
-webkit-transition-delay:1.1s;
-moz-transition-delay:1.1s;
-ms-transition-delay:1.1s;
-o-transition-delay:1.1s;
transition-delay:1.1s;
}
.animate-opacity.delay-12.animated {
-webkit-transition-delay:1.2s;
-moz-transition-delay:1.2s;
-ms-transition-delay:1.2s;
-o-transition-delay:1.2s;
transition-delay:1.2s;
}
.block-main-work .block-animation-number {
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transition:opacity 0.3s ease-out;
-moz-transition:opacity 0.3s ease-out;
-ms-transition:opacity 0.3s ease-out;
-o-transition:opacity 0.3s ease-out;
transition:opacity 0.3s ease-out;
}
.animate-line.animated .line.line-top {
-webkit-transition:background .4s ease, width .4s ease-out .4s;
-moz-transition:background .4s ease, width .4s ease-out .4s;
-ms-transition:background .4s ease, width .4s ease-out .4s;
-o-transition:background .4s ease, width .4s ease-out .4s;
transition:background .4s ease, width .4s ease-out .4s;
width:100%;
}
.animate-line.animated .line.line-right {
-webkit-transition:background .4s ease, height .4s ease-out .8s;
-moz-transition:background .4s ease, height .4s ease-out .8s;
-ms-transition:background .4s ease, height .4s ease-out .8s;
-o-transition:background .4s ease, height .4s ease-out .8s;
transition:background .4s ease, height .4s ease-out .8s;
height:100%;
}
.animate-line.animated .line.line-bottom {
-webkit-transition:background .4s ease, width .4s ease-out 1.2s;
-moz-transition:background .4s ease, width .4s ease-out 1.2s;
-ms-transition:background .4s ease, width .4s ease-out 1.2s;
-o-transition:background .4s ease, width .4s ease-out 1.2s;
transition:background .4s ease, width .4s ease-out 1.2s;
width:100%;
}
.animate-line.animated .line.line-left {
-webkit-transition:background .4s ease, height .4s ease-out 1.6s;
-moz-transition:background .4s ease, height .4s ease-out 1.6s;
-ms-transition:background .4s ease, height .4s ease-out 1.6s;
-o-transition:background .4s ease, height .4s ease-out 1.6s;
transition:background .4s ease, height .4s ease-out 1.6s;
height:100%;
}
.animate-line.fast.animated .line.line-top {
-webkit-transition:background .3s ease, width .3s ease-out .4s;
-moz-transition:background .3s ease, width .3s ease-out .4s;
-ms-transition:background .3s ease, width .3s ease-out .4s;
-o-transition:background .3s ease, width .3s ease-out .4s;
transition:background .3s ease, width .3s ease-out .4s;
}
.animate-line.fast.animated .line.line-right {
-webkit-transition:background .3s ease, height .3s ease-out .7s;
-moz-transition:background .3s ease, height .3s ease-out .7s;
-ms-transition:background .3s ease, height .3s ease-out .7s;
-o-transition:background .3s ease, height .3s ease-out .7s;
transition:background .3s ease, height .3s ease-out .7s;
}
.animate-line.fast.animated .line.line-bottom {
-webkit-transition:background .3s ease, width .3s ease-out 1.0s;
-moz-transition:background .3s ease, width .3s ease-out 1.0s;
-ms-transition:background .3s ease, width .3s ease-out 1.0s;
-o-transition:background .3s ease, width .3s ease-out 1.0s;
transition:background .3s ease, width .3s ease-out 1.0s;
}
.animate-line.fast.animated .line.line-left {
-webkit-transition:background .3s ease, height .3s ease-out 1.3s;
-moz-transition:background .3s ease, height .3s ease-out 1.3s;
-ms-transition:background .3s ease, height .3s ease-out 1.3s;
-o-transition:background .3s ease, height .3s ease-out 1.3s;
transition:background .3s ease, height .3s ease-out 1.3s;
}
.module-portfolio-list .row .cell .img img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-webkit-backface-visibility: hidden;
-webkit-transition:all 0.6s ease-out 0.1s;
-moz-transition:all 0.6s ease-out 0.1s;
-ms-transition:all 0.6s ease-out 0.1s;
-o-transition:all 0.6s ease-out 0.1s;
transition:all 0.6s ease-out 0.1s;
}
.module-portfolio-list .row .cell .content {
-webkit-transition:all 0.3s ease-out 0.3s;
-moz-transition:all 0.3s ease-out 0.3s;
-ms-transition:all 0.3s ease-out 0.3s;
-o-transition:all 0.3s ease-out 0.3s;
transition:all 0.3s ease-out 0.3s;
-webkit-transform:scale3d(1.4, 1.4, 1);
-moz-transform:scale3d(1.4, 1.4, 1);
-ms-transform:scale3d(1.4, 1.4, 1);
-o-transform:scale3d(1.4, 1.4, 1);
transform:scale3d(1.4, 1.4, 1);
}
.module-portfolio-list .row .cell .content .text .name,
.module-portfolio-list .row .cell .content .text .area,
.module-portfolio-list .row .cell .content .text .more {
-webkit-transform:translateY(22px);
-moz-transform:translateY(22px);
-ms-transform:translateY(22px);
-o-transform:translateY(22px);
transform:translateY(22px);
}
.module-portfolio-list .row .cell .content .text .name {
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-ms-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;
}
.module-portfolio-list .row .cell:hover .img img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition:all 0.78s ease-out;
-moz-transition:all 0.78s ease-out;
-ms-transition:all 0.78s ease-out;
-o-transition:all 0.78s ease-out;
transition:all 0.78s ease-out;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.module-portfolio-list .row .cell:hover .content {
-webkit-transition:opacity 0.7s 0.1s, transform 0.4s 0.1s;
-moz-transition:opacity 0.7s 0.1s, transform 0.4s 0.1s;
-ms-transition:opacity 0.7s 0.1s, transform 0.4s 0.1s;
-o-transition:opacity 0.7s 0.1s, transform 0.4s 0.1s;
transition:opacity 0.7s 0.1s, transform 0.4s 0.1s;
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
.module-portfolio-list .row .cell:hover .content .text .name,
.module-portfolio-list .row .cell:hover .content .text .area,
.module-portfolio-list .row .cell:hover .content .text .more {
-webkit-transition:opacity 0.3s 0.48s, transform 0.3s 0.48s;
-moz-transition:opacity 0.3s 0.48s, transform 0.3s 0.48s;
-ms-transition:opacity 0.3s 0.48s, transform 0.3s 0.48s;
-o-transition:opacity 0.3s 0.48s, transform 0.3s 0.48s;
transition:opacity 0.3s 0.48s, transform 0.3s 0.48s;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
.module-portfolio-list .row .cell:hover .content .text .area,
.module-portfolio-list .row .cell:hover .content .text .more {
-webkit-transition:opacity 0.3s 0.4s, transform 0.3s 0.4s;
-moz-transition:opacity 0.3s 0.4s, transform 0.3s 0.4s;
-ms-transition:opacity 0.3s 0.4s, transform 0.3s 0.4s;
-o-transition:opacity 0.3s 0.4s, transform 0.3s 0.4s;
transition:opacity 0.3s 0.4s, transform 0.3s 0.4s;
}
.animate-img.animated img {
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
animation-fill-mode:forwards;
animation-duration:1.5s;
animation-delay:0.6s;
animation-name:animate-img;
}
.animate-img.animated .animate-img-bg {
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
animation-fill-mode:forwards;
animation-duration:1.5s;
animation-delay:0.6s;
animation-name:animate-img-bg;
}
@-webkit-keyframes animate-img {
0% {top:-100%; left:-100%;}
33% {top:0px; left:-100%;}
66% {top:0px; left:0px;}
100% {top:0px; left:0px;}
}
@keyframes animate-img {
0% {top:-100%; left:-100%;}
33% {top:0px; left:-100%;}
66% {top:0px; left:0px;}
100% {top:0px; left:0px;}
}
@-webkit-keyframes animate-img-bg {
0% {top:-100%; left:0px; width:3px;}
33% {top:0px; left:0px; width:3px;}
66% {top:0px; left:0px; width:100%;}
100% {top:0px; left:100%; width:100%;}
}
@keyframes animate-img-bg {
0% {top:-100%; left:0px; width:3px;}
33% {top:0px; left:0px; width:3px;}
66% {top:0px; left:0px; width:100%;}
100% {top:0px; left:100%; width:100%;}
}
/* " " */
.animate-img-main-about.animated img {
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
animation-fill-mode:forwards;
animation-duration:1.5s;
animation-delay:0.7s;
animation-name:animate-img;
}
.animate-img-main-about.animated {
-webkit-transition:all 0s ease 1.825s;
-moz-transition:all 0s ease 1.825s;
-ms-transition:all 0s ease 1.825s;
-o-transition:all 0s ease 1.825s;
transition:all 0s ease 1.825s;
}
.animate-img-main-about.animated .animate-img-bg {
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
animation-fill-mode:forwards;
animation-duration:1.5s;
animation-delay:0.7s;
animation-name:animate-img-bg;
}
.block-main-about .block-img .angle,
.block-main-about .block-img .more {
-webkit-transition:opacity 0.3s ease 2.125s, background 0.2s ease;
-moz-transition:opacity 0.3s ease 2.125s, background 0.2s ease;
-ms-transition:opacity 0.3s ease 2.125s, background 0.2s ease;
-o-transition:opacity 0.3s ease 2.125s, background 0.2s ease;
transition:opacity 0.3s ease 2.125s, background 0.2s ease;
}
/* */
.animate-img-main-grayscale img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden;
-webkit-transition:all 1s ease-out 0s;
-moz-transition:all 1s ease-out 0s;
-ms-transition:all 1s ease-out 0s;
-o-transition:all 1s ease-out 0s;
transition:all 1s ease-out 0s;
}
.animate-img-main-grayscale.animated img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.block-main-work .blocks .block .img-wrap.animate-img-main {
-webkit-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-moz-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-ms-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-o-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
}
.block-main-work .blocks .block .img-wrap.animate-img-main img {
-webkit-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-moz-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-ms-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
-o-transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
transition:all 0.7s cubic-bezier(0.43, 0.01, 0.01, 0.99) 0s;
}
/* */
.block-main-clients .table .table-row .table-cell img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-backface-visibility: hidden;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
transition:all 0.5s ease-out 0s;
}
.block-main-clients .table .table-row .table-cell:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/* */
.module-menu-white {
-webkit-transition:all 0.3s ease-in 0.3s;
-moz-transition:all 0.3s ease-in 0.3s;
-ms-transition:all 0.3s ease-in 0.3s;
-o-transition:all 0.3s ease-in 0.3s;
transition:all 0.3s ease-in 0.3s;
}
.module-menu-white.open {
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.module-menu {
-webkit-transition:all 0.6s ease-in;
-moz-transition:all 0.6s ease-in;
-ms-transition:all 0.6s ease-in;
-o-transition:all 0.6s ease-in;
transition:all 0.6s ease-in;
}
.module-menu .module-menu-wrap {
-webkit-transition:all 0.6s ease-out 0.5s;
-moz-transition:all 0.6s ease-out 0.5s;
-ms-transition:all 0.6s ease-out 0.5s;
-o-transition:all 0.6s ease-out 0.5s;
transition:all 0.6s ease-out 0.5s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: blur(100px);
filter: blur(100px);
}
.module-menu.open .module-menu-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0px);
filter: blur(0px);
}
.module-menu .close {
-webkit-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-moz-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-ms-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-o-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.module-menu.open .close {
-webkit-transition:opacity 1.2s ease-out 0.5s, transform 1.2s ease 0.5s;
-moz-transition:opacity 1.2s ease-out 0.5s, transform 1.2s ease 0.5s;
-ms-transition:opacity 1.2s ease-out 0.5s, transform 1.2s ease 0.5s;
-o-transition:opacity 1.2s ease-out 0.5s, transform 1.2s ease 0.5s;
transition:opacity 1.2s ease-out 0.5s, transform 1.2s ease 0.5s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.module-menu.open menu li {
-webkit-transition:all 0.15s ease-out 0.6s;
-moz-transition:all 0.15s ease-out 0.6s;
-ms-transition:all 0.15s ease-out 0.6s;
-o-transition:all 0.15s ease-out 0.6s;
transition:all 0.15s ease-out 0.6s;
}
.module-menu.open menu li:nth-child(1) {
-webkit-transition-delay:1.1s;
-moz-transition-delay:1.1s;
-ms-transition-delay:1.1s;
-o-transition-delay:1.1s;
transition-delay:1.1s;
}
.module-menu.open menu li:nth-child(2) {
-webkit-transition-delay:1.18s;
-moz-transition-delay:1.18s;
-ms-transition-delay:1.18s;
-o-transition-delay:1.18s;
transition-delay:1.18s;
}
.module-menu.open menu li:nth-child(3) {
-webkit-transition-delay:1.26s;
-moz-transition-delay:1.26s;
-ms-transition-delay:1.26s;
-o-transition-delay:1.26s;
transition-delay:1.26s;
}
.module-menu.open menu li:nth-child(4) {
-webkit-transition-delay:1.34s;
-moz-transition-delay:1.34s;
-ms-transition-delay:1.34s;
-o-transition-delay:1.34s;
transition-delay:1.34s;
}
.module-menu.open menu li:nth-child(5) {
-webkit-transition-delay:1.42s;
-moz-transition-delay:1.42s;
-ms-transition-delay:1.42s;
-o-transition-delay:1.42s;
transition-delay:1.42s;
}
.module-menu.open menu li:nth-child(6) {
-webkit-transition-delay:1.5s;
-moz-transition-delay:1.5s;
-ms-transition-delay:1.5s;
-o-transition-delay:1.5s;
transition-delay:1.5s;
}
/* */
.fancybox-overlay.white.animated,
.fancybox-overlay.white.animated-close {
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.fancybox-overlay.white .fancybox-close {
-webkit-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-moz-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-ms-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-o-transition:opacity 1s ease-out, transform 0.4s ease-in-out;
transition:opacity 1s ease-out, transform 0.4s ease-in-out;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.fancybox-overlay.white.animated .fancybox-close {
-webkit-transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease 0.3s;
-moz-transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease 0.3s;
-ms-transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease 0.3s;
-o-transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease 0.3s;
transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease 0.3s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
/*
.gradient {
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
background-image:-webkit-linear-gradient(top, #ffffff, #000000);
background-image:-moz-linear-gradient(top, #ffffff, #000000);
background-image:-ms-linear-gradient(top, #ffffff, #000000);
background-image:-o-linear-gradient(top, #ffffff, #000000);
background-image:linear-gradient(top, #ffffff, #000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#000000');
}
.box-shadow {
-webkit-box-shadow:0px 0px 5px #000000;
-moz-box-shadow:0px 0px 5px #000000;
-ms-box-shadow:0px 0px 5px #000000;
-o-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;
}
.transition {
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
*/
/* End */
/* Start:/bitrix/templates/main/css/main.css?1739430819103904*/
/*
@import url('/bitrix/templates/main/css/normalize.pack.css');
@import url('/bitrix/templates/main/css/../plugins/fancybox/jquery.fancybox.css');
@import url('/bitrix/templates/main/css/../plugins/formstyler/jquery.formstyler.css');
@import url('/bitrix/templates/main/css/fonts.css');
@import url('/bitrix/templates/main/css/css3.css');
*/
/* Typography */
html, body {margin:0px; padding:0px; font-family:'Gotham Pro'; font-size:14px; line-height:24px; color:#606060; background:#fff; height:100%;}
html.fancybox-lock {overflow:visible !important;}
html.fancybox-lock body {position:relative;}
body {overflow-y:scroll;}
a {color:#000000; outline:none; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
img {vertical-align:middle;}
hr {display:block; height:1px; border:0 none; border-top:1px solid #ccc; margin:0px; padding:0px;}
p {margin:15px 0px; padding:0px;}
h1 {font-size:48px; line-height:58px; color:#fff; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px; padding:0px;}
h2 {font-size:28px; line-height:24px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 37px 0px; padding:0px;}
h3 {font-size:24px; line-height:24px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 30px 0px; padding:0px;}
.h1 {font-size:48px; line-height:58px; color:#fff; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px; padding:0px;}
.h2 {font-size:28px; line-height:24px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 37px 0px; padding:0px;}
menu {margin:0px; padding:0px; list-style-type:none;}
ul {margin:25px 0px 25px 30px; padding:0px; list-style-type:disc;}
ol {margin:25px 0px 25px 30px; padding:0px; list-style-type:decimal;}
ol li, ul li {margin:0px; padding:0px;}
ol ol, ul ul {margin:6px 0px 6px 30px;}
form {margin:0px; padding:0px;}
button, input, select, textarea {outline:none; font-family:'arial';}
textarea {overflow:auto; resize: vertical;}
table {margin:0px; padding:0px; border:none; border-collapse:collapse;}
table td, table th {margin:0px; padding:0px; border:none; border-collapse:collapse; text-align:left; vertical-align:top; font-weight:normal;}
.fancybox-margin {margin-right:0px !important;}
/* General */
main {width:100%; min-width:1008px; height:100%;}
main.page-main {overflow:hidden;}
.block-content {width:100%; min-width:1008px; max-width:1280px; margin:0px auto; padding:0px 23px; position:relative;}
.block-content .block-content {width:100%; min-width:auto; max-width:none; margin:0px auto; padding:0px; position:relative;}
.scrollmagic-pin-spacer {width:0px !important;}
/* Preloader */
.queryloader__overlay__bar {width:100% !important; margin:0px !important; position:static !important;}
.queryloader__overlay__percentage {font-size:63px !important; line-height:63px !important; color:#303030 !important; font-weight:bold !important; font-family:'Arial' !important; text-align:left !important; margin:0px !important; position:static !important; height:auto !important;}
.queryloader__overlay {padding:0px 250px 0px 0px;}
.queryloader__overlay .wrap {width:100%; height:100%; position:relative;}
.queryloader__overlay .wrap .wrap-bar {position:absolute; top:50%; left:0px; transform:translateY(-50%);}
.queryloader__overlay .wrap .wrap-percent {position:absolute; top:50%; left:0px; transform:translateY(-50%); padding:0px 0px 0px 20px;}
/* Header */
header {position:absolute; top:0px; left:0px; width:100%; z-index:50; min-width:1008px;}
header a {color:#fff; text-decoration:none;}
header .block-content {width:100%; margin:0px; max-width:none;}
header .logo {position:absolute; top:27px; left:30px;}
header .logo a + a {margin-left: 32px;}
@media screen and (min-width: 768px) {
header .logo a + a img {max-height: 99px}
}
@media screen and (max-width: 768px) {
header .logo {display: contents;}
header .logo img {max-height: 99px;}
}
header .logo.animate-opacity {top:77px;}
header .logo.animate-opacity.animated {top:27px;}
header .info {position:absolute; top:59px; right:30px; font-size:14px; color:#fff; font-family:'Stem', Arial, sans-serif; display: flex}
header .info a {color:#fff; text-decoration:none;}
header .info a:hover {text-decoration:underline;}
header .info .block-menu {float:right; margin:0px 0px 0px 30px; padding:12px 0px 0px 0px;}
header .info .block-menu .open-menu {display:block; width:28px; height:18px; position:relative;}
header .info .block-menu .open-menu .line {background:#fff; width:28px; height:2px; position:absolute; right:0px;}
header .info .block-menu .open-menu .line.line-1 {top:0px;}
header .info .block-menu .open-menu .line.line-2 {top:8px;}
header .info .block-menu .open-menu:hover .line.line-2 {background:#f04248; width:34px;}
header .info .block-menu .open-menu .line.line-3 {top:16px;}
header .info .block-contacts {float:right; text-align:right; margin:0px 0px 0px 30px; height:auto;}
header .info .block-contacts .phone {font-size:18px; font-weight:bold; margin:0px 0px 2px 0px;}
header .info .block-contacts .address {font-size:12px;}
header .info .block-contacts-link {float:right; margin:0px 0px 0px 30px; padding:10px 0px 0px 0px;}
header .info .block-contacts-link a {position:relative; padding:0px 0px 0px 26px;}
header .info .block-contacts-link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_contacts.png) no-repeat; width:16px; height:20px; position:absolute; top:1px; left:0px;}
header .info .block-projects {float:right; margin:0px 0px 0px 30px; padding:10px 0px 0px 0px;}
header .info .block-projects a {position:relative; padding:0px 0px 0px 39px;}
header .info .block-projects a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_order.png) no-repeat; width:20px; height:19px; position:absolute; top:0px; left:0px;}
header .info .block-portfolio {float:right; padding:10px 0px 0px 0px;}
header .info .block-portfolio a {position:relative; padding:0px 0px 0px 37px;}
header .info .block-portfolio a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_portfolio.png) no-repeat; width:20px; height:19px; position:absolute; top:0px; left:0px;}
header .info nav .header__top-menu{
display: flex;
margin: 0;
margin-top: 25px;
padding: 0;
}
header .info nav .top-menu__item-parent,
header .info nav .top-menu__item-image{
position: relative;
}
header .info nav .top-menu__item-image::after,
header .info nav .top-menu__item-image::before{
content: "";
position: absolute;
top: 8px;
width: 7px;
height: 2px;
background: #fff;
}
header .info nav .top-menu__item-image::after{
right: -10px;
transform: rotate(45deg);
}
header .info nav .top-menu__item-image::before{
right: -15px;
transform: rotate(-45deg);
}
header .info nav .top-menu__item-link{
position: relative;
padding: 10px 10px;
padding-top: 100px;
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
z-index: 1;
}
header .info nav .top-menu__item-parent>.top-menu__item-link{
padding-right: 25px;
}
header .info nav .top-menu__item-parent>.top-menu__item-link:hover,
header .info nav .top-menu__item-parent>.top-menu__item-link.hover {
background-color: #000;
padding-top: 50px;
}
header .info nav .top-menu__item-parent>.top-menu__item-link.hover {
color: #fff;
}
header .info nav .top-menu__sub-menu{
position: absolute;
display: none;
width: max-content;
margin: 0;
padding: 0 36px 25px 28px;
background: black;
z-index: 0;
}
header .info nav .top-menu__sub-menu li.item-selected a,
header .info nav .top-menu__item-link.item-selected {
color: #fff;
}
header .info .top-menu__item-link.selected,
header .info .top-menu__item-link:hover{
background: #000000;
}
header .info .top-menu__item-link:hover+.top-menu__sub-menu,
header .info .top-menu__item-link+.top-menu__sub-menu:hover{
display: block;
background: #000000;
}
header .info nav .top-menu__sub-menu li{
margin-top: 10px;
}
header .info nav .top-menu__sub-menu li a{
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
}
header .info nav .top-menu__sub-menu li a:hover,
header .info nav .top-menu__sub-menu li a:focus,
header .info .top-menu__item-link:hover,
header .info .top-menu__item-link:focus,
header .info .top-menu__item-link.selected{
text-decoration: none;
color: rgba(255, 255, 255, 1);
}
header nav{
margin-right: -30px;
min-width: 1192px;
}
@media screen and (min-width:1751px) and (max-width: 1850px) {
header .info nav .header__top-menu {
justify-content: center;
}
}
@media screen and (min-width:1651px) and (max-width: 1750px) {
header .info nav .header__top-menu {
justify-content: end;
}
}
@media screen and (max-width:1650px) {
header .info{
/*left: 160px;*/
left: 320px;
top:20px;
}
header nav{
width: 100%;
min-width: unset;
}
.header__top-menu{
justify-content: space-around;
flex-wrap: wrap;
}
header .info .top-menu__item-link.selected, header .info .top-menu__item-link:hover {
background: transparent;
}
.info .block-contacts{
white-space: nowrap;
}
header .info nav .top-menu__item-link{
padding-top: 10px;
}
}
@media screen and (max-width:480px) {
header .info nav .header__top-menu li a{
padding: 10px 5px;
}
header .info{
left: 145px;
}
}
/* Module panel top */
.module-panel-top {width:100%; height:60px; position:fixed; top:-60px; left:0px; z-index:100; opacity:0; border-bottom:1px solid #eae9e9;}
.module-panel-top:before {content:''; background:#fff; width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0.9;}
.module-panel-top.show {top:0px; opacity:1;}
.module-panel-top .logo {position:absolute; top:0px; left:0px;}
.module-panel-top .info {position:absolute; top:0px; right:30px; font-size:14px; color:#363636; font-family:'Stem', Arial, sans-serif;}
.module-panel-top .info a {color:#363636; text-decoration:none;}
.module-panel-top .info a:hover {text-decoration:underline;}
.module-panel-top .info .block-menu {float:right; margin:0px 0px 0px 30px; padding:22px 0px 0px 0px;}
.module-panel-top .info .block-menu .open-menu {display:block; width:28px; height:18px; position:relative;}
.module-panel-top .info .block-menu .open-menu .line {background:#4b4b4b; width:28px; height:2px; position:absolute; right:0px;}
.module-panel-top .info .block-menu .open-menu .line.line-1 {top:0px;}
.module-panel-top .info .block-menu .open-menu .line.line-2 {top:8px;}
.module-panel-top .info .block-menu .open-menu:hover .line.line-2 {background:#f04248; width:34px;}
.module-panel-top .info .block-menu .open-menu .line.line-3 {top:16px;}
.module-panel-top .info .block-contacts {float:right; text-align:right; margin: 0; padding:20px 0px 0px 0px; height:auto;}
.module-panel-top .info .block-contacts .phone {font-size:18px; font-weight:bold;}
.module-panel-top .info .block-contacts-link {float:right; margin:0px 0px 0px 30px; padding:19px 0px 0px 0px;}
.module-panel-top .info .block-contacts-link a {position:relative; padding:0px 0px 0px 26px;}
.module-panel-top .info .block-contacts-link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_contacts_panel.png) no-repeat; width:16px; height:20px; position:absolute; top:1px; left:0px;}
.module-panel-top .info .block-projects {float:right; margin:0px 0px 0px 30px; padding:19px 0px 0px 0px;}
.module-panel-top .info .block-projects a {position:relative; padding:0px 0px 0px 39px;}
.module-panel-top .info .block-projects a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_order_panel.png) no-repeat; width:20px; height:19px; position:absolute; top:0px; left:0px;}
.module-panel-top .info .block-portfolio {float:right; padding:19px 0px 0px 0px;}
.module-panel-top .info .block-portfolio a {position:relative; padding:0px 0px 0px 37px;}
.module-panel-top .info .block-portfolio a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/header_portfolio_panel.png) no-repeat; width:20px; height:19px; position:absolute; top:0px; left:0px;}
/* Block main banner */
.block-main-banner {background:url(/bitrix/templates/main/css/../images/backgrounds/main.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:relative; min-height:550px; margin-top: -24px;}
.block-main-banner .block-video-wrap {width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
.block-main-banner .block-video {width:100%; height:100%; position:absolute; top:0px; left:0px;}
.block-main-banner .block-video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%;}
.block-main-banner .block-video .bg {background:#2c2c2c; width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0.7;}
.block-main-banner .block-content {height:100%; z-index:10;}
.block-main-banner .h1 {position:absolute; top:40%; left:12px;}
.block-main-banner .more {position:absolute; bottom:67px; left:15px; font-size:14px; color:#fff; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
.block-main-banner .more:hover {text-decoration:underline;}
.block-main-banner .more:before {content:''; background:#c74e46; width:1px; height:92px; position:absolute; bottom:-111px; left:5px; z-index:40;}
/* Block main about */
.block-main-about {background:#fff; margin:0px 0px 61px 0px; padding:117px 0px 0px 0px; position:relative; /*height:862px;*/height:1420px;}
.block-main-about .block-bg {background:#f5f5f5; width:3000px; /*height:862px;*/height:1440px; position:absolute; top:0px; left:50%; margin-left:-2740px;}
.block-main-about .block-img {width:36%; max-width:410px; height:auto;}
.block-main-about .block-img .angle {width:43px; height:43px; position:absolute; bottom:0px; left:0px; opacity:0;}
.block-main-about .block-img.animated .angle {opacity:1;}
.block-main-about .block-img .angle:before {content:''; background:#f04248; width:10px; height:43px; position:absolute; bottom:-10px; left:-10px;}
.block-main-about .block-img .angle:after {content:''; background:#f04248; width:43px; height:10px; position:absolute; bottom:-10px; left:-10px;}
.block-main-about .block-img .animate-img-main-about {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.block-main-about .block-img .animate-img-main-about .img {height:100%; position:relative;}
.block-main-about .block-img .animate-img-main-about .img img {position:absolute; top:-100%; left:-100%; width:100%;}
.block-main-about .block-text {position:relative; margin:0px 0px 83px 0px; padding:64px 58px 65px 34px; width:71%; font-family:'Stem', Arial, sans-serif;}
.block-main-about .block-text .table {display:table;}
.block-main-about .block-text .left {display:table-cell; vertical-align:middle; width:224px; padding:0px 0px 0px 0px;}
.block-main-about .block-text .left .title {font-size:30px; color:#131313; font-weight:bold; margin:0px 0px 24px 0px; text-transform:uppercase;}
.block-main-about .block-text .left .text {font-size:14px; line-height:20px; color:#444444; font-weight:300; font-style:italic;}
.block-main-about .block-text .left .text p {margin:0px; padding:0px;}
.block-main-about .block-text .right {display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; color:#5c5c5c;}
.block-main-about .block-text .right p {margin:0px; padding:0px;}
.block-advantages {position:relative; margin:0px 32% 0px 0px;}
.block-advantages .title {font-size:18px; line-height:16px; color:#b1b1b1; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; position:absolute; bottom:-7px; left:1px;}
.block-advantages .blocks {padding:0px 0px 0px 94px;}
.block-advantages .blocks .row {margin:44px 0px 0px 0px; min-height:94px; clear:both; position:relative;}
.block-advantages .blocks .row:first-child {margin-top:0px;}
.block-advantages .blocks .row .cell {width:30%; float:left; position:relative; top:0px; left:0px; opacity:0;}
.block-advantages .blocks .row .cell.animate-opacity {top:50px;}
.block-advantages .blocks .row .cell.animate-opacity.animated {opacity:1; top:0px;}
.block-advantages .blocks .row .cell .icon {width:100%; height:62px; position:relative;}
.block-advantages .blocks .row .cell .icon:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/advantages.png) no-repeat; position:absolute; left:0px;}
.block-advantages .blocks .row .cell .icon.icon-1:before {background-position:0px 0px; width:40px; height:48px; top:0px;}
.block-advantages .blocks .row .cell .icon.icon-2:before {background-position:-40px 0px; width:42px; height:48px; top:0px;}
.block-advantages .blocks .row .cell .icon.icon-3:before {background-position:-82px 0px; width:54px; height:50px; top:-2px;}
.block-advantages .blocks .row .cell .icon.icon-4:before {background-position:-136px 0px; width:49px; height:48px; top:-4px;}
.block-advantages .blocks .row .cell .icon.icon-5:before {background-position:-185px 0px; width:53px; height:49px; top:-1px;}
.block-advantages .blocks .row .cell .text {font-size:12px; line-height:16px; color:#5c5c5c; font-family:'Stem', Arial, sans-serif;}
.block-advantages.block-inner{margin: 0 auto; width: 900px}
.block-advantages__wrapper{background: #f5f5f5;padding-top: 25px;padding-bottom: 25px;}
/* Block main work */
.block-main-work {margin:0px 0px 50px 0px; padding:0px 0px 20px 0px; position:relative; overflow:hidden;}
.block-main-work .block-content {position:relative;}
.block-main-work .blocks {margin:0px; position:relative;}
.block-main-work .blocks .block {width:100%; position:relative;}
.block-main-work .blocks .block .block-img .img-wrap {width:100%; height:100%;}
.block-main-work .blocks .block .block-img .img-wrap img {width:auto; height:100%; position:relative;}
.block-main-work .blocks .block .img-wrap.animate-img-main {width:0px; overflow:hidden;}
.block-main-work .blocks .block.img-left .img-wrap.animate-img-main img {width:100%; height:auto; left:-150px;}
.block-main-work .blocks .block.img-right .img-wrap.animate-img-main img {width:100%; height:auto; left:-98px;}
.block-main-work .blocks .block .img-wrap.animate-img-main.animated {width:100%;}
.block-main-work .blocks .block .img-wrap.animate-img-main.animated img {left:0px;}
.block-main-work .scrollmagic-pin-spacer {width:175px !important;}
/* Block main projects */
.block-main-projects {margin:0px 0px 0px 0px;}
.block-main-projects .block-content {margin-bottom:68px;}
.block-main-projects .block-content .left {width:241px; float:left; position:relative; padding:169px 31px 26px 3px;}
.block-main-projects .block-content .left .number {font-size:84px; line-height:84px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-align:right;}
.block-main-projects .block-content .left .title {font-size:18px; line-height:18px; color:#5b5b5b; font-family:'Stem', Arial, sans-serif; position:absolute; bottom:17px; left:27px;}
.block-main-projects .block-content .right {margin:0px 0px 0px 321px; padding:19px 0px 0px 0px;}
.block-main-projects .block-content .right .title {font-size:34px; line-height:42px; color:#282828; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 20px 0px;}
.block-main-projects .block-content .right .text {font-size:14px; line-height:24px; color:#282828; margin:0px 0px 22px 0px;}
.block-main-projects .block-content .right .text p {margin:0px; padding:0px;}
.block-main-projects .block-content .right .more {font-size:14px; font-family:'Stem', Arial, sans-serif;}
.block-main-projects .block-content .right .more a {color:#282828; position:relative; padding:0px 60px 0px 0px; text-decoration:underline;}
.block-main-projects .block-content .right .more a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png) no-repeat; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.block-main-projects .block-content .right .more a:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png) no-repeat -31px 0px; width:31px; height:31px; position:absolute; top:-6px; right:0px; opacity:0;}
.block-main-projects .block-content .right .more a:hover {color:#d04449;}
.block-main-projects .block-content .right .more a:hover:before {opacity:0;}
.block-main-projects .block-content .right .more a:hover:after {opacity:1;}
.block-main-projects .block-works {position:relative;}
/* Block main text */
.block-main-text {background:#f5f5f5; margin:0px 0px 0px 0px; padding:74px 0px 5px 0px; clear:both;}
.block-main-text .title {font-size:28px; line-height:24px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 37px 0px;}
.block-main-text .text {font-size:14px; line-height:24px; color:#515151; margin:0px 0px 30px 0px;}
.block-main-text .text .hide p:first-child {margin-top:0px;}
.block-main-text .text .hide p:last-child {margin-bottom:0px;}
.block-main-text .link {margin:0px;}
.block-main-text .link a {font-size:14px; color:#f04248; text-decoration:none; padding:0px 22px 0px 0px; position:relative;}
.block-main-text .link a:hover {text-decoration:underline;}
.block-main-text .link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrow_more_main.png) no-repeat; width:9px; height:5px; position:absolute; top:5px; right:0px;}
.block-main-text .link a.open:before {transform:rotate(180deg);}
/* Block main clients */
.block-main-clients .table {display:table; width:100%; table-layout:fixed;}
.block-main-clients .table .table-row {display:table-row;}
.block-main-clients .table .table-row .table-cell {display:table-cell; height:137px; text-align:center; vertical-align:middle;}
.block-main-clients .table .table-row .table-cell img {max-width:100%; max-height:100%; opacity:0.35;}
.block-main-clients .table .table-row .table-cell:hover img {opacity:1;}
/* Block second banner */
.block-second-banner {background:url(/bitrix/templates/main/css/../images/backgrounds/about.jpg) no-repeat; background-size:cover; width:100%; height:50%; min-height:480px;}
.block-second-banner.banner-contacts {background-image:url(/bitrix/templates/main/css/../images/backgrounds/contacts.jpg);}
.block-second-banner.banner-portfolio {background-image: url(/bitrix/templates/main/css/../images/backgrounds/portfolio-new-background.JPG) !important; background-size: cover; background-position-y: 30%;}
.block-second-banner.banner-order {background-image:url(/bitrix/templates/main/css/../images/backgrounds/order.jpg);}
.block-second-banner.banner-portfolio-detail {background:#cdae91;}
.block-second-banner .block-content {height:100%;}
.block-second-banner h1 {position:absolute; top:60%; left:77px;}
.block-second-banner.banner-portfolio-detail h1 {font-weight:300; padding-right:50px; top:295px;}
.block-second-banner.banner-portfolio-detail h1 .small {font-size:48px;}
.block-second-banner.banner-portfolio-detail h1 .big {font-weight:bold;}
/* Block about license */
.block-about-license {background:#fff; margin:0px 0px 61px 0px; padding:109px 0px 0px 0px; position:relative; height:596px;}
.block-about-license p {margin:0px; padding:0px;}
.block-about-license .block-bg {background:#f5f5f5; width:5000px; height:596px; position:absolute; top:0px; left:50%; margin:0px 0px 0px -4683px;}
.block-about-license .left {width:60%; float:left;}
.block-about-license .left .title {font-size:30px; line-height:36px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 100px 42px 0px;}
.block-about-license .left .text {font-size:14px; line-height:24px; color:#484848; margin:0px 0px 73px 0px;}
.block-about-license .left .list {font-size:18px; line-height:24px; color:#484848; padding:0px 0px 0px 59px; position:relative;}
.block-about-license .left .list:before {content:''; background:#f04248; width:37px; height:1px; position:absolute; top:9px; left:0px;}
.block-about-license .right {width:230px; text-align:center; padding:31px 0px 0px 0px; position:absolute; top:0px; left:50%; margin:0px 0px 0px 200px;}
.block-about-license .right .img {margin:0px 0px 22px 0px;}
.block-about-license .right .text {padding:0px 0px 0px 27px;}
.block-about-license .right .text a {font-size:14px; line-height:16px; color:#cb4f4f; font-family:'Stem', Arial, sans-serif; text-decoration:none; border-bottom:1px dashed; position:relative;}
.block-about-license .right .text a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/zoom.png) no-repeat; width:19px; height:19px; position:absolute; top:0px; left:-27px;}
.block-about-license .right .text a:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/zoom.png) no-repeat -19px 0px; width:19px; height:19px; position:absolute; top:0px; left:-27px; opacity:0;}
.block-about-license .right .text a:hover {color:#000;}
.block-about-license .right .text a:hover:before {opacity:0;}
.block-about-license .right .text a:hover:after {opacity:1;}
.block-about-license .right.flex {display: flex; gap: 20px;}
/* Block about numbers */
.block-about-numbers {margin:0px 0px 88px 0px;}
.block-about-numbers p {margin:0px; padding:0px;}
.block-about-numbers .left {width:240px; float:left; position:relative; padding:86px 31px 31px 92px;}
.block-about-numbers .left .number {font-size:103px; line-height:50px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 25px 0px;}
.block-about-numbers .left .text {font-size:16px; line-height:24px; color:#484848; font-family:'Stem', Arial, sans-serif; padding:0px 0px 0px 11px;}
.block-about-numbers .left .title {font-size:18px; line-height:18px; color:#5b5b5b; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; position:absolute; bottom:17px; left:32px;}
.block-about-numbers .right {margin:0px 0px 0px 306px; padding:16px 0px 0px 0px;}
.block-about-numbers .right .text {font-size:14px; line-height:24px; color:#484848; margin:0px 80px 50px 0px;}
.block-about-numbers .right .blocks {margin:0px;}
.block-about-numbers .right .blocks .block {width:28%; float:left;}
.block-about-numbers .right .blocks .block .number {font-size:48px; line-height:30px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 18px 0px;}
.block-about-numbers .right .blocks .block .title {font-size:16px; line-height:24px; color:#484848; font-family:'Stem', Arial, sans-serif;}
/* Block about advantages */
.block-about-advantages {margin:0px 0px 0px 0px; padding:0px 0px 167px 0px; position:relative;}
.block-about-advantages .left {width:50%; float:left; padding:10px 0px 0px 0px;}
.block-about-advantages .left .title {font-size:30px; line-height:36px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 93px 0px;}
.block-about-advantages .left .blocks {margin:0px;}
.block-about-advantages .left .blocks .row {margin:74px 0px 0px 0px;}
.block-about-advantages .left .blocks .row:first-child {margin-top:0px;}
.block-about-advantages .left .blocks .row .cell {width:50%; float:left; position:relative; padding:0px 0px 0px 110px;}
.block-about-advantages .left .blocks .row .cell:first-child {padding-left:88px;}
.block-about-advantages .left .blocks .row .cell .name {font-size:14px; line-height:18px; color:#282828; font-family:'Stem', Arial, sans-serif;}
.block-about-advantages .left .blocks .row .cell .name.icon-6 {padding:10px 0px 0px 0px;}
.block-about-advantages .left .blocks .row .cell .name:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/advantages_2.png) no-repeat; position:absolute;}
.block-about-advantages .left .blocks .row .cell .name.icon-1:before {background-position:0px 0px; width:40px; height:48px; top:-9px; left:11px;}
.block-about-advantages .left .blocks .row .cell .name.icon-2:before {background-position:-40px 0px; width:54px; height:50px; top:-8px; left:27px;}
.block-about-advantages .left .blocks .row .cell .name.icon-3:before {background-position:-94px 0px; width:42px; height:48px; top:-7px; left:10px;}
.block-about-advantages .left .blocks .row .cell .name.icon-4:before {background-position:-136px 0px; width:49px; height:48px; top:-5px; left:30px;}
.block-about-advantages .left .blocks .row .cell .name.icon-5:before {background-position:-185px 0px; width:53px; height:49px; top:4px; left:4px;}
.block-about-advantages .left .blocks .row .cell .name.icon-6:before {background-position:-238px 0px; width:48px; height:49px; top:5px; left:30px;}
.block-about-advantages .right {width:44%; height:494px; position:absolute; top:50px; right:0px; background:url(/bitrix/templates/main/css/../images/advantages.jpg) no-repeat center center; background-size:cover;}
.block-about-advantages .right:before {content:''; background:#f04248; width:10px; height:43px; position:absolute; bottom:-10px; left:-10px;}
.block-about-advantages .right:after {content:''; background:#f04248; width:43px; height:10px; position:absolute; bottom:-10px; left:-10px;}
/* Block about slider */
.block-about-slider {background:#f5f5f5; margin:0px 0px 72px 0px; padding:92px 0px 87px 0px;}
.block-about-slider .block-slider {border:3px solid #2d2d2d;}
.block-about-slider .block-slider .left {width:305px; float:left; padding:38px 0px 0px 48px;}
.block-about-slider .block-slider .left .block-title {font-size:24px; line-height:36px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 52px 0px;}
.block-about-slider .block-slider .left .block-nav {width:160px; text-align:center; position:relative;}
.block-about-slider .block-slider .left .block-nav .arrow {display:block; background:url(/bitrix/templates/main/css/../images/icons/arrows_about_slider.png) no-repeat; width:8px; height:14px; position:absolute; top:5px;z-index:10}
.arrow-background{cursor:pointer;background: rgba(0,0,0,.7);border-radius:3px;width: 40px;position: absolute;top: /*323px;*/calc(50% - 25px);z-index: 1;height: 50px;}
.arrow-background.left{left: 34px;}
.arrow-background.right{right:34px;}
.block-about-slider .block-slider .left .block-nav .arrow:hover {opacity:0.5;}
.block-about-slider .block-slider .left .block-nav .arrow.arrow-left {background-position:0px 0px; left:0px;}
.block-about-slider .block-slider .left .block-nav .arrow.arrow-right {background-position:-8px 0px; right:0px;}
.block-about-slider .block-slider .left .block-nav .nav {font-size:46px; color:#282828; font-family:'Stem', Arial, sans-serif; font-weight:300;}
.block-about-slider .block-slider .left .block-nav .nav .active {color:#c42323;}
.block-about-slider .block-slider .right {margin:0px 0px 0px 305px; padding:50px 40px 55px 0px;}
.block-about-slider .block-slider .right .caroufredsel {width:100%; overflow:hidden;}
.block-about-slider .block-slider .right .caroufredsel .slide {float:left; position:relative; padding:26px 0px 0px 39px;}
.block-about-slider .block-slider .right .caroufredsel .slide:before {content:''; background:#c42323; width:85px; height:2px; position:absolute; top:0px; left:39px;}
.block-about-slider .block-slider .right .caroufredsel .slide .title {font-size:16px; line-height:24px; color:#9d9d9d; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; position:absolute; top:1px; left:-5px;}
.block-about-slider .block-slider .right .caroufredsel .slide .text {font-size:14px; line-height:24px; color:#282828;}
.block-about-slider .block-slider .right .caroufredsel .slide .text p {margin:0px; padding:0px;}
/* Block about team */
.block-about-team {margin:0px 0px 83px 0px;}
.block-about-team .block-title {margin:0px 0px 50px 0px;}
.block-about-team .block-title .left {font-size:30px; line-height:36px; color:#282828; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; float:left;}
.block-about-team .block-title .right {float:right; padding:15px 0px 0px 0px;}
.block-about-team .block-title .right .block {float:right; margin:0px 32px 0px 0px;}
.block-about-team .block-title .right .block:first-child {margin-right:0px;}
.block-about-team .block-title .right .block input {display:none;}
.block-about-team .block-title .right .block input + label {font-size:16px; line-height:18px; color:#131313; cursor:pointer; position:relative;}
.block-about-team .block-title .right .block input + label:before {content:''; background:#cb4f4f; width:0px; height:2px; position:absolute; top:20px; left:0px;}
.block-about-team .block-title .right .block input:checked + label:before {width:100%;}
.block-about-team .block-info {margin:0px 0px 81px 0px;}
.block-about-team .block-info .cell {background:#cd3b42; width:25%; height:auto; position:relative; float:left;}
.block-about-team .block-info .cell .cell-tab {width:100%; height:100%; position:relative; display:none;}
.block-about-team .block-info .cell .cell-tab-1, .block-about-team .block-info .cell .cell-tab.active {display:block;}
.block-about-team .block-info .cell img {width:100%; height:auto; opacity:1;}
.block-about-team .block-info .cell .text {width:100%; position:absolute; bottom:0px; left:0px; line-height:24px; color:#fff; font-family:'Stem', Arial, sans-serif; padding:0px 28px 32px 28px; opacity:0;}
.block-about-team .block-info .cell .text .name {font-size:16px; font-weight:bold;}
.block-about-team .block-info .cell .text .brief {font-size:14px;}
.block-about-team .block-info .cell:hover img {opacity:0.15;}
.block-about-team .block-info .cell:hover .text {opacity:1;}
.block-about-team .block-info .cell.cell-number {cursor:default;}
.block-about-team .block-info .cell.cell-number .block-number {background:#222222; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.block-about-team .block-info .cell.cell-number .block-number .wrap {position:absolute; bottom:39px; right:36px;}
.block-about-team .block-info .cell.cell-number .block-number .wrap .number {text-align:right; margin:0px 0px 22px 0px; font-size:72px; line-height:50px; color:#fff; font-weight:bold;}
.block-about-team .block-info .cell.cell-number .block-number .wrap .number-text {text-align:right; font-size:14px; line-height:14px; color:#fff;}
.block-about-team .block-info .block-top {width:100%; height:auto;}
.block-about-team .block-info .block-bottom {width:100%; position:relative; clear:both;}
.block-about-team .block-info .block-bottom .left {width:50%; float:left;}
.block-about-team .block-info .block-bottom .left .cell {width:50%;}
.block-about-team .block-info .block-bottom .right {background:#222222; height:100%; position:absolute; top:0px; left:50%; right:0px; padding:0px 40px 0px 40px;}
.block-about-team .block-info .block-bottom .right .title {font-size:24px; line-height:24px; color:#fff; text-transform:uppercase; margin:0px 0px 20px 0px; position:absolute; top:33px; left:40px; z-index:2;}
.block-about-team .block-info .block-bottom .right .block-carousel {width:100%; height:100%; position:relative; padding:68px 0px 60px 0px;}
.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel {width:100%; height:100%; overflow:hidden;}
.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide {padding:20px 0px 25px 0px; width:100%;}
.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide .name {font-size:16px; line-height:24px; color:#ffffff; margin:0px 0px 13px 0px;}
.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide .text {font-size:12px; line-height:18px; color:#919191;}
.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide .text p {margin:0px; padding:0px;}
.block-about-team .block-info .block-bottom .right .block-pagen {position:absolute; bottom:30px; left:40px;}
.block-about-team .block-info .block-bottom .right .block-pagen a {display:inline-block; background:#fff; border:3px solid #222222; border-radius:50%; width:13px; height:13px; margin:0px 0px 0px 11px;}
.block-about-team .block-info .block-bottom .right .block-pagen a:hover {background:#5a5a5a;}
.block-about-team .block-info .block-bottom .right .block-pagen a.selected {background:#222222; border-color:#fff;}
.block-about-team .block-info .block-bottom .right .block-pagen a:first-child {margin-left:0px;}
.block-about-team .block-info .block-bottom .right .block-pagen a span {display:none;}
.block-about-team .block-button {text-align:center;}
.block-about-team .block-button a {text-decoration:none; display:inline-block; font-size:16px; line-height:18px; color:#bb464b; padding:19px 30px 20px 30px; border:3px solid #f04248;}
.block-about-team .block-button a:hover {background:#f04248; color:#fff;}
/* Block contacts */
.block-contacts {margin:0px; height:483px;}
.block-contacts .left {width:57%; height:483px; float:left; padding: 20px;}
.block-contacts .left .map {width:100%; height:100%;}
.block-contacts .right {width:43%; height:483px; float:right; padding:120px 0px 0px 76px;}
.block-contacts .right .block {margin:31px 0px 0px 0px;}
.block-contacts .right .block:first-child {margin-top:0px;}
.block-contacts .right .block p {margin:0px; padding:0px;}
.block-contacts .right .block .title {font-size:18px; line-height:18px; color:#2f2f2f; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 15px 0px;}
.block-contacts .right .block .text {font-size:14px; line-height:24px; color:#323232;}
.block-contacts .right .block .text a {color:#f04248;}
/* Module portfolio */
.module-portfolio {width:100%; margin:0px auto 83px auto; padding:75px 0px 0px 0px;}
.module-portfolio .block-filter {margin:0px 0px 71px 0px;}
.module-portfolio .block-filter .left {width:580px; float:left;}
.module-portfolio .block-filter .left .title {font-size:16px; line-height:18px; color:#333330; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 47px 0px;}
.module-portfolio .block-filter .left .blocks {margin:0px; padding:0px 0px 12px 0px; border-bottom:2px solid #c4c4c4;}
.module-portfolio .block-filter .left .blocks .block {margin:0px 0px 0px 30px; float:left; position:relative;}
.module-portfolio .block-filter .left .blocks .block:first-child {margin-left:0px;}
.module-portfolio .block-filter .left .blocks .block input {display:none;}
.module-portfolio .block-filter .left .blocks .block input + label {font-size:16px; line-height:18px; color:#333330; font-family:'Stem', Arial, sans-serif; position:relative; cursor:pointer;}
.module-portfolio .block-filter .left .blocks .block input + label:hover {opacity:0.63;}
.module-portfolio .block-filter .left .blocks .block input + label:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/line_cross_out.png) no-repeat; width:24px; height:0px; position:absolute; top:0px; left:50%; margin:-1px 0px 0px -12px;}
.module-portfolio .block-filter .left .blocks .block input:checked + label {opacity:1;}
.module-portfolio .block-filter .left .blocks .block input:checked + label:before {height:24px;}
.module-portfolio .block-filter .right {width:343px; float:right;}
.module-portfolio .block-filter .right .title {font-size:16px; line-height:18px; color:#333330; font-weight:bold; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 84px 0px;}
.module-portfolio .block-filter .right .block-slider {width:310px;}
.module-portfolio .block-filter .right .block-slider .range-slider {background:#cd3b42; width:100%; height:2px;}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-range {background:#c4c4c4; height:2px;}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle {background:#fff; border:3px solid #cd3b42; width:14px; height:14px; outline:none; border-radius:50%; top:50%; margin:-7px 0px 0px -7px;}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle.no-active {background:#cd3b42;}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle:before {content:attr(data-value); position:absolute; top:-34px; left:50%; font-size:16px; color:#333330; font-family:'Stem', Arial, sans-serif;}
.module-portfolio .block-filter .right .block-slider .range-slider .ui-slider-handle.ui-state-active {cursor:e-resize;}
.module-portfolio .block-main-text {background:#fff; margin:69px 0px 0px 0px; padding:0px;}
/* Module portfolio list */
.module-portfolio-list {width:100%; margin:0px auto;}
.module-portfolio-list .row {margin:1px 0px 0px 0px; width:100%; height:auto!important;}
.module-portfolio-list .row:first-child {margin-top:0px;}
.module-portfolio-list .row .cell {display:block; width:33%; height:auto; float:left; text-decoration:none; margin:0px 0px 0px 1px; position:relative; overflow:hidden;}
.module-portfolio-list .row .cell.big {width:66%;}
.module-portfolio-list .row .cell:first-child {margin-left:0px;}
.module-portfolio-list .row .cell .img {margin:0px; overflow:hidden;}
.module-portfolio-list .row .cell .img img {width:100%; height:100%;}
.module-portfolio-list .row .cell .content {position:absolute; top:26px; bottom:26px; left:26px; right:26px; opacity:0;}
.module-portfolio-list .row .cell .content .bg {background:#f04248; width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0.87;}
.module-portfolio-list .row .cell .content .text {position:absolute; bottom:-25px; left:0px; font-family:'Stem', Arial, sans-serif; font-size:14px; line-height:18px; color:#ffffff; padding:0px 34px 73px 24px; width:262px; opacity:1;}
.module-portfolio-list .row .cell .content .text .name {font-size:16px; font-weight:bold; margin:0px 0px 38px 0px; opacity:0;}
.module-portfolio-list .row .cell .content .text .area {font-size:25px; font-weight:300; opacity:0;}
.module-portfolio-list .row .cell .content .text .area sup {font-size:14px; top:-8px;}
.module-portfolio-list .row .cell .content .text .more {font-weight:300; text-decoration:underline; position:absolute; bottom:70px; right:34px; padding:0px 48px 0px 0px; opacity:0;}
.module-portfolio-list .row .cell .content .text .more:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/more_portfolio.png) no-repeat; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.module-portfolio-list .animate-opacity {top:30px;}
.module-portfolio-list .animate-opacity.animated {top:0px;}
.module-portfolio-list .row .cell:hover .content {opacity:1;}
.module-portfolio-list .row .cell:hover .content .text .name {opacity:1;}
.module-portfolio-list .row .cell:hover .content .text .area {opacity:1;}
.module-portfolio-list .row .cell:hover .content .text .more {opacity:1;}
.module-portfolio-list.long {width:100%; height:auto;}
.module-portfolio-list.long .row {margin-top:0px; float:none; clear:both; width:100%; height:auto;}
.module-portfolio-list.long .row .cell {margin-left:0px; width:25%; height:auto;}
.module-portfolio-list.long .row .cell.big {width:50%;}
.module-portfolio-list.long .clear {height:0px;}
/* Module portfolio detail */
/*.module-portfolio-detail {margin:-115px 0px 0px 0px; overflow:hidden;}*/
.module-portfolio-detail {margin:0px 0px 0px 0px; overflow:hidden;}
.module-portfolio-detail .block-content {padding-bottom:83px;}
.module-portfolio-detail .block-content:first-child {padding-bottom:0px;}
.module-portfolio-detail .block-lines {height:100000px; position:absolute; top:115px; left:23px; right:23px;}
.module-portfolio-detail .block-lines .lines {background:#ededed; width:1px; height:100%; position:absolute; top:0px;}
.module-portfolio-detail .block-lines .lines.line-1 {left:0%;}
.module-portfolio-detail .block-lines .lines.line-2 {left:17%;}
.module-portfolio-detail .block-lines .lines.line-3 {left:50%;}
.module-portfolio-detail .block-lines .lines.line-4 {right:17%;}
.module-portfolio-detail .block-lines .lines.line-5 {right:0%;}
.module-portfolio-detail .block-slider {width:100%; position:relative; left:0px; overflow:hidden; margin:0px 0px 74px 0px;}
.module-portfolio-detail .block-slider .caroufredsel {width:100%; height:627px;}
.module-portfolio-detail .block-slider .caroufredsel .slide {float:left; position:relative;}
.module-portfolio-detail .block-slider .caroufredsel .slide img {width:100%; height:auto;}
.module-portfolio-detail .block-slider .arrow {background:url(/bitrix/templates/main/css/../images/icons/arrows_portfolio.png) no-repeat; width:18px; height:31px; position:absolute; top:50%; margin:-15px 0px 0px 0px; z-index:2;border-radius: 4px;}
.module-portfolio-detail .block-slider .arrow:hover {opacity:0.7;}
.module-portfolio-detail .block-slider .arrow.arrow-left {background-position:0px 0px; left:44px;}
.module-portfolio-detail .block-slider .arrow.arrow-right {background-position:-18px 0px; right:44px;}
.module-portfolio-detail .block-info-wrap {margin:0px; position:relative;}
.module-portfolio-detail .block-info-wrap > .clear {height:0px;}
.module-portfolio-detail .block-info-wrap .block-info {margin:0px; width:50%; font-family:'Stem', Arial, sans-serif; position:relative; padding:3px; float:left;}
.module-portfolio-detail .block-info-wrap .block-info .animate-line .line.line-right-2 {right:50%; width:1px;}
.module-portfolio-detail .block-info-wrap .block-info .left {width:50%; height:100%; position:absolute; top:0px; left:0px;}
.module-portfolio-detail .block-info-wrap .block-info .left .price {position:absolute; bottom:0px; left:0px; width:100%; padding:0px 0px 46px 31px;}
.module-portfolio-detail .block-info-wrap .block-info .left .price .name {font-size:14px; line-height:18px; color:#0f0f0f; font-weight:300; margin:0px 0px 21px 0px;}
.module-portfolio-detail .block-info-wrap .block-info .left .price .value {font-size:18px; color:#f04248; font-weight:300;}
.module-portfolio-detail .block-info-wrap .block-info .left .price .value span {font-size:28px; font-weight:bold;}
.module-portfolio-detail .block-info-wrap .block-info .right {width:50%; float:right; position:relative; padding:34px 0px 50px 34px;}
.module-portfolio-detail .block-info-wrap .block-info .right .place {margin:0px 0px 24px 0px; font-size:14px; line-height:24px; color:#0f0f0f; font-weight:300;}
.module-portfolio-detail .block-info-wrap .block-info .right .date {margin:0px 0px 31px 0px;}
.module-portfolio-detail .block-info-wrap .block-info .right .date .name {font-size:14px; line-height:24px; color:#0f0f0f; font-weight:300; margin:0px 0px 10px 0px;}
.module-portfolio-detail .block-info-wrap .block-info .right .date .value {font-size:28px; line-height:24px; color:#0f0f0f;}
.module-portfolio-detail .block-info-wrap .block-info .right .area {margin:0px;}
.module-portfolio-detail .block-info-wrap .block-info .right .area .name {font-size:14px; line-height:24px; color:#0f0f0f; font-weight:300; margin:0px 0px 14px 0px;}
.module-portfolio-detail .block-info-wrap .block-info .right .area .value {font-size:48px; line-height:24px; color:#0f0f0f; font-weight:300;}
.module-portfolio-detail .block-info-wrap .block-info .right .area .value sup {font-size:60%;}
.module-portfolio-detail .block-info-wrap .block-slider-preview {width:46%; float:right;}
.module-portfolio-detail .block-info-wrap .block-slider-preview .slide {width:22%; margin:0px 0px 15px 4%; float:left; cursor:pointer; position:relative;}
.module-portfolio-detail .block-info-wrap .block-slider-preview .slide:before {content:''; border:3px solid #f14249; position:absolute; top:0px; left:0px; bottom:0px; right:0px; opacity:0; z-index:2;}
.module-portfolio-detail .block-info-wrap .block-slider-preview .slide:nth-child(4n+1) {margin-left:0px;}
.module-portfolio-detail .block-info-wrap .block-slider-preview .slide img {width:100%; height:auto;}
.module-portfolio-detail .block-info-wrap .block-slider-preview .slide.active:before {opacity:1;}
.module-portfolio-detail .block-description {margin:0px; position:relative;}
.module-portfolio-detail .block-description .block-content {padding-bottom:0px;}
.module-portfolio-detail .block-description .block {width:100%; position:relative;}
.module-portfolio-detail .block-description .block .block-img {position:absolute; top:0px; left:0px; width:50%; height:100%;}
.module-portfolio-detail .block-description .block .block-img .img-wrap {width:100%; height:100%;}
.module-portfolio-detail .block-description .block .block-img .img-wrap img {width:auto; height:100%; position:relative;}
.module-portfolio-detail .block-description .block .block-text {width:50%; height:100%;}
.module-portfolio-detail .block-description .block .block-text .table {display:table; width:100%; height:100%;}
.module-portfolio-detail .block-description .block .block-text .table .table-row {display:table-row;}
.module-portfolio-detail .block-description .block .block-text .table .table-row .table-cell {display:table-cell; text-align:left; vertical-align:middle;}
.module-portfolio-detail .block-description .block .block-text .table .table-row .table-cell .title {font-size:30px; line-height:36px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 13px 0px;}
.module-portfolio-detail .block-description .block .block-text .table .table-row .table-cell .text {font-size:14px; line-height:24px; color:#606060;}
.module-portfolio-detail .block-description .block .block-text .table .table-row .table-cell .text p {margin:0px; padding:0px;}
.module-portfolio-detail .block-description .block.img-left .block-img {left:0px;}
.module-portfolio-detail .block-description .block.img-left .block-text {float:right;}
.module-portfolio-detail .block-description .block.img-left .block-text .table .table-row .table-cell {padding:0px 140px 0px 32px;}
.module-portfolio-detail .block-description .block.img-right .block-img {left:50%;}
.module-portfolio-detail .block-description .block.img-right .block-text {float:left;}
.module-portfolio-detail .block-description .block.img-right .block-text .table .table-row .table-cell {padding:0px 52px 0px 52px;}
/*
.module-portfolio-detail .block-description {margin:0px 0px 82px 0px;}
.module-portfolio-detail .block-description .table {display:table; width:100%; height:100%;}
.module-portfolio-detail .block-description .table .table-row {display:table-row;}
.module-portfolio-detail .block-description .table .table-row .table-cell {display:table-cell; text-align:left; vertical-align:middle;}
.module-portfolio-detail .block-description img {position:absolute;}
.module-portfolio-detail .block-description .title {font-size:30px; line-height:36px; color:#212121; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 13px 0px;}
.module-portfolio-detail .block-description .text {font-size:14px; line-height:24px; color:#606060;}
.module-portfolio-detail .block-description .text p {margin:0px; padding:0px;}
.module-portfolio-detail .block-description .block-task {width:100%; height:301px;}
.module-portfolio-detail .block-description .block-task .left {width:481px; height:100%; float:left; position:relative; padding:0px 34px 0px 0px;}
.module-portfolio-detail .block-description .block-task .right {width:481px; height:100%; float:left; position:relative;}
.module-portfolio-detail .block-description .block-task img {left:0px; width:481px; height:301px;}
.module-portfolio-detail .block-description .block-work {width:100%; height:362px;}
.module-portfolio-detail .block-description .block-work .left {width:481px; height:100%; float:left; position:relative;}
.module-portfolio-detail .block-description .block-work .left .animate-img {width:640px; right:0px; left:auto;}
.module-portfolio-detail .block-description .block-work .right {width:481px; height:100%; float:left; position:relative; padding:0px 0px 0px 34px;}
.module-portfolio-detail .block-description .block-work img {right:0px; width:640px; height:362px;}
*/
.module-portfolio-detail .block-main-text {background:none; margin:82px 0px 72px 0px; padding:0px;}
.module-portfolio-detail .block-button {margin:0px 0px 0px 0px; text-align:center;}
.module-portfolio-detail .block-button a {text-decoration:none; display:inline-block; background:#fff; font-size:16px; line-height:18px; color:#bb464b; padding:19px 30px 20px 30px; border:3px solid #f04248;}
.module-portfolio-detail .block-button a:hover {background:#f04248; color:#fff;}
/* Module portfolio navigation */
.module-portfolio-navigation {width:100%; height:162px;}
.module-portfolio-navigation a {display:block; background:#f5f5f5; width:50%; height:162px; float:left; position:relative; text-decoration:none;}
.module-portfolio-navigation .next {display:block; background:#f5f5f5; width:50%; height:162px; float:left;}
.module-portfolio-navigation .img {width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0; background-size:none;}
.module-portfolio-navigation .bg {background:#f04248; width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0;}
.module-portfolio-navigation .relative {position:absolute; top:50px; width:230px;}
.module-portfolio-navigation a.prev .relative {right:265px; padding:0px 0px 0px 56px;}
.module-portfolio-navigation a.prev .relative:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrows_portfolio_detail.png) no-repeat 0px 0px; width:31px; height:31px; position:absolute; top:-6px; left:0px;}
.module-portfolio-navigation a.prev .relative:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrows_portfolio_detail.png) no-repeat 0px -31px; width:31px; height:31px; position:absolute; top:-6px; left:0px; opacity:0;}
.module-portfolio-navigation a.prev:hover .relative:before {opacity:0;}
.module-portfolio-navigation a.prev:hover .relative:after {opacity:1;}
.module-portfolio-navigation a.next {float:right;}
.module-portfolio-navigation a.next .relative {left:265px; padding:0px 56px 0px 0px;}
.module-portfolio-navigation a.next .relative:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrows_portfolio_detail.png) no-repeat -31px 0px; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.module-portfolio-navigation a.next .relative:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrows_portfolio_detail.png) no-repeat -31px -31px; width:31px; height:31px; position:absolute; top:-6px; right:0px; opacity:0;}
.module-portfolio-navigation a.next:hover .relative:before {opacity:0;}
.module-portfolio-navigation a.next:hover .relative:after {opacity:1;}
.module-portfolio-navigation .relative .link {font-size:16px; line-height:18px; color:#2d2d2d; font-family:'Stem', Arial, sans-serif; margin:0px 0px 10px 0px; text-decoration:underline;}
.module-portfolio-navigation .relative .name {font-size:14px; line-height:18px; color:#2d2d2d; font-family:'Stem', Arial, sans-serif; max-height:56px; overflow:hidden;}
.module-portfolio-navigation a:hover .img {opacity:0.87;}
.module-portfolio-navigation a:hover .bg {opacity:0.87;}
.module-portfolio-navigation a:hover .relative .link {color:#fff;}
.module-portfolio-navigation a:hover .relative .name {color:#ffd3d0;}
.module-portfolio-navigation a.full {float:none; width:100%;}
.module-portfolio-navigation a.full .relative {left:50%; transform:translateX(-50%);}
/* Module pagen */
.module-pagen {padding:64px 0px 0px 0px; font-size:16px; line-height:20px; clear:both;}
.module-pagen .item {display:inline-block; text-decoration:none; color:#282828; font-family:'Stem', Arial, sans-serif; text-align:center; width:34px; height:34px; border:3px solid transparent; margin:0px 0px 0px 9px; padding:5px 0px 0px 0px;}
.module-pagen .item:first-child {margin-left:0px;}
.module-pagen .item:hover {color:#333330; opacity:0.6;}
.module-pagen .item.active {border-color:#2e2e2e; font-weight:bold; color:#282828; opacity:1;}
.module-pagen .arrow {width:15px; height:14px; position:relative; padding:0px; border:none;}
.module-pagen .arrow:before, .module-pagen .arrow:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrows_pagen.png) no-repeat; width:15px; height:14px; position:absolute; top:0px; left:0px;}
.module-pagen .arrow.arrow-left:before {background-position:0px 0px;}
.module-pagen .arrow.arrow-left:after {background-position:0px -14px; opacity:0;}
.module-pagen .arrow.arrow-left:hover:before {opacity:0;}
.module-pagen .arrow.arrow-left:hover:after {opacity:1;}
.module-pagen .arrow.arrow-right:before {background-position:-15px 0px;}
.module-pagen .arrow.arrow-right:after {background-position:-15px -14px; opacity:0;}
.module-pagen .arrow.arrow-right:hover:before {opacity:0;}
.module-pagen .arrow.arrow-right:hover:after {opacity:1;}
/* Module order */
.module-order {margin:0px;}
.module-order .block-notification {margin:-20px 0px 50px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-order .block-notification.show {display:block;}
.module-order .block-notification.errors {background:#d04449;}
.module-order .block-notification.success {background:#7aac81;}
.module-order .block-gray {background:#f5f5f5; padding:80px 0px 81px 0px;}
.module-order .block-white {background:#fff; padding:73px 0px 93px 0px;}
.module-order .block-content {width:802px; margin:0px auto; min-width:auto; padding:0px;}
.module-order .title {font-size:30px; line-height:30px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 62px 0px;}
.module-order .title.margin-top-100 {margin-top:100px;}
.module-order .block-fields {margin:50px 0px 0px 0px; position:relative;}
.module-order .block-fields:first-child {margin-top:0px;}
.module-order .block-fields .cell {width:379px; float:left; margin:0px 0px 0px 44px; position:relative;}
.module-order .block-fields .cell:first-child {margin-left:0px;}
.module-order .block-fields .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; border:none; border-bottom:2px solid #5f5f5f; padding:0px 30px 13px 0px; width:100%;}
.module-order .block-fields .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:4px; left:0px; cursor:text; display:block; width:100%;}
.module-order .block-fields .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-order .block-fields .help {background:url(/bitrix/templates/main/css/../images/icons/help.png) no-repeat; width:21px; height:21px; position:absolute; top:0px; right:0px; cursor:pointer;}
.module-order .block-fields .help:hover {opacity:0.5;}
.module-order .block-fields .datepicker {background:url(/bitrix/templates/main/css/../images/icons/datepicker.png) no-repeat; width:21px; height:21px; position:absolute; top:0px; right:0px; cursor:pointer;}
.module-order .block-fields .datepicker:hover {opacity:0.5;}
.module-order .block-fields .textarea {resize:none; height:37px; min-height:37px; padding-top:4px; transition:none !important;}
.module-order .block-fields .input.focus, .module-order .block-fields .input.not-empty {border-bottom-color:#cb4f4f;}
.module-order .block-fields .input.focus ~ label, .module-order .block-fields .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-order .block-file {margin:81px 0px 77px 0px;}
.module-order .block-file .name {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; margin:0px 0px 21px 0px;}
.module-order .block-file label {display:block; border:2px dotted #b4b4b4; font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; padding:20px 24px 22px 24px; cursor:pointer;}
.module-order .block-file label:hover {color:#333333;}
.module-order .block-file input {display:none;}
.module-order .blocks-design {margin:81px 0px 101px 0px;}
.module-order .blocks-design .row-design {margin:98px 0px 0px 0px;}
.module-order .blocks-design .row-design:first-child {margin-top:0px;}
.module-order .blocks-design .row-design .cell-design {width:379px; float:left; margin:0px 0px 0px 44px; position:relative;}
.module-order .blocks-design .row-design .cell-design:first-child {margin-left:0px;}
.module-order .blocks-design .row-design .cell-design input {display:none;}
.module-order .blocks-design .row-design .cell-design input + label {padding:0px 0px 0px 50px; position:relative; display:block;}
.module-order .blocks-design .row-design .cell-design input + label .name {font-size:16px; line-height:16px; color:#353535; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 15px 0px;}
.module-order .blocks-design .row-design .cell-design input + label .text {font-size:14px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif;}
.module-order .blocks-design .row-design .cell-design input + label:before {content:''; background:#fff; border:3px solid #414141; border-radius:50%; width:17px; height:17px; position:absolute; top:-6px; left:7px; cursor:pointer;}
.module-order .blocks-design .row-design .cell-design input + label:after {content:''; background:#414141; border-radius:50%; width:13px; height:13px; position:absolute; top:-1px; left:12px; cursor:pointer; opacity:0;}
.module-order .blocks-design .row-design .cell-design input:checked + label:after {opacity:1;}
.module-order .block-submit {margin:74px 0px 0px 0px;}
.module-order .block-submit label {display:inline-block; padding:19px 74px 14px 74px; border:3px solid #f04248; cursor:pointer;}
.module-order .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; border:none; margin:0px; padding:0px;}
.module-order .block-submit label:hover {background:#f04248;}
.module-order .block-submit label:hover input {color:#fff;}
/* Module feed */
.module-feed {margin:0px;}
.module-feed .block-notification {margin:-20px 0px 50px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-feed .block-notification.show {display:block;}
.module-feed .block-notification.errors {background:#d04449;}
.module-feed .block-notification.success {background:#7aac81;}
.module-feed .block-gray {background:#f5f5f5; padding:80px 0px 81px 0px;}
.module-feed .block-white {background:#fff; padding:73px 0px 93px 0px;}
.module-feed .block-content {width:802px; margin:0px auto; min-width:auto; padding:0px;}
.module-feed .title {font-size:30px; line-height:30px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 62px 0px;}
.module-feed .title.margin-top-100 {margin-top:100px;}
.module-feed .block-fields {margin:50px 0px 0px 0px; position:relative;}
.module-feed .block-fields:first-child {margin-top:0px;}
.module-feed .block-fields .cell {width:379px; float:left; margin:0px 0px 0px 44px; position:relative;}
.module-feed .block-fields .cell:first-child {margin-left:0px;}
.module-feed .block-fields .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; bfeed:none; bfeed-bottom:2px solid #5f5f5f; padding:0px 30px 13px 0px; width:100%;}
.module-feed .block-fields .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:4px; left:0px; cursor:text; display:block; width:100%;}
.module-feed .block-fields .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-feed .block-fields .help {background:url(/bitrix/templates/main/css/../images/icons/help.png) no-repeat; width:21px; height:21px; position:absolute; top:0px; right:0px; cursor:pointer;}
.module-feed .block-fields .help:hover {opacity:0.5;}
.module-feed .block-fields .datepicker {background:url(/bitrix/templates/main/css/../images/icons/datepicker.png) no-repeat; width:21px; height:21px; position:absolute; top:0px; right:0px; cursor:pointer;}
.module-feed .block-fields .datepicker:hover {opacity:0.5;}
.module-feed .block-fields .textarea {resize:none; height:37px; min-height:37px; padding-top:4px; transition:none !important;}
.module-feed .block-fields .input.focus, .module-feed .block-fields .input.not-empty {bfeed-bottom-color:#cb4f4f;}
.module-feed .block-fields .input.focus ~ label, .module-feed .block-fields .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-feed .block-file {margin:81px 0px 77px 0px;}
.module-feed .block-file .name {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; margin:0px 0px 21px 0px;}
.module-feed .block-file label {display:block; bfeed:2px dotted #b4b4b4; font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; padding:20px 24px 22px 24px; cursor:pointer;}
.module-feed .block-file label:hover {color:#333333;}
.module-feed .block-file input {display:none;}
.module-feed .blocks-design {margin:81px 0px 101px 0px;}
.module-feed .blocks-design .row-design {margin:98px 0px 0px 0px;}
.module-feed .blocks-design .row-design:first-child {margin-top:0px;}
.module-feed .blocks-design .row-design .cell-design {width:379px; float:left; margin:0px 0px 0px 44px; position:relative;}
.module-feed .blocks-design .row-design .cell-design:first-child {margin-left:0px;}
.module-feed .blocks-design .row-design .cell-design input {display:none;}
.module-feed .blocks-design .row-design .cell-design input + label {padding:0px 0px 0px 50px; position:relative; display:block;}
.module-feed .blocks-design .row-design .cell-design input + label .name {font-size:16px; line-height:16px; color:#353535; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 15px 0px;}
.module-feed .blocks-design .row-design .cell-design input + label .text {font-size:14px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif;}
.module-feed .blocks-design .row-design .cell-design input + label:before {content:''; background:#fff; bfeed:3px solid #414141; bfeed-radius:50%; width:17px; height:17px; position:absolute; top:-6px; left:7px; cursor:pointer;}
.module-feed .blocks-design .row-design .cell-design input + label:after {content:''; background:#414141; bfeed-radius:50%; width:13px; height:13px; position:absolute; top:-1px; left:12px; cursor:pointer; opacity:0;}
.module-feed .blocks-design .row-design .cell-design input:checked + label:after {opacity:1;}
.module-feed .block-submit {margin:74px 0px 0px 0px;}
.module-feed .block-submit label {display:inline-block; padding:19px 74px 14px 74px; bfeed:3px solid #f04248; cursor:pointer;}
.module-feed .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; bfeed:none; margin:0px; padding:0px;}
.module-feed .block-submit label:hover {background:#f04248;}
.module-feed .block-submit label:hover input {color:#fff;}
/* Page static */
.page-static {padding:70px 0px 190px 0px;}
.page-static .block-main-text {background:none; margin:0px 0px 70px 0px; padding:0px;}
.page-static .block-works {margin:0px 0px 70px 0px;}
.page-static .module-portfolio-detail {margin:0px 0px 70px 0px; overflow:visible;}
.page-static .module-form-order,.page-static .module-form-feed {margin:100px auto 0px auto;}
/* Popup */
.fancybox-overlay.white {background:#fff; overflow:hidden; width:100% !important; right:auto; left:-100%; opacity:0;}
.fancybox-overlay.white.animated {left:0px; opacity:1;}
.fancybox-overlay.white.animated-close {left:-100%; opacity:0;}
.fancybox-overlay.white .fancybox-close {background:url(/bitrix/templates/main/css/../images/icons/close.png) no-repeat; width:44px; height:43px; position:absolute; top:32px; right:35px; opacity:0;}
.fancybox-overlay.white.animated .fancybox-close {opacity:1;}
.fancybox-overlay.white .fancybox-skin {box-shadow:none; background:#fff;}
.fancybox-skin {box-shadow:none !important;}
.fancybox-overlay.certificate {background:url(/bitrix/templates/main/css/../images/backgrounds/fancybox_black.png) repeat;}
.fancybox-overlay.certificate .fancybox-close {background:url(/bitrix/templates/main/css/../images/icons/fancybox_close.png) no-repeat; width:68px; height:68px; position:absolute; top:10px; right:2px;}
.fancybox-overlay.certificate .fancybox-skin {box-shadow:none; background:none;}
.fancybox-overlay {background:none;}
#fancybox-loading {display:none !important;}
/* Module form job */
.module-form-job {width:800px; background:#fff;}
.module-form-job .title {font-size:48px; line-height:48px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 60px 0px; position:relative;}
.module-form-job .block-notification {margin:-30px 0px 30px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-form-job .block-notification.show {display:block;}
.module-form-job .block-notification.errors {background:#d04449;}
.module-form-job .block-notification.success {background:#7aac81;}
.module-form-job .block-form {margin:0px; position:relative;}
.module-form-job .block-form .row {margin:50px 0px 0px 0px;}
.module-form-job .block-form .row:first-child {margin-top:0px;}
.module-form-job .block-form .row .cell {width:379px; float:left; margin:0px 0px 0px 42px; position:relative;}
.module-form-job .block-form .row .cell:first-child {margin-left:0px;}
.module-form-job .block-form .row .cell .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; border:none; border-bottom:2px solid #5f5f5f; padding:0px 0px 11px 0px; width:100%;}
.module-form-job .block-form .row .cell .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:2px; left:0px; cursor:text;}
.module-form-job .block-form .row .cell .input.focus, .module-form-job .block-form .row .cell .input.not-empty {border-bottom-color:#cb4f4f;}
.module-form-job .block-form .row .cell .input.focus ~ label, .module-form-job .block-form .row .cell .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-form-job .block-form .row .cell .select {width:100%;}
.module-form-job .block-form .row .cell .jq-selectbox {display:block; width:100%;}
.module-form-job .block-form .row .cell .jq-selectbox__select {background:none; border:none; border-bottom:2px solid #5f5f5f; padding:2px 0px 15px 0px; width:100%; margin:0px; box-shadow:none; border-radius:0px; height:auto;}
.module-form-job .block-form .row .cell .jq-selectbox__select-text {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; text-shadow:none;}
.module-form-job .block-form .row .cell .jq-selectbox__trigger {background:url(/bitrix/templates/main/css/../images/icons/arrows_select.png) no-repeat 0px 0px; width:16px; height:9px; position:absolute; top:8px; right:8px; border:none;}
.module-form-job .block-form .row .cell .opened .jq-selectbox__trigger {background-position:0px -9px;}
.module-form-job .block-form .row .cell .jq-selectbox__trigger-arrow {display:none;}
.module-form-job .block-form .row .cell .jq-selectbox__dropdown {background:#fff; border:2px solid #d0d0d0; box-shadow:none; margin:18px 0px 0px 0px; padding:0px; border-radius:0px;}
.module-form-job .block-form .row .cell .jq-selectbox__dropdown ul {margin:0px; padding:0px; list-style-type:none;}
.module-form-job .block-form .row .cell .jq-selectbox__dropdown ul li {margin:0px; padding:20px 34px 20px 34px; font-size:16px; line-height:18px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif;}
.module-form-job .block-form .row .cell .jq-selectbox__dropdown ul li:hover, .module-form-job .block-form .row .cell .jq-selectbox__dropdown ul li.selected {background:#cb4f4f; color:#fff;}
.module-form-job .block-form .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-form-job .block-form .block-file {margin:64px 0px 0px 0px;}
.module-form-job .block-form .block-file label {display:block; border:2px dotted #b4b4b4; font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; padding:20px 24px 22px 24px; cursor:pointer;}
.module-form-job .block-form .block-file label:hover {color:#333333;}
.module-form-job .block-form .block-file input {display:none;}
.module-form-job .block-form .block-submit {margin:60px 0px 0px 0px;}
.module-form-job .block-form .block-submit label {display:inline-block; padding:19px 74px 14px 74px; border:3px solid #f04248; cursor:pointer;}
.module-form-job .block-form .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; border:none; margin:0px; padding:0px;}
.module-form-job .block-form .block-submit label:hover {background:#f04248;}
.module-form-job .block-form .block-submit label:hover input {color:#fff;}
/* Module form order */
.module-form-order {width:800px; background:#fff; position:relative; overflow:hidden;}
.module-form-order .title {font-size:48px; line-height:48px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 62px 0px; position:relative;}
.module-form-order .link {position:absolute; top:20px; right:0px;}
.module-form-order .link a {color:#282828; position:relative; padding:0px 60px 0px 0px; text-decoration:none;}
.module-form-order .link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.module-form-order .link a:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat -31px 0px; width:31px; height:31px; position:absolute; top:-6px; right:0px; opacity:0;}
.module-form-order .link a:hover {color:#f04248; text-decoration:underline;}
.module-form-order .link a:hover:before {opacity:0;}
.module-form-order .link a:hover:after {opacity:1;}
.module-form-order .block-notification {margin:-30px 0px 30px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-form-order .block-notification.show {display:block;}
.module-form-order .block-notification.errors {background:#d04449;}
.module-form-order .block-notification.success {background:#7aac81;}
.module-form-order .block-form {margin:0px; position:relative;}
.module-form-order .block-form .row {margin:50px 0px 0px 0px;}
.module-form-order .block-form .row:first-child {margin-top:0px;}
.module-form-order .block-form .row .cell {width:379px; float:left; margin:0px 0px 0px 42px; position:relative;}
.module-form-order .block-form .row .cell.cell-big {width:100%;}
.module-form-order .block-form .row .cell:first-child {margin-left:0px;}
.module-form-order .block-form .row .cell .textarea {resize:none; height:100px; padding-top:4px;}
.module-form-order .block-form .row .cell .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; border:none; border-bottom:2px solid #5f5f5f; padding:0px 0px 11px 0px; width:100%;}
.module-form-order .block-form .row .cell .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:2px; left:0px; cursor:text;}
.module-form-order .block-form .row .cell .input.focus, .module-form-order .block-form .row .cell .input.not-empty {border-bottom-color:#cb4f4f;}
.module-form-order .block-form .row .cell .input.focus ~ label, .module-form-order .block-form .row .cell .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-form-order .block-form .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-form-order .block-form .block-submit {margin:64px 0px 0px 0px;}
.module-form-order .block-form .block-submit label {display:inline-block; padding:19px 74px 14px 74px; border:3px solid #f04248; cursor:pointer;}
.module-form-order .block-form .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; border:none; margin:0px; padding:0px;}
.module-form-order .block-form .block-submit label:hover {background:#f04248;}
.module-form-order .block-form .block-submit label:hover input {color:#fff;}
/* Module form feed */
/*.module-form-feed {width:800px; background:#fff; position:relative; overflow:hidden;}
.module-form-feed .title {font-size:48px; line-height:48px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 62px 0px; position:relative;}
.module-form-feed .link {position:absolute; top:20px; right:0px;}
.module-form-feed .link a {color:#282828; position:relative; padding:0px 60px 0px 0px; text-decoration:none;}
.module-form-feed .link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.module-form-feed .link a:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat -31px 0px; width:31px; height:31px; position:absolute; top:-6px; right:0px; opacity:0;}
.module-form-feed .link a:hover {color:#f04248; text-decoration:underline;}
.module-form-feed .link a:hover:before {opacity:0;}
.module-form-feed .link a:hover:after {opacity:1;}
.module-form-feed .block-notification {margin:-30px 0px 30px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-form-feed .block-notification.show {display:block;}
.module-form-feed .block-notification.errors {background:#d04449;}
.module-form-feed .block-notification.success {background:#7aac81;}
.module-form-feed .block-form {margin:0px; position:relative;}
.module-form-feed .block-form .row {margin:50px 0px 0px 0px;}
.module-form-feed .block-form .row:first-child {margin-top:0px;}
.module-form-feed .block-form .row .cell {width:379px; float:left; margin:0px 0px 0px 42px; position:relative;}
.module-form-feed .block-form .row .cell.cell-big {width:100%;}
.module-form-feed .block-form .row .cell:first-child {margin-left:0px;}
.module-form-feed .block-form .row .cell .textarea {resize:none; height:100px; padding-top:4px;}
.module-form-feed .block-form .row .cell .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; bfeed:none; bfeed-bottom:2px solid #5f5f5f; padding:0px 0px 11px 0px; width:100%;}
.module-form-feed .block-form .row .cell .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:2px; left:0px; cursor:text;}
.module-form-feed .block-form .row .cell .input.focus, .module-form-feed .block-form .row .cell .input.not-empty {bfeed-bottom-color:#cb4f4f;}
.module-form-feed .block-form .row .cell .input.focus ~ label, .module-form-feed .block-form .row .cell .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-form-feed .block-form .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-form-feed .block-form .block-submit {margin:64px 0px 0px 0px;}
.module-form-feed .block-form .block-submit label {display:inline-block; padding:19px 74px 14px 74px; bfeed:3px solid #f04248; cursor:pointer;}
.module-form-feed .block-form .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; bfeed:none; margin:0px; padding:0px;}
.module-form-feed .block-form .block-submit label:hover {background:#f04248;}
.module-form-feed .block-form .block-submit label:hover input {color:#fff;}*/
.module-form-feed {width:800px; background:#fff; position:relative; overflow:hidden;}
.module-form-feed .title {font-size:48px; line-height:48px; color:#414141; font-weight:bold; font-family:'Stem', Arial, sans-serif; margin:0px 0px 62px 0px; position:relative;}
.module-form-feed .link {position:absolute; top:20px; right:0px;}
.module-form-feed .link a {color:#282828; position:relative; padding:0px 60px 0px 0px; text-decoration:none;}
.module-form-feed .link a:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat; width:31px; height:31px; position:absolute; top:-6px; right:0px;}
.module-form-feed .link a:after {content:''; background:url(/bitrix/templates/main/css/../images/icons/more.png?v=2) no-repeat -31px 0px; width:31px; height:31px; position:absolute; top:-6px; right:0px; opacity:0;}
.module-form-feed .link a:hover {color:#f04248; text-decoration:underline;}
.module-form-feed .link a:hover:before {opacity:0;}
.module-form-feed .link a:hover:after {opacity:1;}
.module-form-feed .block-notification {margin:-30px 0px 30px 0px; padding:21px 26px 21px 26px; font-size:16px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; display:none;}
.module-form-feed .block-notification.show {display:block;}
.module-form-feed .block-notification.errors {background:#d04449;}
.module-form-feed .block-notification.success {background:#7aac81;}
.module-form-feed .block-form {margin:0px; position:relative;}
.module-form-feed .block-form .row {margin:50px 0px 0px 0px;}
.module-form-feed .block-form .row:first-child {margin-top:0px;}
.module-form-feed .block-form .row .cell {width:379px; float:left; margin:0px 0px 0px 42px; position:relative;}
.module-form-feed .block-form .row .cell.cell-big {width:100%;}
.module-form-feed .block-form .row .cell:first-child {margin-left:0px;}
.module-form-feed .block-form .row .cell .textarea {resize:none; height:100px; padding-top:4px;}
.module-form-feed .block-form .row .cell .input {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; background:none; border:none; border-bottom:2px solid #5f5f5f; padding:0px 0px 11px 0px; width:100%;}
.module-form-feed .block-form .row .cell .input + label {font-size:16px; line-height:16px; color:#777777; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:2px; left:0px; cursor:text;}
.module-form-feed .block-form .row .cell .input.focus, .module-form-feed .block-form .row .cell .input.not-empty {border-bottom-color:#cb4f4f;}
.module-form-feed .block-form .row .cell .input.focus ~ label, .module-form-feed .block-form .row .cell .input.not-empty ~ label {top:-15px; font-size:11px;}
.module-form-feed .block-form .required {font-size:16px; line-height:16px; color:#f04248; font-weight:300; font-style:italic; font-family:'Stem', Arial, sans-serif; position:absolute; top:12px; right:0px;}
.module-form-feed .block-form .block-submit {margin:64px 0px 0px 0px;}
.module-form-feed .block-form .block-submit label {display:inline-block; padding:19px 74px 14px 74px; border:3px solid #f04248; cursor:pointer;}
.module-form-feed .block-form .block-submit label input {font-size:16px; line-height:18px; color:#bb464b; background:none; border:none; margin:0px; padding:0px;}
.module-form-feed .block-form .block-submit label:hover {background:#f04248;}
.module-form-feed .block-form .block-submit label:hover input {color:#fff;}
.animated .module-form-order,
.animated .module-form-feed {
opacity:1;
}
/* Footer */
footer {background:#161616; width:100%; height:660px; position:relative;}
footer p {margin:0px; padding:0px;}
footer a {color:#c2c2c2; text-decoration:underline;}
footer .block-top {/* height:427px; */height:435px;}
footer .block-top .block-logo {width:33.33%; float:left; padding:142px 0px 0px 44px;}
footer .block-top .block-contacts {width:33.33%; height:auto; float:left; padding:58px 0px 0px 0px;}
footer .block-top .block-contacts .title {font-size:14px; line-height:24px; color:#fff; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 54px 0px;}
footer .block-top .block-contacts .address {font-size:14px; line-height:24px; color:#c2c2c2; margin:0px 0px 12px 0px;}
footer .block-top .block-contacts .phone {font-size:14px; line-height:24px; color:#c2c2c2; margin:0px 0px 21px 0px;}
footer .block-top .block-contacts .email {font-size:14px; line-height:24px; color:#c2c2c2; margin:0px 0px 47px 0px;}
footer .block-top .block-contacts .email a {color:#c2c2c2; text-decoration:underline;}
footer .block-top .block-contacts .email a:hover {color:#fff;}
footer .block-top .block-contacts .order {margin:0px;}
footer .block-top .block-contacts .order a {display:inline-block; border:3px solid #818181; padding:8px 37px 10px 37px; font-size:14px; color:#c2c2c2; font-family:'Stem', Arial, sans-serif; text-decoration:none;}
footer .block-top .block-contacts .order a:hover {border-color:#893336; color:#f04248;}
footer .block-top .block-contacts .feed {margin:0px;}
footer .block-top .block-contacts .feed a {display:inline-block; border:3px solid #818181; padding:8px 37px 10px 37px; font-size:14px; color:#c2c2c2; font-family:'Stem', Arial, sans-serif; text-decoration:none;}
footer .block-top .block-contacts .feed a:hover {border-color:#893336; color:#f04248;}
footer .block-top .block-feedback {width:33.33%; float:left; padding:58px 0px 0px 0px;}
footer .block-top .block-feedback .title {font-size:14px; line-height:18px; color:#fff; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px 0px 57px 0px;}
footer .block-top .block-feedback .block-form {margin:0px;}
footer .block-top .block-feedback .block-form .block-notification {margin:-20px 0px 20px 0px; font-size:14px; line-height:24px; color:#c2c2c2;}
footer .block-top .block-feedback .block-form .block {margin:19px 0px 0px 0px;}
footer .block-top .block-feedback .block-form .block:first-child {margin-top:0px;}
footer .block-top .block-feedback .block-form .block input {border:none; border-bottom:1px solid #626262; background:none; font-size:14px; font-style:italic; font-family:'Stem', Arial, sans-serif; color:#c2c2c2; padding:0px 0px 5px 0px; width:100%; position:relative;}
footer .block-top .block-feedback .block-form .block input:focus {border-bottom-color:#f04248;}
footer .block-top .block-feedback .block-form .block textarea {border:none; border-bottom:1px solid #626262; background:none; font-size:14px; font-style:italic; font-family:'Stem', Arial, sans-serif; color:#c2c2c2; padding:0px 0px 5px 0px; width:100%; height:66px; resize:none;}
footer .block-top .block-feedback .block-form .block textarea:focus {border-bottom-color:#f04248;}
footer .block-top .block-feedback .block-form .button {margin:23px 0px 0px 0px;}
footer .block-top .block-feedback .block-form .button label {display:inline-block; position:relative; cursor:pointer;}
footer .block-top .block-feedback .block-form .button label:before {content:''; background:#353535; width:3px; height:100%; position:absolute; top:0px; left:0px;}
footer .block-top .block-feedback .block-form .button label input {font-size:14px; line-height:24px; color:#5d5d5d; font-family:'Stem', Arial, sans-serif; text-transform:uppercase; margin:0px; padding:2px 11px 3px 11px; background:none; border:none; cursor:pointer; position:relative;}
footer .block-top .block-feedback .block-form .button label:hover:before {background:#f04248; width:100%;}
footer .block-top .block-feedback .block-form .button label:hover input {color:#fff;}
footer .block-bottom {margin:0px;}
footer .block-bottom .block-license {float:left; white-space:nowrap; font-size:12px; line-height:24px; color:#5a5a5a; padding:31px 0px 0px 0px;}
footer .block-bottom .block-dev {text-align:right; float:right; padding:20px 0px 0px 0px;}
footer .block-bottom .block-dev a {display:inline-block; width:108px; height:39px; position:relative;}
footer .block-bottom .block-dev a:before {content:''; background:url(/bitrix/templates/main/css/../images/cherbes.png) no-repeat 0px 0px; width:108px; height:39px; position:absolute; top:0px; left:0px; opacity:1;}
footer .block-bottom .block-dev a:after {content:''; background:url(/bitrix/templates/main/css/../images/cherbes.png) no-repeat 0px -39px; width:108px; height:39px; position:absolute; top:0px; left:0px; opacity:0;}
footer .block-bottom .block-dev a:hover:before {opacity:0;}
footer .block-bottom .block-dev a:hover:after {opacity:1;}
/* Tooltip */
.tooltip {background:#fff; border:2px solid #d0d0d0; width:297px; position:absolute; top:0px; left:0px; z-index:10000; padding:28px 30px 28px 30px; font-size:14px; line-height:18px; color:#282828;}
.tooltip:before {content:''; background:url(/bitrix/templates/main/css/../images/icons/arrow_tooltip.png) no-repeat; width:12px; height:10px; position:absolute; top:-10px; right:12px;}
/* Module menu */
.module-menu-white {background:#fff; width:100%; height:100%; position:fixed; top:0px; left:-100%; z-index:1000; opacity:0.5;}
.module-menu-white.open {left:0px; opacity:1;}
.module-menu {background:#cd3b42; width:100%; height:100%; position:fixed; top:0px; left:-200%; z-index:1000; opacity:0; overflow:hidden;}
.module-menu .module-menu-wrap {background:url(/bitrix/templates/main/css/../images/backgrounds/menu.jpg) no-repeat; background-size:cover; width:100%; height:100%;}
.module-menu .close {background:url(/bitrix/templates/main/css/../images/icons/close_white.png) no-repeat; width:44px; height:43px; position:absolute; top:32px; right:35px; z-index:2; opacity:0;}
.module-menu .block-content {height:100%;}
.module-menu menu {margin:0px; padding:0px; list-style-type:none; position:absolute; top:50%; left:17%; transform:translateY(-50%);}
.module-menu menu li {font-size:48px; line-height:48px; color:#fff; font-weight:300; font-family:'Stem', Arial, sans-serif; margin:30px 0px 0px 0px; position:relative; opacity:0; top:25px;}
.module-menu menu li:first-child {margin-top:0px;}
.module-menu menu li .number {font-size:28px; position:relative; top:-16px; margin:0px -7px 0px 0px;}
.module-menu menu li a {color:#fff; text-decoration:none; border-bottom:3px solid transparent;}
.module-menu menu li a:hover {border-bottom-color:#ca696e;}
.module-menu menu li.active a {font-weight:bold;}
.module-menu.open {left:0px; opacity:1;}
.module-menu.open .close {opacity:1;}
.module-menu.open menu li {opacity:1; top:0px;}
/* Datepicker */
#ui-datepicker-div {width:270px; height:278px; margin:0px; padding:0px; border:2px solid #cb4f4f; background:#fff; margin-top:16px;}
#ui-datepicker-div .ui-datepicker-header {background:#cb4f4f; position:relative; height:48px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {color:#fff; font-size:19px; color:#fff; font-family:'Stem', Arial, sans-serif; padding:4px 0px 0px 0px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {background:url(/bitrix/templates/main/css/../images/icons/arrows_datepicker.png) no-repeat 0px 0px; width:6px; height:10px; position:absolute; top:18px; left:17px; cursor:pointer;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {background:url(/bitrix/templates/main/css/../images/icons/arrows_datepicker.png) no-repeat -6px 0px; width:6px; height:10px; position:absolute; top:18px; right:17px; cursor:pointer;}
#ui-datepicker-div th {background:#cb4f4f; font-size:16px; color:#fff; text-align:center; padding:2px 0px 5px 0px;}
#ui-datepicker-div td {font-size:16px; color:#9d9d9d; text-align:center; padding:4px 0px 4px 0px;}
#ui-datepicker-div td a {font-size:16px; color:#9d9d9d; text-align:center;}
#ui-datepicker-div td a.ui-state-active {border-radius:50%;}
/* Animation */
.animate-opacity {position:relative; opacity:0; top:50px;}
.animate-opacity.animated {top:0px; opacity:1;}
.animate-line .line {background:#2d2d2d; position:absolute;}
.animate-line .line.line-top {width:0px; height:3px; top:0px; left:0px;}
.animate-line .line.line-right {width:3px; height:0px; top:0px; right:0px;}
.animate-line .line.line-bottom {width:0px; height:3px; bottom:0px; right:0px;}
.animate-line .line.line-left {width:3px; height:0px; bottom:0px; left:0px;}
.animate-img {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.animate-img img {position:absolute; top:-100%; left:-100%;}
.animate-img .animate-img-bg {background:#cdae91; width:5px; height:100%; position:absolute; top:-100%; left:0px;}
@media screen and (min-width:1350px) {
/* Banners */
.block-main-banner h1 {font-size:69px; line-height:69px;}
.block-main-banner .h1 {font-size:69px; line-height:69px;}
.block-second-banner h1 {font-size:69px; line-height:69px;}
.block-second-banner.banner-portfolio-detail h1 .big {font-size:69px;}
/* Block main work */
.block-main-work .blocks .block.img-left .block-text .table .table-row .table-cell {padding-right:200px;}
.block-main-work .scrollmagic-pin-spacer {width:215px !important;}
.block-main-work .block-animation-number {font-size:150px; line-height:150px; width:215px; height:150px; right:-93px;}
.block-main-work .block-animation-number .number-left {width:105px;}
.block-main-work .block-animation-number .number-right {width:110px;}
.block-main-work .block-animation-number .number-right .number {height:150px;}
}
/* ==========================================================================
��������������� �����
========================================================================== */
.show {display:block;}
.hide {display:none;}
.invisible {visibility:hidden;}
.clear {margin:0px; padding:0px; font-size:0px; line-height:0px; height:1px; clear:both; float:none;}
.clearfix {display:inline-block; //display:inline; //zoom:1; width:100%;}
::-ms-reveal {display:none;}
/* ==========================================================================
����� ��� ������
========================================================================== */
@media print {
* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
a, a:visited {text-decoration:underline;}
a[href]:after {content:" (" attr(href) ")";}
abbr[title]:after {content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";}
pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
thead {display:table-header-group;}
tr, img {page-break-inside:avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p, h2, h3 {orphans:3; widows:3;}
h2, h3 {page-break-after:avoid;}
}
.block-sitemap {
margin: 0px;
}
.list-item {
margin-bottom: 40px;
}
.list-item:last-child {
margin-bottom: 0px!important;
}
.post-preview-image {
float: left;
padding-right: 40px;
}
.order_service {
cursor: pointer;
position: fixed;
right: -55px;
top: 50%;
padding: 10px 20px;
border: 1px solid;
background-color: white;
z-index: 20;
text-align: center;
transform: rotate(-90deg);
}
a.transition.cstm-btn {
padding: 8px 18px 10px 19px !important;
}
.mark-check-ul ul{
list-style: none;
padding: 0;
margin: 0;
}
.mark-check-ul ul li {
padding-left: 16px;
}
.mark-check-ul ul li:before {
content: '✓';
padding-right: 8px;
color: blue;
}
h2.cat-h2 {
font-size: 26px;
text-align: center;
}
.back-to-catalog a {
position: relative;
}
.back-to-catalog a:after {
top: 2px !important;
}
.price {
border-collapse: collapse;
background: #dcdcdc;
width: 750px;
margin: auto;clear: left;
clear: left;
margin-bottom: 20px;
}
.price td {
border: 1px solid #000;
font-family: Geneva, Arial, sans-serif;
font-size: 12px;
padding: 0 20px;
vertical-align: middle;
text-align: center;
}
.imgcont {
margin: auto;
}
.img_cnt img {
width: 350px;
padding: 2px;
}
.servises_main.module-portfolio-list .row .cell {
margin: 0;
padding: 0px 0px 0px 1px;
width: 20%;
}
.servises_main.module-portfolio-list .row .cell .content .text {
width: 100%;
bottom: 0;
top: 20px;
padding: 0 24px;
}
.servises_main.module-portfolio-list .row .cell .content .text .more {
bottom: 0;
}
.banner_form
{
position: absolute;
max-width:340px;
top: 300px;
right: 0;
border: 1px solid #807d7b;
box-sizing: border-box;
padding: 50px 40px;
}
.banner_form .banner_form_title
{
color:#fff;
font-size:24px;
margin-bottom:20px;
font-weight:bold;
}
.banner_form input[type="submit"]
{
background:#f04248;
color:#fff;
text-transform:uppercase;
width:250px;
box-sizing:border-box;
padding:20px 0;
border:none;
}
.banner_form input[type="submit"]:hover
{
opacity:0.8;
}
.banner_form input[type="text"]
{
box-sizing:border-box;
padding: 15px 10px 15px 40px;
border:none;
margin-bottom:15px;
position:relative;
width:250px;
}
.banner_form input.input_name
{
background: rgba(255,255,255,0.5) url(/bitrix/templates/main/images/ico_name.png) no-repeat 12px 15px;
}
.banner_form input.input_phone
{
background: rgba(255,255,255,0.5) url(/bitrix/templates/main/images/ico_phone.png) no-repeat 12px 15px;
}
.banner_form input[type="text"]::-webkit-input-placeholder {color:#000;}
.banner_form input[type="text"]::-moz-placeholder {color:#000;}
.banner_form input[type="text"]:-moz-placeholder {color:#000;}
.banner_form input[type="text"]:-ms-input-placeholder {color:#000;}
.banner_form .checkbox input,
.bottom_form_service .border_bottom_form .checkbox input
{
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.banner_form .checkbox__text
{
position: relative;
padding: 0 0 0 40px;
cursor: pointer;
line-height: 16px;
margin-bottom: 15px;
color: #fff;
margin-top: 5px;
}
.bottom_form_service .border_bottom_form .checkbox__text
{
position: relative;
padding: 0 0 0 40px;
cursor: pointer;
line-height: 16px;
color: #000;
margin-top: 5px;
}
.bottom_form_service .border_bottom_form .checkbox__text a
{
color: #033333;
}
.banner_form .checkbox__text a
{
color:#fff;
}
.banner_form .checkbox__text:before,
.bottom_form_service .border_bottom_form .checkbox__text:before
{
content: '';
position: absolute;
top: 0px;
left: 0;
width: 25px;
height: 25px;
background: rgba(255,255,255,0.5);
}
.bottom_form_service .border_bottom_form .checkbox__text:before
{
background: #f1f1f1;
top: 3px;
}
.banner_form .checkbox__text:after,
.bottom_form_service .border_bottom_form .checkbox__text:after
{
content: '';
position: absolute;
top: 7px;
left: 6px;
width: 12px;
height: 4px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-o-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
opacity:0;
}
.bottom_form_service .border_bottom_form .checkbox__text:after
{
border-top:1px solid #000;
border-right:1px solid #000;
top: 10px;
}
.banner_form .checkbox input:checked + .checkbox__text:after,
.bottom_form_service .border_bottom_form .checkbox input:checked + .checkbox__text:after
{
opacity: 1;
}
.banner_form .block-notification.show
{
color: #40ad08;
line-height: 16px;
margin-bottom: 15px;
}
.banner_form .block-notification.errors
{
color: #ff3939;
line-height: 16px;
margin-bottom: 15px;
}
.bottom_form_service
{
background:#f5f5f5;
padding-bottom:50px;
}
.bottom_form_service .border_bottom_form
{
border:1px solid #ebebeb;
box-sizing:boder-box;
padding:50px;
background: #fff;
}
.bottom_form_service .border_bottom_form .blocks
{
display: -webkit-flex;
-webkit-flex-wrap: wrap;
display: flex;
flex-wrap: wrap;
}
.bottom_form_service .border_bottom_form .blocks .block
{
-webkit-flex-grow: 5;
flex-grow: 5;
}
.bottom_form_service .border_bottom_form .bottom_form_title
{
font-size:24px;
font-weight:bold;
color:#000;
margin-right: 15px;
padding-top: 8px;
}
.bottom_form_service .border_bottom_form input[type="text"]
{
box-sizing:border-box;
padding: 15px 10px 15px 40px;
border:none;
position:relative;
background:#f1f1f1;
width: 95%;
}
.bottom_form_service .border_bottom_form input.input_name
{
background: #f1f1f1 url(/bitrix/templates/main/images/ico_phone_grey.png) no-repeat 12px 15px;
}
.bottom_form_service .border_bottom_form input.input_phone
{
background: #f1f1f1 url(/bitrix/templates/main/images/ico_phone_grey.png) no-repeat 12px 15px;
}
.bottom_form_service .border_bottom_form input[type="text"]::-webkit-input-placeholder {color:#000;}
.bottom_form_service .border_bottom_form input[type="text"]::-moz-placeholder {color:#000;}
.bottom_form_service .border_bottom_form input[type="text"]:-moz-placeholder {color:#000;}
.bottom_form_service .border_bottom_form input[type="text"]:-ms-input-placeholder {color:#000;}
.bottom_form_service .border_bottom_form input[type="submit"]
{
background: #f04248;
color: #fff;
text-transform: uppercase;
box-sizing: border-box;
padding: 15px 25px;
border: none;
margin-left: 10px;
}
.bottom_form_service .border_bottom_form input[type="submit"]:hover
{
opacity:0.8;
}
.bottom_form_service .border_bottom_form .block-notification.show
{
color: #40ad08;
line-height: 16px;
margin-bottom: 15px;
}
.bottom_form_service .border_bottom_form .block-notification.errors
{
color: #ff3939;
line-height: 16px;
margin-bottom: 15px;
}
.block-content.reviews__service,
.block-content.examples__service{
margin-top: 40px;
}
.work__examples-list{
padding: 0 20px;
}
.work__examples-item
{
position: relative;
height: 370px;
box-sizing: border-box;
padding: 0 1px;
transition: .25s;
width: auto!important;
display: block!important;
}
.work__examples-item img
{
max-width:100%;
display:block;
margin:0 auto;
max-height:370px;
}
.examples__service{
padding: 50px 0px;
background-color: #f5f5f5;
}
.block-document-company
{
background:#f7f7f7;
}
/*style fixes for font size.start*/
.module-portfolio-list .row .cell .content .text{width: 310px;}
.module-portfolio-list .row .cell .content .text .more{right: 65px;}
.module-portfolio-list .row .cell .content .text .name{font-size: 25px;line-height: 25px;}
/*style fixes for font size.end*/
@media screen and (max-width: 780px)
{
.banner_form
{
right:60px;
}
}
@media screen and (max-height: 670px)
{
.banner_form
{
top: 210px;
padding: 20px 20px;
}
}
@media screen and (max-height: 649px)
{
.module-menu menu li {
font-size: 6vh;
line-height: 6vh;
}
.module-menu menu li .number {
font-size: 0.6em;
}
}
.list-item .post-preview-image img {
max-width: 150px;
}
/* block-have-question */
.block-have-question {
margin-top: 60px;
}
.block-have-question__bg {
background: url("/bitrix/templates/main/images/block-have-question/block-have-question__bg.png");
padding: 20px;
}
.block-have-question__bg_red {
background: #f04248bd;
padding: 20px 30px;
}
.block-have-question__wrap {}
.block-have-question__h2 {
color: #FFF;
font-family: Stem;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.block-have-question__content {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.block-have-question__content {
align-items: flex-end;
}
}
.block-have-question__text {
color: #FFF;
font-family: Gotham Pro;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin-right: 15px;
}
.block-have-question__btn {
cursor: pointer;
}
@media (max-width: 768px) {
.block-have-question__btn a {
width: 30px;
height: 30px;
display: inline-flex;
}
}
/*.bx-component-opener {
top: 0 !important;
}*/
#ask-question.module-form-order .block-form .row .cell {
width: 100%;
}
/* block-have-question end */
/* contacts */
.contacts_map {
display: flex;
justify-content: flex-end;
}
.block-contacts .right.contacts_desc {
padding: 70px 0px 0px 47px;
}
@media (max-width: 768px) {
.block-contacts .right.contacts_desc {
padding: 20px;
}
}
/* contacts end */
/* End */
/* Start:/bitrix/templates/main/css/inner_page.css?172847414534306*/
.block-contacts .mobAdress,
.block-content .mobBurger,
.phone.mobileShow {
display: none;
}
@media screen and (max-width: 1300px) {
.block-about-license .left {
width: 50%;
}
.block-about-license .right {
margin: 0 0 0 50px;
}
}
@media screen and (max-width: 768px) {
main .module-panel-top .info .block-contacts,
main .module-panel-top .info .block-contacts-link,
main .module-panel-top .info .block-projects,
main .module-panel-top .info .block-portfolio {
display: none;
}
.open-popup-order .order_service {
/* padding: 10px 20px; */
background: rgba(255, 255, 255, 0.8);
right: -54px;
padding: 4px 10px;
top: 160px;
/* font-size: 14px;
color: #5C5C5C;
border: none;
position: absolute; */
}
body main,
body main header,
body main header .block-content {
min-width: unset;
}
header .block-content {
padding: 0 30px;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
margin-top: 20px;
}
header .block-content .logo {
position: static;
max-width: 82px;
}
header .block-content .logo img {
max-width: 100%;
}
header .block-content .info {
position: static;
}
header nav {
display: none;
}
header .block-contacts .phone {
display: block;
width: 14px;
height: 23px;
background: url(/bitrix/templates/main/images/phone_icon.svg) no-repeat;
cursor: pointer;
}
header .block-contacts .phone span,
header .block-contacts .address,
header .block-contacts .time,
header .block-contacts .email {
display: none;
}
.block-contacts .mobAdress {
display: block;
width: 19px;
height: 23px;
background: url(/bitrix/templates/main/images/adress_icon.svg) no-repeat;
margin-right: 20px;
cursor: pointer;
}
.block-contacts .animate-opacity {
display: flex;
flex-wrap: nowrap;
}
.block-content .mobBurger {
flex-shrink: 0;
display: block;
width: 30px;
height: 20px;
background: url(/bitrix/templates/main/images/burger_icon.svg) no-repeat;
cursor: pointer;
margin-right: 40px;
}
.block-main-banner .banner_form {
display: none;
}
.block-main-banner .block-content {
min-width: unset;
}
.block-main-banner .block-content .main-slider {
width: 100%;
}
.block-main-banner .block-content .h1 {
font-size: 36px;
line-height: 38px;
}
main .block-main-banner {
min-height: unset;
max-height: 500px;
background-position-x: center
}
main .block-main-about {
height: unset;
padding-top: 30px;
margin-bottom: 0;
padding-bottom: 30px;
background: #F5F5F5;
}
main .block-main-about .block-content {
min-width: unset;
}
main .block-main-about .block-content .block-img,
main .block-main-about .block-bg {
display: none;
}
main h1.h1_mainpage {
width: 100%;
font-size: 24px;
line-height: 30px;
}
main .block-main-about .block-content .block-text {
width: 100%;
padding: 20px;
margin-bottom: 30px;
}
main .block-main-about .block-content .block-text .table {
display: flex;
flex-direction: column;
}
main .block-main-about .block-content .block-text .table .left {
width: 100%;
margin-bottom: 20px;
}
main .block-main-about .block-content .block-text .table .left .title {
font-size: 24px;
line-height: 30px;
margin-bottom: 6px;
}
main .block-main-about .block-content .block-text .table .left .text {
width: 100%;
font-size: 14px;
}
main .block-main-about .block-content .block-text .table .right {
font-size: 14px;
line-height: 20px;
}
main .block-advantages {
margin: 0;
}
main .block-advantages .blocks {
padding: 0;
padding-left: 60px;
}
main .block-advantages .title {
bottom: 94px;
}
main .block-advantages .blocks .row {
display: flex;
flex-direction: column;
margin-top: 10px;
}
main .block-advantages .blocks .row:first-child {
margin-top: 0;
}
main .block-advantages .blocks .row .cell {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
main .block-advantages .blocks .row .cell .icon {
width: 64px;
height: 62px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
}
main .block-advantages .blocks .row .cell .icon::before {
left: unset !important;
top: unset !important;
}
main .block-main-work {
margin-bottom: 0;
}
main .block-main-work .block-content {
min-width: unset;
padding: 0;
}
main .block-main-work .blocks.process {
margin-top: 70px;
}
main .block-main-work .block-title {
width: max-content;
padding: 20px;
font-size: 24px;
line-height: 30px;
}
main .block-main-work .blocks .block {
display: flex;
flex-direction: column-reverse;
}
main .block-main-work .blocks .block .block-img {
position: static;
width: 100%;
height: unset;
margin-top: -30px;
margin-bottom: 30px;
}
main .block-main-work .blocks .block .img-wrap.animate-img-main.animated img {
width: 100% !important;
}
main .block-main-work .block-animation-number {
display: none;
}
main .block-main-work .blocks .block .block-text {
float: unset !important;
width: 100%;
}
main .block-main-work .blocks .block.img-left .block-text .table .table-row .table-cell,
main .block-main-work .blocks .block.img-right .block-text .table .table-row .table-cell {
padding: 0 20px 0 20px;
}
main h2 {
font-size: 22px;
line-height: 30px;
margin-bottom: 16px;
}
main .block-main-work .blocks .block .block-text .table .table-row .table-cell .text {
font-size: 14px;
line-height: 20px;
}
.page-static .module-portfolio-detail {
margin-top: -30px;
}
.page-static .module-portfolio-detail .block-description .block.img-left .block-text .table .table-row .table-cell,
.page-static .module-portfolio-detail .block-description .block.img-right .block-text .table .table-row .table-cell {
padding: 0;
margin: 0;
display: block;
margin-bottom: 20px;
}
.page-static .module-portfolio-detail .block-description .block .block-img {
position: static;
}
.page-static .module-portfolio-detail .block-description .block .block-text {
width: 100%;
height: auto;
}
.page-static .module-portfolio-detail .block-description .block.img-right .block-img,
.page-static .module-portfolio-detail .block-description .block.img-left .block-img {
display: none;
}
.page-static .module-portfolio-detail .block-description .block .block-text .table .table-row .table-cell .title {
font-size: 18px;
line-height: normal;
margin: 0;
margin-bottom: 6px;
}
main .block-main-projects .block-content {
display: flex;
flex-direction: column;
padding: 0;
min-width: unset;
margin-bottom: 30px;
}
main .block-main-projects .block-content .left {
width: 212px;
padding-left: 20px;
padding-top: 98px;
padding-bottom: 20px;
}
main .block-main-projects .block-content .left .title {
max-width: 130px;
bottom: -23px;
left: 20px;
}
main .block-main-projects .block-content .left .number {
font-size: 72px;
line-height: 40px;
}
main .block-main-projects .block-content .right {
margin: 0;
padding: 0;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}
main .block-main-projects .block-content .right .title {
font-size: 24px;
line-height: 30px;
text-transform: none;
}
main .block-main-projects .block-content .right .text {
line-height: 20px;
}
main #portfolio-list-carou.module-portfolio-list .row {
height: auto !important;
padding-bottom: 60px;
}
main .block-main-text {
padding: 0;
background: none;
}
main .block-main-text .block-content {
min-width: unset;
}
main .text_block_main_drop .text_main_drop_item .text-block_drop {
width: 100%;
padding: 20px;
}
main .text_block_main_drop .text_main_drop_item .img-block_drop {
display: none;
}
main h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 16px;
}
main .text_block_main_drop .text_main_drop_item .text-block_drop p {
margin: 0;
font-size: 14px;
line-height: 20px;
text-align: left;
}
main .module-portfolio-list {
padding-top: 0 !important;
padding-bottom: 60px;
background: none !important;
}
main .block-content,
.module-menu-wrap .block-content {
min-width: unset;
}
.fancybox-overlay .fancybox-wrap {
max-width: calc(100% - 40px);
}
.fancybox-overlay .fancybox-inner {
max-width: 100%;
}
.fancybox-overlay.white .fancybox-close {
top: 10px;
right: 10px;
background: #fff url(/bitrix/templates/main/css/../images/icons/close.png) no-repeat;
}
.fancybox-inner .module-form-order,
.fancybox-inner .module-form-feed {
max-width: 100%;
padding-bottom: 0;
}
.fancybox-inner .module-form-order .title,
.fancybox-inner .module-form-feed .title {
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
.fancybox-inner .module-form-order .block-form form,
.fancybox-inner .module-form-feed .block-form form {
display: flex;
flex-direction: column;
}
.fancybox-inner .module-form-order .block-form .row,
.fancybox-inner .module-form-feed .block-form .row {
margin-top: 0;
}
.fancybox-inner .module-form-order .block-form .row .cell,
.fancybox-inner .module-form-feed .block-form .row .cell {
float: unset;
width: 99%;
margin-left: 0;
margin-bottom: 20px;
}
.fancybox-inner .module-form-order .block-form .block-submit,
.fancybox-inner .module-form-feed .block-form .block-submit {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.fancybox-inner .module-form-order .block-form .block-submit label,
.fancybox-inner .module-form-feed .block-form .block-submit label {
padding: 9px 50px 11px 50px;
}
.module-menu .block-content menu {
left: unset;
}
.module-menu .block-content menu li {
font-size: 16px;
display: flex;
flex-wrap: nowrap;
line-height: normal;
}
.module-menu .block-content menu li .number {
top: unset;
margin-right: 20px;
line-height: unset;
font-size: 16px;
line-height: normal;
}
/* портфолио */
main .block-second-banner {
min-height: unset;
height: 320px;
}
main .block-second-banner h1 {
position: absolute;
top: 160px;
left: 28px;
font-size: 28px;
line-height: normal;
max-width: calc(100% - 90px);
}
main .block-second-banner.banner-portfolio-detail h1 {
top: 160px;
}
main .block-second-banner.banner-portfolio-detail h1 .small {
font-size: 18px;
line-height: normal;
}
main .bx-breadcrumb {
top: 230px;
padding-right: 50px;
width: 90%;
}
main .bx-breadcrumb .bx-breadcrumb-item {
white-space: normal;
}
main .module-portfolio {
padding-top: 40px;
margin-bottom: 40px;
}
main .module-portfolio .block-filter .left {
width: 100%;
margin-bottom: 30px;
}
main .module-portfolio .block-filter .left .title {
margin-bottom: 20px;
}
main .module-portfolio form {
display: flex;
flex-direction: column;
}
main .module-portfolio .block-filter .left .blocks {
display: flex;
flex-wrap: wrap;
}
main .module-portfolio .block-filter .left .blocks .block {
margin-left: 0;
margin-right: 10px;
}
main .module-portfolio .block-filter .right .block-slider {
width: 80%;
margin: 0 auto;
}
main .module-portfolio .block-filter .right .title {
margin-bottom: 60px;
}
main .filter-box {
flex-direction: column;
align-items: flex-start;
}
main .filter-boxs p {
width: 100%;
font-weight: bold;
line-height: normal;
}
main .filter-box a,
main .filter-box label {
padding: 0;
line-height: normal;
}
main .filter-boxs ul {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 4px;
}
main .filter-boxs .filter-box:last-child ul {
margin-bottom: 0;
}
main .filter-boxs ul li {
margin: 0;
margin-right: 10px;
height: 20px;
}
main .module-portfolio-detail .block-lines {
display: none;
}
main .module-portfolio-detail .block-info-wrap {
display: flex;
flex-direction: column-reverse;
}
main .module-portfolio-detail .block-slider {
margin-bottom: 20px;
}
main .module-portfolio-detail .block-slider .arrow-background,
main .module-portfolio-detail .block-slider .arrow {
display: none !important;
}
.module-portfolio-detail .block-info-wrap .block-slider-preview {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
main .module-portfolio-navigation {
display: none;
}
main .module-portfolio-detail .block-info-wrap .block-info {
width: 100%;
display: flex;
flex-direction: column-reverse;
}
main .module-portfolio-detail .block-info-wrap .block-info .left {
width: 100%;
position: static;
}
main .module-portfolio-detail .block-info-wrap .block-info .left .price {
position: static;
width: 100%;
padding: 10px 20px;
margin-bottom: 0;
}
main .module-portfolio-detail .block-info-wrap .block-info .right {
width: 100%;
padding: 10px 20px;
margin-bottom: 20px;
}
main .module-portfolio-detail .block-info-wrap .block-info .animate-line .line.line-right-2 {
display: none;
}
main .module-portfolio-detail .block-info-wrap .block-info .right .place,
main .module-portfolio-detail .block-info-wrap .block-info .right .date {
margin-bottom: 14px;
}
main .module-portfolio-detail .block-info-wrap .block-info .right .date .value {
font-size: 22px;
}
main .module-portfolio-detail .block-info-wrap .block-info .right .area .value {
font-size: 32px;
}
main .module-portfolio-detail .block-info-wrap .block-info .left .price .name {
margin-bottom: 4px;
}
/* статьи */
.list-item .post-preview-image {
float: unset;
padding-right: 0;
}
.list-item .post-preview-image img {
max-width: 100%;
}
.articles h1 {
font-size: 28px;
line-height: normal;
text-align: left !important;
}
.articles h2 {
font-size: 18px;
line-height: normal;
text-align: left !important;
}
.articles img {
max-width: 100%;
height: auto;
}
/* каталог */
main .block-main-catalog {
padding-top: 30px;
}
main .block-main-catalog .cat-h2 {
padding: 20px;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
text-align: left;
text-transform: normal;
border: 2px solid #000000;
}
main .block-main-catalog .list.c-categories {
display: flex;
flex-direction: column;
}
main .block-main-catalog ~ .block-main-text {
padding-top: 30px;
padding-bottom: 30px;
background-color: #F5F5F5;
}
main .block-main-catalog ~ .block-main-text .title {
margin-bottom: 20px;
}
main .block-main-catalog ~ .block-main-text .text {
margin-bottom: 0;
}
main .block-main-catalog ~ .block-main-text .text p {
margin-top: 0;
}
main .block-main-catalog .list.c-categories .list-item-c {
width: 100%;
}
main .block-main-catalog .back-to-catalog {
margin-bottom: 20px;
}
main .block-main-catalog .block-stuff {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
main .block-main-catalog .block-stuff .stuff-photo {
width: 100%;
margin-bottom: 30px;
}
main .block-main-catalog .block-stuff .stuff-desc {
width: 100%;
padding: 20px 20px 0 20px;
}
/* отзывы */
section.module-portfolio.reviews-section .block-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section.module-portfolio.reviews-section .block-content h2 {
width: 100%;
text-align: center;
}
section.module-portfolio.reviews-section .block-content .reviews-item {
width: 240px;
min-height: unset;
max-height: unset;
}
/* контакты */
section.block-contacts {
display: flex;
flex-direction: column-reverse;
height: unset;
}
section.block-contacts .right {
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
height: unset;
width: calc(100% - 40px);
padding: 20px;
border: 2px solid #333;
}
section.block-contacts .right .block {
display: flex;
flex-direction: column;
margin: 0;
margin-bottom: 20px;
}
section.block-contacts .right .block:last-child {
margin-bottom: 0;
}
section.block-contacts .right .block .title {
margin-bottom: 0;
}
section.block-contacts .left {
width: 100%;
}
section.block-contacts .left > ymaps {
max-width: 100%;
}
/* тех задание */
section.module-order .block-gray {
padding: 30px 0;
}
section.module-order .block-content {
width: 100%;
padding: 0 20px;
}
section.module-order .title {
margin-bottom: 20px;
font-size: 26px;
}
section.module-order .block-fields .cell {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
section.module-order .block-fields {
margin: 0;
}
section.module-order .block-white {
padding: 30px 0;
}
section.module-order .blocks-design {
margin: 40px 0px 50px 0px;
}
section.module-order .block-file {
margin: 20px 0px 40px 0px;
}
section.module-order .blocks-design .row-design .cell-design {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
section.module-order .blocks-design .row-design {
margin: 0;
}
section.module-order .blocks-design .row-design .cell-design input + label::before {
top: 0;
}
section.module-order .blocks-design .row-design .cell-design input + label::after {
top: 5px;
}
section.module-order .title.margin-top-100 {
margin-top: 30px;
}
section.module-order .block-submit {
margin: 30px 0px 40px 0px;
text-align: center;
}
section.module-order .block-submit label {
background: #f04248;
}
section.module-order .block-submit label input {
color: #fff;
}
section.module-order .block-submit label:hover {
background: none;
}
section.module-order .block-submit label:hover input {
color: #f04248;
}
/* о компании */
section.block-about-license {
padding-top: 40px;
height: auto;
}
section.block-about-license .block-bg {
display: none;
}
section.block-about-license .left .title {
font-size: 24px;
line-height: normal;
margin: 0;
margin-bottom: 20px;
}
section.block-about-license .block-content {
display: flex;
flex-direction: column;
}
section.block-about-license .left {
width: 100%;
}
section.block-about-license .right {
position: static;
width: 100%;
margin: 0;
}
section.block-about-license .right.flex {
flex-direction: column;
}
section.block-about-license .left .text {
margin-bottom: 30px;
}
section.block-about-numbers {
margin-bottom: 40px;
}
section.block-about-numbers .block-content {
display: flex;
flex-direction: column;
}
section.block-about-numbers .right {
margin-left: 0;
}
section.block-about-numbers .right .text {
margin-right: 0;
margin-bottom: 20px;
}
section.block-about-numbers .right .blocks {
display: flex;
flex-direction: column;
}
section.block-about-numbers .right .blocks .block {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
section.block-about-advantages {
padding-bottom: 40px;
}
section.block-about-advantages .block-content {
display: flex;
flex-direction: column;
}
section.block-about-advantages .left {
width: 100%;
}
section.block-about-advantages .right {
width: 100%;
position: static;
height: 300px;
background-size: cover;
margin-top: 20px;
}
section.block-about-advantages .left .title {
font-size: 24px;
margin-bottom: 40px;
}
section.block-about-advantages .left .blocks .row {
display: flex;
flex-direction: column;
margin: 0;
}
section.block-about-advantages .left .blocks .row .cell {
width: 100%;
margin-bottom: 30px;
padding-left: 88px;
}
section.block-about-advantages .left .blocks .row .cell .name.icon-1::before
section.block-about-advantages .left .blocks .row .cell .name.icon-2::before {
background-position: 0px 0px;
}
section.block-about-advantages .left .blocks .row .cell .name::before {
left: 10px !important;
}
section.block-about-slider {
padding: 20px 0;
margin-bottom: 20px;
}
section.block-about-slider .block-slider {
display: flex;
flex-direction: column;
}
section.block-about-slider .block-slider .right {
margin: 0;
padding: 0;
padding-top: 30px;
padding-bottom: 20px;
}
section.block-about-slider .block-slider .right .caroufredsel .slide .title {
left: 4px;
top: 34px;
}
section.block-about-team {
margin-bottom: 30px;
}
section.block-about-team .block-title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
section.block-about-team .block-info .cell.cell-number .block-number .wrap {
display: none;
}
section.block-about-team .block-info .cell .text {
display: none !important;
}
section.block-about-team .block-info .block-bottom .right .title {
font-size: 14px;
top: 4px;
}
section.block-about-team .block-info .block-bottom .right {
padding: 0px 10px 0px 10px;
}
section.block-about-team .block-info .block-bottom .right .block-carousel {
padding-top: 36px;
}
section.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide .name {
font-size: 12px;
line-height: normal;
}
section.block-about-team .block-info .block-bottom .right .block-carousel .caroufredsel .slide .text {
font-size: 10px;
line-height: 1.1;
}
section.block-about-team .block-info {
margin-bottom: 20px;
}
section.block-document-company .document_list .document_item {
display: flex;
flex-direction: column;
align-items: center;
}
section.block-document-company .document_list .document_item .document_name {
width: 100%;
font-size: 14px;
line-height: normal;
margin-bottom: 30px;
}
/* цены */
/* .priceTableBlock {
overflow-x: auto;
} */
table.price {
max-width: calc(100% + 46px);
width: calc(100% + 46px);
margin: 0;
margin-left: -23px;
margin-right: -23px;
background: none;
}
table.price td {
padding: 6px 4px 6px 10px;
text-align: left;
line-height: normal;
border: none;
border-bottom: 1px solid #bebebe;
}
table.price tr:first-child td {
background-color: #F04248;
color: #FFF;
border-bottom: none;
}
table.price td br {
display: none;
}
section.exeplesWorks .exeplesWorks-row {
flex-direction: column;
align-items: center;
}
section.exeplesWorks .exeplesWorks__item {
margin-bottom: 20px;
}
section.exeplesWorks .exeplesWorks__item:last-child {
margin-bottom: 0;
}
main .bottom_form_service .border_bottom_form {
padding: 20px;
}
main .bottom_form_service .border_bottom_form .bottom_form_title {
margin-right: 0;
padding-top: 0;
margin-bottom: 10px;
}
main .bottom_form_service .border_bottom_form .blocks {
display: flex;
flex-direction: column;
}
main .bottom_form_service .border_bottom_form .blocks .block {
margin-bottom: 10px;
}
main .bottom_form_service .border_bottom_form input[type="text"] {
width: 100%;
}
main .bottom_form_service .border_bottom_form .blocks .block .button {
text-align: center;
margin-top: 20px;
}
main .bottom_form_service .border_bottom_form input[type="submit"] {
margin-left: 0;
}
main .bottom_form_service {
padding: 0;
background: none;
}
main .bottom_form_service .border_bottom_form {
border: none;
padding: 0;
margin-bottom: 30px;
}
main .bottom_form_service .border_bottom_form input.input_name {
background: url(/bitrix/templates/main/images/ico_name_grey.png) no-repeat 12px 15px;
border-bottom: 1px solid #737373;
}
main .bottom_form_service .border_bottom_form input.input_phone {
background: url(/bitrix/templates/main/images/ico_phone_grey.png) no-repeat 12px 15px;
border-bottom: 1px solid #737373;
}
/* производство стендов */
main .module-form-order {
max-width: 100%;
padding-bottom: 0;
}
main .module-form-order .title {
font-size: 30px;
line-height: normal;
margin-bottom: 20px;
}
main .module-form-order .block-form form {
display: flex;
flex-direction: column;
}
main .module-form-order .block-form .row {
margin-top: 0;
}
main .module-form-order .block-form .row .cell {
float: unset;
width: 99%;
margin-left: 0;
margin-bottom: 20px;
}
main .module-form-order .block-form .block-submit {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
main .module-form-order .block-form .block-submit label {
padding: 9px 50px 11px 50px;
}
main .block-advantages.block-inner {
max-width: 100%;
}
main .work__examples-list {
margin: 0 30px;
}
main .work__examples-item {
height: auto;
}
main .work__examples-item img {
height: auto;
}
main .page-static .module-form-order {
margin-top: 10px;
margin-bottom: 40px;
}
main .slider-portfolio-box {
margin: 0 30px;
}
main .etapsWorks {
padding-left: 20px;
padding-right: 20px;
}
main .etapsWorks-row {
margin: 0 30px;
}
main .slider_etaps .slick-prev {
left: -30px !important;
}
main .slider_etaps .slick-next {
right: -30px !important;
}
main .page-static {
padding-top: 30px;
}
main .page-static .module-portfolio-detail {
margin-bottom: 30px;
}
.module-portfolio-detail .block-slider .caroufredsel_wrapper,
.module-portfolio-detail .block-slider img {
max-width: 100%;
height: unset;
}
main .page-static .block-content img {
max-width: 100%;
}
.block-content .block-advantages .title {
bottom: 60px;
left: 6px;
}
main .block-content video {
max-width: 100%;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-cols {
flex-direction: column;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-cols .blocks-item-cols-left {
width: 100%;
max-width: 100%;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-cols .blocks-item-cols-left img {
margin-left: 0;
max-width: 100%;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-cols .blocks-item-cols-right {
width: 100%;
margin-top: 4px;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper {
margin: 0 0 10px 0;
}
.page-static .blocks-items .blocks-items .blocks-item .blocks-item-order-button-wrapper {
text-align: center;
}
main footer {
height: unset;
padding-bottom: 30px;
}
footer .block-content {
min-width: unset;
padding: 0 40px;
}
footer .footerSocialBlock {
display: none;
}
footer .block-bottom .block-dev {
display: none;
}
footer .block-content .block-top {
display: flex;
flex-direction: column;
height: unset;
}
footer .block-content .block-top .block-logo {
padding: 0 30px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
footer .phone.mobileShow span {
display: none;
}
footer .phone.mobileShow {
display: block;
width: 14px;
height: 23px;
background: url(/bitrix/templates/main/images/phone_icon.svg) no-repeat;
cursor: pointer;
}
footer .mobAdress {
display: block;
width: 19px;
height: 23px;
background: url(/bitrix/templates/main/images/adress_icon.svg) no-repeat;
cursor: pointer;
}
footer .footerLogo {
display: block;
max-width: 82px;
}
footer .footerLogo img {
max-width: 82px;
}
footer .block-feedback {
display: none;
}
footer .block-content .block-top .block__menu {
padding-top: 30px;
width: 100%;
}
footer .block-content .block-top .block__menu .title {
padding-bottom: 10px;
border-bottom: 1px solid #fff;
cursor: pointer;
position: relative;
}
footer .block-content .block-top .block__menu .title::after {
content: "";
position: absolute;
width: 12px;
height: 6px;
top: 8px;
right: 6px;
background: url(/bitrix/templates/main/images/footer_arrow.svg) no-repeat;
}
footer .block-content .block-top .block__menu .title.titleOpen::after {
transform: rotate(180deg);
}
footer .block-content .block-top .block__menu .title.block__menu__title02 {
margin-top: 0;
}
footer .block-content .block-top .block__menu .block__menu__items {
display: none;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: -10px;
border-bottom: 1px solid #fff;
}
footer .block-content .block-bottom .block-license {
white-space: normal;
}
footer .block-content .block-top .block-contacts {
width: 100%;
padding-top: 0;
}
footer .block-content .block-top .block-contacts .title {
padding-bottom: 10px;
border-bottom: 1px solid #fff;
cursor: pointer;
position: relative;
margin-bottom: 20px;
}
footer .block-content .block-top .block-contacts .phone,
footer .block-content .block-top .block-contacts .address,
footer .block-content .block-top .block-contacts .email {
display: none;
}
footer .block-content .block-top .block-contacts .title::after {
content: "";
position: absolute;
width: 12px;
height: 6px;
top: 8px;
right: 6px;
background: url(/bitrix/templates/main/images/footer_arrow.svg) no-repeat;
}
footer .block-content .block-top .block-contacts .title.titleOpen::after {
transform: rotate(180deg);
}
footer .block-content .block-top .block-contacts .order a {
width: 100%;
text-align: center;
}
footer .block-content .block-bottom .block-license {
line-height: 1.4;
}
}
/* End */
/* Start:/bitrix/templates/main/css/main_page_new_design.css?173311505426936*/
/** О нас **/
.h1_mainpage {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 56px;
}
.block-main-about {
background: #f5f5f5;
padding: 80px 0 56px;
height: auto;
}
.block-main-about-text-info {
min-width: 1008px;
max-width: 1280px;
width: 100%;
display: flex;
justify-content: space-between;
gap: 60px;
}
.block-about-border {
width: 72%;
}
.block-about {
padding: 53px 0 56px 58px;
width: 92%;
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: lighter;
line-height: 24px;
}
.block-about .title {
font-size: 30px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}
.block-main-about .block-img {
position: relative;
width: 28%;
max-width: 326px;
font-family:'Stem', Arial, sans-serif;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
.block-about-image-wrapper {
position: relative;
}
.block-about-more-link {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
width: 100%;
background: #f04248;
padding: 21px 0 22px;
color: #fff;
font-size: 15px;
text-decoration: none;
}
.block-about-more-link:after {
content: '';
display: block;
width: 28px;
height: 8px;
background-image: url("/bitrix/templates/main/css/../images/main_page/about-block-arrow.png");
background-size: cover;
background-repeat: no-repeat;
}
.block-about-certificate-wrapper {
width: 100%;
padding: 60px 52px;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: 21px;
color: #f04248;
}
.block-certificate-text {
font-size: 16px;
line-height: 24px;
}
@media all and (max-width: 1100px) {
.block-main-about-text-info {
min-width: auto;
}
}
@media all and (max-width: 768px) {
main h1.h1_mainpage {
font-size: 30px;
margin-bottom: 23px;
}
.block-main-about {
padding: 34px 0 45px;
}
.block-main-about-text-info {
flex-direction: column;
gap: 23px;
align-items: center;
}
.block-about-border {
width: 100%;
}
.block-about {
width: 100%;
padding: 29px 26px 15px 25px;
}
.block-about .title {
font-size: 24px;
}
.block-about .about-us__list {
margin-left: 35px;
}
.block-about .about-us__list li {
padding-left: 5px;
}
.block-main-about .block-img {
width: 100%;
}
.block-about-certificate-wrapper {
padding: 30px 45px 25px;
}
main .block-main-about .block-content .block-main-about-text-info .block-img {
display: block;
}
}
/** О нас – End **/
/** Преимущества **/
.block-advantages {
width: 974px;
height: 275px;
margin: 62px auto;
}
.main-wrapper .block-advantages .title {
color: #868686;
font-family:'Stem', Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
line-height: normal;
bottom: -12%;
}
.main-wrapper .block-advantages .blocks {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 59px;
padding-top: 28px;
}
.main-wrapper .block-advantages .blocks .row {
display: flex;
justify-content: flex-start;
gap: 60px;
height: auto;
margin: 0;
}
.main-wrapper .block-advantages .blocks .row .cell {
width: 33.3%;
display: flex;
justify-content: flex-start;
gap: 12px;
}
.main-wrapper .block-advantages .blocks .row .cell .icon {
width: 62px;
}
.main-wrapper .block-advantages .blocks .row .cell .icon.icon-people:before {
width: 55px;
height: 55px;
background: url("/bitrix/templates/main/css/../images/icons/main_page/advantage-people.png");
}
.main-wrapper .block-advantages .blocks .row .cell .text {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
line-height: 24px;
width: 82%;
}
.main-wrapper .block-advantages .blocks .row .cell:last-child .text {
width: 120px;
}
@media all and (max-width: 768px) {
.block-advantages {
width: 100%;
height: fit-content;
margin: 0;
padding: 32px 25px;
display: flex;
flex-direction: column;
gap: 31px;
}
.main-wrapper .block-advantages .title {
font-size: 24px;
position: unset;
transform: unset;
}
.main-wrapper .block-advantages .blocks {
padding: 0;
gap: 20px;
}
.main-wrapper .block-advantages .blocks .row {
flex-direction: column;
gap: 20px;
}
.main-wrapper .block-advantages .blocks .row .cell {
width: 100%;
}
.main-wrapper .block-advantages {
margin: 0;
}
.main-wrapper .block-advantages .blocks .row .cell {
margin: 0;
}
}
/** Преимущества – End **/
/** Раздел вариантов и Цен **/
.block-options-prices-container {
background-color: #f5f5f5;
margin-bottom: 30px;
}
.block-options-prices {
display: flex;
flex-direction: column;
gap: 56px;
min-width: 1008px;
max-width: 1280px;
margin: 0 auto;
padding: 56px 0 56px 23px;
}
.block-options-wrapper {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.options-title {
color: #000;
font-size: 30px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
margin-bottom: 32px;
}
.options-description {
font-size: 24px;
margin-bottom: 32px;
}
.options-block {
display: flex;
justify-content: space-between;
position: relative;
height: 500px;
}
.option-wrapper {
overflow: hidden;
width: 52%;
position: absolute;
top: 0;
}
.option-transform {
background-color: #fff;
transform: skew(10deg);
overflow: hidden;
height: 500px;
position: relative;
}
.option-wrapper:first-child {
padding-right: 45px;
}
.option-wrapper:last-child {
padding-left: 45px;
right: 0;
}
.option-wrapper:first-child .option-transform {
margin-left: -45px;
}
.option-wrapper:last-child .option-transform {
margin-right: -45px;
}
.option-text-block {
padding: 40px;
transform: skew(-10deg);
}
.option-wrapper:first-child .option-text-block {
margin-left: 70px;
}
.option-wrapper:last-child .option-text-block {
position: absolute;
bottom: 5%;
padding-right: 85px;
padding-left: 35px;
}
.option-title {
color: #f04248;
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 17px;
}
.option-description {
font-size: 16px;
}
.option-image-block {
width: 101%;
transform: skew(-10deg);
position: absolute;
overflow: hidden;
}
.option-wrapper:first-child .option-image-block {
bottom: -15%;
right: -3%;
height: 317px;
}
.option-wrapper:last-child .option-image-block {
top: -22%;
left: -3%;
height: 368px;
}
.option-image {
width: 100%;
position: absolute;
}
.option-wrapper:first-child .option-image {
bottom: 22%;
}
.option-wrapper:last-child .option-image {
top: 30%;
}
.block-prices-wrapper {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
@media all and (max-width: 1100px) {
.block-options-wrapper {
padding-right: 25px;
}
.options-title {
font-size: 24px;
}
.options-description {
font-size: 18px;
margin-bottom: 24px;
}
.options-block {
flex-direction: column;
height: auto;
overflow: unset;
gap: 23px;
}
.option-wrapper {
width: 100%;
position: unset;
overflow: unset;
}
.option-wrapper:first-child,
.option-wrapper:last-child {
margin: 0;
padding: 0;
}
.option-transform {
background-color: #f5f5f5;
height: auto;
display: flex;
flex-direction: column;
gap: 17px;
}
.option-transform,
.option-image-block,
.option-text-block {
transform: none;
}
.option-wrapper:first-child .option-transform,
.option-wrapper:last-child .option-transform {
margin: 0;
}
.option-wrapper:first-child .option-text-block,
.option-wrapper:last-child .option-text-block {
position: unset;
height: auto;
}
.option-wrapper:first-child .option-text-block {
margin: 0;
}
.option-wrapper:last-child .option-text-block {
padding: 0;
order: 0;
}
.option-text-block {
padding: 0;
}
.option-image-block {
width: 100%;
}
.option-wrapper:first-child .option-image-block,
.option-wrapper:last-child .option-image-block {
position: unset;
height: auto;
}
.option-wrapper:last-child .option-image-block {
order: 1;
}
.option-image {
position: unset;
}
.block-options-prices {
min-width: auto;
}
}
/** Раздел вариантов и Цен - End **/
/** Процесс работы **/
.work-stages {
position: relative;
}
.work-stages__header {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 40px;
}
.work-stages .block-title {
font-size: 30px;
line-height: 36px;
color: #131313;
font-weight: bold;
font-family: 'Stem';
text-transform: uppercase;
width: 256px;
margin: 0 0 -61px 0;
padding: 27px 3px 86px 57px;
position: relative;
z-index: 2;
}
.work-stages__description {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.work-stages__description p {
margin: 0;
}
.work-stages__items {
display: flex;
flex-direction: column;
gap: 120px;
}
.work-stages__item {
display: flex;
justify-content: flex-start;
align-items: center;
--gap: 30px;
gap: var(--gap);
}
.work-stage__block_align_baseline {
align-self: baseline;
}
.work-stages__item .block-content {
width: auto;
min-width: unset;
max-width: unset;
margin: 0;
padding: 0;
position: unset;
}
.work-stages__item-text-block {
height: 100%;
color: #000;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px;
}
.work-stages__item-text-block-title {
margin: 0;
font-size: 24px;
font-weight: bold;
line-height: 44px;
}
.work-stages__item.img-left .block-img {
width: 50vw;
}
.work-stages__item.img-left .work-stages__item-text-block {
width: 25vw;
}
.work-stages__item.img-right .block-content {
width: 50vw;
}
.work-stages__item.img-right .work-stages__item-text-block {
width: 33vw;
margin-left: 17vw;
}
.work-stages__item.img-right .block-img {
width: 25vw;
}
.work-stage__number {
width: 12.5vw;
background: #fff;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.12);
padding: 50px 20px;
color: #F04248;
text-align: center;
font-family: 'Stem';
font-size: 128px;
font-style: normal;
font-weight: 500;
line-height: 100%;
text-transform: uppercase;
position: relative;
}
.work-stage__number:before {
content: '';
display: block;
width: 53px;
height: 59px;
position: absolute;
bottom: -61px;
left: calc(50% - 27px);
background-image: url("/bitrix/templates/main/css/../images/main_page/work-stage_number-arrow.png");
background-repeat: no-repeat;
background-size: cover;
}
.work-stage__number:after {
--width: 400px;
content: '';
position: absolute;
bottom: calc(((var(--width) / 2) + 4px) * -1);
left: calc(50% - (var(--width) / 2));
display: block;
width: var(--width);
border-top: 7px dashed #e7e7e7;
transform: rotateZ(90deg);
}
.work-stage__number_last:before,
.work-stage__number_last:after {
content: none;
}
@media (max-width: 1700px) {
.work-stage__number {
font-size: 100px;
padding: 40px 20px;
}
}
@media (max-width: 1450px) {
.work-stage__number {
font-size: 90px;
padding: 30px 20px;
}
}
@media all and (max-width: 1100px) {
.work-stages {
padding: 0 25px 22px;
counter-reset: work-stage;
}
.work-stages .block-title {
font-size: 24px;
padding: 0;
}
.block-content.work-stages__header {
padding: 0;
}
.work-stages__header .animate-line {
display: none;
}
.work-stages__description {
display: none;
}
.block-main-work .blocks.work-stages__items {
gap: 20px;
margin-top: 70px;
}
.work-stages__item {
flex-direction: column;
gap: 8px;
}
.work-stages__item.img-left .block-img,
.work-stages__item.img-right .block-img {
width: 100%;
}
.work-stages__item.img-left {
flex-direction: column-reverse;
}
.work-stages__item.img-right {
flex-direction: column;
}
.work-stages__item.img-left .work-stages__item-text-block,
.work-stages__item.img-right .block-content {
width: 100%;
}
.work-stages__item.img-right .work-stages__item-text-block {
width: 100%;
margin: 0;
}
.work-stages__item-text-block-title:before {
counter-increment: work-stage;
content: '0' counter(work-stage) '. ';
color: #f04248;
}
.work-stage__number {
display: none;
}
}
@media screen and (max-width: 768px) {
main .block-main-work.work-stages .block-title {
font-size: 24px;
padding: 0;
}
main .block-main-work .blocks .block.work-stages__item.img-right {
flex-direction: column;
}
main .block-main-work .blocks .block.work-stages__item .block-img {
margin: 0;
}
}
/** Процесс работы - End **/
/** Портфолио (проекты/стенды) **/
.block-main-projects {
background-color: #f5f5f5;
padding-top: 56px;
}
.block-main-projects .block-content {
margin-bottom: 32px;
}
.block-main-projects .block-content .title {
color: #000;
font-family:'Stem', Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}
.block-main-projects .block-content .text {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 300;
line-height: 32px;
margin-top: 8px;
}
@media (max-width: 769px) {
main.main-wrapper .block-main-projects .block-content {
margin-bottom: 23px;
}
.block-main-projects {
padding: 34px 25px 38px;
}
.block-main-projects .block-content .title {
font-size: 24px;
}
.block-main-projects .block-content .text {
font-size: 16px;
line-height: 24px;
margin: 0;
}
.block-main-projects .block-content .text p {
margin: 23px 0 0;
}
.module-portfolio-list.main-portfolio-mobile-slider.slick-dotted.slick-slider {
margin-top: 0;
}
.module-portfolio-list.main-portfolio-mobile-slider {
padding-bottom: 0;
}
.module-portfolio-list.main-portfolio-mobile-slider .cell .content {
position: absolute;
top: 26px;
bottom: 26px;
left: 26px;
right: 26px;
opacity: 0;
}
.module-portfolio-list.main-portfolio-mobile-slider .cell .content .bg {
background: #f04248;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.87;
}
.module-portfolio-list.main-portfolio-mobile-slider .cell .content .text {
position: absolute;
bottom: -25px;
left: 0;
font-family: 'Stem';
font-size: 14px;
line-height: 18px;
color: #ffffff;
padding: 0 34px 73px 24px;
opacity: 1;
}
}
/** Портфолио (проекты/стенды) – End **/
/** Что мы строит **/
.services-lists-block-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #f5f5f5;
}
.services-lists-block {
margin: 56px auto;
width: 100%;
min-width: 1008px;
max-width: 1280px;
padding: 0 23px;
font-family:'Stem', Arial, sans-serif;
font-style: normal;
display: flex;
flex-direction: column;
gap: 20px;
}
.services-lists-title {
color: #000;
font-size: 30px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
margin-bottom: 32px;
}
.services-lists-description {
color: #333;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin-bottom: 24px;
}
.services-lists-row-three {
display: flex;
justify-content: space-between;
gap: 16px;
}
.services-list {
position: relative;
display: flex;
justify-content: space-between;
flex-direction: column;
text-decoration: none;
}
.services-lists-row-three .services-list {
width: 33%;
}
.services-lists-row-two .services-list {
width: 50%;
}
.services-lists-row-two {
display: flex;
justify-content: space-between;
gap: 20px;
}
.services-list-image {
width: 100%;
}
.services-list-text {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
padding: 32px 25px 51px;
background-color: #fff;
flex-grow: 2;
}
.services-list:hover .services-list-text {
background-color: #f04248;
color: #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.services-list-text-bold {
font-weight: bold;
}
@media (max-width: 1100px) {
.services-lists-block {
min-width: auto;
}
}
@media (max-width: 769px) {
.services-lists-block-wrapper {
width: 100%;
background-color: #fff;
}
.services-lists-block {
margin: 46px 0 39px 0;
padding: 0 25px;
}
.services-lists-title {
font-size: 24px;
margin-bottom: 20px;
}
.services-lists-description {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
}
.services-lists-row-three,
.services-lists-row-two {
flex-direction: column;
gap: 20px;
}
.services-lists-row-three .services-list,
.services-lists-row-two .services-list {
width: 100%;
}
.services-list-text {
padding: 20px 25px 25px;
}
}
/** Что мы строит – End **/
/** Формы стендов **/
.stand-forms-block-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #f5f5f5;
}
.stand-forms-block {
margin: 56px auto;
width: 100%;
min-width: 1008px;
max-width: 1280px;
padding: 0 23px;
font-family:'Stem', Arial, sans-serif;
font-style: normal;
}
.stand-forms-title {
color: #000;
font-size: 30px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
margin-bottom: 32px;
}
.stand-forms-description {
color: #333;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin-bottom: 24px;
}
.stand-forms-row-three {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.stand-form {
position: relative;
display: flex;
justify-content: space-between;
flex-direction: column;
text-decoration: none;
}
.stand-forms-row-three .stand-form {
width: 33%;
}
.stand-forms-row-two .stand-form {
width: 50%;
}
.stand-forms-row-two {
display: flex;
justify-content: space-between;
gap: 20px;
}
.stand-form-image {
width: 100%;
}
.stand-form-text {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
padding: 32px 25px 51px;
background-color: #fff;
flex-grow: 2;
}
.stand-form:hover .stand-form-text {
background-color: #f04248;
color: #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.stand-form-text-bold {
font-weight: bold;
}
@media (max-width: 1100px) {
.stand-forms-block {
min-width: auto;
}
}
@media (max-width: 769px) {
.stand-forms-block-wrapper {
width: 100%;
}
.stand-forms-block {
margin: 46px 0 39px 0;
padding: 0 25px;
}
.stand-forms-title {
font-size: 24px;
margin-bottom: 20px;
}
.stand-forms-description {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
}
.stand-forms-row-three,
.stand-forms-row-two {
flex-direction: column;
gap: 20px;
}
.stand-forms-row-three .stand-form,
.stand-forms-row-two .stand-form {
width: 100%;
}
.stand-form-text {
padding: 20px 25px 25px;
}
}
/** Формы стендов – End **/
/** Дополнительные услуги **/
.additional-services-wrapper {
width: 100%;
min-width: 1008px;
max-width: 1280px;
margin: 80px auto;
padding: 0 23px;
display: flex;
justify-content: space-between;
gap: 50px;
align-items: baseline;
}
.additional-services-title-wrapper {
flex: 0 0 40px;
text-align: center;
transform: rotate(-90deg);
width: 40px;
position: relative;
}
.additional-services-title {
color: #868686;
font-family:'Stem', Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
height: 40px;
white-space: nowrap;
position: absolute;
right: 0;
}
.additional-services-content {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 61px;
}
.additional-services-text {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.additional-services {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 70px;
}
.additional-services-row-2,
.additional-services-row-3 {
display: flex;
justify-content: space-between;
gap: 20px;
}
.additional-services-row-2 .additional-service-wrapper {
width: 50%;
gap: 40px;
}
.additional-services-row-3 .additional-service-wrapper {
width: 33.3%;
}
.additional-service-wrapper {
display: flex;
justify-content: space-between;
gap: 20px;
}
.additional-services-row-2 .additional-service-icon {
margin-top: 10px;
}
.additional-service-body {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.additional-service-body .bold-text {
font-weight: 700;
}
@media (max-width: 1100px) {
.additional-services-wrapper {
min-width: auto;
flex-direction: column;
gap: 25px;
margin: 0;
padding: 32px 25px 50px;
}
.additional-services-title-wrapper {
transform: none;
width: 100%;
text-align: left;
}
.additional-services-title {
position: inherit;
white-space: unset;
color: #333;
font-size: 24px;
font-weight: bold;
height: auto;
}
.additional-services-text {
font-size: 18px;
}
.additional-services-content,
.additional-services {
gap: 25px;
}
.additional-services-row-2,
.additional-services-row-3 {
flex-direction: column;
gap: 25px;
}
.additional-service-wrapper {
align-items: center;
}
.additional-services-row-2 .additional-service-icon {
margin-top: 0;
}
.additional-services-row-2 .additional-service-wrapper {
width: 100%;
gap: 20px;
}
.additional-services-row-3 .additional-service-wrapper {
width: 100%;
}
.additional-service-body {
width: 80%;
}
}
@media (max-width: 769px) {
.additional-service-wrapper {
align-items: normal;
}
.additional-service-icon {
width: 92px;
}
.additional-service-big-icon {
width: 102px;
}
.additional-service-body {
width: 75%;
}
}
@media (max-width: 550px) {
.additional-service-body {
width: 65%;
}
}
/** Дополнительные услуги – End **/
@media (max-width: 769px) {
/** Отзывы и наши партнеры – слайдер **/
.center-title {
text-transform: uppercase;
font-size: 24px;
line-height: normal;
text-align: center;
}
.main-wrapper .block-main-clients {
margin: 0 0 50px;
padding-bottom: 70px;
}
.main-wrapper .slick-dots {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
bottom: -7%;
row-gap: 5px;
}
.main-wrapper .block-main-clients.slick-dotted.slick-slider {
margin-top: 40px;
}
.main-wrapper .block-main-reviews .slick-dots {
bottom: 3%;
}
.main-wrapper .block-main-reviews.slick-dotted.slick-slider {
margin-top: 20px;
margin-bottom: 50px;
}
.main-wrapper .slick-dots li {
margin: 0;
padding: 0;
}
.main-wrapper .slick-dots li button:before {
content: '';
opacity: 1;
width: 7px;
height: 7px;
background-color: #f04248;
border-radius: 50%;
top: 32%;
left: 32%;
}
.main-wrapper .slick-dots li.slick-active button:before {
background-color: #fff;
border: 2px solid #f04248;
top: 20%;
left: 20%;
}
/** Отзывы и наши партнеры – слайдер – End **/
}
.margin-top-10-desktop {
margin-top: 10px;
}
@media (max-width: 769px) {
.margin-top-10-desktop {
margin-top: 0;
}
}
/* End */
/* Start:/bitrix/templates/main/css/custom/custom.css?174348873917496*/
.blocks-items {
margin: 0 0 53px 0;
}
.blocks-items .block-content {
/**/
}
.blocks-items .blocks-items {
/**/
}
.blocks-items .blocks-items .blocks-item {
margin: 53px 0 0 0;
}
.blocks-items .blocks-items .blocks-item:first-child {
margin: 0;
}
.blocks-items .blocks-items .blocks-item .blocks-item-cols {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.blocks-items .blocks-items .blocks-item .blocks-item-cols .blocks-item-cols-left {
width: 600px;
margin: 0 35px 0 0;
}
.blocks-items .blocks-items .blocks-item .blocks-item-cols .blocks-item-cols-right {
width: calc(100% - 600px - 35px);
}
.blocks-items .blocks-items .blocks-item .blocks-item-img-wrapper {
/**/
}
.blocks-items .blocks-items .blocks-item .blocks-item-img {
object-fit: cover;
display: block;
outline: none;
border: none;
max-width: 600px;
margin: 0 auto;
}
.blocks-items .blocks-items .blocks-item .blocks-item-title-wrapper {
margin: 0 0 20px 0;
}
.blocks-items .blocks-items .blocks-item .blocks-item-title {
font-weight: 700;
font-size: 20px;
}
.blocks-items .blocks-items .blocks-item .blocks-item-text-wrapper {
/**/
}
.blocks-items .blocks-items .blocks-item .blocks-item-text {
/**/
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper {
margin: 35px 0 66px 0;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table {
font-size: 16px;
color: #333;
width: 100%;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr {
border-bottom: 2px dotted #d9d9d9;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr:first-child {
border-bottom: none;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr th, .blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr td {
text-align: center;
padding: 20px 10px 19px 10px;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr th {
background: #ececec;
}
.blocks-items .blocks-items .blocks-item .blocks-item-table-wrapper table tr td {
padding: 12px 10px 12px 10px;
}
.blocks-items .blocks-items .blocks-item .blocks-item-order-button-wrapper {
/**/
}
.blocks-items .blocks-items .blocks-item .blocks-item-order-button {
display: inline-block;
border: 3px solid #f04248;
font-size: 18px;
color: #f04248;
text-decoration: none;
outline: none;
text-align: center;
padding: 19px 80px 15px 80px;
}
.blocks-items .blocks-items .blocks-item .blocks-item-order-button:hover {
text-decoration: none;
color: #f04248;
}
.block-content.portfolio_pager .module-pagen {
padding: 0 0 60px 0;
}
/*# sourceMappingURL=custom.css.map */
.banner_page {
height: 100%;
background: url('/bitrix/templates/main/images/backgound_obor.png');
background-size: cover;
max-height: 750px;
}
.banner_page h1 {
position: absolute;
top: 250px;
font-family: 'Stem', sans-serif;
font-size: 76px;
font-weight: 700;
line-height: 106.4px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 680px;
}
.banner_page .block-content {
height: 100%;
}
.page_obor .bx-breadcrumb {
top: 525px;
left: 23px;
}
.banner_button {
background: #F04248;
padding: 21px 100px;
font-size: 16px;
font-weight: 500;
line-height: 19.84px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
position: absolute;
top: 605px;
font-family: 'Stem', sans-serif;
}
.advantages_title {
font-size: 30px;
font-weight: 500;
line-height: 37.2px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #868686;
font-family: 'Stem', sans-serif;
transform: rotate(-90deg);
position: absolute;
left: 0;
bottom: -27%;
transform-origin: left top;
}
.advantages {
background: #F5F5F5;
padding: 50px 0;
}
.advantages_list {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.advantages_block {
position: relative;
max-width: 975px;
margin: 0 auto;
padding-left: 95px;
}
.advantages_elem {
max-width: 250px;
display: flex;
align-items: center;
font-family: 'Stem', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
gap: 11px;
}
.form_feedback {
background: #F5F5F5;
padding: 50px 0;
}
.form_feedback_content {
display: flex;
align-items: center;
padding: 50px 65px;
background: #fff;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.form_feedback_title {
font-family: Stem;
font-size: 24px;
font-weight: 500;
line-height: 29.76px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
}
.form_feedback_content input[type="text"]::placeholder {
font-family: Stem;
font-size: 14px;
font-weight: 350;
line-height: 19.6px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #A9A9A9;
}
.policy {
font-family: Stem;
font-size: 12px;
font-weight: 350;
line-height: 16.8px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
display: flex;
align-items: center;
gap: 8px;
}
.form_feedback_content input[type="text"] {
padding: 13px 20px;
border: 1px solid #D9D9D9;
}
.policy input {
opacity: 0;
visibility: hidden;
position: absolute;
}
.policy label:before {
content: '';
display: block;
width: 15px;
height: 15px;
border: 1px solid #D9D9D9;
border-radius: unset;
}
.policy input:checked + label:before {
content: '\2713';
text-align: center;
}
label[for="policy_consent"] {
display: flex;
align-items: center;
gap: 8px;
}
.form_feedback .block-submit input {
font-family: Stem;
font-size: 16px;
font-weight: 500;
line-height: 19.84px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFFFFF;
background: #F04248;
padding: 13px 22px;
border: unset;
}
.form_feedback .block-notification {
margin: -30px 0px 30px 0px;
padding: 21px 26px 21px 26px;
font-size: 16px;
line-height: 18px;
color: #fff;
font-family: 'Stem', Arial, sans-serif;
display: none;
}
.form_feedback .block-notification.success {
background: #7aac81;
}
.form_feedback .block-notification.show {
display: block;
}
.peregovor_stages {
padding: 60px 30px 55px;
}
.peregovor_stages_title {
font-family: Stem;
font-size: 28px;
font-weight: 500;
line-height: 34.72px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
margin-bottom: 30px;
}
.peregovor_stages_list {
display: flex;
justify-content: space-between;
gap: 20px;
}
.peregovor_stages_element {
padding: 0 10px;
}
.peregovor_stages_element_top {
display: flex;
align-items: center;
justify-content: center;
background: url('/bitrix/templates/main/images/back_stage.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.peregovor_stages_element_top span{
font-family: Stem;
font-size: 14px;
font-weight: 500;
line-height: 19.6px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background: #fff;
border: 2px solid #F04248;
border-radius: 100%;
color: #F04248;
}
.peregovor_stages_element_content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.peregovor_stages_element_title {
font-family: Stem;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
}
.peregovor_stages_element_text {
font-family: Stem;
font-size: 14px;
font-weight: 350;
line-height: 19.6px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
}
.peregovor_stages .block-content {
max-width: 1070px;
padding: 0;
}
.about_company .block-content {
display: flex;
gap: 40px;
}
.about_company_text {
display: flex;
flex-direction: column;
gap: 32px;
}
.about_company_title {
font-family: Stem;
font-size: 30px;
font-weight: 500;
line-height: 37.2px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333;
}
.about_company {
background: #F5F5F5;
padding: 78px 0;
}
.about_company_text {
font-family: Stem;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333;
padding: 53px 90px 58px 63px;
}
.about_company_text_bold {
font-family: Stem;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #333333;
}
.about_company_sidebar {
display: flex;
flex-direction: column;
}
.about_company_link {
background: #F04248;
display: block;
padding: 21px 55px;
display: flex;
align-items: center;
font-family: Stem;
font-size: 15px;
font-weight: 500;
line-height: 18.6px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFFFFF;
text-decoration: unset;
gap: 16px;
}
.about_sertif {
display: flex;
flex-direction: column;
align-items: center;
padding: 35px 0;
background: #fff;
font-family: Stem;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #F04248;
text-decoration: unset;
gap: 21px;
}
.page_obor .block-content {
min-width: unset !important;
}
.page_obor .slick-dots li button:before {
width: 7px;
height: 7px;
background: #F04248;
border-radius: 100%;
content: '';
opacity: 1;
transition: 200ms;
}
.page_obor .slick-dots li button {
width: 7px;
height: 7px;
padding: 0;
}
.page_obor .slick-dots li.slick-active {
width: 10px;
height: 10px;
}
.page_obor .slick-dots li {
width: auto;
height: auto;
}
.slick-dots li.slick-active button:before {
border: 2px solid #C4C4C4;
background: #fff;
}
.page_obor .slick-dots {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
}
.page_obor .slick-dots {
bottom: -30px;
}
@media(max-width: 1024px) {
.advantages_list {
gap: 30px 60px;
}
.form_callback_rediz .form_feedback_content {
display: grid;
/*grid-template-columns: repeat(1, 260px);*/
/*justify-content: center;*/
}
.form_feedback_title {
grid-column: 1 / span 2;
}
.form_callback_rediz .form_feedback_content input:not([type="checkbox"])[] {
width: 100%;
}
.about_company .block-content {
flex-direction: column;
}
.about_company_sidebar {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
}
.about_company_sidebar_image {
grid-row: 1 / span 2;
}
.about_company_sidebar_image img{
width: 100%;
}
.about_company_link {
height: fit-content;
}
.about_sertif {
justify-content: center;
}
}
@media(max-width: 768px) {
.banner_page h1 {
font-family: Stem;
font-size: 56px;
font-weight: 700;
line-height: 78.4px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
top: 160px;
}
.page_obor .bx-breadcrumb {
top: 320px;
left: 23px;
}
.banner_page .block-content {
height: 475px;
}
.banner_page {
height: auto;
}
.banner_button {
top: 385px;
}
.advantages_title {
bottom: -10%;
}
.page_obor main .etapsWorks-row {
margin-left: unset;
margin-right: unset;
}
}
@media(max-width: 650px) {
.banner_page h1 {
font-family: Stem;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.page_obor .bx-breadcrumb {
top: 280px;
}
.form_feedback_title {
grid-column: unset;
}
.about_company_sidebar {
grid-template-columns: unset;
}
.slider_etaps .etapsWorks__item {
max-width: 100%;
}
.slider_etaps .etapsWorks__item .etapsWorks__item__img {
height: calc(100vw * 0.6);
width: 100%;
}
.about_company .animate-line {
display: none;
}
.about_company_text {
padding: 0;
}
.advantages_title {
bottom: 15%;
}
}
.banner_page.stends h1 {
max-width: unset;
}
.banner_page.stends {
background: url(/bitrix/templates/main/images/backgound_stends.png);
}
.price_table_stends > thead td {
background: #F04248;
padding: 14px 22px;
font-family: Stem;
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #fff;
}
.price_table_stends > thead td:first-child {
font-family: Stem;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: left;
}
.price_table_stends {
width: 100%;
}
.price_table_stends thead td {
border: 1px solid #fff;
vertical-align: middle;
}
.price_table_stends tbody tr td {
font-family: Stem;
font-weight: 350;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #333;
padding: 15px 20px;
white-space: nowrap;
vertical-align: middle;
}
.price_table_stends > thead td:first-child {
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
padding: 9px 13px;
}
.price_table_stends tbody tr td:first-child {
font-family: Stem;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #333;
text-align: left;
background: #F5F5F5;
padding: 14px 22px;
min-width: 245px;
}
.price_table_stends tbody td {
border: 1px solid #DCDCDC;
}
.price_text {
font-family: Stem;
font-weight: 300;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
color: #333;
margin-top: 30px;
}
.price_list_stends {
padding: 33px 0;
}
.table {
overflow: auto;
}
@media(max-width: 600px) {
.price_table_stends tbody tr td:first-child {
min-width: 150px;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
padding: 9px 13px;
white-space: normal;
}
}
.stends_text {
font-family: Stem;
font-weight: 300;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: #333333;
padding: 59px 0;
background: #F5F5F5;
}
.stends_text .block-content {
display: flex;
flex-direction: column;
gap: 32px;
}
.stends_text .etapsWorks__title {
margin-bottom: 0;
}
.stends_text_bold {
font-family: Stem;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
}
.banner_price {
background: url('/bitrix/templates/main/css/custom/../../images/pricetag.svg');
position: absolute;
top: 500px;
width: 305px;
height: 69px;
font-family: Stem;
font-weight: 500;
font-size: 40px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
color: #fff;
background-size: cover;
display: flex;
align-items: center;
padding-left: 56px;
}
.banner_page.stends .bx-breadcrumb {
top: 410px;
}
@media(max-width: 992px) {
.stends_text .block-content {
gap: 20px;
}
.stends_text {
font-weight: 300;
font-size: 14px;
line-height: 150%;
letter-spacing: 0%;
padding: 39px 0;
}
.price_list_stends .etapsWorks__title,
.stends_text .etapsWorks__title,
.etapsWorks .etapsWorks__title {
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
}
}
@media(max-width: 768px) {
.banner_page.stends .bx-breadcrumb {
top: 250px;
}
.banner_price {
top: 300px;
font-weight: 500;
font-size: 32px;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
width: 225px;
height: 50px;
padding-left: 40px;
}
}
@media(max-width: 650px) {
.banner_page.stends h1 {
top: 130px;
}
.banner_page.stends .bx-breadcrumb {
top: 225px;
}
}
/* End */
/* Start:/bitrix/templates/main/components/bitrix/breadcrumb/main/style.min.css?1680795940448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* Start:/bitrix/templates/main/components/bitrix/menu/menu/style.css?17352083871134*/
/* Left menu*/
.module-menu .block-content {
overflow: scroll;
}
menu.mobile-menu {
width: 85vw;
top: 15%;
transform: unset;
padding-bottom: 100px;
}
.active-parent .top-menu__item-link {
font-weight: bold;
}
ul.left-menu
{
list-style:none;
margin:0; padding:0;
margin-bottom:8px;
position: relative; /*IE bug*/
}
ul.left-menu li
{
padding: 10px 16px;
background:#F5F5F5 url(/bitrix/templates/main/components/bitrix/menu/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;
}
.mobile-menu__depth-1 {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 30px;
}
.mobile-menu__depth-1-title {
display: flex;
justify-content: space-between;
}
.mobile-menu__depth-1.open .mobile-menu__arrow {
transform: rotate(180deg);
}
.mobile-menu__child-menu {
margin: 0;
margin-left: 30px;
display: none;
}
/* End */
/* Start:/bitrix/templates/main/styles.css?16982153377662*/
.link_footer_title {
font-size: 14px;
line-height: 24px;
color: #fff;
font-family: 'Stem';
}
.bx-breadcrumb{
position: absolute;
top: 440px;
left: 108px;
z-index: 99;
}
.bx-breadcrumb,
.bx-breadcrumb a{
color:white;
}
#toTop {
position: fixed;
bottom: 85px;
right: 18px;
width: 100px;
height: 100px;
background: url(/bitrix/templates/main/images/up.png) 0px 0px no-repeat;
cursor: pointer;
display: none;
opacity: 0.7;
z-index: 60;
}
@media (max-width: 768px) {
#toTop {
width: 50px;
height: 50px;
background-size: contain;
}
}
.dop_okno{
display: none;
position: fixed;
background:#fff;
padding:7px;
}
.phone:hover .dop_okno{
display: block;
}
.info .dop_okno a{
font-size: 15px;
color:black;
}
.main_images {
text-align: center;
margin: 1em auto;
}
.main_images a {
width: 217px;
display: inline-block;
margin: 0.5%;
padding: 0;
}
.main_images a img {
max-width: 100%;
}
.justify{
text-align: justify;
}
.blockquote {
padding: 10px 10%;
margin: 15px 0px;
font-style: italic;
position: relative;
}
.blockquote:before,
.blockquote:after{
content: "";
display: block;
position: absolute;
left: 10%;
right: 10%;
height: 1px;
background: #515151;
}
.blockquote:before {
top: 0;
}
.blockquote:after {
bottom: 0;
}
.main-slider
{
top: 0;
height: 100%;
z-index: 12;
width: calc(100% - 350px);
}
.main-slider .main-slider_item
{
position:relative;
overflow:hidden;
height: 100%;
z-index: 12;
}
.main-slider .slick-list,
.main-slider .slick-track
{
height: 100%;
}
.main-slider .slick-slide > div
{
height:100%;
}
.main-client_item img
{
max-width:100%;
display:block;
margin:0 auto;
max-height:70px;
}
.main-client_item
{
display: flex!important;
height:70px;
opacity:0.35;
}
.main-client_item > a
{
margin: auto;
}
.block-main-clients
{
margin: 0 40px;
padding-bottom: 50px;
}
.block-main-reviews
{
margin: 0 30px;
padding-bottom: 50px;
}
.main-client_item:hover
{
opacity:1;
}
.block-main-clients .slick-prev,
.block-main-clients .slick-next,
.block-main-reviews .slick-prev,
.block-main-reviews .slick-next,
.examples__service .slick-prev,
.examples__service .slick-next
{
width:36px;
height:36px;
top: 28%;
z-index:19;
opacity: 1;
}
.block-main-reviews .slick-prev,
.block-main-reviews .slick-next,
.examples__service .slick-prev,
.examples__service .slick-next
{
top: 45%;
}
.block-main-clients .slick-prev
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat left top;
left:-40px;
}
.block-main-reviews .slick-prev,
.examples__service .slick-prev
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat left top;
left:-30px;
}
.block-main-reviews .slick-next,
.examples__service .slick-next
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat right top;
right:-30px;
}
.block-main-clients .slick-next
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat right top;
right:-40px;
}
.block-main-clients .slick-prev:hover,
.block-main-reviews .slick-prev:hover,
.examples__service .slick-prev:hover
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat left bottom;
}
.block-main-clients .slick-next:hover,
.block-main-reviews .slick-next:hover,
.examples__service .slick-next:hover
{
background:url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat right bottom;
}
.reviews-item_slider
{
position: relative;
height: 100%;
border: 2px solid #f04248;
box-sizing: border-box;
margin: 0 20px;
padding: 15px;
transition: .25s;
width: auto!important;
display: block!important;
}
.reviews__service .reviews-item_slider{
border: 2px solid #e1e1e1;
}
.reviews-item_slider img
{
max-width:100%;
display:block;
margin:0 auto;
max-height:300px;
}
.text_block_main_drop .text_main_drop_item
{
border:1px solid #d7d7d7;
box-sizing:border-box;
margin-bottom:40px;
position:relative;
display: flex;
flex-wrap: wrap;
}
.text_block_main_drop .block_text_drop
{
display:none;
}
.text_block_main_drop .text_main_drop_item .img-block_drop
{
display:inline-block;
width:250px;
overflow:hidden;
vertical-align:top;
}
.text_block_main_drop .text_main_drop_item .text-block_drop
{
width:calc(100% - 250px);
vertical-align:top;
box-sizing:border-box;
padding:35px;
}
.text_block_main_drop .text_main_drop_item .text-block_drop.not_img
{
width:100%;
}
.text_block_main_drop .text_main_drop_item .text-block_drop p
{
font-size: 16px;
line-height: 18px;
}
.text_block_main_drop .text_main_drop_item .drop_link_block
{
color: #f14249;
text-decoration: none;
display: inline-block;
border-bottom: 1px dotted #f14249;
font-weight: bold;
line-height: 18px;
}
.text_block_main_drop .text_main_drop_item .drop_link_block:hover
{
color:#717171;
border-bottom: 1px dotted #717171;
}
.block-main-text.blur
{
position:relative;
}
.block-main-text.blur .blur_content
{
display: block;
background: #e4e4e4;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.block-main-text .blur_content
{
display:none;
}
.text_block_main_drop .text_main_drop_item.active
{
background:#fff;
z-index:22;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.text_main_drop_item.active .block_text_drop
{
display: block;
position: absolute;
left: 0;
padding: 45px 35px 35px 35px;
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
box-sizing: border-box;
border: none;
}
.text_main_drop_item .block_text_drop p
{
font-size:16px;
line-height:18px;
}
.text_main_drop_item .block_text_drop p:nth-child(2)
{
margin-top:0;
}
.text_main_drop_item .block_text_drop:before
{
content: '';
position: absolute;
left: 45px;
top: -36px;
border: 18px solid transparent;
border-bottom: 18px solid #fff;
}
.text_main_drop_item.active .close_text_drop
{
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 35px;
background: url(/bitrix/templates/main/images/icons/fancybox_close.png) no-repeat;
background-size: cover;
opacity:0.9;
}
.text_main_drop_item.active .close_text_drop:hover
{
opacity:1;
}
.advantages{
}
.advantages .advantages__list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
list-style: none;
}
.advantages .advantages__item-1{background: url(/bitrix/templates/main/images/icons/advantages__item1.png);}
.advantages .advantages__item-2{background: url(/bitrix/templates/main/images/icons/advantages__item2.png);}
.advantages .advantages__item-3{background: url(/bitrix/templates/main/images/icons/advantages__item3.png);}
.advantages .advantages__item-4{background: url(/bitrix/templates/main/images/icons/advantages__item4.png);}
.advantages .advantages__item-5{background: url(/bitrix/templates/main/images/icons/advantages__item5.png);}
.advantages .advantages__item{
display: flex;
justify-content: center;
flex-direction: column;
padding-left: 100px;
max-width: 600px;
min-height: 90px;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: 15px;
}
.bx-breadcrumb {
position: absolute;
top: 400px;
left: calc(20% - 45px);
z-index: 99;
}
.module-portfolio .block-content .list-news-preview {
margin: 25px 0 25px 0;
}
.slick-dotted.slick-slider {
margin-top:60px;
}
/* End */
/* Start:/bitrix/templates/main/template_styles.css?175145018512098*/
#portfolio-list-carou.module-portfolio-list .row {height:920px !important;}
.reviews-row{
width: 100%;
min-width: 1008px;
max-width: 1280px;
margin: 0px auto;
padding: 0px 23px;
position: relative;
float:left;
}
.reviews-item{
position:relative;
height: 100%;
min-height: 300px;
max-height: 300px;
border: 2px solid #f04248;
margin: 20px;
padding-left: 20px;
padding-right: 20px;
width: 20%;
display: inline-block;
float: left;
transition:.25s;
line-height: 300px;
}
.reviews-item .reviews-fancybox:hover:before{
transition:.25s;
background: rgba(240, 66, 72, .3);
content: "";
position: absolute;
z-index:10;
left:0;
height: 300px;
width: 100%;
}
.reviews-item img{
width: 100%;
max-height: 250px;
}
.reviews-section{
padding-top:20px!important;
}
.reviews-fancybox{
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
transition:.25s;
}
footer{
float:left;
}
footer .block-top .block-logo {
padding-left: 15px;
}
footer .block-top .block-contacts {
width: 23.33%;
}
footer .block-top .block-feedback {
width: 23.33%;
}
footer .block-top .block__menu {
width: 20%;
height: auto;
float: left;
padding-top: 58px;
}
footer .block-top .block__menu .title {
font-size: 14px;
line-height: 24px;
color:
#fff;
font-family: 'Stem', Arial, sans-serif;
text-transform: uppercase;
margin: 0px 0px 15px 0px;
}
footer .block__menu__items {
list-style: none;
margin: 0;
padding: 0;
}
footer .block__menu__items__item__link {
text-decoration: none;
max-width: 170px;
}
footer .block__menu__items__item__link:hover {
text-decoration: underline;
}
footer .block-top .block__menu .title.block__menu__title02 {
margin-top: 30px;
}
/* слайдеры с типами */
.etapsWorks {
margin-top: 50px;
margin-bottom: 50px;
max-width: 992px;
margin-left: auto;
margin-right: auto;
}
.etapsWorks__title {
font-size: 28px;
line-height: 24px;
color: #212121;
font-weight: bold;
font-family: 'Stem', Arial, sans-serif;
margin-bottom: 25px;
}
.etapsWorks__item {
position: relative;
max-width: 230px;
color: #fff;
}
.etapsWorks__item__img {
width: 228px;
height: 120px;
}
.etapsWorks-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.etapsWorks__item__text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
margin-top: 10px;
background-color: #f04248;
color: #fff;
}
.etapsWorks__item__text__subtitle {
display: none;
}
.etapsWorks__item:hover .etapsWorks__item__text__title {
color: #fff;
}
.etapsWorks__item:hover .etapsWorks__item__text__subtitle {
display: block;
color: red;
font-size: 12px;
border-bottom: 1px solid red;
line-height: 1;
}
.etapsWorks__item:hover .etapsWorks__item__img {
width: 228px;
}
.etapsWorks__item__hover {
display: none;
position: absolute;
left: 0;
top: 0;
width: 228px;
height: 120px;
background: url(/bitrix/templates/main/components/bitrix/news.list/slider_etaps/lupa.png) no-repeat center center, rgba(0, 0, 0, 0.60);
}
.etapsWorks__item:hover .etapsWorks__item__hover {
display: block;
}
.slider_etaps .slick-prev,
.slider_etaps .slick-prev:focus, .slider_etaps .slick-prev:active {
background: url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat left top;
left: -45px;
}
.slider_etaps .slick-prev:hover {
background: url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat left bottom;
}
.slider_etaps .slick-next,
.slider_etaps .slick-next:focus, .slider_etaps .slick-next:active {
background: url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat right top;
right: -45px;
}
.slider_etaps .slick-next:hover {
background: url(/bitrix/templates/main/images/sliders_main_arrows.png) no-repeat right bottom;
}
.slider_etaps .slick-prev,
.slider_etaps .slick-next {
top: 45% !important;
}
.slider_etaps .slick-prev,
.slider_etaps .slick-next {
width: 36px;
height: 36px;
top: 28%;
z-index: 19;
opacity: 1;
}
.slider_etaps .slick-slide {
text-align: center !important;
}
.page-static {
padding-bottom: 0;
}
.bottom_form_service {
padding-top: 50px;
}
.module-form-order {
margin: 0 auto;
padding-top: 50px;
padding-bottom: 80px;
}
.block-content video {
display: flex;
margin: 0 auto;
}
.footerAnchorLink {
text-decoration: none;
color: #5a5a5a;
}
/* Фильтрация портфолио */
.filter-content{width:100%;max-width:1280px;position:relative;margin:30px auto -50px;padding:0 23px}
.filter-box{display:flex;flex-direction:row;align-items:center;margin:7px 0;justify-content:flex-start;width:100%;position:relative}
.filter-box p{font-size:14px;color:#4f4f4f;font-weight:500;text-transform:uppercase;margin:0;width:38%}
.filter-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;width:62%}
.filter-box li{margin:0 5px}
.filter-box a,.filter-box label{cursor:pointer;font-size:14px;line-height:36px;color:#4f4f4f;text-decoration:none;margin:0;padding:2px 5px 3px;border-bottom:1px dotted #dfdfdf;border-top:1px dotted transparent;transition:all 0.2s}
.filter-box a:hover,.filter-box label:hover{border-top:1px dotted #dfdfdf;color:#cd3b42}
.filter-boxs{border:1px solid #dfdfdf;padding:20px 30px;box-sizing:border-box;margin:30px 0 -30px}
.filter-boxs ul{display:contents}
.filter-box label{color:#333330}
.filter-boxs p{width:40%;color:#333330}
.filter-boxs ul{width:58%}
.filter-boxs input{display:none}
.filter-boxs input:checked + label{opacity:1;border-top:1px dotted #dfdfdf;color:#cd3b42}
.filter-boxs li{margin:0 35px 0 0}
.block-about-advantages .right{background: url(/about/bg-preimushestva.jpeg) no-repeat center center;}
.delivery_block .delivery_item
{
display:flex;
align-items: center;
margin-bottom:50px;
}
.delivery_block .delivery_img
{
width:215px;
}
.delivery_block .delivery_img .mobile
{
display:none;
}
.delivery_block .delivery_text
{
padding-left:45px;
}
.delivery_block .delivery_item .title,
.requisites_block .requisites_title
{
font-size:24px;
font-weight:bold;
margin-bottom:35px;
color:#000000
}
.requisites_block .requisites_title
{
margin-bottom:25px;
}
.delivery_block .delivery_item .text
{
font-size:16px;
color:#4f4f4f
}
.requisites_block
{
padding:40px 30px;
border:3px solid #eaeaec;
color:#000000;
font-size:16px;
}
.requisites_block .requisites_wrap
{
display:flex;
}
.requisites_block .requisites_wrap .requisites_col
{
padding-right: 50px;
}
@media (max-width: 767px)
{
.adaptive,
.adaptive .block-content
{
min-width:100%;
padding-left:0;
padding-right:0;
}
.module-portfolio.adaptive
{
padding: 30px 0px 0px 0px;
}
.delivery_block .delivery_item .title, .requisites_block .requisites_title
{
margin-bottom:20px;
}
.delivery_block .delivery_text
{
padding:30px 0
}
.delivery_block
{
padding:0 15px
}
.delivery_block .delivery_item,
.requisites_block .requisites_wrap
{
display:block
}
.delivery_block .delivery_img
{
width: 100%;
}
.delivery_block .delivery_img .mobile
{
display:block;
}
.delivery_block .delivery_img .desktop
{
display:none;
}
.requisites_block
{
margin: 0 15px;
font-size: 14px;
}
}
.phone.mobileShow {
display: none;
}
/** Услуги: блок гарантии **/
.warranty-block-wrapper {
margin-bottom: 53px;
border: 2px solid #e0e0e0;
padding: 37px 59px 46px 43px;
}
.warranty-block-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 18px;
color: #333;
font-family: 'Stem', Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.warranty-block-wrapper li:before {
content: '';
display: block;
width: 25px;
height: 25px;
min-width: 25px;
background-image: url("/bitrix/templates/main/images/icons/marker-shield.svg");
}
.warranty-block-wrapper li {
display: flex;
justify-content: flex-start;
gap: 9px;
}
@media all and (max-width: 1024px) {
.warranty-block-wrapper {
padding: 37px 44px 27px 43px;
}
.warranty-block-wrapper h1,
.warranty-block-wrapper h2,
.warranty-block-wrapper h3,
.warranty-block-wrapper h4,
.warranty-block-wrapper h5,
.warranty-block-wrapper h6,
.warranty-block-wrapper .h1,
.warranty-block-wrapper .h2,
.warranty-block-wrapper .h3,
.warranty-block-wrapper .h4,
.warranty-block-wrapper .h5,
.warranty-block-wrapper .h6 {
font-size: 24px;
}
.main .warranty-block-wrapper h1,
.main .warranty-block-wrapper h2,
.main .warranty-block-wrapper h3,
.main .warranty-block-wrapper h4,
.main .warranty-block-wrapper h5,
.main .warranty-block-wrapper h6
{
margin-bottom: 18px;
}
}
@media all and (max-width: 500px) {
.warranty-block-wrapper {
padding: 37px 19px 39px 25px;
}
.warranty-block-wrapper ul {
font-size: 16px;
}
}
/** Услуги: блок гарантии конец **/
#qLtempOverlay {
display: none !important;
}
.block-content-sertifikaty {
display: flex;
margin-left: -10px;
margin-right: -10px;
flex-wrap: wrap;
align-items: stretch;
}
.block-content-sertifikaty .reviews-item {
position: relative;
min-height: 300px;
border: 1px solid #C6C6C6;
margin-left: 10px;
margin-right: 10px;
padding: 34px;
width: calc(25% - 20px);
margin-left: 10px;
margin-right: 10px;
transition: .25s;
line-height: normal;
max-height: unset;
box-sizing: border-box;
height: unset;
}
.block-content-sertifikaty .reviews-item img {
max-height: unset;
}
.block-content-sertifikaty .reviews-item .reviews-fancybox:hover::before {
display: none;
}
.block-content-sertifikaty .reviews-item__title {
margin-top: 30px;
font-family: Stem;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
text-align: center;
}
@media (max-width: 768px) {
section.module-portfolio.reviews-section .block-content .block-content-sertifikaty .reviews-item {
width: calc(100%/3 - 20px);
}
}
@media (max-width: 650px) {
section.module-portfolio.reviews-section .block-content .block-content-sertifikaty .reviews-item {
width: calc(50% - 20px);
}
}
@media (max-width: 400px) {
.block-content-sertifikaty {
margin-left: 0;
margin-right: 0;
justify-content: center;
}
section.module-portfolio.reviews-section .block-content .block-content-sertifikaty .reviews-item {
width: 100%;
margin-left: 0;
margin-right: 0;
max-width: 310px;
}
}
.prices-title {
color: #333;
font-family:'Stem', Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
margin-bottom: 21px;
}
.prices-description {
margin-bottom: 20px;
}
.prices-table {
min-width: 1257px;
display: flex;
justify-content: space-between;
gap: 1px;
margin-bottom: 21px;
}
.prices-table-grey .prices-table {
width: 100%;
min-width: 1230px;
}
.prices-table-column {
width: 33.3%;
display: flex;
flex-direction: column;
gap: 1px;
}
.prices-table-row {
width: 100%;
padding: 22px 0 22px 31px;
background-color: #fff;
}
.prices-table-grey .prices-table-row {
background-color: #f5f5f5;
}
.prices-table-column:last-child .prices-table-row {
padding: 22px 23px;
}
.price-table-header,
.prices-table-grey .price-table-header {
background: #F04248;
color: #fff;
}
.fill-column {
flex: 1 0;
}
@media (max-width: 1100px) {
.prices-table-wrapper {
overflow: auto;
}
.prices-title {
font-size: 24px;
}
.prices-table {
min-width: 1100px;
}
.prices-table-column:first-child {
width: 30%;
}
.prices-table-column:nth-child(2) {
width: 36.6%;
}
.prices-table-row {
padding-left: 25px;
}
}
.bottom_form_service.bottom_form_service-article {
padding: 0;
}
.main-wrapper.main-wrapper-services .block-advantages .blocks {
padding-top: 0;
}
.block-advantages .title {
font-size: 30px !important;
}
.block_hidden {
display: none;
}
/* End */
/* /bitrix/templates/main/plugins/jqueryui/jquery-ui.min.css?16807959405106 */
/* /bitrix/templates/main/plugins/slick/slick.css?16807959404092 */
/* /bitrix/templates/main/css/normalize.pack.css?16807959402519 */
/* /bitrix/templates/main/plugins/fancybox/jquery.fancybox.css?16807959404933 */
/* /bitrix/templates/main/plugins/formstyler/jquery.formstyler.css?168079594010249 */
/* /bitrix/templates/main/css/fonts.css?17294980772914 */
/* /bitrix/templates/main/css/css3.css?168079594025718 */
/* /bitrix/templates/main/css/main.css?1739430819103904 */
/* /bitrix/templates/main/css/inner_page.css?172847414534306 */
/* /bitrix/templates/main/css/main_page_new_design.css?173311505426936 */
/* /bitrix/templates/main/css/custom/custom.css?174348873917496 */
/* /bitrix/templates/main/components/bitrix/breadcrumb/main/style.min.css?1680795940448 */
/* /bitrix/templates/main/components/bitrix/menu/menu/style.css?17352083871134 */
/* /bitrix/templates/main/styles.css?16982153377662 */
/* /bitrix/templates/main/template_styles.css?175145018512098 */