@font-face {
font-family: 'Tahoma';
src: url('Tahoma.woff') format('woff'),
url('Tahoma.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exo_2bold';
src: url('exo2-bold-webfont.woff') format('woff'),
url('exo2-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exo_2extra_bold';
src: url('exo2-extrabold-webfont.woff') format('woff'),
url('exo2-extrabold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exo_2light';
src: url('exo2-light-webfont.woff') format('woff'),
url('exo2-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exo_2regular';
src: url('exo2-regular-webfont.woff') format('woff'),
url('exo2-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'exo_2semi_bold';
src: url('exo2-semibold-webfont.woff') format('woff'),
url('exo2-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
margin: 0;
padding: 0;
}
body{
background-color: #fff;
font-family: 'exo_2regular';
}
input, button, textarea, select{
padding: 15px;
color: #000;
font-size: 19px;
border: 1px solid #000;
box-sizing: border-box;
display: block;
/*  width: 100%;*/
transition: box-shadow 0.5s ease;
-webkit-transition: box-shadow 0.5s ease;
-moz-transition: box-shadow 0.5s ease;
-o-transition: box-shadow 0.5s ease;
}
#client_phone {
    width: 100%;
}
label, .field-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
  font-weight: 100;
}

a {
color: #0d8bcd;
text-decoration: none;
}

a:hover {
color: #000;
}

a, img{
border: none;
}
img{
max-width: 100%;
height: auto;
}
span.warning {
color: red;
}

*:focus{
outline: none;
}
.input[type="checkbox"].stylesh {
display: none;
}
.input[type="checkbox"].stylesh + label {
display: inline-block;
width: 10px;
height: 10px;
background: none;
border: 1px #eee solid;
}
.red-dot {display: inline !important;color: red !important;}
#add_product_notification {
position: relative;
background: #ffdd00;
color: #000;
padding: 15px 30px;
border-bottom: 2px solid #000;
z-index: 9999;
text-align: center;
}
.wrape{
min-width: 1100px;
overflow: hidden;
}
.center {text-align: center;}
.bk-center{
width: 1100px;
margin: 0 auto;
position: relative;
}
.bk-center._error{
min-height: calc(100vh - 627px);
}
.text-center {text-align: center;}
.under-message {
text-align: center;
padding-top: 5px;
}
.under-message.abs {position: absolute;}
.under-message.white {width: 100%;color: #fff;}
.add-more-cont {width: 100%;text-align: center;}
.field.fc {
padding: 10px 0 5px;
}
.field-content {
padding: 5px 0;
}
.field.fc .field-label {
padding: 0 0 5px 0;
}
.field.fc .small {
font-size: 11px;
padding-top: 5px;
color: #8c8c8c;
}
.set.wide_set{
max-width: 600px; /*стр авторизации*/
margin: 20px auto;
}
.input-text, .field.fc input[type="text"], .field.fc input[type="password"] {
   padding-left: 0;
    padding-right: 15px;
    color: #000000;
    font-size: 18px;
    border: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    transition: box-shadow 0.5s ease;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    border: 1px solid #f5f5f5;
    background: #ffffff;
    padding: 14px;
}
.input-text:focus,
.textarea-text:focus,
.field.fc input[type="text"]:focus,
.field.fc input[type="password"]:focus{
box-shadow: 0 0 10px #000;
}
.input-text.error,
.textarea-text.error,
.field.fc input[type="text"].error,
.field.fc input[type="password"].error {
border: 1px solid #000;
}
.input-text.error:focus,
.textarea-text.error:focus,
.field.fc input[type="text"].error:focus,
.field.fc input[type="password"].error:focus {
box-shadow: 0 0 10px #000;
}
.file_upload {
position: relative;
box-sizing: border-box;
margin-top: 15px;
}
.file_upload input{display:  none;}
.file_upload mark{
background: none;
margin-bottom: 10px;
display: inline-block;
}
.textarea-text{
max-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 17px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    border: 1px solid #cecece;
    background: #ffffff;
    margin-left: 0;
    min-height: 50px;
}
.overlay_submit {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000004a;
z-index: 999;
}
.select-style,
.field.fc select{
height: 40px;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
border: 1px solid #000;
box-sizing: border-box;
display: block;
width: 100%;
transition: box-shadow 0.5s ease;
-webkit-transition: box-shadow 0.5s ease;
-moz-transition: box-shadow 0.5s ease;
-o-transition: box-shadow 0.5s ease;
background-image: url(select-raz.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none!important;
}
.select-style:focus{
box-shadow: 0 0 10px #000;
}
input::-webkit-input-placeholder {color:#424242;}
input::-moz-placeholder {color:#424242;}
textarea::-webkit-input-placeholder {color:#424242;}
textarea::-moz-placeholder {color:#424242;}
 
.button-style-form.mini {font-size: 14px;}

.button-style-form {cursor:pointer;} 
/*
.button-style-form:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
*/
.button-style-form.red, .button{
background-color: #ffffff;
    background: none;
    color: white;
    border: 1px solid white;
}
.button-style-form.red {
display: inline-block;
}
.button-style-form.blue{
background-color: #000;
    color: white;
    padding: 15px 25px;
  width: 100%;
  text-decoration: none;
}
.blog .sidebar_menu li {
    border-bottom: 1px solid #d8edf7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.button-style-form.grin {
background-color: #ee1b23;
    color: white;
    padding: 15px 25px;
    border: 0;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}
.button-style-form.grin:hover {
background-color: #ee1b23;
}
.article_block {
margin-bottom:50px;
}
/*top*/
.top{
 padding-top: 25px;
  margin-bottom: 25px;
}
.top .bk-center{
overflow: hidden;
}
.top .logo{
float: left;
position: relative;
}
.logo{
padding-top: 12px;
position: relative;
width: 255px;
}
.logo > a{
display: block;
text-decoration: none;
position: relative;
padding-left: 77px;
padding-top: 15px;
min-height: 48px;
}
.logo > a::before{
content: " ";
top: 0;
position: absolute;
left: 0;
width: 86px;
height: 67px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(logo.png);
}
.logo > a .title-logo{
color: #de4136;
font-size: 20px;
display: block;
line-height: 25px;
font-family: 'exo_2bold';
}
.logo > a .title-logo span{
color: #000;
}
.logo > a .opis-logo{
color: #000;
font-size: 12px;
display: block;
line-height: 13px;
}
.logo > a .opis-logo span{
font-weight: bold;
}
.logo > a .dop-logo{
position: absolute;
bottom: 0;
right: 0;
width: 123px;
height: 20px;
margin-top: 10px;
text-align: center;
line-height: 20px;
color: #987e16;
font-size: 14px;
margin-right: -130px;
background-color: #ffdd00;
margin-bottom: 7px;
border-radius: 0px 3px 3px 3px;
}
.logo > a .dop-logo::before{
position: absolute;
content: "";
top: 0;
left: 0;
border: 5px solid transparent;
border-bottom: 5px solid #ffdd00;
border-left: 5px solid #ffdd00;
margin-top: -10px;
}
.top .no_client_text {
font-size: 14px;
line-height: 15px;
font-style: italic;
font-family: 'exo_2regular';
color: #9a9a9a;
text-align: right;
float: left;
margin-left: 398px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
height: 85px;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}

.top .top-cont{
float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    height: 85px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.top-cont {
margin-top: 45px;
}
.top-cont__skype{
margin-bottom: 4px;
color: #b4b4b4;
font-size: 12px;
position: relative;
line-height: 16px;
}

.top-cont__email{
color: #b4b4b4;
font-size: 12px;
position: relative;
line-height: 14px;
}
.top-cont__skype .fa {
text-align: center;
font-size: 17px;
}
.top-cont__skype a, .top-cont__email a:hover .top-cont__skype .fa {
 
}
.top-cont__skype a, .top-cont__email a {
color: inherit;
text-decoration: none;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
-webkit-transition: all 0.5s!important;
-moz-transition: all 0.5s!important;
-ms-transition: all 0.5s!important;
-o-transition: all 0.5s!important;
transition: all 0.5s!important;
width: 32px;
text-align: center;
height: 26px;
line-height: 32px;
}
.top-cont__skype a:hover, .top-cont__email a:hover {color:#000 ;background: #fff; }
.top-cont__skype a:hover .fa {   }
.top .top-tel{
margin-left: 0px;
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
}
.top .top-tel i {
margin-right:5px;
font-size: 20px;
}
.top .top-tel > span{
color: #000;
    font-size: 13px;
    line-height: 22px;
}
.top .top-tel div {
color: #000;
    font-size: 14px;
    line-height: 27px;
}
.top .top-tel > div a {
color: #000;
font-size: 20px;
line-height: 20px;
font-weight: bold;
}
.top .top-a{
  /*  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    text-align: center;*/
}
.top .top-a .style-a{
display: block;
    line-height: 45px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: 1px solid #eaeaea;
}
.top .top-a .style-a:hover{
 border: 1px solid #000;
color: #000;
}
.top .top-a .style-a:active{
 border: 1px solid #000;
color: #000;
}
.clear {
clear: both;
}

/*top-menu*/
.collections_menu_title.one {
    background: #ee1b23;
} 
.collections_menu_title.second {
    background: #5fbb47;
}
 .collections_menu_title.third {
    background: #0089cf;
}
#menu-adapt{
display: none;
height: 51px;
width: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
background-color: transparent;
border: none;
cursor: pointer;
display: none;
}
#menu-adapt .c-button__text > span{
width: 30px;
height: 3px;
display: block;
background-color: #000;
margin-top: 5px;
margin-bottom: 2px;
border-radius: 2px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
#menu-adapt.active .c-button__text span:nth-child(1){
-moz-transform: rotate(-45deg); /* Для Firefox */
-ms-transform: rotate(-45deg); /* Для IE */
-webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-45deg); /* Для Opera */
transform: rotate(-45deg);
margin-top: 0px;
}
#menu-adapt.active .c-button__text span:nth-child(2){
opacity: 0;
}
#menu-adapt.active .c-button__text span:nth-child(3){
-moz-transform: rotate(45deg); /* Для Firefox */
-ms-transform: rotate(45deg); /* Для IE */
-webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(45deg); /* Для Opera */
transform: rotate(45deg);
margin-top: -12px;
}
#top-menu{
list-style: none;
/*float: left;*/
height: 50px;
margin-top: -1px;
}
#top-menu > li{
float: left;
height: 50px;
line-height: 50px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}

#top-menu > li._temp > a.red_but {
/*animation: outlineAnim 7s infinite;*/
      font-weight: bold;
}
#top-menu > li._temp > a.red_but:hover {
background-color: #000000;
}

#top-menu > li._temp > a{
text-transform: uppercase;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
#top-menu > li._temp > a:hover{
background-color: #000;
color: #ffffff;
}

.top-menu{
height: 49px;
    position: relative;
    z-index: 20;
   /* background: #b5b5b5;*/
} 

#top-menu > li > a{
display: block;
padding-left: 20px;
padding-right: 20px;
line-height: 50px;
height: 50px;
font-size: 18px;
text-decoration: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease; 
} 
.collections_menu_title {
    color: #ffffff;
    background: #ee1b23;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#top-menu > li._temp > a.collections_menu_title:hover {
 color: #fff;
  background: #000;
}
#top-menu > li > div{
position: relative;
z-index: 20;
}
#top-menu > li > div::before{
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -3.5px;
margin-top: -12px;
border: 4px solid transparent;
border-top: 5px solid #b1b1b1;
}
#top-menu > li > div > ul{
display: none;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}
#top-menu > li:hover > div::before{
display: none;
}
#top-menu > li:hover > div > ul{
display: block;
position: absolute;
top: 0;
left: 0;
min-width: 180px;
max-width: 400px;
background-color: #fff;
list-style: none;
border-top: 2px solid #000;
}
#top-menu > li:hover > div > ul > li{
height: 40px;
line-height: 14px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
border-left: 2px solid #fff;
border-bottom: 1px solid #eaeaea;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
#top-menu > li > div > ul > li:last-child{
border-bottom: none;
}
#top-menu > li:hover > div > ul > li:hover{
border-left-color: #000 ;
background-color: #f5f5f5;
}
#top-menu > li:hover > div > ul > li > a{
color: #424242;
font-size: 14px;
line-height: 14px;
display: flex;
align-items: center;
text-decoration: none;
white-space: nowrap;
width: 100%;
height: 100%;
padding-left: 18px;
padding-right: 20px;
}
#top-menu > li:hover > a{
background-color: #000;
color: #fff;
} 

.top-logout{
float: right;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
height: 50px;
margin-top: -1px;
position: relative;
}
.top-logout .logout{
color: #444444;
font-size: 16px;
text-decoration: none;
padding-left: 36px;
padding-right: 20px;
display: block;
line-height: 50px;
height: 50px;
position: relative;
border: 0px;
background-color: transparent;
cursor: pointer;
z-index: 10;
}
.top-logout .logout::before{
content: "";
position: absolute;
top: 50%;
margin-top: -7px;
left: 0;
margin-left: 14px;
width: 14px;
height: 14px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('ic-vhod.svg');
}
.top-logout .logout._active{
background-color: #ff3e31;
color: #fff;
}
.top-logout .logout._active::before{
background-image: url('ic-vhod-in.svg');
}
.top-logout .logout:hover{}
.top-logout .new-shop{
height: 41px;
width: 190px;
display: block;
line-height: 44px;
text-align: center;
color: #018bd4;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
/* background-color: #009ed2; */
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border: 1px solid #018bd4;
}
.top-logout .new-shop:hover{
background-color: #0489ca;
color: white;
}
.top-logout .new-order{
height: 50px;
width: 190px;
display: block;
line-height: 50px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 16px;
text-decoration: none;
background-color: #ff3e31;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
animation: outlineAnim 2s infinite;
}
@keyframes outlineAnim{
from {
outline: #000 solid 2px;
box-shadow: #000 0px 0px 4px;
outline-offset: 0px;
}
to {
outline: rgba(255, 62, 49, 0) solid 2px;
box-shadow: rgba(255, 62, 49, 0) 0px 0px 12px;
outline-offset: 15px;
}
}
#form-authorize{
background-color: #fff;
position: absolute;
top: 0;
left: 0;
border-top: 2px solid #ff3e31;
margin-top: 50px;
width: 290px;
padding: 20px;
box-sizing: border-box;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 0;
z-index: 0;
visibility: hidden;
box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
}
#form-authorize._active{
margin-top: 50px;
opacity: 1;
z-index: 10;
visibility: visible;
}
.form-elem{
position: relative;
margin-bottom: 10px; 
/*height: 40px;*/
}
.form-elem .icon-button {
position: absolute;
display: block;
width: 91px;
height: 40px;
border-radius: 0;
border: none;
background: #ff3e31;
color: #fff;
font-size: 22px;
border-left: none;
top: 0;
right: 0;
cursor: pointer;
}
.form-elem .icon-button:hover {
background: #fb6b62;
}
.form-elem .icon-button.active {
background: #000;
}
.form-elem.dop{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.form-elem.center{
text-align: center;
font-size: 14px;
line-height: 14px;
}
.form-elem.left {
text-align: left;
font-size: 14px;
line-height: 14px;
      margin-top: 15px;
}
.form-elem.center .button-style-form{
display: inline-block;
}
.form-elem .checkbox-style{
margin-right: 5px;
}
.form-elem input[type="checkbox"].checkbox-style{
display: none;
}
.form-elem input[type="checkbox"].checkbox-style + label span {
position: relative;
    display: inline-block;
    width: 20px;
    height: 21px;
    background: none;
    border: 1px #0089d0 solid;
    cursor: pointer;
    margin-bottom: -4px;
}


.form-elem > span.checkbox-title {
display: inline-block;
padding-left: 5px;
color: #fff;
text-align: left;
}
.form-elem input[type="checkbox"]:checked + label span::after {
position: absolute;
    margin: 0px 0 0 1px;
    content: "\f00c";
    font: normal normal normal 18px/1 FontAwesome;
    color: #0089cf;
}
.form-elem.error input[type="checkbox"].checkbox-style + label span{
border: 2px #000 solid;
}
.form-elem.error input[type="checkbox"]:checked + label span::after {
color: #000;
}

.form-elem a{
color: #fff;
    font-size: 16px;
    line-height: 14px;
    text-decoration: underline;
}
.form-elem > span{
color: #000;
font-size: 17px;
text-align: center;
display: block;
}
.form-elem > span.checkbox-title a {
}
.form-elem > div{}
.form-elem > div > p{
color: #000;
font-size: 17px; 
text-transform: none;
text-align: left;
line-height: 16px;
}
.form-elem > div > p span{
font-weight: bold;
}
.form-elem > div > span{
font-style: italic;
display: block;
text-align: center;
color: #9a9a9a;
font-size: 18px;
line-height: 18px;
margin-top: 5px;
text-transform: none;
font-weight: normal;
font-family: 'Tahoma';
}
.form-elem > div > span span{
font-weight: bold;
}
.form-elem:last-child{
margin-bottom: 10px;
height: auto;
  margin-top: 28px;
}
.form-elem.order-line {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5px 10px 5px;
border-bottom: 1px #eee solid;
}
.form-elem.order-line .product-title {
font-size: 16px;
color: #000;
text-decoration: none;
line-height: 1.4;
}
.form-elem.order-line .delete-order {
color: #000;
font-size: 15px;
}
.form-elem.order-line > div {text-align: left;}

#form-authorize .form-elem > a{
color: #000000;
font-size: 16px;
line-height: 16px;
}
.form-title{
color: #424242;
font-size: 18px;
line-height: 20px;
margin-bottom: 15px;
}
.form-title > div{
   font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
    color: #000000;
}
.form-title > span{
color: #fff;
    font-size: 14px;
}
/*top-slide*/
.top-slide{
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
/* background-image: url(fon-top.jpg); */
position: relative;
z-index: 10;
overflow: hidden;
}
#home__slide{
list-style: none;
margin: 0 auto;
min-height: 761px;
position: relative;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
#home__slide > li{
position:absolute;left:0; right:0; top:0;bottom:0; margin:auto;
    opacity: 0;
    z-index: 100;
    width: 100%;
}
#home__slide > li._active {
opacity: 1;
z-index: 101;
}
.sli-p-l{
position: absolute;
top: 50%;
left: 0;
overflow: hidden;
text-indent: -999px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-color: transparent;
cursor: pointer;
border: none;
z-index: 1001;
}
.sli-p-l:hover{
background-image: url('sl-p-l-h.svg') !important;
}
.sli-p-l:active{
background-image: url('sl-p-l-a.svg') !important;
}
.sli-p-r{
position: absolute;
top: 50%;
right: 0;
overflow: hidden;
text-indent: -999px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-color: transparent;
cursor: pointer;
border: none;
z-index: 1001;
}
.sli-p-r:hover{
background-image: url('sl-p-r-h.svg') !important;
}
.sli-p-r:active{
background-image: url('sl-p-r-a.svg') !important;
}
.top-slide .sli-p-l, .sli-p-l-portfolio{
margin-top: -31px;
width: 26px;
height: 62px;
background-image: url('sl-p-l.svg');
}
.top-slide .sli-p-r, .sli-p-r-portfolio{
margin-top: -31px;
width: 26px;
height: 62px;
background-image: url('sl-p-r.svg');
}
.slide1-home{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
padding-top: 20px;
}
.slide1-home__img{
float: left;
 
position: relative;
}
.slide1-home__img .img1{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin-top: 25px;
}
.slide1-home__img .img2{
position: absolute;
z-index: 4;
bottom: 0;
right: 0;
}
.slide1-home__opis{
padding-top: 40px;
}
.slide1-home__opis a {
text-decoration: none;
color: black;
}
.slide1-home__opis .op1{
color: #000;
font-size: 35px;
text-transform: uppercase;
line-height: 55px;
font-family: 'exo_2bold'; 
}
.slide1-home__opis .op1 span{
color: #000;
}
.slide1-home__opis .op2{
color: #000;
font-size: 25px;
text-transform: uppercase;
line-height: 25px;
font-family: 'exo_2bold';
margin-top: 5px;
margin-bottom: 5px; 
}
.slide1-home__opis .op3{
color: #000;
font-size: 20px;
line-height: 28px;
}
.slide1-home__opis .op3 span{
display: inline-block;
line-height: 28px;
padding-left: 7px;
padding-right: 7px;
color: #000;
font-size: 18px;
}
/*bk-home1*/
.bk-home1{
/*background-color: #fff;*/
padding-bottom: 70px;
}
.bk-home1 .bk-shag{
position: absolute;
text-align: center;
height: 45px;
width: 45px;
border-radius: 4px 4px 0px 4px;
left: 0;
top: 50%;
margin-top: -23px;
background-color: #000;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
margin-left: -26px;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
color: #5f8400;
font-size: 25px;
font-family: 'exo_2bold';
line-height: 22px;
}
.bk-home1 .bk-shag span{
font-family: 'Tahoma';
font-size: 13px;
line-height: 10px;
}
.bk-home1 .bk-shag::before{
border: 5px solid transparent;
border-bottom: 5px solid #000;
border-left: 5px solid #000;
content: "";
right: 0;
bottom: 0;
position: absolute;
margin-right: -10px;
}
.bk-home1 .bk-dop4 {
margin-top:30px;
text-align: left;
}
.bk-home1 .bk-dop1{
width: 880px;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
padding-top: 25px;
padding-bottom: 25px;
background-color: #009ed2;
text-align: center;
}
.instruction_page .bk-home1 {
background: none;
}
.instruction_page .temp-descr__slide {
background-attachment: fixed;
}
.instruction_page .temp-descr__slide .mebel-sl1 {
left: -110px;
top: -173px;
}
.instruction_page .temp-descr__slide .odezhda-sl1 {
margin-left: -172px;
}
.instruction_page .temp-descr__slide .odezhda-sl3 {
left: 0;
margin-bottom: -249px;
margin-left: -273px;
}
.instruction_page .temp-descr__slide .mebel-sl3 {
left: 0;
margin-bottom: -403px;
margin-left: -348px;
}
.instruction_page .faq-bk {
z-index: 10;
position: relative;
}

.instruction_page .faq-bk img {
box-shadow: 0px 0px 13px #929292;
border: 1px solid gray;
}

.instruction_page .faq-bk strong {
font-size: 21px;
color: #de4136;
}
.bk-home1 .bk-dop1::before{
position: absolute;
bottom: 0;
left: 50%;
content: "";
border: 100px solid transparent;
border-top: 15px solid #009ed2;
margin-bottom: -115px;
margin-left: -100px;
}
.bk-home1 .bk-dop1 .op1{
color: #fff;
font-size: 23px;
line-height: 25px;
font-family: 'exo_2semi_bold';
}
.bk-home1 .bk-dop1 .op2{
color: #fff;
font-size: 14px;
line-height: 27px;
margin-top: 5px;
}
.bk-home1 .bk-dop1 .op2 .span1{
font-family: 'exo_2extra_bold';
}
.bk-home1 .bk-dop1 .op2 .span1 > span {

}
.bk-home1 .bk-dop1 .op2 .span1 > span, .bk-home1 .bk-dop1 .op2 .span1 > span a {
font-family: 'exo_2regular';
display: inline-block;
line-height: 27px;
padding-left: 7px;
padding-right: 7px;
border-radius: 3px;
color: #fff;
background-color: #000;
font-size: 18px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;

}
.bk-home1 .bk-dop1 .op2 .span1 > span a:hover,
.bk-home1 .bk-dop1 .op2 .span1 > span:hover {
color: #000;
background-color: #ffdd00;
}
.bk-home1 .bk-dop1 .op2 .span2{
color: #ffdd00;
font-style: italic;
font-family: 'exo_2extra_bold';
}
.bk-home1 .bk-dop1 .op2 .span2 > span{
font-style: normal;
font-size: 25px;
}
.bk-home1 .bk-dop2{
text-align: center;
}
.bk-home1 .bk-dop2.dop{
margin-top: 0px;
margin-bottom: 30px;
}
.bk-home1 .bk-dop2 .op1{
color: #000;
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
font-family: 'exo_2semi_bold';
margin-bottom: 25px;
}
.bk-home1 .bk-dop2 .op1 h1{
color: #000000;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-family: 'exo_2semi_bold';
}
.bk-home1 .bk-dop2 .op2{
color: #000;
font-size: 14px;
line-height: 12px;
margin-top: 5px;
}
.bk-home1 .bk-dop2 .op3{
margin-top: 19px;
}
.bk-home1 .bk-dop2 .bk-form{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.bk-home1 .bk-dop2 .bk-form > div{
margin-left: 10px;
margin-right: 10px;
width: 270px;
}
.bk-home1 .bk-dop2 .bk-form > div:last-child{
width: 170px;
}
.bk-home1 .bk-dop2 .bk-form > div button{
border: none;
background-color: #000;
display: block;
cursor: pointer;
height: 40px;

text-align: center;
width: 100%;
line-height: 40px;
font-size: 16px;
color: #5f8400;
font-family: 'exo_2bold';
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.bk-home1 .bk-dop2 .bk-form > div button:hover{
transform: scale(1.05, 1.05);
}
.bk-home1 .bk-dop3{
width: 880px;
margin: 0 auto;
/*margin-top: 75px;*/
padding-left: 40px;
padding-right: 40px;
position: relative;
padding-top: 25px;
padding-bottom: 25px;
background-color: #6c8d9a;
text-align: center;
}
.bk-home1 .bk-dop3::before{
position: absolute;
bottom: 0;
left: 50%;
content: "";
border: 100px solid transparent;
border-top: 15px solid #6c8d9a;
margin-bottom: -115px;
margin-left: -100px;
}
.bk-home1 .bk-dop3 .op1{
color: #fff;
font-size: 25px;
line-height: 25px;
font-family: 'exo_2semi_bold';
}
.bk-home1 .bk-dop3 .op2{
color: #fff;
font-size: 18px;
line-height: 27px;
margin-top: 5px;
}
/*bk-home-port*/
.bk-home-port{
padding-bottom: 65px;
position: relative;
z-index: 10;
overflow: hidden;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: top center;
background-image: url(-bg.jpg);
}
.index-reviews{
padding-bottom: 65px;
position: relative;
z-index: 10;
overflow: hidden;
}
.bk-home-port::before{
content: " ";
position: absolute;
top: -20px;
left: 0;
width: 110%;
height: 19px;
box-shadow: -10px 8px 25px -9px #000000;
}
.home-port{
margin-top: 45px;
}
.home-port .style-button{
display: block;
margin: 0 auto;
width: 314px;
line-height: 50px;
height: 50px;
text-align: center;
color: #5f8400;
font-size: 18px;

text-decoration: none;
background-color: #000;
font-family: 'exo_2bold';
text-transform: uppercase;
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.home-port .style-button:hover{
transform: scale(1.05, 1.05);
}
.home-port #home-port, .index-reviews_slider, .index-portfolio-slider{
width: 1030px;
margin: 0 auto;
position: relative;
height: 835px !important;
overflow: inherit !important;
}
.index-reviews_slider {
height: 300px !important;
}
.index-portfolio-slider {
    height: 630px !important;
}
.home-port #home-port > div, .index-reviews_item, .index-portfolio-slider_item{
left: 0;
top: 0;
position: absolute;
opacity: 0;
width: 1030px;
height: 835px;
text-align: left;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
}
.index-reviews_item {
height: 300px;
}
.index-portfolio-slider_item {
    height: 630px;
  align-items: flex-start;
}
.index-portfolio-slider_container {
  width: 100%;
}
.home-port #home-port > div._active, .index-reviews_item._active, .index-portfolio-slider_item._active{
opacity: 1;
z-index: 1000;
}
.home-port #home-port .fon-sl1{
position: absolute;
top: 0;
left: 0;
width: 203px;
height: 456px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid1-fon.png);
margin-top: 40px;
margin-left: -100px;
z-index: 1;
}
.home-port #home-port .fon-sl2{
position: absolute;
top: 0;
right: 0;
width: 109px;
height: 132px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid2-fon.png);
margin-top: -80px;
margin-right: -70px;
z-index: 1;
}
.home-port #home-port .fon-sl3{
position: absolute;
right: 0;
bottom: 0;
width: 324px;
height: 528px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid3-fon.png);
margin-bottom: -170px;
z-index: 1;
margin-right: -70px;
}
.home-port #home-port .fon-sl4{
position: absolute;
top: 0;
left: 0;
width: 292px;
height: 631px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid7-fon.png);
margin-top: 60px;
margin-left: -257px;
z-index: 1;
}
.home-port #home-port .fon-sl5{
position: absolute;
top: 0;
right: 0;
width: 230px;
height: 196px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid8-fon.png);
margin-top: -130px;
margin-right: -110px;
z-index: 1;
}
.home-port #home-port .fon-sl6{
position: absolute;
right: 0;
bottom: 0;
width: 329px;
height: 527px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid9-fon.png);
margin-bottom: -170px;
margin-right: -120px;
z-index: 1;
}

.home-port #home-port .fon-sl7{
position: absolute;
top: 0;
left: 0;
width: 297px;
height: 790px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid10-fon.png);
margin-top: 40px;
margin-left: -240px;
z-index: 1;
}
.home-port #home-port .fon-sl8{
position: absolute;
top: 0;
right: 0;
width: 272px;
height: 208px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid11-fon.png);
margin-top: -130px;
margin-right: -90px;

z-index: 1;
}
.home-port #home-port .fon-sl9{
position: absolute;
right: 0;
bottom: 0;
width: 296px;
height: 524px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(slid12-fon.png);
margin-bottom: -170px;
margin-right: -120px;
z-index: 1;
}
.home-port .home-port-sl{
width: 590px;
padding-top: 35px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(fon-win.png);
position: relative;
z-index: 5;
}
.home-port .home-port-sl a {
display: block;
color: #000;
font-size: 16px;
font-family: 'exo_2bold';
line-height: 18px;
padding: 10px;
text-align: center;
background: #e8e8e8;
-webkit-transition: 0.5s;
-moz-transition:  0.5s;
-o-transition:  0.5s;
transition: 0.5s;
}

.home-port .home-port-sl:hover a {
background: #ffd900;
box-shadow: 0px 7px 14px #5d5d5d;
}

.home-port .home-port-sl > div{
border: 1px solid #cccccc;
border-radius: 0px 0px 4px 4px;
height: 750px;
position: relative;
overflow: hidden;
background-color: #fff;
}
.home-port .home-port-sl > div img{
position: absolute;
width: 100%;
transition: 7s all ease-in-out;
}
.home-port .home-port-sl-min{
width: 200px;
position: relative;
z-index: 5;
/*	padding-top: 43px;*/
}
.home-port .slid-pag-t{
position: absolute;
top: 0;
left: 50%;
width: 62px;
height: 24px;
background-image: url('prev-portf-img.svg');
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
margin-left: -31px;
}
.home-port .slid-pag-b{
position: absolute;
bottom: -30px;
left: 50%;
width: 62px;
height: 24px;
background-image: url('next-portf-img.svg');
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
margin-left: -31px;
}
.home-port .slid-pag-b.disabled, .home-port .slid-pag-t.disabled{
opacity: 0.2;
}
.home-port .caroufredsel_wrapper{
height: 801px !important;
}
.home-port .home-port-min{
position: relative;
}
.home-port .home-port-min > div{
width: 198px;
height: 178px;
position: relative;

background-color: #e8e8e8;
border: 1px solid #e8e8e8;
margin-bottom: 22px;
cursor: pointer;
}
.home-port .home-port-min > div:hover {
border-color: #1b4966;
background-color: #1b4966;
}
.home-port .home-port-min > div:hover > span {
color: #fff;
}
.home-port .home-port-min > div._active{
border-color: #1b4966;
background-color: #1b4966;
}
.home-port .home-port-min > div > div{
overflow: hidden;
height: 138px;
border-radius: 3px;
}
.home-port .home-port-min > div > div img{
width: 100%;
}
.home-port .home-port-min > div > span{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
padding-left: 12px;
height: 32px;
color: #000;
font-size: 14px;
line-height: 15px;
}
.home-port .home-port-min > div._active > span{
color: #fff;
}
.home-port .home-port-ops{
width: 200px;
position: relative;
z-index: 5;
}
.home-port-ops .opis-bk{
   min-height: 265px;
    border-radius: 4px 4px 4px 2px;
    background: #ffffff;
    padding-top: 20px;
    position: relative;
    border: 1px solid #d4d4d4;
}
.home-port-ops .opis-bk::before{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 0;
border-left: 35px solid transparent;
border-right: 162px solid transparent;
border-top: 25px solid #d4d4d4;
margin-bottom: -26px;
}
.home-port-ops .opis-bk::after{
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0;
height: 0;
border-left: 35px solid transparent;
border-right: 162px solid transparent;
border-top: 25px solid #f4f4f4;
margin-bottom: -25px;
}
.home-port-ops .opis-bk .podhod{
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
  margin-top: 41px;
}
.home-port-ops .opis-bk .podhod > span{
display: block;
color: #000;
font-size: 16px;
text-transform: uppercase;
font-family: 'exo_2bold';
line-height: 18px;
margin-bottom: 10px;
}
.home-port-ops .opis-bk .podhod > div{
position: relative;
line-height: 15px;
color: #000;
font-size: 13px;
margin-bottom: 8px;
} 
.home-port-ops .opis-bk .sostav{}
.home-port-ops .opis-bk .sostav > span{
display: block;
color: #000;
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'exo_2bold';
}
.home-port-ops .opis-bk .sostav > div{
overflow: hidden;
margin-bottom: 8px;
}
.home-port-ops .opis-bk .sostav > div > div{
max-width: 135px;
float: left;
color: #000;
font-size: 12px;
line-height: 12px;
}
.home-port-ops .opis-bk .sostav > div > span{
float: right;
display: block;
text-align: right;
color: #a0a0a0;
font-size: 12px;
line-height: 12px;
}
.home-port-ops .opis-butt{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-top: 45px;
}
.home-port-ops .opis-butt .grin{
padding-left: 22px;
    padding-right: 22px;
    line-height: 21px !important;
    height: 50px !important;
    font-size: 18px !important;
    width: 100%;
    border: 0;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}
