@charset "utf-8";
h1, h2, h3, h4{
    color: #000;
    font-family: "HelviticaNeue";
    font-weight: bold;
}
h1{
    font-size: 44px;
    line-height: 53px;
    margin: 40px 0 40px 0;
}
div.windowObject.objectControl h1{
    font-size: 34px;
    line-height: 38px;
    margin: 0 0 33px 0;
    text-transform: none;
    color: #333;
}
h2{
    font-size: 36px;
    line-height: 40px;
    margin: 29px 0 40px 0;
}
h3{
    font-size: 30px;
    line-height: 34px;
    margin: 29px 0 19px 0;
}
h4{
    font-size: 26px;
    line-height: 30px;
    margin: 20px 0 10px 0;
}
.stage,
body.plain,
div.transparent,
body.mail,
body,
div.content,
.top ul.menu,
form:not(.objectControl) div.properties div.managedProperty,
div span.hint,
.top .logo,
.layoutA ul.menu,
div.field input,
div.field textarea,
div.field select,
.dropdownMenu li .caption,
.stage span.datetime,
body div.section.captcha{
    font-family: "HelviticaNeue";
}
body,
div.content,
p,
ul > li,
ol > li,
.windowObject:not(.objectControl) div.message{
    font-size: 20px;
    line-height: 24px;
    color: #000;
}
p{
    margin-bottom: 10px;
}
b{
    font-weight: 700;
}
i{
    font-weight: 400;
    font-style: italic;
}
i b,
b i{
    font-weight: 700;
    font-style: italic;
}
a{
    color: #000000;
    text-decoration: none;
}
a:visited{
    color: #8F10BC;
}
a:hover{
    color: #3878be;
}
a.ajaxLink{
    text-decoration: none;
}
.managementPanel a.ajaxLink,
.windowObject.objectControl a.ajaxLink{
    border-bottom: none;
}
div.center{
    text-align: center;
}
span.phone{
    display: inline-block;
}
span.price{
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
}
span.datetime,
.stage span.datetime,
div.date{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: normal;
    font-style: normal;
}
span.datetime,
.stage span.datetime{
    display: inline-block;
    padding: 0;
}
span.datetime span.year ~ *{
    display: none;
}
h1 ~ div.section,
div.content > div.section{
    margin-top: 60px;
}
h2 ~ div.section,
div.content > div.section > div.section{
    margin-top: 29px;
}
h3 ~ div.section,
div.content > div.section > div.section > div.section{
    margin-top: 20px;
}
a.blank{
    position: relative;
    padding-left: 23px;
    display: inline-block;
    box-sizing: border-box;
}
a.blank svg.blank{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 0;
}
a.blank svg.blank .st0{
    fill: #000000;
    stroke: #000000;
}
a.blank:visited svg.blank .st0{
    fill: #8F10BC;
    stroke: #8F10BC;
}
a.blank:hover svg.blank .st0{
    fill: #3878be;
    stroke: #3878be;
}
a[href*='tel']{
    color: inherit !important;
}
div.content .heading,
div.content p.paragraph,
div.content .list,
.collapseContainer,
div.quote{
    max-width: 1050px;
}
body.main div.content .heading,
body.main div.content p.paragraph,
body.main div.content .list,
body.main .collapseContainer,
body.main div.quote{
    max-width: 100%;
}
.top a{
    color: #000000;
}
.footer a{
    color: #fff;
}
.top a:hover,
.footer a:hover{
    color: #3878be;
}
.blue{
    color: #333358;
}