.home-port-ops .opis-butt .red{
float: right;
text-transform: uppercase;
padding-left: 22px;
padding-right: 22px;
line-height: 50px !important;
height: 50px !important;
font-size: 18px !important;
  background: #428bca;
}
.home-port-ops .opis-butt .red:hover {
animation: outlineAnim 2s infinite;
}
.home-port-ops .butt-lef{
height: 40px;
    display: block;
    float: left;
    width: 75px;
    background-color: #fff;
    line-height: 40px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'exo_2bold';
    text-decoration: none;
    transform: scale(1, 1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    border: 1px solid #c7c7c7;
}
.home-port-ops .butt-lef:hover{
transform: scale(1.05, 1.05);
}
.home-port-ops .butt-rig{
height: 40px;
display: block;
float: right;
width: 115px;
background-color: #009ed2;

line-height: 40px;
text-align: center;
color: #fff;
font-size: 16px;
font-family: 'exo_2bold';
text-decoration: none;
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.home-port-ops .butt-rig:hover{
transform: scale(1.05, 1.05);
}
.home-port-glsl{
position: relative;
height: 833px;
margin-bottom: 107px;
}
.home-port-glsl .sli-p-l, .index-reviews .sli-p-l{
width: 70px;
height: 70px;
background-color: #ffdd00;
border-radius: 40px;
margin-top: -35px;
margin-left: -90px;
background-image: none !important;
border: none;
cursor: pointer;
}
.index-reviews .sli-p-l {
margin-left: 0;
}
.home-port-glsl .sli-p-l:hover , .index-reviews .sli-p-l:hover{
background-color: #ffc600;
}
.home-port-glsl .sli-p-l:active, .index-reviews .sli-p-l:active{
background-color: #ffa300;
}
.home-port-glsl .sli-p-l:active::before, .index-reviews .sli-p-l:active::before{
background-image: url('sl-p-l.svg');
}
.home-port-glsl .sli-p-l::before, .index-reviews .sli-p-l::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 38px;
margin-top: -19px;
margin-left: -10px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('prev-portf.svg');
}
.home-port-glsl .sli-p-l:hover, .index-reviews .sli-p-l:hover{
background-image: none !important;
}
.home-port-glsl .sli-p-l:active, .index-reviews .sli-p-l:active{
background-image: none !important;
}
.home-port-glsl .sli-p-r, .index-reviews .sli-p-r{
width: 70px;
height: 70px;
background-color: #ffdd00;
border-radius: 40px;
margin-top: -35px;
margin-right: -90px;
background-image: none !important;
border: none;
cursor: pointer;
}
.index-reviews .sli-p-r {
margin-right: 0;
}
.home-port-glsl .sli-p-r:hover, .index-reviews .sli-p-r:hover{
background-color: #ffc600;
}
.home-port-glsl .sli-p-r:active, .index-reviews .sli-p-r:active{
background-color: #ffa300;
}
.home-port-glsl .sli-p-r:active::before, .index-reviews .sli-p-r:active::before{
background-image: url('sl-p-r.svg');
}
.home-port-glsl .sli-p-r::before, .index-reviews .sli-p-r::before{
content: "";
position: absolute;
top: 50%;
right: 50%;
width: 16px;
height: 38px;
margin-top: -19px;
margin-right: -10px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('next-portf.svg');
}
.home-port-glsl .sli-p-r:hover, .index-reviews .sli-p-r:hover{
background-image: none !important;
}
.home-port-glsl .sli-p-r:active, .index-reviews .sli-p-r:active{
background-image: none !important;
}
/*bk-home-vothem*/
.bk-home-vothem{
padding-bottom: 70px;
}
.bk-title{
padding-top: 65px;
    padding-bottom: 14px;
}
.bk-title h2 {
font-weight: normal;
text-transform: uppercase;
color: #000;
font-size: 30px;
line-height: 38px;
font-family: 'exo_2regular';
}
.creat-onl-store .bk-title h2 {
color: #fff;
      margin: 50px 0;
}
.bk-title .title_like_h2 {
font-weight: normal;
text-transform: uppercase;
color: #000;
font-size: 30px;
line-height: 38px;
font-family: 'exo_2bold';
}
.bk-title.in div{
font-size: 18px;
line-height: 24px;
color: #000;
margin-bottom: 45px;
}
.bk-title.in h2{
color: #000;
}
.bk-home-reviews .bk-title.in h2{
color: #fff;
}
.bk-home-vothem .home-vothem{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
border: none;
margin-top: 50px;
border-bottom: none;
border-right: none;
}

.main_p_cont p {
font-size: 18px;
line-height: 32px;
color: #929292;
letter-spacing: 1px;
}
.main_p_cont .baner-gor ul li {
font-size: 18px;
line-height: 32px;
color: #929292;
letter-spacing: 1px;
}
.bk-home-vothem .home-vothem > div {
width: 218px;
border: 1px solid #d9d9de;
margin-bottom: -1px;
background-color: #fff;
margin-right: -1px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.bk-home-vothem .home-vothem > div a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
height: 218px;
text-decoration: none;
}
.bk-home-vothem .home-vothem > div:hover{
background-color: #00000017;
cursor: pointer;
}
.bk-home-vothem .bk-ik{
height: 55px;
width: 100%;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 20px;
flex-shrink: 0;
background-position: center center;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scale(1, 1);
}

.bk-home-vothem .home-vothem > div:hover .bk-ik{
transform: scale(1.2, 1.2);
}
.bk-home-vothem .bk-ik.ic1{
background-image: url('voz-ic1.svg');
}
.bk-home-vothem .bk-ik.ic2{
background-image: url('voz-ic2.svg');
}
.bk-home-vothem .bk-ik.ic3{
background-image: url('voz-ic3.svg');
}
.bk-home-vothem .bk-ik.ic4{
background-image: url('voz-ic4.svg');
}
.bk-home-vothem .bk-ik.ic5{
background-image: url('voz-ic5.svg');
}

.bk-home-vothem .bk-ik.ic6{
background-image: url('voz-ic6.svg');
}
.bk-home-vothem .bk-ik.ic7{
background-image: url('voz-ic7.svg');
}
.bk-home-vothem .bk-ik.ic8{
background-image: url('voz-ic8.svg');
}
.bk-home-vothem .bk-ik.ic9{
background-image: url('voz-ic9.svg');
}
.bk-home-vothem .bk-ik.ic10{
background-image: url('voz-ic10.svg');
}

.bk-home-vothem .bk-ik.ic11{
background-image: url('voz-ic11.svg');
}
.bk-home-vothem .bk-ik.ic12{
background-image: url('voz-ic12.svg');
}
.bk-home-vothem .bk-ik.ic13{
background-image: url('voz-ic13.svg');
}
.bk-home-vothem .bk-ik.ic14{
background-image: url('voz-ic14.svg');
}
.bk-home-vothem .bk-ik.ic15{
background-image: url('voz-ic15.svg');
width: 58px;
}
.bk-home-vothem .bk-tit{
text-align: center;
color: #000;
font-size: 15px;
padding-left: 33px;
padding-right: 33px;
}
/*bk-home-batl*/
.bk-home-batl{
/*	padding-bottom: 70px; */
}
.paralaks-img{
width: 100%;
height: 100%;
background-color: red;
top: 0;
position: absolute;
left: 0;
}
.bk-home-batl .home-batl{
display: table;
margin: 0 auto;
overflow: hidden;
margin-top: 25px;
}
.bk-home-batl .home-batl .ba-no{
height: 45px;
width: 90px;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #ededed;
}
.bk-home-batl .home-batl .ba-no::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('ic-no.svg');
}
.bk-home-batl .home-batl .ba-yes{
height: 45px;
width: 90px;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #ededed;
}
.bk-home-batl .home-batl .ba-yes::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('ic-yes.svg');
}
.bk-home-batl .home-batl .batl-bes{
float: left;
margin-right: 20px;
background-color: #fff;

width: 144px;
padding: 3px;
padding-bottom: 15px;
margin-top: 10px;
}
.bk-home-batl .home-batl .batl-bes > div:last-child{
border-bottom: 0px;
}
.bk-home-batl .home-batl .batl-bes .title{
background-color: #ffdd00;
line-height: 40px;
text-transform: uppercase;
color: #b19200;
font-size: 18px;
text-align: center;
font-family: 'exo_2bold';
border-radius: 3px 3px 0 0;
margin-bottom: 15px;
position: relative;
}
.bk-home-batl .home-batl .batl-bes .title::before{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
content: "";
border: 20px solid transparent;
border-top: 8px solid #ffdd00;
margin-bottom: -28px;
}
.bk-home-batl .home-batl .batl-plat{
float: left;
margin-right: 20px;
background-color: #fff;

width: 144px;
padding: 3px;
padding-bottom: 15px;
}
.bk-home-batl .home-batl .batl-plat > div:last-child{
border-bottom: 0px;
}
.bk-home-batl .home-batl .batl-plat .title{
background-color: #009ed2;
line-height: 50px;
text-transform: uppercase;
color: #fff;
font-size: 18px;
text-align: center;
font-family: 'exo_2bold';
border-radius: 3px 3px 0 0;
margin-bottom: 15px;
position: relative;
}
.bk-home-batl .home-batl .batl-plat .title::before{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
content: "";
border: 20px solid transparent;
border-top: 8px solid #009ed2;
margin-bottom: -28px;
}
.bk-home-batl .home-batl .batl-opis{
float: left;
padding-top: 70px;
}
.bk-home-batl .home-batl .batl-opis > div{
margin-bottom: 7px;
}
.bk-home-batl .home-batl .batl-opis > div span{
display: inline-block;
background-color: #f3f8fd;
line-height: 39px;
color: #000;
font-size: 20px;
padding-left: 13px;
padding-right: 13px;
position: relative;
}
.bk-home-batl .home-batl .batl-opis > div span::before{
content: "";
position: absolute;
top: 0;
left: 0;
border: 18px solid transparent;
/* border-right: 10px solid #f1f1f1;*/
margin-left: -27px;
margin-top: 1px;
}
/*bk-home-price*/
.bk-home-price{
background-color: #fff;
}
.home-price {
overflow: hidden;
position: relative;
padding-bottom: 35px;
display: table;
margin-top: 35px;
}
.home-price .title-pric{
text-transform: uppercase;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
}
.home-price .bk-pric{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.home-price .bk-pric > span{
display: block;
height: 35px;
width: 35px;
margin-right: 14px;
line-height: 35px;
text-align: center;
color: #fff;
font-size: 20px;
background-color:#454545;
flex-shrink: 0;
}
.home-price .bk-pric > div{
color: #000;
font-size: 16px;
line-height: 18px;
}
.home-price__left{
float: left;
margin-right: 75px;
padding-bottom: 100px;
}
.home-price__left::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 126px;
height: 159px;
margin-left: 30px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
/*background-image: url('chel-b.svg');*/
}
.home-price__left::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 114px;
height: 100px;
margin-left: 210px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('str.svg');
}
.home-price__right{
float: right;
width: 410px;
}
.home-price__right .title-pric{
} 
/*bk-home-benefit*/
.bk-home-benefit{
padding-bottom: 37px;
    background: #f8f8f8;
}
.home-benefit{
margin-top: 30px;
text-align: left;
display: table;
}
.home-benefit > div{
overflow: hidden;
margin-bottom: 12px;
padding-bottom: 3px
}
.home-benefit > div > span{
display: block;
float: left;
width: 30px;
height: 30px;
background-color: #eaeaea;
margin-right: 20px;
border-radius: 5px;
line-height: 30px;
text-align: center;
color: #000;
font-size: 18px;
font-family: 'exo_2regular';
position: relative;
}
.home-benefit > div > span::after{
position: absolute;
content: "";
display: block;
bottom: 0px;
left: 50%;
margin-bottom: -7px;
margin-left: -5px;
border: 5px solid transparent;
border-top: 3px solid #eaeaea;
}
.home-benefit > div:last-child > span::after{
display: none;
}
.home-benefit > div > div{
line-height: 25px;
float: left;
color: #000;
font-size: 16px;
padding-top: 3px;
width:calc(100% - 50px);
}
.home-benefit > div > div > span {
text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    font-size: 17px;
}
.home-benefit > div > div > span > span {
font-weight: bold;
}
.bk-home-benefit .benefit-a {
display: inline-block;
text-decoration: none;
background-color: #009ed2;
color: #fff;
line-height: 40px;
font-size: 16px;
font-family: 'exo_2bold';
width: 230px;
text-align: center;

margin-top: 25px;
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.bk-home-benefit .benefit-a:hover {
transform: scale(1.05, 1.05);
}
/*bk-home-vozhost*/
.bk-home-vozhost{
padding-bottom: 70px;
background-color: #fff;
}
.home-vozhost{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 35px;
}
.home-vozhost > div{
width: 44%;
    padding: 25px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    text-align: center; 
}
.home-vozhost > div:hover{
   
}
.home-vozhost.clients > div:hover{
background-color: #fff;
}
.home-vozhost.clients .rp-mod-zay.voz {
width:100%;
}
.home-vozhost.clients  .rp-mod-zay .vozmoz-bk > div {
margin-top: 0;
border: 0;
padding: 0;
padding-top: 0;
}





.home-vozhost > div .ic-hos{
margin: 0 auto;
margin-bottom: 25px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: bottom center;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transform: scale(1, 1);
}
.home-vozhost > div:hover .ic-hos{
transform: scale(1.3, 1.3);
}
.home-vozhost > div .ic-hos.ic1{
}
.home-vozhost > div .ic-hos.ic2{
background-image: url('voz-hos2.svg');
width: 133px;
}
.home-vozhost > div .ic-hos.ic3{
background-image: url('voz-hos3.svg');
width: 92px;
}
.home-vozhost > div .ic-hos.ic4{
background-image: url('voz-hos4.svg');
width: 103px;
background-position: bottom center;
}
.home-vozhost > div .ic-hos.ic5{
background-image: url('voz-hos5.svg');
width: 95px;
}
.home-vozhost > div .ic-hos.ic6{
background-image: url('voz-hos6.svg');
width: 105px;
}
.home-vozhost > div .ic-hos.ic7{
background-image: url('voz-hos7.svg');
width: 120px;
}
.home-vozhost > div .ic-hos.ic8{
background-image: url('voz-hos8.svg');
width: 120px;
}
.home-vozhost > div .ic-hos.ic9{
background-image: url('voz-hos9.svg');
width: 90px;
}
.home-vozhost > div .ic-hos.ic10{
background-image: url('voz-hos10.svg');
width: 55px;
background-position: bottom center;
}
.home-vozhost > div .ic-tit{
color: #000;
font-size: 15px;
line-height: 16px;
height: 75px;
padding-left: 30px;
padding-right: 30px;
}
/*bk-home-reviews*/
.bk-home-reviews {
padding-bottom: 70px;
text-align: center;
overflow: hidden;
position: relative;
z-index: 10;
}
.home-reviews {
margin-top: 35px;
margin-bottom: 35px;
text-align: left;
position: relative;
}
.home-reviews .caroufredsel_wrapper {
width: 940px !important;
margin: 0 auto !important;
}
.home-reviews #reviews-slid {
list-style: none;
width: 940px;
margin: 0 auto;
min-height: 265px;
position: relative;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
box-sizing: border-box;
}
.home-reviews #reviews-slid > li {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.home-reviews #reviews-slid > li._active {
opacity: 1;
}
.bk-home-reviews .reviews-butt {
width: 212px;
height: 50px;
line-height: 46px;
text-decoration: none;
color: #fff;
font-size: 20px;
font-family: 'exo_2bold';

background-color: #009ed2;
display: inline-block;
text-align: center;
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
margin-top: 36px;
}
.bk-home-reviews .reviews-butt:hover {
transform: scale(1.05, 1.05);
opacity: 0.8
}
.bk-home-reviews iframe {
width: 379px;
margin-left: 34px;
margin-top: 21px;
height: 230px;

}
.bk-home-reviews .test_rev:hover .monit-hover {
display: none;
}
.home-reviews #sli-p-l1 {
width: 27px;
height: 62px;
background-image: url('sl-p-l2.svg');
margin-top: -31px;
}
.home-reviews #sli-p-r1 {
width: 27px;
height: 62px;
background-image: url('sl-p-r2.svg');
margin-top: -31px;
}
.home-reviews .reviews {
position: relative;
overflow: hidden;
  text-align: center;
}
.home-reviews .reviews-img {
position: absolute;
top: 0;
left: 0;
width: 441px;
height: 368px;
z-index: 2;
margin-top: 25px;
}
.home-reviews .reviews-img img {

}
.home-reviews .reviews-opis {
float: right;
width: 473px;
min-height: 410px;
background-color: #fff;

border: 1px solid #c8cbd7;
position: relative;
z-index: 1;
padding-left: 45px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
box-sizing: border-box;
}
.home-reviews .reviews-opis.rev-main-width {
width: 700px;
}
.home-reviews .reviews-opis > span {
display: block;
color: #aeaeae;
font-size: 14px;
font-family: 'exo_2light';
}
.home-reviews .reviews-opis > span > span {
display: block;
font-family: 'exo_2semi_bold';
color: #009ed2;
font-size: 25px;
line-height: 24px;
}
.home-reviews .reviews-opis > div {
margin-top: 15px;
}
.home-reviews .reviews-opis > div p {
color: #424242;
font-size: 16px;
line-height: 21px;
margin-bottom: 15px;
font-family: 'exo_2light';
}
/*bk-home-subscription*/
.bk-home-subscription{
background-color: #1b4966;
}
.bk-home-subscription.dop {
background-color: #009ed2;
}
.form-subscription {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 100px;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.form-subscription > label {
color: #fff;
font-size: 25px;
font-family: 'exo_2bold';
margin-right: 20px;
}
.form-subscription > input {
border: 1px solid #fff;
margin-right: 20px;
width: 270px;
}
.form-subscription > button {
border: none;
cursor: pointer;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;

background-color: #009ed2;
color: #fff;
font-size: 16px;
font-family: 'exo_2bold';
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.form-subscription > button:hover {
transform: scale(1.05, 1.05);
}
.bk-home-subscription.dop .form-subscription > button {
background-color: #ffdd00;
color: #8f7400;
}
/*footer*/
.footer{
padding-top: 80px;
    padding-bottom: 55px;
    background: #000;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top center;
  color:white;
}
.footer .bk-center{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
font-family: 'exo_2regular';
}
.footer .footer-logo{
float: left;
width: 294px;
}
.footer .footer-logo .title-logo {
color: #de4136;
font-size: 20px;
display: block;
line-height: 25px;
font-family: 'exo_2bold';
}
.footer .footer-logo span {
color:white;
}
.footer .footer-logo > a .opis-logo span {
font-weight: bold;color: #000;
}
.footer .footer-logo .opis-logo {
color: #000;
font-size: 12px;
display: block;
line-height: 13px;
}
.footer .footer-logo .logo > a::before {
background-image: none;
}
.footer .footer-logo .logo > a {
padding-left: 51px;
}
.footer .footer-logo .logo{
padding-top: 0px;
}
.footer .footer-logo .logo .title-logo > span{
color: #fff;
}
.footer .footer-logo .foot-op-com{
color: #fff;
font-size: 14px;
line-height: 16px;
margin-top: 10px;
margin-bottom: 15px;
opacity: 0.6;
}
.foot-op-com li {
list-style: none;
padding-left: 22px;
line-height: 13px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
}
.foot-op-com ul {
margin: 21px 0px 55px 3px;
}
.foot-op-com li::before {
content: "";
position: absolute;
top: -7px;
left: 0;
width: 14px;
height: 17px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(ic-gal-white.png);
margin-top: 4px;
}
.footer .foot-promo{
margin-top: 83px;
}
.footer .foot-promo > span{
display: block;
font-size: 14px;
line-height: 25px;
}


.footer .foot-promo > div{
line-height: 45px;
text-align: center;
width: 165px;
font-size: 25px;
font-weight: bold;

border: 2px dashed #000;
}
.footer .footer-menu{
float: left;
width: 638px;
overflow: hidden;
margin-left: 15px;
}
.footer .footer-menu > div{
float: left;
margin-right: 27px;
}
.footer .footer-menu > div > div{
color: #fff;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: bold;
}
.footer .footer-menu > div > ul{
list-style: none;
}
.footer .footer-menu > div > ul > li{
line-height: 26px;
}
.footer .footer-menu > div > ul > li a{
text-decoration: none;
color: #fff;
font-size: 13px;
line-height: 15px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.footer .footer-menu > div > ul > li a:hover{
/*background-color: #000;*/
padding-left: 5px;
padding-right: 5px;
margin-left: -5px;
margin-right: -5px;
opacity: 1;
text-decoration: underline;
}
.footer .footer-right{
float: right;
width: 367px;
}
.footer-right .footer-cont{}
.footer-right .footer-cont > span{
text-transform: uppercase;
color: #fff;
font-size: 17px;
line-height: 17px;
display: block;
margin-bottom: 35px;
font-weight: bold;
}
.footer-right .f-tel{
min-height: 30px;
color: #fff;
font-size: 12px;
line-height: 14px;
position: relative;
margin-bottom: 14px;
}
 
.footer-right .f-tel > div{
line-height: 18px;
font-size: 18px;
}
.footer-right .f-sky{
position: relative;
color: #fff;
font-size: 14px;
line-height: 16px;
margin-bottom: 17px;
}

 
.footer-right .f-ema{
position: relative;
color: #fff;
font-size: 14px;
line-height: 16px;
margin-bottom: 17px;
}
 
.footer-right .f-sky a, .footer-right .f-ema a  {color: inherit;text-decoration: none;}
.footer-right .f-tim{
position: relative;
color: #fff;
font-size: 14px;
line-height: 16px;
margin-bottom: 17px;
}
 
.footer-right .footer-butt{
margin-top: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}
.footer-right .footer-butt > a{
transform: scale(1, 1);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.footer-right .footer-butt > a:hover{
transform: scale(1.05, 1.05);
}
.footer-right .footer-butt .foo-a1{
height: 40px;
    width: 77px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    color: #000000;
    font-size: 16px;
    font-family: 'exo_2bold';
    text-decoration: none;
}
.footer-right .footer-butt .foo-a2{
line-height: 40px;

height: 40px;
width: 130px;
text-align: center;
background-color: #fff;
    color: #000000;
font-size: 16px;
font-family: 'exo_2bold';
text-decoration: none;
}
.footer-right .footer-opl{
margin-top: 54px;
}
.footer-right .footer-opl img{
width: 100%;
}
/*bk-copyright*/
.bk-copyright {
background-color: #2b2b2b;
line-height: 39px;
color: #fff;
font-size: 12px;
text-align: center;
font-family: 'exo_2regular';
}
.bk-copyright img {
height: 25px;
margin-top: 10px;
margin-bottom: -8px;
margin-left: 25px;
}
/*====================Внутрение=======================*/
.bread-crumbs{
padding-top: 10px;
    padding-bottom: 10px;
    background: #fbfbfb;
}
.breadcrumbs{

}
.breadcrumbs > a{
text-decoration: none;
color: #2a6496;
font-size: 14px;
line-height: 14px;
position: relative;
padding-right: 20px;
margin-right: 10px;
display: inline-block;
}
.breadcrumbs > a:hover{
text-decoration: underline;
}
.breadcrumbs > a::after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 8px;
height: 10px;
background-image: url(hleb-str.png);
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
margin-top: 2px;
}
.breadcrumbs > span{
color: #454545;
font-size: 14px;
line-height: 14px;
}
.breadcrumbs ._dop{
opacity: 0.5;
text-decoration: none;
color: #424242;
font-size: 12px;
line-height: 14px;
position: relative;
padding-left: 20px;
margin-left: 10px;
}
.breadcrumbs ._dop::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 8px;
height: 10px;
background-image: url(hleb-str.png);
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
margin-top: 4px;
}

.title-within{
    padding-top: 26px;
}
.instruction_page  .title-within{
margin-bottom: 0px;
}
.title-within > span{
display: block;
color: #9a9a9a;
font-size: 14px;
font-style: italic;
line-height: 14px;
font-family: 'exo_2regular';
}
.title-within > h1{
color: #424242;
    font-size: 35px;
    line-height: 35px;
}
.title-within .title_like_h1 {
font-size: 28px;
    line-height: 35px;
}
.page_content h3 {
font-size: 29px;
    margin-top: 35px;
    margin-bottom: 20px;
}
.page_content li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.page_content ul {
    margin: 25px 0 25px 0px;
}
.page_content li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 24px;
}
.title-within > h2{
text-transform: uppercase;
color: #424242;
font-size: 22px;
line-height: 35px;
font-family: 'exo_2bold';
}
.title-within ._dop1{
color: #9a9a9a;
font-size: 15px;
line-height: 15px;
font-style: italic;
font-family: 'exo_2regular';
margin-top: 8px;
}
.title-within ._dop1 ._span1{
color: #ff3e32;
}
.title-within ._dop1 ._span2{
color: #009ed2;
}
.title-within ._dop1 ._span3{
font-family: 'exo_2bold';
color: #424242;
}
.title-within ._dop1 a {    text-decoration: none;}
.title-within ._dop2{
padding-top: 20px;
text-align: center;
}
.title-within ._dop2 > div{
color: #424242;
font-size: 25px;
line-height: 25px;
font-family: 'exo_2regular';
margin-bottom: 15px;
font-weight: bold;
}
.title-within ._dop2 > div > span{
color: #000;
font-family: 'exo_2bold';
}
.title-within ._dop2 > span{
display: block;
color: #424242;
font-size: 20px;
line-height: 30px;
}
.title-within ._dop2 > span > span{
font-size: 25px;
color: #000;
font-family: 'exo_2bold';
}
.title-within ._dop3{
text-align: center;
}
.title-within ._dop3 > div{
padding-top: 20px;
color: #424242;
font-size: 25px;
margin-bottom: 15px;
font-weight: bold;
font-family: 'exo_2regular';
}
.title-within ._dop3 ._span1{
display: block;
color: #424242;
font-size: 20px;
line-height: 30px;
font-family: 'exo_2regular';
}
.title-within ._dop3 ._span1 > span{
font-style: italic;
color: #000;
font-family: 'exo_2bold';
}
.title-within ._dop3 ._span2{
display: block;
color: #424242;
font-size: 20px;
line-height: 30px;
font-family: 'exo_2regular';
}
.title-within ._dop3 ._span2 > span{
color: #000;
font-size: 25px;
font-style: italic;
}
.title-within ._dop3 ._span2 > span > span{
font-family: 'exo_2bold';
}
.center-left{
width: 100%;
max-width: 788px;
margin-right: 30px;
padding-bottom: 15px;
}
.center-right{
flex-shrink: 0;
width: 280px;
padding-bottom: 15px;
}
.subscription{
border: 1px solid #dddddd;
margin-bottom: 30px;
padding: 20px;
}
.subscription .form-elem{
text-align: center;
}
.creation-online-store{
border: 1px solid #dddddd;
margin-bottom: 30px;
padding: 20px;
background: white;
}
.baner-right{
margin-bottom: 30px;
border: 1px solid #dddddd;
overflow: hidden;
}
.baner-right a:hover .baner-op {
background-color: #fff;
}
.baner-right .img-baner{
width: 280px;
height: 460px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.baner-right .img-baner img{
display: none;
}
.baner-right .baner-op{
background-color: rgba(255, 255, 255, 0.86);
width: 219px;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
color: #009ed2;
font-size: 14px;
text-transform: uppercase;
line-height: 26px;
font-family: 'exo_2bold';
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
padding: 16px;
}
.navigation{
text-align: center;
margin-bottom: 35px;
}
.navigation > span{
display: inline-block;
width: 25px;
height: 25px;
border-radius: 20px;
line-height: 25px;
text-align: center;
color: #fff;
font-size: 12px;
background-color: #000;
}
.navigation > a{
display: inline-block;
text-decoration: none;
width: 25px;
height: 25px;
border-radius: 20px;
line-height: 25px;
text-align: center;
color: #424242;
font-size: 12px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transform: scale(1, 1);
}
.navigation > a:hover{
transform: scale(0.9, 0.9);
background-color: #000;
color: #fff;
}
.navigation > div{
display: inline-block;
height: 25px;
border-radius: 20px;
line-height: 25px;
text-align: center;
color: #424242;
font-size: 12px;
}
.prod_page  .baner-gor {
display: block;
}
.setting__them_bottom .setting__them {
border-bottom: 0;
}
.setting__them_bottom .setting__them .back-page,
.setting__them_bottom .setting__them .next-page {
font-family: 'exo_2regular';
width: 176px;
}
.setting__them_bottom .setting__them .setting {
padding-left: 423px;
}
.setting__them {
background-color: #f7fafe;
}
.setting__them .bk-center{
position: relative;
}
.setting__them .back-page{
position: absolute;
top: 50%;
left: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
height: 62px;
padding-left: 40px;
margin-top: -31px;
color: #444444;
font-size: 16px;
line-height: 18px;
text-decoration: none;
}
.setting__them .back-page::before{
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 62px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('prev-portf.svg');
}
.setting__them .back-page:hover{
opacity: 0.8;
}
.setting__them .back-page:hover::before{
opacity: 0.6;
}
.setting__them .next-page{
position: absolute;
top: 50%;
right: 0;
text-align: right;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
height: 62px;
padding-right: 40px;
margin-top: -31px;
color: #444444;
font-size: 16px;
line-height: 18px;
text-decoration: none;
}
.setting__them .next-page::before{
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 62px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('next-portf.svg');
}
.setting__them .next-page:hover{
opacity: 0.8;
}
.setting__them .next-page:hover::before{
opacity: 0.6;
}
.setting__them .next-page{}
.setting__them .setting{
padding-left: 475px;
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 175px;
}
.setting__them .setting::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 343px;
height: 175px;
margin-left: 175px;
background-repeat: no-repeat;
background-position: center;
/*background-image: url(webmaster.png);*/
background-image: url(fon1.png);
}
.setting__them_bottom .setting__them .setting::before {
background-image: none;
}
.setting__them .setting > div{
color: #424242;
font-size: 23px;
text-transform: uppercase;
line-height: 28px;
font-family: 'exo_2regular';
font-weight: bold;
}
.setting__them .setting.dop > div{
text-transform: none;
font-weight: bold;
}
.setting__them .setting.dop > div span{
text-transform: uppercase;
}
.setting__them .setting > div span{
color: #000;
font-family: 'exo_2bold';
}
.creat-onl-store{
padding-bottom: 77px;
}
.creat-onl-store.dop2{
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: top center;
  background: #5c5c5c;
}
.creat-onl-store .icon-mag{
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-ms-align-items: center;
align-items: center;
}
.creat-onl-store .icon-mag > span{
width: 90px;
height: 90px;
background-color: #b1d044;
border-radius: 50px;
position: relative;
display: block;
margin-top: -50px;
margin-bottom: 20px;
}
.creat-onl-store .icon-mag > span:after{
position: absolute;
content: "";
bottom: 0;
left: 0;
border: 20px solid transparent;
border-top: 12px solid #b1d044;
margin-bottom: -28px;
margin-left: 24px;
}
.creat-onl-store .icon-mag > span:before{
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 57px;
height: 46px;
margin-top: -23px;
margin-left: -28px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('ic-magaz.svg');
}
.creat-onl-store .icon-mag > a{
color: #fff;
font-size: 12px;
line-height: 14px;
}
.creat-onl-store .icon-mag > a:hover{
text-decoration: none;
}
.creat-onl-store .bk-title.dop2{
padding-top: 30px;
}
.creat-onl-store .bk-title.dop2 > div{

}
.creat-onl-store .bk-title.dop2 > div > div{
color: #fff;
font-size: 16px;
font-family: 'exo_2regular';
}
.creat-onl-store .bk-title.dop2 .cation_prod {
margin-top: 15px;
border-top: 1px solid #ffffff36;
padding-top: 15px;
}
.creat-onl-store .bk-title.dop2 .cation_prod > div {
color: #f1f1f1;
line-height: 14px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
font-size: 16px;
}
.creat-onl-store .bk-title.dop2 .span1{
font-weight: bold;
}
.creat-onl-store .bk-title.dop2 .span1 > span{
display: inline-block;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    font-weight: normal;
    border-radius: 3px;
    color: black;
}
.creat-onl-store .bk-title.dop2 .span2{
color: #ffffff;
    font-weight: bold;
}
.creat-onl-store .bk-title.dop2 .span2 > span{
font-size: 25px;
}
.creat-onl-store.dop .bk-title{
padding-top: 25px;
}
.creat-onl-store .form-gor{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
margin-top: 30px;
}
.creat-onl-store .form-gor .input-text{
width: 270px;
margin-left: 10px;
margin-right: 10px;
}
.creat-onl-store .form-butt{
display: block;
overflow: hidden;
text-align: center;
margin-bottom: 15px;
margin-top: 20px;
}
.creat-onl-store .form-butt .button-style-form{
display: inline-block;
    float: none;
    background: white;
    color: black;
    width: 558px;
    height: 53px;
    text-transform: uppercase;
    font-family: 'exo_2regular';
    font-size: 18px;
}
.creat-onl-store .form-zam{
display: block;
text-align: center;
color: #9a9a9a;
font-size: 12px;
}
/* blog*/
.blog{
overflow: hidden;
margin-top: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.blog-bk{
    margin: 40px 0;
    overflow: hidden;
}
.blog-bk__img{
height: 380px;
overflow: hidden;
position: relative;
z-index: 1;
  border: 1px solid #d8edf7;
}
.blog-bk__img > a > span{
position: absolute;
top: 50%;
left: 50%;
height: 70px;
margin-top: -35px;
}
.blog-bk__img > a > span > span{
display: block;
line-height: 70px;
margin-left: -50%;
margin-right: 50%;
color: #fff;
font-size: 30px;
text-transform: uppercase;
padding-left: 25px;
padding-right: 25px;
font-family: 'exo_2bold';
background-color: rgba(255,63,50,0.9);
}
.blog-bk__img img{
width: 100%;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transform: scale(1, 1); 
}
.blog-bk__img a:hover img{
transform: scale(1.2, 1.2);
}
.blog-bk__opis img {
   /* border: 1px solid #d8edf7;*/
}
.blog-bk__date{
width: 100px;
height: 100px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 60px;
margin-top: -50px;
margin-left: 40px;
position: relative;
z-index: 2;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
  border: 1px solid #d8edf7;
}
.blog-bk__date > div{
color: #000;
font-size: 30px;
line-height: 28px;
font-style: italic;
font-family: 'exo_2bold';
}
.blog-bk__date > span{
color: #000;
font-size: 14px;
line-height: 12px;
font-style: italic;
font-family: 'exo_2regular';
}
.blog-bk__title{
 
}
.blog-bk__title a{
text-decoration: none;
font-size: 25px;
}
.blog-bk__title h2{
color: #454545;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    padding-bottom: 15px;
}
.module_short_description {
    background: #0089cf14;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 15px;
}
.module_block {
    border-bottom: 1px solid #ebf6fb;
    padding-bottom: 43px;
    margin-bottom: 25px;
}
.blog-bk__opis{
 
}
.col_inst .blog-bk__opis .blog-bk__title h2 {
border-top: 1px solid #dadada;
padding-top: 15px;
font-size: 23px;
}
.blog-bk__opis p {
word-wrap: break-word;
}
.blog-bk__opis ul {margin: 5px 17px;}
.blog-bk__pod .button_style { 
  width:100%;
}
.blog-bk__opis li {
padding-left: 25px;
color: #424242;
line-height: 22px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
list-style: none;
}
.blog-bk__opis p {
font-size: 16px;
line-height: 22px;
font-family: 'exo_2regular';
margin-bottom: 10px;
}
.blog-bk__opis li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 11px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(ic-gal.svg);
margin-top: 4px;
}
/*404*/
.error-page{
text-align: center;
margin: 0 auto;
margin-top: 80px;
margin-bottom: 130px;
width: 700px;
text-align: center;
position: relative;
padding-top: 420px;
}
.error-page > span{
width: 345px;
height: 380px;
position: absolute;
top: 0;
left: 50%;
margin-left: -171px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('404.svg');
margin-top: 30px;
}
.error-page > span::after{
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('404-d.png');
width: 159px;
height: 148px;
content: "";
position: absolute;
top: 0;
right: 0;
margin-top: -45px;
margin-right: -125px;
}
.error-page > div{
color: #424242;
font-size: 20px;
line-height: 24px;
}
.error-page > a{
margin-top: 20px;
line-height: 50px !important;
height: 50px;
font-size: 20px;
}
/* modules*/
.modules-bk{
margin-bottom: 10px;
margin-top: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.modules-bk > div {
width: 100%;
padding: 20px;
margin-bottom: 30px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
border: 1px solid #f7fafe;
}
.modules-bk > div:hover{

}
.modules-bk > div:hover .mod-ic{
background-color: #dbf0a5;
}
.modules-bk > div:hover .mod-ic img{
max-width: 60px;
max-height: 60px;
}
.modules-bk .mod-ic-op{
overflow: hidden;
}
.modules-bk .mod-ic-op .mod-ic{
float: left;
width: 70px;
height: 70px;
background-color: #e8e8e8;

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.modules-bk .mod-ic-op .mod-ic img{
min-height: 20px;
min-width: 20px;
max-width: 50px;
max-height: 50px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
opacity: 0.5;
}
.modules-bk .mod-ic-op .mod-op{
float: left;
width: 320px;
margin-left: 20px;
}
.modules-bk .mod-ic-op .mod-op div {
color: #9a9a9a;
font-size: 15px;
margin-bottom: 2px;
font-family: 'exo_2regular';
}
.modules-bk .mod-ic-op .mod-op a{
color: #424242;
font-size: 20px;
text-decoration: none;
font-family: 'exo_2bold';
}
.modules-bk .mod-ic-op .mod-op a:hover{
text-decoration: underline;
}
.modules-bk .mod-ic-op .mod-op p{
color: #424242;
font-size: 15px;
line-height: 22px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
}
.modules-bk .mod-pod{
margin-top: 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.modules-bk .mod-pod > a{
line-height: 35px !important;
height: 35px;
display: block;
}
.modules-bk .mod-pod > span{
display: block;
position: relative;
background-color: #ffd900;

line-height: 35px;
padding-left: 10px;
padding-right: 10px;
color: #000;
font-size: 14px;
padding-top: 3px;
}
.modules-bk .mod-pod > span::before{
content: "";
position: absolute;
top: 0;
left: 0;
border: 16px solid transparent;
border-right: 10px solid #ffd900;
margin-left: -25px;
margin-top: 4px;
}
.modules-bk .mod-pod > span > span{
font-size: 18px;
font-family: 'exo_2bold';
}
/* refinement*/
.refinement{
padding-bottom: 75px;
position: relative;
} 
/*
.refinement::before{
position: absolute;
top: 0;
content: "";
left: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-image: url('optimised.png') ;
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
} */
.refinement .refinement-left{
width: 100%;
margin-right: 30px;
}
.refinement .refinement-left .opis{
position: relative;
margin-top: 20px;
}
.refinement .refinement-left .opis.op1{
width: 100%;
box-sizing: border-box;
padding-right: 240px;
  background: white;
    padding: 40px;
}
.refinement .refinement-left .opis.op1::after{
position: absolute;
right: 0;
top: 0;
content: "";
width: 235px;
height: 240px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
.refinement .refinement-left .opis h2{
color: #424242;
font-size: 23px;
font-weight: bold;
}
.refinement .refinement-left .opis p{
margin-top: 20px;
color: #424242;
font-size: 16px;
line-height: 18px;
}
.refinement .refinement-left .opis ul{
margin-top: 20px;
list-style: none;
margin-left: 6px;
}
.refinement .refinement-left .opis ul li{
padding-left: 25px;
color: #424242;
font-size: 16px;
line-height: 18px;
position: relative;
margin-bottom: 5px;
}
.refinement .refinement-left .opis ul li::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 11px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('ic-gal.svg');
margin-top: 4px;
}
.refinement .refinement-left .opis p > span{
font-weight: bold;
}
.refinement .refinement-left .opis p > a{
font-weight: bold;
color: #424242;
font-size: 16px;
}
.refinement .refinement-left .opis p > a:hover{
text-decoration: none;
}
.page_tarifs .title-within {
margin-bottom: 0px;
}
.refinement .title-within{
margin-top: 0px;
text-align: left;
}
.refinement .title-within {
    padding-top: 35px;
    padding-bottom: 35px;
}  
.refinement .refinement-right{
flex-shrink: 0;
width: 282px;
padding: 40px;
padding-top: 35px;
padding-bottom: 30px;
 
}
.refinement .refinement-right .form-title{
margin-bottom: 30px;
}
.refinement .refinement-right .button-style-form.grin{
height: 50px;
width: 100%;
color: #fff !important;
font-size: 18px;
}
.refinement .refinement-right .form-title.dop{
margin-bottom: 10px;
margin-top: 20px;
}
.refinement .refinement-right .form-elem-file{

border: 1px dashed #d8e0e9;
text-align: center;
padding: 50px;
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
margin-bottom: 20px;
}
.refinement .refinement-right .form-elem-file > span{
color: #424242;
font-size: 14px;
line-height: 14px;
display: block;
margin-bottom: 10px;
}
/*.form-elem-file .button-style-form{
width: 100%;
}
*/
/**/
.cabinet{
padding-top: 50px;
padding-bottom: 50px;
      background: #f7f7f7;
}
.cabinet .button-style-form, .button {
display: inline-block;
}
.cabinet .cabinet-top{
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.cabinet-top__left{
width: 650px;
}
.cabinet-top__left > h1{
font-size: 35px;
color: #424242;
text-transform: uppercase;
font-weight: normal;
font-family: 'exo_2bold';
}
.cabinet-top__left > div{
color: #9a9a9a;
font-size: 14px;
font-style: italic;
font-family: 'exo_2regular';
line-height: 16px;
}
.cabinet-top__right{
width: 360px;
position: relative;
background-color: #e7f2fa;

padding: 20px;
padding-right: 25px;
padding-left: 85px;
box-sizing: border-box;
}
.cabinet-top__right .balance_field {display: inline;}
.cabinet-top__right::before{
position: absolute;
left: 0;
top: 50%;
content: "";
width: 50px;
height: 52px;
margin-top: -26px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('money.svg');
margin-left: 18px;
}
.cabinet-top__right > div{
color: #000;
font-size: 20px;
line-height: 27px;
font-family: 'exo_2bold';
}
.cabinet-top__right > div span{
color: #424242;
}
.cabinet-top__right > span{
color: #8b9ba6;
font-size: 14px;
display: block;
line-height: 14px;
font-style: italic;
font-family: 'exo_2regular';
}
.cabinet-top__right > a{
color: #00a5d5;
font-size: 14px;
margin-top: 3px;
}
.cabinet-top__right > a:hover{
text-decoration: none;
}
.cabinet-bk{

margin-bottom: 20px;
padding-left: 25px;
padding-right: 35px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 120px;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin-top: 44px;
}
.cabinet-bk.gray{
border: 5px solid #f3f3f3;
}
.cabinet-bk.gray:hover{
background-color: #f3f3f3;
}
.cabinet-bk.orange{
border: 5px solid #fff5b8;
}
.cabinet-bk.orange:hover{
background-color: #fff5b8;
}
.cabinet-bk.green{
border: 5px solid #d5ef94;
}
.cabinet-bk.green:hover{
background-color: #d5ef94;
}
.cabinet-bk.red{
border: 5px solid #f7cfcd;
}
.cabinet-bk.red:hover{
background-color: #f7cfcd;
}
.cabinet-bk__info{
padding-left: 95px;
position: relative;
}
.cabinet-bk.gray .cabinet-bk__info::before{
position: absolute;
top: 0;
left: 0;
width: 66px;
height: 66px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('myprof_smil.svg');
}
.cabinet-bk.orange .cabinet-bk__info::before{
position: absolute;
top: 0;
left: 0;
width: 66px;
height: 66px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('myprof_che.svg');
opacity: 0.5;
}
.cabinet-bk.green .cabinet-bk__info::before{
position: absolute;
top: 0;
left: 0;
width: 66px;
height: 66px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('myprof_ninzy.svg');
opacity: 0.5;
}
.cabinet-bk.red .cabinet-bk__info::before{
position: absolute;
top: 0;
left: 0;
width: 66px;
height: 66px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('myprof_pechal.svg');
opacity: 0.5;
}
.cabinet-bk__info .cabinet-op1{
color: #9a9a9a;
font-size: 16px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.cabinet-bk__info .cabinet-op1 > span{
color: #000;
}
.cabinet-bk__info .cabinet-op2{
color: #9a9a9a;
font-size: 16px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.cabinet-bk__info .cabinet-op2 > span{
color: #000;
}
.cabinet-bk__info .cabinet-op2 .grin{
color: #8ab60b;
}
.cabinet-bk__info .cabinet-op2 .red{
color: #ff4f44;
}
.cabinet-bk__info .cabinet-op3{
color: #9a9a9a;
font-size: 16px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.cabinet-bk__info .cabinet-op3 > span{
color: #ff4f44;
font-weight: bold;
}
.cabinet-bk__status{
width: 240px;
}
.cabinet-bk__status .cost-of{}
.cabinet-bk__status .cost-of > span{
color: #9a9a9a;
font-size: 16px;
display: block;
margin-bottom: 10px;
}
.cabinet-bk__status .cost-of > div{
color: #000;
font-size: 25px;
line-height: 25px;
font-family: 'exo_2bold';
}
.cabinet-bk__status .not-paid{
position: relative;
padding-left: 45px;
color: #9a9a9a;
font-size: 16px;
line-height: 15px;
}
.cabinet-bk__status .not-paid::before{
width: 37px;
height: 32px;
content: "";
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url('vosclic.svg');
opacity: 0.3;
}
.cabinet-bk__button{
text-align: right;
}
.style-button{
display: inline-block;
text-decoration: none;
cursor: pointer;
height: 40px;
line-height: 40px;
padding-left: 15px;
padding-right: 15px;

font-size: 18px;
text-transform: uppercase;
font-family: 'exo_2bold';
}
.style-button.gray{
background-color: #9a9a9a;
color: #fff;
}
.style-button.orange {
background-color: #ffdd00;
color: #6f5d00;
}
.style-button.orange:hover {
background-color: #e6c800;
color: #ffffff;
}


.style-button.green{
background-color: #000;
color: #000;
}
.style-button.red{
background-color: #000;
color: #fff;
}
/* reviews*/
.reviews-button{
text-align: center;
margin-top: 25px;
margin-bottom: 50px;
}

.reviews-button .button-style-form{
height: 50px;
line-height: 50px;
font-size: 18px;
display: inline-block;
}
.title-within .dop2{
color: #9a9a9a;
font-size: 14px;
font-style: italic;
font-family: 'exo_2regular';
}
.title-within .dop2 span{
text-decoration: underline;
}
.reviews-bk{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-bottom: 70px;
border-bottom: 1px solid #ffffff38;
padding-bottom: 50px;
}
.reviews-bk__left {
width: 447px;
margin-right: 30px;
flex-shrink: 0;
}
.tube-review {
overflow: hidden;

background: url(iphon.png) top center no-repeat;
background-size: 93%;
position: relative;
width: 189px;
height: 378px;
float: left;
margin-top: -150px;
}
.tube-review iframe {
width: 151px;
margin-left: 19px;
margin-top: 40px;
height: 271px;

}

.test_rev  {
width: 447px;
overflow: hidden;
height: 427px;

margin-right: 30px;
flex-shrink: 0;
background: url(monit2.png) center center no-repeat;
background-size: 93%;
position:relative;
}
.rev_width {
width: 342px;
float: right;
}
.test_rev .top-them {
width: 380px;
margin-left: 34px;
margin-top: 22px;
height: 228px;

position: relative;
overflow: hidden;
}
.test_rev .top-them img {
position: absolute;
width: 100%;
transition: 7s all ease-in-out;
left: 0;
right: 0;
margin: auto;
}


.monit-hover {
position: absolute;
right: 16px;
width: 193px;
top: 5px;
z-index: 0;
-webkit-transition: all 0.5s!important;
-moz-transition: all 0.5s!important;
-ms-transition: all 0.5s!important;
-o-transition: all 0.5s!important;
transition: all 0.5s!important;
}
.reviews-bk__left:hover .monit-hover {
display: none;
}


.reviews-bk__left img {
}
.reviews-bk__right{
width: 100%;
}
.reviews-bk__top {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 15px;
}
.reviews-bk__top > span {
flex-shrink: 0;
margin-right: 20px;
display: block;
color: #9a9a9a;
font-size: 14px;
line-height: 14px;
font-family: 'exo_2regular';
width: 204px;
}
.reviews-bk__top > span > span {
font-family: 'exo_2bold';
color: #424242;
font-size: 20px;
line-height: 22px;
display: block;
}
.reviews-bk__top > div {
display: inline-block;
line-height: 20px;
padding: 0 0 29px 15px;

color: #d6d6d6;
font-size: 16px;
font-family: 'exo_2regular';
}
.reviews-bk__top > div > span {
font-family: 'exo_2bold';
display: block;
margin-top: 7px;
margin-bottom: 4px;
}
.reviews-bk__rev {
border: 1px solid #dddddd;

padding: 37px;
position: relative;
background: white;
}
.reviews-bk__rev::before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 10px solid transparent;
border-top: 10px solid #dddddd;
border-right: 10px solid #dddddd;
margin-top: 12px;
margin-left: -20px;
}
.reviews-bk__rev::after {
content: "";
position: absolute;
top: 0;
left: 0;
border: 9px solid transparent;
border-top: 9px solid #fff;
border-right: 9px solid #fff;
margin-top: 13px;
margin-left: -18px;
}
.reviews-bk__rev > div {
color: #424242;
font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
font-family: 'exo_2bold';
}
.reviews-bk__rev > p {
color: #6f6f6f;
font-size: 14px;
line-height: 24px;
font-family: 'exo_2regular';
min-height: 20px;
/*	max-height: 108px;*/
overflow: hidden;
}
.reviews-bk__rev > button{
border: none;
background-color: transparent;
color: #0060cc;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
font-family: 'exo_2regular';
margin-top: 10px;
display: none;
}
.reviews-bk__rev > button:hover{
text-decoration: none;
}
.reviews-form{
background-color: #fffee8;
padding: 30px;
position: relative;
margin-bottom: 50px;
display: none;
}
.reviews-form__opis{
color: #424242;
font-size: 14px;
line-height: 16px;
margin-bottom: 20px;
font-family: 'exo_2regular';
}
.reviews-form__rey{
margin-bottom: 20px;
}
.reviews-form__rey > span{
color: #424242;
font-size: 16px;
line-height: 16px;
margin-bottom: 10px;
display: block;
}
.reviews-form .input-text{
width: 538px;
}
.reviews-form .form-elem.dop{
text-align: left;
margin-bottom: 0px;
}
.reviews-form .form-elem.dop > span{
display: inline-block;
text-align: left;
margin-left: 20px;
line-height: 16px;
color: #c8c58f;
font-size: 14px;
font-style: italic;
font-family: 'exo_2regular';
height: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.reviews-form .button-style-form{
float: none;
display: inline-block;
}
#clous-form-rev{
position: relative;
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
margin-right: 12px;
cursor: pointer;
border: none;
background-color: transparent;
}
#clous-form-rev > span{
background-color: #e5e4d0;
border-radius: 3px;
height: 3px;
width: 12px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#clous-form-rev > span:nth-child(2n){
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
margin-top: -3px;
}
/* modules-pod*/
.modules-pod{
padding-top: 60px;
padding-bottom: 50px;
}
.modules-pod__top{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-bottom: -1px;
}
.modules-pod__left{
width: 48%;
padding-top: 10px;
}
.modules-pod__left > h1{
font-family: 'exo_2bold';
text-transform: uppercase;
font-weight: normal;
color: #424242;
font-size: 35px;
line-height: 35px;
}
.modules-pod__left > div{
color: #9a9a9a;
font-size: 20px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 25px;
font-family: 'exo_2regular';
}
.modules-pod__left > span{
color: #424242;
font-size: 20px;
font-family: 'exo_2regular';
line-height: 20px;
display: block;
margin-bottom: 25px;
}
.modules-pod__left > span > span{
font-family: 'exo_2bold';
color: #6fac2d;
font-size: 40px;
line-height: 40px;
}
.modules-pod__left > a{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
line-height: 50px;
height: 50px;
text-decoration: none;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-family: 'exo_2bold';

background-color: #000;
transform: scale(1, 1);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.modules-pod__left > a:hover{
transform: scale(1.05, 1.05);
}
.modules-pod__right{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
width: 48%;
justify-content: center;
border: 1px solid #dddddd;
height: 260px;
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #fff;
}
.modules-pod__right > div{
width: 270px;
}
.modules-pod-bk{
border: 1px solid #dddddd;
padding: 30px;
border-radius: 4px 4px 0 0;
}
.modules-pod-bk h3{
color: #424242;
font-size: 30px;
line-height: 30px;
font-family: 'exo_2regular';
margin-bottom: 15px;
margin-top: 44px;
display: inline-block;
border-bottom: 1px solid #000;
padding-bottom: 15px;
font-weight: 400;
}
.modules-pod-bk p{
color: #424242;
font-size: 17px;
line-height: 24px;
margin-bottom: 30px;
font-family: 'exo_2regular';
}
.modules-pod-bk ul{
margin-top: 20px;
list-style: none;
margin-left: 6px;
}
.modules-pod-bk ul li{
padding-left: 25px;
color: #424242;
font-size: 17px;
line-height: 22px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
}
.modules-pod-bk ul li::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 13px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('ic-gal.svg');
margin-top: 5px;
}
.modules-pod-slid{
border: 1px solid #dddddd;
border-top: none;
background-color: #eff4f8;
padding: 25px;
}
.modules-pod-slid > h3{
color: #424242;
font-size: 30px;
line-height: 30px;
}
.modules-pod-slid > div{
position: relative;
margin-top: 30px;
/*height: 170px;*/
overflow: hidden;
}
.modules-pod-slid .caroufredsel_wrapper{
/*height: 170px !important;
width: 955px !important;*/
margin: 0 auto !important;
}
.modules-pod-slid #modules-slid{
list-style: none;
}
.modules-pod-slid #modules-slid > li{
float: left;
width: 218px;
height: 168px;
background-color: #fff;

border: 1px solid #d1d1d1;
margin-right: 22px;
}
.modules-pod-slid #modules-slid > li img{
width: 100%;
}
.modules-pod-slid .sli-p-l{
background-image: url('sl-p-l2.svg');
width: 25px;
height: 60px;
margin-top: -30px;
}
.modules-pod-slid .sli-p-r{
background-image: url('sl-p-r2.svg');
width: 25px;
height: 60px;
margin-top: -30px;
}
.mod-fots {
position: relative;
text-align: center;
}
.mod-titls {
width: 736px;
margin: 0 auto;
margin-top: 35px;
padding-left: 40px;
padding-right: 40px;
position: relative;
padding-top: 25px;
padding-bottom: 25px;
background-color: #009ed2;
text-align: center;
color:white;
margin-bottom: 40px;
font-size: 18px;
}
.mod-titls::before {
position: absolute;
bottom: 0;
left: 50%;
content: "";
border: 100px solid transparent;
border-top: 15px solid #009ed2;
margin-bottom: -115px;
margin-left: -100px;
}
.mod-fots img {
box-shadow: 0 0px 7px grey;
margin-left: 15px;
margin-top: 10px;
max-width: 90%;
}
.modules-pod-info{
height: 80px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
background-color: #000;
padding-left: 80px;
padding-right: 40px;
position: relative;
color: #424242;
font-size: 16px;
line-height: 20px;
font-style: italic;
font-family: 'exo_2regular';
}
.modules-pod-info::before{
content: "";
width: 45px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-left: 22px;
margin-top: -20px;
background-image: url('vosclic.svg');
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.7;
}
.modules-pod-footer{
text-align: center;
padding-top: 50px;
}
.modules-pod-footer .button-style-form{
float: none;
display: inline-block;
line-height: 50px !important;
height: 50px;
font-size: 18px;
}
.modules-pod-footer > div{
text-align: center;
margin-top: 35px;
}
.modules-pod-footer > div > div{
font-family: 'exo_2bold';
font-style: italic;
color: #424242;
font-size: 30px;
line-height: 30px;
}
.modules-pod-footer > div > a{
color: #007fae;
font-size: 25px;
line-height: 25px;
font-family: 'exo_2regular';
}
.modules-pod-footer > div > a:hover{
text-decoration: none;
}
/* instructions*/
.instructions{
margin-top: 40px;
margin-bottom: 70px;
}
.instructions ._dop1 {
color: #9a9a9a;
font-size: 15px;
font-style: italic;
font-family: 'exo_2regular';
text-align: center;
margin-bottom: 41px;
}
.instructions h2{
display: block;
text-transform: uppercase;
color: #424242;
font-size: 35px;
font-weight: normal;
font-family: 'exo_2bold';
text-align: center;
margin-bottom: 25px;
margin-top: 25px;
}
.instructions-inst{
margin-top: 35px;
}
.instructions-inst > div{
color: #424242;
font-size: 23px;
font-weight: bold;
}
.instructions-inst > p{
margin-top: 15px;
color: #424242;
font-size: 14px;
line-height: 17px;
}
.instructions-foto{
margin-top: 20px;
text-align: center;
}
.instructions-foto > span{
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #424242;
text-transform: uppercase;
margin-bottom: 20px;
}
.instructions-foto > div{
display: inline-block;
overflow: hidden;
min-width: 200px;
max-width: 780px;
border: 1px solid #dcdcdc;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.instructions-foto > div img{
width: 100%;
}
.instructions-top{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
/*margin-bottom: 55px;*/
}
.instructions-top__bk{

}
.instructions-top__left{
flex-shrink: 0;
width: 295px;
margin-right: 30px;
z-index: 100;
}
.instructions-top__them{
border: 3px solid #eaeaea;

overflow: hidden;
height: 765px;
margin-bottom: 20px;
}
.instructions-top__them img{
width: 100%;
}
.instructions-top__butt{
margin-bottom: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.instructions-top__butt .butt-lef {
height: 40px;
display: block;
float: left;
width: 250px;
background-color: #009ed2;

line-height: 40px;
text-align: center;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'exo_2bold';
text-decoration: none;
transform: scale(1, 1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.instructions-top__butt .butt-lef:hover {
transform: scale(1.05, 1.05);
}
.instructions-top__butt .button-style-form.red:hover {
animation: outlineAnim 2s infinite;
}
.instructions-top__butt .button-style-form.blue{
text-transform: uppercase;
}
.instructions__pod{
border: 1px dashed #d1d1d1;

padding: 20px;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
}
.instructions__pod > div{
color: #424242;
font-size: 17px;
line-height: 20px;
font-family: 'exo_2bold';
margin-bottom: 10px;
}
.instructions__pod .button-style-form{
float: none;
display: inline-block;
}
.instructions-top__right{
width: 100%;
z-index: 10;position: relative;
}
.instructions-top__opis{
position: relative;
padding: 25px;
padding-bottom: 5px;

border: 1px solid #dce4eb;
background-color: #eff6fc;
}
.instructions-top__opis p{
color: #424242;
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
.instructions-top__opis::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
margin-left: 45px;
border: 15px solid transparent;
border-top: 13px solid #dce4eb;
margin-bottom: -28px;
}
.instructions-top__opis::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
margin-left: 45px;
border: 15px solid transparent;
border-top: 13px solid #eff6fc;
margin-bottom: -27px;
}
.instructions__table{
border: 1px solid #c5c5c5;
margin-top: 30px;
border-right: none;
border-bottom: none;
background: rgb(255, 255, 255);
}
.instructions__table .title{
line-height: 40px;
text-align: center;
color: #424242;
font-size: 15px;
font-weight: bold;
background-color: #c5c5c5;
}
.instructions__table .row-th{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.instructions__table .row-th > div{
background-color: #e3e3e3;
line-height: 38px;
color: #424242;
font-size: 15px;
text-align: center;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
font-weight: bold;
}
.instructions__table .items1{
width: 318px;
}
.instructions__table .items2{
width: 135px;
}
.instructions__table .items3{
width: 244px;
}
.instructions__table .items4{
width: 323px;
}
.butt-voc{
border: none;
width: 15px;
height: 15px;
text-align: center;
line-height: 15px;
border-radius: 8px;
font-size: 12px;
font-family: 'exo_2bold';
display: inline-block;
cursor: pointer;
padding: 0;
}
.butt-voc.orange{
background-color: #ffdd00;
color: #000;
}
.butt-voc.red{
background-color: #000;
color: #fff;
}
.instructions__table .row-td{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
min-height: 72px;
}
.instructions__table .row-td > div{
line-height: 20px;
color: #424242;
font-size: 15px;
text-align: center;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.instructions__table .row-td > div .button-style-form{
font-size: 14px;
height: 35px;
line-height: 35px !important;
padding-left: 15px;
padding-right: 15px;
}
.instructions__table .row-td .items1{
padding-left: 25px;
padding-right: 25px;
width: 268px;
}
.instructions__table .row-td > div > div{
width: 100%;
line-height: 23px;
text-align: center;
color: #424242;
font-size: 15px;
border-bottom: 1px solid #c6c6c6;
}
.instructions__table .row-td > div > div:last-child{
border-bottom: none;
}
.instructions__table .row-td > div > div span{
font-weight: bold;
}
.span_one {

}
.span_two {

}
.instructions-butt{
text-align: center;
margin-top: 50px;
}
.instructions-butt .button-style-form {
float: none;
display: inline-block;
text-transform: uppercase;
}
.not_mar .creat-onl-store.dop2 {
margin-top: 0px;
}
.instructions-form{
/*
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.32);
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e0ebf8 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e0ebf8 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e0ebf8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0ebf8',GradientType=0 );
padding-top: 12px;
padding-bottom: 11px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;*/
margin-bottom: 159px;
}
.instructions-form .faq-bk > div {
padding: 0;
}
.instructions-form .order__bk .obsuz > div {
min-height:500px;
}
.instructions-form .order__bk {
padding: 0;
margin-bottom: 0;
}
.instructions-form .faq-bk > span {
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding-top: 23px;
padding-bottom: 23px;
border: 1px solid gainsboro;
}
.instructions-form h2{
text-align: center;
color: #000;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 30px;
font-family: 'exo_2bold';
}
.instructions-form .form-elem{
margin-bottom: 30px
}
.instructions-form .form-elem:last-of-type{
margin-bottom: 0px;
}
.instructions-form .form-elem.dop .input-text{
margin-right: 30px;
}
.instructions-form .form-elem.dop .input-text:last-of-type{
margin-right: 0px;
}
.instructions-form .form-elem.dop1{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.instructions-form .form-elem.dop1 > div{
margin-left: 20px;
color: #9da7b4;
font-size: 14px;
line-height: 14px;
}
/* faq*/
.faq{

}
.faq-title {
margin-bottom: 25px;
margin-top: 40px;
}
.faq-title h2{
color: #424242;
font-size: 30px;
line-height: 30px;
font-weight: normal;
font-family: 'exo_2bold';
}

.faq-title .title_like_h2 {
color: #424242;
font-size: 30px;
line-height: 30px;
font-weight: normal;
font-family: 'exo_2bold';
}
.faq-bk{
margin-bottom: 5px;
overflow: hidden;

transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.faq-bk._active{
}
.faq-bk > span{
line-height: 23px;
position: relative;
color: #000;
font-size: 23px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 27px;
padding-right: 15px;
display: block;
cursor: pointer;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.faq-bk > span:hover {
background-color: #e7f2fa;
}
.faq-bk._active > span{
}
.faq-bk > span::before{
content: "";
position: absolute;
top: 50%;
left: 0;
border: 4px solid transparent;
border-top: 5px solid #8897a5;
margin-left: 10px;
margin-top: -2px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.faq-bk._active > span::before{
border-top-color: #000;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -4px;
}
.faq-bk h3 {
margin-bottom: 25px;
}
.faq-bk h4 {
margin-top: 38px;
}
.faq-bk > div {
display: none;
}
.faq-bk._active > div {
display: block;
}
.faq-bk._active > div > p {
color: #424242;
font-size: 14px;
line-height: 16px;
margin-bottom: 15px;
}
.faq-bk ul {
margin: 25px 0 25px 9px;
}
.faq-bk li {
list-style: none;
position: relative;
padding-left: 22px;
line-height: 24px;
}
.faq-bk li::before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 14px;
height: 11px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(ic-gal.svg);
margin-top: 4px;
}
/* rates*/
.rates{}
.rates .teh-pod{

background-color: #def2ae;
text-align: center;
padding-top: 35px;
margin-top: 30px;
overflow: hidden;
}
.rates .teh-pod > h3{
color: #424242;
font-size: 25px;
text-transform: uppercase;
font-family: 'exo_2bold';
}
.rates .teh-pod > ul{
text-align: left;
list-style: none;
margin-left: 40px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 25px;
}
.rates .teh-pod > ul > li{
padding-left: 25px;
color: #67812b;
font-size: 20px;
line-height: 22px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
}
.rates .teh-pod > ul > li::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 13px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('ic-gal.svg');
margin-top: 5px;
}
.rates .teh-pod > ul > li > span{
font-family: 'exo_2bold';
}
.rates .teh-pod > div{
line-height: 35px;
color: #67812b;
font-size: 14px;
background-color: #d2e7a2;
}
.rates .im-traf{}
.rates .im-traf > ul{
column-count: 2;
list-style: none;
margin-top: 35px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 30px;
}
.rates .im-traf > ul > li{
padding-left: 25px;
color: #424242;
font-size: 20px;
line-height: 22px;
position: relative;
margin-bottom: 15px;
font-family: 'exo_2regular';
}
.rates .im-traf > ul > li::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 13px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url('ic-gal.svg');
margin-top: 5px;
}
.rates .im-traf > ul > li > span{
font-family: 'exo_2bold';
}
.rates .im-traf > div{
text-align: center;
color: #424242;
font-size: 20px;
font-family: 'exo_2bold';
}
.rates .nuz-rish{
border-radius: 10px;
border: 5px solid #fff;
padding: 30px;
padding-top: 50px;
text-align: center;
margin-top: 55px;
}
.rates .nuz-rish > h3{
text-transform: uppercase;
font-size: 35px;
font-family: 'exo_2bold';
line-height: 35px;
}
.rates .nuz-rish > div{
margin-top: 25px;

font-size: 25px;
line-height: 45px;
font-family: 'exo_2regular';
}
.rates .nuz-rish > div > span{
display: inline-block;
border-radius: 5px;
line-height: 45px;
background-color: #ffdd00;
padding-left: 12px;
padding-right: 12px;
color: #fff;
font-size: 18px;
height: 45px;
}
.rates .nuz-rish > div > span > span{
font-size: 35px;
font-family: 'exo_2bold';
line-height: 45px;
}
.rates .nuz-rish .button-style-form{
display: inline-block;
margin-bottom: 10px;
margin-top: 25px;
}
.rates .nuz-rish > span{
display: block;
color: #67812b;
font-size: 14px;
line-height: 14px;
}
.rates .nuz-rish ul {
text-align: left;
margin-top: 39px;
margin-bottom: 25px;
display: inline-block;
}
.rates .nuz-rish ul li {
list-style: none;
position: relative;
line-height: 40px;

}
.rates .nuz-rish ul li::before {
content: "";
position: absolute;
top: 19px;
left: -21px;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(ic-yes.svg);
}
.premium_pr {
border-bottom: 2px solid white;
padding: 21px;
width: 50%;
margin: auto;
margin-bottom: 19px;
font-size: 30px;
}
.rates-vop{
background-color: #f2f4f6;
padding-top: 50px;
padding-bottom: 70px;
margin-top: 60px;
}
.rates-vop .title{
text-align: center;
}
.rates-vop .title h2{
font-size: 35px;
color: #424242;
text-transform: uppercase;
font-family: 'exo_2bold';
}
.rates-vop .bk{
margin-top: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.rates-vop .bk > div{
width: 46%;
border: 3px solid #ffdd00;

background-color: #fff;
min-height: 100%;
overflow: hidden;
text-align: center;
padding-bottom: 15px;
}
.rates-vop .bk > div > span{
background-color: #ffdd00;
display: block;
padding-top: 18px;
padding-bottom: 8px;
text-align: center;
line-height: 25px;
color: #424242;
font-size: 23px;
font-family: 'exo_2regular';
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.rates-vop .bk > div > span::before{
content: "";
position: absolute;
bottom: 0;
left: 15%;
border: 170px solid transparent;
border-top: 20px solid #ffdd00;
margin-bottom: -190px;
}
.lend_tar {
font-size: 20px;
border-top: 2px solid #ffdd00;
padding-top: 31px;
margin-bottom: 35px;
margin-top: 0;
}
.bk .title {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 25px;
}
.rates-vop .bk > div > div{
margin-top: 40px;
padding: 15px;
padding-top: 0px;
line-height: 23px;
color: #424242;
font-size: 17px;
}
.rates-vop .bk > div > div > span{
display: inline-block;
line-height: 21px;
height: 23px;
color: #fff;
font-size: 17px;
padding-left: 8px;
padding-right: 8px;
background-color: #000;

margin-right: 5px;
}
.rates-vop .bk > div > div ul {
text-align: left;
margin-top: 39px;
margin-bottom: 25px;
display: inline-block;
}

.rates-vop .bk > div > div ul li {
list-style: none;
position: relative;
line-height: 40px;
}

.rates-vop .bk > div > div ul li::before {
content: "";
position: absolute;
top: 19px;
left: -21px;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url(ic-yes.svg);
}
.rates-bk{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.rates-bk > div{
min-height: 100%;
/*max-height: 100%;*/
width: 204px;
position: relative;

background-color: #eaf3fb;
padding-bottom: 85px;
}
.rates-bk > div.red{
border: 3px solid #000;
width: 218px;
margin-bottom: -17px;
margin-top: -47px;
}
.rates-bk > div > span{
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
margin-bottom: 25px;
}
.rates-bk > div.red > span{
margin-bottom: 42px;
}
.rates-bk > div.red a{
background-color: #000;
color: #fff !important;
}
.rates-bk__pric{
border-radius: 4px 4px 0 0;
background-color: #d2dae1;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.rates-bk__pric > div{
font-size: 18px;
color: #424242;
line-height: 18px;
font-family: 'exo_2regular';
}
.rates-bk__pric > div > div{
color: #424242;
font-size: 25px;
line-height: 25px;
font-family: 'exo_2bold';
font-style: italic;
margin-bottom: 10px;
}
.rates-bk__pric > div > span{
display: block;
line-height: 18px;
color: #424242;
font-size: 18px;
font-family: 'exo_2bold';
margin-top: 10px;
}
.rates-bk__pric > span{
display: block;
line-height: 14px;
font-size: 14px;
color: #424242;
font-style: italic;
}
.rates-bk__title{
text-align: center;
padding-top: 15px;
padding-bottom: 20px;
background-color: #f5f9fd;
}
.rates-bk > div.red .rates-bk__title > div{
color: #000;
}
.rates-bk__title > div{
color: #92bb26;
text-transform: uppercase;
font-size: 20px;
font-family: 'exo_2bold';
margin-bottom: 10px;
}
.rates-bk__col{
line-height: 30px;
font-size: 14px;
color: #fff;
background-color: #75797d;
text-align: center;
text-transform: uppercase;
font-family: 'exo_2regular';
}
.rates-bk__param{
border-bottom: 1px solid #d2dae1;
padding-top: 10px;
padding-bottom: 10px;
color: #424242;
font-size: 14px;
line-height: 16px;
font-family: 'exo_2regular';
text-align: center;
position: relative;
padding-left: 25px;
padding-right: 25px;
}
.rates-bk__param > div{
font-family: 'exo_2bold';
text-decoration: underline;
}
.rates-bk__param > span{
border: 10px solid transparent;
border-top: 10px solid #ffdd00;
border-right: 10px solid #ffdd00;
position: absolute;
top: 0;
right: 0;
}
.rates-bk__param > span::before{
content: "?";
color: #424242;
font-size: 10px;
line-height: 17px;
width: 12px;
text-align: center;
position: absolute;
top: 0;
right: 0;
font-family: 'exo_2bold';
margin-right: -10px;
margin-top: -10px;
}
.rates-bk__param:last-of-type{
border-bottom: none;
}
.rates-bk__vib{
background-color: #000;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 20px;
font-family: 'exo_2bold';
position: relative;
}
.rates-bk__vib::after{
position: absolute;
bottom: 0;
left: 0;
content: "";
border: 110px solid transparent;
border-top: 10px solid #000;
margin-bottom: -120px;
}
/* template opportunities*/
.temp-opport__top{
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
margin-top: 60px;
margin-bottom: 25px;
}
.temp-opport__top > h1{
text-transform: uppercase;
color: #424242;
font-size: 35px;
font-family: 'exo_2bold';
line-height: 36px;
width: 550px;
}
.temp-opport__top > div{

}
#tab-vnut{
overflow: hidden;
list-style: none;
}
#tab-vnut li{
float: left;
   line-height: 27px;
    font-size: 15px;
    cursor: pointer;
    font-family: 'exo_2regular';
    min-width: 220px;
    border-bottom: 1px solid #f5f5f5;
    margin-right: 15px;
}
#tab-vnut li._active{
    border-bottom: 1px solid #ffffff;
    background: red;
    color: white;
}
.sidebar_menu_block #tab-vnut li {
    float: none; 
    font-size: 15px;  
    border-bottom: 1px solid #f5f5f5;
    margin-right: 15px;
    padding: 7px 15px;
  width: 100%;
}
.blog-bk__title h2 a {
    color: #0089cf ;
    font-weight: bold;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}
.blog-bk__title h2 a:hover {
color: #ee1b23;
  text-decoration:none;
}
.page_shablona #tab-vnut li {
    float: none; 
}
.page_shablona .blog {
    margin-top: 0; 
}
.temp-opport-bk{
display: none;
}
.temp-opport-bk._active{
display: block;
}
.temp-opport-bk > ul{
list-style: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.temp-opport-bk > ul > li{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.temp-opport-bk > ul .li100{
width: 100%;
}
.temp-opport-bk > ul .li60{
width: 65%;
}
.temp-opport-bk > ul .li35{
width: 30%;
}
.temp-opport-bk > ul .li30{
width: 30%;
}
.temp-opport-bk > ul > li > span{
display: block;
color: #424242;
font-size: 25px;
line-height: 30px;
font-family: 'exo_2regular';
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
}
.temp-opport-bk ._span2 {
color: #009ed2;
font-style: italic;
font-family: 'exo_2regular';
position:relative;
}
.temp-opport-bk ._span3 {
color: #ff3e32;
font-style: italic;
font-family: 'exo_2regular';
position:relative;
}

.temp-opport-bk > ul > li > p{
color: #000;
font-size: 16px;
font-family: 'exo_2regular';
line-height: 20px;
margin-bottom: 20px;
}
.temp-opport-bk > ul > li > div{
background-color: #f9f9f9;
border: 1px solid #dddddd;
overflow: hidden;
margin-bottom: 15px;
}
.temp-opport-bk > ul > li > div img{
width: 100%;    height: auto;
}
/*
.temp-opport-bk .img-style1{
min-height: 385px;
height: 100%;
}
.temp-opport-bk .img-style2{
min-height: 80px;
height: 100%;
margin-bottom: 20px;
}
.temp-opport-bk .img-style3{
min-height: 490px;
height: 100%;
}
.temp-opport-bk .img-style4{
height: 100%;
margin-bottom: 20px;
}
.temp-opport-bk .img-style5{
min-height: 240px;
height: 100%;
margin-bottom: 20px;
}
.temp-opport-bk .img-style6{
min-height: 365px;
height: 100%;
}
*/
.temp-opport__title{
line-height: 29px;
color: #424242;
font-size: 25px;
padding: 13px;
padding-left: 20px;
padding-right: 20px;

background-color: #e9e9e9;
font-family: 'exo_2bold';
margin-bottom: 30px;
}
.temp-opport__hr{
height: 1px;
background-color: #d1d1d1;
margin-bottom: 30px;
}
/* template gallery*/
.seo-text-bott{
padding-bottom: 50px;
}
.seo-text-bott p{
font-size: 18px;
color: #424242;
line-height: 22px;
margin-bottom: 15px;
font-family: 'exo_2regular';
}
.baner-gor{
border: 1px solid #e8e8e8;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
margin-bottom: 40px;
padding: 48px;
font-size: 14px;
line-height: 24px;
color: #404040;
font-family: 'exo_2regular';
}
.baner-gor ul {
margin: 15px 0;
}
.baner-gor ul li {
list-style: none;
padding-left: 23px;
color: #424242;
line-height: 14px;
position: relative;
margin-bottom: 10px;
font-family: 'exo_2regular';
}
.baner-gor ul li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 11px;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-image: url(ic-gal.svg);
margin-top: 4px;
}
.baner-gor .setting__them {
background-color: #ffffff;
border-bottom: 0;
border-top: 1px solid #e7e7e7;
margin-top: 25px;
}
.baner-gor .bk-center {
width: 100%;
}

.baner-gor._dop{
margin-bottom: 0px;
background-color: #fff5b8;
padding: 15px;
border-radius: 3px;
}
.collection_description img {
float: left;
height: 150px;
}
.collection_description .img-baner {
height: 460px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
}
.collection_description .baner-op {
background-color: rgba(255, 255, 255, 0.96);
width: 419px;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
color: #009ed2;
font-size: 21px;
text-transform: uppercase;
line-height: 26px;
font-family: 'exo_2bold';
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
padding: 16px;
}
.collection_description a:hover .baner-op {
background-color: white;
}

.menu-cat-them{
overflow: hidden;

border: 1px solid #e8e8e8;
margin-top: 40px;
margin-bottom: 30px;
}
.menu-cat-them > ul{
list-style: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 140px;
}
.menu-cat-them > ul > li{
border-right: 1px solid #e8e8e8;
width: 109px;
}
.menu-cat-them > ul > li > a{
padding-left: 10px;
padding-right: 10px;
display: block;
padding-top: 95px;
position: relative;
text-decoration: none;
color: #000000;
font-size: 12px;
line-height: 14px;
text-align: center;
height: 45px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.menu-cat-them > ul > li:last-of-type{
border: none;
}
.menu-cat-them > ul > li > a::before{
position: absolute;
top: 0;
left: 50%;
width: 54px;
height: 54px;
content: "";
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
margin-left: -27px;
margin-top: 20px;
background-position: center center;
transform: scale(1, 1);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.menu-cat-them > ul > li > a:hover {
background-color: #000;
color: #fff;
}
.menu-cat-them > ul > li > a.active{
background-color: #000;
color: #fff;
}
.menu-cat-them > ul > li > a:hover::before,
.menu-cat-them > ul > li > a.active::before{
transform: scale(1.2, 1.2);
}
.menu-cat-them > ul > li .odezhda::before{
background-image: url('tpl_odezda.svg');
}
.menu-cat-them > ul > li .detskiy-magazin::before{
background-image: url('tpl_baby.svg');
}
.menu-cat-them > ul > li .podarki::before{
background-image: url('tpl_podar.svg');
}
.menu-cat-them > ul > li .aksessuary::before{
background-image: url('tpl_kosmetika.svg');
}
.menu-cat-them > ul > li .dlya-doma::before{
background-image: url('tpl_kuhny.svg');
}
.menu-cat-them > ul > li .mebel::before{
background-image: url('tpl_mebli.svg');
}
.menu-cat-them > ul > li .mobilnye-ustroystva-i-aksessuary::before{
background-image: url('tpl_deviz.svg');
}
.menu-cat-them > ul > li .bytovaya-tehnika::before{
background-image: url('tpl_tehn.svg');
}
.menu-cat-them > ul > li .avto-motozapchasti::before{
background-image: url('tpl_instr.svg');
}
.menu-cat-them > ul > li .sport::before{
background-image: url('tpl_sport.svg');
}
.menu-cat-them > ul > li .odezhda:hover::before,
.menu-cat-them > ul > li .odezhda.active:before{
background-image: url('tpl_odezda_h.svg');
}
.menu-cat-them > ul > li .detskiy-magazin:hover::before,
.menu-cat-them > ul > li .detskiy-magazin.active:before{
background-image: url('tpl_baby_h.svg');
}
.menu-cat-them > ul > li .podarki:hover::before,
.menu-cat-them > ul > li .podarki.active:before{
background-image: url('tpl_podar_h.svg');
}
.menu-cat-them > ul > li .aksessuary:hover::before,
.menu-cat-them > ul > li .aksessuary.active:before{
background-image: url('tpl_kosmetika_h.svg');
}
.menu-cat-them > ul > li .dlya-doma:hover::before,
.menu-cat-them > ul > li .dlya-doma.active:before{
	background-image: url('tpl_kuhny_h.svg');
}
.menu-cat-them > ul > li .mebel:hover::before,
.menu-cat-them > ul > li .mebel.active:before{
	background-image: url('tpl_mebli_h.svg');
}
.menu-cat-them > ul > li .mobilnye-ustroystva-i-aksessuary:hover::before,
.menu-cat-them > ul > li .mobilnye-ustroystva-i-aksessuary.active:before{
	background-image: url('tpl_deviz_h.svg');
}
.menu-cat-them > ul > li .bytovaya-tehnika:hover::before,
.menu-cat-them > ul > li .bytovaya-tehnika.active:before{
	background-image: url('tpl_tehn_h.svg');
}
.menu-cat-them > ul > li .avto-motozapchasti:hover::before,
.menu-cat-them > ul > li .avto-motozapchasti.active:before{
	background-image: url('tpl_instr_h.svg');
}
.menu-cat-them > ul > li .sport:hover::before,
.menu-cat-them > ul > li .sport.active:before{
	background-image: url('tpl_sport_h.svg');
}
.loadingSpace {
	width: 100%;
    text-align: center;
    padding: 100px 0;
}
.nothingFound {
	width: 100%;
    text-align: center;
    padding: 100px 0;
    color: #9a9a9a;
}
.shop-sizes > div{
	width: 100%;
	text-align: center;
	padding: 50px 0;
	font-size: 18px;
    color: #424242;
    line-height: 22px;
    font-family: 'exo_2regular';
}

.temp-gal{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.temp-gal .baner-gor{
	width: 100%;
}
.temp-gal-bk{
	width: 100%;
	border: 1px solid #e8e8e8;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}
.temp-gal-bk.hidden {
	border: none !important;
}
.temp-gal-bk .title{
	height: 57px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
}
.temp-gal-bk .title a{
	text-decoration: none;
	color: #424242;
	font-size: 18px;
	font-family: 'exo_2bold';
	line-height: 18px;
  text-transform: uppercase;
}
.temp-gal-bk .title span {
	font-size: 12px;
	font-family: 'exo_2bold';
	color: #424242;
}
.temp-gal-bk .title a:hover{
	text-decoration: underline;
}
.temp-gal-bk .img-por{
	overflow: hidden;
	height: 450px;
}
.temp-gal-bk .img-por img{
	width: 100%;
}
.price{
position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f38120;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    padding-right: 10px;
    line-height: 35px;
    font-family: 'exo_2regular';
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 20;
}
.price > span{
	font-size: 18px;
	font-family: 'exo_2bold';
}
.price::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 16px solid transparent;
    border-right: 6px solid #f38120;
    margin-left: -22px;
    margin-top: 2px;
}
.old_price {
position: absolute;
    right: 0px;
    bottom: 41px;
    background-color: #c7c7c7;

    padding-left: 10px;
    color: #000;
    font-size: 11px;
    padding-right: 10px;
    line-height: 35px;
    font-family: 'exo_2regular';
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 20;

}
.home-port-ops .old_price {
 top: 0;
    bottom: auto;
    margin-top: -20px;
  right: 109px;
}
.old_price > span{
	font-size: 17px;
	font-family: 'exo_2bold';
  text-decoration: line-through;
}
.old_price::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 16px solid transparent;
    border-right: 6px solid #c7c7c7;
    margin-left: -22px;
    margin-top: 2px;
}
#getting-started {
   position: absolute;
    top: -59px;
    right: 20px;
    background: #ff3e31;
    padding: 5px;
    font-family: 'exo_2bold';
    border-radius: 3px;
    width: 157px;
    text-align: center;
  color: white;
}
#getting-started::before {
    position: absolute;
    bottom: 0px;
    left: 27%;
    content: "";
    border: 29px solid transparent;
    border-top: 10px solid #ff3e31;
    margin-bottom: -35px;
    margin-left: 38px;
}
.temp-gal-bk {
	display: flex;
	border: none;
  margin-top: 45px;
}
.temp-gal-wide {
	    flex: auto;
    position: relative;
    margin-right: 20px;
    border: 1px solid #e8e8e8;
}
.temp-gal-narrow {
	flex: none;
	border: 1px solid #e8e8e8;
}
.temp-gal-bk .podrob{

}
.temp-gal-bk:hover .podrob{
}
.temp-gal-bk .podrob > div{
	width: 360px;
	height: 430px;
	margin-top: 10px;
}
.temp-gal-bk .ic-adapt{
position: absolute;
    z-index: 20;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    top: -11px;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    box-shadow: 0 3px 3px #d2d2d2;
}
.temp-gal-bk .ic-adapt::before{
	width: 38px;
	height: 30px;
	top: 50%;
	left: 50%;
	position: absolute;
	content: "";
	margin-left: -19px;
	margin-top: -15px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('adaptiv.svg');
}
.temp-gal-bk .podhod{
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	height: 140px;
	overflow: hidden;
}
.temp-gal-bk .podhod > div{
	color: #000;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	margin-bottom: 18px;
}
.temp-gal-bk .podhod > span{
	padding-left: 20px;
	display: block;
	position: relative;
	color: #000;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 8px;
}
.temp-gal-bk .podhod > span::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 14px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('ic-gal.svg');
}
.temp-gal-bk .dali{
	text-align: center;
}
.temp-gal-bk .dali > div{
	margin-top: 2px;
}
.temp-gal-bk .dali > div a{
	color: #ffffff;
	font-size: 16px;
      margin-top: 15px;
    display: block;
}
.temp-gal-bk .dali > div a:hover{
	text-decoration: none;
  color: #fff;
}
.temp-gal-bk .favor{
	width: 236px;
	margin: 0 auto;
	margin-top: 25px;
	border-top: 1px solid #dcddde;
	padding-top: 15px;
	text-align: center;
}
.temp-gal-bk .favor a{
	color: #424242;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
	display: inline-block;
	padding-left: 25px;
	text-decoration: none;
	position: relative;
}
.temp-gal-bk .favor a:hover{
	text-decoration: underline;
}
.temp-gal-bk .favor a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
}
.temp-gal-bk .favor .srav::before{
	background-image: url('wesi.svg');
}
.temp-gal-bk .favor .fav::before{
	background-image: url('favorit.svg');
}
.temp-gal-bk .zakaz{
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}
.temp-gal-bk .zakaz .button-style-form{
	line-height: 35px !important;
	height: 35px;
}
.temp-gal-sort{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.temp-gal__sort{

	background-color: #fff5b8;
	margin-right: 10px;
	padding: 15px;
	margin-left: 10px;
	padding-bottom: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	min-height: 70px;
}
.temp-gal__sort-dop{
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}
.temp-gal__reset-button {margin-top: 20px;}
.temp-gal__sort-dop > a{
    line-height: 40px;
    height: 40px;
    color: #424242;
    font-size: 18px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;

    display: block;
    font-family: 'exo_2regular';
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
}
.temp-gal__sort-dop > a:hover,
.temp-gal__sort-dop > a._active{
	background-color: #000;
    color: #486500;
}
.temp-gal__pag{

	background-color: #ededed;
	margin-right: 10px;
	padding: 15px;
	margin-left: 10px;
}
.temp-gal__pag > span{
	display: block;
	color: #424242;
	font-size: 12px;
	font-family: 'exo_2regular';
	font-style: italic;
	margin-bottom: 10px;
	position: relative;
}
.temp-gal__pag > span > a{
	position: absolute;
	right: 0;
	top: 0;
	color: #424242;
	font-size: 10px;
}
.temp-gal__pag > span > a:hover{
	text-decoration: none;
}
.temp-gal__pag > span > span{
	font-family: 'exo_2bold';
}
.temp-gal__pag .navigation{
	margin-bottom: 0px;
}
.temp-gal__sort .them{
	width: 200px;
}
.temp-gal__sort .them > span{
	color: #424242;
	font-size: 12px;
	font-style: italic;
	display: block;
}
.temp-gal__sort .ustr{
	width: 100px;
	margin-left: 40px;
}
.temp-gal__sort .ustr > span{
	color: #424242;
	font-size: 12px;
	font-style: italic;
	display: block;
}
.jslider .jslider-bg i,
.jslider .jslider-pointer {

}
.jslider {
    display: block;
    width: 100%;
    height: 1em;
    position: relative;
    top: 0.6em;
    font-family: Arial, sans-serif;
}
.jslider table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}
.jslider td, .jslider th {
    padding: 0;
    vertical-align: top;
    text-align: left;
    border: 0;
}
.jslider table,
.jslider table tr,
.jslider table tr td {
    width: 100%; vertical-align: top;
}
.jslider .jslider-bg { position: relative; }
.jslider .jslider-bg i {
    height: 10px;
    position: absolute;
    font-size: 0;
    top: 0;
    background-color: #ccc493;
}
.jslider .jslider-bg .l {
    width: 10%;
    left: 0;
    border-radius: 7px 0px 0px 7px;
}
.jslider .jslider-bg .f {
    width: 80%;
    left: 10%;
}
.jslider .jslider-bg .r {
    width: 10%;
    left: 90%;
    border-radius: 0px 7px 7px 0px;
}
.jslider .jslider-bg .v {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 0;
    height: 10px;
    background-color: #ff3333;
}
.jslider .jslider-pointer {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 20%;
    top: -3px;
    margin-left: -4px;
    z-index: 5 !important;
    cursor: pointer;
    cursor: hand;
    border-radius: 20px;
    background-color: #fff;
}
.jslider .jslider-pointer::before{
    background-color: #ff3333;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 10px;
}
.jslider .jslider-pointer-hover {
    background-position: -20px -60px;
}
.jslider .jslider-pointer-to { left: 80%; }
.jslider .jslider-label {
    font-size: 9px;
    line-height: 12px;
    color: black;
    opacity: 0.4;
    white-space: nowrap;
    padding: 0px 2px;
    position: absolute;
    top: -18px;
    left: 0px;
    color: #fff;
    display: none !important;
}
.jslider .jslider-label-to { left: auto; right: 0; }
.jslider .jslider-value {
    font-size: 9px;
    white-space: nowrap;
    padding: 1px 2px 0;
    position: absolute;
    top: -19px;
    left: 20%;
    background: white;
    line-height: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: none;
}
.jslider .jslider-value-to { left: 80%; }
.jslider .jslider-label small,
.jslider .jslider-value small {
    position: relative;
    top: -0.4em;
}
.jslider .jslider-scale {
    position: relative;
    top: 10px;
    z-index: 1;
}
.jslider .jslider-scale span {
    position: absolute;
    height: 10px;
    border-left: 1px solid #999;
    font-size: 0;
}
.jslider .jslider-scale span:last-of-type{
	text-indent: -40px;
    left: 98% !important;
}
.jslider .jslider-scale span:first-of-type{
	left: 2% !important;
}
.jslider .jslider-scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 10px;
    color: #999;
}
.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label { display: none; }
/* comparison*/
.comparison{
	/*margin-top: 40px;*/
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.comparison-br{
	height: 40px;
}
.comparison.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*margin-top: 0px;*/
	z-index: 20;
}
.comparison.fixed .comparison-top {
	height: 93px;
}
.comparison-top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 216px;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-content: stretch;
	border-bottom: 1px solid #e1e1e1;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.comparison__tab{
	flex-shrink: 0;
	background-color: #f4f4f4;
	width: 195px;
}
.comparison__tab > button{
	height: 50%;
	text-align: center;
	color: #424242;
	font-size: 16px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	border: none;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	position: relative;
}
.comparison__tab > button._active{
	background-color: #000;
	color: #fff;
}
.comparison__tab > button._active::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50px;
	border: 50px solid transparent;
	border-left: 15px solid #ffdd00;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.comparison__bk{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
	position: relative;
	overflow-x: scroll;
}

/*.comparison__bk::-webkit-scrollbar{
	height: 15px;
	background-color: #ccc9a4;
}
.comparison__bk::-webkit-scrollbar-thumb{
    background-color: #000;
}*/
.comparison__bk .compa__bk{
	background-color: #fffbcd;
	flex-shrink: 0;
	border-right: 1px solid #fff;
	height: 200px;
	width: 182px;
	position: relative;
	padding: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	box-sizing: border-box;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.comparison.fixed .comparison__bk .compa__bk{
	min-height: 50px;
}
.comparison.fixed .comparison__tab > button._active::before{
	margin-top: -35px;
    border: 35px solid transparent;
    border-left: 15px solid #ffdd00;
}
.compa__bk .title{
	margin-bottom: 5px;
	text-align: left;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: relative;
}

.comparison.fixed .compa__bk .title{
	text-align: center;
}
.compa__bk .title a{
	color: #424242;
	font-size: 14px;
	text-decoration: none;
	font-family: 'exo_2bold';
	white-space: nowrap;
	max-width: 85%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
      text-transform: uppercase;
}
.compa__bk .title a:hover{
	text-decoration: underline;
}
.compa__bk .images{
	overflow: hidden;

	height: 113px;
	border: 3px solid #e9e9e9;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transform: scale(1, 1);
}
.comparison.fixed .compa__bk .images{
	transform: scale(0, 0);
	height: 0px;
}
.compa__bk .images img{
	width: 100%;
}
.compa__bk .pric{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 7px;
	margin-top: 100px;
	line-height: 35px;
	height: 35px;
	color: #000;
	font-size: 14px;
	border-radius: 3px;
	background-color: #ffd900;
	font-family: 'exo_2regular';
	padding-left: 7px;
	padding-right: 10px;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.comparison.fixed .compa__bk .pric{
	position: relative;
	margin-top: 0;
	margin-right: 0;
	display: table;
	margin: 0 auto;
}
.comparison.fixed .compa__bk .zakaz,
.comparison.fixed .compa__bk .podrob a {
display: none;
}
.compa__bk .pric::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 16px solid transparent;
    border-right: 6px solid #ffd900;
    margin-left: -22px;
    margin-top: 2px;
}
.compa__bk .pric span{
	font-size: 18px;
	font-family: 'exo_2bold';
}
.compa__bk .zakaz{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}
.compa__bk .zakaz a{
	color: #fff !important;
  display: none;
}
.compa__bk .podrob{
	text-align: center;
}
.compa__bk .podrob a{
	color: #0273db;
	font-size: 14px;
}
.compa__bk .podrob a:hover{
	text-decoration: none;
}
.compa__bk .clous{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -2px;
    margin-top: -5px;
}
.clous-form-rev{
	cursor: pointer;
    border: none;
    background-color: transparent;
}
.clous-form-rev > span{
	background-color: #969696;
    border-radius: 3px;
    height: 3px;
    width: 12px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.compa__bk .clous:hover .clous-form-rev > span {
background-color: #000;
}
.clous-form-rev > span:nth-child(2n) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -3px;
}
.comparison__bk .compa__bk:last-of-type{
	border-right: none;
}
.comparison-title{
	background-color: #424242;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-family: 'exo_2bold';
}
.comparison-title.dop{
	background-color: #009ed2;
}
.comparison-param{
	width: 100%;
}
.comp-par__row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border: 1px solid #e1e1e1;
	border-top: none;
	background-color: #f4f4f4;
	padding-left: 195px;
	position: relative;
}
.comp-par__row:nth-last-of-type(even) .comp-par__title{
	background-color: #ecf2f6;
}
.comp-par__title{
	width: 195px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #000000;
	font-size: 13px;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'exo_2regular';
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
}
.comp-par-bk__param{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
}
.comp-par__param{
	border-right: 1px solid #e1e1e1;
	width: 181px;
	flex-shrink: 0;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	color: #000000;
	font-size: 13px;
	line-height: 15px;
	background-color: #fff;
}
.comp-par__row:nth-last-of-type(even) .comp-par__param{
	background-color: #ecf2f6;
}
.comp-par__param > span{
	color: #000;
	font-family: 'exo_2bold';
}
.comp-par__param > div{
	color: #9a9a9a;
	font-family: 'exo_2bold';
}
.tip-simple {
	border-radius: 3px;
	border: 1px solid #c6c6c6;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	background-color: #605b5a;
    color: white;
	position: relative;
  z-index:100;
}
.tip-simple::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #605b5a;
	margin-bottom: -12px;
}
.tip-simple::before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #605b5a;
	margin-bottom: -13px;
}