/* Content */
div.content .anchorsList,
.anchorsList{
    margin: 40px 0 40px 0;
    padding: 19px 19px 9px 19px;
    background-color: #F8F8F8;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: 524px;
}
.anchorsList > li.item .list{
    margin: 10px 0 0 20px;
}
.anchorsList > li.item .list .list{
    margin-top: 10px;
}
.anchorsList > li.item{
    margin: 0 0 6px 0;
}
ul.anchorsList > li.item{
    padding-left: 0;
}
.anchorsList > li.item li.item{
    margin-bottom: 10px;
}
.anchorsList > li.item ul li.item{
    padding-left: 0;
}
.anchorsList > li.item .anchorLink{
    border-bottom: 1px dotted #DDD;
}
.anchorLink{
    text-decoration: none;
}
p.paragraph.withImage{
    overflow: visible;
}
div.content div.section img[title],
div.content div.section img,
img{
    margin: 20px 0 11px 0;
    border: none;
    box-sizing: border-box;
    max-width: 100%;
}
div.content p.paragraph.afterHeading img.image,
div.content p.paragraph img.image,
p.paragraph img{
    float: left;
    margin: 0 30px 4px 0;
    max-width: 210px;
}
span.imageTitle{
    color: rgba(51, 51, 51, 0.6);
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 19px 0;
}
ul.thumbnails{
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: visible;
    min-width: 0;
    max-width: 1050px !important;
}
ul.thumbnails > li.item{
    margin-bottom: 20px;
    width: 23.2%;
    margin-right: 2.4%;
}
ul.thumbnails > li.item img{
    margin: 0;
}
ul.thumbnails > li.item:nth-child(4n){
    margin-right: 0;
}
ul.thumbnails > li.item:nth-child(4n+1){
    clear: both;
}
ul.thumbnails > li.item:nth-last-child(1),
ul.thumbnails > li.item:nth-last-child(2),
ul.thumbnails > li.item:nth-last-child(3),
ul.thumbnails > li.item:nth-last-child(4){
    margin-bottom: 0;
}
ul.thumbnails > li.item a.image:before{
    display: none;
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    right: 15px;
    bottom: 15px;
    background: url('icons/zoom.svg') no-repeat 0 0;
    z-index: 3;
}
ul.thumbnails > li.item a.image:hover:before{
    display: block;
}
ul.list.thumbnails > li.item a.link img.image{
    margin: 0;
}
a.video{
    display: block;
    background-color: #000;
    box-shadow: 0 0 0 1px #CDD2DF;
    position: relative;
}
a.video:before{
    content: "";
    padding-bottom: 83.268%;
    width: 100%;
    display: block;
}
a.video:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
a.video svg.icon{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    z-index: 1;
}
a.video img.image{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
div.content a.video.link img.image{
    box-shadow: none;
    border-radius: 0;
}
a.video svg.icon .st0{
    fill: rgba(255, 0, 0, 0.8);
}
a.video svg.icon .st1{
    fill: #fff;
}
a.video:hover svg.icon .st0{
    fill: rgba(255, 0, 0, 1);
}
ol.ordered  > li {
    padding-left: 33px;
}
ol.ordered > li:before{
    width: 27px;
}
ol ol, ol ul, ul ol, ul ul{
    margin-top: 5px;
    margin-bottom: 10px;
}
ul > li li, ol > li li{
    margin-bottom: 5px;
}
ul > li,
ol > li{
    margin-bottom: 10px;
    padding-left: 33px;
}
ul.bullited > li{
    padding-left: 33px;
}
ul ul > li,
ol ul > li{
    padding-left: 26px;    
}
ul ul.bullited > li,
ol ul.bullited > li{
    padding-left: 20px;    
}
ul ul > li:before,
ol ul > li:before{
    left: -2px;
    top: -1px;
}
ul ul.bullited > li:before,
ol ul.bullited > li:before{
    left: 3px;
}
ol,
ul{
    margin-bottom: 6px;
}
ul > li:before{
    color: #3878be;
    left: 5px;
    top: -1px;
}
ol > li:before{
    left: -4px;
}
ul.bullited > li:before{
    content: "•";
    color: #3878be;
    top: 0;
    left: 16px;
    font-size: 20px;
}
ul.list.files{
    margin-top: 23px;
    margin-bottom: 30px;
}
div.content ul.files li.item{
    margin-bottom: 15px;
}
span.loadable{
    display: inline-block;
    padding-left: 28px;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}
span.loadable a.link{
    position: relative;
}
span.loadable a.link.icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 23px;
    margin: 0;
    background: none !important;
}
span.loadable a.link.icon svg{
    width: 18px;
    height: 20px;   
}
span.loadable a.link.icon svg .st0{
    fill: #000;
}
span.loadable a.link.icon:hover svg .st0,
span.loadable a.link.icon.hover svg .st0{
    fill: #3878be;
}
span.loadable a.link.icon:hover + a.link{
    color: #3878be;
}
span.file span.string,
span.loadable span.string{
    display: inline-block;
    margin-left: 5px;
    color:#999;
    text-transform: none;
}
span.file span.string span.prefix,
span.loadable span.string span.prefix{
    text-transform: capitalize;
}
div.content div.section.collapseContainer.collapseContainer{
    margin-top: 0;
    margin-bottom: 10px;
}
.collapseContainer.collapsed,
.collapseContainer.collapsed:hover,
div.section.collapseContainer.collapsed,
div.section.collapseContainer.collapsed:hover,
div.section.collapseContainer,
div.section.collapseContainer:hover{
    background: none;
    padding-left: 21px;
}
div.section.collapseContainer .collapseSwitcher,
.collapseContainer .collapseSwitcher{
    color: #000000;
    position: relative;
    display: inline-block;
    border-bottom: none;
}
div.section.collapseContainer a.collapseSwitcher{
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
}
div.section.collapseContainer .collapseSwitcher:hover{
    color: #3878be;
}
div.section.collapseContainer .collapseSwitcher span{
    border-bottom: 1px dotted #DDD;
}
div.section.collapseContainer .collapseSwitcher:hover span{
    border-bottom: 1px dotted #3878be;
}
div.section.collapseContainer .collapseSwitcher svg{
    position: absolute;
    left: -21px;
    top: 3px;
    width: 16px;
    height: 16px;
    padding-right: 10px;
}
div.section.collapseContainer h1.collapseSwitcher.heading{
    line-height: 52px;
}
div.section.collapseContainer h2.collapseSwitcher.heading{
    line-height: 40px;
    margin-bottom: 0;
}
div.section.collapseContainer h3.collapseSwitcher.heading{
    line-height: 34px;
    margin-bottom: 0;
}
div.section.collapseContainer h4.collapseSwitcher.heading{
    line-height: 30px;
    margin-bottom: 0;
}
div.section.collapseContainer h1.collapseSwitcher.heading svg{
    top: 16px;
}
div.section.collapseContainer h2.collapseSwitcher.heading svg{
    top: 14px;
}
div.section.collapseContainer h3.collapseSwitcher.heading svg{
    top: 10px;
}
div.section.collapseContainer h4.collapseSwitcher.heading svg{
    top: 6px;
}
div.section.collapseContainer .collapseSwitcher g.down,
div.section.collapseContainer.collapsed .collapseSwitcher g.up{
    display: none;
}
div.section.collapseContainer.collapsed .collapseSwitcher g.down{
    display: block;
}
div.section.collapseContainer .collapseSwitcher svg .st0{    
    fill: #000000;
    fill-rule: evenodd;
}
div.section.collapseContainer .collapseSwitcher:hover svg .st0{
    fill: #3878be;
}
div.section.collapseContainer .collapseSwitcher + *{
    margin-top: 10px;
}
div.section.collapseContainer > *:last-child{
    margin-bottom: 0;
}
#container .tableContainer{
    margin: 25px 0 28px 0;
    overflow-x: auto;
    max-width: 1050px;
}
#container .tableContainer.withDottes{
    margin: 17px 0 23px 0;
}
#container table{
    border: 0;
    margin: 0;
    border-spacing: 0;
}
#container table tr.row.heading td.cell{
    border-right: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 2px solid #3878be;
    padding: 9px 20px 10px 20px;
    vertical-align: bottom;
    color: #000;
}
#container table tr.row:nth-child(odd) td.cell{
    background-color: #F4F4F4;
}
#container table tr.row.heading td.cell{
    background-color: #fff;
}
#container table tr.row td.cell{
    font-size: 20px;
    line-height: 24px;
    color: #000;
    border: 0;
    border-bottom: 1px solid #F8F8F8;
    padding: 8px 20px 8px 20px;
    background-color: #fff;
}
#container table tr.row td.cell.button{
    min-width: 160px;
    text-align: right;
}
#container table tr.row td.cell a.button{
    padding: 9px 26px 7px 25px;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    top: 0;
    text-transform: none;
    position: relative;
}
#container table tr.row td.cell.withImage{
    min-width: 220px;
}
#container table:not(.withDottes) tr.row:not(.heading):hover td.cell,
table.table:not(.withDottes) tr.row.activeRow:not(.heading) > td.cell.doubleRow,
table.table:not(.withDottes) tr.row.activeRows:not(.heading) > td.cell{
    background: #E1EFFF;
}
table tr.row td.cell p.paragraph,
table tr.row td.cell ul > li,
table tr.row td.cell ol > li{
    margin-bottom: 10px;
}
table tr.row td.cell p.paragraph:last-child,
table tr.row td.cell ul > li:last-child,
table tr.row td.cell ol > li:last-child{
    margin-bottom: 0;
}
div.content div.video{
    margin: 22px 0 11px 0;
    overflow: hidden;
    position: relative;
    max-width: 640px;
}
div.content div.video:after{
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
div.content div.video iframe,
div.content div.video embed,
div.content div.video object{
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
div.video + span.videoTitle{
    margin-top: 0;
}
span.videoTitle{
    color: rgba(51, 51, 51, 0.6);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    display: inline-block;
}
#container div.content div.quote{
    margin-top: 15px;
}
div.quote p:not(.author){
    color: #000;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
    font-style: italic;
    margin: 0 25px 10px 36px;
    max-width: 950px;
}
div.quote p.author{
    float: right;
    margin-right: 7.7%;
    margin-bottom: 14px;
    margin-top: 1px;
}
div.quote + *{
    clear: both;
}
div.quote p.author span.string{
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
    display: block;
    position: relative;
}
div.quote p.author span.string + .string{
    margin-top: 0;
    margin-left: -18px;
}
div.quote p.author span.string:first-of-type:before {
    position: absolute;
    content: "—";
    left: -19px;
    top: -1px;
}
div.quote span.text{
    position: relative;
    padding: 0;
}
div.quote span.quoteStarter ~ *{
    position: relative;
}
div.quote span.quoteStarter,
div.quote span.quoteFinisher{
    width: 18px;
    height: 11px;
    position: absolute;
}
div.quote svg{
    width: 100%;
    height: 100%;
}
div.quote svg .st0{
    fill: #3878be;
}
div.quote span.quoteStarter{
    left: 0;
    top: 9px;
    margin: 0;
    background: none;
}
div.quote span.quoteFinisher{
    right: 1px;
    top: auto;
    bottom: 7px;
    margin: 0;
    background: none;
}
div.content div.section div.section.floated{
    margin: 0 5% 8px 0;
}
div.content div.section div.section.floated + .floated{
    margin-right: 0;
}
div.floated + .floated + *{
    clear: both;
}
div.content ul.floatedElem,
ul.floatedElem{
    margin: 0;
}
ul.floatedElem > li.item{
    margin: 50px 6% 0 0;
    padding: 0;
    float: left;
    width: 47%;
}
ul.floatedElem > li.item:nth-of-type(2n){
    margin-right: 0;
}
ul.floatedElem > li.item:nth-of-type(2n+1){
    clear: both;
}
ul.floatedElem > li.item:nth-of-type(1),
ul.floatedElem > li.item:nth-of-type(2){
    margin-top: 0;
}
ul.floatedElem[column="3"] > li.item{
    margin-right: 5%;
    width: 30%;
    clear: none;
    word-break: break-word;
}
ul.floatedElem[column="3"] > li.item:nth-of-type(3n){
    margin-right: 0;
}
ul.floatedElem[column="3"] > li.item:nth-of-type(3n+1){
    clear: both;
}
ul.floatedElem[column="3"] > li.item:nth-of-type(1),
ul.floatedElem[column="3"] > li.item:nth-of-type(2),
ul.floatedElem[column="3"] > li.item:nth-of-type(3){
    margin-top: 0;
}
ul.floatedElem[column="4"] > li.item{
    margin-right: 2.4%;
    width: 23.2%;
    clear: none;
    word-break: break-word;
}
ul.floatedElem[column="4"] > li.item:nth-of-type(4n){
    margin-right: 0;
}
ul.floatedElem[column="4"] > li.item:nth-of-type(4n+1){
    clear: both;
}
ul.floatedElem[column="4"] > li.item:nth-of-type(1),
ul.floatedElem[column="4"] > li.item:nth-of-type(2),
ul.floatedElem[column="4"] > li.item:nth-of-type(3),
ul.floatedElem[column="4"] > li.item:nth-of-type(4){
    margin-top: 0;
}
a.button{
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 60px;
    padding: 8px 16px;
    margin: 5px 0 5px 0;
}
a.button.ajaxLink{
    text-decoration: none;
}
a.button:hover{
    color: #fff;
    background-color: #3878be;
    border-color: #3878be;
}
a.button.input{
    color: #fff;
    background-color: #3878be;
    padding: 8px 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
}
a.button.input span{
    border-bottom: none;
}
a.button.input:hover{
    background-color: #3B65CC;
}
a.button.input:active{
    background-color: #022988;
}
a.button.input[disabled]{
    background-color: #F8F8F8;
    border-color: #999999;
    color: #999999;
    cursor: default;
}
div.ya-map{
    margin: 15px 0 15px 0;
    width: 100%;
    height: 320px;
    max-width: 1050px;
    border: none;
    box-sizing: border-box;
}
div.ya-map div.mapContainer{
    width: 100%;
}
div.content div.section div.ya-map div img{
    max-width: none;
    border: 0;
    margin: 0;
}
#container .ya-map table{
    margin: 0;
    border: 0;
}
div.content div.section div.ya-map .YMaps-button .YMaps-icon{
    margin: 5px 1px 0 1px;
}
ymaps[class*='-copyrights-pane']{
    display: none !important;
}
div.ya-map div.mapContainer ymaps[class*='places-pane'] ymaps[class*='placemark'] ymaps[class*='svg-icon']:not([class*='cluster']):not([class*='svg-icon-content']) {
    background-image: url('icons/marker.svg');
    top: -41px !important;
    left: -17px !important;
    background-repeat: no-repeat;
}
div.ya-map div.mapContainer ymaps[class*='places-pane'] ymaps[class*='placemark'] ymaps[class*='svg-icon'][class*='cluster'] {
    background-image: url('icons/ymaps.svg');
}
div.ya-map div.mapContainer ymaps[class*='places-pane'] ymaps[class*='placemark'] ymaps[class*='svg-icon'][class*='cluster'] > ymaps[class*='content'] {
    font: 20px/20px "HelviticaNeue" !important;
    top: 13px !important;
    left: 0 !important;
    color: #000;
}
div.section ul.workList,
ul.workList{
    margin-top: 23px;
    margin-bottom: 41px;
}
ul.workList > li.item{
    float: left;
    width: 22.857%;
    padding-left: 0;
    margin: 31px 2.857% 0 0;
}
ul.workList > li.item img.image{
    margin: 0 auto 20px auto;
}
ul.workList > li.item:nth-of-type(1),
ul.workList > li.item:nth-of-type(2),
ul.workList > li.item:nth-of-type(3),
ul.workList > li.item:nth-of-type(4){
    margin-top: 0;
}
ul.workList > li.item:nth-child(4n){
    margin-right: 0;
}
ul.workList > li.item:nth-child(4n+1){
    clear: both;
}
ul.workList > li.item p.name{
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
}
ul.workList > li.item p{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #000;
}
ul.workList > li.item p.post{
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 24px;
}
ul.workList > li.item p.address,
ul.workList > li.item p.email,
ul.workList > li.item p.phone{
    margin-left: 30px;
    position: relative;
}
ul.workList > li.item p.email{
    margin-bottom: 0;
    word-wrap: break-word;
    word-break: break-all;
}
ul.workList > li.item svg .st0{
    fill: #3878be;
    stroke: #3878be;
    stroke-width: 0.7;
}
ul.workList > li.item .email svg .st0{
    stroke: transparent;
}
ul.workList > li.item svg{
    position: absolute;
    left: -30px;
    top: -1px;
    width: 20px;
    height: 21px;
    padding: 0 11px 0 0;
}
ul.workList > li.item a:hover svg .st0{
    fill: #3878be;
}
.stage div.content div.feedbackForm.feedbackForm{
    margin-top: 0;
}
div.window div.login form{
    padding: 0;
}
div.login form div.field span{
    font-size: 20px;
    line-height: 24px;
    color: #000;
}
form div.action{
    margin-top: 8px;
    margin-right: 0;
}
div.feedbackForm div.action,
div.login div.action,
div.logout div.action,
div.registration  div.action,
div.catalogUnit div.marketItem form.order div.action,
div.action.removeItem,
div.action.addToOrder,
div.logout div.action,
div.action.checkout,
div.action.recalculate,
div.action.goToPrevStep,
div.action.chooseDeliveryMethod,
div.action.choosePaymentMethod,
div.action.cancel,
div.action.confirm,
.stage div.action.saveData,
div.action.chooseCustomer,
div.action.changePassword,
.stage div.action.saveManagedProperties,
div.action.recoverAccess,
div.action.search,
div.action.chooseOtherPaymentMethod,
div.action.catalog{
    border: 0;
    border-radius: 0;
    background: transparent;
}
div.feedbackForm form div.action input.action,
div.login div.action input.action,
div.logout div.action input.action,
div.registration  div.action input.action,
div.catalogUnit div.marketItem form.order div.action input.action,
div.action.removeItem input.action,
div.action.addToOrder input.action,
div.logout div.action input.action,
div.action.checkout input.action,
div.action.recalculate input.action,
div.action.goToPrevStep input.action,
div.action.chooseDeliveryMethod input.action,
div.action.choosePaymentMethod input.action,
div.action.cancel input.action,
div.action.confirm input.action,
.stage div.action.saveData input.action,
div.action.chooseCustomer input.action,
div.action.changePassword input.action,
.stage div.action.saveManagedProperties input.action,
div.action.recoverAccess input.action,
div.action.search input.action,
div.action.chooseOtherPaymentMethod input.action{
    background-color: #3878be;
    font: 20px/24px "HelviticaNeue";
    font-weight: normal;
    color: #fff;
    padding: 14px 16px 12px 16px;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
div.feedbackForm form div.action input.action:hover,
div.login div.action input.action:hover,
div.logout div.action input.action:hover,
div.registration  div.action input.action:hover,
div.catalogUnit div.marketItem form.order div.action input.action:hover,
div.action.removeItem input.action:hover,
div.action.addToOrder input.action:hover,
div.logout div.action input.action:hover,
div.action.checkout input.action:hover,
div.action.recalculate input.action:hover,
div.action.goToPrevStep input.action:hover,
div.action.chooseDeliveryMethod input.action:hover,
div.action.choosePaymentMethod input.action:hover,
div.action.cancel input.action:hover,
div.action.confirm input.action:hover,
.stage div.action.saveData input.action:hover,
div.action.chooseCustomer input.action:hover,
div.action.changePassword input.action:hover,
.stage div.action.saveManagedProperties input.action:hover,
div.action.recoverAccess input.action:hover,
div.action.search input.action:hover,
div.action.chooseOtherPaymentMethod input.action:hover{
    background-color: #3B65CC;
    color: #fff;
}
div.feedbackForm form div.action input.action:active,
div.login div.action input.action:active,
div.logout div.action input.action:active,
div.registration  div.action input.action:active,
div.catalogUnit div.marketItem form.order div.action input.action:active,
div.action.removeItem input.action:active,
div.action.addToOrder input.action:active,
div.logout div.action input.action:active,
div.action.checkout input.action:active,
div.action.recalculate input.action:active,
div.action.goToPrevStep input.action:active,
div.action.chooseDeliveryMethod input.action:active,
div.action.choosePaymentMethod input.action:active,
div.action.cancel input.action:active,
div.action.confirm input.action:active,
.stage div.action.saveData input.action:active,
div.action.chooseCustomer input.action:active,
div.action.changePassword input.action:active,
.stage div.action.saveManagedProperties input.action:active,
div.action.recoverAccess input.action:active,
div.action.search input.action:active,
div.action.chooseOtherPaymentMethod input.action:active{
    background-color: #022988;
    color: #fff;
}
div.feedbackForm form div.action input.action:disabled,
div.login div.action input.action:disabled,
div.logout div.action input.action:disabled,
div.registration  div.action input.action:disabled,
div.catalogUnit div.marketItem form.order div.action input.action:disabled,
div.action.removeItem input.action:disabled,
div.action.addToOrder input.action:disabled,
div.logout div.action input.action:disabled,
div.action.checkout input.action:disabled,
div.action.recalculate input.action:disabled,
div.action.goToPrevStep input.action:disabled,
div.action.chooseDeliveryMethod input.action:disabled,
div.action.choosePaymentMethod input.action:disabled,
div.action.cancel input.action:disabled,
div.action.confirm input.action:disabled,
.stage div.action.saveData input.action:disabled,
div.action.chooseCustomer input.action:disabled,
div.action.changePassword input.action:disabled,
.stage div.action.saveManagedProperties input.action:disabled,
div.action.recoverAccess input.action:disabled,
div.action.search input.action:disabled,
div.action.chooseOtherPaymentMethod input.action:disabled{
    background-color: #F8F8F8;
    color: #999;
    box-shadow: 0 0 0 2px #999;
    cursor: default;
}
form:not(.objectControl) div.properties div.managedProperty div.field div.outer,
div.field.login .outer,
div.field.password .outer{
    border: none;
    box-sizing: border-box;
}
form.order.authorization .managedObject > div.properties div.managedProperty,
form.order.authorization .managedObject div.section.captcha,
form:not(.objectControl) div.properties div.managedProperty{
    border-radius: 0;
    padding: 5px 0 5px 0;
    margin: 0 0 7px 0;
    width: 100%;
    box-sizing: border-box;
}
form:not(.objectControl) div.properties div.managedProperty.text{
    padding-top: 9px;
}
form:not(.objectControl) div.properties div.managedProperty:hover,
form:not(.objectControl) div.properties div.managedProperty.resizing,
div.window form:not(.objectControl) div.properties div.managedProperty:hover,
div.window form:not(.objectControl) div.properties div.managedProperty.resizing{
    background: transparent;
}
form:not(.objectControl) div.properties div.item.managedProperty span.caption,
div span.hint,
form:not(.objectControl) div.properties div.managedProperty a.enableLink,
form.order .managedObject > div.properties div.managedProperty a.enableLink,
div.section.captcha span.caption,
div.field.login span.caption,
div.field.password span.caption{
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    margin: 0 0 5px 0;
}
form:not(.objectControl) div.properties{
    max-width: 750px !important;
}
.windowObject:not(.objectControl) form:not(.objectControl) div.properties{
    max-width: 750px !important;
}
form:not(.objectControl) div.section.captcha{
    width: 100%;
    max-width: 750px;
    padding: 0 26px 0 10px;
    margin: 11px 0 0 -10px;
    box-sizing: border-box;
}
.windowObject:not(.objectControl) form:not(.objectControl) div.section.captcha{
    max-width: 100%;
}
body div.section.captcha span.caption{
    margin: 0;
    width: 100%;
    top: 0;
}
.windowObject:not(.objectControl) .window div.section.captcha span.caption{
    width: 100%;
    font-weight: normal;
    padding-right: 2%;
}
div span.hint{
    padding: 0;
    margin-bottom: 10px;
    max-width: 850px;
    font-style: normal;
}
form:not(.objectControl) div.properties div.item.managedProperty.disabled span.caption,
form:not(.objectControl) div.properties div.item.managedProperty.enabled span.caption{
    color: #000;
    background: none;
}
form:not(.objectControl) div.properties div.managedProperty a.enableLink,
form.order .managedObject > div.properties div.managedProperty a.enableLink{
    position: relative; 
    margin-left: 28px;
    color: #000;
    padding-left: 0;
    background: none;
    height: auto;
}
form:not(.objectControl) div.properties div.managedProperty a.enableLink:before,
form.order .managedObject > div.properties div.managedProperty a.enableLink:before{
    position: absolute;
    content: "+";
    left: -20px;
    top: 1px;
    width: 20px;
    padding-left: 2px;
    padding-bottom: 0;
    box-sizing: border-box;
}
form:not(.objectControl) div.properties div.managedProperty a.enableLink:hover,
form.order .managedObject > div.properties div.managedProperty a.enableLink:hover{
    color: #3878be;
}
form:not(.objectControl) div.properties div.managedProperty a.enableLink:hover:before,
form.order .managedObject > div.properties div.managedProperty a.enableLink:hover:before{
    background-position: 0 -7px;
}
form:not(.objectControl) div.properties div.managedProperty a.enableLink span.text,
form.order .managedObject > div.properties div.managedProperty a.enableLink span.text{
    border-bottom: none;
    line-height: normal;
    border-bottom: 1px dotted;
    display: inline;
}
form:not(.objectControl) div.field input,
form:not(.objectControl) div.field textarea,
form:not(.objectControl) div.field select,
div.field.login input,
div.field.password input{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    margin: 0;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
    letter-spacing: normal;
}
form:not(.objectControl) div.field input[readonly],
form:not(.objectControl) div.field input[readonly]:focus{
    border-color: #ccc;
    color: #888888;
    background-color: #fff;
    cursor: default;
}
form:not(.objectControl) div.field input[type='checkbox']{
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    opacity: 0
}
form:not(.objectControl) div.properties div.managedProperty.boolean{
    padding-right: 0;
}
form:not(.objectControl) div.properties div.managedProperty.boolean span.caption {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-left: 28px;
    box-sizing: border-box;
}
form:not(.objectControl) div.properties div.managedProperty.boolean[key='personal-data'] span.caption {
    font-size: 15px;
    line-height: 20px;
}
form:not(.objectControl) div.properties div.managedProperty.boolean div.fieldContainer {
    width: auto;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
}
form:not(.objectControl) div.properties div.managedProperty.boolean span.caption a{
    padding-left: 0;
}
form:not(.objectControl) div.properties div.managedProperty.boolean span.caption a svg.blank{
    display: none;
}
form:not(.objectControl) div.field textarea{
    border-bottom: none;
    width: 100% !important;
    position: static;
}
form:not(.objectControl) div.field input:focus,
form:not(.objectControl) div.field textarea:focus,
div.field.login input:focus,
div.field.password input:focus{
    border-color: #000;
}
div.login form,
div.accessRecovery form,
div.field.login,
div.field.password{
    max-width: 750px;
}
div.login form,
div.accessRecovery form{
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
}
div.field.login,
div.field.password{
    margin: 0 0 0 -10px;
    max-width: 100%;
    padding: 11px 26px 9px 10px;
    box-sizing: border-box;
}
form:not(.objectControl) div.field select{
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
form:not(.objectControl) div.properties div.managedProperty.string div.field div.outer{
    height: auto;
    box-sizing: border-box;
}
form:not(.objectControl) div.properties div.managedProperty div.field div.outer .inner,
div.field.login .inner,
div.field.password .inner{
    padding-left: 0;
    height: 100%;
    background: none;
}
form:not(.objectControl) div.properties div.managedProperty div.field.text div.outer .inner{
    padding-bottom: 10px;
}
form:not(.objectControl) div.properties div.managedProperty.text span.caption,
form.order .managedObject > div.properties div.managedProperty.text span.caption{
    width: 100%;
    padding-right: 0;
}
form.order .managedObject > div.properties div.managedProperty.text span.caption{
    margin-bottom: 7px;
}
form.order .managedObject > div.properties div.managedProperty span.caption{
    font-weight: normal;
}
form:not(.objectControl) div.properties div.managedProperty div.field div.outer .inner .resizer,
form.order .managedObject > div.properties div.managedProperty div.fieldContainer .resizer{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: 0;
    border: none;
    height: 10px;
    background: url('icons/vertical.svg') center center no-repeat, #3878be;
    border: 1px solid #999;
    border-top: 0;
    box-sizing: border-box;
    background-size: 14px 3px;
}
form:not(.objectControl) div.properties div.managedProperty div.field.focused div.outer .inner .resizer,
form.order .managedObject > div.properties div.managedProperty div.fieldContainer.focused .resizer{
    border-color: #000;
}
form:not(.objectControl) div.properties div.managedProperty span.caption,
div.field.login span.caption,
div.field.password span.caption{
    width: 100%;
    padding-right: 0;
}
div.field.login span.caption,
div.field.password span.caption{
    margin-right: 0;
    padding-right: 2%;
}
div.login form div.field div.outer,
div.accessRecovery form div.field div.outer,
.radioItem div.field.login div.outer,
.radioItem div.field.password div.outer{
    width: 100%;
}
div.properties div.managedProperty span.caption .required{
    color: #f33;
}
form:not(.objectControl) div.properties div.managedProperty div.fieldContainer div.field{
    padding: 0;
    position: relative;
    top: 0;
}
form:not(.objectControl) div.properties div.managedProperty div.fieldContainer{
    width: 100%;
}
form:not(.objectControl){
    max-width: 100%;
}
form:not(.objectControl) div.properties div.managedProperty.text span.caption{
    width: 100%;
    margin-bottom: 5px;
}
form div.section.captcha img.code{
    border: 0;
    margin: 0 0 0 26px;
    max-height: 46px;
}
form div.section.captcha div.field div.outer div.inner input{
    height: 46px;
    font-size: 33px;
    margin: 0;
    padding: 5px 5px;
    box-sizing: border-box;
}
div.section.captcha.captcha div.field{
    margin: 0;
    padding: 0;
    width: 90px;
}
div.section.captcha.captcha div.field div.outer{
    width: 100%;
    border: none;
    box-sizing: border-box;
}
div.section.captcha span.caption,
div.section.captcha div.field.code,
div.section.captcha img.code{
    vertical-align: middle;
}
div.section.captcha.captcha div.field div.inner{
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
}
span.managedActionResult.exceptional,
span.managedActionResult.negative,
span.managedActionResult.exceptional p.paragraph,
span.managedActionResult.negative p.paragraph,
form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint{
    font-size: 16px;
    line-height: 20px;
    color: #ED1C24 !important;
    font-style: normal;
    max-width: 870px;
    margin-bottom: 20px;
}
form:not(.objectControl) div.properties div.managedProperty.validationHint div.field input,
form:not(.objectControl) div.properties div.managedProperty.validationHint div.field textarea,
form:not(.objectControl) div.properties div.managedProperty.validationHint div.field select,
form:not(.objectControl) div.properties div.managedProperty.validationHint div.field div.outer .inner .resizer,
form.order .managedObject > div.properties div.managedProperty.validationHint div.fieldContainer .resizer{
    border-color: #ED1C24;
}
form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint{
    padding-left: 0;
    font-size: 14px;
    line-height: 18px;
    margin: 4px 0 0 10px;
    max-width: 100%;
}
.windowObject:not(.objectControl) form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint{
    padding-left: 0;
    margin-left: 9px;
}
.windowObject:not(.objectControl) form:not(.objectControl) div.properties div.managedProperty.validationHint.text span.validationHint,
form:not(.objectControl) div.properties div.managedProperty.validationHint.text span.validationHint{
    padding-left: 0;
}
.windowObject:not(.objectControl) .window{
    background: #fff;
    border-radius: 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.6);
}
div.windowObject:not(.objectControl){
    width: 100%;
}
.windowObject:not(.objectControl):not(.catalogUnit) .window{
    min-width: 839px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    border: none;
    left: 50% !important;
    margin-left: -419.5px;
}
.windowObject:not(.objectControl) .window .body .logout form{
    padding: 0;
}
.windowObject:not(.objectControl) .window .body{
    background: #fff;
    padding: 40px 35px 50px 50px;
}
.windowObject:not(.objectControl) .window .titleBar{
    height: 0;
}
.windowObject:not(.objectControl) .window form:not(.objectControl){
    max-width: 100%;
}
.windowObject:not(.objectControl) .window form:not(.objectControl) div.properties div.managedProperty.text div.fieldContainer{
    width: 100%;
}
.windowObject:not(.objectControl) .window {
    padding: 0;
}
.windowObject:not(.objectControl) .window .titleBar .buttons .close{
    border: none;
    margin: 0;
    background: url('icons/close.svg') no-repeat 0 0,
                url('icons/close-h.svg') no-repeat 0 -100px;
    position: absolute;
    right: 28px;
    top: 28px;
    width: 24px;
    height: 24px;
    z-index: 100;
}
.windowObject:not(.objectControl) .window .titleBar .buttons .close:hover{
    background-image: url('icons/close-h.svg');
    background-position: 0 0;
}
.windowObject:not(.objectControl) div.window .managedObject > div.properties div.managedProperty{
    padding: 5px 28px 5px 10px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.windowObject:not(.objectControl) div.window .managedObject div.section.captcha{
    padding: 0 28px 0 10px;
    margin: 15px 0 0 -10px;
}
.windowObject:not(.objectControl) div.window div span.hint{
    margin-bottom: 23px;
}
form:not(.objectControl).managedObject > div.properties div.managedProperty a.disableLink,
form.order .managedObject.managedObject > div.properties div.managedProperty a.disableLink{
    width: 14px;
    height: 14px;
    top: 50%;
    right: -25px;
    margin-top: -7px;
    background: url('icons/closeForm.svg') no-repeat 0 0,
                url('icons/closeForm-h.svg') no-repeat 0 -1000px;
}
form:not(.objectControl).managedObject > div.properties div.managedProperty a.disableLink:hover,
form.order .managedObject.managedObject > div.properties div.managedProperty a.disableLink:hover{
    background-image: url('icons/closeForm-h.svg');
    background-position: 0 0;
}
.windowObject:not(.objectControl) div.window .managedObject > div.properties div.managedProperty a.disableLink{
    right: -17px;
}
form:not(.objectControl) .resizer div,
form.order .resizer div{
    display: none;
}
div.feedbackForm div.privacy{
    margin: 12px auto 0 auto;
}
div.feedbackForm div.privacy p{
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.3);
}
form:not(.objectControl).managedObject > div.properties div.managedProperty.optional.enabled:hover a.disableLink,
form:not(.objectControl).managedObject > div.properties div.managedProperty.optional.enabled.resizing a.disableLink{
    display: none;
}
#container table.withDottes{
    margin: 0;
    overflow: hidden;
    min-width: 400px;
}
#container .attributes table.withDottes{
    overflow: visible;
}
#container table.withDottes tr.row td.cell{
    border: 0;
    background-color: transparent;
    padding: 0 0 10px;
    position: relative;
    vertical-align: top;
    color: #000;
}
#container table.withDottes tr.row:last-child td.cell{
    padding-bottom: 0;
}
#container table.withDottes tr.row td.cell:first-child {
    width: 33.8%;
    background: transparent;
    padding-right: 5px;
}
#container table.withDottes tr.row td.cell:first-child > *:first-child{
    position: relative;
    padding-right: 4px;
    background: #fff;
}
#container table.withDottes tr.row td.cell:first-child:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    background: url('icons/dotted.svg') repeat-x 0 0;
    height: 1px;
    margin-top: 18px;
    background-size: 5px 1px;
}
#container table.withDottes tr.row td.cell:last-child{
    padding-left: 5px;
}
.logo{
    margin: 0;
    letter-spacing: normal;
    position: relative;
    color: #000;
    float: left;
    font-size: 30px;
    line-height: 30px;
    font-style: normal;
    font-weight: normal;
    z-index: 1;
}
.top .logo{
    margin: 0 0 0 0;
}
.top .logo img.image{
    margin: 0 0 0 0;
    max-width: 190px;
}
.topLogo{
    padding: 19px 0 19px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 2;
}
body.managementMode .topLogo{
    top: 32px;
}
div.logo a.link{
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.contacts-header{
    float: right;
    margin: 0 0 0 0;
    text-align: right;
    position: relative;
    z-index: 1;
}
.contacts-header p{
    display: inline-block;
    margin: 0 20px 0 0;
}
.contacts-header p:last-child{
    margin-right: 0;
}
.contacts-header a.button{
    margin: 0;
}
.contacts-header a.button.input{
    padding: 14px 15px 12px 14px;
}
a.showPhone{
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 26px 8px 16px;
}
a.showPhone svg{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    position: relative;
    top: -2px;
}
a.showPhone svg .st0{
    fill: #000;
}
a.showPhone:hover svg .st0{
    fill: #fff;
}
div.field input::-webkit-input-placeholder{
    color: #999;    
}
div.field input::-ms-input-placeholder{
    color: #999;
}
div.field input:-ms-input-placeholder{
    color: #999;
}
div.field input::-moz-placeholder{
    color: #999;
}
div.field input::placeholder{
    color: #999;
}
.phone .phoneTitle{
    font-size: 16px;
    line-height: 20px;
    color: #999;
}
.footer p,
.footer ul li,
.footer ol li{
    color: #fff;
}
.footer a.showPhone{
    color: #fff;
    border-color: #fff;
    border-width: 1px;
    padding: 2px 12px 4px 12px;
    margin-bottom: -2px;
}
.footer a.showPhone:hover{
    border-color: #3878be;
}
.footer a.showPhone svg{
    top: 0;
    margin-right: 8px;
}
.footer a.showPhone svg .st0,
.footer a.showPhone:hover svg .st0{
    fill: #fff;
}
.footer p{
    font-size: 16px;
    line-height: 20px;
}
.footer p.head{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
}
.copyright{
    margin: 0 0 0 0;
}
.copyright p{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    color: #ccc;
}
.contacts-footer p.address a.blank{
    padding-left: 23px;
}
.contacts-footer p.address a.blank svg.blank{
    display: none;
}
.contacts-footer a.email{
    position: relative;
    padding-left: 23px;
} 
.contacts-footer p:last-child{
    margin-bottom: 0;
}
.contacts-footer svg{
    width: 16px;
    height: 16px;
    margin: 0;
    position: absolute;
    top: 1px;
    left: 0;
}
.contacts-footer svg .st0{
    fill: #fff;
}
.contacts-footer a:hover svg .st0{
    fill: #3878be;
}
h2 ~ div.section.phoneNumbers,
div.content div.section.phoneNumbers,
div.content div.section div.section.phoneNumbers,
.phoneNumbers{
    margin: 0 0 9px 0;
}
.phoneNumbers{
    color: #000;
}
.phoneNumbers a.phone{
    margin: 0 -200px 0 0;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.phoneNumbers .info{
    display: inline-block;
    margin: 0 0 0 226px;
    vertical-align: top;
}
.phoneNumbers .string{
    display: block;
}
.phoneNumbers .string + .string{
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
    color: #999;
}
.loadingIndicator,
.widget.component.ajaxUpdating,
div.ya-map.loading{
    background-image: url('images/preloader.gif') !important;
}
.loadingIndicator{
    margin-top: 15px;
    width: 60px;
    height: 10px;
}
.popup.deleteHint{
    left: 100%;
    top: 50%;
    padding: 15px 10px 13px 17px;
    margin: -27px 0 0 40px;
    width: 98px;
}
.popup.deleteHint.active{
    display: block;
}
.popup.deleteHint.delta{
    left: auto;
    right: 0;
}
.triangle{
    display: none;
    position: absolute;
    left: 17px;
    top: -12px;
    width: 26px;
    height: 12px;
    overflow: hidden;
    margin: 0;
    z-index: 4;
}
.popupBlock.active .triangle,
.popup.active .triangle{
    display: block;
}
.triangle:after{
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 5px;
    top: 4px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #999;
}
.popup.deleteHint .triangle{
    left: -12px;
    top: 14px;
    width: 12px;
    height: 26px;
}
.popup.deleteHint.delta .triangle{
    left: auto;
    right: -12px;
}
.popup.deleteHint.delta .triangle:after{
    left: -8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
div.popupBlock{
    position: relative;
    margin: 0 0 0 13px;
    display: inline-block;
    top: -1px;
}
.popupLink{
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
}
.popupLink > span{
    position: relative;
    border-bottom: 1px dotted;
}
.popupLink svg.hint{
    width: 20px;
    height: 20px;
    margin: 0 3px 0 0;
}
.popupLink svg .st0{
    fill: #FDC300;
}
.popupLink:hover svg .st0{
    fill: #3878be;
}
.popupLink svg.hint .st1{
    fill: #3878be;
}
.popupLink svg.hint g.hover,
.popupLink:hover svg.hint g.normal{
    display: none
}
.popupLink:hover svg.hint g.hover{
    display: block;
}
.popup{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    margin: 0;
    padding: 40px 35px 50px 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    color: #000;
    width: 839px;
    box-sizing: border-box;
    text-align: left;
    white-space: normal;
    z-index: 3;
}
.popup,
.popup p,
.popup ul li,
.popup ol li{
    font-size: 14px;
    line-height: 18px;
}
.popup.active,
.popupBlock.active .popup{
    display: block;
}
.popup .close{
    position: absolute;
    right: 28px;
    top: 28px;
    cursor: pointer;
}
.popup .close svg{
    width: 24px;
    height: 24px;
}
.popup .close svg .st0{
    fill: #999;
}
.popup .close:hover svg .st0{
    fill: #3878be;
}
.fancybox-caption{
    display: none;
    font-size: 20px;
    line-height: 24px;
    background: #000000;
    padding: 11px 15px 9px 15px;
}
.fancybox-image{
    border-radius: 0;
}
.fancybox-container.fancybox-is-zoomable .fancybox-content{
    cursor: zoom-in;
}
.fancybox-slide--image .fancybox-content{
    will-change: transform;
    background: #fff;
}
.fancybox-slide--image{
    padding: 33px 0;
}
.fancybox-spaceball{
    display: none;
}
.fancybox-is-open .fancybox-bg{
    opacity: 0.8;
}
.fancybox-toolbar .fancybox-button{
    background-color: #000;
    width: 36px;
    height: 36px;
    padding: 0;
}
.fancybox-toolbar .fancybox-button.fancybox-button--zoom{
    display: none !important;
}
.fancybox-toolbar .fancybox-button svg{
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
.fancybox-toolbar .fancybox-button svg .st0{
    fill: #DDDDDD;
}
.fancybox-toolbar .fancybox-button:hover{
    background-color: #3878be;
}
.fancybox-toolbar .fancybox-button:hover svg .st0{
    fill: #fff;
}
.fancybox-navigation .fancybox-button--arrow_left{
    left: 10px;
}
.fancybox-navigation .fancybox-button--arrow_right{
    right: 10px;
}
.fancybox-infobar{
    font-size: 20px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    width: 85px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 25px;
    padding: 0;
    text-align: center;
    top: auto;
    left: 50%;
    bottom: 50px;
    margin: 0 0 0 -42.5px;
    box-sizing: border-box;
    mix-blend-mode: normal;
}
.fancybox-elements{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
}
.fancybox-show-infobar .fancybox-elements,
.fancybox-show-nav .fancybox-elements{
    opacity: 1;
}
.fancybox-navigation .fancybox-button--arrow_left{
    padding: 0;
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding: 0;
}
.fancybox-navigation .fancybox-button{
    background: transparent;
}
.fancybox-navigation .fancybox-button div{
    padding: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #DDDDDD;
    border-radius: 50%;
    margin: 0 auto;
    opacity: 1;
}
.fancybox-navigation .fancybox-button:hover div{
    border-color: #3878be;
    background-color: #3878be;
}
.fancybox-navigation .fancybox-button svg{
    width: 16px;
    height: 24px;
    margin: 0 auto 0 auto;
    top: 50%;
    left: -1px;
    transform: translate(0, -50%);
}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right svg{
    left: 1px;
}
.fancybox-navigation .fancybox-button svg .st0{
    fill: #DDDDDD;
}
.fancybox-navigation .fancybox-button:hover svg .st0{
    fill: #fff;
}
#container div.withImage{
    box-sizing: border-box;
    padding: 0 0 0 0;
    margin: 21px 0 0 0;
    position: relative;
}
div.content div.section.withImage div.section.images{
    width: 200px;
    margin: 8px 40px 8px 0;
    float: left;
}
div.withImage div.images img.image{
    margin: 0;
}
div.withImage div.images + .heading{
    margin-top: 0;
}
div.anchors-menu{
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    clear: both;
}
div.anchors-menu ul{
    margin: 0;
    text-align: center;
}
div.anchors-menu ul > li.item{
    margin: 0 2.93% 10px 0;
    padding: 0;
    display: inline-block;
    font-size: 20px;
    line-height: 36px;
}
div.anchors-menu ul > li.item:last-child{
    margin-right: 0;
}
div.anchors-menu ul > li.item a{
    color: #000;
}
div.anchors-menu ul > li.item a:hover{
    color: #3878be;
}
body.main div.content .heading,
body.main div.content > .section[id]{
    text-align: center;
}
body.main div.firstBlock.section{
    margin: 0 0 0 0;
    padding: 72px 0 72px 0;
    background: url("images/firstBlock.jpg") 50% no-repeat;
    background-size: cover;
    position: relative;
}
body.main div.firstBlock.section:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(43, 43, 43, 0.75);
}
body.main div.content .firstBlock .heading,
body.main div.content > .section.firstBlock{
    text-align: left;
}
body.main div.firstBlock .heading{
    max-width: 640px;
}
body.main div.firstBlock p.paragraph,
body.main div.firstBlock .list{
    max-width: 611px;
}
body.main div.firstBlock h1{
    margin-bottom: 19px;
}
div.firstBlock .heading,
div.firstBlock a,
div.firstBlock p,
div.firstBlock ul li,
div.firstBlock ol li{
    color: #fff;
}
div.firstBlock a:hover{
    color: #3878be;
}
div.firstBlock p{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}
div.firstBlock h2{
    margin-bottom: 19px;
}
div.firstBlock div.buttons{
    margin: 37px 0 0 0;
}
div.firstBlock div.buttons a.button{
    margin: 0 0 0 0;
    padding: 14px 16px 12px 16px;
}
div.firstBlock div.buttons a.button:hover{
    color: #fff;
}
body.main div.workBlock.section{
    margin: 0 0 0 0;
    padding: 128px 0 73px 0;
}
.workBlock .work ul.list li.item img.image{
    margin: 0 auto 37px auto;
    max-width: 200px;
}
.workBlock .work ul.list li.item .imageTitle{
    display: none;
}
.workBlock .work ul.list li.item p{
    line-height: 28px;
}
.workBlock h2{
    margin-top: 101px;
    margin-bottom: 11px;
}
.workBlock .equipment{
    margin: 127px 0 0 0;
}
.equipment ul.equipmentList li.item img.image{
    margin: 0 auto 36px auto;
    max-width: 145px;
}
.equipment ul.equipmentList li.item .imageTitle{
    display: none;
}
.equipment ul.equipmentList li.item p{
    line-height: 28px;
}
body.main div.applicationBlock.section{
    margin: 0 0 0 0;
    padding: 56px 0 56px 0;
    background-color: #f6f5f3;
}
.applicationBlock h2{
    margin-bottom: 11px;
}
.applicationBlock .applicationForm{
    margin: 26px 0 0 0;
}
.applicationForm form:not(.objectControl) div.properties{
    max-width: 460px !important;
    text-align: left;
    margin: 0 auto;
}
.applicationForm div.feedbackForm div.privacy{
    max-width: 460px;
}
body.main div.aboutUs.section{
    margin: 0 0 0 0;
    padding: 72px 0 62px 0;
}
.aboutUs h2{
    margin-bottom: 11px;
}
.aboutUs .section p{
    font-size: 16px;
    line-height: 24px;
}
body.main div.certificate.section{
    margin: 0 0 0 0;
    padding: 56px 0 62px 0;
    background-color: #f6f5f3;
}
.certificate .buttons{
    margin: 0;
}
.certificate .buttons a.button{
    margin: 0 15px 10px 0;
    padding: 14px 16px 12px 16px;
}
.certificate .buttons a.button:last-child{
    margin-right: 0;
}
body.main div.examples.section{
    margin: 0 0 0 0;
    padding: 73px 0 0 0;
}
ul.examplesList li.item img.image{
    margin: 0 auto 10px auto;
    max-width: 218px;
}
div.examples ul.examplesList{
    margin: 87px 0 0 0;
}
div.examples ul.thumbnails{
    margin: 102px 0 0 0;
}
div.phonePopupBlock{
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 2;
}
div.phonePopupBlock.active{
    display: block;
}
.phonePopup{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.phonePopup p:last-child{
    margin-bottom: 0;
}
.phonePopup p.head{
    font-size: 44px;
    line-height: 53px;
    font-weight: bold;
    margin-bottom: 40px;
}
.phonePopup span.phone{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.phonePopup a[href*='tel']{
    color: #04b !important;
}
.phonePopup a[href*='tel']:hover{
    color: #3878be !important;
}
.popupBlockBack{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
}


@media screen and (max-width: 1500px){
    div.quote span.quoteFinisher{
        right: 0;
    }
}
@media screen and (max-width: 1366px){
    .layoutA{
        width: 260px;
        margin-right: -260px;
    }
    body.common .layoutA + .layoutB{
        padding-left: 300px;
    }
}
@media screen and (max-width: 1100px){
    ul.floatedElem[column="4"] > li.item,
    ul.floatedElem[column="4"] > li.item:nth-of-type(4n){
        margin-right: 5%;
        width: 30%;
        clear: none;
    }
    ul.floatedElem[column="4"] > li.item:nth-of-type(3n){
        margin-right: 0;
    }
    ul.floatedElem[column="4"] > li.item:nth-of-type(3n+1){
        clear: both;
    }
    ul.floatedElem[column="4"] > li.item:nth-of-type(4){
        margin-top: 50px;
    }
}
@media screen and (max-width: 1024px){
    .layoutA,
    .topMenu{
        display: none;
    }
    .top div.fullMenu,
    ul.thumbnails > li.item a.image:before{
        display: block;
    }
    .top{
        height: 60px;
    }
    .top .logo{
        margin-top: 0;
    }
    .top .logo img.image{
        max-width: 152px;
    }
    .topLogo{
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 60px;
    }
    ol > li:before {
        left: 0;
    }
    body.common.main .layoutB,
    body.common .layoutA + .layoutB,
    body.common .layoutB{
        width: 100%;
        padding-left: 0;
        padding-top: 31px;
    }
    body.common.main .layoutB{
        padding-top: 0;
    }
    body.common .layoutB{
        padding-bottom: 50px;
    }
    .popup.deleteHint,
    .popup.popupCancel{
        display: none !important;
    }
    ul.thumbnails > li.item a.image:before{
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .fancybox-is-open .fancybox-bg,
    .fancybox-bg{
        opacity: 1;
        background-color: #fff;
    }
    .fancybox-toolbar .fancybox-button,
    .fancybox-toolbar .fancybox-button:hover{
        background-color: transparent;
    }
    .fancybox-toolbar .fancybox-button:hover svg .st0{
        fill: #999;
    }
    .fancybox-elements{
        width: 92%;
        left: 4.5%;
        height: 38px;
        bottom: 28px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 25px;
        z-index: 99997;
    }
    .fancybox-infobar{
        bottom: 0;
        height: 38px;
        line-height: 38px;
        background-color: transparent;
        color: #2d2d2d;
    }
    .fancybox-navigation .fancybox-button{
        top: 0;
        height: 100%;
        width: auto;
    }
    .fancybox-navigation .fancybox-button div{
        width: 40px;
        height: 100%;
    }
    .fancybox-navigation .fancybox-button div,
    .fancybox-navigation .fancybox-button:hover div{
        background-color: transparent;
        border: none;
    }
    .fancybox-navigation .fancybox-button svg .st0,
    .fancybox-navigation .fancybox-button:hover svg .st0{
        fill: #2c2c2c;
    }
    .fancybox-navigation .fancybox-button--arrow_left{
        left: 5px
    }
    .fancybox-navigation .fancybox-button--arrow_right{
        right: 5px
    }
    .fancybox-navigation .fancybox-button svg{
        width: 10.656px;
        height: 16px;
    }
    .fancybox-toolbar {
        right: 10px;
        top: 9px;
    }
    .fancybox-toolbar .fancybox-button svg {
        width: 12px;
        height: 12px;
    }
    .fancybox-toolbar .fancybox-button svg .st0{
        fill: #000;
    }
    .footerCenter .leftBlock{
        float: none;
        width: auto;
        margin-right: 0;
    }
    .footerCenter .rightBlock{
        float: none;
        width: auto;
        margin-top: 11px;
    }
    .windowObject:not(.objectControl):not(.catalogUnit) .window{
        min-width: 0;
        width: 98% !important;
        margin-left: 1%;
        left: 0 !important;
    }
    ol.ordered > li:before {
        width: 20px;
    }
    ol.ordered > li{
        padding-left: 25px;
    }
    .popup{
        width: 98%;
    }
}
@media screen and (max-width: 850px){
    ul.workList > li.item,
    ul.workList > li.item:nth-child(4n){
        width: 31%;
        margin-right: 3.5%;
    }
    ul.workList > li.item:nth-child(4n+1){
        clear: none;
    }
    ul.workList > li.item:nth-child(3n){
        margin-right: 0;
    }
    ul.workList > li.item:nth-child(3n+1){
        clear: both;
    }
    ul.workList > li.item:nth-of-type(4){
        margin-top: 31px;
    }
}
@media screen and (max-width: 768px){
    ul.thumbnails > li.item,
    ul.thumbnails > li.item:nth-child(4n){
        width: 30%;
        margin-right: 5%;
    }
    ul.thumbnails > li.item:nth-last-child(4){
        margin-bottom: 20px;
    }
    ul.thumbnails > li.item:nth-child(3n){
        margin-right: 0;
    }
    ul.thumbnails > li.item:nth-child(3n+1){
        clear: both;
    }
    ul.thumbnails > li.item:nth-child(4n+1){
        clear: none;
    }
    form:not(.objectControl) div.properties div.item.managedProperty span.caption{
        width: 100%;
        padding-right: 0;
        margin-bottom: 6px;
    }
    form:not(.objectControl) div.properties div.managedProperty div.fieldContainer{
        top: 0;
        width: 100%;
    }
    div.section.captcha span.caption,
    .windowObject:not(.objectControl) .window div.section.captcha span.caption{
        width: auto;
    }
    form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint,
    .windowObject:not(.objectControl) form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint{
        padding-left: 0;
    }
    .windowObject:not(.objectControl) .window .titleBar .buttons .close{
        right: 10px;
        top: 10px;
    }
    .windowObject:not(.objectControl) .window .body{
        padding: 35px 15px 35px 15px;
    }
    div.quote p.author{
        margin-right: 25px;
    }
    div.quote p:not(.author){
        margin-left: 30px;
    }
    ul.floatedElem[column="3"] > li.item,
    ul.floatedElem[column="3"] > li.item:nth-of-type(3n),
    ul.floatedElem[column="4"] > li.item,
    ul.floatedElem[column="4"] > li.item:nth-of-type(4n),
    ul.floatedElem[column="4"] > li.item:nth-of-type(3n){
        width: 47%;
        margin-right: 6%;
    }
    ul.floatedElem[column="3"] > li.item:nth-of-type(3n+1),
    ul.floatedElem[column="4"] > li.item:nth-of-type(3n+1){
        clear: none;
    }
    ul.floatedElem[column="3"] > li.item:nth-of-type(2n),
    ul.floatedElem[column="4"] > li.item:nth-of-type(2n){
        margin-right: 0;
    }
    ul.floatedElem[column="3"] > li.item:nth-of-type(2n+1),
    ul.floatedElem[column="4"] > li.item:nth-of-type(2n+1){
        clear: both;
    }
    ul.floatedElem[column="3"] > li.item:nth-of-type(3),
    ul.floatedElem[column="4"] > li.item:nth-of-type(3){
        margin-top: 50px;
    }
    #container table.withDottes tr.row td.cell:first-child{
        width: 50%;
    }
    .contacts-header p{
        vertical-align: middle;
    }
    .contacts-header a.button.input{
        font-size: 16px;
        line-height: 24px;
        padding: 9px 15px 7px 14px;
    }
    .contacts-header a.showPhone svg{
        margin-right: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -8px 0 0 -8px;
    }
    .contacts-header a.showPhone{
        width: 26px;
        height: 26px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }
    .contacts-header a.showPhone span.string{
        display: none;
    }
    form div.action,
    form div.action input.action{
        width: 100%;
    }
    .popup{
        padding: 35px 15px 35px 15px;
    }
    .popup .close{
        right: 10px;
        top: 10px;
    }
}
@media screen and (max-width: 700px){
    div.content div.section.withImage div.section.images{
        max-width: 150px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 600px){
    ul.workList > li.item,
    ul.workList > li.item:nth-child(4n),
    ul.workList > li.item:nth-child(3n){
        width: 47%;
        margin-right: 6%;
    }
    ul.workList > li.item:nth-child(2n){
        margin-right: 0;
    }
    ul.workList > li.item:nth-child(2n+1){
        clear: both;
    }
    ul.workList > li.item:nth-child(3n+1){
        clear: none;
    }
    ul.workList > li.item:nth-of-type(3){
        margin-top: 31px;
    }
    div.quote p.author{
        margin-right: 0;
    }
    form:not(.objectControl) div.properties div.managedProperty,
    .windowObject:not(.objectControl) div.window .managedObject > div.properties div.managedProperty,
    form.order.authorization .managedObject > div.properties div.managedProperty{
        margin: 0 0 15px 0;
        padding-left: 0;
        padding-right: 0;
    }
    form:not(.objectControl) div.properties div.managedProperty:hover,
    form:not(.objectControl) div.properties div.managedProperty.resizing,
    div.window form:not(.objectControl) div.properties div.managedProperty:hover,
    div.window form:not(.objectControl) div.properties div.managedProperty.resizing{
        background-color: transparent;
    }
    form:not(.objectControl).managedObject > div.properties div.managedProperty a.disableLink,
    form.order .managedObject.managedObject > div.properties div.managedProperty a.disableLink,
    .windowObject:not(.objectControl) div.window .managedObject > div.properties div.managedProperty a.disableLink{
        right: -14px;
    }
    span.managedActionResult.exceptional,
    span.managedActionResult.negative,
    span.managedActionResult.exceptional p.paragraph,
    span.managedActionResult.negative p.paragraph{
        margin-bottom: 10px;
    }
    form:not(.objectControl) div.properties div.managedProperty.boolean div.fieldContainer{
        left: 0;
    }
}
@media screen and (max-width: 550px){
    div.content div.section div.section.floated{
        clear: both;
        width: 100%;
        margin-right: 0;
    }
    ul.floatedElem > li.item,
    ul.floatedElem[column="3"] > li.item,
    ul.floatedElem[column="3"] > li.item:nth-of-type(3n),
    ul.floatedElem[column="3"] > li.item:nth-of-type(2n),
    ul.floatedElem[column="4"] > li.item,
    ul.floatedElem[column="4"] > li.item:nth-of-type(4n),
    ul.floatedElem[column="4"] > li.item:nth-of-type(3n),
    ul.floatedElem[column="4"] > li.item:nth-of-type(2n){
        width: 100%;
        float: none;
        margin-right: 0;
        clear: both;
    }
    ul.floatedElem > li.item:nth-of-type(2),
    ul.floatedElem[column="3"] > li.item:nth-of-type(2),
    ul.floatedElem[column="4"] > li.item:nth-of-type(2){
        margin-top: 50px;
    }
    ul.thumbnails > li.item,
    ul.thumbnails > li.item:nth-child(4n),
    ul.thumbnails > li.item:nth-child(3n){
        width: 47%;
        margin-right: 6%;
    }
    ul.thumbnails > li.item:nth-last-child(3){
        margin-bottom: 20px;
    }
    ul.thumbnails > li.item:nth-child(2n){
        margin-right: 0;
    }
    ul.thumbnails > li.item:nth-child(2n+1){
        clear: both;
    }
    ul.thumbnails > li.item:nth-child(3n+1){
        clear: none;
    }
    div.content p.paragraph.afterHeading img.image,
    div.content p.paragraph img.image,
    p.paragraph img{
        float: none;
        clear: both;
        display: block;
        max-width: 100%;
    }
}
@media screen and (max-width: 500px){
    h1{
        font-size: 30px;
        line-height: 36px;
        margin-top: 21px;
        margin-bottom: 21px;
    }
    h2{
        font-size: 26px;
        line-height: 32px;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    h3{
        font-size: 22px;
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 11px;
    }
    h4{
        font-size: 18px;
        line-height: 24px;
        margin-top: 14px;
        margin-bottom: 8px;
    }
    h1 ~ div.section,
    div.content > div.section {
        margin-top: 25px;
    }
    h2 ~ div.section,
    div.content > div.section > div.section {
        margin-top: 20px;
    }
    h3 ~ div.section,
    div.content > div.section > div.section > div.section{
        margin-top: 14px;
    }
    div.section.collapseContainer h1.collapseSwitcher.heading{
        line-height: 34px;
    }
    div.section.collapseContainer h2.collapseSwitcher.heading{
        line-height: 30px;
    }
    div.section.collapseContainer h3.collapseSwitcher.heading{
        line-height: 26px;
    }
    div.section.collapseContainer h4.collapseSwitcher.heading{
        line-height: 22px;
    }
    div.section.collapseContainer h1.collapseSwitcher.heading svg{
        top: 15px;
    }
    div.section.collapseContainer h2.collapseSwitcher.heading svg{
        top: 12px;
    }
    div.section.collapseContainer h3.collapseSwitcher.heading svg{
        top: 10px;
    }
    div.section.collapseContainer h4.collapseSwitcher.heading svg{
        top: 7px;
    }
    body,
    div.content,
    p,
    ul > li,
    ol > li,
    .windowObject:not(.objectControl) div.message,
    #container table tr.row td.cell,
    span.price,
    span.loadable,
    div.section.collapseContainer a.collapseSwitcher,
    div.quote p.author span.string,
    .fancybox-caption,
    .anchorsList > li.item ul li.item ul li.item,
    span.imageTitle,
    span.videoTitle,
    ul.floatedElem > li.item,
    ul.workList > li.item p,
    form:not(.objectControl) div.properties div.item.managedProperty span.caption,
    div span.hint,
    form:not(.objectControl) div.properties div.managedProperty a.enableLink,
    form.order .managedObject > div.properties div.managedProperty a.enableLink,
    div.section.captcha span.caption,
    div.field.login span.caption,
    div.field.password span.caption,
    form:not(.objectControl) div.field input,
    form:not(.objectControl) div.field textarea,
    form:not(.objectControl) div.field select,
    div.field.login input,
    div.field.password input,
    span.managedActionResult.exceptional,
    span.managedActionResult.negative,
    span.managedActionResult.exceptional p.paragraph,
    span.managedActionResult.negative p.paragraph,
    form:not(.objectControl) div.properties div.managedProperty.validationHint span.validationHint,
    #container table tr.row td.cell a.button,
    .copyright p,
    span.datetime,
    .stage span.datetime,
    div.date,
    div.jq-selectbox__select,
    div.jq-selectbox__dropdown,
    div.jq-selectbox li,
    .popup,
    .popup p,
    .popup ul li,
    .popup ol li{
        font-size: 15px;
        line-height: 18px;
    }
    div.quote p:not(.author),
    a.button,
    ul.workList > li.item p.post,
    div.feedbackForm form div.action input.action,
    div.login div.action input.action,
    div.logout div.action input.action,
    div.registration div.action input.action,
    div.catalogUnit div.marketItem form.order div.action input.action,
    div.action.removeItem input.action,
    div.action.addToOrder input.action,
    div.logout div.action input.action,
    div.action.checkout input.action,
    div.action.recalculate input.action,
    div.action.goToPrevStep input.action,
    div.action.chooseDeliveryMethod input.action,
    div.action.choosePaymentMethod input.action,
    div.action.cancel input.action,
    div.action.confirm input.action,
    .stage div.action.saveData input.action,
    div.action.chooseCustomer input.action,
    div.action.changePassword input.action,
    .stage div.action.saveManagedProperties input.action,
    div.action.recoverAccess input.action,
    div.action.search input.action,
    div.action.chooseOtherPaymentMethod input.action{
        font-size: 15px;
        line-height: 18px;
    }
    ul.workList > li.item p.name{
        font-size: 18px;
        line-height: 24px;
    }
    p,
    ul > li,
    ol > li{
        margin-bottom: 8px;
    }
    a.blank{
        padding-left: 16px;
    }
    a.blank svg.blank{
        top: 3px;
        width: 12px;
        height: 12px;
    }
    span.imageTitle{
        margin-bottom: 15px;
    }
    ol > li:before {
        width: 10px;
    }
    ul ul > li,
    ol ul > li{
        padding-left: 17px;
    }
    ul ul > li:before,
    ol ul > li:before{
        left: -1px;
    }
    ul > li,
    ol > li{
        padding-left: 20px;
    }
    ul > li:before{
        left: 0;
    }
    ul.bullited > li:before{
        left: 1px;
        top: 1px;
        font-size: 18px;
    }
    div.quote p.author span.string + .string{
        margin-top: 0;
    }
    div.section.captcha span.caption,
    .windowObject:not(.objectControl) .window div.section.captcha span.caption{
        width: 100%;
        padding-right: 0;
        margin-bottom: 6px;
    }
    div.slick-list{
        padding-bottom: 30px;
    }
    .phoneNumbers a.phone{
        width: auto;
        margin-right: 0;
    }
    .phoneNumbers .info{
        display: block;
        margin-left: 0;
        margin-top: 4px;
    }
    h2 ~ div.section.phoneNumbers,
    div.content div.section.phoneNumbers,
    div.content div.section div.section.phoneNumbers,
    .phoneNumbers{
        margin-bottom: 15px;
    }
    ul.bullited > li,
    ul ul.bullited > li,
    ol ul.bullited > li{
        padding-left: 19px;
    }
    ul ul.bullited > li:before,
    ol ul.bullited > li:before{
        left: 0;
    }
    #container table.withDottes tr.row td.cell:first-child:before{
        margin-top: 13px;
    }
    div.firstBlock p {
        font-size: 20px;
        line-height: 26px;
    }
    body.main div.firstBlock.section,
    body.main div.workBlock.section,
    body.main div.applicationBlock.section,
    body.main div.aboutUs.section,
    body.main div.certificate.section{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    body.main div.examples.section{
        padding-top: 50px;
    }
    .workBlock .work ul.list li.item img.image{
        margin-bottom: 15px;
    }
    .workBlock h2{
        margin-top: 50px;
    }
    .workBlock .equipment{
        margin-top: 50px;
    }
    .equipment ul.equipmentList li.item img.image{
        margin-bottom: 15px;
    }
    div.examples ul.examplesList{
        margin-top: 50px;
    }
    div.examples ul.thumbnails{
        margin-top: 50px;
    }
    div.firstBlock div.buttons a.button{
        width: 100%;
        text-align: center;
    }
    .certificate .buttons a.button{
        margin-right: 0;
        width: 100%;
    }
    .contacts-header a.button.input{
        display: none;
    }
    .contacts-header p{
        margin-right: 0;
    }
    .phonePopup p.head{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 21px;
    }
    .phonePopup span.phone{
        font-size: 24px;
    }
}
@media screen and (max-width: 400px){
    ul.workList > li.item,
    ul.workList > li.item:nth-child(4n),
    ul.workList > li.item:nth-child(3n),
    ul.workList > li.item:nth-child(2n){
        width: 100%;
        margin-right: 0;
        clear: both;
    }
    ul.workList > li.item:nth-of-type(2){
        margin-top: 31px;
    }
    div.quote p.author{
        padding-left: 15px;
    }
    ul.thumbnails > li.item,
    ul.thumbnails > li.item:nth-child(4n),
    ul.thumbnails > li.item:nth-child(3n),
    ul.thumbnails > li.item:nth-child(2n){
        width: 100%;
        margin-right: 0;
        clear: both;
    }
    ul.thumbnails > li.item:nth-last-child(2){
        margin-bottom: 20px;
    }
    .phoneNumbers a.phone{
        float: none;
        margin-right: 0;
    }
    div.content div.section.withImage div.section.images{
        float: none;
        width: auto;
        max-width: 90%;
    }
}
@media screen and (max-width: 310px){
    .wrapper{
        padding-left: 10px;
        padding-right: 10px;
    }
}