.tip-blue {
	border-radius: 3px;
	border: 1px solid #000;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	background-color: #000;
    color: white;
	position: relative;
  z-index:100;
}
.tip-blue::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #000;
	margin-bottom: -12px;
}
.tip-blue::before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #000;
	margin-bottom: -13px;
}

.tip-green {
	background-color: #000;
	border-radius: 3px;
	border: 1px solid #000;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #4d6c00;
	position: relative;
  z-index:100;
}
.tip-green::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #000;
	margin-bottom: -12px;
}
.tip-green::before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #000;
	margin-bottom: -13px;
}
.tip-yellowsimple{
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #c6c6c6;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #848484;
	position: relative;
 z-index:100;
}
.tip-yellowsimple::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #fff;
	margin-bottom: -12px;
}
.tip-yellowsimple::before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #c6c6c6;
	margin-bottom: -13px;
}
.tip-yellowsimple-orange{
	background-color: #ffdd00;
	border-radius: 3px;
	border: 1px solid #c6c6c6;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #6f5d00;
	position: relative;
  z-index:100;
}
.tip-yellowsimple-orange::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #ffdd00;
	margin-bottom: -12px;
}
.tip-yellowsimple-orange::before{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #c6c6c6;
	margin-bottom: -13px;
}
.tip-yellowsimple-red {
	background-color: #000;
	border-radius: 3px;
	border: 1px solid #c6c6c6;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
  z-index:100;
}
.tip-yellowsimple-red::after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #000;
	margin-bottom: -12px;
}
.tip-yellowsimple-red::before {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 5px solid #c6c6c6;
	margin-bottom: -13px;
}
/* elect*/
.elect{
	margin-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
}
.elect-bk{
	border: 1px solid #dddddd;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 180px;
	margin-bottom: 20px;
	justify-content: center;
}
.elect-bk__img{
	width: 100px;
	height: 130px;

	border: 4px solid #e9e9e9;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 30px;
	flex-shrink: 0;
}
.elect-bk__img a{
	display: block;
}
.elect-bk__img a img{
	width: 100%;
}
.elect-bk__title{
	width: 440px;
}
.elect-bk__title > a{
	color: #424242;
	font-size: 30px;
	line-height: 30px;
	font-family: 'exo_2bold';
	text-decoration: none;
}
.elect-bk__title > a:hover{
	text-decoration: underline;
}
.elect-bk__title > div{
	margin-top: 15px;
	margin-left: 10px;
}
.elect-bk__title > div > span{
	position: relative;
	line-height: 35px;
	height: 35px;

	background-color: #ffd900;
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
	font-size: 14px;
	font-family: 'exo_2regular';
	display: inline-block;
}
.elect-bk__title > div > span > span{
	font-family: 'exo_2bold';
	font-size: 18px;
}
.elect-bk__title > div > span::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 16px solid transparent;
    border-right: 6px solid #ffd900;
    margin-left: -22px;
    margin-top: 2px;
}
.elect-bk__button{
	width: 510px;
	margin-right: 15px;
}
.elect-bk__button .button-style-form.blue{
	float: none;
	display: block;
	margin-right: 20px;
	line-height: 50px !important;
	height: 50px;
	font-size: 18px !important;
	float: left;
}
.elect-bk__button .button-style-form.red{
	float: none;
	display: block;
	margin-right: 20px;
	line-height: 50px !important;
	height: 50px;
	text-transform: uppercase;
	font-size: 18px !important;
	float: left;
}
.elect-bk__button .button-style-form.grin{
	margin-top: 0px;
	margin-right: 20px;
	line-height: 50px !important;
	height: 50px;
	font-size: 18px !important;
	float: left;
	display: block;
}
.elect-bk__button .button-style-form.gray{
	line-height: 50px;
	height: 50px;
	background-color: #e3e3e3;

	display: block;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.elect-bk__button .button-style-form.close > span{
	width: 35px;
	height: 5px;
	background-color: #b6b6b6;
	display: block;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 22px;
}
.elect-bk__button .button-style-form.close > span:nth-child(2n) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -4px;
}
/* on-platform*/
.on-platform{
	position: relative;
	margin-top: 65px;
	height: 370px;
	margin-bottom: 30px;
}
.on-platform .opis1{
	position: absolute;
	top: 0;
	left: 0;
	color: #424242;
	font-size: 35px;
	width: 300px;
	text-transform: uppercase;
	line-height: 40px;
	font-family: 'exo_2regular';
}
.on-platform .opis1::after{
	content: "";
	width: 148px;
	height: 108px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(strel3.png);
	background-repeat: no-repeat;
	margin-bottom: -118px;
	margin-left: 65px;
}
.on-platform .opis1 > span{
	font-family: 'exo_2bold';
	display: block;
	font-size: 30px;
}
.on-platform .opis2{
	position: absolute;
	top: 0;
	right: 0;
	color: #424242;
	font-size: 35px;
	width: 335px;
	text-transform: uppercase;
	line-height: 40px;
	font-family: 'exo_2regular';
	text-align: right;
}
.on-platform .opis2::after{
	content: "";
	width: 148px;
	height: 108px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(strel4.png);
	background-repeat: no-repeat;
	margin-bottom: -118px;
	margin-right: 65px;
}
.on-platform .opis2 > span{
	font-family: 'exo_2bold';
	display: block;
	font-size: 30px;
}
.on-platform .opis3{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #424242;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	width: 200px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #d3dde6;
	background-color: #eff6fc;

}
.on-platform .opis3::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 36px;
	background-image: url(strel5.png);
	background-repeat: no-repeat;
	margin-top: -35px;
	margin-right: 25px;
}
.on-platform .opis4{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #424242;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	width: 200px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #d3dde6;
	background-color: #eff6fc;

}
.on-platform .opis4::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 36px;
	background-image: url(strel6.png);
	background-repeat: no-repeat;
	margin-top: -35px;
	margin-left: 25px;
}
.on-platform .title{
	text-align: center;
	color: #424242;
	font-size: 35px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'exo_2regular';
	padding-top: 30px;
}
.on-platform .title > span{
	display: block;
	font-size: 30px;
	font-family: 'exo_2bold';
}
.platform-img{
	width: 610px;
	margin: 0 auto;
}
.platform-img img{
	width: 100%;
}
.on-platform__met{
	color: #424242;
	font-size: 18px;
	line-height: 20px;
	font-family: 'exo_2regular';
}
.on-platform__met > span{
	color: #000;
	font-family: 'exo_2bold';
}
.on-platform__bk{
	position: relative;
	margin-top: 20px;
	overflow: hidden;
	width: 1140px;
}
.platform__bk{
	width: 290px;

	border: 1px solid #aeaeae;
	padding: 25px;
	padding-top: 0px;
    margin-bottom: 15px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.platform__bk .plat{
	height: 215px;
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.platform__bk .plat > span{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100%;
	transform: scale(1, 1);
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.platform__bk:hover{
	background-color: #f9f9f9;
}
.platform__bk:hover .plat > span{
	transform: scale(1.2, 1.2);
}
.platform__bk .plat.im1 > span{
	height: 150px;
	background-image: url('oplat5.svg');
}
.platform__bk .plat.im2 > span{
	height: 150px;
	background-image: url('oplat2.svg');
}
.platform__bk .plat.im3 > span{
	height: 158px;
	background-image: url('oplat18.svg');
}
.platform__bk .plat.im4 > span{
	height: 145px;
	background-image: url('oplat19.svg');
}
.platform__bk .plat.im5 > span{
	height: 150px;
	background-image: url('oplat11.svg');
}
.platform__bk .plat.im6 > span{
	height: 150px;
	background-image: url('oplat10.svg');
}
.platform__bk .plat.im7 > span{
	height: 145px;
	background-image: url('oplat4.svg');
}
.platform__bk .plat.im8 > span{
	height: 150px;
	background-image: url('oplat3.svg');
}
.platform__bk .plat.im9 > span{
	height: 140px;
	background-image: url('oplat17.svg');
}
.platform__bk .plat.im10 > span{
	height: 150px;
	background-image: url('oplat14.svg');
}
.platform__bk .plat.im11 > span{
	height: 140px;
	background-image: url('oplat9.svg');
}
.platform__bk .plat.im12 > span{
	height: 140px;
	background-image: url('oplat16.svg');
}
.platform__bk .plat.im13 > span{
	height: 140px;
	background-image: url('oplat8.svg');
}
.platform__bk .plat.im14 > span{
	height: 155px;
	background-image: url('oplat15.svg');
}
.platform__bk .plat.im15 > span{
	height: 150px;
	background-image: url('oplat1.svg');
}
.platform__bk .plat.im16 > span{
	height: 150px;
	background-image: url('oplat6.svg');
}
.platform__bk .plat.im17 > span{
	height: 130px;
	background-image: url('oplat7.svg');
}
.platform__bk .plat.im18 > span{
	height: 155px;
	background-image: url('oplat13.svg');
}
.platform__bk .plat.im19 > span{
	height: 155px;
	background-image: url('oplat12.svg');
}
.platform__bk > div{
	text-align: center;
	color: #424242;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	margin-bottom: 5px;
}
.platform__bk > p{
	color: #424242;
	font-size: 18px;
	line-height: 22px;
	position: relative;
	margin-top: 15px;
}
.platform__bk > p > span{
	font-family: 'exo_2bold';
}
.platform__bk > ul{
	list-style: none;
	margin-top: 15px;
}
.platform__bk > ul.dop{
	margin-top: 7px;
}
.platform__bk > ul > li{
	color: #424242;
	font-size: 18px;
	line-height: 22px;
	padding-left: 15px;
	position: relative;
}
.platform__bk > ul > li a{
	color: #0086b7;
	font-size: 18px;
}
.platform__bk > ul > li a:hover{
	text-decoration: none;
}
.platform__bk > ul > li::before{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	height: 5px;
	width: 5px;
	margin-top: 10px;
	content: "";
	border-radius: 3px;
}
/* order*/
.order{
	margin-top: 40px;
	margin-bottom: 70px;
}
.order__top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: -1px;
}
.order__top__left{
	    width: 315px;
    border: 1px solid #9a9a9a;
    border-radius: 4px 4px 0 0;
    padding: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255, 254, 247);
    flex-shrink: 0;
    background: rgb(250, 250, 250);
}
.order__top__left > span{
	display: block;
	text-transform: uppercase;
	color: #424242;
	font-size: 20px;
	font-family: 'exo_2bold';
	line-height: 35px;
}
.order__top__left > div{
	overflow: hidden;
	margin-top: 7px;
}
.order__top__left > div > div{
	float: left;
	font-style: italic;
	color: #424242;
	font-size: 15px;
}
.order__top__left > div > span{
	display: block;
	float: right;
	color: #9a9a9a;
	font-size: 15px;
}
.order__top__left > div > span a{
	color: #0090c1;
	font-size: 15px;
	font-weight: bold;
}
.order__top__left > div > span a:hover{
	text-decoration: none;
}
.order__top__left > div > span.bl{
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
.order__top__left > div > span.red{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.order__top__left > div > span.plash{

}
.order__top__left > div > span.plash span{
	line-height: 22px;
	font-size: 13px;
}
.order__top__left > div > span.plash.grin span{
	background-color: #000;
}
.order__top__right{
	width: 705px;
	padding-top: 15px;
	padding-bottom: 5px;
	overflow-y: scroll;
	height: 230px;
	margin-bottom: 20px;
}
.order__top__right .bk{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.order__top__right .bk:last-of-type{
	margin-bottom: 10px;
}
.order__top__right .bk .img{
	width: 195px;
	height: 210px;

	overflow: hidden;
	border: 3px solid #e9e9e9;
	flex-shrink: 0;
}
.order__top__right .bk .img img{
	width: 100%;
}
.order__top__right .bk .opis{
	width: 455px;
	margin-right: 10px;
	position: relative;
}
.order__top__right .bk .download{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}
.order__top__right .bk .download > a{
	float: left;
	margin-right: 10px;
}
.order__top__right .bk .download > div{
	margin-left: 10px;
}
.order__top__right .bk .download > div a{
	display: inline-block;
	color: #424242;
	font-size: 16px;
}
.order__top__right .bk .download > div a:hover{
	text-decoration: none;
}
.order__top__right .bk .opis .title{
	/*margin-bottom: 15px;*/
	margin-top: 10px;
}
.order__top__right .bk .opis .title > div{
	color: #424242;
	font-size: 30px;
	line-height: 30px;
	font-family: 'exo_2bold';
}
.order__top__right .bk .opis .title > span{
	display: block;
	color: #424242;
	font-size: 18px;
	line-height: 18px;
	font-style: italic;
}
.order__top__right .bk .opis .price{
	padding-left: 12px;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	/*margin-bottom: 0px; цена в заказе*/
}
.order__top__right .bk .opis .price::before{
	border: 28px solid transparent;
    border-right: 10px solid #ffd900;
    margin-left: -38px;
    margin-top: 2px;
}
.order__top__right .bk .opis .price > span{
	line-height: 60px;
	height: 60px;
	color: #000;
	font-size: 24px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'exo_2regular';
	background-color: #ffd900;

	display: inline-block;
	position: relative;
}
.order__top__right .bk .opis .price > span::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 28px solid transparent;
    border-right: 10px solid #ffd900;
    margin-left: -38px;
    margin-top: 2px;
}
.order__top__right .bk .opis .price > span > span{
	font-size: 30px;
	font-family: 'exo_2bold';
}
.order__top__right .bk .opis .info{
	position: relative;
	padding-left: 57px;
	color: #9a9a9a;
	font-size: 18px;
	line-height: 22px;
	margin-top: 10px;
}
.order__top__right .bk .opis .info::before{
	width: 47px;
	height: 40px;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('vosclic.svg');
	opacity: 0.3;
	margin-top: 6px;
}
.order__top__right .bk .opis .upload{
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -999px;
	overflow: hidden;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('obnov.png');
	margin-right: 15px;
	margin-bottom: 20px;
}
.order__bk{
	border-radius: 0px 4px 4px 4px;
	padding: 25px;
	margin-bottom: 45px;
    border: 1px solid #9a9a9a;
    background: rgb(250, 250, 250);
}
.order__bk.dop{
	padding: 0px;
}
.order__bk .shag{
	margin-bottom: 40px;
}
.order__bk .shag:last-of-type{
	margin-bottom: 0px;
}
.order__bk .shag__top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.order__bk .shag__top > span{
	display: block;
	width: 90px;
	height: 95px;
	background-color: #e9e9e9;
	position: relative;
	border-radius: 4px 4px 0px 4px;
	flex-shrink: 0;
}
.order__bk .shag__top .smail1::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 61px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(smail2.png);
}
.order__bk .shag__top .smail2::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 61px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(smail1.png);
}
.order__bk .shag__top .shest::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(shestir1.png);
}
.order__bk .shag__top .shest1::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(shestir2.png);
}
.order__bk .shag__top .shest2::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(shestir3.png);
}
.order__bk .shag__top .shest3::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(shestir4.png);
}
.order__bk .shag__top .shest4::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -23px;
	margin-top: -30px;
	width: 46px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(lampoch.png);
}
.order__bk .shag__top .shest5::before{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	width: 61px;
	height: 60px;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(smail3.png);
}
.order__bk .shag__top > div{
	width: 100%;
}
.order__bk .shag__top > div > span{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 25px;
	color: #424242;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	position: relative;
}
/*order__bk .shag__top > div > span.gal::after{
	width: 15px;
	height: 12px;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('ic-gal.svg');
}*/
.galk {
width: 15px;
	height: 12px;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('ic-gal.svg');
}
.order__bk .shag__top > div > div{
	background-color: #e9e9e9;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-radius: 0px 4px 4px 0px;
	padding-left: 15px;
	color: #656464;
	font-size: 20px;
	font-family: 'exo_2regular';
	position: relative;
}

.order__bk .shag__top > div > div > span{
	display: inline-block;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	font-size: 20px;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
.order__bk .shag__top > div > div > button{
	display: inline-block;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	font-size: 20px;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	cursor: pointer;
}
.order__bk .shag__top > div > div .gray{
	background-color: #9a9a9a;
}
.order__bk .shag__top > div > div .grin{
	background-color: #000;
}
.order__bk .shag__top > div > div .orange{
	background-color: #ffc100;
}
.order__bk .shag__top > div > div .red{
	background-color: #000;
}
.important a {
color: black;
text-decoration: underline;
}
.important a:hover {
color: #ffc100;
}
.order__bk .shag__oplat{
	/*padding-top: 25px;*/
	padding-bottom: 60px;
}
.order__bk .shag__oplat .plat{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 50px;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}
.order__bk .shag__oplat .plat img{
	margin-right: 15px;
}
.order__bk .shag__oplat p{
	color: #424242;
	font-size: 20px;
	line-height: 22px;
}
.order__bk .shag__oplat p span{
	color: #000;
	font-weight: bold;
}
.order__bk .shag__oplat ul{
	margin-top: 12px;
	margin-bottom: 16px;
	padding-left: 20px;
}
.order__bk .shag__oplat ul li{
	color: #424242;
	font-size: 20px;
	font-style: italic;
}
.order__bk .shag__oplat .button-style-form{
	margin-top: 25px;
}
.order__bk .shag__bk{
	padding-top: 25px;
}

.order__bk .shag__bk p{
	color: #424242;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 9px;
}
.order__bk .shag__bk p span{
	color: #000;
	font-weight: bold;
}
.order__bk .shag__bk div{
	margin-bottom: 30px;

	background-color: #eff6fc;
	border: 1px solid #d3dde6;
	padding: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	color: #424242;
	font-size: 20px;
	line-height: 25px;
  margin-top: 25px;
}
.order__bk .shag__bk div::before{
	position: absolute;
	top: -28px;
	left: 0;
	margin-left: 28px;
	content: "";
	border: 15px solid transparent;
	border-bottom: 12px solid #d3dde6;
	margin-bottom: -27px;
    z-index: 100;
}
.order__bk .shag__bk div::after{
	position: absolute;
	top: -28px;
	left: 0;
	margin-left: 28px;
	content: "";
	border: 15px solid transparent;
	border-bottom: 12px solid #eff6fc;
	margin-bottom: -26px;
}
.order__bk .shag__bk .button-style-form{
	float: none;
	display: inline-block;
}
.order__bk .shag__bk > ul{
	padding-left: 25px;
	margin-bottom: 25px;
}
.order__bk .shag__bk > ul li{
	color: #424242;
	font-size: 20px;
	line-height: 24px;
}
.order__bk .shag__bk > ul li span{
	font-weight: bold;
	color: #000;
}
.order__bk .shag__bk .fancybox{
	display: block;
	margin-bottom: 20px;
}
.order__bk .obsuz{
/*margin-top: 50px;*/
}
.mar_top {
margin-top: 50px;
}
.order__bk .obsuz > span{
	display: block;
	background-color: #e9e9e9;
	line-height: 50px;
	height: 50px;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	padding-left: 15px;
	border-radius: 4px 4px 4px 0px;
	font-family: 'exo_2bold';
}
.order__bk .obsuz > div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.order__bk .obsuz > div > span{
	width: 90px;
	height: 80px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	background-color: #e9e9e9;
	border-radius: 0px 0px 4px 4px;
	flex-shrink: 0;
}
.order__bk .obsuz > div > span a{
	display: block;
	width: 70px;
	height: 67px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	border-radius: 40px;
}
.order__bk .obsuz > div > span a img{
	/*opacity: 0;*/
}
.order__bk .obsuz > div > div{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.order__bk .obsuz .title{
	margin-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.order__bk .obsuz .title > div{
	color: #9a9a9a;
	font-size: 13px;
	line-height: 13px;
	margin-right: 25px;
}
.order__bk .obsuz .title > div > div{
	text-transform: uppercase;
	color: #000;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}
.order__bk .obsuz .title > span{
	display: block;
	line-height: 35px;
	background-color: #889098;
	color: #fff;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;

}
.order__bk .obsuz .title > span::after{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 38px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(strel2.png);
    margin-right: -58px;
    margin-top: 15px;
}
.order__bk .obsuz .title > span::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 16px solid transparent;
    border-right: 7px solid #889098;
    margin-left: -23px;
    margin-top: 2px;
}
.order__bk .shag__block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.order__bk .shag__block .shag__str{
	flex-shrink: 0;
	margin-left: 42px;
	margin-right: 65px;
	width: 2px;
	background-color: #e9e9e9;
	position: relative;
}
.order__bk .shag__block .shag__str::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
	height: 19px;
	background-color: #fff;
}
.order__bk .shag__block .shag__str::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 46px;
	height: 29px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(strel1.png);
	margin-left: 0px;
	margin-bottom: 5px;
}
.order__bk .shag__block .shag__bk{
	width: 100%;
}
.order__bk .bk-install{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding-left: 345px;
	background-color: #f4f4f4;
	position: relative;
	height: 175px;
}
.order__bk .bk-install::before{
	content: "";
	width: 370px;
	height: 175px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(fon1.png);
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 55px;
}
.order__bk .bk-install > div{
	position: relative;
	z-index: 10;
}
.order__bk .bk-install > div > div{
	text-transform: uppercase;
	color: #424242;
	font-size: 25px;
	line-height: 31px;
	font-family: 'exo_2regular';
	margin-bottom: 10px;
}
.order__bk .bk-install > div > div span{
	font-family: 'exo_2bold';
}
.order__bk .bk-install .button-style-form{
	float: none;
	display: inline-block;
	text-transform: uppercase;
}
.order__bk .bk-install-bk{
	text-align: center;
	padding: 40px;
	display: none;
}
.order__bk .bk-install-bk._active{
	display: block;
}
.order__bk .bk-install-bk > div{
	text-align: center;
	color: #424242;
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 20px;
	font-family: 'exo_2regular';
}
.order__bk .bk-install-bk > div > span{
	font-family: 'exo_2bold';
	color: #000;
}
.order__bk .bk-install-bk > p{
	color: #424242;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	margin-bottom: 20px;
	font-family: 'exo_2regular';
}
.order__bk .bk-install-bk > p > a{
	text-decoration: none;
	font-family: 'exo_2bold';
	color: #000;
}
.order__bk .bk-install-bk > p > a:hover{
	text-decoration: underline;
}
.order__bk .bk-install-bk > span{
	display: block;
	text-align: left;
	font-family: 'exo_2bold';
	color: #000;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}
.order__bk .bk-install-bk .fancybox{
	display: inline-block;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.order__bk .shag__sver{
	display: none;
}
.order__bk .shag__sver._active{
	display: block;
}
.order__bk .shag__block.shag__sver._active{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.order__bk .shag__block.dop{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}


.tech_title {
 display: inline-block;
    padding: 15px 25px;
    background: #f4f4f4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #6b6b6b;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 18px;
    border: 2px solid #9a9a9a;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: -1px;
}


/* temp-descr*/
.temp-descr__demo{
	background-image: url(fon-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
.temp-descr__demo .bk-center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-end;
	align-items: flex-end;
	min-height: 515px;
}
.temp-descr__demo .demo-ipad{
	background-repeat: no-repeat;
	background-image: url(planshet.png);
	width: 413px;
	height: 453px;
	margin-right: 40px;
	flex-shrink: 0;
}
.temp-descr__demo .demo-ipad > div{
	width: 361px;
	height: 401px;
	overflow: hidden;
	margin-left: 26px;
	margin-top: 52px;
  position: relative;
}
.temp-descr__demo .demo-ipad > div img{
	    width: 100%;
    position: absolute;
    transition: 7s all ease-in-out;
    left: 0;
    right: 0;
    margin: auto;
}
.temp-descr__demo .demo-iphone{
	background-repeat: no-repeat;
	background-image: url(iphon.png);
	width: 189px;
	height: 378px;
	margin-right: 35px;
	flex-shrink: 0;
	margin-bottom: 75px;
}
.temp-descr__demo .demo-iphone > div{
	width: 163px;
	height: 290px;
	overflow: hidden;
	margin-left: 13px;
	margin-top: 43px;
  position: relative;
}
.temp-descr__demo .demo-iphone > div img{
	width: 100%;
  position: absolute;
    transition: 7s all ease-in-out;
    left: 0;
    right: 0;
    margin: auto;
}
.temp-descr__demo .demo-descr{
	width: 175px;
	margin-bottom: 135px;
}
.temp-descr__demo .demo-descr > span{
	display: block;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
}
.temp-descr__demo .demo-descr > p{
	color: #fff;
	font-size: 25px;
	font-family: 'exo_2regular';
	line-height: 30px;
}
.temp-descr__demo .demo-descr > div{
	margin-top: 20px;
}
.temp-descr__demo .demo-descr > div a{
	text-transform: uppercase;
	line-height: 50px !important;
	height: 50px;
	float: none;
	display: inline-block;
}
.temp-descr__advantages{
	margin-top: 75px;
	margin-bottom: 78px;
}
.temp-descr__advantages .button-style-form.blue {
	    display: inline-block;
}
.temp-descr__advantages .title{
	line-height: 45px;
	text-align: center;
	color: #424242;
	font-size: 27px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
}
.temp-descr__advantages .title > span{
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: 'exo_2bold';
	line-height: 45px;
	border-radius: 25px;
	margin-right: 15px;
	background-color: #de4136;
}
.temp-descr__advantages .descr{
	color: #6d6d6d;
	font-size: 16px;
	font-family: 'exo_2regular';
	text-align: center;
	line-height: 20px;
	margin-top: 10px;
  margin-bottom: 48px;
}
.temp-descr__advantages .advantages{
	margin-top: 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.temp-descr__advantages .advantages {
    display: block;
    max-width: 100%;
    overflow: hidden;

    border: 1px solid #dcdcdc;
    position: relative;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: #fffef5;
    padding: 76px 30px 23px;
}
.temp-descr__advantages .advantages ul {
  margin-top: 20px;
}
.temp-descr__advantages .advantages ul li {
    list-style: none;
    padding-left: 25px;
    color: #424242;
    font-size: 15px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
      line-height: 20px;
}
.temp-descr__advantages .advantages p {
    color: #424242;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    margin: 10px 0;
    font-family: 'exo_2regular';
}
.temp-descr__advantages .advantages ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(strel1.png);
    background-image: url(navig-r.png);
    margin-top: 5px;
    opacity: 0.2;
}
.temp-descr__advantages .advantages:hover {
background: white;
      opacity: 1;
}
.temp-descr__advantages .advantages > a img{
	width: 100%;
	transform: scale(1, 1);
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.temp-descr__advantages .advantages > span{
	/*margin-bottom: -50px;
	opacity: 0;*/
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #de4136;
    color: rgba(255,255,255,0.7);
    padding-top: 18px;
    padding-bottom: 5px;
    box-sizing: border-box;
    font-family: 'exo_2regular';
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    text-align: center;
    display: block;
    height: 50px;
}
.temp-descr__advantages .advantages > span::before {
 position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    border: 100px solid transparent;
    border-top: 15px solid #de4136;
    margin-bottom: -115px;
    margin-left: -100px;
}
.temp-descr__advantages .advantages  > span > span{
	text-transform: uppercase;
	color: #fff;
	font-size: 23px;
	line-height: 18px;
	display: block;
	font-family: 'exo_2bold';
}
.temp-descr__advantages .advantages:hover{
	border: 1px solid #de4136;
}
.temp-descr__advantages .advantages > a:hover img{
    transform: scale(1.3, 1.3);
}
.temp-descr__advantages .advantages:hover > span{
	opacity: 1;
	margin-bottom: 0;
}

.temp-descr__advantages .capab > a{
	 height: 184px;
	width: 30%;

}
.temp-descr__settings .descr {
    color: #6d6d6d;
    font-size: 16px;
    font-family: 'exo_2regular';
    text-align: center;
    line-height: 20px;
    margin-bottom: 36px;
}
.temp-descr__settings{
	margin-top: 70px;
	border: 5px solid #ffe400;
	padding: 30px;
	padding-bottom: 0px;
	text-align: center;
  margin-bottom: 70px;
}
.temp-descr__settings .settings-info{
	background-color: #ffe400;
	padding: 18px;
	color: #444444;
	font-size: 16px;
	font-family: 'exo_2regular';
	font-style: italic;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 80px;
	position: relative;
	text-align: left;
}
.temp-descr__settings .settings-info::before{
	content: "";
	position: absolute;
	top: 18px;
	left: 17px;
	width: 44px;
	height: 40px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(vosclic.svg);
	opacity: 0.7;
}
.temp-descr__settings .title{
	text-align: center;
	color: #000;
	font-size: 30px;
	line-height: 30px;
	font-family: 'exo_2bold';
	text-transform: uppercase;
	font-family: 'exo_2bold';
	margin-bottom: 35px;
}
.temp-descr__settings .themselves{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.temp-descr__settings .themselves > div{
	position: relative;
	width: 233px;
	line-height: 46px;
	height: 46px;
	color: #444444;
	font-size: 15px;

	border: 2px solid #e8e8e8;
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-align: left;
}
.temp-descr__settings .themselves > div > span{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	margin-left: -10px;
	text-align: center;
	line-height: 18px;
	color: #000;
	font-size: 13px;
	cursor: pointer;
	border-radius: 10px;
	background-color: #ffe400;
}
.temp-descr__settings .settings-diz{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.temp-descr__settings .settings-diz > div{
	position: relative;
	width: 497px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #444444;
	font-size: 15px;

	border: 2px solid #e8e8e8;
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-align: center;
    background: #ffe400;
}
.temp-descr__settings .settings-diz > div span {
background: white;
    position: absolute;
    right: -11px;
    padding: 3px 8px;
    top: 6px;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
}
.temp-descr__settings .settings-diz > div a {
color: #6f5d00;
  display: block;
}
.temp-descr__settings .settings-diz > div a:hover {
color: #000000;
}
.temp-descr__settings .button-style-form{
	text-transform: none;
	line-height: 35px !important;
	height: 35px;
	margin-bottom: 30px;
}
.temp-descr-foot{
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.32);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0ebf8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom, #ffffff 0%#d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0ebf8',GradientType=0 );
    padding-top: 12px;
    padding-bottom: 11px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.temp-descr-foot.cd-is-visible {
	/*position: fixed;*/
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.temp-descr-foot .bk-center{ 
	 
}
.temp-descr-foot .slide{
	width: 870px;
    position: relative;
    margin-left: 20px;
    height: 95px;
    overflow: hidden;
}
.temp-descr-foot .page{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding-top: 26px;
	padding-bottom: 10px;
}
.temp-descr-foot .page > a {
	color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-family: 'exo_2regular';
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: block;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    background: #0089cf;
    border: 0;
}
.temp-descr-foot .page > a:hover{
	text-decoration: none;
    color: #fff;
    background: #f38120;
}
.temp-descr-foot .slide .caroufredsel_wrapper{
	/*width: 780px !important;*/
	margin: 0 auto !important;
}
.temp-descr-foot .slide ul{
	list-style: none;
}
.temp-descr-foot .slide ul > li{
	float: left;
    width: 138px;
    height: 92px;
    overflow: hidden;
    margin-right: 20px;
   /* border: 1px solid #e8e8e8;*/
  cursor: pointer;
}
.temp-descr-foot .slide ul > li img{
	width: 100%;
}
.temp-descr-foot .sli-p-l{
	width: 17px;
	height: 40px;
	margin-top: -20px;
	background-image: url(prev-portf.svg);
}
.temp-descr-foot .sli-p-r{
	width: 17px;
	height: 40px;
	margin-top: -20px;
	background-image: url(next-portf.svg);
}
.temp-descr__slide{
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	padding-top: 35px;
	-webkit-background-size: cover;
	background-size: cover;
    background-attachment: fixed;
}
.temp-descr__slide .title{
	margin-bottom: 30px;
}
.temp-descr__slide .title > div{
text-align: center;
}
.temp-descr__slide .title > div > h1{
	color: #444444;
	font-size: 25px;
	font-family: 'exo_2bold';
	line-height: 35px;
      text-align: center;
}
.temp-descr__slide .title > div > span{
	    color: #525252;
    font-size: 19px;
    font-family: 'exo_2light';
    font-weight: bold;
    margin-left: 5px;
}
.temp-descr__slide .title > span{
	display: block;
    color: #444444;
    font-size: 20px;
    line-height: 16px;
}
.temp-descr__slide .title > span > span{
	color: #de4136;
}
.temp-descr__slide .slide{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
  min-height: 576px;
}
.temp-descr__slide .slide-them{
	width: 1160px;
	position: relative;
	z-index: 10;
}
.temp-descr__slide .home-port-ops{
	position: relative;
	z-index: 10;
}

.temp-descr__slide .fixed-panel.fixed{
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
}
.temp-descr__slide .fixed-panel.stopped{
    position: absolute;
    bottom: 0;
}

.temp-descr__slide .slide-info{
	width: 350px;
}
.temp-descr__slide .opis-bk::before{
	border-left: 180px solid transparent;
    border-right: 66px solid transparent;
    border-top: 25px solid #d4d4d4;
    margin-bottom: -26px;
}
.temp-descr__slide .opis-bk::after{
	border-left: 180px solid transparent;
    border-right: 66px solid transparent;
    border-top: 25px solid #FCFDFE;
    margin-bottom: -25px;
}
.temp-descr__slide .opis-bk{
	padding-top: 28px;
}
.temp-descr__slide .opis-butt{
	margin-bottom: 20px;
}
.temp-descr__slide .price{
	top: 0;
	bottom: auto;
	margin-top: -20px;
}
.home-port-ops  .price{
	top: 0;
	bottom: auto;
	margin-top: -20px;
}
.temp-descr__slide .opis-butt-dop > a{
	display: block;
	margin-bottom: 20px;
	text-decoration: none;

	padding-left: 55px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	position: relative;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transform: scale(1, 1);
  background: rgb(255, 255, 255);
}
.temp-descr__slide .opis-butt-dop > a:hover{
	transform: scale(1.05, 1.05);
  background: white;
}
.temp-descr__slide .opis-butt-dop > a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 27px;
	height: 22px;
	margin-top: -11px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.temp-descr__slide .opis-butt-dop > a.blue{
	border: 2px solid #000;
	color: #000;
}
.temp-descr__slide .opis-butt-dop > a.blue::before{
	background-image: url(wesi-b.svg);
}
.temp-descr__slide .opis-butt-dop > a.grin{
	border: 2px solid #b1d044;
	color: #b1d044;
}
.temp-descr__slide .opis-butt-dop > a.grin::before{
	background-image: url(favorit-g.svg);
}
.temp-descr__slide .slide-them {
   background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: -2px;
    margin-left: 110px;
    margin-right: 140px;
    position: relative;
}
.temp-descr__slide .slide-them > div{
	box-sizing: border-box;
    border: 0;
    overflow: hidden;
    margin-left: 62px !important;
}
.temp-descr__slide .slide-them > div {
    width: 100% !important;
}
.temp-descr__slide .slide-them > div ul{
	list-style: none;
}
.temp-descr__slide .slide-them > div ul > li {
	float: left;
	width: 588px;
	height: 665px;
	overflow: hidden;
      position: relative;
}

.temp-descr__slide .slide-them > div ul > li img{
	position: absolute;
    width: 100%;
    transition: 7s all ease-in-out;
    left: 0;
    right: 0;
  margin: auto;
}
.temp-descr__slide #sli-p-l5 {
  position: absolute;
    top: 0;
    left: 0;
    background-color: #9292923b;
    width: 60px;
    height: 468px;
    line-height: 104px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 18px;
  -webkit-transition: ease-out 0.1s;
      -moz-transition: ease-out 0.1s;
      -o-transition: ease-out 0.1s;
      transition: ease-out 0.1s;
}
.temp-descr__slide #sli-p-l5 span{
	width: 12px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(navig-l.png);
	margin-right: 5px;
}
.temp-descr__slide #sli-p-l5:hover{
	background-color: #ffc600;
}
.temp-descr__slide #sli-p-l5:active{
	background-color: #ffa300;
}
.temp-descr__slide #sli-p-l5::after{
	content: attr(title);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	color: #999999;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: -30px;
	font-family: 'Tahoma';
}
.temp-descr__slide #sli-p-r5{
	position: absolute;
    top: 0;
    right: 0;
    background-color: #9292923b;
    width: 60px;
    height: 468px;
    line-height: 104px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 18px;
  -webkit-transition: ease-out 0.1s;
      -moz-transition: ease-out 0.1s;
      -o-transition: ease-out 0.1s;
      transition: ease-out 0.1s;
}
.temp-descr__slide #sli-p-r5 span{
	width: 12px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(navig-r.png);
	margin-left: 5px;
}
.temp-descr__slide #sli-p-r5:hover{
	background-color: #ffc600;
}
.temp-descr__slide #sli-p-r5:active{
	background-color: #ffa300;
}
.temp-descr__slide #sli-p-r5::after{
	content: attr(title);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	color: #999999;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: -30px;
	font-family: 'Tahoma';
}
.temp-descr__slide .fon-sl1{
	position: absolute;
	top: 0;
	left: 0;
	width: 293px;
	height: 898px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(slid4-fon.png);
	margin-top: -75px;
    margin-left: -90px;
	z-index: 1;
}
.temp-descr__slide .fon-sl2{
	position: absolute;
	top: 0;
	right: 0;
	width: 215px;
	height: 351px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(slid5-fon.png);
	margin-top: -40px;
    margin-right: -180px;
	z-index: 1;
}
.temp-descr__slide .fon-sl3{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 287px;
	height: 421px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(slid6-fon.png);
    margin-right: -50px;
	z-index: 1;
}
.temp-descr__recommend{
	background-image: url(fon3.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 120px;
	text-align: center;
      min-height: 711px;
}
.temp-descr__recommend .title{
	display: inline-block;
	background-color: #fff;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 25px;
	position: relative;
	margin-bottom: 85px;
}
.temp-descr__recommend .title::after{
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	border: 25px solid transparent;
	border-left: 15px solid #fff;
	border-top: 40px solid #fff;
	margin-right: -40px;
}
.temp-descr__recommend .title::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border: 25px solid transparent;
    border-top: 40px solid #fff;
    border-right: 15px solid #fff;
    margin-left: -40px;
}
.temp-descr__recommend .title h2{
	text-transform: uppercase;
	color: #000;
	font-size: 40px;
	line-height: 40px;
	font-family: 'exo_2bold';
}
.related .title_like_h2 {
	text-transform: uppercase;
    color: #424242;
    font-size: 22px;
    line-height: 35px;
    font-family: 'exo_2bold';
}
.temp-descr__recommend .title .title_like_h2 {
	text-transform: uppercase;
	color: #000;
	font-size: 40px;
	line-height: 40px;
	font-family: 'exo_2bold';
}
.temp-descr__recommend .recommend{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	text-align: left;
}
.temp-descr__recommend .recommend-mon{
	flex-shrink: 0;
	width: 599px;
	position: relative;
}
.recommend-mon .mom{
	width: 600px;
	height: 446px;
	position: relative;
	padding-top: 24px;
}
.recommend-mon .mom::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 599px;
	height: 600px;
	background-repeat: no-repeat;
	background-image: url(monit1.png);
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 2;
}
.recommend-mon .mom > div{
	position: relative;
	z-index: 1;
	width: 546px;
	height: 329px;
	margin-left: 26px;
	overflow: hidden;
}
.recommend-mon .mom > div img{
	width: 100%;
}
.temp-descr__recommend .price{
	    margin-top: 69px;
    margin-right: -30px;
  top: 0;
  bottom: auto;
}
.temp-descr__recommend .recommend-opis{
	width: 100%;
	margin-left: 45px;
  margin-bottom: 45px;
}
.temp-descr__recommend .recommend-opis > div{
	margin-top: 40px;
}
.temp-descr__recommend .recommend-opis > div > a{
	font-size: 40px;
	line-height: 44px;
	color: #fff;
	font-family: 'exo_2bold';
	text-decoration: none;
	text-shadow: 3px 2px 3px rgba(0,0,0,0.3);
}
.temp-descr__recommend .recommend-opis span {
	display: inline-block;
    line-height: 45px;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    font-size: 18px;
    height: 45px;
    border-bottom: 2px solid white;
    margin-bottom: 17px;
}
.temp-descr__recommend .recommend-opis .button-style-form{
	display: inline-block;
	text-transform: uppercase;
	margin-top: 35px;
}
.temp-descr__recommend .recommend-opis ul {
    margin-left: 4px;
}
.temp-descr__recommend .recommend-opis li {
list-style: none;
    padding-left: 24px;
    color: white;
    line-height: 23px;
  position: relative;
  font-size: 17px;
}
.temp-descr__recommend .recommend-opis li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(mcheck12.png);
    margin-top: 4px;
}
/**/
.upstairs{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 55px;
	height: 55px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.36);
	color: #fff;
	font-size: 11px;
	margin-right: 70px;
	margin-bottom: 70px;
	cursor: pointer;
	opacity: 0;
	z-index: 101;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.upstairs:hover {
background-color: rgba(0, 0, 0, 0.66);
}
.upstairs.cd-is-visible{
	opacity: 1;
}
.upstairs span{
	display: block;
	text-align: center;
	padding-top: 18px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(beck.png);
}
/**/
.bk-center.menu{
	background-color: #fff;
}
.bk-center.menu.cd-is-visible{
	/*position: fixed;*/
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
}
.bk-center.menu.cd-is-visible .temp-opport__top{
	margin-top: 20px;
    margin-bottom: 20px;
}
/**/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,70,95,0.9);
	z-index: 200;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
    top: 50px;
    left: 50%;
    margin-left: -170px;
    position: absolute;
    z-index: 10000;
}
#big-image.reveal-modal{
	margin-left: 0;
	left: calc(50% - 370px);
}
#big-image.reveal-modal .rp-mod-zay.fast-call{
	min-width: 740px !important;
}
#big-image.reveal-modal .rp-mod-zay.fast-call img {width: 100%;}
.reveal-modal.voz{
	margin-left: -275px;
}
.reveal-modal.zay{
	margin-left: -400px;
}
.reveal-modal .close-reveal-modal {
	position: absolute;
	top: 17px;
    right: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	z-index: 10;
	transition: transform 0.2s ease;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transform: scale(1, 1);
}
.reveal-modal .close-reveal-modal > span{
	background-color: #fff;
	height: 5px;
	width: 20px;
	display: block;
}
.reveal-modal .close-reveal-modal:hover{
	transform: scale(1.1, 1.1);
}
.reveal-modal .close-reveal-modal > span:nth-child(1){
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 6px;
}
.reveal-modal .close-reveal-modal > span:nth-child(2){
	    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -4px;
}
.preimus .rp-mod-zay.voz {
    width: 650px;
}
.preimus .rp-mod-zay .title {
    background-color: #ffe400;
}
.preimus.reveal-modal.voz {
    margin-left: -331px;
}
.preimus .rp-mod-zay .vozmoz {
    text-align: left;
  background: rgba(255, 228, 0, 0.09);
}
.preimus ul {
text-align: left;
    margin: 15px;
}
.preimus ul li {
list-style: none;
  padding-left: 25px;
    color: #424242;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}
.preimus .rp-mod-zay .vozmoz h3 {
    margin-bottom: 15px;
    color: #424242;
    font-size: 30px;
    line-height: 30px;
    font-family: 'exo_2regular';
    margin-bottom: 15px;
}

.preimus ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.preimus .style-a {
    width: 190px;
    height: 45px;
    line-height: 45px;

    background-color: #ffdd00;
    text-align: center;
    color: #6f5d00;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  margin: auto;
    display: block;
    padding: 0 15px;
  font-weight: bold;
}
.preimus .style-a:hover {
    background-color: #ffc700;
    color: #6a5d13;
}
.moduls .rp-mod-zay.voz {
    width: 650px;
}
.moduls .rp-mod-zay .title {
    background-color: #000;
}
.moduls.reveal-modal.voz {
    margin-left: -331px;
}
.moduls .rp-mod-zay .vozmoz {
background: rgba(164, 209, 48, 0.15);
}
.moduls .rp-mod-zay .vozmoz, .moduls .rp-mod-zay .vozmoz p {
    text-align: left !important;
}
.moduls .rp-mod-zay .vozmoz p {
   color: #424242;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    font-family: 'exo_2regular';
}
.moduls .rp-mod-zay .vozmoz ul li {
    padding-left: 25px;
    color: #424242;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}
.moduls .rp-mod-zay .vozmoz h3 {
margin-bottom:15px;
  color: #424242;
    font-size: 30px;
    line-height: 30px;
    font-family: 'exo_2regular';
    margin-bottom: 15px;
}
.moduls ul {
text-align: left;
    margin: 15px;
}
.moduls ul li {
list-style: none;
    position: relative;
    padding-left: 21px;
    line-height: 22px;
}
.moduls ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.moduls .style-a {
    width: 190px;
    height: 45px;
    line-height: 45px;

    background-color: #000;
    color: #4d6c00 !important;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  margin: auto;
    display: block;
    padding: 0 15px;
}
.moduls .style-a:hover {
    background-color: #ffc700;
    color: #6a5d13;
}
.rp-mod-zay{
	width: 340px;
	position: relative;
    background-color: #fff;
	border-radius: 6px;
}
.rp-mod-zay.img-prev {
	width: inherit;
	position: inherit;
}
.rp-mod-zay .button-style-form{
	display: inline-block;

}
.rp-mod-zay .red { font-size: 17px;}
.rp-mod-zay.voz{
	width: 550px;
}
.rp-mod-zay.zay{
	width: 840px;
}
.rp-mod-zay .title{
	line-height: 22px;
	color: #fff;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 40px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	border-radius: 5px 5px 0px 0px;
}
.rp-mod-zay .title.red{
	background-color: #ff3e31;
  text-align: center;
}
.rp-mod-zay .title.grin{
	background-color: #000;
}
.rp-mod-zay .title.center{text-align: center;}
.rp-mod-zay .form-bk{
	padding: 30px;
	padding-bottom: 20px;
	color: #424242;
	font-size: 16px;
	line-height: 18px;
	width: 100%;
	box-sizing: border-box;
}
.rp-mod-zay .form-bk-cont{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.rp-mod-zay .form-bk.zak{
	background-color: #fffee1;
	border-top: 1px solid #e5e4ca;
	border-radius: 0px 0px 5px 5px;
	text-align: center;
}
.rp-mod-zay .form-bk.them{
	text-align: center;
}
.rp-mod-zay .form-bk.them .title-bk{
	text-align: center;
	color: #424242;
	font-size: 25px;
	font-family: 'exo_2bold';
	margin-bottom: 20px;
}
.rp-mod-zay .form-bk.them .img-them{
	display: inline-block;
	border: 1px solid red;
	min-height: 150px;
	max-height: 280px;
	min-width: 150px;
	max-width: 250px;
	overflow: hidden;

}
.rp-mod-zay .form-bk.them .img-them img{
	min-height: 150px;
	max-height: 280px;
	min-width: 150px;
	max-width: 250px;
}
.rp-mod-zay .form-bk.new{
	background-color: #ecf8fe;
	width: 100%;
	border-radius: 0px 5px 5px 0px;
}
.rp-mod-zay .form-bk.new .title-bk{
	color: #006e9b;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	font-family: 'exo_2bold';
	text-align: center;
	margin-bottom: 15px;
}
.rp-mod-zay .form-bk.new .title-bk > div{
	color: #424242;
	font-size: 10px;
	line-height: 10px;
	text-transform: none;
	font-family: 'exo_2regular';
}
.vozmoz img {
margin: 15px 0;
}
.rp-mod-zay .vozmoz{
	text-align: center;
	padding: 30px;
	padding-bottom: 20px;
	color: #424242;
	font-size: 16px;
	line-height: 18px;
}
.rp-mod-zay .vozmoz-bk{
	padding-bottom: 15px;
	text-align: left;
}
.rp-mod-zay .vozmoz-bk > span{
	padding-left: 35px;
	position: relative;
	line-height: 30px;
	color: #000;
	font-size: 19px;
	font-family: 'exo_2bold';
	display: inline-block;
	margin-left: 10px;
	padding-right: 15px;
	cursor: pointer;
	z-index: 5;
      background: white;
}
.rp-mod-zay .vozmoz-bk > span > span{
	width: 23px;
    height: 23px;
    position: absolute;
    top: -2px;
    left: -8px;
    border-radius: 3px;
    border: 1px solid #5c5c5c;
    margin-top: 5px;
    margin-left: 9px;
    overflow: hidden;
    text-align: center;
    background: #5c5c5c;
}
.rp-mod-zay .vozmoz-bk > span > span > span{
	width: 10px;
    height: 2px;
    background-color: #ffffff;
    display: block;
    margin-left: 5px;
    margin-top: 9px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.rp-mod-zay .vozmoz-bk > span > span > span:nth-child(2){
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	margin-top: -2px;
}
.rp-mod-zay .vozmoz-bk.active > span > span > span:nth-child(2){
	-moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.rp-mod-zay .vozmoz-bk > div{
	display: none;
	position: relative;
	z-index: 3;
	margin-top: -15px;
	border: 2px solid #e8e8e8;
	padding: 15px;
	padding-top: 25px;
	opacity: 0;
	transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
}
.rp-mod-zay .vozmoz-bk.active > div{
	opacity: 1;
}
.rp-mod-zay .vozmoz .button-style-form{
	display: block;
    width: 200px;
    margin: auto;
    margin-top: 17px;
}
.rp-mod-zay .vozmoz-bk > div > div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
}
.rp-mod-zay .vozmoz-bk > div > div > div{
	width: 50%;
	color: #424242;
	font-size: 14px;
	line-height: 14px;
  position: relative;
}
.div_modul span::before {
    content: "?";
    color: #696969;
    font-size: 9px;
    line-height: 14px;
    width: 13px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: 3px;
    font-family: 'exo_2bold';
    margin-right: 0;
    margin-top: 0;
    border-right: 0px solid rgba(226, 226, 226, 0);
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    background: #f7f7f7;
}
.vozmozdown .rp-mod-zay .vozmoz-bk > div > div > div{
	width: 50%;
	color: #424242;
	font-size: 14px;
	line-height: 14px;
  position: relative;
  padding: 3px 0 3px 29px;
}
.div_modul {
padding-left: 25px;
    position: relative;
    margin-bottom: 4px;
    font-size: 12px;
}
.div_modul::before {
   content: "";
    position: absolute;
    top: -2px;
    left: 9px;
    width: 10px;
    height: 8px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.txt_gray {
color: #9e9e9e !important;
}
.rp-mod-zay .vozmoz-bk > div > div:last-child{
	border-bottom: none;
}
.rp-mod-zay .vozmoz-bk > div > div > span{
	width: 50%;
	color: #424242;
	font-size: 14px;
	line-height: 14px;
}
.about-us {

}
/*дополнительные стили*/
.dop-menu{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #445a66;
}
.dop-menu a {
    color: #8fa6b2;
  font-weight: bold;
}
.dop-menu .bk-center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dop-menu .bk-center > span{
	color: #8fa6b2;
	font-size: 13px;
	line-height: 14px;
}
.dop-menu .bk-center > div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dop-menu .bk-center > div > div{
	margin-left: 18px;
	line-height: 14px;
}
.dop-menu .bk-center > div > div > a{
	color: #fff;
	font-size: 13px;
	position: relative;
	padding-left: 25px;
	line-height: 14px;
  font-weight: normal;
}
.dop-menu .bk-center > div > div > a:hover {
color: #fedc18;
}

.dop-menu .bk-center > div > div > a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.dop-menu .bk-center > div > div .corz::before{
	width: 16px;
	height: 16px;
	background-image: url(ic-corz.svg);
}
.dop-menu .bk-center > div > div .pros::before{
	width: 20px;
	height: 15px;
	background-image: url(ic-view.svg);
}
.dop-menu .bk-center > div > div .izbr::before{
	width: 16px;
	height: 13px;
	background-image: url(ic-lice.svg);
}
.dop-menu .bk-center > div > div .srav::before{
	width: 19px;
	height: 16px;
	background-image: url(ic-srav.svg);
}
.dop-menu .bk-center > div > div > a:hover{
	text-decoration: none;
}
.dop-menu .bk-center > div > div > span{
	color: #fff;
	font-size: 13px;
	line-height: 14px;
}

/*Фон по категориям*/

/*КОСМЕТИКА*/
.temp-descr__slide .kosmetika-sl1 {
	position: absolute;
    top: 0;
    left: 0;
    width: 410px;
    height: 898px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(kosmetika-sl1.png);
    margin-top: -75px;
    margin-left: -123px;
    z-index: 1;
}
.home-port #home-port .kosmetika-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 410px;
    height: 898px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(kosmetika-sl1.png);
    margin-top: -75px;
    margin-left: -220px;
    z-index: 1;
}

.temp-descr__slide .kosmetika-sl2, .home-port #home-port .kosmetika-sl2 {
	position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(kosmetika-sl2.png);
    margin-top: -82px;
    margin-right: -120px;
    z-index: 1;
}

.temp-descr__slide .kosmetika-sl3{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 324px;
	height: 528px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(kosmetika-sl3.png);
	margin-bottom: -170px;
	z-index: 1;
	margin-right: -70px;
}
.home-port #home-port .kosmetika-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 460px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(kosmetika-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}

/*ЕДА*/
.temp-descr__slide .eda-sl1 {
	position: absolute;
    top: 0;
    left: 0;
    width: 465px;
    height: 898px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(eda-sl1.png);
    margin-top: -75px;
    margin-left: -178px;
    z-index: 1;
}
.home-port #home-port .eda-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 465px;
    height: 719px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(eda-sl1.png);
    margin-top: 40px;
    margin-left: -227px;
    z-index: 1;
}

.temp-descr__slide .eda-sl2, .home-port #home-port .eda-sl2 {
	position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(eda-sl2.png);
    margin-top: -82px;
    margin-right: -120px;
    z-index: 1;
}

.temp-descr__slide .eda-sl3, .home-port #home-port .eda-sl3{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 324px;
	height: 528px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(eda-sl3.png);
	margin-bottom: -170px;
	z-index: 1;
	margin-right: -70px;
}

/*АКСЕССУАРЫ*/
.temp-descr__slide .aksessuary-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 421px;
    height: 898px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(aksessuary-sl1.png);
    margin-top: -75px;
    margin-left: -130px;
    z-index: 1;
}
.home-port #home-port .aksessuary-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 421px;
    height: 745px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(aksessuary-sl1.png);
    margin-top: -75px;
    margin-left: -194px;
    z-index: 1;
}

.temp-descr__slide .aksessuary-sl2, .home-port #home-port .aksessuary-sl2 {
	position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(aksessuary-sl2.png);
    margin-top: -82px;
    margin-right: -120px;
    z-index: 1;
}

.temp-descr__slide .aksessuary-sl3{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 324px;
	height: 528px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(aksessuary-sl3.png);
	margin-bottom: -170px;
	z-index: 1;
	margin-right: -70px;
}
.temp-descr__slide .aksessuary-sl3, .home-port #home-port .aksessuary-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 455px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(aksessuary-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}

/*Детский*/
.temp-descr__slide .detskiy-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 421px;
    height: 898px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(detskiy-sl1.png);
    margin-top: -75px;
    margin-left: -130px;
    z-index: 1;
}
.home-port #home-port .detskiy-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 421px;
    height: 755px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(detskiy-sl1.png);
    margin-top: 60px;
    margin-left: -175px;
    z-index: 1;
}

.temp-descr__slide .detskiy-sl2, .home-port #home-port .detskiy-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 645px;
    height: 460px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(detskiy-sl2.png);
    margin-top: -136px;
    margin-right: -260px;
    z-index: 1;
}

.temp-descr__slide .detskiy-sl3{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 512px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(detskiy-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .detskiy-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 344px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(detskiy-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}


/*Для дома*/
.temp-descr__slide .dlyadoma-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    height: 824px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(dlyadoma-sl1.png);
    margin-top: 0px;
    margin-left: -333px;
    z-index: 1;
}
.home-port #home-port .dlyadoma-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    height: 824px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(dlyadoma-sl1.png);
    margin-top: 0px;
    margin-left: -450px;
    z-index: 1;
}

.temp-descr__slide .dlyadoma-sl2, .home-port #home-port .dlyadoma-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(dlyadoma-sl2.png);
    margin-top: -82px;
    margin-right: -120px;
    z-index: 1;
}

.temp-descr__slide .dlyadoma-sl3{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 512px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(dlyadoma-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .dlyadoma-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 390px;
    height: 512px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(dlyadoma-sl3.png);
    margin-bottom: -237px;
    z-index: 1;
    margin-right: -133px;
}


/*Мебель*/
.temp-descr__slide .mebel-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 535px;
    height: 720px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(mebel-sl1.png);
    margin-top: 50px;
    margin-left: -424px;
    z-index: 1;
}
.home-port #home-port .mebel-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 535px;
    height: 720px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(mebel-sl1.png);
    margin-top: 50px;
    margin-left: -527px;
    z-index: 1;
}

.temp-descr__slide .mebel-sl2, .home-port #home-port .mebel-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(mebel-sl2.png);
    margin-top: -82px;
    margin-right: -120px;
    z-index: 1;
}

.temp-descr__slide .mebel-sl3{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 424px;
    height: 512px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(mebel-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .mebel-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 510px;
    height: 512px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(mebel-sl3.png);
    margin-bottom: -241px;
    z-index: 1;
    margin-right: -210px;
}


/*Смартфоны*/
.temp-descr__slide .smartfony-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 293px;
    height: 1050px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(smartfony-sl1.png);
    margin-top: -75px;
    margin-left: -87px;
    z-index: 1;
}
.home-port #home-port .smartfony-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 293px;
    height: 1050px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(smartfony-sl1.png);
    margin-top: -75px;
    margin-left: -189px;
    z-index: 1;
}

.temp-descr__slide .smartfony-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 315px;
    height: 330px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(smartfony-sl2.png);
    margin-top: -82px;
    margin-right: -175px;
    z-index: 1;
}
.home-port #home-port .smartfony-sl2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 315px;
    height: 330px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(smartfony-sl2.png);
    margin-top: -82px;
    margin-right: -165px;
    z-index: 1;
}

.temp-descr__slide .smartfony-sl3, .home-port #home-port .smartfony-sl3{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 324px;
    height: 590px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(smartfony-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -70px;
}



/*Техника*/
.temp-descr__slide .tehnika-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 414px;
    height: 690px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(tehnika-sl1.png);
    margin-top: 25px;
    margin-left: -234px;
    z-index: 1;
}
.home-port #home-port .tehnika-sl1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 414px;
    height: 690px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position-y: top;
    background-image: url(tehnika-sl1.png);
    margin-top: 25px;
    margin-left: -360px;
    z-index: 1;
}

.temp-descr__slide .tehnika-sl2, .home-port #home-port .tehnika-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 205px;
    height: 187px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(tehnika-sl2.png);
    margin-top: -82px;
    margin-right: -175px;
    z-index: 1;
}

.temp-descr__slide .tehnika-sl3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 549px;
    height: 438px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(tehnika-sl3.png);
    margin-bottom: -70px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .tehnika-sl3 {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 549px;
    height: 438px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(tehnika-sl3.png);
    margin-bottom: -253px;
    z-index: 1;
    margin-right: -70px;
}


/*Автозапчасти*/
.temp-descr__slide .avtozapchasti-sl1{
    position: absolute;
    top: 0;
    left: 0;
    width: 617px;
    height: 853px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(avtozapchasti-sl1.png);
    margin-top: -75px;
    margin-left: -300px;
    z-index: 1;
}
.home-port #home-port .avtozapchasti-sl1 {
	position: absolute;
    top: 0;
    left: 0;
    width: 617px;
    height: 853px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(avtozapchasti-sl1.png);
    margin-top: -75px;
    margin-left: -400px;
    z-index: 1;
}

.temp-descr__slide .avtozapchasti-sl2, .home-port #home-port .avtozapchasti-sl2{
	position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(avtozapchasti-sl2.png);
    margin-top: -100px;
    margin-right: -157px;
    z-index: 1;
}

.temp-descr__slide .avtozapchasti-sl3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 431px;
    height: 363px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(avtozapchasti-sl3.png);
    margin-bottom: -13px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .avtozapchasti-sl3 {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 445px;
    height: 363px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(avtozapchasti-sl3.png);
    margin-bottom: -170px;
    z-index: 1;
    margin-right: -196px;
}


/*Спорт*/
.temp-descr__slide .sport-sl1{
    position: absolute;
    top: 0;
    left: 0;
    width: 617px;
    height: 853px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(sport-sl1.png);
    margin-top: 58px;
    margin-left: -300px;
    z-index: 1;
}
.home-port #home-port .sport-sl1{
	position: absolute;
    top: 0;
    left: 0;
    width: 617px;
    height: 853px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(sport-sl1.png);
    margin-top: 170px;
    margin-left: -460px;
    z-index: 1;
}

.temp-descr__slide .sport-sl2, .home-port #home-port .sport-sl2{
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(sport-sl2.png);
    margin-top: -100px;
    margin-right: -235px;
    z-index: 1;
}

.temp-descr__slide .sport-sl3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 275px;
    height: 363px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(sport-sl3.png);
    margin-bottom: -13px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .sport-sl3 {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 275px;
    height: 475px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(sport-sl3.png);
    margin-bottom: -190px;
    z-index: 1;
    margin-right: -70px;
}


/*Одежда*/
.temp-descr__slide .odezhda-sl1{
    position: absolute;
    top: 0;
    left: 0;
    width: 231px;
    height: 519px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(odezhda-sl1.png);
    margin-top: 58px;
    margin-left: -51px;
    z-index: 1;
}
.home-port #home-port .odezhda-sl1{
    position: absolute;
    top: 0;
    left: 0;
    width: 231px;
    height: 519px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: top;
    background-image: url(odezhda-sl1.png);
    margin-top: 58px;
    margin-left: -160px;
    z-index: 1;
}

.temp-descr__slide .odezhda-sl2, .home-port #home-port .odezhda-sl2{
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 192px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(odezhda-sl2.png);
    margin-top: -100px;
    margin-right: -235px;
    z-index: 1;
}

.temp-descr__slide .odezhda-sl3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 275px;
    height: 363px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(odezhda-sl3.png);
    margin-bottom: -13px;
    z-index: 1;
    margin-right: -70px;
}
.home-port #home-port .odezhda-sl3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 275px;
    height: 475px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(odezhda-sl3.png);
    margin-bottom: -195px;
    margin-right: -70px;
}

#fast-call-success.reveal-modal {
	margin-left: 0;
	left: calc(50% - 265px);
}
.rp-mod-zay.fast-call {
	background: none;
    width: 530px;
}
span.recal-icon {
	display: block;
    width: 345px;
    height: 380px;
    position: absolute;
    /* margin-left: -171px; */
    margin-right: 150px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(404.svg);
    margin: 30px auto 30px auto;
}
span.recal-icon::after {
	 background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(fast-call-img.png);
    width: 159px;
    height: 148px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -45px;
    margin-right: -125px;
}

#order-cart #sums {
	text-align: right;
	padding: 10px 0;
}

#order-cart #sums > div {
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

#order-cart #sums > div > span {
	display: inline-block;
	width: 50%;
	float: left;
}


/*demo*/
.wrape.demo{
	min-width: 1300px;
}
.wrape.demo.dop{
	overflow: inherit;
}
.demo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	min-width: 1300px;
	align-content: stretch;
}
.top-demo{
	height: 50px;
	background-color: #eceff1;
	flex-shrink: 0;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
    box-shadow: 0px 4px 10px black;
}
.top-demo .logo-demo{
	padding-left: 15px;
	padding-right: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 50px;
}
.top-demo .logo-demo > a{
	display: block;
	position: relative;
	height: 36px;
	padding-left: 30px;
	text-decoration: none;
}
.top-demo .logo-demo > a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 35px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(logo.png);
}
.top-demo .logo-demo > a .title-logo{
	display: block;
	color: #de4136;
	font-size: 22px;
	line-height: 22px;
	font-family: 'exo_2bold';
	text-transform: uppercase;
}
.top-demo .logo-demo > a .title-logo > span{
	color: #000;
}
.top-demo .logo-demo > a .logo-dop{
	display: block;
	color: #2e4e60;
	font-size: 13px;
	line-height: 12px;
}
.top-demo .logo-demo > a .logo-dop > span{
	color: #2196f3;
	text-decoration: underline;
}
.top-demo .adapt-demo{
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #cfd8dc;
	height: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 140px;
	-ms-align-items: center;
	align-items: center;
}
.top-demo .adapt-demo > div{
	height: 27px;
}
.top-demo .adapt-demo > div > button{
	cursor: pointer;
	background-color: transparent;
	position: relative;
	border: none;
}
.top-demo .adapt-demo .ic-des{
	height: 27px;
	width: 34px;
}
.top-demo .adapt-demo .ic-des::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 27px;
	width: 34px;
	background-repeat: no-repeat;
	background-image: url(desctop.png);
	-webkit-background-size: contain;
	background-size: contain;
}
.top-demo .adapt-demo .ic-des.act::before{
	background-image: url(desctop-h.png);
}
.top-demo .adapt-demo .ic-plan{
	height: 22px;
	width: 16px;
	margin-top: 2px;
}
.top-demo .adapt-demo .ic-plan::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url(planset-ic.png);
	-webkit-background-size: contain;
	background-size: contain;
}
.top-demo .adapt-demo .ic-plan.act::before{
	background-image: url(planset-ich.png);
}
.top-demo .adapt-demo .ic-plan-raz{
	height: 16px;
	width: 22px;
}
.top-demo .adapt-demo .ic-plan-raz::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(planset-raz-ic.png);
	-webkit-background-size: contain;
	background-size: contain;
}
.top-demo .adapt-demo .ic-plan-raz.act::before{
	background-image: url(planset-raz-ich.png);
}
.top-demo .adapt-demo .ic-phone{
	height: 19px;
	width: 11px;
	margin-top: 5px;
}
.top-demo .adapt-demo .ic-phone::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 19px;
	background-repeat: no-repeat;
	background-image: url(phone-ic.png);
	-webkit-background-size: contain;
	background-size: contain;
}
.top-demo .adapt-demo .ic-phone.act::before{
	background-image: url(phone-ich.png);
}
.top-demo .adapt-demo .ic-phone-raz{
	height: 11px;
	width: 19px;
}
.top-demo .adapt-demo .ic-phone-raz::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 11px;
	background-repeat: no-repeat;
	background-image: url(phone-raz-ic.png);
	-webkit-background-size: contain;
	background-size: contain;
}
.top-demo .adapt-demo .ic-phone-raz.act::before{
	background-image: url(phone-raz-ich.png);
}
.top-demo .page-demo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #cfd8dc;
	-ms-align-items: center;
	align-items: center;
	height: 50px;
}
.top-demo .page-demo > span{
	color: #444444;
	font-size: 14px;
	margin-right: 10px;
}
.top-demo .page-demo .select-style{
	width: 280px;
}
.top-demo .price-demo{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 6px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 50px;
	-ms-align-items: center;
	align-items: center;
}
.top-demo .price-demo > span{
	color: #de4136;
	font-size: 25px;
	font-family: 'exo_2bold';
	margin-right: 18px;
}
.top-demo .price-demo > span > span{
	color: #afafaf;
	text-decoration: line-through;
}
.top-demo .price-demo > span > div {
	display: inline;
}
.top-demo .price-demo > a{
	display: inline-block;
	height: 40px;
	padding-left: 32px;
	padding-right: 15px;
	position: relative;

	background-color: #b1d044;
	text-decoration: none;
	color: #6b8315;
	font-size: 16px;
	line-height: 40px;
	font-family: 'exo_2semi_bold';
}
.top-demo .price-demo > a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url(corz.png);
	background-repeat: no-repeat;
}
.setting-demo{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 105px;
	z-index: 5;
}
.setting-demo > button{
	width: 50px;
	height: 50px;
	background-color: #df4136;
	border-radius: 0px 3px 3px 0px;
	border: none;
	cursor: pointer;
	position: relative;
	margin-left: 0px;
	opacity: 1;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    box-shadow: 0px 4px 10px black;
}
.setting-demo > button.active{
	margin-left: -60px;
	opacity: 0;
}
.setting-demo > button::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	background-image: url(shestir5.png);
	background-repeat: no-repeat;
}
.setting-demo > div{
	opacity: 0;
	position: absolute;
	left: -400px;
	top: 0px;
	width: 250px;
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 25px;
	background-color: #eceff1;
	border-radius: 0px 0px 4px 0px;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.setting-demo > div > div{
	color: #000;
	font-size: 18px;
	font-family: 'exo_2bold';
	line-height: 18px;
	margin-bottom: 10px;
}
.setting-demo > div > ul{
	list-style: none;
}
.setting-demo > div > ul > li{
	height: 30px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	border-radius: 3px;
	background-color: #cfd8dc;
	color: #455a64;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
	box-sizing: border-box;
}
.setting-demo > div > ul > li button{
	border: none;
	background-color: transparent;
	color: #455a64;
	font-size: 14px;
	width: 100%;
	cursor: pointer;
	text-align: left;
}
.setting-demo > div > ul > li:hover{
	background-color: #c2ced4;
}
.setting-demo > div > a{
	display: block;
	height: 40px;
	width: 95%;
	text-align: center;
	line-height: 40px;
	background-color: #000;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	margin: 10px auto !important;
}
.setting-demo > div > a:hover{
	opacity: 0.8;
}
.setting-demo > div > span{
	display: block;
	text-align: center;
	color: #455a64;
	font-size: 12px;
	margin-top: 15px;
}
.setting-demo > div > span a{
	color: #000;
	font-size: 12px;
}
.setting-demo > div > span a:hover{
	text-decoration: none;
}
.setting-demo > div > button{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	margin-right: -20px;
	border: none;
	cursor: pointer;
	background-color: #eceff1;
	border-radius: 0px 3px 3px 0px;
	text-align: center;
	padding-left: 3px;
}
.setting-demo > div > button span{
	display: block;
	width: 12px;
	height: 2px;
	background-color: #cfd8dc;
}
.setting-demo > div > button span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.setting-demo > div > button span:nth-child(2) {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -2px;
}
.setting-demo > div.active{
	left: 0px;
	opacity: 1;
}
.demo-frame{
	height: calc(100vh - 50px);
	width: 100%;
	background-color: #cfd8dc;
}
.demo-frame #demo-frame{
	width: 100%;
	height: calc(100%);
}
.demo-frame.dop{
	height: 100%;
}
.demo-frame.tablet {
	height: auto;
}
.demo-frame #demo-frame.plan{
	width: 780px;
	height: 1037px;
	margin: 0 auto;
	display: block;
	position: relative;
	margin-top: 182px;
	margin-bottom: 190px;
	z-index: 2;
}
.demo-frame #demo-frame.plan-raz{
	height: 780px;
    width: 1036px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: block;
    top: 50%;
    margin-top: 70px;

}
.demo-frame #demo-frame.phone{
	width: 335px;
	height: 580px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -290px;
	display: block;
	z-index: 2;
}

.demo-frame #demo-frame.phone-raz{
	height: 335px;
	width: 580px;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 50%;
	z-index: 2;
	margin-top: -165px;
}
.demo-frame .bk-plan{
	width: 876px;
	height: 1301px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -438px;
	margin-top: 100px;
	background-image: url(planshet1.png);
	background-repeat: no-repeat;
}
.demo-frame .bk-plan-raz{
	width: 876px;
	height: 1301px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -438px;
	margin-top: -139px;
	background-image: url(planshet1.png);
	background-repeat: no-repeat;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.demo-frame .bk-phone{
	width: 378px;
	height: 743px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -189px;
	margin-top: -346px;
	background-image: url(iphon1.png);
	background-repeat: no-repeat;
}
.demo-frame .bk-phone-raz{
	width: 378px;
	height: 743px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -189px;
	margin-top: -344px;
	background-image: url(iphon1.png);
	background-repeat: no-repeat;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.otzivy_rating li {
	display: inline-block;
	width: 32px;
	height: 30px;
	background: url(zvezd.png) center;
	background-size: contain;
	cursor: pointer;
}

.otzivy_rating li.act {
	background: url(zvezd-a.png) center;
}

.theme_settings_preview_wrapper fieldset {display: block !important;}

.slider_button {
    background: #ffdd00;
    width: 123px;
    text-align: center;
    padding: 9px;
    margin-top: 9px;
    border-radius: 3px;
}
.slider_button:hover {
    background-color: #ffc700;
    color: #6a5d13;
}

.payment_details {
    border: 1px solid #e9e9e9;
    padding: 15px;
    margin: 15px 0;
}

.important {
    color: #5a5a5a;
    font-size: 23px;
    margin-top: 42px;
    border-top: 1px dashed #889098;
    padding-top: 33px;
}
.important img {
     display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 25px;
  height: 65px;
    width: auto;
}
.li60 ul {
    margin-bottom: 20px;
    list-style: none;
    margin-left: 6px;
}

.li60 ul li {
    padding-left: 25px;
    color: #424242;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    margin-bottom: 5px;
}

.li60 ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}

.merge {margin-bottom:50px;}

.page_content {
    padding: 19px 0;
    margin: 15px 0;
    line-height: 25px;
    color: #454545;
    font-size: 18px;
} 
.bk-home-batl .home-batl .batl-opis > div span span {
  border: 16px solid transparent;
    border-top: 16px solid #009ed2;
    border-right: 10px solid #009ed2;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background-color: #009ed2;
    line-height: 0;
    color: #000;
    font-size: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    width: 13px;
    height: 6px;
}

.bk-home-batl .home-batl .batl-opis > div span span::before {
   content: "?";
    color: #fff;
    font-size: 10px;
    line-height: 17px;
    width: 12px;
    text-align: center;
    position: absolute;
    top: -6px;
    left: 25px;
    font-family: 'exo_2bold';
    margin-right: 0;
    margin-top: 0;
    border-right: 0px solid rgba(226, 226, 226, 0);
    border: 0px solid transparent;
}
.tarif_cr {
    text-align: center;
}
.start_tarif_pr {
    font-weight: bold;
    padding-bottom: 26px;
    border-bottom: 2px solid #ffdd00;
    margin-bottom: 19px;
    font-size: 21px;
}

html {
  margin-top: 0 !important;
}

.blocks_inst .rp-mod-zay.voz {
    width: 750px;
}

  .blocks_inst.voz {
    margin-left: -367px;
}
 .blocks_inst .vozmoz p {
   font-size: 17px;
    margin: 22px 0;
    padding-bottom: 18px;
    color: white;
}
  .blocks_inst {
      background: rgba(0,70,95,1);
  }
.blocks_inst  .rp-mod-zay .title.red {
    background-color: rgba(0,70,95,1);
}
 .blocks_inst .rp-mod-zay { background-color: rgba(0,70,95,1); }
.add-more {
font-size: 23px;
    display: block;
    padding: 10px;
}
.blog_faq .faq-bk img {
    box-shadow: 0px 0px 13px #929292;
}
.promo_page {
text-align:center;
}
.promo {
line-height: 56px;
    text-align: center;
    width: 212px;
    color: #de4136;
    font-size: 32px;
    font-weight: bold;

    border: 2px dashed #de4136;
    margin: auto;
    margin-bottom: 65px;
    height: 61px;
  animation: outlineAnim 2s infinite;
}
.promo_page .title-within {
   text-align: center;
    margin-top: 0;
    margin-bottom: 65px;
    padding-top: 65px;
}
.promo_page .bk-home1 {
    background: none;
    padding-bottom: 0;
    padding-top: 0;
}
.promo_page img {
box-shadow: 0px 0px 13px #929292;
    margin-top: 50px;
}
.promo_page .creat-onl-store.dop2 {
margin-top: 0;
}

.no_client_text {
    font-size: 14px;
    line-height: 15px;
    font-style: italic;
    font-family: 'exo_2regular';
    color: #9a9a9a;
}

.all_rev_page .title-within {
   text-align: center;
    margin-top: 0;
    margin-bottom: 65px;
    padding-top: 65px;
}

.all_rev_page .title-within > h1, .all_rev_page .reviews-bk__top > span > span {
color: #fbfbfb;
}

.all_rev_page {
   /* padding-bottom: 50px;*/
}


.sitemap_block {
    background: rgba(255, 255, 255, 0.78);
    padding: 45px;
  border: 1px solid #dadada;
}
.sitemap_block ul {
    margin-left: 8px;
}

.sitemap_block ul li {
    text-align: left;
    line-height: 28px;
  list-style: circle;
}
.sitemap_block ul li a {
    color: #424242;
}
.sitemap_block ul li a:hover {
    color: #e04136;
}
.sitemap_block small {
    font-style: italic;
    color: #a3a3a3;
}
.coll_voz {
background-image: url(fon-port1.jpg);
      padding: 25px 0 76px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.coll_voz .temp-descr__slide .smartfony-sl3 {
    top: 0;
  width: 198px;
    height: 374px;
  margin-top: -38px;
      margin-right: -21px;
}
.coll_descr {
position:relative;
  overflow:hidden;
}

.coll_descr .temp-descr__slide .smartfony-sl1 {
       right: 0px;
    margin-top: 20px;
    left: auto;
}
.seo_description img {
margin-bottom: 15px;
    width: 15px;
    height: auto;
      margin-top: 15px;
}
.middle_coll_op {
    font-family: 'exo_2regular';
    text-align: center;
    margin-bottom: 47px;
  line-height: 27px;
}

.middle_coll_op img {
    margin-bottom: 30px;
}

.blog-bk__title .title_like_h2 {
	color: #424242;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	font-family: 'exo_2bold';
}
 .title_like_h2 {
	color: #424242;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	font-family: 'exo_2bold';
}
.product_page .middle_coll_op {
    margin-top: 47px;
}
.product_page .blog_faq  {
margin-bottom: 120px;
}
.product_description .baner-gor {
margin-top: 0px;
    z-index: 0;
    border: 6px solid #e0ebf8;
    border-top: 0;
  background: #e0ebf8;
}
.product_description .baner-gor::before {
position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    border: 100px solid transparent;
    border-top: 15px solid #e1ebf8;
    margin-bottom: -115px;
    margin-left: -100px;
}
.product_description .baner-gor ul li {
    line-height: 22px;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
    font-size: 15px;
}

.vozmozhnosti_shablonov .blog-bk {
padding: 22px;
}
.vozmozhnosti_shablonov .blog-bk__title {
    padding: 0;
}

.vozmozhnosti_shablonov .blog-bk__title .title_like_h2 {
    margin-bottom: 26px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 18px;
}
.vozmozhnosti_shablonov .blog-bk__opis {
    padding-left: 0px;
    padding-right: 0px;
}
.vozmozhnosti_shablonov p, .vozmozhnosti_shablonov span {
    color: #424242;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}


.vozmozhnosti_shablonov .blog-bk__opis li {
font-size: 15px;
}

.vozmozhnosti_shablonov .baner-gor img {
border: 1px solid #efefef;
  box-shadow: 0px 0px 7px #929292;
  margin: 25px 0;
}


.temp-descr__settings .baner-gor {
    border: 1px solid #ffffff;
    padding: 48px;
    font-size: 15px;
    color: #404040;
    font-family: 'exo_2regular';
    position: relative;
    padding-left: 203px;
    text-align: left;
}
.temp-descr__settings .baner-gor ul li {
    list-style: none;
    padding-left: 23px;
    color: #424242;
    line-height: 23px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}

.temp-descr__settings .baner-gor::after {
  position: absolute;
    left: 17px;
    top: 0;
    content: "";
    width: 159px;
    height: 192px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(fon_devalepmer_pers.svg);
}

.temp-descr__settings .title {
    text-transform: uppercase;
    color: #424242;
    font-size: 22px;
    line-height: 35px;
    font-family: 'exo_2bold';
}

.vigodnoipr {
   border-top: 1px solid #ebf4d0;
    border-bottom: 1px solid #ebf4d0;
    background-color: #f6fbe6;
      padding-bottom: 56px;
}
.vigodnoipr hr {
margin: 45px 0 25px 0;
    background: #de4136;
    height: 3px;
    border: 0;
}
.vigodnoipr .baner-gor {
    border: 1px solid #f6fbe6;
    margin-bottom: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    font-family: 'exo_2regular';
    padding-bottom: 45px;
}

.vigodnoipr .title {
    text-transform: uppercase;
    color: #424242;
    font-size: 22px;
    line-height: 35px;
    font-family: 'exo_2bold';
}

.gibkienastroiki  {
     border-top: 1px solid #fffbed;
    border-bottom: 1px solid #fffbed;
    background-color: #fffbed;
}
.gibkienastroiki .title {
    text-transform: uppercase;
    color: #424242;
    font-size: 22px;
    line-height: 35px;
    font-family: 'exo_2bold';
}
.gibkienastroiki  .baner-gor {
    border: 1px solid #f6fbe6;
    margin-bottom: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    font-family: 'exo_2regular';
    padding-bottom: 45px;
}

.product_page .creat-onl-store.dop2 {
margin-top: 0;
}
.product_description p {
 font-size: 15px;
}
.product_description .baner-gor ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 11px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(navig-r.png);
    margin-top: 2px;
    opacity: 0.4;
}
.prod_moduls .modules-bk .mod-ic-op .mod-ic {
    float: none;
    margin: auto;
    text-align: center;
}
.modules-bk .mod-ic-op ul {
margin-bottom: 25px;
}
.prod_moduls .mod-op img {

}
.prod_moduls .mod-op img:hover {

}
.prod_moduls ul li {
list-style: none;
    color: #6d6d6d;
    font-size: 16px;
    font-family: 'exo_2regular';
    text-align: left;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 26px;
  position: relative;
}
.prod_moduls ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(navig-r.png);
    margin-top: 5px;
    opacity: 0.7;
}
.prod_moduls .modules-bk .mod-ic-op .mod-op {
    float: none;
    width: auto;
    margin-left: 0px;
}
.prod_moduls {
 padding-top: 33px;
  margin-top: 75px;
}
.prod_moduls .temp-descr__advantages .title {
color: #ffffff;
font-size: 28px;
margin: 15px 0;
}
.prod_moduls .temp-descr__advantages .descr {
color: #eaeaea;
margin-bottom: 71px;
}
.prod_moduls .mod-op {
    float: none;
    width: auto;
    margin-left: 0px;
    padding: 7px 33px 35px 29px;
}
.prod_moduls .mod-ic-op .title {
  color: #5f5f5f; }

.prod_moduls .modules-bk > div {
background: white;
}
.prod_moduls .modules-bk > div:hover .mod-op {
background: white;
}
.prod_moduls .modules-bk > div {
padding: 0;
}
.prod_moduls .modules-bk .mod-ic-op .mod-ic {
background-color: white;
}
.prod_moduls .modules-bk > div:hover .mod-ic img {
    max-width: 75px;
    max-height: 75px;
}
 .prod_moduls .modules-bk .mod-ic-op .mod-ic img {
max-width: 60px;
    max-height: 60px;
}
.vozmozdown {
margin-top: 34px;
  margin-bottom: 58px;
}
.vozmozdown .rp-mod-zay.voz {
    width: 100%;
}

.vozmozdown .rp-mod-zay .title.red {
background-color: #000;
}

.vozmozdown .rp-mod-zay .vozmoz-bk > div {
/*display: block;*/
}
.prod_des_block .vozmozdown .rp-mod-zay .vozmoz-bk > div {
display: none;
}
.prod_des_block .vozmozdown img {
box-shadow: 0 3px 3px 3px #e0e0e0;
}
.prod_des_block .rp-mod-zay .vozmoz {
    padding: 0;
}
.prod_des_block .rp-mod-zay {
border: 0;
}
.prod_des_block ul li {
    line-height: 23px;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
    font-size: 15px;
   list-style: none;
    padding-left: 23px;
  color: #424242;
}
.prod_des_block ul li {
    color: #424242;
    line-height: 23px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}
.prod_des_block ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 11px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(navig-r.png);
    margin-top: 2px;
    opacity: 0.4;
}


.prod_des_block .vozmozdown .rp-mod-zay .vozmoz-bk > div > div > div {
width: 100%;
    color: #424242;
    font-size: 15px;
    line-height: 28px;
    background: white;
    padding: 0;
}

.prod_des_block .rp-mod-zay .vozmoz-bk > span {
background-color: #de4136;
    color: #fff;
  border-top-left-radius: 5px;
    border-top-right-radius: 5px;
   padding-top: 0;
    display: block;
    text-align: center;
    background: #de4136;
    padding: 21px;
  margin-left: 0;
}

.prod_des_block .rp-mod-zay .vozmoz-bk > span::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    border: 100px solid transparent;
    border-top: 15px solid #de4136;
    margin-bottom: -115px;
    margin-left: -100px;
}

.prod_des_block .rp-mod-zay .vozmoz-bk > span > span {
       width: 190px;
    height: 30px;
    position: absolute;
    top: 102px;
    left: 41%;
    border-radius: 5px;
    border: 2px solid #000;
    margin-top: 0;
    margin-left: 0;
    overflow: hidden;
    right: 50%;
    font-size: 16px;
    background: #000;
    font-weight: normal;
  color: #4d6c00 ;
}

.prod_des_block .rp-mod-zay .vozmoz-bk > span > span > span {
background-color: #ffffff;
}

.prod_des_block .vozmozdown {
    margin-top: 38px;
    margin-bottom: 100px;
}

.prod_des_block .rp-mod-zay .vozmoz-bk {
      padding: 0;
}
.prod_des_block .rp-mod-zay .vozmoz-bk > div {
border: 0;
}
.prod_des_block

.vozmozdown .rp-mod-zay .title.red {
    background-color: #000;
      text-align: center;
}

.vozmozdown .vozmoz img {
    margin: 0;
}
.prod_des_block .vozmozdown .vozmoz img {
    margin-top: 18px;
    margin-bottom: 35px;
}
.vozmoz h4 {
      font-size: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.vozmoz img

.vozmozdown .rp-mod-zay .vozmoz-bk > div > div > span {
font-size: 13px;
    line-height: 17px;
}
.vozmozdown .button-style-form.red, .button {
    background-color: #000;
}

.pay_butts {
text-align: center;
    padding: 25px 0 0;
    margin-top: 15px;
}


.red_butt {
    color: white;
    background: #ff301e;
    padding: 15px 20px;
    border-radius: 3px;
    font-size: 20px;
}
.red_butt:hover {
color: white;
    background: #000;
}

.good_decision .title {
text-transform: uppercase;
    color: #424242;
    font-size: 22px;
    line-height: 35px;
    font-family: 'exo_2bold';
  text-align: center;
}
.good_decision {
    margin-top: 50px;
    margin-bottom: 50px;
}

.good_decision ul li {
  text-align: center;
    border-radius: 5px;
    padding: 25px;
    list-style: none;
    font-size: 20px;
}

.good_decision ul li img {
    display: block;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
    height: 87px;
    width: auto;
}

.consult-main .bk-home1 {
    background: none;
}

.consult-main .bk-home1 .bk-dop2 .op1 {
color:white;
  font-size: 29px;
    margin-bottom: 23px;
}
.consult-main .bk-home1 .bk-dop2 .op2 {
color: #ffffff;
      font-size: 18px;
}

.consult-main input, select {
margin: auto;
width: 250px;
  border-radius: 3px;
}

.consult-main textarea {
    margin: auto;
   /* width: 70%;*/
    min-height: 100px;
  border-radius: 3px;
  padding: 25px;
}
.consult-main fieldset  {
border: 0;
}

.consult-main label  {
margin-top: 35px;
    display: inline-block;
    margin-bottom: 10px;
    color: white;
  font-size: 14px;
}


.consult-main button  {
    margin: auto;
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
    background: #ffdd00;
    color: #6a5d13;
    font-size: 17px;
    border: 0;
    border-radius: 3px;
    -webkit-transition: all 0.5s!important;
    -moz-transition: all 0.5s!important;
    -ms-transition: all 0.5s!important;
    -o-transition: all 0.5s!important;
    transition: all 0.5s!important;
    width: 100%;
    font-weight: 100;
}
.consult-main button:hover {
    transform: scale(1.05, 1.05);
}

.main_p_cont .baner-gor {
border:0;
}

.main_p_cont img {
width: 407px;
  margin-bottom: 50px;
}
.main-oport .style-button {
    display: block;
    margin: 0 auto;
    width: 314px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;

    text-decoration: none;
    background-color: #000;
    font-family: 'exo_2regular';
    text-transform: uppercase;
    transform: scale(1, 1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
  margin-top: 50px;
}

.main-oport .style-button:hover {
    transform: scale(1.05, 1.05);
}

.consult-coll-block {
 background:  url(fon-vog.jpg) center center no-repeat;
}

.details_lk {
      background: #e7f2fa;
    padding: 15px;
    border-radius: 3px;
    margin-left: 11px;
    margin-top: 13px;
    margin-bottom: 18px;
}
.details_order {
background: #e7f2fa;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 18px;
}
.clients-instructions {

}
.clients-instructions h1 {
       margin-bottom: 25px;
    margin-top: 15px;
    text-align: center;
    border-bottom: 1px dashed gray;
    padding: 15px;
    background: #6c8d9a;
    color: white;
    border-radius: 3px;
}

.clients-instructions li {
    margin-left: 25px;
}
.clients-instructions h2 {
  margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 400;
    display: inline-block;
    border-bottom: 1px solid #6c8d9a;
    padding-bottom: 15px;
}

.clients-instructions ul>ul>li {
 margin-left: 55px;
}

.clients-instructions ul {
    margin-top: 25px;
    margin-bottom: 25px;
}
.clients-instructions img {
    box-shadow: 0 0 3px grey;
    margin: 15px;
}
.clients-instructions {
    padding: 40px;
    border: 2px solid #6c8d9a;
    border-radius: 3px;
}
.clients-instructions-butt {
text-align: center;
    margin-top: 30px;
}

.clients-instructions h3 {
    margin: 25px 0;
}
input#cb-message {
    width: 97%;
}
.reviews-form {
border: 1px solid #eaeaea;
}

.reviews-form .button-style-form {
    float: none;
    display: inline-block;
    margin: auto;
}

.reviews-button-ord {
margin-top: 25px;
}

.mod-ic-op .title a {
  font-size: 30px;
    margin-bottom: 15px;
    display: inline-block;
    color: #424242;
    font-weight: bold;
    padding-bottom: 15px;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.mod-ic-op .title a:hover {
    color: #000;
}
.fotsusl { text-align: center; }
.fotsusl img {
    max-width: 80%;
    border: 3px solid #ffd900;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}

.fotsusl img:hover {
transform: scale(1.05, 1.05);
  border: 3px solid #000;
}
.short_description {
   margin-bottom: 25px;
   line-height: 19px;
  font-size: 18px;
}
.usluga_page .modules-pod__right img {
    max-height: 100%;
}
.usluga_page .modules-pod__right {padding-top: 22px;
}
.uslugi {
padding-bottom: 50px;
}
span.range_items {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -4px;
    margin-right: -4px;
}
div#slider-range-max {
    width: 100%;
    height: 7px;
    background: #000;
    border-radius: 3px;
	border: 2px solid #000;
  margin-bottom: 54px;
}
.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-max {
    background: #fff;
    height: 7px;
    float: right;
    border-radius: 3px;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    width: 17px;
    height: 17px;
    background: #fff;
    z-index: 9;
    position: absolute;
    margin-top: -8px;
    border-radius: 50%;
    border: 3px solid #000;
    cursor: pointer;
    margin-left: -12px;
}
span.count_prod {
    font: 400 14px Arial;
    color: #424242;
    text-align: left;
    margin-bottom: 10px;
}
span.count_prod span {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
input[name="account[subdomain]"] {
	display: none;
}
form#account {
    z-index: 10;
    position: relative;
}

.collection_page {
  /*  background: url(aksessuary-bg.jpg) 0 0px no-repeat;
  background-attachment: fixed;*/
}
.otchet_blck {

}

.otchet_blck div {
    text-align: center;
    margin-top: 30px;
}

.kase_page .temp-descr__slide .slide-them {
    background-image: none;
}
.kase_page .temp-descr__slide .slide-them > div {
    border: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 664px;
    background-color: none;
}
.kase_page .temp-descr__slide .slide-them > div ul > li img {
    width: auto;
}
.kase_page .podhod p {
position:relative;
font-size: 12px;
padding-left: 21px;
}
.kase_page .podhod p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
}
.consult-main {
    padding: 15px;

    border: 1px solid #d7e0e9;
    background-color: #f3f8fd;
}

.consult-main input, select {
    margin: 5px;
    width: 206px;
}



.kase_page .temp-descr__slide .title > div > h1 {
    color: #444444;
    font-size: 35px;
    font-family: 'exo_2bold';
    line-height: 35px;
    display: inline-block;
    text-transform: none;
}

.coll-portf .fotsusl img {
    max-width: 100%;
     border: 0;
}

.coll-portf .fotsusl {
    text-align: left;
    overflow: hidden;
}

 .fotsusl img:hover {
    transform: scale(1.05, 1.05);
    border: 0;
}
.coll-portf .short_description p {
position:relative;
  font-size: 12px;
    padding-left: 21px;
}
.coll-portf .short_description p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
}

.kase_page .temp-descr-foot .slide {
    width: 1081px;
    position: relative;
    margin-left: 20px;
    height: 138px;
    overflow: hidden;
}

.coll-portf .title-within {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 0;
    background: none;
    border-bottom: 0;
}
.coll-portf .setting__them .setting > div,
.kase_page .setting__them .setting > div {
    color: #424242;
    font-size: 23px;
    text-transform: none;
    line-height: 28px;
    font-family: 'exo_2regular';
    font-weight: 100;
}

.kase_page .imagetitle {
    position: absolute;
    z-index: 10;
    background: #009ed2ad;
    color: white;
    padding: 7px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 30%;
}

.kase_page .imalt {
    position: absolute;
    z-index: 10;
    bottom: 0;
    font-size: 12px;
}
.prod_des_block h2 {
    margin-bottom: 15px;
}

.small_kase {

}
.left_desc_min {
color: #424242;
    font-size: 15px;
    line-height: 28px;
}

.left_desc_min ul li {
    color: #424242;
    line-height: 23px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
  list-style: none;
    padding-left: 22px;
}
.left_desc_min ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 11px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(navig-r.png);
    margin-top: 2px;
    opacity: 0.4;
}


.left_desc_min   {
    width: 819px;
}


.left_desc_min img {
    box-shadow: 0 3px 3px 3px #e0e0e0;
  margin-top: 18px;
    margin-bottom: 35px;
}

.tarfs_left {
    text-align: left;
  width: 774px;
    display: inline-block;
}
.vibor_tarifa {

    padding: 15px;
    margin-top: 25px;
}

.vibor_tarifa .title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

.consult-abon {
    flex-shrink: 0;
    width: 198px;
    padding: 40px;
    padding-top: 35px;
    padding-bottom: 30px;

    border: 1px solid #d7e0e9;
    background-color: #f3f8fd;
    display: inline-block;
    margin-left: 31px;
    float: right;
    margin-top: 25px;
}

.consult-abon fieldset {
    border: 0;
}
.consult-abon input {
width: 189px;
}
.consult-abon .button-style-form.grin {
    background-color: #000;
    color: #4d6c00 !important;
    /* margin: auto; */
    width: 100%;
    margin-top: 15px;
}

.opisanie_tarifa ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.opisanie_tarifa ul li {
padding-left: 25px;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    margin-bottom: 5px;
      list-style: none;
}

.opisanie_tarifa ul li.no::before  {
 content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-no.png);
    margin-top: 4px;
}
.opisanie_tarifa ul li:hover {

}

li.sec-lev {
    margin-left: 26px;
}

.opisanie_tarifa ._dop {
    margin-bottom: 15px;
    border-bottom: 1px solid #d7e0e9;
    padding-bottom: 5px;
    font-size: 12px;
    display: inline-block;
}

.tarif-price {
    border: 1px solid #d7e0e9;
    display: inline-block;
    padding: 15px;
    margin: 5px 0;

    background-color: #f3f8fd;
}
.consult-abon input, select {
    margin: 5px;
    border-radius: 3px;
}
.consult-abon .title {
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.tarif-details {
    font-size: 13px;
    color: #424242;
}

.tarif-details {
   font-size: 13px;
    color: #424242;
    padding: 15px;
    border: 1px solid #f3f3f3;

    line-height: 20px;
    display: inline-block;
    margin-top: 15px;
  background: #fbfbfb;
}

.tarif-details .title {
    font-size: 13px;
}
.tarif-price small {
    display: block;
    font-size: 11px;
    font-style: italic;
    color: gray;
    margin-top: 5px;
}

.abon_descr {
    display: inline-block;
}
.abon_descr._left {
    width: 300px;
}
.abon_descr .desc_block {
 background: white;
    padding: 25px;
}
.abon_descr .title {
    font-size: 17px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 7px;
    margin-bottom: 15px;
    font-weight: bold;
}
.abon_descr._right {
    float: right;
    width: 700px;
}
.abon_descr ._dop {
  font-size: 12px;
    margin-bottom: 15px;
}

.abon_descr._left ul li {
    padding-left: 25px;
    color: #424242;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    margin-bottom: 5px;
    list-style: none;
}
.abon_descr._left ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.abon_descr ul li {
    list-style: none;
}




.section {margin: 0 1px 15px;}
.section ul {list-style: none;}
.section .tabs {margin: 0; height: 45px; list-style: none;}

.tabs > li {
    float: left;
    background: #f3f8fd;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    margin: 0 7px 0 0 !important;
    border: 1px solid #d7e0e9;
   border-bottom: 0;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}


.tabs > li:hover,
.tabs li.current {
    background-color: #009ed2 !important;
    color: rgb(255, 255, 255) !important;
  border: 1px solid #009ed2;
  border-bottom: 0;
}

.section .box {
  display: none;
  padding: 25px;
    min-height: 92px;
    background: white;
    border: 1px solid #d7e0e9;
      border-top: 2px solid #009ed2;
        }

.page_tarifs {
    padding-bottom: 70px;
}

.kase_page .temp-descr__slide .opis-butt-dop > a.grin::before{
	background-image: url(shestir2.png);
}
.modern_butt {
margin-bottom: 20px;
    text-decoration: none;

    font-size: 15px;
    position: relative;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transform: scale(1, 1);
    background: rgb(255, 255, 255);
    border: 2px solid #009ed2;
    color: #009ed2;
    background-position: 5%;
    display: inline-block;
    margin-top: 15px;
    padding: 15px;
}
.modern_butt:hover {
    transform: scale(1.05, 1.05);
      color: #009ed2;
}

.abon_descr._right .title {
    background: #f3f8fd;
    padding: 32px;
    border-bottom: 0;
}
.abon_descr._right ul li {
    background: #f3f8fd;
    padding: 15px;
    margin-bottom: 7px;
    display: inline-block;
  padding-left: 32px;
}
.abon_descr._right ._dop {
    margin-bottom: 0;
    font-weight: 100;
    margin-top: 10px;
}
.page_desc {
    padding: 55px;
    margin: 15px 0;
    line-height: 32px;
    color: #616060;
    background: white;
    border-bottom: 1px solid #d7e0e9;
}


.usluga_page .modules-pod__left {
    width: 100%;
}

.usluga_page .modules-pod__left > h1 {
    font-family: 'exo_2bold';
    text-transform: uppercase;
    font-weight: normal;
    color: #424242;
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 30px;
}

.usluga_page .modules-pod-bk {
    border: 0;
    padding: 0;
    border-radius: 0;
}

.usluga_page {
padding-bottom: 70px;
}

.razov {
border: 3px solid #009ed2;
    background-color: #fff;
    min-height: 100%;
    overflow: hidden;
    text-align: center;
    padding-bottom: 15px;
  display: inline-block;
    width: 49%;
}
.razov .baner-gor ul li {
    list-style: none;
    padding-left: 23px;
    color: #424242;
    line-height: 23px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}
.razov ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.razov > span {
    background-color: #009ed2;
    display: block;
    padding-top: 18px;
    padding-bottom: 19px;
    text-align: center;
    line-height: 25px;
    font-size: 19px;
    font-family: 'exo_2regular';
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}
.razov > span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 17%;
    border: 170px solid transparent;
    border-top: 20px solid #009ed2;
    margin-bottom: -190px;
}

.razov > div {
    margin-top: 60px;
    padding: 36px;
    padding-top: 0px;
    line-height: 23px;
    color: #424242;
    font-size: 14px;
    text-align: left;
}
.temp-descr__settings.abon_block {
    background: white;
}
.abon_desr {
    margin-left: -174px;
    margin-top: 59px;
}

.tarif_desr {
    margin-top: 16px;
    font-size: 14px;
}

.razov ul li {
    list-style: none;
    padding-left: 23px;
    color: #424242;
    line-height: 23px;
    position: relative;
    margin-bottom: 10px;
    font-family: 'exo_2regular';
}
.razov ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.razov ul {
    margin: 18px 5px;
}
.regular {
    border: 3px solid #fe4033;
}
.regular > span {
    background-color: #fe4033;
}
.regular > span::before {
border-top: 20px solid #fe4033;
}



.cabinet .shag__bk {
    padding: 50px;
    text-align: center;
}
.shag__bk iframe {
    width: 90%;
    border: 13px solid #6c8d9a;
}

.vozmoz-bk iframe {
    width: 100%;
  height:700px;
}


  .Opisanie_sprava ul {
 margin-top:7px;
  }
  .Opisanie_sprava ul li {
    color: #424242;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    margin-bottom: 5px;
    list-style: none;
    margin-left: 19px;
    padding-right: 7px;
  }

.buy_template {
padding: 15px;
}

.buy_template .form-elem-file span {
  font-size: 13px;
    color: #424242;
}
.buy_template .button-style-form.blue {
 display: inline;
    background-color: #ffffffcf;
    color: #000000 !important;
    padding: 9px 20px;
    font-size: 13px;
    margin-right: 27px;
}
.buy_template .form-elem input[type="checkbox"].checkbox-style + label span {
    position: relative;
    display: inline-block;
       width: 20px;
    height: 21px;
    background: none;
    border: 1px #ffffff solid;
    cursor: pointer;
    margin-bottom: -4px;
  background: #ffffff75;
}
.buy_template .form-elem input[type="checkbox"]:checked + label span::after {
       position: absolute;
    margin: 0px 0 0 1px;
    content: "\f00c";
    font: normal normal normal 18px/1 FontAwesome;
    color: #0089cf;
}
.buy_template .button-style-form {
    width: 100%;
}
.buy_template .input-text, .field.fc input[type="text"], .field.fc input[type="password"] {
   padding-left: 0;
    padding-right: 15px;
    color: #000000;
    font-size: 15px;
    border: 1px solid #cecece;
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    transition: box-shadow 0.5s ease;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    padding: 12px 15px;
}

.buy_template .select-style, .field.fc select {
   padding: 15px 36px 15px 15px;
    color: #000000;
    font-size: 17px;
    border: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    background-image: url(select-raz.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none!important;
   border: 0;
    border-radius: 0;
    margin-left: 0;
  height: auto;
}
.buy_template .textarea-text {
   max-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 15px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    background: #fff;
    margin-left: 0;
    min-height: 50px;
}
.buy_template .input-text:focus, .buy_template  .textarea-text:focus, .buy_template .field.fc input[type="text"]:focus, .buy_template .field.fc input[type="password"]:focus {
    border-bottom: 1px solid #484848;
  box-shadow: none;
}

.buy_template .select-style:focus {
    box-shadow: none;
}

.top-them a {
	height: 100%;
	width: 100%;
}

.top-them a figure {
	height: 100%;
	width: 100%;
}

.top-them a figure > img {
	max-width: 100% !important;
	max-height: 100% !important;
}

.mod-fots a {
	width: 90%;
}

.mod-fots a figure {
	width: 100%;
	box-shadow: 0 0px 7px grey;
}

.mod-fots a figure > img {
	max-width: 100% !important;
	max-height: 100% !important;
}

.mz-lens > img {
}


form.header_form {
    display: flex;
    width: 440px;
    align-items: baseline;
}
.form_left, .form_right {
    display: flex;
    /*align-items: center;
    justify-content: center;
    flex-flow: wrap;*/
}
.form_right .form-elem.dop {
    flex-flow: wrap;
    margin-bottom: 0;
}
.form_left .form-elem {
    max-width: 46%;
    margin: 0 5px;
    text-align: left;
}
.form-elem.maxis {
    min-width: 100%;
    text-align: center;
}
.form_right .button-style-form, .button {
text-align: center;
    font-size: 21px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 4px;
    background: #0089cf;
    font-weight: normal;
    font-family: 'exo_2regular';
    width: 100%;
    text-transform: uppercase;
    color: white;
}
.button:hover {
background: #f38120;
}
.set-block.small_label {
    text-align: center;
}
.form_right .button-style-form:hover {
background: #000;
  color: #fff;
}

.main-port .butt-rig {
     height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transform: scale(1, 1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ffffff;
}
.index-portfolio-slider_item .butt-rig {
    width: calc(100% - 2px);
}
.index-portfolio-slider_item .image {
  width: 100%;
  text-align: center;
  overflow: hidden;
  max-height: 488px;
}
.main-port .bk-title {
    padding-top: 0;
    text-align: center;
}
.main-port .bk-title.in h2 {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 35px;
    text-shadow: rgba(0,0,0,0.2) 1px 1px 0, rgba(0,0,0,0.2) 2px 2px 0, rgba(0,0,0,0.2) 3px 3px 0, rgba(0,0,0,0.2) 4px 4px 0, rgba(0,0,0,0.2) 5px 5px 0;
}
.main-port .bk-title.in div {
    color: #fff;
    line-height: 35px;
    text-shadow: rgba(0,0,0,0.2) 1px 1px 0, rgba(0,0,0,0.2) 2px 2px 0, rgba(0,0,0,0.2) 3px 3px 0, rgba(0,0,0,0.2) 4px 4px 0, rgba(0,0,0,0.2) 5px 5px 0;
}
 
form.header_form a:hover {
    text-decoration: underline;
}
form.header_form .form-elem.maxis-right {
    
}
form.header_form .form-elem.maxis-left {
    
}
.portfolio_block {
background: #f88020;
    padding: 50px 0;
}
.rev_block {
color: #000;
    font-size: 20px;
    line-height: 28px;
  margin-bottom: 34px;
}
.main-review {
background: url(iphon.png) top center no-repeat;
    background-size: 93%;
    width: 238px;
    height: 472px;
    margin: auto;
  padding-top: 53px;
}

div#instafeed > div > a {
    display: block;
    position: relative;
    color: #fff !important;
    background: center no-repeat;
    background-size: cover;
    height: 0px;
    padding-top: 100%;
}
div#instafeed > div {
    display: block;
    width: 20%;
}
div#instafeed {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}
.instafeed-gallery a:hover span {
    opacity: 1;
    visibility: visible;
}
.instafeed-gallery a span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    font-size: 30px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}


a#move_up {
   position: fixed;
    top: 0;
    display: none;
    width: 7%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #0089cf;
    background: #0089cf2b;
    padding-top: 5px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999;
  -webkit-transition: ease-out 0.3s;
      -moz-transition: ease-out 0.3s;
      -o-transition: ease-out 0.3s;
      transition: ease-out 0.3s;
}
span.arrow {
    background: url(up-arrow-angle.svg);
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto;
}
a#move_up:hover {
    background: #0089cf63;
  -webkit-transition: ease-out 0.3s;
      -moz-transition: ease-out 0.3s;
      -o-transition: ease-out 0.3s;
      transition: ease-out 0.3s;
}
@media screen and (max-width: 768px) {
a#move_up {
	top: auto;
    bottom: 20px;
    display: none;
    width: 60px;
    height: auto;
    padding: 13px;
}
}

.enter-link {
  border: 1px solid #eaeaea;
    width: 185px;
    text-align: center;
    font-size: 13px;
    padding: 7px;
    border-radius: 5px;
    position: relative;
    background: #eaeaea;
    margin: auto;
    margin-bottom: 20px;
}
.enter-link::before {
    position: absolute;
    bottom: 0;
    left: 36%;
    content: "";
    border: 26px solid transparent;
    border-top: 6px solid #eaeaea;
    margin-bottom: -33px;
}
.tarif_cr .button-style-form.grin {
    margin-top: 25px;
    display: inline-block;
} 
.top_bar {
     
}
.top_bar .top-menu {
background: #fff;
   z-index: 30;
}
.top_bar #top-menu > li > a {
 color: #454545;
    font-size: 14px;
}
.top_bar #top-menu > li > a:hover {
color: #fff;
}
 .site_logo img {
    width: 170px;
    height: auto;
} 
.sidebar_menu {
  padding: 13px 0;
  margin-top: 25px; 
      margin-bottom: 25px;
}
.sidebar_menu ul {
list-style: none;
}
.sidebar_menu_block h4 {
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 16px;
  border-left: 1px solid #454545;
  color: #000;
}
.sidebar_menu_block {
 /* margin-top: 60px;*/
}
.sidebar_menu a {
font-size: 15px;
  line-height: 25px;
}
.blog .sidebar_menu a {
    display: block;
    padding-right: 15px;
}
.blog .sidebar_menu {
    padding: 0;
    margin-top: 0;
    border: 0;
    background: none;
    margin-bottom: 25px;
}
.padd_top_bot {
padding: 15px 0;
}
.site_logo img {
    max-height: 77px;
    width: auto;
}
.site_logo {
    background: white;
    padding: 15px;
}
.float_right #top-menu {
float:right;
}
span.slogan {
    margin-top: 9px;
    display: inline-block;
    font-size: 15px;
    color: black;
}
.form_ocenka {
    border-radius: 4px 4px 4px 2px;
    border: 1px solid #f5f5f5;
    background: #5fbb47;
    padding: 20px;
}
.sidebar-order li {
list-style: none;
}
.sidebar-order .button_style {
width: 100%;
  padding: 11px 11px 11px 20px;
  border-bottom: 1px solid #5C5C5C;
      text-align: left;
} 
.button_style {
background: #0089cf;
    padding: 15px;
    display: inline-block;
    color: white;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
}
.button_style:hover {
 color: white;
  background: #ee1b23;
  text-decoration: none;
}
.sidebar-order {
    margin-bottom: 50px;
}
.footer_top {
   background: #454545;
    padding: 35px 0 25px 0;
}
.footer_menu ul li {
list-style:none;
  line-height: 25px;
}
.footer_menu ul li a {
 color: #f1f1f1;
}
.footer_menu .title {
    color: #f1f1f1;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 30px;
  font-size: 16px;
}

.page_menu {
    padding: 13px 0;
    margin-top: 50px;
    border: 1px solid #f5f5f5;
    background: #fcfdfe;
    margin-bottom: 25px;
}

.page_menu ul {
    list-style: none;
    padding-left: 15px;
}
.page_content img {
    margin: 15px 0;
}




/*     SLIDER   */

    .temp-descr__slide .slide-them {
      margin-left: 0;
      margin-right: 31px;
    }


    .temp-descr__slide .slide-them > div {

       box-sizing: border-box;
       border: 0;
      overflow: hidden;
      /* width: 590px !important;*/
      width: 695px !important;
      margin-left: 62px !important;
       
    }

    .temp-descr__slide .caroufredsel_wrapper {
      width: 700px !important;
    }

    

    .temp-descr__slide .slide-them > div ul > li {
      float: left;
      width: 100%;
      height: 394px;
      overflow: hidden;
      position: relative;
      margin: 0;
    }


    .temp-descr__slide #sli-p-l5,
    .temp-descr__slide #sli-p-r5 {
      height: 394px !important;
    }

    .temp-descr__slide #sli-p-r5:hover,
    .temp-descr__slide #sli-p-l5:hover {
      background-color: #4444444d;
    }
.shag__bk ul {
    padding-left: 18px;
  font-size: 15px;
}  
.how_work_blocks {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.how_work_one {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
.main_page_content {
    background: white;
    padding: 32px 0;
}
.main_page_content_inner .MagicZoom {
   padding: 15px;
    border: 1px solid #e8e8e8;
    border-radius: 1px;
    border-top-left-radius: 0px;
} 
.ne_znakomi {
    border: 1px solid #e8e8e8;
    padding: 25px;
    background: #fafdfe;
    color: #000;
    font-size: 16px;
} 
.ne_znakomi li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 24px;
}
.ne_znakomi li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.how_work_block {
    padding: 15px 33px; 
    font-size: 15px;
  background: #5C5C5C;
  color: white;
  margin-top: 26px;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
 
}
.how_work_block i {
    margin-right: 11px;
}
.how_work_block:hover {
 background: #0089cf;
}
.how_work_block h3 {
margin-top: 16px;
  margin-bottom: 17px;
}
.how_work_block ul {
    margin: 25px 0 25px 0px;
}
.how_work_block li { list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 24px;
} 
.how_work_block li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(gal-white.png);
    margin-top: 4px;
}
.how_work_block a {
    color: #fff;
    border-bottom: 1px solid #c3c3c3;
    text-decoration: none;
    padding: 5px 1px 5px 0;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}
.how_work_block a:hover {
 border-bottom: 1px solid #fff;
   color: #fff;
  text-decoration:none;
}
.page_content .MagicZoom {
    padding: 15px;
    border: 1px solid #0d8bcd;
    border-radius: 5px;
   border-top-left-radius: 0px;
}
.opis_image {
  color: white;
    background: #0089cf;
    padding: 14px;
    display: inline-block;
    margin-bottom: -10px;
    margin-top: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} 
.main_page_content_inner {
    font-size: 16px;
}
.video_otz_block {
    background: #e8e8e8;
 padding-bottom: 50px;
  font-size: 18px;
}
.main_page_fot_block {
    margin-top: 22px;
}
.main_page_menu_block {
    margin-top: 25px;
    border: 1px solid #5c5c5c;
    padding: 15px;
    background: #fafdfe;
}
.main_page_menu_block ul {
    list-style: none;
    padding-left: 8px;
}
.sec_footer i {
    color: #ffffff;
    font-size: 30px;
    margin: 0 5px;
}

.sec_footer {
    padding: 25px 0;
}
.footer_block_text {
    color: white;
    line-height: 23px;
}

.bottom_phone {
    font-weight: bold;
    font-size: 26px;
  padding: 15px 0;
}
.bottom_mess i {
    font-size: 25px;
    padding: 11px 7px;
    background: white;
    width: 46px;
    text-align: center;
    color: #454545;
    border-radius: 3px;
}
li._temp.col-lg-4.text-center {
   /* padding: 0;*/
}
 
.files {
    padding: 15px;
    border: 1px solid #e7f2fa;
    border-radius: 3px;
    margin-bottom: 30px;
}

.files i {
    padding: 8px 19px;
    background: #0089cf;
    color: white;
    border-radius: 3px;
}
.rocketbank {
background: #151515;
}
.order__bk .obsuz .title > div.opis {
    margin-top: 31px;
    color: white;
  line-height: 9px;
}
.rocketbank {
    padding-bottom: 25px;
  
}
.yandex-dengi {
    max-width: 150px;
    height: auto;
}
.yandex_block {
    /*background: #ffcc00;*/
   
}
.yandex_block .opis {
color: #889098;
}
.payment_order_block {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
}
 
.video_block_lk {
   font-size: 18px;
}
.video_block_lk i {
    color: #ffffff;
    background: #ee1b23;
    padding: 19px;
    margin-right: 10px;
    font-size: 18px;
  width: 62px;
    text-align: center;
  text-decoration: none;
}
.video_block_lk i:hover, .left_side i:hover {
background: #ee1b23;
  color: white;
  text-decoration: none;
}
.video_block_lk i, .left_side i {
-webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
}
.video_block_lk a:hover, .left_side a:hover { 
  text-decoration: none;
}
.left_side i {
    color: #454545;
    background: #fff;
    padding: 17px;
    margin-right: 10px;
    font-size: 18px;
  width: 62px;
    text-align: center;
  text-decoration: none;
}
.details {
padding: 15px 15px 15px 70px;
background: #fdfdfd;         

}
.obs_lk {
    border: 1px solid #eaeaea;
    padding: 15px;
    margin-top: 25px;
    background: #f9f9f9;
}
.obs_lk iframe {
    border: 5px solid #ee1b23;
    padding: 2px;
    border-radius: 3px;
}
.order_block  {
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
  padding: 0 !important;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  font-size: 16px;
}
 
.order_block > div {
padding: 0;
  background:#f7f7f7;
   border-bottom: 1px solid #e2e2e2;
}
.left_side {
   
   /* padding: 15px;*/
   
}
.right_side {
 
    padding: 15px;
  background:#fff;
}

a.lk_butt {
text-align: center;
    display: block;
    background: #f38120;
    height: 100%;
    color: white;
    font-size: 18px;
    padding: 15px;
    text-decoration: none;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
a.lk_butt:hover  {
background: #ee1b23;
  color: white;
  text-decoration: none;
   border-radius: 10px;
}
.order_block .faq-bk > span:hover {
background: #0089cf;
  color: #fff;
}
.order_block .faq-bk > span {
  line-height: 28px;
    position: relative;
    color: #454545;
    font-size: 23px;
    padding: 0;
    display: block;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background: #d1e6f0;
    text-align: center;
    text-align: left;
    border-radius: 5px;
} 
.order_block .faq-bk > span::before {
   content: "";
    position: absolute;
    top: 45%;
    left: 71px;
    border: 14px solid transparent;
    border-top: 12px solid #0089cf;
    margin-left: 10px;
    margin-top: -2px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.file_block {
    padding: 25px 0 25px 102px;
}
span.title {
    margin-left: 52px;
}
.order_block .faq-bk {
margin-bottom: 0;
}
.order_block .faq-bk i {
 
}
.order_block .faq-bk._active > span::before {
    border-top-color: #fff;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -21px;
}
 .big_title_lk {
    background: #0089cf;
    padding: 15px;
    font-size: 25px;
    margin: 50px 0;
    color: white;
}
.top-menu.down {
    border-bottom: 2px solid #ee1b23;
}
.coll-des {
padding-bottom:50px;
}
.payments {
margin-top: 25px;
    font-size: 12px;
    color: #464646;
    text-align: center;
  background: white;
    padding: 50px 0;
}    
.payments img {
    max-width: 70px;
    margin-bottom: 15px;
}
 .payments i {
    font-size: 18px;
    width: 40px;
}
.payments > div {
    margin-bottom: 5px;
}
.wow_opisanie {
    background: #5c5c5c;
    text-align: center;
    color: white;
    padding: 15px 0;
    font-size: 25px;
    margin-bottom: 50px;
}
.osnovnoe_in_prod ul li {
list-style: none;
    margin-left: 15px;
    font-size: 15px;
}

.portfolio_page .platform__bk > div {
    text-align: left;
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'exo_2bold';
    margin-bottom: 5px;
}
.portfolio_page .platform__bk > div.rabochee-vremya {
line-height: 19px;
    font-size: 13px;
    text-transform: none;
    font-weight: 100;
    font-family: 'exo_2regular';
    margin-top: 17px;
}

.on-platform__bk_new {
  max-width: 1110px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  margin-top: 30px;

}

@media screen and (min-width: 768px) {

  .on-platform__bk_new .platform__bk {
    width: calc(33.3% - 10px) !important;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
  }

  .on-platform__bk_new .platform__bk:nth-of-type(3n) {
    margin-right: 0;
  }

  .on-platform__bk_new .platform__bk:nth-of-type(3n+1) {}

}

@media screen and (max-width: 767px) {
  .on-platform__bk_new .platform__bk {
    width: 100%;
  }
}
.clients-recomendations-block {
padding-top: 36px;
    padding-left: 70px;
    font-size: 16px;
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
  padding-bottom: 25px;
}
.clients-recomendations-block em {
color: #0089cf;
}
.clients-recomendations-block p, .clients-recomendations-block p span {
font-size: 16px;
}
.clients-recomendations-block a {
font-size: 17px;
  color: #ee1b23;
}
.order_scrins {
margin-bottom:10px;
}
.order_scrins_block {
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.order_scrins_blocks {
     border: 1px solid #e2e2e2;
    padding: 5px;
    background: white;
}
.tags-list {
    list-style: none;
}
.tags-list li  {
    display: inline-block;
}

.tags-list li a {
    display: inline-block;
    padding: 5px 15px;
    background: #d8edf7;
    color: #0089cf;
    border-radius: 3px;
    text-decoration: none;
  -webkit-transition: ease-out 0.5s;
      -moz-transition: ease-out 0.5s;
      -o-transition: ease-out 0.5s;
      transition: ease-out 0.5s;
  margin-bottom: 5px;
}
.tags-list li a:hover {
text-decoration: none;
  background: #5fba47;
    color: #ffffff;
}

.else_articles {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.else_articles_block {
    height: 200px;
    overflow: hidden;
    border: 1px solid #d8edf7;
    margin-bottom: 25px;
}
.else_articles_title {
    margin-bottom: 25px;
}
.docs_block {
    border: 1px solid #e7f2fa;
    padding: 25px;
    margin-top: 15px;
}  
.inside_menu {
    background: #fbfbfb;
    padding: 7px 30px 21px;
}
.inside_menu_link._current {
    color: #0089cf;
  text-decoration:underline;
}
.inside_menu_link {
  margin: 10px 13px 5px 0px;
    display: inline-block;
    color: #454e57;
    text-decoration: underline;
}
.page_nosidebar {
border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    padding: 0 28px;
}
.mobile_menu {
    background-color: #f7f7f7;
}
.mobile_menu .client_login {
display: block;
    line-height: 45px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: 1px solid #eaeaea;
}
.mobile_menu_padd  {
    padding: 15px;
}
.mobile_menu_li {
display: block;
    line-height: 45px;
    background-color: #fff;
    text-align: left;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    border-top: 1px solid #eaeaea;
    padding-left: 16px;
}
.mobile_menu_text {
    padding: 10px;
    background: white;
    margin: 0px 10px 10px 10px;
}
.mobile_menu .title {
    padding: 15px;
    font-weight: bold;
}
.mobile_menu_text > div {
 padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
} 
.mobile_menu .button {
text-align: center;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    width: 100%;
    border: none;
    background: #f38120;
    color: white;
    padding: 10px;
  text-transform: none;
}
.mobile_menu .button a {
 color: white;
}
.mobile_menu .button a .fa {

}
.tinkof_block {
margin-top:25px;
}
.tinkof_block img {
max-width: 216px;
    height: auto;
}

#flash_messages {
 
}

#flash_messages .message {

}

.error {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
  padding: 1rem;
  color: #a94442;
  background-color: #f38120;
}

.notice {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
  padding: 1rem;
  color: #3c763d;
  background-color: #dff0d8;
}
.actients_block {
    padding: 15px;
    background: #f38120;
    color: white;
}
.direct_w {
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.direct_w_txt li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 17px;
}
.direct_w_txt {
    vertical-align: middle; 
   font-size: 17px;
}
.direct_w_txt p {
 margin-bottom: 7px;
    font-size: 17px;
}
.direct_content {
 margin-bottom: 50px;
}

.direct_w_txt h3 {
    font-weight: bold;
    margin-bottom: 29px;
}






.direct-page {
  background: url('direct_bgr.jpg') no-repeat 50% 0;
}

.direct-section {
  margin-bottom: 80px;
}

.direct-section p {
  margin-bottom: 10px;
}

.mt-0 {
  margin-top: 0;
}

.flex-row.direct-section-first {
  -webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
}

.direct-section:not(.direct-section-first) img {
  max-width: none;
}

.title-direct h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 35px;
  color: #424243;
  letter-spacing: 3.5px;
  font-family: 'exo_2bold';
}

.direct-section:not(.direct-section-first) h3 {
  margin-top: 0;
}

.title-direct h1 img {
  margin-left: 40px;
}


.head-third {
  font-family: 'exo_2bold';
  font-size: 28px;
  margin-bottom: 10px;

}

.color-green {
 font-family: 'exo_2bold';
 font-size: 20px;
}

.color-orange {
  font-family: 'exo_2bold';
  font-size: 20px;
}


.text-bigger {
  font-size: 24px;
}

.direct-company-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  list-style: none;
}

.direct-company-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.direct-company-list-image {
   height: 131px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: end;
}

.direct-company-list-image img {
  margin-top: auto;
}

.direct-company-list-title {
  display: block;
  margin-top: 15px;
  font-family: 'exo_2bold';
  font-size: 20px;
  color: #3e3f40;
  letter-spacing: 2px;
}

.direct-company-list li:not(:last-of-type)::after {
  content: " ";
  display: inline-block;
  width: 42px;
  height: 9px;
  background: url('right_str_icon.png') no-repeat 0 0;
  margin: -29px 29px 0;
  -ms-flex-item-align: center;
  align-self: center;
}


.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


.form_direct {
  width: 396px;
  padding: 20px 20px 10px;
}

.form_direct .form-elem:last-child {
    margin-bottom: 0;
    height: auto;
    margin-top: 10px;
}

.form_direct .is-error {
  color: #a94442 !important;
  background-color: #f2dede !important;
}

.prodvijenue-page {
  overflow: visible;
}


.form_direct {
  margin: 0 auto 30px;
  width: auto !important;
  transform: translateX(60px);
  padding: 0;
  background: none;
  border: 0;
  display: inline-flex;
}

.form_direct::after {
  content: " ";
  display:block;
  background: transparent url('direct_guy.png') no-repeat 0 0;
  width: 92px;
  height: 409px;
  margin-top: 7px;
}

.form_direct .form_direct-bottom-wrap {
  background-color: #00bc39;
  padding: 20px 20px 15px;
  border-width: 0 24px 0 24px;
  border-color: #ff8204;
  border-style: solid;
}


.form_direct form {
 width: 404px;
}

.form_direct .form-title {
  text-align: center;
}

.form_direct .form-elem {
    margin-bottom: 25px;
}


.form-elem-submit {
 background: transparent url('direct_arrow.png') no-repeat 0 0;
 margin-top: 0 !important;
 padding: 145px 20px 0;
}


.form_direct-top {
  transform: translateX(91px);
  margin: 0;
}


@media screen and (min-width: 1200px) {
   .no-wrap {
     white-space: nowrap;
  }
}


@media screen and (max-width: 1199px) {
  
  .flex-row {
    -ms-flex-wrap: wrap;flex-wrap: wrap;
  }
  
  
  .flex-cell {
    min-width: 100%;
    -ms-flex-preferred-size: 100%;flex-basis: 100%;
    width: 100%;
    text-align: center !important;
  }
  
  .form_direct-top {
    display: none;
  }
  
  .form_direct {
     transform: translateX(0);
  }
  
  .direct-company-list {
    
  }
  
  
  
}


.direct-image-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  
 
  .title-direct h1 {
   font-size: 20px;
   letter-spacing: 2px;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    margin-top: 0;
  }
  
  .title-direct h1 img {
    margin-left: 10px;
    max-height: 30px;
   }
  
  .direct-section {
    margin-bottom: 35px;
  }
  
  .direct-section p {
    margin-bottom: 10px;
}
  .direct-company-list {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
  
  .direct-company-list li div {
    width: 100%;
  }
  
  .direct-company-list li:not(:last-of-type)::after {
    width: 35px;
    height: 9px;
    background: url(right_str_icon.png) no-repeat 0 0;
    margin: 0 15px 0;
    background-size: contain;
  }
  
  .direct-company-list-title {
     font-size: 13px;
     letter-spacing: 1.3px;
    display: none;
  }
  
  .direct-company-list-image {
    height: auto;
    -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  }
  
  .direct-company-list li:not(:last-of-type) img {
    max-width: 45px !important;
  }
  
   .head-third {
    font-size: 14px;
    letter-spacing: 1.4px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    font-weight: 700;
  }
  
  .direct-section p  {
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1.1;
    //font-weight: 700;
    padding: 0 6%;
  }
  
  .direct-section .flex-cell img {
    max-width: 100px;
  }
  
  .flex-cell-text {
    // order: 1;
  }
  
  .flex-cell-image {
    display: none;
    order:2;
    margin-top: 2.5rem;
  }
  
  p.direct-image-mobile {
    display:block;
    text-align:center;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  
   
  .form_direct {
    transform: translateX(0);
  }
  
  
  .form_direct::after {
    display: none;
  }
 
  .form_direct .input-text {
/*    padding: 15px;*/
    font-size: 15px;
  }
  
}

@media screen and (max-width: 440px) {

.form_direct form {
    width: 259px;
}
  
  .form_direct .form_direct-bottom-wrap {
    padding: 20px 10px 10px;
    border-width: 0 14px 0 14px;
}
  .form-elem-submit {
    background: transparent url('direct_arrow_small.png') no-repeat 0 0;
    padding: 94px 23px 0;
}
  
}

@media screen and (max-width: 480px) and (min-width: 0px), only screen and (max-device-width: 480px) and (min-device-width: 0px) {
.setting__them .setting > div {
  display: none;
}
  
}

@media screen and (max-width: 330px) {
  
.direct-company-list li:not(:last-of-type)::after {
    width: 25px;
    margin: -29px 10px 0;
  }
  
}
.left_module_block {
box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 722px !important;
}
.module_image_block {
    position: relative;
    text-align: center;
    border: 1px solid #f1f1f1;
    padding: 15px;
    margin-bottom: 25px;
    width: 100%;
}
.module_short_description li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 24px;
}
.module_short_description li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}

.option-values {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.option-values .option-value.is-active {
 background-color: #f38120;
    border: 1px solid white;
  color: white;  
}
button.option-value.is-span {
   background-color: #ffffff;
    border: 1px solid white;
    display: inline-block;
    width: 30%;
}
label.option-label {
    color: white;
    margin: 15px 0;
}

.option-selector > .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color_white {
 color: white;
}
.options-price {
  font-weight: bold;
  color: white;
    margin: 15px 0;
  font-size: 22px;
}
.right_side a {
    color: red;
    font-weight: bold;
}
.clients-recomendations-block img {
    box-shadow: 0px 6px 7px grey;
    margin: 15px 0;
}
.prodv_block {
    font-size: 15px;
}
 .dop_mod_des {
    background: #ffffff66;
    padding: 10px;
}
 .mod_tariffs {
    margin-bottom: 30px;
}
.page_content table td {
    display: inline-block;
    width: 50% !important;
  padding: 10px;
}
.page_content table  {
    display: block;
    width: 100% !important;
}
.page_content table tbody {
    display: block;
    width: 100% !important;
}

.options-price {
  font-weight: bold;
}
.right_side a {
    color: red;
    font-weight: bold;
}
.clients-recomendations-block img {
    box-shadow: 0px 6px 7px grey;
    margin: 15px 0;
}
.prodv_block {
    font-size: 15px;
}
.fast_block div {
    padding: 15px;
}
.shag {
position: relative;
  display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}
.fast_vopros {
    font-size: 20px;
    font-weight: bold;
    margin: -19px 0 11px 17px;
}
.fast_otvet {
    margin-left: 15px;
  position: relative;
}
.fast_dop_otvet {
 font-weight: normal;
   margin-left: 25px;
  font-size: 17px;
}
 .fast-zap {
    color: #505050;
}
.shag1   {
    position:absolute;left:0; right:0; top:0;bottom:0; margin:auto;
    background: #008ad2;
    text-align: center;
    border-radius: 9px;
    padding: 5px 14px;
    color: white;
}
.shag2  {
    position:absolute;left:0; right:0; top:0;bottom:0; margin:auto;
    background: #ff8204;
    text-align: center;
    border-radius: 9px;
    padding: 5px 14px;
    color: white;
}
.shag3  {
    position:absolute;left:0; right:0; top:0;bottom:0; margin:auto;
    background: #ff1c26;
    text-align: center;
    border-radius: 9px;
    padding: 5px 14px;
    color: white;
}
.shag1 h3 {
    color: #008ad2;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
  margin-top: 46px;
}
.shag2 h3 {
    color: #ff8204;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
  margin-top: 46px;
}
.shag3 h3 {
    color: #ff1c26;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
  margin-top: 61px;
}
.dop_otvet li::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 24px;
    width: 14px;
    height: 11px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(ic-gal.svg);
    margin-top: 4px;
}
.dop_otvet li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 24px;
}
.fast-zap2 {
    color: black;
    background: url(main-bg1.jpg);
  background-repeat: no-repeat;
  min-height: 938px;
  background-position: center;
}  
.grafik {
    padding: 17px;
}
.big-number {
background-color: #ee1b23;
    color: white;
    padding: 15px 25px;
    border: 0;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}
}