

/* Start:/local/assets/js/slick/slick.css?15103227921729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/assets/js/slick/slick-theme.css?15103227913232*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/assets/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/assets/js/slick/./fonts/slick.eot');
    src: url('/local/assets/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/assets/js/slick/./fonts/slick.woff') format('woff'), url('/local/assets/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/assets/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    /*margin-bottom: 30px;*/
}

.slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li.slick-active{
    border: 2px solid orange;
    border-radius: 10px;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/assets/js/fancybox/jquery.fancybox.min.css?151032278813894*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>div{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/* End */


/* Start:/local/assets/css/common.css?15107318383399*/
.footer .copyright a {
    color: #9C9FA5 !important;
    text-decoration: underline !important;
}

.svg-social-btn .svg-social-fill {
    fill: #b9babf;
}

.svg-social-btn:hover .svg-social-fill {
    fill: #ffffff;
}

.contacts.links {
    position: absolute;
    top: 30px;
    right: 32px;
}

.contacts.links .svg-social-btn .svg-social-fill {
    stroke: #a1a3a9;
    fill: #fff;
}

.moto-contacts-phones-city > div {
    margin-top: 5px;
    font-size: 16px;
}

.contacts-page .map-list {
    position: relative;
}

/* стили svg ссылок на youtube, instagram START */

.link-inst {
    padding: 0 0 0 6px;
}

.link-youtube, .link-inst {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

.icon-youtube {
    width: 36px;
}

.icon-inst {
    width: 33px;
    margin: 2px 0 0 0;
}

.copyright .links {
    position: absolute;
    top: 11px;
    right: 50px;
}

svg.icon-youtube .circle_1 {
    fill: #a1a3a9;
    stroke: none;
}

svg.icon-youtube:hover .circle_1 {
    fill: #ffffff;
    stroke: none;
}

svg.icon-youtube .rect_1 {
    fill: #4a4e58;
    filter: none;

}

svg.icon-youtube:hover .rect_1 {
    fill: #c41a1f;
}

svg.icon-youtube .path_1 {
    fill: #a1a3a9;
}

svg.icon-youtube:hover .path_1 {
    fill: #ffffff;
}

svg.icon-inst .inst-circle_1 {
    fill: #a1a3a9;
    stroke: none;
}

svg.icon-inst:hover .inst-circle_1 {
    fill: #fff;
    stroke: none;
}

svg.icon-inst .inst-rect_1 {
    fill: #4a4e58;
}

svg.icon-inst .inst-rect_1_1 {
    stroke: #4a4e58;
    fill: #a1a3a9;
    stroke-width: 2px;
}

svg.icon-inst:hover .inst-rect_1_1 {
    fill: #fff;
}

svg.icon-inst .inst-circle_2 {
    stroke-width: 2px;
    stroke: #4a4e58;
    fill: #a1a3a9;
}

svg.icon-inst:hover .inst-circle_2 {
    stroke-width: 2px;
    stroke: #4a4e58;
    fill: #fff;
}

svg.icon-inst .inst-rect_2 {
    stroke: #4a4e58;
    filter: none;
    fill: none;
}

.contacts svg.icon-youtube .circle_2 {
    fill: none;
    stroke: #eaeaea;
    stroke-width: 2px;
}

.contacts svg.icon-youtube .rect_1 {
    fill: #c41a1f;
}

.contacts svg.icon-inst .inst-circle_1 {
    fill: none;
    stroke: #eaeaea;
    stroke-width: 2px;
}

.contacts svg.icon-inst {
    width: 34px;
}

.contacts svg.icon-youtube .circle_2,
.contacts svg.icon-inst .inst-rect_1_1,
.contacts svg.icon-inst .inst-circle_2,
.contacts svg.icon-youtube .path_1 {
    fill: #fff;
}

.contacts svg.icon-inst:hover .inst-circle_2 {
    stroke: #fff;
}

.contacts svg.icon-youtube:hover .circle_2 {
    fill: none;
    stroke: none;
}

.contacts svg.icon-youtube:hover .rect_1 {
    fill: #fff;
}

.contacts svg.icon-youtube:hover .path_1 {
    fill: #c41a1f;
}

.contacts svg.icon-inst:hover .inst-circle_1 {
    stroke: none;
}

.contacts svg.icon-inst:hover .inst-rect_3 {
    fill: #fff;
    stroke: #fff;
}

.contacts svg.icon-inst .inst-rect_3 {
    fill: #c41a1f;

}

/* стили svg ссылок на youtube, instagram END */

.line1 {
    height: 1px;
    width: 38%;
    border-bottom: 1px solid #AFB1B8;
    margin: 0 0 27px 0;
    float: left;
    position: inherit;
}


.moto-main-slider-item > a[href="JavaScript:void(0)"]{
    cursor: default !important;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/bannerfooter/style.css?15187675262143*/
.footer .banners {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%;
    padding-right: 59px;
}

@media (max-width: 768px) {
    .footer .banners {
        justify-content: center;
    }
}
.footer .banners .banners__item{
    height: 140px;
    width: 315px;
}
.footer .banners .banners__item.hidden{
    display: none;
}
.footer .banners .banners__item .show-more{
    text-align: center;
    margin-top: 20px;
}
.footer .banners .banners__item .show-more a{
    padding: 13px 24px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    border: 2px solid #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer .banners .banners__item .show-more a:hover {
    background: #FFC800;
}

.footer .banners .banners__item .banners__item_image {
    float: left;
    width: 50%;
    padding-left: 34px;
    padding-right: 20px;
    margin-top: -13px;
}
.footer .banners .banners__item .banners__item_image img {
    max-width: 100%;
}

.footer .banners .banners__item .banners__item_text {
    float: left;
    width: 50%;
}
.footer .banners .banners__item .banners__item_text a {
    position: relative;
    font-size: 16px;
    color: #FFC800;
    font-family: "DinCond";
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    width: calc(100% - 45px);
    display: block;
}
.footer .banners .banners__item .banners__item_text a:before {
    content: "\e908";
    position: absolute;
    left: 100%;
    padding-left: 3px;
    margin-left: 21px;
    margin-top: -1px;
    width: 23px;
    height: 23px;
    font-family: "mechan";
    border: 1px solid rgba(156, 159, 165, 0.3);
    color: #FFC800;
    font-size: 10px;
    text-align: center;
    line-height: 23px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer .banners .banners__item .banners__item_text a:hover:before {
    border: 1px solid #FFC800;
}

.footer .banners .banners__item .banners__item_text div {
    margin-top: 17px;
    font-size: 12px;
    color: #9C9FA5;
    line-height: 17px;
}

.footer .copyright {
    margin-top: 0 !important;
}
/* End */


/* Start:/local/components/mehanika/mehanika.form.send_publication/templates/.default/style.css?15336416743721*/
.send-publication-link {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #FFC800;
    background: transparent;
    font-weight: 600;
    cursor: pointer;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.send-publication-link:hover {
    background: #FFC800;
}

.send-publication-wrap {
    background-color: #EAEAEA;
}

.send-publication-wrap.in-text {
    margin-left: -42px;
    margin-right: -37px;
    background-color: #EAEAEA;
}

.send-publication-wrap.top {
    margin-top: -28px;
    margin-bottom: 28px;
    padding-bottom: 10px;
}

.send-publication-wrap.middle {
    margin-bottom: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.send-publication-wrap.bottom {
    margin-bottom: -50px;
    padding-top: 10px;
}

.send-publication {
    padding-top: 64px;
    padding-bottom: 52px;
    width: 100%;
    background: #ffffff;
    text-align: center;
}

.send-publication .title {
    font-size: 45px;
    font-weight: 500;
    font-family: "DinCond";
    letter-spacing: 2px;
}

.send-publication .send-publication-link {
    margin-top: 33px;
}

.modal-send-publication .modal-dialog {
    background: #FFF;
}

.modal-send-publication .modal-dialog .modal-content {
    text-align: center;
    padding: 40px 70px;
}

.modal-send-publication .icon-close {
    border: none;
    position: absolute;
    top: 0;
    right: -50px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-send-publication .modal-dialog .modal-content .send-publication-header {
    margin-bottom: 30px;
}

.modal-send-publication .modal-dialog .modal-content .send-publication-header.success {
    display: none;
    margin-bottom: 0;
}

.modal-send-publication .modal-dialog .modal-content .send-publication-title {
    font-size: 38px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 0;
}

.modal-send-publication .modal-dialog .modal-content .send-publication-form {
    text-align: left;
}

.modal-send-publication .modal-dialog .modal-content .send-publication-form textarea {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 10px 20px;
}

.modal-send-publication .webform-field-upload-list {
    margin-top: 0;
}

.modal-send-publication .webform-field-upload {
    margin-left: 0 !important;
}

.modal-send-publication .file-input {
    display: inline-block;
}

.modal-send-publication .file-input input {
    display: none;
}

.modal-send-publication .file-upload-description {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    margin-left: 10px;
}

.modal-send-publication .file-upload-error {
    display: none;
    color: red;
}

.modal-send-publication .buttons {
    text-align: center;
}

.modal-send-publication .submit {
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-send-publication .submit:hover {
    background: #FFC800;
}


.add-equipment-link {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #FFC800;
    background: transparent;
    font-weight: 600;
    cursor: pointer;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;

    margin-top: 2em;
}

.add-equipment-link:hover {
    background: #FFC800;
}
/* End */


/* Start:/local/templates/mehanika/template_styles.css?1587663500287028*/
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table:not(.unsetpadding) td,
table:not(.unsetpadding) th {
    padding: 0;
}


* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 12px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


[role="button"] {
    cursor: pointer;
}

h1, h2, h3, .our-work-modal .title, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small, .our-work-modal .title small,
h3 .small, .our-work-modal .title .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
}

h1, .h1,
h2, .h2,
h3,
.our-work-modal .title, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small, .our-work-modal .title small,
h3 .small, .our-work-modal .title .small, .h3 small,
.h3 .small {
    font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
    font-size: 75%;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .our-work-modal .title, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    /*border-left: 5px solid #eeeeee;*/
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1500px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333%;
    }

    .col-sm-8 {
        width: 66.66667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-2 {
        right: 16.66667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333%;
    }

    .col-sm-pull-5 {
        right: 41.66667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333%;
    }

    .col-sm-pull-8 {
        right: 66.66667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333%;
    }

    .col-sm-pull-11 {
        right: 91.66667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-2 {
        left: 16.66667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333%;
    }

    .col-sm-push-5 {
        left: 41.66667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.33333%;
    }

    .col-sm-push-8 {
        left: 66.66667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333%;
    }

    .col-sm-push-11 {
        left: 91.66667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.33333%;
    }

    .col-md-8 {
        width: 66.66667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-2 {
        right: 16.66667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333%;
    }

    .col-md-pull-5 {
        right: 41.66667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333%;
    }

    .col-md-pull-8 {
        right: 66.66667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333%;
    }

    .col-md-pull-11 {
        right: 91.66667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-2 {
        left: 16.66667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333%;
    }

    .col-md-push-5 {
        left: 41.66667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.33333%;
    }

    .col-md-push-8 {
        left: 66.66667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333%;
    }

    .col-md-push-11 {
        left: 91.66667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-8 {
        width: 66.66667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-2 {
        right: 16.66667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333%;
    }

    .col-lg-pull-8 {
        right: 66.66667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333%;
    }

    .col-lg-pull-11 {
        right: 91.66667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-2 {
        left: 16.66667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333%;
    }

    .col-lg-push-5 {
        left: 41.66667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-push-8 {
        left: 66.66667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333%;
    }

    .col-lg-push-11 {
        left: 91.66667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px 4px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px 8px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px 3px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px -1px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.btn-group-vertical > .btn-group:after {
    clear: both;
}

.btn-group-vertical > .btn-group > .btn {
    float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified > .btn-group .btn {
    width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn > .btn {
    position: relative;
}

.input-group-btn > .btn + .btn {
    margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:before, .nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav > li.disabled > a {
    color: #777777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 4px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.modal-open,
.modal-open1 {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal,
.modal-open1 .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table;
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

body {
    width: 100%;
    min-width: 768px;
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2A2A2A;
    overflow-x: hidden;
}

body a {
    text-decoration: none !important;
    outline: none !important;
}

input, textarea, button {
    outline: none !important;
}

.btn {
    border: none;
    background: none;
    font-size: 14px;
    color: #4A4A4A;
    box-shadow: none;
}

.btn:hover, .btn:focus, .btn:active {
    background: none;
    box-shadow: none;
}

.btn .caret {
    margin-top: -4px;
    border: none;
    font-family: "mechan";
    color: #9C9FA5;
}

.container {
    width: 100%;
    max-width: 926px;
    margin: 0 auto;
}

h1 {
    font-size: 45px;
    font-weight: 500;
    line-height: 54px;
    font-family: "DinCond";
    letter-spacing: 2px;
    text-transform: uppercase;
}

h2 {
    font-size: 28px;
    font-family: "DinCond";
    font-weight: 400;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

h3, .our-work-modal .title {
    font-size: 20px;
    font-family: "DinCond";
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h4 {
    font-size: 17px;
    font-family: "DinCond";
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.checkbox {
    position: relative;
    padding-left: 33px;
    cursor: pointer;
}

.checkbox:hover span:after {
    opacity: .5;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + span:before {
    background: #FFC800;
    border: 1px solid #FFC800;
}

.checkbox input:checked + span:after {
    opacity: 1;
}

.checkbox span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #B9BABF;
    border-radius: 4px;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.checkbox span:after {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-checked.png");
    width: 12px;
    height: 11px;
    left: 4px;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.link-all {
    margin-top: 45px;
}

.link-all a {
    padding: 13px 24px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #2A2A2A;
    border: 2px solid #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.link-all a:hover {
    background: #FFC800;
}

input.not-valid,
textarea.not-valid {
    border: 1px solid #f42f46 !important;
}

.v_error {
    position: absolute;
    margin-top: 4px;
    font-size: 12px;
    color: #f42f46;
}

.textinput-icons {
    position: absolute;
    right: 0;
    top: 0;
}

.textinput-icons .icon-valid {
    background: url("/local/assets/images/icon-valid.png");
    width: 13px;
    height: 10px;
    display: none;
}

.textinput-icons .icon-not-valid {
    background: url("/local/assets/images/icon-no-valid.png");
    width: 2px;
    height: 15px;
    display: none;
}

.valid + .textinput-icons .icon-valid {
    display: block;
    position: absolute;
    top: 20px;
    right: 13px;
    font-size: 20px;
}

.not-valid + .textinput-icons .icon-not-valid {
    display: block;
    position: absolute;
    top: 16px;
    right: 19px;
    font-size: 15px;
}

.preloader-icon {
    text-align: center;
    display: none;
}

.header {
    width: 100%;
    height: 100px;
    z-index: 100;
    background: #ffffff;
    border-bottom: 1px solid #E5E5E5;
}

@media (max-width: 1023px) {
    .header {
        border-bottom: none;
        position:fixed;
        top:0;
    }
    .header .site-nav{
        height: 10000%;
    }
    .moto-main-slider.slick-initialized.slick-slider.slick-dotted{
        margin-top:100px;
    }
    .page {
        margin-top:100px;
    }
    .main-services{
        margin-top: 100px;
    }
}
/* Base styles */
.panel {
    float: left;
    transition: margin 0.4s ease-out;
}

.off-canvas-left {
    width: 85%;
    margin-left: -100%;
}

.main-content {
    width: 100%;
    margin-left: 0;
}

/*.off-canvas-right {*/
/*margin-right: -200%;*/
/*width: 85%;*/
/*}*/

/* Access left menu */
.access-left .off-canvas-left	{ margin-left: 0;		}
.access-left .main-content		{ margin-right: -100%;	position: absolute;}
.access-left .off-canvas-right	{ margin-left: 100%;	}

/* Access right menu */
.access-right .off-canvas-left	{ 	}
.access-right .main-content		{ 	}
.access-right .off-canvas-right	{	}

.header .location {
    padding-top: 34px;
    float: left;
    width: 19%;
    text-align: center;
}

.header .location .icon-location {
    position: relative;
}

.header .location .icon-location:before {
    display: inline-block;
    vertical-align: middle;
    font-family: "mechan";
    font-size: 27px;
    color: #FFD12D;
}

@media (max-width: 1300px) {
    .header .location {
        width: 20%;
    }
}

@media (max-width: 1023px) {
    .header .location {
        width: 152px;
        height: 100%;
    }
}

.header .location .bootstrap-select {
    width: auto !important;
    max-width: 65%;
}

.header .location .bootstrap-select .filter-option {
    max-width: 100%;
    text-overflow: ellipsis;
}

.header .location .bootstrap-select.open .btn:before {
    opacity: 1;
}

.header .location .btn {
    border: none;
    background: none;
    font-size: 14px;
    color: #4A4A4A;
    box-shadow: none;
}

.header .location .btn:hover, .header .location .btn:focus, .header .location .btn:active {
    background: none;
    box-shadow: none;
}

.header .location .btn:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 70px;
    top: 73px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    opacity: 0;
}

.header .location .caret {
    margin-top: -4px;
    border: none;
    font-family: "mechan";
    color: #9C9FA5;
}

.header .location .dropdown-menu {
    margin-top: 50px;
    width: 732px;
    /*height: 165px;*/
    padding: 20px;
    border-radius: 0;
    border: none;
}

@media (max-width: 1023px) {
    .header .location .dropdown-menu {
        left: -325px !important;
    }
}

.header .location .dropdown-menu ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.header .location .dropdown-menu ul li.selected a .text {
    background: #FFC800;
}

.header .location .dropdown-menu ul li a {
    padding: 0;
    outline: none !important;
}

.header .location .dropdown-menu ul li a:hover, .header .location .dropdown-menu ul li a:focus {
    background: none;
}

.header .location .dropdown-menu ul li a .text {
    padding: 2px 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .location .dropdown-menu ul li a .text:hover {
    color: #9C9FA5;
}

.header .address {
    padding-top: 29px;
    padding-left: 2px;
    padding-right: 15px;
    float: left;
    width: 26.4%;
    font-size: 14px;
    color: #4A4A4A;
}

@media (max-width: 1300px) {
    .header .address {
        display: none;
    }
}

.header .address p {
    margin-bottom: 2px;
}

.header .address p.time {
    color: #929399;
}

.header .phone {
    width: 13%;
    display: table;
    height: 100px;
    /*padding-top: 29px;*/
    float: left;
    font-size: 14px;
    color: #4A4A4A;
}

.header .phone .phonedetail {
    display: table-cell;
    vertical-align: middle;
}


.header .phone span {
    margin-top: 2px;
    display: block;
    color: #929399;
}

@media (max-width: 1440px) {
    .main-blocks .title h2 {
        height: 70px;
    }
}

@media (max-width: 1300px) {
    .header .phone {
        width: 17%;
        height:100px;
        display:table;
        padding-top:0px;
    }
    .header .phone .phonedetail{
        display:table-cell;
        vertical-align:middle;
    }

    .main-blocks .title h2 {
        height: 70px;
    }

    .main-blocks .item {
        height: 70px;
        margin-bottom: 25px;
    }
}

@media (max-width: 1023px) {
    .header .phone {
        position: absolute;
        width: 173px;
        right: 0;
        padding-left: 30px;
    }
}

.header .language {
    display: none;
    width: 5.8%;
    padding-top: 36px;
    float: left;
}

.header .language .flag {
    display: inline-block;
    width: 16px;
    height: 12px;
}

.header .language .flag.rus {
    background: url("/local/assets/images/flag-rus.png");
}

.header .language .flag.us {
    background: url("/local/assets/images/flag-us.png");
}

.header .language .btn {
    width: auto !important;
}

.header .language .btn .text {
    display: none;
}

.header .language .btn .caret {
    margin-top: -5px !important;
    right: 17px !important;
}

.header .language .bootstrap-select {
    width: auto !important;
}

.header .language .caret {
    margin-top: -5px;
    right: 17px;
}

.header .search {
    width: 8.3%;
    height: 100%;
    float: left;
    background: rgba(83, 90, 109, 0.1);
    text-align: center;
    line-height: 100px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .search:hover {
    background: #DDDEE2;
}

.header .search:before {
    font-family: "mechan";
    font-size: 22px;
    color: #535A6D;
}

@media (max-width: 1023px) {
    .header .search {
        width: 145px;
    }
}

.header .order-status {
    float: left;
    width: 16.65%;
    height: 100%;
    padding-top: 41px;
    font-size: 14px;
    color: #4A4A4A;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 1300px) {
    .header .order-status {
        width: 20%;
    }
}

@media (max-width: 1023px) {
    .header .order-status {
        display: none;
    }
}

.header .order-status span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/order-status.png");
    width: 33px;
    height: 19px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .header .order-status {
        display: none;
    }
}

.header .person {
    float: left;
    width: 16.65%;
    height: 100%;
    padding-top: 41px;
    font-size: 14px;
    color: #4A4A4A;
    text-align: center;
    background: rgba(83, 90, 109, 0.1);
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .person:hover {
    background: #DDDEE2;
}

@media (max-width: 1300px) {
    .header .person {
        float: right;
        width: 33.3%;
    }
}

@media (max-width: 1023px) {
    .header .person {
        display: none;
    }
}

.header .person:before {
    margin-right: 15px;
    display: inline-block;
    font-family: "mechan";
    color: #535A6D;
    font-size: 16px;
    vertical-align: middle;
}

.header .person .i-exit {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-exit.png");
    width: 15px;
    height: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .person .i-exit:hover {
    opacity: .7;
}

.header .logo-mobile {
    position: relative;
    display: none;
    float: left;
    width: 300px;
    height: 100%;
    background: #FFC800;
    text-align: center;
    line-height: 120px;
    padding-left: 40px;
}

.header .logo-mobile a {
    display: inline-block;
}

@media (max-width: 1023px) {
    .header .logo-mobile {
        display: block;
    }
}

.header .logo-mobile .link-nav-mobile {
    position: absolute;
    left: 31px;
    top: -13px;
}

.header .logo-mobile .link-nav-mobile:before {
    font-size: 20px;
    color: #2A2A2A;
    font-family: "mechan";
}

.header .mobile-catalog-nav {
    padding: 30px;
    background: #FFC800;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .mobile-catalog-nav .links:before, .header .mobile-catalog-nav .links:after {
    content: " ";
    display: table;
}

.header .mobile-catalog-nav .links:after {
    clear: both;
}

.header .mobile-catalog-nav a {
    float: left;
    width: 217px;
    height: 60px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 53px;
    font-weight: 600;
    color: #2A2A2A;
}

.header .mobile-catalog-nav .link-profile,
.header .mobile-catalog-nav .link-exit {
    margin-right: 20px;
}

.header .mobile-catalog-nav .link-profile span:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-family: "mechan";
    font-size: 16px;
}

.header .mobile-catalog-nav .link-exit span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: url("/local/assets/images/icon-exit.png");
    width: 15px;
    height: 16px;
}

.header .mobile-catalog-nav .link-order-status span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: url("/local/assets/images/icon-order-black.png");
    width: 33px;
    height: 19px;
}

.header .mobile-menu-wrapper {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #4A4E58;
    overflow-y: scroll;
    /*display: none;*/
}
/*Убрать скрол для мобильного меню*/
/* хром, сафари */
.header .mobile-menu-wrapper::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.header .mobile-menu-wrapper { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.header .mobile-menu-wrapper { overflow: -moz-scrollbars-none; }

.header .dl-menuwrapper {
    max-width: none;
    background: #FFC800;
    overflow-x: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .dl-menuwrapper li {
    border-bottom: 1px solid rgba(31, 34, 43, 0.2);
}

.header .dl-menuwrapper li:last-child {
    border-bottom: 0;
}

.header .dl-menuwrapper li.dl-back > a:after {
    padding-left: 30px;
    content: "НАЗАД";
    font-size: 28px;
    font-family: "DinCond";
    color: #2A2A2A;
}

.header .dl-menuwrapper li.dl-back > a:before {
    position: absolute;
    left: 0;
    margin-top: 3px;
    font-size: 20px;
    font-family: "mechan";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header .dl-menuwrapper li a {
    position: relative;
    padding: 30px 0;
    font-size: 28px;
    font-family: "DinCond";
    font-weight: 400;
    line-height: 1.1;
}

.header .dl-menuwrapper li > a:not(:only-child):after {
    display: none;
}

.header .dl-menuwrapper li > a:not(:only-child):before {
    position: absolute;
    right: 0;
    font-size: 20px;
    font-family: "mechan";
}

.header .dl-menu {
    margin-bottom: 0;
    padding: 0 30px;
    background: #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .dl-submenu {
    margin-bottom: 0;
    background: #FFC800;
}

.header .site-nav {
    width: 100%;
    background: #4A4E58;
}

.sidebar-content {
    background-color: #4A4E58;
}

.header .site-nav-list {
    padding: 30px;
    list-style: none;
}

.header .site-nav-item {
    margin-bottom: 19px;
}

.header .site-nav-link {
    font-size: 28px;
    font-family: "DinCond";
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header .site-nav-link:hover {
    color: #FFC800;
}

.site-wrapper {
    padding-left: 274px;
}

@media (max-width: 1023px) {
    .site-wrapper {
        padding-left: 0;
    }
}

.container-wrapper {
    background: #EAEAEA;
    max-height: 100000px;
}

.container-wrapper:before, .container-wrapper:after {
    content: " ";
    display: table;
}

.container-wrapper:after {
    clear: both;
}

.sidebar-content {
    height: 100%;
    min-height: 650px;
}

.sidebar-content:before, .sidebar-content:after {
    content: " ";
    display: table;
}

.sidebar-content:after {
    clear: both;
}

.sidebar {
    position: fixed;
    width: 274px;
    height: 100%;
    background: #4A4E58;
    z-index: 101;
}

@media (max-width: 1023px) {
    .sidebar {
        display: none;
    }
}

.sidebar .logo {
    padding: 28px 25px 28px;
    background: #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav {
    /*height: 30%;*/
    background: #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav .nav-list {
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.sidebar .catalog-nav .nav-item {
    height: 33.33333%;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 0;
    font-family: "DinCond";
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display:grid;
}

.sidebar .catalog-nav .nav-item:hover {
    background: #2A2A2A;
}

.sidebar .catalog-nav .nav-item:hover:before, .sidebar .catalog-nav .nav-item:hover:after {
    opacity: 0;
}

.sidebar .catalog-nav .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
}

.sidebar .catalog-nav .nav-item:hover .nav-link {
    color: #ffffff;
}

.sidebar .catalog-nav .nav-item:hover .nav-link:before {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.sidebar .catalog-nav .nav-item:before {
    content: "";
    /*position: absolute;*/
    height: 1px;
    background: rgba(31, 34, 43, 0.2);
    left: 25px;
    right: 25px;
    margin-top: -21px;
}

.sidebar .catalog-nav .nav-item:last-child:after {
    content: "";
    position: absolute;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    left: 25px;
    right: 25px;
    margin-top: 34px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav .nav-item > ul {
    position: absolute;
    min-width: 657px;
    padding: 30px 50px;
    left: 100%;
    background: #2A2A2A;
    font-size: 16px;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav .nav-item > ul > li {
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar .catalog-nav .nav-item > ul > li:first-child {
    border-top: none;
}

.sidebar .catalog-nav .nav-item > ul > li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar .catalog-nav .nav-item > ul > li a {
    position: relative;
    color: #ffffff;
}

.sidebar .catalog-nav .nav-item > ul > li a:before {
    position: absolute;
    left: 100%;
    color: #ffffff;
    font-size: 8px;
    top: -1px;
    margin-left: 15px;
    font-family: "mechan";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav .nav-item > ul > li a:hover:before {
    opacity: 1;
}

.sidebar .catalog-nav .nav-item > ul ul {
    margin-top: 15px;
    margin-left: 40px;
    padding-left: 0;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    font-family: "Open Sans", sans-serif;
}

.sidebar .catalog-nav .nav-item > ul ul li {
    margin-bottom: 7px;
}

.sidebar .catalog-nav .nav-item > ul ul a:before {
    top: 0;
}

.sidebar .catalog-nav .nav-link {
    position: relative;
    display: block;
    min-height: 44px;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .catalog-nav .nav-link:before {
    font-family: 'mechan';
    position: absolute;
    right: 0;
    width: 23px;
    height: 23px;
    font-size: 10px;
    color: #000000;
    border: 1px solid rgba(31, 34, 43, 0.3);
    text-align: center;
    line-height: 2.2;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .site-nav-list {
    padding-left: 0;
    padding-top: 10%;
    margin-bottom: 0;
    list-style: none;
}

.sidebar .site-nav-item {
    padding-left: 24px;
    margin-bottom: 5%;
}

.sidebar .site-nav-link {
    font-size: 16px;
    font-family: "DinCond";
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidebar .site-nav-link:hover {
    color: #FFC800;
}

/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */
select.bs-select-hidden, select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below */
}

.bootstrap-select .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.bootstrap-select .dropdown-toggle select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.bootstrap-select .dropdown-toggle select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    /*margin-top: -2px;*/
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.main-services {
    background: url("/local/assets/images/back-main.jpg");
    min-height: 729px;
}

.main-services:before, .main-services:after {
    content: " ";
    display: table;
}

.main-services:after {
    clear: both;
}

.main-services .column-title {
    float: left;
    width: 66.66667%;
}

.main-services .title {
    margin-top: 180px;
    margin-left: 137px;
    float: left;
    position: relative;
    font-size: 45px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "DinCond";
    letter-spacing: 8px;
}

@media (max-width: 1440px) {
    .main-services .title {
        width: 490px;
        padding-left: 57px;
        margin-top: 80px;
        margin-left: 0;
    }
}

.main-services .title:before {
    top: -39px;
    position: absolute;
    content: "";
    width: 175px;
    height: 2px;
    background: #FFC800;
}

.main-services .title h1 {
    margin: 0;
    font-size: 45px;
    font-weight: 500;
    line-height: 54px;
}

.main-services .column {
    float: right;
    width: 33.33333%;
}

.main-services .column .item {
    width: 50%;
}

@media (max-width: 1440px) {
    .main-services .column .item {
        width: 33.33333%;
    }
}

@media (max-width: 1440px) {
    .main-services .column {
        width: 100%;
        float: none;
    }
}

.main-services .line {
    width: 100%;
    float: left;
}

.main-services .item {
    position: relative;
    float: left;
    width: 16.66667%;
    height: 243px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 1440px) {
    .main-services .item {
        width: 33.33333%;
    }
}

.main-services .item:hover:before {
    opacity: 1;
}

.main-services .item:before {
    position: absolute;
    content: "";
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.main-services .item a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}

.main-services .item .icon {
    padding-top: 20px;
    text-align: center;
    height: 173px;
    line-height: 173px;
}

.main-services .item .icon svg {
    display: inline-block;
}

.main-services .item .name {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

.special-offer {
    position: relative;
    float: left;
    width: 50%;
    padding-top: 67px;
    padding-left: 81px;
    padding-right: 84px;
    height: 472px;
    overflow: hidden;
    background: #ffffff;
}

@media (max-width: 1440px) {
    .special-offer {
        width: 100%;
    }
}

.special-offer:before {
    position: absolute;
    left: 0;
    top: 60px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background: #FCCB16;
    font-family: "mechan";
    font-size: 24px;
}

.special-offer .title {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 1.5px;
}

.special-offer .title:after {
    content: "";
    position: absolute;
    width: 105px;
    height: 2px;
    background: #FCCB16;
    left: 0;
    bottom: -33px;
}

.special-offer .flexslider .description {
    margin-top: 43px;
    padding-right: 45px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .7px;
}

@media (max-width: 768px) {
    .special-offer .flexslider .description {
        font-size: 16px;
    }
}

.special-offer .flexslider .text {
    padding-top: 65px;
    float: left;
    width: 50%;
}

.special-offer .flexslider .image {
    position: relative;
    float: right;
    width: 50%;
}

@media (max-width: 1440px) {
    .special-offer .flexslider .image {
        text-align: center;
    }
}

.special-offer .flexslider .image img {
    position: relative;
    left: 0;
    bottom: 0;
}

@media (max-width: 1440px) {
    .special-offer .flexslider .image img {
        display: inline-block;
        position: relative;
        left: auto;
        bottom: auto;
    }
}

.special-offer .flexslider .name {
    font-family: "DinCond";
    font-weight: 500;
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
}

.special-offer .flexslider .name span {
    margin-top: 20px;
    display: block;
    font-size: 16px;
    color: #9C9FA5;
    letter-spacing: 1.5px;
}

@media (max-width: 768px) {
    .special-offer .flexslider .name span {
        margin-top: 15px;
    }
}

.special-offer .custom-navigation {
    position: absolute;
    right: 86px;
    top: 66px;
}

.special-offer .custom-navigation a {
    margin-left: 4px;
    width: 23px;
    height: 23px;
    border: 1px solid rgba(31, 34, 43, 0.2);
    display: inline-block;
    text-align: center;
    line-height: 20px;
    vertical-align: bottom;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    line-height: 23px;
}

.special-offer .custom-navigation a:hover {
    background: rgba(42, 42, 42, 0.9);
}

.special-offer .custom-navigation a:hover:before {
    color: #ffffff;
}

.special-offer .custom-navigation a:focus, .special-offer .custom-navigation a:active {
    background: #FFD12D;
    border: 1px solid #FFD12D;
}

.special-offer .custom-navigation a:focus:before, .special-offer .custom-navigation a:active:before {
    color: #2A2A2A;
}

.special-offer .custom-navigation a.flex-prev {
    /*line-height: 18px;*/
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.special-offer .custom-navigation a:before {
    font-family: "mechan";
    font-size: 12px;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 0;
    right: 0;
}

.flexslider.flexslider-special-offer {
    margin-bottom: 0;
    background: none;
    border: none;
    border-radius: 0;
}


.flexslider.flexslider-special-offer .slides img {
    width: auto;
}

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * */
/* ====================================================================================================================
 * FONT-FACE
 * ==================================================================================================================== */
@font-face {
    font-family: 'flexslider-icon';
    src: url("/local/assets/fonts/flexslider-icon.eot");
    src: url("/local/assets/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/local/assets/fonts/flexslider-icon.woff") format("woff"), url("/local/assets/fonts/flexslider-icon.ttf") format("truetype"), url("/local/assets/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ==================================================================================================================== */
.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}

.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slides > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ==================================================================================================================== */
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ==================================================================================================================== */
.flexslider {
    margin: 0 0 60px;
    background: #ffffff;
    border: 4px solid #ffffff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ==================================================================================================================== */
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.main-services path, .main-services polyline, .main-services line, .main-services polygon, .motorzona path, .motorzona polyline, .motorzona line, .motorzona polygon {
    stroke-dashoffset: -300;
    stroke-dasharray: 1000;
    -webkit-animation: draw 2s linear normal;
    animation: draw 2s linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.motorzona {
    position: relative;
    padding-top: 85px;
    float: left;
    width: 50%;
    height: 472px;
    background: #FFC800;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .motorzona {
        width: 100%;
    }
}

.motorzona .text {
    padding-left: 79px;
    width: 50%;
    float: left;
}

.motorzona .image {
    width: 50%;
    float: left;
}

.motorzona .image img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .motorzona .image img {
        width: 418px;
        height: auto;
    }
}

@media (max-width: 768px) {
    .motorzona .image {
        position: absolute;
        right: -82px;
        margin-top: -25px;
    }
}

.motorzona .title {
    position: relative;
    font-family: "DinCond";
    font-weight: 500;
    font-size: 55px;
    height: 132px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2A2A2A;
}

.motorzona .description:before {
    position: absolute;
    top: -39px;
    content: "";
    width: 175px;
    height: 2px;
    background: #2A2A2A;
}

.motorzona .description {
    width: 350px;
    height: 140px;
    color: #2A2A2A;
    font-family: "DinCond";
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 40px;
    position: relative;
}

@media (max-width: 768px) {
    .motorzona .description {
        font-size: 25px;
        padding-right: 0;
    }
}

.main-blocks {
    width: 100%;
    padding-bottom: 47px;
    float: left;
    background: #EAEAEA;
}

.main-blocks:before, .main-blocks:after {
    content: " ";
    display: table;
}

.main-blocks:after {
    clear: both;
}

.main-blocks .blocks:before, .main-blocks .blocks:after {
    content: " ";
    display: table;
}

.main-blocks .blocks:after {
    clear: both;
}

.main-blocks .block {
    position: relative;
    padding-top: 66px;
    padding-left: 81px;
    padding-right: 50px;
    float: left;
    width: 33.33333%;
    max-height: 10000px;
}

@media (max-width: 768px) {
    .main-blocks .block {
        width: 100%;
    }
}

.main-blocks .block.news:before {
    position: absolute;
    top: 59px;
    left: 0;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 22px;
    color: #2A2A2A;
    font-family: "mechan";
    text-align: center;
    background: #FFC800;
}

.main-blocks .block.master-column:before {
    position: absolute;
    top: 59px;
    left: 0;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 22px;
    color: #2A2A2A;
    font-family: "mechan";
    text-align: center;
    background: #FFC800;
}

.main-blocks .block.faq:before {
    position: absolute;
    top: 59px;
    left: 0;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 26px;
    color: #2A2A2A;
    font-family: "mechan";
    text-align: center;
    background: #FFC800;
}

.main-blocks .title {
    font-size: 28px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 3px;
}

.main-blocks .title h2 {
    margin: 0;
    font-size: 28px;
    font-family: "DinCond";
    text-transform: uppercase;
}

.main-blocks .date {
    white-space: nowrap;
    font-size: 12px;
    color: #9C9FA5;
    vertical-align: middle;
    line-height: 12px;
}

.main-blocks .views {
    margin-left: 20px;
    display: inline-block;
}

.main-blocks .views:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-views.png");
    width: 19px;
    height: 12px;
    vertical-align: top;
}

.main-blocks .comments {
    height: 12px;
    margin-top: -3px;
    margin-left: 20px;
    display: inline-block;
}

.main-blocks .comments:before {
    margin-right: 9px;
    margin-top: 3px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-comments.png");
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

.main-blocks .items {
    margin-top: 30px;
}

.main-blocks .item {
    margin-bottom: 30px;
}

.main-blocks .name {
    margin-top: 10px;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 22px;
    letter-spacing: .7px;
}

@media (max-width: 768px) {
    .main-blocks .name {
        font-size: 16px;
    }
}

.main-blocks .name a {
    color: #4A4A4A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-blocks .name a:hover {
    color: rgba(74, 74, 74, 0.5);
}

.main-blocks .link-all {
    margin-top: 45px;
}

.main-blocks .link-all a {
    padding: 13px 24px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #2A2A2A;
    border: 2px solid #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-blocks .link-all a:hover {
    background: #FFC800;
}

.main-map {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 47px;
    padding-left: 80px;
    padding-right: 80px;
    background: #ffffff;
}

.main-map:before {
    position: absolute;
    left: 0;
    top: 59px;
    width: 43px;
    height: 43px;
    font-family: "mechan";
    text-align: center;
    line-height: 43px;
    font-size: 24px;
    background: #FFD12D;
}

.main-map h2 {
    font-size: 28px;
    letter-spacing: 2px;
    font-family: "DinCond";
    text-transform: uppercase;
}

.main-map .map {
    margin: 54px -80px 0;
}

.main-map .map img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .main-map .map {
        padding: 0 70px 70px;
    }
}

.main-map #map {
    width: 100%;
    height: 400px;
}

.main-map .ymaps-2-1-38-events-pane {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}

.city-list {
    margin-top: 36px;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
}

.city-list li {
    margin-bottom: 3px;
}

.city-list span {
    display: inline-block;
    padding: 6px;
    color: #4A4A4A;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.city-list span:hover {
    padding: 6px 20px;
    background: #FFD12D;
}

.city-list span.active {
    padding: 6px 20px;
    background: #FFD12D;
}

.map-object {
    position: absolute;
    width: 316px;
    left: 50%;
    margin-left: -158px;
    text-align: left;
    color: #898996;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.map-object:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -5px;
    right: 100%;
    border-top: 6px solid transparent;
    border-right: 6px solid #ffffff;
    border-bottom: 6px solid transparent;
}

.map-object .location {
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.map-object .location:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-min-location.png");
    width: 16px;
    height: 21px;
    left: 0;
    top: 4px;
}

.map-object .time {
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.map-object .time p {
    margin-bottom: 0;
}

.map-object .time:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-min-time.png");
    width: 19px;
    height: 19px;
    left: 0;
    top: 4px;
}

.map-object .phone {
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.map-object .phone span {
    display: block;
    font-size: 13px;
    color: #9c9fb0;
}

.map-object .phone:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-min-phone.png");
    width: 19px;
    height: 19px;
    left: 0;
    top: 4px;
}

.map-object .title {
    font-size: 20px;
    font-family: "DinCond";
    color: #8a8e98;
    text-transform: uppercase;
}

.map-object .icon-close, .map-object .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .map-object .link-nav-mobile.toggle:before, .map-object .modal .close, .modal .map-object .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #535a6d;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.map-object .icon-close:hover, .map-object .header .logo-mobile .link-nav-mobile.toggle:hover:before, .header .logo-mobile .map-object .link-nav-mobile.toggle:hover:before, .map-object .modal .close:hover, .modal .map-object .close:hover {
    opacity: .5;
}

.map-object .wrapper {
    background: #ffffff;
    padding: 30px 20px;
}

.map-object .link {
    margin-top: 15px;
    padding-left: 30px;
}

.map-object .link a {
    padding: 4px 26px 4px 9px;
    display: inline-block;
    border: 2px solid #FFD12D;
    font-size: 15px;
    color: #2A2A2A;
    letter-spacing: .7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.map-object .link a:hover {
    background: #FFD12D;
}

.map-object .link a span {
    position: relative;
}

.map-object .link a span:before {
    position: absolute;
    left: 100%;
    color: #8a8e98;
    font-size: 9px;
    margin-left: 5px;
    margin-top: 7px;
    font-family: "mechan";
}

.footer {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 61px;
    padding-left: 59px;
    padding-bottom: 23px;
    background: #565B66;
    border: none;
    margin-bottom: -2px;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .footer {
        padding-right: 59px;
    }
}

.footer .blocks:before, .footer .blocks:after {
    content: " ";
    display: table;
}

.footer .blocks:after {
    clear: both;
}

.footer .block {
    float: left;
    width: 33.33333%;
}

@media (max-width: 768px) {
    .footer .block {
        padding-right: 10%;
    }
}

.footer .text {
    float: left;
    width: 50%;
}

@media (max-width: 768px) {
    .footer .text {
        width: 100%;
    }
}

.footer .image {
    float: left;
    width: 50%;
    padding-left: 34px;
    padding-right: 20px;
    margin-top: -13px;
}

.footer .image svg {
    max-width: 100%;
}

@media (max-width: 768px) {
    .footer .image {
        display: none;
    }
}

.footer .title-link {
    position: relative;
    font-size: 16px;
    color: #FFC800;
    font-family: "DinCond";
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.footer .title-link:before {
    position: absolute;
    left: 100%;
    padding-left: 3px;
    margin-left: 21px;
    margin-top: -1px;
    width: 23px;
    height: 23px;
    font-family: "mechan";
    border: 1px solid rgba(156, 159, 165, 0.3);
    color: #FFC800;
    font-size: 10px;
    text-align: center;
    line-height: 23px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.footer .title-link:hover:before {
    border: 1px solid #FFC800;
}

.footer .description {
    margin-top: 17px;
    font-size: 12px;
    color: #9C9FA5;
    line-height: 17px;
}

.footer .copyright {
    margin-top: 38px;
    padding-top: 22px;
    float: left;
    width: 100%;
    font-size: 12px;
    color: #9C9FA5;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
}

.breadcrumbs {
    width: 100%;
    margin-top: 24px;
    clear: left;
}

.breadcrumbs-list {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

.breadcrumbs-item {
    margin-right: 17px;
    display: inline-block;
    font-size: 12px;
    color: #9C9FA5;
}

.breadcrumbs-item:after {
    margin-left: 24px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: url("/local/assets/images/icon-bread-arrow.png");
    width: 13px;
    height: 15px;
}

.breadcrumbs-item:last-child:after {
    display: none;
}

.breadcrumbs-link {
    color: #4A4A4A;
}

.page {
    padding-bottom: 99px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .7px;
}

@media (max-width: 1200px) {
    .page {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0;
    }

    .mobilemargin {
        margin-bottom: 100px;
    }
}

.page h3, .page .our-work-modal .title, .our-work-modal .page .title {
    margin-bottom: 14px;
    font-size: 20px;
    font-family: "DinCond";
    font-weight: 400;
    letter-spacing: 2px;
}

.page p {
    margin-bottom: 22px;
}

.page .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    background: #ffffff;
}

.page .btn-group.open .dropdown-toggle .btn {
    border: 2px solid #4A4A4A !important;
}

.page .bootstrap-select {
    margin-top: 9px;
    width: 100% !important;
}

.page .btn {
    padding-top: 13px;
    padding-bottom: 8px;
    padding-left: 18px;
    border: 2px solid #B9BABF;
    border-radius: 0;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page .btn .caret {
    right: 25px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page .btn:hover, .page .btn:focus, .page .btn:active {
    border: 2px solid #4A4A4A !important;
}

.page .btn:hover .caret, .page .btn:focus .caret, .page .btn:active .caret {
    color: #4A4A4A !important;
}

.page .btn > span {
    color: #4A4A4A !important;
    font-size: 14px !important;
}

.page .btn .caret {
    right: 28px;
}

.page .dropdown-menu {
    margin-top: -10px;
    border-top: 0;
    border-left: 2px solid #4A4A4A;
    border-right: 2px solid #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
    border-radius: 0;
    box-shadow: none !important;
}

.page .dropdown-menu span {
    font-size: 14px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page .dropdown-menu li {
    margin-bottom: 5px;
}

.page .dropdown-menu li a:hover, .page .dropdown-menu li a:focus, .page .dropdown-menu li a:active {
    background: none;
}

.page .dropdown-menu li a:hover span, .page .dropdown-menu li a:focus span, .page .dropdown-menu li a:active span {
    color: #2A2A2A;
}

.page .dropdown-menu .selected {
    display: none;
}

.page-title {
    position: relative;
    margin-top: 87px;
}

.page-title:before {
    top: -39px;
    content: "";
    position: absolute;
    width: 105px;
    height: 2px;
    background: #FCCB16;
}

.page-title h1 {
    margin: 0;
    font-size: 45px;
    line-height: 54px;
    font-family: "DinCond";
    letter-spacing: 2px;
    text-transform: uppercase;
}

.page-date {
    margin-top: 16px;
    padding-left: 4px;
    font-size: 12px;
    color: #9C9FA5;
}

.page-date .views {
    margin-left: 20px;
    display: inline-block;
}

.page-date .views:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-views.png");
    width: 19px;
    height: 12px;
    vertical-align: middle;
}

.page-date .comments {
    margin-left: 20px;
    display: inline-block;
}

.page-date .comments:before {
    margin-right: 9px;
    margin-top: 3px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-comments.png");
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

.load-more {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 13px 0;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #4A4E58;
    border: 2px solid #B9BABF;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.load-more:hover {
    color: #4A4A4A;
    border: 2px solid #4A4A4A;
}

.news-list {
    margin-top: 54px;
}

.news-list .news-item {
    margin-bottom: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 20px;
    width: 100%;
    background: #ffffff;
    border-left: 2px solid #9C9FA5;
}

.news-list .news-item:before, .news-list .news-item:after {
    content: " ";
    display: table;
}

.news-list .news-item:after {
    clear: both;
}

.news-list .news-item.important {
    border-left: 2px solid #FFC800;
}

.news-list .image {
    float: left;
    margin-right: 10px;
}

.news-list .text {
    /*закомментировано т к смещение списках новостей и акций*/
    /*padding-left: 154px;*/
}

.news-list .date {
    margin-top: 3px;
    font-size: 12px;
    color: #9C9FA5;
}

.news-list .views {
    margin-left: 24px;
    display: inline-block;
}

.news-list .views:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-views.png");
    width: 19px;
    height: 12px;
    vertical-align: middle;
}

.news-list .title {
    margin-top: 11px;
}

.news-list .title a {
    font-size: 17px;
    font-family: "DinCond";
    color: #2A2A2A;
    letter-spacing: 1.1px;
    font-weight: 400;
}

.news-list .description {
    margin-top: 8px;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.equipment-advantages {
    margin-top: 54px;
    background: #ffffff;
}

@media (max-width: 1200px) {
    .equipment-advantages {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.equipment-advantages .items {
    padding: 46px 32px;
}

.equipment-advantages .items:before, .equipment-advantages .items:after {
    content: " ";
    display: table;
}

.equipment-advantages .items:after {
    clear: both;
}

@media (max-width: 1200px) {
    .equipment-advantages .items {
        padding: 46px 10px;
    }
}

.equipment-advantages .item {
    float: left;
    width: 33.33333%;
}

.equipment-advantages .item:nth-child(2) {
    padding-left: 21px;
    padding-right: 40px;
}

.equipment-advantages .item:nth-child(3) {
    padding-left: 42px;
}

@media (max-width: 1200px) {
    .equipment-advantages .item {
        padding: 0 25px !important;
    }
}

.equipment-advantages .icon {
    width: 100%;
    height: 50px;
}

.equipment-advantages .icon:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.equipment-advantages .icon img {
    vertical-align: middle;
    display: inline-block;
}

.equipment-advantages .title {
    margin-top: 27px;
    font-size: 20px;
    font-family: "DinCond";
    letter-spacing: 2px;
    line-height: 24px;
}

.equipment-advantages .description {
    margin-top: 22px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .7px;
}

.equipment-advantages .description ul {
    margin-top: 26px;
    padding: 0;
    list-style: none;
}

.equipment-advantages .description ul li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 28px;
}

.equipment-advantages .description ul li:before {
    content: "•";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.equipment {
    margin-top: 69px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .equipment {
        margin-top: 0;
        margin-left: -30px;
        margin-right: -30px;
    }
}

.equipment .item {
    float: left;
    height: 388px;
    width: 33.33333%;
    position: relative;
}

.equipment .item.big {
    width: 66.66667%;
}

.equipment .item.blue {
    background: #32A3D4;
}

.equipment .item.blue .name {
    color: #ffffff;
}

.equipment .item.blue .name:before {
    background: #ffffff;
}

.equipment .item.yellow {
    background: #FFC800;
}

.equipment .item.gray {
    background: #D3D4D7;
}

.equipment .item.dark-gray {
    background: #7E828D;
}

.equipment .item.dark-gray .name {
    color: #ffffff;
}

.equipment .item.dark-gray .name:before {
    background: #ffffff;
}

.equipment .name {
    height: 72px;
    position: absolute;
    padding: 0 31px;
    margin-top: 39px;
    width: 100%;
    font-size: 20px;
    font-family: "DinCond";
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 24px;
    color: #ffffff;
    z-index: 2;
}

.equipment .name:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #ffffff;
    top: -19px;
}

.equipment .image {
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.equipment .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.traineeship {
    position: relative;
    width: 100%;
    min-height: 401px;
    float: left;
    margin-top: 54px;
    padding-left: 72px;
    background: url("/local/assets/images/back-traineeship.png") no-repeat;
}

@media (max-width: 1200px) {
    .traineeship {
        margin-top: -13px;
        margin-left: -30px;
        margin-right: -30px;
        width: auto;
        float: none;
    }

    .traineeship:before, .traineeship:after {
        content: " ";
        display: table;
    }

    .traineeship:after {
        clear: both;
    }
}

.traineeship .title {
    margin-top: 92px;
    font-family: "DinCond";
    font-size: 45px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.traineeship .description {
    margin-top: 43px;
    font-size: 20px;
    font-family: "DinCond";
    color: #ffffff;
    letter-spacing: 2px;
    line-height: 24px;
}

.traineeship .link {
    margin-top: 45px;
}

.traineeship .link a {
    padding: 13px 46px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .7px;
    border: 2px solid #FFC800;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.traineeship .link a:hover {
    background: #FFC800;
    color: #2A2A2A;
}

.have-questions {
    margin-top: 68px;
    padding-top: 64px;
    padding-bottom: 52px;
    width: 100%;
    background: #ffffff;
    text-align: center;
}

@media (max-width: 1200px) {
    .have-questions {
        margin-left: -30px;
        margin-right: -30px;
        margin-top: 0;
        float: none;
        width: auto;
    }
}

.have-questions .title {
    font-size: 45px;
    font-weight: 500;
    font-family: "DinCond";
    letter-spacing: 2px;
}

.have-questions .link {
    padding: 12px 18px;
    margin-top: 33px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #2A2A2A;
    border: 2px solid #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.have-questions .link:hover {
    background: #FFC800;
}

.news-detail-slider {
    float: left;
    margin-top: -28px;
    margin-bottom: 0;
    width: 53%;
    border: none;
    border-radius: 0;
}

@media (max-width: 768px) {
    .news-detail-slider {
        margin-right: 30px;
    }
}

.news-detail-slider .slides {
    margin-top: 0;
}

.news-detail-slider .slides li {
    padding: 0;
}

.news-detail-slider .slides li:before {
    display: none;
}

.news-detail-slider .flex-control-nav {
    padding: 0 50px;
    bottom: 40px;
    text-align: left;
}

.news-detail-slider .flex-control-nav li {
    vertical-align: middle;
}

.news-detail-slider .flex-control-nav li a {
    width: 5px;
    height: 5px;
    background: #ffffff;
    outline: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.news-detail-slider .flex-control-nav li a.flex-active {
    width: 12px;
    height: 12px;
    border: 2px solid #FFC800;
    background: transparent;
}

.news-detail {
    padding-left: 42px;
    padding-right: 37px;
    padding-top: 28px;
    padding-bottom: 50px;
    margin-top: 55px;
    width: 100%;
    background: #ffffff;
    overflow:hidden;
}

.news-detail ul {
    padding-left: 0;
    margin-top: 12px;
    list-style: none;
}

.news-detail ul li {
    position: relative;
    padding-left: 28px;
}

.news-detail ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "•";
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.news-detail .preview {
    margin-left: -42px;
    margin-bottom: 40px;
}

.news-detail .preview:before, .news-detail .preview:after {
    content: " ";
    display: table;
}

.news-detail .preview:after {
    clear: both;
}

.news-detail .description {
    float: left;
    width: 47%;
    padding-left: 43px;
    padding-right: 7px;
}

@media (max-width: 768px) {
    .news-detail .description {
        margin-top: -20px;
        width: 100%;
        float: none;
    }
}

.news-detail .description ul {
    margin-top: 32px;
}

.news-detail .description h3, .news-detail .description .our-work-modal .title, .our-work-modal .news-detail .description .title {
    margin-top: 20px;
}

.news-detail h2 {
    margin-top: 33px;
}

.news-detail h3, .news-detail .our-work-modal .title, .our-work-modal .news-detail .title {
    margin-top: 33px;
}

.news-detail .light {
    color: #929399;
}

.product-detail .page-title {
    margin-bottom: 55px;
}

.product-detail:before, .product-detail:after {
    content: " ";
    display: table;
}

.product-detail:after {
    clear: both;
}

@media (max-width: 768px) {
    .product-detail {
        margin-bottom: 40px;
    }
}

.product-detail .line:before, .product-detail .line:after {
    content: " ";
    display: table;
}

.product-detail .line:after {
    clear: both;
}

.product-detail .description {
    float: right;
    width: 50%;
    padding-left: 40px;
}

@media (max-width: 768px) {
    .product-detail .description {
        width: 100%;
        float: right;
        padding-left: 0;
    }
}

.product-detail .description .line {
    margin-bottom: 30px;
    padding-bottom: 32px;
    font-size: 14px;
    border-bottom: 1px solid #AFB1B8;
}

@media (max-width: 768px) {
    .product-detail .description .line {
        display: none;
    }
}

.product-detail .description .line:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.product-detail .description .line:before, .product-detail .description .line:after {
    content: " ";
    display: table;
}

.product-detail .description .line:after {
    clear: both;
}

.product-detail .description .line .title {
    float: left;
    width: 45%;
    padding-right: 20px;
    color: #929399;
}

.product-detail .description .line .description {
    float: left;
    width: 55%;
    padding-left: 2px;
    color: #4A4A4A;
}

.product-detail .description .base {
    margin-bottom: 29px;
    padding-top: 33px;
    padding-bottom: 43px;
    border-top: 2px solid #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
}

.product-detail .description .base:before, .product-detail .description .base:after {
    content: " ";
    display: table;
}

.product-detail .description .base:after {
    clear: both;
}

.product-detail .description .base .item {
    float: left;
    font-size: 20px;
    font-family: "DinCond";
    letter-spacing: 2px;
}

.product-detail .description .base .item:nth-child(1) {
    width: 37%;
}

.product-detail .description .base .item:nth-child(2) {
    width: 37%;
}

.product-detail .description .base .item:nth-child(3) {
    width: 26%;
    padding-left: 33px;
}

@media (max-width: 1100px) {
    .product-detail .description .base .item {
        width: 33.33333% !important;
        padding-right: 15px;
        padding-left: 0 !important;
    }
}

.product-detail .description .base .title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .7px;
}

.product-detail .image-slider {
    float: left;
    width: 50%;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

@media (max-width: 768px) {
    .product-detail .image-slider {
        width: 100%;
    }
}

.product-detail .flex-control-nav {
    padding: 0 50px;
    bottom: 40px;
    text-align: left;
}

@media (max-width: 768px) {
    .product-detail .flex-control-nav {
        text-align: center;
    }
}

.product-detail .flex-control-nav li {
    margin: 0 10px;
    vertical-align: middle;
}

.product-detail .flex-control-nav li a {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: none;
    outline: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product-detail .flex-control-nav li a.flex-active {
    width: 12px;
    height: 12px;
    border: 2px solid #FFC800;
    background: transparent;
}

.product-detail .availability {
    float: right;
    width: 50%;
    padding-left: 40px;
}

@media (max-width: 768px) {
    .product-detail .availability {
        margin-top: 40px;
        width: 100%;
        padding-left: 0;
    }
}

.product-detail .availability .note {
    margin-top: 39px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .7px;
}

@media (max-width: 768px) {
    .product-detail .availability .note {
        width: 53%;
        float: left;
        margin-top: 7px;
        padding-left: 30px;
    }
}

.product-detail .availability .available {
    padding-left: 25px;
    padding-top: 33px;
    padding-bottom: 28px;
    padding-right: 20px;
    background: #FFC800;
}

@media (max-width: 768px) {
    .product-detail .availability .available {
        width: 47%;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }
}

.product-detail .availability .icon {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .product-detail .availability .icon {
        display: none;
    }
}

.product-detail .availability .text {
    margin-top: 6px;
    margin-left: 11px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: .7px;
}

.product-detail .availability .title {
    margin-bottom: 10px;
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
}

.product-detail .manager {
    float: left;
    width: 50%;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 42px;
    padding-right: 20px;
    background: #4A4E58;
}

@media (max-width: 768px) {
    .product-detail .manager {
        width: 100%;
        margin-top: 40px;
    }
}

/*@media (max-width: 768px) {
    .product-detail .manager .title {
        width: 50%;
        float: left;
    }
}*/

.product-detail .manager .avatar {
    margin-right: 22px;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1200px) {
    .product-detail .manager .avatar {
        float: left;
    }
}

.product-detail .manager .name {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: "DinCond";
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
}

@media (max-width: 1200px) {
    .product-detail .manager .name {
        display: inline;
    }
}

.product-detail .manager .post {
    margin-top: 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #929399;
    letter-spacing: .7px;
    text-transform: none;
}

.product-detail .manager .contacts {
    position: relative;
    margin-top: 35px;
    color: #ffffff;
}

/*@media (max-width: 768px) {
    .product-detail .manager .contacts {
        width: 50%;
        float: left;
        margin-top: 0;
        padding-left: 50px;
        border-left: 1px solid rgba(156, 159, 165, 0.3);
    }
}*/

.product-detail .manager .contacts:before {
    content: "";
    position: absolute;
    top: -20px;
    right: 40px;
    width: 265px;
    height: 1px;
    background: rgba(156, 159, 165, 0.3);
}

/*@media (max-width: 768px) {
    .product-detail .manager .contacts:before {
        display: none;
    }
}*/

.product-detail .manager .contacts .item {
    margin-bottom: 2px;
}

.product-detail .manager .contacts .name {
    width: 70px;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    text-transform: none;
    letter-spacing: .7px;
    text-align: right;
}

.product-detail .manager .contacts .text {
    padding-left: 96px;
}

.product-detail .manager .contacts a {
    color: #32A3D4;
}

.product-detail .product-content {
    margin-top: 70px;
}

.product-detail .nav-tabs {
    border-bottom: 4px solid #FFC800;
}

.product-detail .nav-tabs > li {
    margin-bottom: 0;
}

.product-detail .nav-tabs > li.active > a {
    background: #FFC800;
}

.product-detail .nav-tabs > li.active > a:hover {
    color: #2A2A2A;
}

.product-detail .nav-tabs > li > a {
    margin-right: 0;
    padding: 16px 64px 10px;
    font-size: 16px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none !important;
    border-radius: 0;
    outline: none !important;
    background: #ffffff;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product-detail .nav-tabs > li > a:hover {
    color: rgba(42, 42, 42, 0.7);
}

.product-detail .tab-content {
    padding-top: 16px;
    padding-left: 42px;
    padding-right: 42px;
    padding-bottom: 5px;
    background: rgba(255, 255, 255, 0.9);
}

.product-detail .characteristics {
    padding-bottom: 25px;
}

.product-detail .characteristics .line {
    padding: 40px 0;
    border-bottom: 1px solid #B9BABF;
}

.product-detail .characteristics .line:before, .product-detail .characteristics .line:after {
    content: " ";
    display: table;
}

.product-detail .characteristics .line:after {
    clear: both;
}

.product-detail .characteristics .line:last-child {
    border-bottom: 0;
}

.product-detail .characteristics .column {
    width: 50%;
    float: left;
    color: #000000;
    font-size: 14px;
    line-height: 22px;
}

.product-detail .characteristics .column:first-child {
    color: #4A4A4A;
}

.contacts-page .map-list {
    margin-top: 52px;
    padding-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    background: #ffffff;
    position: relative;
}

.contacts-page .map-list .note {
    margin-top: -10px;
    font-size: 12px;
    color: #9C9FA5;
}

.contacts-page .map {
    margin-top: 70px;
    width: 100%;
}

.contacts-page .map img {
    max-width: 100%;
}

.contacts-page #map {
    width: 100%;
    height: 350px;
}

.contacts-page .department {
    margin-top: 66px;
}

.contacts-page .department:before, .contacts-page .department:after {
    content: " ";
    display: table;
}

.contacts-page .department:after {
    clear: both;
}

@media (max-width: 768px) {
    .contacts-page .department {
        margin-bottom: 40px;
    }
}

.contacts-page .department .title:before, .contacts-page .department .title:after {
    content: " ";
    display: table;
}

.contacts-page .department .title:after {
    clear: both;
}

.contacts-page .department .title h2 {
    margin-top: 0;
    float: left;
}

.contacts-page .department .options {
    margin-top: 4px;
    text-align: right;
    font-size: 14px;
}

@media (max-width: 768px) {
    .contacts-page .department .options {
        width: 100%;
        float: left;
        text-align: left;
    }
}

.contacts-page .department .checkbox {
    margin-left: 26px;
}

.contacts-page .department .checkbox:first-child {
    margin-left: 0;
}

.contacts-page .table-department {
    margin-top: 20px;
}

.contacts-page .table-department .table-title {
    padding-left: 41px;
    padding-right: 41px;
    padding-top: 15px;
    padding-bottom: 12px;
    background: #ffffff;
    color: #929399;
    font-size: 14px;
}

.contacts-page .table-department .table-title:before, .contacts-page .table-department .table-title:after {
    content: " ";
    display: table;
}

.contacts-page .table-department .table-title:after {
    clear: both;
}

@media (max-width: 768px) {
    .contacts-page .table-department .table-title {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.contacts-page .table-department .table-title .mode span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-time.png");
    width: 17px;
    height: 17px;
    margin-right: 8px;
    vertical-align: middle;
}

.contacts-page .table-department .table-title .phone span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-phone.png");
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: middle;
}

.contacts-page .table-department .table-title .address span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-address.png");
    width: 14px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

.contacts-page .table-department .table-title .name span:before {
    margin-right: 9px;
    display: inline-block;
    content: "";
    width: 22px;
    height: 17px;
    vertical-align: middle;
    background: url("/local/assets/images/icon-table-name.png");
}

.contacts-page .table-department .column {
    float: left;
    width: 25%;
}

@media (max-width: 768px) {
    .contacts-page .table-department .column {
        padding: 5px;
    }
}

.contacts-page .table-department .column:nth-child(3) {
    padding-left: 44px;
}

@media (max-width: 768px) {
    .contacts-page .table-department .column:nth-child(3) {
        padding-left: 5px;
    }
}

.contacts-page .table-department .column:nth-child(4) {
    padding-left: 28px;
}

.contacts-page .table-department .line {
    padding-top: 34px;
    padding-left: 41px;
    padding-right: 41px;
    padding-bottom: 27px;
    margin-top: 12px;
    color: #7E828D;
    background: #ffffff;
    border-left: 2px solid #9C9FA5;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contacts-page .table-department .line:before, .contacts-page .table-department .line:after {
    content: " ";
    display: table;
}

.contacts-page .table-department .line:after {
    clear: both;
}

@media (max-width: 768px) {
    .contacts-page .table-department .line {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.contacts-page .table-department .line:hover {
    color: #2A2A2A;
    border-left: 2px solid #FFC800;
}
.contacts-page .table-department .line:hover a {}

.contacts-page .table-department .line:hover .name .more {
    opacity: 1;
}

.contacts-page .table-department .line .name {
    font-size: 20px;
    line-height: 24px;
    font-family: "DinCond";
}

.contacts-page .table-department .line .name span {
    display: block;
}

.contacts-page .table-department .line .name .more {
    opacity: 0;
    position: relative;
    padding-left: 11px;
    padding-right: 25px;
    margin-top: 34px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #2A2A2A;
    display: inline-block;
    border: 2px solid #FFC800;
    line-height: 1.6;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contacts-page .table-department .line .name .more:before {
    position: absolute;
    right: 11px;
    top: 7px;
    font-family: "mechan";
    font-size: 8px;
    font-weight: 300;
    line-height: 1;
    color: #979797;
}

.contacts-page .table-department .line .phone .item {
    margin-bottom: 10px;
}

.contacts-page .table-department .line .phone_call .item {
    margin-bottom: 10px;
}

.contact-detail-slider {
    float: left;
    margin: -31px 70px 10px -46px;
    width: 56%;
    border: none;
    border-radius: 0;
}

@media (max-width: 768px) {
    .contact-detail-slider {
        margin: 0;
        width: 100%;
    }
}

.contact-detail-slider .slides {
    margin-top: 0;
}

.contact-detail-slider .slides li {
    padding: 0;
}

.contact-detail-slider .slides li:before {
    display: none;
}

.contact-detail-slider .flex-control-nav {
    padding: 0 50px;
    bottom: 40px;
    text-align: left;
}

.contact-detail-slider .flex-control-nav li {
    vertical-align: middle;
}

.contact-detail-slider .flex-control-nav li a {
    width: 5px;
    height: 5px;
    background: #ffffff;
    outline: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact-detail-slider .flex-control-nav li a.flex-active {
    width: 12px;
    height: 12px;
    border: 2px solid #FFC800;
    background: transparent;
}

.contact-detail {
    margin-top: 52px;
}

.contact-detail #map {
    width: 100%;
    height: 310px;
}

.contact-detail .map {
    margin-top: 67px;
}

@media (max-width: 768px) {
    .contact-detail .map {
        margin-bottom: 40px;
    }
}

.contact-detail .map h2 {
    margin-bottom: 23px;
}

.contact-detail .map img {
    max-width: 100%;
}

.contact-detail .map-detail {
    margin-top: 40px;
    padding: 31px 50px 21px 47px;
    width: 100%;
    background: #ffffff;
}

.contact-detail .map-detail:before, .contact-detail .map-detail:after {
    content: " ";
    display: table;
}

.contact-detail .map-detail:after {
    clear: both;
}

.contact-detail .map-detail .light {
    color: #929399;
}

.contact-detail .preview {
    margin-bottom: 13px;
}

.contact-detail .preview:before, .contact-detail .preview:after {
    content: " ";
    display: table;
}

.contact-detail .preview:after {
    clear: both;
}

.contact-detail .description {
    position: relative;
}

@media (max-width: 768px) {
    .contact-detail .description {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .contact-detail .description:before,
    .flexslider.contact-detail-slider:after,
    .line1 {
        display: none;
    }

    .over_h {
        margin-top: 20px;
        float: left;
        width: 100%;
    }
}

.contact-detail h3, .contact-detail .our-work-modal .title, .our-work-modal .contact-detail .title {
    position: relative;
    margin-bottom: 61px;
}

@media (max-width: 768px) {
    .contact-detail h3, .contact-detail .our-work-modal .title, .our-work-modal .contact-detail .title {
        margin-bottom: 30px;
    }
}

.contact-detail h3:after, .contact-detail .our-work-modal .title:after, .our-work-modal .contact-detail .title:after {
    content: "";
    position: absolute;
    top: 100%;
    margin-top: 31px;
    left: 0;
    width: 319px;
    height: 1px;
    background: #AFB1B8;
}

@media (max-width: 768px) {
    .contact-detail h3:after, .contact-detail .our-work-modal .title:after, .our-work-modal .contact-detail .title:after {
        margin-top: 15px;
    }
}

.table-detail-location ul {
    padding-left: 0;
    margin-top: 0;
    list-style: none;
}

.table-detail-location ul li {
    position: relative;
    padding-left: 28px;
}

.table-detail-location ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "•";
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.table-detail-location .title-line {
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 41px;
    padding-right: 41px;
    background: #ffffff;
}

.table-detail-location .title-line:before, .table-detail-location .title-line:after {
    content: " ";
    display: table;
}

.table-detail-location .title-line:after {
    clear: both;
}

@media (max-width: 768px) {
    .table-detail-location .title-line {
        padding: 10px;
    }
}

.table-detail-location .title-line .mode span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-time.png");
    width: 17px;
    height: 17px;
    margin-right: 8px;
    vertical-align: middle;
}

.table-detail-location .title-line .phone {
    padding-left: 42px;
}

.table-detail-location .title-line .phone span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-phone.png");
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: middle;
}

.table-detail-location .title-line .address span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-table-address.png");
    width: 14px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

.table-detail-location .title-line .type span:before {
    margin-right: 9px;
    display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("/local/assets/images/icon-table-type.png");
}

.table-detail-location .column {
    float: left;
    width: 25%;
}

.table-detail-location .column:nth-of-type(2) {
    padding-left: 44px;
}

.table-detail-location .column:nth-of-type(3) {
    padding-left: 44px;
}

.table-detail-location .column:nth-of-type(4) {
    padding-left: 28px;
}

@media (max-width: 768px) {
    .table-detail-location .column {
        padding: 10px !important;
    }
}

.table-detail-location .line {
    padding-top: 34px;
    padding-left: 41px;
    padding-right: 41px;
    padding-bottom: 27px;
    margin-top: 10px;
    background: #ffffff;
    border-left: 2px solid #FFC800;
}

.table-detail-location .line:before, .table-detail-location .line:after {
    content: " ";
    display: table;
}

.table-detail-location .line:after {
    clear: both;
}

@media (max-width: 768px) {
    .table-detail-location .line {
        padding: 10px;
    }
}

.table-detail-location .line .phone .item {
    margin-bottom: 10px;
}

.repairs-slider {
    float: left;
    margin-bottom: 0;
    width: 100%;
    border: none;
    border-radius: 0;
}

.repairs-slider .slides {
    margin-top: 0;
}

.repairs-slider .slides li {
    padding: 0;
}

.repairs-slider .slides li:before {
    display: none;
}

.repairs-slider .flex-control-nav {
    padding: 0 50px;
    bottom: 40px;
    text-align: left;
}

.repairs-slider .flex-control-nav li {
    vertical-align: middle;
}

.repairs-slider .flex-control-nav li a {
    width: 5px;
    height: 5px;
    background: #ffffff;
    outline: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.repairs-slider .flex-control-nav li a.flex-active {
    width: 12px;
    height: 12px;
    border: 2px solid #FFC800;
    background: transparent;
}

.page-repairs .page-title {
    margin-bottom: 52px;
}

.page-repairs .map-wrapper {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.page-repairs .map-wrapper img {
    width: 100%;
}

.page-repairs #map {
    width: 100%;
    height: 350px;
}

.page-repairs .map {
    margin-top: 46px;
}

.page-repairs .map:before, .page-repairs .map:after {
    content: " ";
    display: table;
}

.page-repairs .map:after {
    clear: both;
}

.page-repairs .map h2 {
    width: 65%;
    float: left;
}

.page-repairs .map .select-point {
    margin-top: 7px;
    float: right;
}

.page-repairs .map .btn {
    padding: 13px 21px 8px;
    border: 2px solid #FFC800;
    border-radius: 0;
}

.page-repairs .map .btn .caret {
    right: 29px;
}

.page-repairs .map .bootstrap-select {
    width: 230px !important;
}

.page-repairs .repairs-content {
    padding: 17px 41px 20px;
    margin-top: 70px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .page-repairs .repairs-content h3, .page-repairs .repairs-content .our-work-modal .title, .our-work-modal .page-repairs .repairs-content .title {
        margin-top: 0;
    }
}

.page-repairs .repairs-content .content {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

.page-repairs .repairs-content ul {
    width: 92%;
    padding-left: 0;
    padding-bottom: 7px;
    padding-top: 18px;
    margin-top: 15px;
    margin-bottom: 28px;
    list-style: none;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
}

.page-repairs .repairs-content ul li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 27px;
}

.page-repairs .repairs-content ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "•";
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.page-repairs .preview {
    background: #FFC800;
    overflow: hidden;
}

.page-repairs .preview:before, .page-repairs .preview:after {
    content: " ";
    display: table;
}

.page-repairs .preview:after {
    clear: both;
}

@media (max-width: 768px) {
    .page-repairs .preview {
        background: none;
    }
}

.page-repairs .preview .banner {
    padding-top: 47px;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 43px;
    width: 100%;
    float: left;
    background: #FFC800;
}

@media (max-width: 768px) {
    .page-repairs .preview .banner {
        padding-left: 24%;
    }
}

.page-repairs .preview .banner .icon {
    float: left;
}

.page-repairs .preview .banner .title {
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .page-repairs .preview .banner .title {
        line-height: normal;
    }
}

.page-repairs .preview .banner .description {
    margin-top: 14px;
    font-size: 14px;
}

.page-repairs .preview .banner .text {
    padding-top: 7px;
    padding-left: 115px;
}

.page-repairs .preview .column {
    float: left;
    width: 50%;
}

@media (max-width: 768px) {
    .page-repairs .preview .column {
        width: 100%;
    }
}

.page-repairs .preview .column:last-child {
    background: #ffffff;
}

@media (max-width: 768px) {
    .page-repairs .preview .column:last-child {
        margin-top: 30px;
        background: #ffffff;
    }
}

.page-repairs .preview .about {
    position: relative;
    padding-top: 82px;
    padding-bottom: 68px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .page-repairs .preview .about {
        padding-top: 63px;
        padding-bottom: 0;
    }
}

.page-repairs .preview .about:before {
    position: absolute;
    content: "";
    background: url("/local/assets/images/remont-back-1.png");
    width: 226px;
    height: 288px;
    left: 100%;
    top: 108px;
    margin-left: -156px;
}

@media (max-width: 768px) {
    .page-repairs .preview .about:before {
        display: none;
    }
}

.page-repairs .preview .about:after {
    position: absolute;
    content: "";
    background: url("/local/assets/images/remont-back-1.png");
    width: 226px;
    height: 288px;
    left: 0;
    top: 362px;
    margin-left: -153px;
}

@media (max-width: 768px) {
    .page-repairs .preview .about:after {
        display: none;
    }
}

.page-repairs .preview .about .item {
    position: relative;
    padding-left: 83px;
    margin-bottom: 63px;
}

.page-repairs .preview .about .item.time:before {
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    left: 0;
    top: -12px;
    background: url("/local/assets/images/icon-time.png") #FCCB16 no-repeat center;
}

.page-repairs .preview .about .item.money:before {
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    left: 0;
    top: -12px;
    background: url("/local/assets/images/icon-money.png") #FCCB16 no-repeat center;
}

.page-repairs .preview .about .title {
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
}

.page-repairs .preview .about .description {
    margin-top: 14px;
    font-size: 14px;
    color: #929399;
}

.page-repairs .preview .about .circle {
    padding-top: 82px;
    margin-top: -5px;
    background: url("/local/assets/images/back-circle.png") center no-repeat;
    width: 100%;
    height: 231px;
    text-align: center;
}

@media (max-width: 768px) {
    .page-repairs .preview .about .circle {
        position: absolute;
        width: 231px;
        top: 50%;
        right: 50px;
        margin-top: -115px;
    }
}

.page-repairs .repairs-tabs {
    margin-top: 70px;
}

.page-repairs .repairs-tabs .nav-tabs {
    border-bottom: 4px solid #FFC800;
}

.page-repairs .repairs-tabs .nav-tabs > li {
    margin: 0;
}

.page-repairs .repairs-tabs .nav-tabs > li.active > a {
    background: #FFC800;
}

.page-repairs .repairs-tabs .nav-tabs > li.active > a:hover {
    color: #2A2A2A;
}

.page-repairs .repairs-tabs .nav-tabs > li > a {
    border: none;
    margin: 0;
    min-width: 156px;
    font-size: 16px;
    font-family: "DinCond";
    color: #2A2A2A;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 0;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 12px;
    background: #ffffff;
    outline: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-repairs .repairs-tabs .nav-tabs > li > a:hover {
    color: rgba(42, 42, 42, 0.7);
}

.page-repairs .new-reviews {
    margin-top: 40px;
}

.page-repairs .new-reviews input, .page-repairs .new-reviews textarea {
    padding-left: 30px;
    margin-bottom: 20px;
    background: rgba(74, 74, 74, 0.1);
    border: none;
    width: 100%;
    font-size: 14px;
    color: #4A4A4A;
}

.page-repairs .new-reviews input::-moz-placeholder, .page-repairs .new-reviews textarea::-moz-placeholder {
    color: #4A4A4A;
    opacity: 1;
}

.page-repairs .new-reviews input:-ms-input-placeholder, .page-repairs .new-reviews textarea:-ms-input-placeholder {
    color: #4A4A4A;
}

.page-repairs .new-reviews input::-webkit-input-placeholder, .page-repairs .new-reviews textarea::-webkit-input-placeholder {
    color: #4A4A4A;
}

.page-repairs .new-reviews input {
    height: 50px;
}

.page-repairs .new-reviews textarea {
    height: 186px;
    padding-top: 13px;
    padding-left: 24px;
}

.page-repairs .new-reviews .submit {
    width: 140px;
    height: 50px;
    margin-top: 19px;
    margin-left: 2px;
    background: #ffffff;
    border: 2px solid #FFC800;
    font-size: 14px;
    font-weight: 600;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-repairs .new-reviews .submit:hover {
    background: #FFC800;
}

.page-repairs .reviews-list {
    padding-bottom: 10px;
    padding-top: 33px;
    margin-top: 70px;
    background: #ffffff;
    counter-reset: heading;
}

.page-repairs .reviews-list .review {
    padding-bottom: 25px;
    border-bottom: 1px solid #CBCBCB;
}

.page-repairs .reviews-list .item {
    position: relative;
    margin-bottom: 25px;
    padding: 0 42px;
}

.page-repairs .reviews-list .item:before {
    position: absolute;
    right: 39px;
    top: 0;
    counter-increment: heading;
    content: "#" counter(heading);
    font-size: 17px;
    color: #9C9FA5;
    font-family: "DinCond";
}

.page-repairs .reviews-list .item:last-child {
    margin-bottom: 0;
}

.page-repairs .reviews-list .item:last-child .review {
    border-bottom: 0;
}

.page-repairs .reviews-list .name {
    position: relative;
    font-size: 17px;
    font-family: "DinCond";
    letter-spacing: 1.5px;
}

.page-repairs .reviews-list .name:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 30px;
    left: -42px;
    top: -5px;
    background: #FFC800;
}

.page-repairs .reviews-list .text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
}

.page-repairs .reviews-list .date {
    margin-top: 15px;
    color: #929399;
}

.page-repairs .repairs-banner {
    margin-top: 70px;
    padding-top: 125px;
    padding-bottom: 112px;
    padding-left: 72px;
    width: 100%;
    background-color: #FFC800;
    background-image: url("/local/assets/images/back-banner-repairs.png");
    background-repeat: no-repeat;
    background-position: 455px 27px;
}

.page-repairs .repairs-banner:before, .page-repairs .repairs-banner:after {
    content: " ";
    display: table;
}

.page-repairs .repairs-banner:after {
    clear: both;
}

@media (max-width: 768px) {
    .page-repairs .repairs-banner {
        margin-bottom: 40px;
    }
}

.page-repairs .repairs-banner .text {
    width: 50%;
    float: left;
}

.page-repairs .repairs-banner .title {
    position: relative;
    font-size: 45px;
    font-family: "DinCond";
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-repairs .repairs-banner .title:before {
    content: "";
    position: absolute;
    width: 105px;
    height: 2px;
    background: #2A2A2A;
    top: 0;
    left: 1px;
    margin-top: -55px;
}

.page-repairs .repairs-banner .description {
    margin-top: 29px;
}

.page-repairs .reviews-added {
    position: relative;
    margin-top: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    border: 1px solid #C6C6C6;
    text-align: center;
}

.page-repairs .reviews-added .icon-close, .page-repairs .reviews-added .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .page-repairs .reviews-added .link-nav-mobile.toggle:before, .page-repairs .reviews-added .modal .close, .modal .page-repairs .reviews-added .close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #4A4A4A;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-repairs .reviews-added .icon-close:hover, .page-repairs .reviews-added .header .logo-mobile .link-nav-mobile.toggle:hover:before, .header .logo-mobile .page-repairs .reviews-added .link-nav-mobile.toggle:hover:before, .page-repairs .reviews-added .modal .close:hover, .modal .page-repairs .reviews-added .close:hover {
    opacity: .7;
}

.page-repairs .reviews-added .text {
    margin-top: 20px;
    font-size: 16px;
}

.page-repairs .reviews-added .description {
    margin-top: 15px;
    font-size: 14px;
    color: #929399;
}

.page-repairs .certificates {
    margin-top: 40px;
    padding: 20px 70px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .page-repairs .certificates {
        padding: 0 30px;
    }
}

.page-repairs .certificates-list {
    padding-right: 160px;
}

.page-repairs .certificates-list:after {
    right: 30px;
}

@media (max-width: 768px) {
    .page-repairs .certificates-list {
        padding-right: 0;
    }
}

.page-repairs .our-work-gallery {
    margin-top: 40px;
    padding: 80px 80px 20px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .page-repairs .our-work-gallery {
        padding: 20px;
    }
}

.page-repairs .our-work-gallery .items {
    margin: 0 -25px;
}

.page-repairs .our-work-gallery .items:before, .page-repairs .our-work-gallery .items:after {
    content: " ";
    display: table;
}

.page-repairs .our-work-gallery .items:after {
    clear: both;
}

@media (max-width: 768px) {
    .page-repairs .our-work-gallery .items {
        margin: 0 -10px;
    }
}

.page-repairs .our-work-gallery .item {
    margin-bottom: 50px;
    padding: 0 25px;
    float: left;
    width: 25%;
}

@media (max-width: 768px) {
    .page-repairs .our-work-gallery .item {
        padding: 0 10px;
    }
}

.page-repairs .our-work-gallery .item img {
    max-width: 100%;
}

.page-repairs .our-work-gallery .item a {
    position: relative;
    display: block;
    cursor: pointer;
}

.page-repairs .our-work-gallery .item a:hover:before {
    opacity: 1;
}

.page-repairs .our-work-gallery .item a:hover:after {
    opacity: 1;
}

.page-repairs .our-work-gallery .item a:after {
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    content: "";
    position: absolute;
    border: 2px solid #FFC800;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-repairs .our-work-gallery .item a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.certificates-list {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
    font-size: 14px;
}

@media (max-width: 768px) {
    .certificates-list {
        padding-right: 0;
    }
}

.certificates-list:after {
    /*  content: "";
  position: absolute;
  background: url("/local/assets/images/icon-pdf.png");
  width: 84px;
  height: 114px;
  right: 71px;
  top: 25px;*/
}

@media (max-width: 768px) {
    .certificates-list:after {
        display: none;
    }
}

.certificates-list li {
    padding: 25px 0;
    border-bottom: 1px solid #CBCBCB;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.certificates-list li:hover {
    opacity: .7;
}

.certificates-list li:last-child {
    border-bottom: 0;
}

.certificates-list a {
    padding-left: 32px;
    position: relative;
    color: #32A3D4;
}

.certificates-list li.pdf a:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-pdf-min.png");
    width: 14px;
    height: 19px;
    left: 0;
}

.certificates-list li.docx a:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-doc.png");
    width: 14px;
    height: 19px;
    left: 0;
}

.certificates-list li.iso a:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-iso.png");
    width: 14px;
    height: 19px;
    left: 0;
}

.certificates-list li.ppt a:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-ppt.png");
    width: 14px;
    height: 19px;
    left: 0;
}

.certificates-list li.djvu a:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-djvu.png");
    width: 14px;
    height: 19px;
    left: 0;
}

.certificates-list .size {
    margin-left: 10px;
    color: #929399;
}

.our-work-modal .modal-dialog {
    max-width: 966px;
    width: 100%;
    padding: 0 20px;
}

.our-work-modal .modal-body {
    padding: 0;
}

.our-work-modal .modal-body:before, .our-work-modal .modal-body:after {
    content: " ";
    display: table;
}

.our-work-modal .modal-body:after {
    clear: both;
}

.our-work-modal .slider {
    width: 70%;
    float: left;
}

.our-work-modal .text {
    float: left;
    width: 30%;
    padding-left: 50px;
}

.our-work-modal .title {
    margin-top: 0;
    margin-bottom: 25px;
    color: #ffffff;
}

.our-work-modal .description {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
}

.our-work-modal .description p {
    margin-bottom: 25px;
}

.our-work-modal .work-modal-slider {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
}

.our-work-modal .work-modal-carousel {
    border: none;
    background: none;
    border-radius: 0;
}

.our-work-modal .work-modal-carousel .slides li {
    position: relative;
    cursor: pointer;
}

.our-work-modal .work-modal-carousel .slides li:hover:after {
    opacity: 1;
}

.our-work-modal .work-modal-carousel .slides li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #FFC800;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.our-work-modal .work-modal-carousel .slides li.flex-active-slide:after {
    opacity: 1;
}

.our-work-modal .flex-direction-nav .flex-next {
    right: 0 !important;
}

.our-work-modal .flex-direction-nav .flex-prev {
    left: 0 !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.our-work-modal .flex-direction-nav a {
    width: 60px;
    height: 60px;
    opacity: 0.7;
    background: rgba(0, 0, 0, 0.6);
    outline: none !important;
}

.our-work-modal .flex-direction-nav a:before {
    font-size: 20px;
    font-family: "mechan";
    text-shadow: none;
    color: #ffffff;
    font-weight: 300;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.modal-backdrop {
    background: rgba(74, 78, 88, 0.9);
    opacity: 1 !important;
}

.modal .modal-dialog {
    margin-top: 70px;
}

.modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.modal .close {
    position: absolute;
    font-family: "mechan";
    color: #ffffff;
    top: -40px;
    right: -40px;
    background: none;
    border: none;
    font-size: 20px;
}

@media (max-width: 768px) {
    .modal .close {
        top: 0;
        right: -20px;
    }
}

.page-informer {
    padding-top: 52px;
}

.page-informer .tab-publication {
    padding-left: 40px;
}

@media (max-width: 1100px) {
    .page-informer .tab-publication {
        padding-left: 0;
    }
}

.page-informer .tab-publication .block {
    padding: 45px 76px 40px 70px;
}

.page-informer .tab-publication .title {
    padding-left: 0;
}

.page-informer .tab-publication .title:before {
    left: -70px;
}

.page-informer .tab-content:before, .page-informer .tab-content:after {
    content: " ";
    display: table;
}

.page-informer .tab-content:after {
    clear: both;
}

.page-informer .title {
    position: relative;
    padding-left: 76px;
}

.page-informer .nav-tabs {
    border-bottom: 0;
}

.page-informer .nav-tabs > li {
    width: 33.33333%;
    margin: 0;
    border-left: 1px solid #D5D5D5;
}

.page-informer .nav-tabs > li:first-child {
    border-left: 1px solid transparent;
}

.page-informer .nav-tabs > li.active > a {
    background: #FFC800;
}

.page-informer .nav-tabs > li > a {
    padding-top: 36px;
    padding-bottom: 31px;
    margin: 0;
    outline: none !important;
    width: 100%;
    border: none !important;
    border-radius: 0;
    background: #ffffff;
    color: #2A2A2A;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 1.5px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-tabs > li > a span:before {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-tabs > li > a:hover {
    color: rgba(42, 42, 42, 0.7);
}

.page-informer .nav-tabs > li > a:hover span:before {
    opacity: .7;
}

.page-informer .nav-publication span:before {
    margin-right: 15px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-publication.png") center no-repeat;
    width: 36px;
    height: 33px;
}

.page-informer .nav-library span:before {
    margin-right: 15px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-library.png") center no-repeat;
    width: 33px;
    height: 33px;
}

.page-informer .nav-catalogs span:before {
    margin-right: 15px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-catalogs.png") center no-repeat;
    width: 32px;
    height: 33px;
}

.page-informer .informer-wrapper {
    margin-top: 30px;
    position: relative;
    padding-left: 236px;
}

@media (max-width: 1100px) {
    .page-informer .informer-wrapper {
        padding-left: 0;
    }
}

.page-informer .informer-nav {
    /*position: absolute;*/
    background: #4A4E58;
    width: 236px;
    left: 0;
    top: 0;
    padding-top: 41px;
    padding-bottom: 29px;
}

@media (max-width: 1100px) {
    .page-informer .informer-nav.toggle .nav-list li {
        display: block;
    }

    .page-informer .informer-nav.toggle .nav-list li.toggle {
        margin-bottom: 18px;
    }
}

@media (max-width: 1100px) {
    .page-informer .informer-nav {
        position: absolute;
        margin-bottom: 20px;
        padding-top: 14px;
        padding-bottom: 5px;
        width: 100%;
        position: relative;
    }
}

.page-informer .informer-nav .title {
    padding-left: 37px;
    font-size: 17px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #ffffff;
}

@media (max-width: 1100px) {
    .page-informer .informer-nav .title {
        display: none;
    }
}

.page-informer .nav-list {
    margin-top: 25px;
    list-style: none;
    padding: 0;
}

@media (max-width: 1100px) {
    .page-informer .nav-list li {
        display: none;
    }
}

@media (max-width: 1100px) {
    .page-informer .nav-list li.toggle {
        display: inline-block;
        margin-bottom: 0;
    }
}

@media (max-width: 1100px) {
    .page-informer .nav-list {
        margin-top: 0;
    }
}

.page-informer .nav-list a {
    outline: none !important;
}

.page-informer .nav-list a:hover {
    color: #FFC800;
}

.page-informer .nav-item {
    position: relative;
    padding-left: 37px;
    padding-right: 34px;
    margin-bottom: 18px;
}

.page-informer .nav-item.parent .nav-link:before {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    font-family: "mechan";
    font-size: 6px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-item.active .nav-link {
    color: #FFC800;
}

.page-informer .nav-item.active .nav-link:before {
    color: #FFC800;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-informer .nav-item.active:after {
    opacity: 1;
}

.page-informer .nav-item:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 32px;
    background: #FFC800;
    left: 0;
    top: -3px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-item > ul {
    display: none;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    list-style: none;
}

.page-informer .nav-item > ul > li {
    margin-bottom: 5px;
}

.page-informer .nav-item > ul > li.active > a {
    color: #FFC800;
}

.page-informer .nav-item > ul > li.active > a:before {
    color: #FFC800 !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-informer .nav-item > ul > li.parent > a:before {
    position: absolute;
    left: 100%;
    top: -1px;
    margin-left: 10px;
    font-family: "mechan";
    font-size: 6px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-item > ul > li > ul {
    display: none;
    position: relative;
    list-style: none;
    padding-top: 4px;
    padding-left: 0;
}

.page-informer .nav-item > ul > li > ul:before {
    content: "";
    position: absolute;
    width: 1px;
    background: #80838A;
    left: 0;
    top: 3px;
    bottom: 10px;
}

.page-informer .nav-item > ul > li > ul > li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 24px;
}

.page-informer .nav-item > ul > li > ul > li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    top: 50%;
    left: 0;
    margin-top: 1px;
    background: #80838A;
}

.page-informer .nav-item > ul > li > ul > li > a {
    font-size: 12px;
    color: #ffffff;
}

.page-informer .nav-item > ul > li > a {
    position: relative;
    font-size: 12px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .nav-link {
    position: relative;
    font-size: 14px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-informer .block {
    margin-bottom: 40px;
    padding: 45px 76px 40px 48px;
    background: #ffffff;
}

.page-informer .block:before, .page-informer .block:after {
    content: " ";
    display: table;
}

.page-informer .block:after {
    clear: both;
}

.page-informer .special-offer {
    position: relative;
    width: 100%;
    height: 405px;
    padding: 0;
    margin-top: 32px;
}

.page-informer .special-offer:before {
    display: none;
}

.page-informer .special-offer .title {
    font-weight: 500;
    padding-left: 0;
}

.page-informer .special-offer .custom-navigation {
    right: 0;
    top: 0;
}

.page-informer .special-offer .text {
    padding-top: 88px;
}

.page-informer .special-offer .flexslider .name span {
    margin-top: 14px;
}

.block-publication, .block-manufacturers {
    margin-bottom: 62px;
    float: left;
}

.block-publication .items, .block-manufacturers .items {
    margin-top: 25px;
}

.block-publication .items:before, .block-publication .items:after, .block-manufacturers .items:before, .block-manufacturers .items:after {
    content: " ";
    display: table;
}

.block-publication .items:after, .block-manufacturers .items:after {
    clear: both;
}

.block-publication .item, .block-manufacturers .item {
    float: left;
    width: 50%;
    margin-bottom: 21px;
}

.block-publication .item:nth-child(2n), .block-manufacturers .item:nth-child(2n) {
    padding-left: 32px;
}

.block-publication .item:nth-child(2n+1), .block-manufacturers .item:nth-child(2n+1) {
    clear: left;
}

.block-publication {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

.block-publication .title:before {
    position: absolute;
    font-family: "mechan";
    width: 43px;
    height: 43px;
    background: #FFC800;
    text-align: center;
    line-height: 43px;
    font-size: 22px;
    left: 0;
    top: -5px;
}

.block-manufacturers {
    position: relative;
}

.block-manufacturers .title:before {
    position: absolute;
    font-family: "mechan";
    width: 43px;
    height: 43px;
    background: #FFC800;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    left: 0;
    top: -5px;
}

.block-video .title {
    position: relative;
}

.block-video .title:before {
    position: absolute;
    content: "";
    width: 43px;
    height: 43px;
    background: url("/local/assets/images/icon-video-play-black.png") #FFC800 no-repeat center;
    left: 0;
    top: -5px;
}

.block-video .link-all {
    margin-top: 0;
}

.block-special-offer {
    position: relative;
    padding-left: 20px;
}

.block-special-offer:before {
    position: absolute;
    left: -70px;
    top: 20px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background: #FCCB16;
    font-family: "mechan";
    font-size: 24px;
}

.articles .date, .block-publication .date, .block-manufacturers .date {
    font-size: 12px;
    color: #9C9FA5;
}

.articles .views, .block-publication .views, .block-manufacturers .views {
    margin-left: 24px;
    display: inline-block;
}

.articles .views:before, .block-publication .views:before, .block-manufacturers .views:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-views.png");
    width: 19px;
    height: 12px;
    vertical-align: middle;
}

.articles .comments, .block-publication .comments, .block-manufacturers .comments {
    margin-left: 25px;
    display: inline-block;
}

.articles .comments:before, .block-publication .comments:before, .block-manufacturers .comments:before {
    margin-right: 9px;
    margin-top: 3px;
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-comments.png");
    width: 16px;
    height: 17px;
    vertical-align: middle;
}

.articles .name, .block-publication .name, .block-manufacturers .name {
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
    line-height: 22px;
    color: #4A4A4A;
}

.articles .name a, .block-publication .name a, .block-manufacturers .name a {
    color: #4A4A4A;
}

.articles .link-all, .block-publication .link-all, .block-manufacturers .link-all {
    margin-top: 45px;
}

.articles .link-all a, .block-publication .link-all a, .block-manufacturers .link-all a {
    padding: 13px 24px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #2A2A2A;
    border: 2px solid #FFC800;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.articles .link-all a:hover, .block-publication .link-all a:hover, .block-manufacturers .link-all a:hover {
    background: #FFC800;
}

.video-gallery .items {
    margin: 36px -25px 0;
}

.video-gallery .items:before, .video-gallery .items:after {
    content: " ";
    display: table;
}

.video-gallery .items:after {
    clear: both;
}

.video-gallery .item {
    float: left;
    padding: 0 25px;
    margin-bottom: 48px;
    width: 33.33333%;
}

.video-gallery .item:nth-child(3n+1) {
    clear: left;
}

.video-gallery .name {
    display: inline-block;
    margin-top: 15px;
    font-size: 12px;
    line-height: 17px;
    color: #2A2A2A;
}

.video-gallery .video {
    display: block;
    position: relative;
    cursor: pointer;
}

.video-gallery .video img {
    max-width: 100%;
}

.video-gallery .video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.video-gallery .video:before {
    position: absolute;
    content: "";
    background: url("/local/assets/images/icon-video-play.png");
    width: 29px;
    height: 29px;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 10;
}

.documents {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 37px;
    padding-right: 36px;
    background: rgba(255, 255, 255, 0.9);
}

.document-list {
    margin-top: 27px;
    position: relative;
    padding-left: 0;
    list-style: none;
    font-size: 14px;
}

.document-list li {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid #CBCBCB;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.document-list li:hover {
    opacity: .7;
}

.document-list li:last-child {
    border-bottom: 1px solid #CBCBCB;
}

.document-list li.pdf a:before {
    background: url("/local/assets/images/icon-pdf-min.png");
    width: 14px;
    height: 19px;
}

.document-list li.docx a:before {
    background: url("/local/assets/images/icon-doc.png");
    width: 14px;
    height: 19px;
}

.document-list li.iso a:before {
    background: url("/local/assets/images/icon-iso.png");
    width: 14px;
    height: 19px;
}

.document-list li.ppt a:before {
    background: url("/local/assets/images/icon-ppt.png");
    width: 14px;
    height: 19px;
}

.document-list li.xls a:before {
    background: url("/local/assets/images/icon-xls-min.png");
    width: 14px;
    height: 19px;
}
.document-list li.djvu a:before {
    background: url("/local/assets/images/icon-djvu.png");
    width: 14px;
    height: 19px;
}

.document-list a {
    display: inline-block;
    padding-left: 32px;
    padding-right: 95px;
    position: relative;
    color: #32A3D4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.document-list a:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.document-list .size {
    position: absolute;
    top: 20px;
    right: -8px;
    min-width: 95px;
    text-align: center;
    color: #929399;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pagination {
    position: relative;
    margin-top: 43px;
}

.pagination .number-pages {
    position: absolute;
    right: 9px;
    top: 0;
    color: #929399;
}

.pagination-list {
    padding-left: 0;
    padding-right: 100px;
    list-style: none;
}

.pagination-link {
    display: inline-block;
    color: #4A4A4A;
    width: 23px;
    height: 23px;
    line-height: 23px;
    background: transparent;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pagination-link:hover {
    color: #4A4A4A;
    background: #FFC800;
}

.pagination-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    width: 23px;
    height: 23px;
}

.pagination-item.active {
    background: #FFC800;
}

.pagination-item.next {
    margin-left: 38px;
}

.pagination-item.prev {
    margin-right: 43px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination-item.prev .pagination-link:before {
    line-height: 22px !important;
}

.pagination-item.prev .pagination-link, .pagination-item.next .pagination-link {
    width: 23px;
    height: 23px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pagination-item.prev .pagination-link:hover:before, .pagination-item.next .pagination-link:hover:before {
    border: 1px solid #FFC800;
}

.pagination-item.prev .pagination-link:before, .pagination-item.next .pagination-link:before {
    position: absolute;
    width: 23px;
    height: 23px;
    padding-left: 2px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 22px;
    font-family: "mechan";
    display: block;
    font-size: 10px;
}

.page-spares {
    margin-top: 52px;
}

.page-spares .spares-brand-german {
    padding-top: 67px;
    padding-left: 79px;
    padding-right: 79px;
    padding-bottom: 42px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .page-spares .spares-brand-german {
        margin-bottom: 40px;
    }
}

.page-spares .spares-brand-german h3, .page-spares .spares-brand-german .our-work-modal .title, .our-work-modal .page-spares .spares-brand-german .title {
    margin-top: 0;
}

.page-spares .spares-brand-german .text {
    margin-top: 45px;
}

.page-spares .spares-brand-german .image {
    float: left;
}

.page-spares .spares-brand-german .description {
    padding-top: 16px;
    padding-left: 232px;
}

.page-spares .spares-neste {
    padding-top: 68px;
    padding-left: 79px;
    padding-right: 79px;
    padding-bottom: 119px;
    color: #ffffff;
    font-size: 16px;
    font-family: "DinCond";
    background: url("/local/assets/images/back-brands.jpg");
}

.page-spares .spares-neste .content {
    padding-right: 320px;
}

@media (max-width: 768px) {
    .page-spares .spares-neste .content {
        padding-right: 120px;
    }
}

.page-spares .spares-neste h3, .page-spares .spares-neste .our-work-modal .title, .our-work-modal .page-spares .spares-neste .title {
    margin-top: 0;
    color: #ffffff;
}

.page-spares .spares-neste ul {
    height: 160px;
    margin-top: 29px;
    padding-left: 0;
    list-style: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

.page-spares .spares-neste ul li {
    margin-bottom: 11px;
    padding-left: 28px;
    position: relative;
}

.page-spares .spares-neste ul li:before {
    position: absolute;
    color: #ffffff;
    left: 0;
    content: "•";
}

.page-spares .spares-brands {
    padding-top: 68px;
    padding-left: 79px;
    padding-right: 79px;
    padding-bottom: 119px;
    color: #ffffff;
    font-size: 16px;
    font-family: "DinCond";
    background: url("/local/assets/images/back-brands.png");
}

.page-spares .spares-brands .content {
    padding-right: 320px;
}

@media (max-width: 768px) {
    .page-spares .spares-brands .content {
        padding-right: 120px;
    }
}

.page-spares .spares-brands h3, .page-spares .spares-brands .our-work-modal .title, .our-work-modal .page-spares .spares-brands .title {
    margin-top: 0;
    color: #ffffff;
}

.page-spares .spares-brands ul {
    height: 160px;
    margin-top: 29px;
    padding-left: 0;
    list-style: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

.page-spares .spares-brands ul li {
    margin-bottom: 11px;
    padding-left: 28px;
    position: relative;
}

.page-spares .spares-brands ul li:before {
    position: absolute;
    color: #ffffff;
    left: 0;
    content: "•";
}

.page-spares .spares-partners {
    margin-top: 24px;
}

.page-spares .spares-partners .partners {
    margin-top: 30px;
    border-right: 1px solid rgba(151, 151, 151, 0.3);
}

.page-spares .spares-partners .partners:before, .page-spares .spares-partners .partners:after {
    content: " ";
    display: table;
}

.page-spares .spares-partners .partners:after {
    clear: both;
}

.page-spares .spares-partners .partners .item {
    width: 25%;
    float: left;
    height: 205px;
    background: #ffffff;
    text-align: center;
    line-height: 210px;
    border-left: 1px solid rgba(151, 151, 151, 0.3);
    border-top: 1px solid rgba(151, 151, 151, 0.3);
}

.page-spares .spares-partners .partners .item .part1 {
    display: initial;
    width: 100%;
    text-align: center;
}

.page-spares .spares-partners .partners .item .part2 {
    vertical-align: middle;
    height: 205px;
    display: table-cell;
}

@media (max-width: 768px) {
    .page-spares .spares-partners .partners .item {
        width: 33.33333%;
    }
}

.page-spares .spares-partners .advantages {
    position: relative;
    padding-left: 341px;
    padding-top: 69px;
    padding-bottom: 38px;
    background: #FFC800;
}

@media (max-width: 840px) {
    .page-spares .spares-partners .advantages {
        padding-left: 250px;
    }
}

.page-spares .spares-partners .advantages:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-spares-advantages.png");
    width: 84px;
    height: 124px;
    left: 187px;
    top: 50%;
    margin-top: -62px;
}

@media (max-width: 840px) {
    .page-spares .spares-partners .advantages:before {
        left: 105px;
    }
}

.page-spares .spares-partners .advantages .item {
    margin-bottom: 28px;
}

.page-spares .spares-partners .advantages .name {
    margin-bottom: 4px;
    font-size: 20px;
    font-family: "DinCond";
    text-transform: uppercase;
}

.page-spares .spares-order {
    margin-top: 21px;
}

.page-spares .spares-order:before, .page-spares .spares-order:after {
    content: " ";
    display: table;
}

.page-spares .spares-order:after {
    clear: both;
}

.page-spares .spares-order label {
    display: block;
    margin-bottom: 23px;
}

.page-spares .spares-order label:before, .page-spares .spares-order label:after {
    content: " ";
    display: table;
}

.page-spares .spares-order label:after {
    clear: both;
}

.page-spares .spares-order label input[type=text] {
    padding: 0 20px;
    margin-top: 9px;
    width: 100%;
    height: 50px;
    background: #D8D8D8;
    border: none;
}

.page-spares .spares-order .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    background: #ffffff;
}

.page-spares .spares-order .btn-group.open .dropdown-toggle .btn {
    border: 2px solid #4A4A4A !important;
}

.page-spares .spares-order .bootstrap-select {
    margin-top: 9px;
    width: 100% !important;
}

.page-spares .spares-order .btn {
    padding-top: 13px;
    padding-bottom: 8px;
    padding-left: 18px;
    border: 2px solid #B9BABF;
    border-radius: 0;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-order .btn .caret {
    right: 25px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-order .btn:hover, .page-spares .spares-order .btn:focus, .page-spares .spares-order .btn:active {
    border: 2px solid #4A4A4A !important;
}

.page-spares .spares-order .btn:hover .caret, .page-spares .spares-order .btn:focus .caret, .page-spares .spares-order .btn:active .caret {
    color: #4A4A4A !important;
}

.page-spares .spares-order .btn > span {
    color: #4A4A4A !important;
    font-size: 14px !important;
}

.page-spares .spares-order .btn .caret {
    right: 28px;
    font-size: 6px;
}

.page-spares .spares-order .dropdown-menu {
    margin-top: -10px;
    border-top: 0;
    border-left: 2px solid #4A4A4A;
    border-right: 2px solid #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
    border-radius: 0;
    box-shadow: none !important;
}

.page-spares .spares-order .dropdown-menu span {
    font-size: 14px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-order .dropdown-menu li {
    margin-bottom: 5px;
}

.page-spares .spares-order .dropdown-menu li a:hover, .page-spares .spares-order .dropdown-menu li a:focus, .page-spares .spares-order .dropdown-menu li a:active {
    background: none;
}

.page-spares .spares-order .dropdown-menu li a:hover span, .page-spares .spares-order .dropdown-menu li a:focus span, .page-spares .spares-order .dropdown-menu li a:active span {
    color: #2A2A2A;
}

.page-spares .spares-order .dropdown-menu .selected {
    display: none;
}

.page-spares .spares-order h2 {
    margin-bottom: 28px;
}

.page-spares .spares-order .column {
    float: left;
    width: 50%;
}

.page-spares .spares-order .column:first-of-type {
    padding-right: 75px;
}

.page-spares .spares-order .column:last-child {
    padding-top: 30px;
}

.page-spares .spares-order .column span {
    display: block;
    font-size: 12px;
    color: #9C9FA5;
}

.page-spares .spares-order .submit {
    padding: 0 46px;
    height: 50px;
    margin-top: 61px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-order .submit:hover {
    background: #FFC800;
}

.page-spares .spares-search {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 33px;
    padding-right: 168px;
    width: 100%;
    background-color: #7E828D;
    background-image: url("/local/assets/images/pict-search-spares.png");
    background-repeat: no-repeat;
    background-position: center;
}

.page-spares .spares-search input {
    padding-left: 20px;
    width: 100%;
    height: 50px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    letter-spacing: .7px;
}

.page-spares .spares-search input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.page-spares .spares-search input:-ms-input-placeholder {
    color: #ffffff;
}

.page-spares .spares-search input::-webkit-input-placeholder {
    color: #ffffff;
}

.page-spares .spares-search .submit {
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -25px;
    width: 120px;
    height: 50px;
    border: 2px solid #FFC800;
    background: none;
    color: #ffffff;
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-search .submit:hover {
    background: #FFC800;
    color: #2A2A2A;
}

.page-spares .spares-note {
    position: relative;
    margin-top: 52px;
    padding-left: 59px;
    padding-right: 90px;
    font-size: 14px;
    line-height: 22px;
}

.page-spares .spares-note:before {
    content: "";
    position: absolute;
    background: url("/local/assets/images/icon-i.png");
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    left: 0;
}

.page-spares .spares-types {
    margin-top: 54px;
}

.page-spares .spares-types a {
    color: #32A3D4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-types .person {
    margin-top: 27px;
}

.page-spares .spares-types .person:before, .page-spares .spares-types .person:after {
    content: " ";
    display: table;
}

.page-spares .spares-types .person:after {
    clear: both;
}

.page-spares .spares-types .people {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.page-spares .spares-types .person-contacts {
    margin-left: -10px;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin-top: 7px;
}

.page-spares .spares-types .person-contacts p {
    margin-bottom: 0;
}

.page-spares .spares-types .avatar {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #CECECE;
}

.page-spares .spares-types .person-name {
    margin-top: 21px;
    margin-left: 80px;
    font-size: 17px;
    font-family: "DinCond";
    letter-spacing: 1.5px;
    line-height: 1.1;
}

.page-spares .spares-types .person-name .post {
    display: block;
    font-size: 14px;
    color: #929399;
    font-family: "Open Sans", sans-serif;
}

.page-spares .spares-types .item {
    position: relative;
    background: #FFC800;
}

.page-spares .spares-types .item:last-child:after {
    display: none;
}

.page-spares .spares-types .item.toggle:after {
    opacity: 0;
}

.page-spares .spares-types .item.toggle .name:before {
    color: #ffffff;
    background: #2A2A2A;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-spares .spares-types .item:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #BC960D;
    left: 23px;
    right: 17px;
    top: 100%;
    opacity: 1;
    z-index: 10;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-spares .spares-types .item .name {
    position: relative;
    padding-top: 30px;
    padding-left: 33px;
    padding-bottom: 18px;
    font-size: 17px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
}

.page-spares .spares-types .item .name:before {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 50%;
    margin-top: -12px;
    right: 20px;
    border: 1px solid rgba(31, 34, 43, 0.3);
    font-family: "mechan";
    font-size: 6px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 2px;
}

.page-spares .spares-types .text {
    display: none;
    padding: 0 2px;
}

.page-spares .spares-types .text .wrapper {
    padding-top: 23px;
    padding-bottom: 30px;
    padding-left: 31px;
    padding-right: 31px;
    background: #ffffff;
}

.spares-advantages {
    margin-top: 40px;
    padding-top: 75px;
    padding-bottom: 76px;
    padding-left: 49px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .spares-advantages {
        padding: 55px 20px;
    }
}

.spares-advantages .items:before, .spares-advantages .items:after {
    content: " ";
    display: table;
}

.spares-advantages .items:after {
    clear: both;
}

.spares-advantages .item {
    float: left;
    width: 33.33333%;
    font-size: 17px;
    font-family: "DinCond";
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
}

.spares-advantages .item:nth-child(2) {
    padding-left: 25px;
}

.spares-advantages .item:nth-child(3) {
    padding-left: 49px;
}

.spares-advantages .item .number {
    margin-top: -1px;
    margin-right: 11px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: #FFC800;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    float: left;
}

.spares-advantages .item .title {
    position: absolute;
    display: inline-block;
    top: 15%;
}

/*
@media (max-width: 768px) {
  .spares-advantages .item .number {
    float: left;
  }
}
*/

.page-faq {
    margin-top: 52px;
}

.page-faq .pagination-list {
    padding-right: 0;
    text-align: center;
}

.page-faq .nav-faq {
    font-family: "DinCond";
    font-size: 16px;
    line-height: 21px;
    text-transform:uppercase;
}
.webform-field-upload.fileuppload:hover{
    background-color: #FFC800;
}
.webform-field-upload.fileuppload{
    width:50px!important;
    margin-left:6px;
}

.page-faq .nav-faq:before, .page-faq .nav-faq:after {
    content: " ";
    display: table;
}

.page-faq .nav-faq:after {
    clear: both;
}

.page-faq .nav-faq ul {
    padding: 0;
    list-style: none;
}

.page-faq .nav-faq ul li {
    float: left;
    width: 33.33333%;
    height: 100px;
    background: #ffffff;
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
}

@media (max-width: 1100px) {
    .page-faq .nav-faq ul li {
        width: 50%;
    }
}

.page-faq .nav-faq ul li:first-child, .page-faq .nav-faq ul li:nth-child(3n+1) {
    border-left: 0;
}

@media (max-width: 1100px) {
    .page-faq .nav-faq ul li:first-child, .page-faq .nav-faq ul li:nth-child(3n+1) {
        border-left: 1px solid #D5D5D5;
    }
}

.page-faq .nav-faq ul li.active a {
    background: #FFC800;
    color: #2A2A2A;
}

.page-faq .nav-faq ul li.active a span {
    color: #2A2A2A;
}

.page-faq .nav-faq ul li a {
    position: relative;
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 100px;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: rgba(42, 42, 42, 0.75);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .nav-faq ul li a:hover {
    color: #2A2A2A;
}

.page-faq .nav-faq ul li a span {
    position: absolute;
    top: 18px;
    right: 19px;
    color: #9C9FA5;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

.page-faq .last-questions {
    margin-top: 67px;
}

.page-faq .last-questions:before, .page-faq .last-questions:after {
    content: " ";
    display: table;
}

.page-faq .last-questions:after {
    clear: both;
}

.page-faq .last-questions .title:before, .page-faq .last-questions .title:after {
    content: " ";
    display: table;
}

.page-faq .last-questions .title:after {
    clear: both;
}

.page-faq .last-questions .title h2 {
    margin-top: 0;
    float: left;
}

.page-faq .last-questions .title .ask {
    margin-top: -12px;
    padding: 0 77px;
    height: 50px;
    float: right;
    border: 2px solid #FFC800;
    background: transparent;
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .last-questions .title .ask:hover {
    background: #FFC800;
}

.page-faq .answer-list {
    margin-top: 49px;
}

.page-faq .answer-list .title h2 {
    display: inline-block;
}

.page-faq .answer-list .title .number {
    margin-top: -12px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: #FFC800;
    font-size: 20px;
    font-family: "DinCond";
    text-align: center;
    line-height: 25px;
    padding-top: 2px;
}

.page-faq .answer-list .items {
    margin-top: 13px;
}

.page-faq .answer-list .item {
    position: relative;
    border-bottom: 2px solid #EAEAEA;
}

.page-faq .answer-list .block-answer {
    padding-top: 39px;
    padding-bottom: 44px;
}

.page-faq .answer-list .block-answer .options {
    margin-top: 26px;
}

.page-faq .answer-list .block-answer .text .date {
    margin-bottom: 16px;
}

.page-faq .answer-list .block-answer .text .files {
    word-break: break-all;
}

.page-faq .new-answer {
    margin-top: 20px;
    padding-right: 40px;
    padding-top: 48px;
    padding-bottom: 50px;
    background: #ffffff;
}

.page-faq .new-answer label,
.page-faq .new-answer .pjt-label {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-left: 232px;
}

.page-faq .new-answer label > span,
.page-faq .new-answer .pjt-label > span {
    display: block;
    position: absolute;
    left: 42px;
    top: 15px;
    font-size: 14px;
    color: #929399;
}

.page-faq .new-answer input, .page-faq .new-answer textarea {
    width: 100%;
    background: rgba(216, 216, 216, 0.4);
    border: none;
    padding-left: 20px;
}

.page-faq .new-answer input {
    height: 50px;
}

.page-faq .new-answer textarea {
    max-width: 100%;
    height: 150px;
    padding-top: 15px;
}

.page-faq .new-answer .button-submit {
    width: 212px;
    height: 50px;
    border: 2px solid #FFC800;
    font-size: 14px;
    font-weight: 600;
    background: none;
    vertical-align: top;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .new-answer .button-submit:hover {
    background: #FFC800;
}

.page-faq .new-answer .add-files {
    width: 50px;
    height: 50px;
    border: 2px solid #B9BABF;
    vertical-align: top;
    margin-left: 6px;
    background: url("/local/assets/images/icon-clip.png") no-repeat transparent center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .new-answer .add-files:hover {
    border: 2px solid #2A2A2A;
}

.page-faq .new-answer .submit {
    margin-top: 37px;
    padding-left: 232px;
}

.page-faq .new-answer .files {
    margin-top: -2px;
    padding-left: 232px;
}

.page-faq .new-answer .files:before, .page-faq .new-answer .files:after {
    content: " ";
    display: table;
}

.page-faq .new-answer .files:after {
    clear: both;
}

.page-faq .new-answer .files .file {
    position: relative;
    float: left;
    padding-left: 33px;
    margin-right: 25px;
}

.page-faq .new-answer .files .file:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background-image: url("/local/assets/images/icon-clip.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.page-faq .new-answer .files .name {
    display: inline-block;
}

.page-faq .new-answer .files .size {
    margin-left: 7px;
    display: inline-block;
    font-size: 12px;
    color: #9C9FA5;
}

.page-faq .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    background: #ffffff;
}

.page-faq .btn-group.open .dropdown-toggle .btn {
    border: 2px solid #4A4A4A !important;
}

.page-faq .bootstrap-select {
    width: 100% !important;
}

.page-faq .btn {
    padding-top: 13px;
    padding-bottom: 8px;
    padding-left: 18px;
    border: 2px solid #B9BABF;
    border-radius: 0;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .btn .caret {
    right: 25px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .btn:hover, .page-faq .btn:focus, .page-faq .btn:active {
    border: 2px solid #4A4A4A !important;
}

.page-faq .btn:hover .caret, .page-faq .btn:focus .caret, .page-faq .btn:active .caret {
    color: #4A4A4A !important;
}

.page-faq .btn > span {
    color: #4A4A4A !important;
    font-size: 14px !important;
}

.page-faq .btn .caret {
    right: 28px;
}

.page-faq .dropdown-menu {
    margin-top: -10px;
    border-top: 0;
    border-left: 2px solid #4A4A4A;
    border-right: 2px solid #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
    border-radius: 0;
    box-shadow: none !important;
}

.page-faq .dropdown-menu span {
    font-size: 14px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-faq .dropdown-menu li {
    margin-bottom: 5px;
}

.page-faq .dropdown-menu li a:hover, .page-faq .dropdown-menu li a:focus, .page-faq .dropdown-menu li a:active {
    background: none;
}

.page-faq .dropdown-menu li a:hover span, .page-faq .dropdown-menu li a:focus span, .page-faq .dropdown-menu li a:active span {
    color: #2A2A2A;
}

.page-faq .dropdown-menu .selected {
    display: none;
}

.table-questions {
    margin-top: 23px;
    background: #ffffff;
    padding: 0 20px 12px;
}

.table-questions:before, .table-questions:after {
    content: " ";
    display: table;
}

.table-questions:after {
    clear: both;
}

.table-questions.answer .line-header .column.theme span {
    margin-top: 0 !important;
}

.table-questions.answer .line .column.theme {
    width: 59%;
}

.table-questions.answer .line .column.theme span {
    margin-top: 10px;
}

.table-questions .line:before, .table-questions .line:after {
    content: " ";
    display: table;
}

.table-questions .line:after {
    clear: both;
}

.table-questions .line:nth-child(2n) {
    background: rgba(216, 216, 216, 0.3);
}

.table-questions .line.line-header {
    padding: 0 20px;
    margin: 0 -20px 20px;
    border-bottom: 2px solid #eaeaea;
    border-left: 2px solid #FFC800;
}

.table-questions .line.line-header .column {
    padding-top: 15px;
    padding-bottom: 13px;
    font-size: 14px;
    font-weight: 400;
    color: #929399;
}

.table-questions .line.line-header .column span {
    position: relative;
}

.table-questions .line.line-header .column span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}

.table-questions .line.line-header .column.date {
    padding-left: 18px;
    padding-top: 15px;
    padding-bottom: 13px;
}

.table-questions .line.line-header .column.date span:before {
    background: url("/local/assets/images/icon-calendar.png");
    width: 18px;
    height: 18px;
}

.table-questions .line.line-header .column.theme {
    padding-top: 15px;
    padding-bottom: 13px;
}

.table-questions .line.line-header .column.theme span:before {
    background: url("/local/assets/images/icon-theme.png");
    width: 13px;
    height: 14px;
}

.table-questions .line.line-header .column.rating {
    padding-top: 15px;
    padding-bottom: 13px;
}

.table-questions .line.line-header .column.rating span:before {
    background: url("/local/assets/images/icon-rating.png");
    width: 18px;
    height: 16px;
}

.table-questions .line.line-header .column.answer {
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 13px;
}

.table-questions .line.line-header .column.answer span:before {
    background: url("/local/assets/images/icon-answer.png");
    width: 16px;
    height: 18px;
}

.table-questions .column {
    float: left;
    padding-top: 15px;
    padding-bottom: 30px;
}

.table-questions .column.date {
    padding: 24px 10px 0 23px;
    width: 16%;
    font-size: 12px;
    color: #9C9FA5;
}

.table-questions .column.date p {
    margin-bottom: 5px;
}

.table-questions .column.theme {
    padding-top: 24px;
    padding-right: 50px;
    width: 41%;
}

.table-questions .column.theme a {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #4A4A4A;
}

.table-questions .column.theme span {
    display: block;
    font-size: 12px;
    color: #9C9FA5;
}

.table-questions .column.rating {
    padding-top: 23px;
    width: 16%;
    font-size: 14px;
    font-weight: 600;
    color: #4A4A4A;
}

.table-questions .column.answer {
    width: 24%;
}

.table-questions .column.answer .name {
    margin-top: 8px;
}

.table-questions .column.answer .date {
    margin-top: 6px;
    font-size: 12px;
    color: #9C9FA5;
}

.table-questions .quantity-counter {
    display: block;
    margin-top: 8px;
}

.table-questions .quantity-counter button.btn-silver {
    padding: 0px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.table-questions .quantity-counter button.btn-silver:hover {
    background: rgba(42, 42, 42, 0.6);
}

.table-questions .quantity-counter button.btn-silver.decrease:before {
    position: absolute;
    color: #ffffff;
    content: "–";
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    top: 0;
    left: 0;
}

.table-questions .quantity-counter button.btn-silver.increase:before {
    position: absolute;
    color: #ffffff;
    content: "+";
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    top: 0;
    left: 0;
}

.table-questions .quantity-counter .quantity-input {
    width: 40px;
    height: 22px;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

.block-answer {
    position: relative;
    padding-top: 37px;
    padding-right: 75px;
    padding-bottom: 30px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .block-answer {
        padding-right: 30px;
    }
}

.block-answer .answer-number {
    position: absolute;
    right: 41px;
    top: 40px;
    font-size: 20px;
    font-family: "DinCond";
    color: #7E828D;
}

.block-answer .answer-number:before {
    display: inline-block;
    vertical-align: middle;
    content: "#";
}

.block-answer .user {
    width: 180px;
    position: absolute;
    left: 42px;
}

.block-answer .user .name {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-family: "DinCond";
}

.block-answer .user .user-about {
    margin-top: 11px;
    font-size: 14px;
    color: #929399;
}

.block-answer .user .user-about p {
    margin-bottom: 0;
}

.block-answer .user .section {
    margin-top: 16px;
    margin-bottom: 8px !important;
}

.block-answer .user .section a {
    color: #4A4A4A;
}

.block-answer .text {
    padding-left: 232px;
}

.block-answer .text .date {
    margin-bottom: 11px;
    font-size: 12px;
    color: #9C9FA5;
}

.block-answer .options {
    margin-top: 37px;
}

.block-answer .options > button {
    margin-right: 16px;
    margin-bottom: 10px;
    width: 212px;
    height: 50px;
    border: 2px solid #B9BABF;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.block-answer .options > button:last-child {
    margin-right: 0;
}

.block-answer .options > button .number {
    margin-left: 3px;
    font-size: 13px;
    color: #9C9FA5;
}

.block-answer .options > button.like {
    border: 2px solid #FFC800;
}

.block-answer .options > button.like:hover {
    background: #FFC800;
    border: 2px solid #FFC800;
}

.block-answer .options > button.like:hover .number {
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.block-answer .options > button.like > span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-heart.png");
    width: 24px;
    height: 20px;
    vertical-align: middle;
    margin-left: -9px;
    margin-right: 12px;
}

.block-answer .options > button.reply:hover {
    border: 2px solid #2A2A2A;
    color: #2A2A2A;
}

.block-answer .options > button.reply > span:before {
    content: "";
    display: inline-block;
    background: url("/local/assets/images/icon-reply.png");
    width: 22px;
    height: 21px;
    vertical-align: middle;
    margin-left: -9px;
    margin-right: 12px;
}

.block-answer .options > button.reply.reply-min {
    width: 110px;
    height: 23px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: normal;
}

.block-answer .options > button.reply.reply-min > span:before {
    margin-top: -1px;
    margin-left: 0;
    margin-right: 5px;
    width: 15px;
    height: 13px;
    background: url("/local/assets/images/icon-reply-min.png");
}

.block-answer .quantity-counter {
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}

.block-answer .quantity-counter button.btn-silver {
    padding: 0px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.block-answer .quantity-counter button.btn-silver:hover {
    background: rgba(42, 42, 42, 0.6);
}

.block-answer .quantity-counter button.btn-silver.decrease:before {
    position: absolute;
    color: #ffffff;
    content: "–";
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    top: 0;
    left: 0;
}

.block-answer .quantity-counter button.btn-silver.increase:before {
    position: absolute;
    color: #ffffff;
    content: "+";
    font-size: 20px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    top: 0;
    left: 0;
}

.block-answer .quantity-counter .quantity-input {
    width: 40px;
    height: 22px;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
}

.page-profile {
    margin-top: 52px;
    margin-bottom: -80px;
}

.page-profile .special-offer {
    overflow: visible;
}

.page-profile .special-offer:before {
    left: -20px;
}

.page-profile .block-special-offer {
    margin-top: 72px;
    margin-bottom: 100px;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.page-profile .block-special-offer:before, .page-profile .block-special-offer:after {
    content: " ";
    display: table;
}

.page-profile .block-special-offer:after {
    clear: both;
}

.page-profile .block-special-offer .custom-navigation {
    right: 28px;
}

.page-profile .block-special-offer .special-offer {
    padding-left: 62px;
    float: none;
    width: 100%;
}

.page-profile .block-special-offer .special-offer .flexslider .text {
    width: 60%;
}

.page-profile .block-special-offer .special-offer .flexslider .image {
    width: 33%;
    margin: 32px 0 0 0;
}

.page-profile .nav-orders:before {
    font-family: "mechan";
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;
    margin-right: 14px;
}

.page-profile .nav-faq:before {
    font-family: "mechan";
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-top: -10px;
    margin-right: 14px;
}

.page-profile .nav-personal:before {
    font-family: "mechan";
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-top: -10px;
    margin-right: 14px;
}

.page-profile .nav-tabs {
    border-bottom: 0;
}

.page-profile .nav-tabs > li {
    width: 33.33333%;
    margin: 0;
    border-left: 1px solid #D5D5D5;
}

.page-profile .nav-tabs > li:first-child {
    border-left: 1px solid transparent;
}

.page-profile .nav-tabs > li.active > a {
    background: #FFC800;
}

.page-profile .nav-tabs > li > a {
    padding-top: 36px;
    padding-bottom: 31px;
    margin: 0;
    outline: none !important;
    width: 100%;
    border: none !important;
    border-radius: 0;
    background: #ffffff;
    color: #2A2A2A;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 1.5px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-profile .nav-tabs > li > a:hover {
    color: rgba(42, 42, 42, 0.7);
}

.profile-balance {
    margin-top: 70px;
    padding-top: 30px;
    padding-bottom: 26px;
    border-top: 1px solid #B9BABF;
    border-bottom: 1px solid #B9BABF;
}

.profile-balance:before, .profile-balance:after {
    content: " ";
    display: table;
}

.profile-balance:after {
    clear: both;
}

.profile-balance .title {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 20px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 2px;
}

.profile-balance .number {
    margin-left: -5px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: right;
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
}

.profile-balance .number span:before {
    margin-right: 24px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 43px;
    background: url("/local/assets/images/icon-money.png") #FCCB16 no-repeat center;
}

.profile-orders .find-order {
    position: relative;
    margin-top: 70px;
}

.profile-orders .find-order:before, .profile-orders .find-order:after {
    content: " ";
    display: table;
}

.profile-orders .find-order:after {
    clear: both;
}

.profile-orders .find-order .wrap-input {
    position: relative;
    width: 73%;
    float: left;
}

.profile-orders .find-order .dropdown-toggle {
    background: none !important;
    box-shadow: none !important;
}

.profile-orders .find-order .dropdown-menu {
    margin-top: 0;
    background: #d8d8d8;
    border: none;
}

.profile-orders .find-order .bootstrap-select {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -23px;
    padding-right: 20px;
    min-width: 136px;
    width: auto !important;
}

.profile-orders .find-order .bootstrap-select:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6px;
    width: 1px;
    height: 100%;
    background: #BCBDBF;
}

.profile-orders .find-order .bootstrap-select .caret {
    right: 14px !important;
    margin-top: -4px;
    color: #4A4A4A;
}

.profile-orders .find-order .btn {
    border: none !important;
}

.profile-orders .find-order .submit {
    float: left;
    width: 27%;
    padding-left: 20px;
}

.profile-orders .find-order .button-submit {
    width: 100%;
    height: 50px;
    border: 2px solid #FFC800;
    font-weight: 600;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profile-orders .find-order .button-submit:hover {
    background: #FFC800;
}

.profile-orders .find-order input {
    width: 100%;
    padding-left: 82px;
    padding-right: 200px;
    height: 50px;
    border: none;
    background: #D8D8D8;
}

.profile-orders .find-order .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    background: #4A4A4A;
    font-style: normal;
}

.profile-orders .find-order .icon:before {
    position: absolute;
    width: 50px;
    height: 50px;
    font-family: "mechan";
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
}

.profile-faq {
    margin-top: 67px;
}

.profile-faq .last-questions {
    margin-bottom: 64px;
}

.profile-faq .last-questions .title:before, .profile-faq .last-questions .title:after {
    content: " ";
    display: table;
}

.profile-faq .last-questions .title:after {
    clear: both;
}

.profile-faq .last-questions .title h2 {
    margin-top: 0;
    float: left;
}

.profile-faq .last-questions .title .number {
    float: left;
    margin-left: 13px;
    margin-top: 4px;
    width: 25px;
    height: 25px;
    background: #FFC800;
    font-size: 20px;
    font-family: "DinCond";
    text-align: center;
    line-height: 25px;
    padding-top: 2px;
}

.profile-faq .ask {
    margin-top: -12px;
    padding: 0 77px;
    height: 50px;
    float: right;
    border: 2px solid #FFC800;
    background: transparent;
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profile-faq .ask:hover {
    background: #FFC800;
}

.profile-faq .table-questions {
    margin-top: 13px;
}

.profile-statistic {
    margin-bottom: 82px;
}

.profile-statistic .statistic-block {
    position: relative;
    margin-top: 23px;
    padding-top: 50px;
    padding-left: 99px;
    padding-bottom: 42px;
    background: #ffffff;
}

.profile-statistic .statistic-block:before, .profile-statistic .statistic-block:after {
    content: " ";
    display: table;
}

.profile-statistic .statistic-block:after {
    clear: both;
}

.profile-statistic .statistic-block:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: #FFC800;
    line-height: 44px;
    text-align: center;
    font-family: "mechan";
}

@media (max-width: 768px) {
    .profile-statistic .statistic-block {
        padding: 50px 30px;
    }
}

.profile-statistic .statistic-block .column {
    float: left;
    width: 25%;
}

.profile-statistic .statistic-block .column.rating .number:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    width: 18px;
    height: 16px;
    background: url("/local/assets/images/icon-rating-min.png");
}

.profile-statistic .statistic-block .column.questions .number:before {
    content: "";
    display: inline-block;
    margin-right: 14px;
    width: 16px;
    height: 17px;
    background: url("/local/assets/images/icon-comments.png");
}

.profile-statistic .statistic-block .title {
    color: #929399;
}

.profile-statistic .statistic-block .number {
    margin-top: 8px;
    font-size: 28px;
    font-family: "DinCond";
}

.profile-personal {
    margin-top: 67px;
}

.profile-personal form {
    padding: 70px 73px 70px 81px;
    margin-top: 23px;
    color: #929399;
    background: #ffffff;
}

@media (max-width: 768px) {
    .profile-personal form {
        padding: 35px 30px;
    }
}

.profile-personal label {
    display: block;
    margin-bottom: 20px;
}

.profile-personal label span {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

.profile-personal label input[type=text] {
    margin-left: -6px;
    padding-left: 21px;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    height: 50px;
    border: none;
    background: rgba(216, 216, 216, 0.3);
    color: #4A4A4A;
}

.profile-personal label input[type=text]::-moz-placeholder {
    color: #4A4A4A;
    opacity: 1;
}

.profile-personal label input[type=text]:-ms-input-placeholder {
    color: #4A4A4A;
}

.profile-personal label input[type=text]::-webkit-input-placeholder {
    color: #4A4A4A;
}

.profile-personal .buttons {
    margin-top: 30px;
    padding-left: 230px;
}

@media (max-width: 768px) {
    .profile-personal .buttons {
        padding-left: 193px;
    }
}

.profile-personal .buttons button {
    margin-right: 16px;
    width: 212px;
    height: 50px;
    border: 2px solid #FFC800;
    background: transparent;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profile-personal .buttons button:hover {
    background: #FFC800;
}

@media (max-width: 1200px) {
    .profile-personal .buttons button {
        width: 172px;
    }
}

.profile-entities {
    margin-top: 67px;
}

.profile-entities .entities-list {
    margin-top: 23px;
}

.profile-entities .entity {
    margin-bottom: 10px;
}

.profile-entities .entity.toggle .entity-title {
    background: #FFC800;
}

.profile-entities .entity.toggle .entity-title:before {
    color: #ffffff;
    background: #2A2A2A;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.profile-entities .entity.toggle .date {
    color: #2A2A2A;
}

.profile-entities .entity-title {
    position: relative;
    padding-left: 30px;
    padding-top: 33px;
    padding-bottom: 30px;
    background: #ffffff;
    border-left: 2px solid #FFC800;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profile-entities .entity-title:before {
    position: absolute;
    display: block;
    margin-top: 5px;
    right: 29px;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(31, 34, 43, 0.3);
    font-family: "mechan";
    font-size: 6px;
    text-align: center;
    line-height: 35px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.profile-entities .entity-title .name {
    font-size: 16px;
}

.profile-entities .entity-title .date {
    margin-top: 5px;
    color: #9C9FA5;
}

.profile-entities .entity-content {
    display: none;
    padding: 11px 20px 34px;
    border-left: 2px solid #FFC800;
    border-right: 2px solid #FFC800;
    border-bottom: 2px solid #FFC800;
    background: #ffffff;
}

.profile-entities .entity-content .line {
    padding: 15px 10px;
}

.profile-entities .entity-content .line:nth-child(2n) {
    background: rgba(216, 216, 216, 0.3);
}

.profile-entities .entity-content .column {
    display: inline-block;
}

.profile-entities .entity-content .column:first-child {
    width: 33%;
    font-size: 12px;
    color: #9C9FA5;
}

.profile-entities .entity-content .column:last-child {
    margin-left: -10px;
    width: 67%;
}

.order-list {
    margin-top: 63px;
}

.order-list.done .title .number {
    color: #ffffff;
    background: #9C9FA5;
}

.order-list.done .column {
    color: #7E828D;
}

.order-list.done .order-title {
    border-left: 2px solid #9C9FA5;
}

.order-list.done .table-orders .order.toggle .order-title .column {
    color: #2A2A2A;
}

.order-list .title:before, .order-list .title:after {
    content: " ";
    display: table;
}

.order-list .title:after {
    clear: both;
}

.order-list .title h2 {
    float: left;
    margin: 0;
}

.order-list .title .number {
    margin-left: 23px;
    margin-top: 4px;
    float: left;
    width: 25px;
    height: 25px;
    /*line-height: 25px;*/
    background: #FFC800;
    font-size: 20px;
    font-family: "DinCond";
    text-align: center;
    padding-top: 2px;
}

.table-orders {
    margin-top: 23px;
}

.table-orders .column {
    float: left;
    width: 25%;
}

.table-orders .line-header {
    margin-bottom: 10px;
    padding: 0 72px 0 31px;
    background: #ffffff;
}

.table-orders .line-header:before, .table-orders .line-header:after {
    content: " ";
    display: table;
}

.table-orders .line-header:after {
    clear: both;
}

.table-orders .line-header .column {
    padding-top: 16px;
    padding-bottom: 14px;
    color: #929399;
}

.table-orders .line-header .number span:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-calendar.png");
    width: 18px;
    height: 18px;
}

.table-orders .line-header .customer span:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-customer.png");
    width: 14px;
    height: 15px;
}

.table-orders .line-header .manager {
    padding-left: 3px;
}

.table-orders .line-header .manager span:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-manager.png");
    width: 14px;
    height: 15px;
}

.table-orders .line-header .sum {
    padding-left: 54px;
}

.table-orders .line-header .sum span:before {
    margin-right: 9px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("/local/assets/images/icon-rub.png");
    width: 17px;
    height: 17px;
}

.table-orders .order {
    margin-bottom: 10px;
}

.table-orders .order.toggle .order-title {
    background: #FFC800;
}

.table-orders .order.toggle .order-title:before {
    color: #ffffff;
    background: #2A2A2A;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table-orders .order.toggle .order-title .column.number .date {
    color: #2A2A2A;
}

.table-orders .order.toggle .evaluation {
    border: 2px solid #FAE7A1;
}

.table-orders .order.toggle .evaluation:hover {
    background: #FAE7A1;
}

.table-orders .order.toggle .rating[data-rating="4"] i:nth-of-type(-n+4):before {
    color: #FAE7A1;
}

.table-orders .order.toggle .rating[data-hoverrating="4"] i.hovered:before {
    color: #FAE7A1;
}

.table-orders .order-title {
    position: relative;
    padding: 0 72px 0 31px;
    background: #ffffff;
    border-left: 2px solid #FFC800;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.table-orders .order-title:before, .table-orders .order-title:after {
    content: " ";
    display: table;
}

.table-orders .order-title:after {
    clear: both;
}

.table-orders .order-title:before {
    position: absolute;
    display: block;
    margin-top: 40px;
    right: 29px;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(31, 34, 43, 0.3);
    font-family: "mechan";
    font-size: 6px;
    text-align: center;
    line-height: 35px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.table-orders .order-title .column {
    padding-top: 33px;
    padding-bottom: 32px;
    font-size: 16px;
}

.table-orders .order-title .column.number .date {
    margin-top: 6px;
    display: block;
    font-size: 12px;
    color: #9C9FA5;
}

.table-orders .order-title .column.manager {
    padding-left: 3px;
}

.table-orders .order-title .column.manager .phone {
    margin-top: 6px;
    display: block;
    font-size: 12px;
}

.table-orders .order-title .column.sum {
    padding-left: 54px;
}

.table-orders .order-content {
    display: none;
    padding: 12px 20px 20px;
    background: #ffffff;
    border-left: 2px solid #FFC800;
    border-right: 2px solid #FFC800;
    border-bottom: 2px solid #FFC800;
}

.table-orders .order-content .line {
    padding: 15px 10px;
}

.table-orders .order-content .line:before, .table-orders .order-content .line:after {
    content: " ";
    display: table;
}

.table-orders .order-content .line:after {
    clear: both;
}

.table-orders .order-content .line .column:first-child {
    width: 48%;
}

.table-orders .order-content .line .column:nth-child(2) {
    width: 30%;
}

.table-orders .order-content .line .column:nth-child(3) {
    width: 22%;
}

.table-orders .order-content .line:nth-child(2n) {
    background: rgba(216, 216, 216, 0.3);
}

.table-orders .order-content .line:first-child .column {
    color: #929399;
}

.table-orders .evaluation {
    padding: 0 13px;
    margin-top: 12px;
    font-size: 12px;
    background: transparent;
    border: 2px solid #FFC800;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.table-orders .evaluation:hover {
    background: #FFC800;
}

.table-orders .rating {
    margin-top: 15px;
}

.table-orders .rating .rating__star:before {
    font-family: "mechan";
    font-style: normal;
    color: #D8D8D8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.table-orders .rating[data-rating="1"] i:nth-of-type(-n+1):before {
    color: #ff4848;
}

.table-orders .rating[data-rating="2"] i:nth-of-type(-n+2):before {
    color: #ff7200;
}

.table-orders .rating[data-rating="3"] i:nth-of-type(-n+3):before {
    color: #ff8a00;
}

.table-orders .rating[data-rating="4"] i:nth-of-type(-n+4):before {
    color: #ffcd00;
}

.table-orders .rating[data-rating="5"] i:nth-of-type(-n+5):before {
    color: #529f00;
}

.table-orders .rating[data-hoverrating="1"] i.hovered:before {
    color: #ff4848;
}

.table-orders .rating[data-hoverrating="2"] i.hovered:before {
    color: #ff7200;
}

.table-orders .rating[data-hoverrating="3"] i.hovered:before {
    color: #ff8a00;
}

.table-orders .rating[data-hoverrating="4"] i.hovered:before {
    color: #ffcd00;
}

.table-orders .rating[data-hoverrating="5"] i.hovered:before {
    color: #529f00;
}

.page-404 {
    min-height: 980px;
    background: #31343b;
    text-align: center;
}

.page-404:before, .page-404:after {
    content: " ";
    display: table;
}

.page-404:after {
    clear: both;
}

.page-404 .image {
    padding-left: 38px;
    margin-top: 177px;
}

.page-404 .image img {
    max-width: 100%;
}

.page-404 .title {
    margin-top: 12px;
    font-size: 36px;
    color: #ffffff;
    text-transform: uppercase;
}

.page-404 h1.title {
    font-family: "Open Sans", sans-serif !important;
    font-size: 36px !important;
    font-weight: normal !important;
    letter-spacing: unset !important;
}

.page-404 .description {
    margin-top: 13px;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.page-404 .description a {
    color: #ffc801;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-404 .description a:hover {
    opacity: .7;
}

/* Common styles of menus */
.dl-menuwrapper {
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    text-align: left;
}

.dl-menuwrapper .ul-title {
    color: #0063b6;
}

.dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
    background: #aaa;
}

.dl-menuwrapper ul {
    background: #ffffff;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
    outline: none;
    text-transform: uppercase;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    content: "";
    width: 20px;
    height: 11px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    position: relative;
    top: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* Hide the inner submenus */
/*
 *When a submenu is openend, we will hide all li siblings.
 *For that we give a class to the parent menu called "dl-subview".
 *We also hide the submenu link.
 *The opened submenu will get the class "dl-subviewopen".
 *All this is done for any sub-level being entered. */
.dl-menu.dl-subview li {
    display: none;
}

.dl-menu.dl-subview li.dl-subviewopen > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview {
    display: block;
}

.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview .dl-submenu {
    display: block;
}

.dl-menu.dl-subview li.dl-subviewopen {
    display: block;
}

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu {
    display: block;
}

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 660px;
    top: 0;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(660px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-660px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(660px);
        transform: translateZ(660px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-660px);
        transform: translateZ(-660px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(660px);
        transform: translateZ(660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-660px);
        transform: translateZ(-660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-660px);
        transform: translateZ(-660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(660px);
        transform: translateZ(660px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-660px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(660px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-660px);
        transform: translateZ(-660px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(660px);
        transform: translateZ(660px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}

/* Colors for demos */
/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active {
    background: #9e1847;
}

.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active {
    background: #D35400;
}

.demo-2 .dl-menuwrapper ul {
    background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active {
    background: #00b4ae;
}

.demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active {
    background: #79a002;
}

.demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active {
    background: #643771;
}

.demo-5 .dl-menuwrapper ul {
    background: #643771;
}

.modal label,
.modal .pjt-label {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.modal label.checkbox {
    margin-bottom: 0;
}

.modal input {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background: rgba(216, 216, 216, 0.5);
    color: #4A4A4A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
}

.modal input::-moz-placeholder {
    color: #4A4A4A;
    opacity: 1;
}

.modal input:-ms-input-placeholder {
    color: #4A4A4A;
}

.modal input::-webkit-input-placeholder {
    color: #4A4A4A;
}

.modal input:hover, .modal input:active, .modal input:focus {
    border: 1px solid #2A2A2A;
}

.modal-search-open .header {
    position: relative;
    z-index: 1000;
}

.modal-search-open .sidebar {
    z-index: 1000;
}

.modal-search .modal-dialog {
    margin-top: 125px;
    width: 823px;
    max-width: 100%;
}

.modal-search .modal-dialog:before {
    position: absolute;
    content: "";
    bottom: 100%;
    right: 125px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
}

.modal-search .main-search {
    position: relative;
    padding: 40px 37px;
    background: #ffffff;
}

.modal-search .main-search input {
    width: 90%;
    padding-left: 40px;
    padding-right: 0px;
    background: none;
    border: none !important;
}

.modal-search .main-search .icon-search {
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.modal-search .main-search .icon-search:before {
    font-family: "mechan";
    font-size: 20px;
    color: #535a6d;
}

.modal-search .main-search .icon-close, .modal-search .main-search .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-search .main-search .link-nav-mobile.toggle:before, .modal-search .main-search .modal .close, .modal .modal-search .main-search .close {
    position: absolute;
    top: 50%;
    right: 70px;
    margin-top: -10px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-search .main-search .icon-close:hover, .modal-search .main-search .header .logo-mobile .link-nav-mobile.toggle:hover:before, .header .logo-mobile .modal-search .main-search .link-nav-mobile.toggle:hover:before, .modal-search .main-search .modal .close:hover, .modal .modal-search .main-search .close:hover, .icon-close:hover {
    opacity: .7;
}

.modal-search .main-search .icon-close:before, .modal-search .main-search .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-search .main-search .link-nav-mobile.toggle:before, .modal-search .main-search .modal .close:before, .modal .modal-search .main-search .close:before {
    font-size: 20px;
    color: #535a6d;
}

.modal-search .search-result {
    position: relative;
    margin-top: -10px;
    width: 100%;
    padding-left: 77px;
    padding-right: 40px;
    background: #ffffff;
}

.modal-search .search-result:before, .modal-search .search-result:after {
    content: " ";
    display: table;
}

.modal-search .search-result:after {
    clear: both;
}

.modal-search .search-result .item {
    margin-bottom: 20px;
}

.modal-search .search-result .name {
    display: inline-block;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-search .search-result .name:hover {
    color: rgba(42, 42, 42, 0.6);
}

.modal-search .search-result .name span, .modal-search .search-result .name b {
    display: inline-block;
    background: #FFC800;
    font-weight: normal;
}

.modal-search .search-result .catalog-section {
    margin-left: 10px;
    display: inline-block;
    font-size: 10px;
    color: #979899;
}

.modal-search .search-result .result {
    margin-top: 50px;
    margin-bottom: 50px;
}

.modal-search .search-result .result .all-result {
    display: inline-block;
    width: 170px;
    height: 50px;
    color: #2A2A2A;
    border: 2px solid #FFC800;
    line-height: 46px;
    font-weight: 600;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-search .search-result .result .all-result:hover {
    background: #FFC800;
}

.modal-search .search-result .result .number-result {
    margin-left: 25px;
    display: inline-block;
    color: #929399;
}

.modal-person .modal-dialog {
    width: 462px;
    background: #ffffff;
}

.modal-person .icon-close, .modal-person .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-person .link-nav-mobile.toggle:before, .modal-person .modal .close, .modal .modal-person .close, .modal-have-questions .icon-close, .modal-search-warning .icon-close {
    border: none;
    position: absolute;
    top: 0;
    right: -50px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-person .nav-tab {
    border-bottom: 4px solid #FFC800;
}

.modal-person .nav-tab:before, .modal-person .nav-tab:after {
    content: " ";
    display: table;
}

.modal-person .nav-tab:after {
    clear: both;
}

.modal-person .nav-tab-item {
    float: left;
    width: 50%;
    padding: 16px 0 10px;
    font-size: 16px;
    font-family: "DinCond";
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-person .nav-tab-item.active {
    background: #FFC800;
}

.modal-person .nav-tab-item:hover {
    color: rgba(42, 42, 42, 0.7);
}

.modal-person .nav-content {
    padding: 60px 40px 40px;
}

.modal-person .nav-content-item {
    display: none;
    background: #ffffff;
}

.modal-person .nav-content-item.active {
    display: block;
}

.modal-person .nav-content-item input {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background: rgba(216, 216, 216, 0.5);
    color: #4A4A4A;
}

.modal-person .nav-content-item input::-moz-placeholder {
    color: #4A4A4A;
    opacity: 1;
}

.modal-person .nav-content-item input:-ms-input-placeholder {
    color: #4A4A4A;
}

.modal-person .nav-content-item input::-webkit-input-placeholder {
    color: #4A4A4A;
}

.modal-person .options {
    margin-top: 10px;
}

.modal-person .options:before, .modal-person .options:after {
    content: " ";
    display: table;
}

.modal-person .options:after {
    clear: both;
}

.modal-person .options .remember {
    float: left;
}

.modal-person .options .forgot {
    float: right;
}

.modal-person .options .forgot a {
    color: #4A4A4A;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-person .options .forgot a:hover {
    opacity: .7;
}

.modal-person .buttons {
    margin-top: 50px;
    text-align: center;
}

.modal-person .submit {
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-person .submit:hover {
    background: #FFC800;
}

.modal-person .line.two-items {
    margin: 0 -10px;
}

.modal-person .line.two-items:before, .modal-person .line.two-items:after {
    content: " ";
    display: table;
}

.modal-person .line.two-items:after {
    clear: both;
}

.modal-person .line.two-items .icon-valid {
    right: 16px;
}

.modal-person .line.two-items label {
    float: left;
    padding: 0 10px;
    width: 50%;
}

.registration-complete {
    text-align: center;
}

.registration-complete .modal-dialog {
    width: 630px;
}

.registration-complete .modal-content {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #ffffff;
}

.registration-complete .icon-close, .registration-complete .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .registration-complete .link-nav-mobile.toggle:before, .registration-complete .modal .close, .modal .registration-complete .close {
    padding: 0;
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 20px;
    color: #535A6D;
}

.registration-complete .title {
    margin-top: 40px;
    font-size: 16px;
}

.registration-complete .description {
    margin-top: 20px;
    font-size: 14px;
    color: #929399;
    line-height: 22px;
}

.registration-complete .buttons {
    margin-top: 50px;
    text-align: center;
}

.registration-complete .submit {
    width: 140px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.registration-complete .submit:hover {
    background: #FFC800;
}

.modal-order-status, .modal-order-in-progress, .modal-order-ok, .modal-message-ok, .modal-restore-ok, .modal-order-status-quest {
    text-align: center;
}

.modal-order-status-quest {
    margin-left: -15px;
}

.modal-order-status-quest .icon-close, .modal-order-status .icon-close, .modal-order-status .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-order-status .link-nav-mobile.toggle:before, .modal-order-status .modal .close, .modal .modal-order-status .close, .modal-order-in-progress .icon-close, .modal-order-in-progress .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-order-in-progress .link-nav-mobile.toggle:before, .modal-order-in-progress .modal .close, .modal .modal-order-in-progress .close, .modal-order-ok .icon-close, .modal-order-ok .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-order-ok .link-nav-mobile.toggle:before, .modal-order-ok .modal .close, .modal .modal-order-ok .close, .modal-message-ok .icon-close, .modal-message-ok .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-message-ok .link-nav-mobile.toggle:before, .modal-message-ok .modal .close, .modal .modal-message-ok .close, .modal-restore-ok .icon-close, .modal-restore-ok .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-restore-ok .link-nav-mobile.toggle:before, .modal-restore-ok .modal .close, .modal .modal-restore-ok .close {
    border: none;
    position: absolute;
    padding: 0;
    top: 10px;
    right: 10px;
    color: #535A6D;
    background: none;
    font-size: 20px;
}

.modal-order-status .modal-dialog, .modal-order-status-quest .modal-dialog, .modal-order-in-progress .modal-dialog, .modal-order-ok .modal-dialog, .modal-message-ok .modal-dialog, .modal-restore-ok .modal-dialog {
    width: 630px;
    background: #ffffff;
    padding-bottom: 70px;
}

.modal-order-status-quest .modal-dialog {
    padding-bottom: 0px;
    width: 645px;
}

.modal-order-status .modal-content, .modal-order-in-progress .modal-content, .modal-order-ok .modal-content, .modal-message-ok .modal-content, .modal-restore-ok .modal-content {
    padding-top: 70px;
}

.modal-order-status-quest .modal-content {
    padding: 50px 10px;
}

.modal-have-questions .title, .modal-order-status .title, .modal-order-in-progress .title, .modal-order-ok .title, .modal-message-ok .title, .modal-restore-ok .title {
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
}

.modal-order-status .order-status-content, .modal-order-in-progress .order-status-content, .modal-order-ok .order-status-content, .modal-message-ok .order-status-content, .modal-restore-ok .order-status-content {
    margin-top: 60px;
}

.modal-order-status label, .modal-order-in-progress label, .modal-order-ok label, .modal-message-ok label, .modal-restore-ok label,
.modal-order-status .pjt-label, .modal-order-in-progress .pjt-label, .modal-order-ok .pjt-label, .modal-message-ok .pjt-label, .modal-restore-ok .pjt-label {
    display: block;
    margin-bottom: 30px;
}

.modal-order-status label > span, .modal-order-in-progress label > span, .modal-order-ok label > span, .modal-message-ok label > span, .modal-restore-ok label > span,
.modal-order-status .pjt-label > span, .modal-order-in-progress .pjt-label > span, .modal-order-ok .pjt-label > span, .modal-message-ok .pjt-label > span, .modal-restore-ok .pjt-label > span {
    margin-bottom: 10px;
    display: block;
    font-size: 12px;
    color: #9C9FA5;
}

.modal-order-status input, .modal-order-in-progress input, .modal-order-ok input, .modal-message-ok input, .modal-restore-ok input {
    width: 230px;
    height: 50px;
    padding: 0 20px;
}

.modal-order-status .bootstrap-select, .modal-order-in-progress .bootstrap-select, .modal-order-ok .bootstrap-select, .modal-message-ok .bootstrap-select, .modal-restore-ok .bootstrap-select {
    width: 230px !important;
}

.modal-order-status .btn-group.open .dropdown-toggle, .modal-order-in-progress .btn-group.open .dropdown-toggle, .modal-order-ok .btn-group.open .dropdown-toggle, .modal-message-ok .btn-group.open .dropdown-toggle, .modal-restore-ok .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.modal-order-status .btn-group.open .dropdown-toggle .btn, .modal-order-in-progress .btn-group.open .dropdown-toggle .btn, .modal-order-ok .btn-group.open .dropdown-toggle .btn, .modal-message-ok .btn-group.open .dropdown-toggle .btn, .modal-restore-ok .btn-group.open .dropdown-toggle .btn {
    border: 2px solid #4A4A4A !important;
}

.modal-order-status .btn, .modal-order-in-progress .btn, .modal-order-ok .btn, .modal-message-ok .btn, .modal-restore-ok .btn {
    padding-left: 20px;
    height: 50px;
    border: 2px solid #B9BABF;
    border-radius: 0;
    background: none !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-order-status .btn .caret, .modal-order-in-progress .btn .caret, .modal-order-ok .btn .caret, .modal-message-ok .btn .caret, .modal-restore-ok .btn .caret {
    right: 25px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-order-status .btn:hover, .modal-order-status .btn:focus, .modal-order-status .btn:active, .modal-order-in-progress .btn:hover, .modal-order-in-progress .btn:focus, .modal-order-in-progress .btn:active, .modal-order-ok .btn:hover, .modal-order-ok .btn:focus, .modal-order-ok .btn:active, .modal-message-ok .btn:hover, .modal-message-ok .btn:focus, .modal-message-ok .btn:active, .modal-restore-ok .btn:hover, .modal-restore-ok .btn:focus, .modal-restore-ok .btn:active {
    border: 2px solid #4A4A4A !important;
}

.modal-order-status .btn:hover .caret, .modal-order-status .btn:focus .caret, .modal-order-status .btn:active .caret, .modal-order-in-progress .btn:hover .caret, .modal-order-in-progress .btn:focus .caret, .modal-order-in-progress .btn:active .caret, .modal-order-ok .btn:hover .caret, .modal-order-ok .btn:focus .caret, .modal-order-ok .btn:active .caret, .modal-message-ok .btn:hover .caret, .modal-message-ok .btn:focus .caret, .modal-message-ok .btn:active .caret, .modal-restore-ok .btn:hover .caret, .modal-restore-ok .btn:focus .caret, .modal-restore-ok .btn:active .caret {
    color: #4A4A4A !important;
}

.modal-order-status .dropdown-menu, .modal-order-in-progress .dropdown-menu, .modal-order-ok .dropdown-menu, .modal-message-ok .dropdown-menu, .modal-restore-ok .dropdown-menu {
    margin-top: -10px;
    border-top: 0;
    border-left: 2px solid #4A4A4A;
    border-right: 2px solid #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
    border-radius: 0;
    box-shadow: none !important;
}

.modal-order-status .dropdown-menu li, .modal-order-in-progress .dropdown-menu li, .modal-order-ok .dropdown-menu li, .modal-message-ok .dropdown-menu li, .modal-restore-ok .dropdown-menu li {
    margin-bottom: 5px;
}

.modal-order-status .dropdown-menu .selected, .modal-order-in-progress .dropdown-menu .selected, .modal-order-ok .dropdown-menu .selected, .modal-message-ok .dropdown-menu .selected, .modal-restore-ok .dropdown-menu .selected {
    display: none;
}

.modal-order-status .buttons, .modal-order-in-progress .buttons, .modal-order-ok .buttons, .modal-message-ok .buttons, .modal-restore-ok .buttons {
    margin-top: 50px;
    text-align: center;
}

.modal-order-status .submit, .modal-order-in-progress .submit, .modal-order-ok .submit, .modal-message-ok .submit, .modal-restore-ok .submit {
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-order-status .submit:hover, .modal-order-in-progress .submit:hover, .modal-order-ok .submit:hover, .modal-message-ok .submit:hover, .modal-restore-ok .submit:hover {
    background: #FFC800;
}

.modal-order-status .status, .modal-order-in-progress .status, .modal-order-ok .status, .modal-message-ok .status, .modal-restore-ok .status {
    margin-top: 30px;
    font-size: 16px;
}

.modal-order-status .description, .modal-order-in-progress .description, .modal-order-ok .description, .modal-message-ok .description, .modal-restore-ok .description {
    margin-top: 20px;
    color: #929399;
}

.modal-order-status .v_error, .modal-order-in-progress .v_error, .modal-order-ok .v_error, .modal-message-ok .v_error, .modal-restore-ok .v_error {
    width: 100%;
}

.form-search {
    position: relative;
    margin-top: 49px;
    padding-right: 154px;
}

.form-search .icon-search {
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    font-family: "mechan";
    color: #535A6D;
}

.form-search input {
    width: 100%;
    height: 50px;
    padding-left: 80px;
    padding-right: 20px;
    background: rgba(83, 90, 109, 0.1);
    border: none;
}

.form-search .submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 154px;
    height: 50px;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.form-search .submit:hover {
    background: #FFC800;
}

.page-search-result {
    margin-top: 40px;
}

.page-search-result .search-result-items {
    padding: 9px 40px;
    background: rgba(255, 255, 255, 0.9);
}

.page-search-result .item {
    display: block;
    width: 100%;
    padding: 43px 0;
    border-bottom: 1px solid #B9BABF;
}

.page-search-result .item:last-child {
    border-bottom: 0;
}

.page-search-result .item:hover .name, .page-search-result .item:hover .description {
    color: rgba(42, 42, 42, 0.7);
}

.page-search-result .name {
    position: relative;
    padding-right: 145px;
    font-family: "DinCond";
    font-size: 17px;
    text-transform: uppercase;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-search-result .name:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 30px;
    background: #FCCB16;
    left: -40px;
    top: 0;
}

.page-search-result .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    color: #9C9FA5;
    text-transform: none;
}

.page-search-result .description {
    margin-top: 9px;
    padding-right: 145px;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-search-result .nav-tabs {
    border-bottom: 4px solid #FFC800;
}

.page-search-result .nav-tabs > li {
    margin-bottom: 0;
}

.page-search-result .nav-tabs > li.active > a {
    background: #FFC800;
}

.page-search-result .nav-tabs > li > a {
    margin-right: 0;
    padding: 16px 20px 12px;
    font-size: 16px;
    font-family: "DinCond";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none !important;
    border-radius: 0;
    outline: none !important;
    background: #ffffff;
    color: #2A2A2A;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.page-search-result .nav-tabs > li > a:hover {
    color: rgba(42, 42, 42, 0.7);
}

.page-search-result .tab-content {
    /*background: rgba(255, 255, 255, 0.9);*/
}

.modal-video .icon-close, .modal-video .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-video .link-nav-mobile.toggle:before, .modal-video .modal .close, .modal .modal-video .close {
    border: none;
    position: absolute;
    padding: 0;
    top: 0;
    right: -40px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-video .icon-close:hover, .modal-video .header .logo-mobile .link-nav-mobile.toggle:hover:before, .header .logo-mobile .modal-video .link-nav-mobile.toggle:hover:before, .modal-video .modal .close:hover, .modal .modal-video .close:hover {
    color: white;
}

.modal-video .modal-dialog {
    width: 909px;
    max-width: 100%;
}

.modal-video .video img, .modal-video .video iframe {
    width: 100%;
}

.modal-restore .modal-dialog {
    width: 462px;
    background: #ffffff;
}

.modal-restore .icon-close, .modal-restore .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-restore .link-nav-mobile.toggle:before, .modal-restore .modal .close, .modal .modal-restore .close {
    border: none;
    position: absolute;
    top: 0;
    right: -50px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 20px;
}

.modal-restore .nav-content {
    padding: 60px 40px 40px;
}

.modal-restore .title {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: "DinCond";
    letter-spacing: 3px;
    text-align: center;
}

.modal-restore .buttons {
    margin-top: 50px;
    text-align: center;
}

.modal-restore .submit {
    color: black;
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-restore .submit:hover {
    background: #FFC800;
}

.modal-restore .options:before, .modal-restore .options:after {
    content: " ";
    display: table;
}

.modal-restore .options:after {
    clear: both;
}

.modal-restore .options .login, .modal-restore .options .registration {
    color: #4a4a4a;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-restore .options .login:hover, .modal-restore .options .registration:hover {
    opacity: .7;
}

.modal-restore .options .login {
    float: left;
}

.modal-restore .options .registration {
    float: right;
}

@font-face {
    font-family: 'DinCond';
    font-weight: 500;
    src: url("/local/assets/fonts/DinCond/PFDinTextCondPro-Medium.eot");
    src: url("/local/assets/fonts/DinCond/PFDinTextCondPro-Medium.eot?#iefix") format("embedded-opentype"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Medium.woff") format("woff"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Medium.ttf") format("truetype"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Medium.svg") format("svg");
}

@font-face {
    font-family: 'DinCond';
    font-weight: 400;
    src: url("/local/assets/fonts/DinCond/PFDinTextCondPro-Regular.eot");
    src: url("/local/assets/fonts/DinCond/PFDinTextCondPro-Regular.eot?#iefix") format("embedded-opentype"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Regular.woff") format("woff"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Regular.ttf") format("truetype"), url("/local/assets/fonts/DinCond/PFDinTextCondPro-Regular.svg") format("svg");
}

@font-face {
    font-family: 'mechan';
    src: url("/local/assets/fonts/Font-Mechan/font/icomoon.eot?o8wpjj");
    src: url("/local/assets/fonts/Font-Mechan/font/icomoon.eot?o8wpjj#iefix") format("embedded-opentype"), url("/local/assets/fonts/Font-Mechan/font/icomoon.ttf?o8wpjj") format("truetype"), url("/local/assets/fonts/Font-Mechan/font/icomoon.woff?o8wpjj") format("woff"), url("/local/assets/fonts/Font-Mechan/font/icomoon.svg?o8wpjj#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mechan' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right-light:before, .header .dl-menuwrapper li.dl-back > a:before, .header .dl-menuwrapper li > a:not(:only-child):before, .map-object .link a span:before {
    content: "\e909";
}

.icon-statistic:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    content: "\e912";
}

.icon-rating:before, .table-orders .rating .rating__star:before {
    content: "\e911";
}

.icon-personal:before, .page-profile .nav-personal:before {
    content: "\e90f";
}

.icon-list:before, .page-profile .nav-orders:before {
    content: "\e910";
}

.icon-icon-menu:before, .header .logo-mobile .link-nav-mobile:before {
    content: "\e913";
}

.icon-close:before, .header .logo-mobile .link-nav-mobile.toggle:before, .modal .close:before {
    content: "\e90e";
}

.icon-i:before {
    content: "\e90d";
}

.icon-icon-eye:before {
    content: "\e90a";
}

.icon-icon-key:before {
    content: "\e90b";
}

.icon-icon-cool:before {
    content: "\e90c";
}

.icon-icon-star:before, .special-offer:before, .block-special-offer:before {
    content: "\e900";
}

.icon-icon-search:before, .header .search:before, .profile-orders .find-order .icon:before, .modal-search .main-search .icon-search:before, .form-search .icon-search:before {
    content: "\e901";
}

.icon-icon-master:before, .main-blocks .block.master-column:before, .block-publication .title:before {
    content: "\e902";
}

.icon-icon-man:before, .header .person:before, .header .mobile-catalog-nav .link-profile span:before, .block-manufacturers .title:before {
    content: "\e903";
}

.icon-icon-location:before, .main-map:before {
    content: "\e904";
}

.icon-icon-header-location:before, .header .location .icon-location:before {
    content: "\e905";
}

.icon-icon-faq:before, .main-blocks .block.faq:before, .page-profile .nav-faq:before {
    content: "\e906";
}

.icon-icon-book:before, .main-blocks .block.news:before {
    content: "\e907";
}

.icon-icon-arrow-right:before, .sidebar .catalog-nav .nav-item > ul > li a:before, .sidebar .catalog-nav .nav-link:before, .special-offer .custom-navigation a:before, .footer .title-link:before, .contacts-page .table-department .line .name .more:before, .our-work-modal .flex-direction-nav a:before, .pagination-item.prev .pagination-link:before, .pagination-item.next .pagination-link:before {
    content: "\e908";
}

.icon-icon-arrow-bottom:before,
.btn .caret:before,
.header .location .caret:before,
    /*.page-informer .nav-item.parent .nav-link:before,
  .page-informer .nav-item > ul > li.parent > a:before,*/
.page-spares .spares-types .item .name:before,
.profile-entities .entity-title:before,
.table-orders .order-title:before {
    content: "";
    width: 11px;
    height: 11px;
    display: block;
    background: url('/local/assets/fonts/Font-Mechan/icon-arrow-bottom.svg') center center no-repeat;
    background-size: contain;
}

/************************
      custom styles
*************************/
.page-informer .nav-item.parent span {
    position: relative;
}

.page-informer .nav-item.parent .nav-link + span:before,
.page-informer .nav-item > ul > li.parent > span:before {
    position: absolute;
    cursor: pointer;
    top: 0;
    margin-left: 10px;
    font-family: "mechan";
    font-size: 6px;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "\e909";
    left: 0;
}

.page-informer .nav-item.active .nav-link + span:before,
.page-informer .nav-item > ul > li.active > span:before {
    color: #FFC800;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 1110px) {
    .page-informer .informer-nav {
        float: left;
        margin-left: -236px;
    }

    .page-informer .tab-publication .informer-nav {
        margin-left: -276px;
    }

    .page-informer .tab-publication .informer-nav + .block,
    .page-informer .tab-publication .informer-nav + .informatory-items-container {
        /*float: right;*/
        width: 100%;
    }
}

@media (max-width: 1109px) {
    .page-informer .nav-item.parent span {
        float: right;
        padding-right: 34px;
    }
}

.video-modal .modal-dialog {
    width: 900px;
    max-width: 90%;
    max-height: 100%;
}

.video-modal .modal-dialog .modal-body {
    height: 506px;
    width: 900px;
    max-width: 100%;
    max-height: 100%;
}

.video-modal .modal-dialog .modal-content {
    max-width: 100%;
}

.video-modal .modal-dialog .modal-body iframe {
    /*width: 100%;
  height: 100%;*/
}

.tablebodytext {
    display: none;
}

.special-offer ul li a {
    color: #000;
}

input::-ms-clear, textarea::-ms-clear {
    display: none;
}

@media (max-width: 1200px) {
    .profile-personal .buttons {
        padding-left: 185px;
    }

    .main-blocks .name {
        height: 70px;
        overflow: hidden;
    }

    .main-blocks .item:after {
        content: "";
        display: block;
        height: 25px;
        position: relative;
        top: -28px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #EAEAEA 75%);
    }
}

@media (max-width: 1024px) {
    .profile-personal .buttons {
        padding-left: 203px;
    }

    .profile-personal .buttons button {
        margin-right: 10px;
    }

    .main-blocks .name {
        height: 70px;
        overflow: hidden;
    }

    .main-blocks .item:after {
        content: "";
        display: block;
        height: 25px;
        position: relative;
        top: -28px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #EAEAEA 75%);
    }
}

@media (max-width: 860px) {
    .profile-personal .buttons {
        padding-left: 185px;
    }

    .profile-personal .buttons button {
        margin-right: 5px;
        width: 160px;
    }
}

@media (max-width: 810px) {
    .profile-personal .buttons {
        padding-left: 170px;
    }

    .profile-personal .buttons button {
        margin-right: 5px;
        width: 145px;
    }
}

@media (max-width: 768px) {
    .profile-personal .buttons {
        padding-left: 230px;
    }
}

.modal-open.modal-search-open .mobile-menu-wrapper {
    display: none !important;
}

.modal .close {
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition: all 1s ease-in-out 0.1s;
    -o-transition: all 1s ease-in-out 0.1s;
    transition: all 1s ease-in-out 0.1s;
}

.modal .close:hover {
    opacity: 0.5;
}

.contact-detail .description h3:after {
    content: "";
    float: left;
    top: 100%;
    margin-top: 31px;
    left: 0;
    width: 319px;
    height: 1px;
    background: #AFB1B8;
    position: relative;
}

.over_h h3:after {
    display: none;
}

.line1 {
    height: 1px;
    width: 40%;
    border-bottom: 1px solid #AFB1B8;
    margin: 0 0 27px 0;
    float: left;
    position: inherit;
}

.over_h h3 {
    margin-bottom: 30px;
}

.flexslider.contact-detail-slider:after {
    content: "\e90d";
    float: right;
    width: 43px;
    height: 43px;
    margin-right: -43px;
    margin-top: -90%;
    background: #FCCB16;
    font-family: "mechan";
    font-size: 26px;
    line-height: 43px;
    text-align: center;
}

.copyright a {
    color: black;
}

.copyright a:hover {
    color: white;
}

.mobile-menu-wrapper .link-profile.search,
.mobile-menu-wrapper .link-order-status.search {
    background: none;
}

.mobile-menu-wrapper .link-profile.search:before,
.mobile-menu-wrapper .link-order-status.search:before {
    content: '';
}

.modal-have-questions .modal-dialog {
    background: #FFF;
}

.modal-have-questions .modal-dialog .modal-content {
    text-align: center;
    padding: 40px 100px;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-title {
    font-size: 38px;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 0px;
    line-height: 38px;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-sub {
    font-size: 26px;
    text-transform: lowercase;
    margin-bottom: 15px;
    font-family: "DinCond";
    line-height: 26px;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-text {
    font-size: 12px;
    margin-bottom: 10px;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-form {
    text-align: left;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-form .add-message {
    text-decoration: underline;
    cursor: pointer;
    color: #337ab7;
    margin-bottom: 5px;
    display: block;
    font-size: 12px;
}

.modal-have-questions .modal-dialog .modal-content .have-questions-form textarea {
    width: 100%;
    height: 100px;
    resize: none;
    /*display: none;*/
    padding: 10px 20px;
}

.modal-have-questions .buttons {
    text-align: center;
}

.modal-have-questions .submit {
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.modal-have-questions .submit:hover {
    background: #FFC800;
}

.modal-search-warning .modal-dialog {
    background: #FFF;
}

.modal-search-warning .modal-dialog .modal-content {
    text-align: center;
    padding: 40px 50px;
    font-size: 16px
}

.motorzona-banner {
    margin-top: 30px;
}

.motorzona-banner .motorzona {
    width: 100%;
    margin-bottom: 25px;
}

@media (min-width: 769px) {

    .equipment .item {
        position: relative;
    }

    .equipment .item .blackout:hover {
        opacity: 0;
    }

    .equipment .item .name {
        color: white;
        transition: 0.3s;
    }

    .equipment .item:hover .name {
        text-shadow: #969696 1px 1px 0, #969696 -1px -1px 0, #969696 -1px 1px 0, #969696 1px -1px 0;
    }
}

.equipment .item .blackout {
    transition: 0.3s;
    width: 100%;
    height: 388px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 1;
}

.special-offer.main-page .flexslider .image {
    margin: 31px 0 0 0;
    width: 42%;
}

.flexslider.flexslider-special-offer .slides img {
    max-width: 100%
}

.have-questions-header.success {
    display: none;
}

.header .callback {
    width: 8.3%;
    height: 100%;
    float: left;
    background: #DDDEE2;
    text-align: center;
    line-height: 97px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 13px;
}

@media (max-width: 1023px) {
    .header .callback {
        width: 145px;
    }
}
.header .callback:before {
    content: "";
    display: inline-block;
    background: url(/local/assets/images/icon-mail.png);
    width: 25px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
}

.modal-callback .icon-close, .modal-callback .header .logo-mobile .link-nav-mobile.toggle:before, .header .logo-mobile .modal-callback .link-nav-mobile.toggle:before, .modal-callback .modal .close, .modal .modal-callback .close {
    border: none;
    position: absolute;
    top: 0;
    right: -50px;
    color: rgba(255, 255, 255, 0.4);
    background: none;
    font-size: 20px;
    transition: 0.3s;
}

.modal-callback .modal-dialog .modal-content {
    text-align: center;
    padding: 40px 100px;
}

.modal-callback .modal-dialog {
    background: #FFF;
}

.modal-callback .modal-dialog .modal-content .contact-us-form textarea {
    width: 100%;
    height: 100px;
    resize: none;
    /* display: none; */
    padding: 10px 20px;
}

.modal-callback .submit:hover {
    background: #FFC800;
}

.modal-callback .submit {
    width: 230px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #FFC800;
    background: transparent;
    transition: 0.3s;
}

.modal-callback .modal-dialog .modal-content .have-questions-title {
    font-size: 38px;
    text-transform: uppercase;
    font-family: "DinCond";
    letter-spacing: 0px;
    line-height: 38px;
}

.section-include {
    margin-top: 50px;
}

@media (max-width: 1200px) {
    .section-include {
        margin-bottom: 50px;
    }
}

.no_publish {
    color: red !important;
}

.header .location-box {
    position: relative;
    display: block;
}

.copyright a {
    color: #9C9FA5;
    text-decoration: underline !important;
}

.preview .column .button-block {
    padding: 30px 0;
    height: 150px;
    float: left;
    width: 100%;
    text-align: center;
}

.preview .column .button-block span {
    display: block;
    color: #2a2a2a;
    font-size: 14px;
    margin-bottom: 20px;
}

.preview .column .button-block a {
    display: block;
    width: 175px;
    height: 50px;
    border: rgb(222, 168, 0) solid 2px;
    color: #2a2a2a;
    margin: 0 auto;
    line-height: 46px;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}

.preview .column .button-block a:hover {
    color: #ffffff;
    background-color: #000000;
    border: #000000 solid 2px;
    width: 175px;
    height: 50px;
}

@media (max-width: 768px) {
    .preview .column .button-block {
        background: #ffc800 none repeat scroll 0 0;
        margin-top: 30px;
    }
}

#modal-calculator {
    text-align: left;
}

#modal-calculator h2 {
    font-size: 38px;
    text-align: center;
    margin-top: 0;
    color: #000000;
    letter-spacing: 0;
}

#modal-calculator .modal-form {
    color: rgb(70, 70, 70);
    font-size: 14px;
    letter-spacing: 0;
}

#modal-calculator h3 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    margin-top: 15px;
    margin-bottom: 0;
}

#modal-calculator span.title {
    font-size: 26px;
    text-align: center;
    display: block;
    color: #000000;
    letter-spacing: 0;
    font-family: "DinCond";
}

#modal-calculator .checkbox {
    position: absolute;
    opacity: 0;
}

#modal-calculator .checkbox + label, #modal-calculator .works label {
    cursor: pointer;
}

#modal-calculator .works .checkbox {
    width: 10px;
}

#modal-calculator .checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 60px;
}

#modal-calculator .checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #ffffff;
    border: rgb(185, 186, 191) solid 1px;
}

#modal-calculator .checkbox:checked + label:before {
    background: url("/local/assets/images/checkbox.png") no-repeat center;
    border: none;
}

#modal-calculator .radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}

#modal-calculator .radio + label {
    cursor: pointer;
}

#modal-calculator .radio:not(checked) {
    position: absolute;
    opacity: 0;
}

#modal-calculator .radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}

#modal-calculator .radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}

#modal-calculator div.types .radio:not(checked) + label:before {
    top: 14px;
}

#modal-calculator .radio:checked + label:before {
    border: none;
    background: #ffc800;
}

#modal-calculator .radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .2s;
}

#modal-calculator div.types .radio:not(checked) + label:after {
    top: 22px;
}

#modal-calculator .radio:checked + label:after {
    opacity: 1;
}

#modal-calculator .modal-dialog {
    background: #fff none repeat scroll 0 0;
}

#modal-calculator .modal-dialog .modal-form {
    padding: 50px;
    padding-bottom: 1px;
}

#modal-calculator div.types p {
    margin-bottom: 0;
}

#modal-calculator div.types label {
    margin-bottom: 0;
}

#modal-calculator div.sizes {
    width: 100%;
    margin-top: 10px;
}

#modal-calculator div.sizes div.variants {
    width: 375px;
    display: inline-block;
}

#modal-calculator div.sizes div.variants div {
    display: inline-block;
    width: 120px;
}

#modal-calculator div.sizes div.variants div label {
    margin-bottom: 15px;
}

#modal-calculator div.sizes img {
    display: inline-block;
    margin: 0;
    float: right;
}

#modal-calculator div.works {
    margin-top: 15px;
}

#modal-calculator div.works div {
    width: 100%;
    height: 50px;
    border-top: rgb(236, 236, 236) solid 1px;
    line-height: 50px;
}

#modal-calculator div.works div:last-child {
    border-bottom: rgb(236, 236, 236) solid 1px;
}

#modal-calculator div.works div span {
    float: right;
}

#modal-calculator div.works div input, #modal-calculator div.works div label, #modal-calculator div.works div span {
    display: inline-block;
}

#modal-calculator div.works input[type="text"] {
    width: 50px;
    height: 30px;
    border: rgb(185, 186, 191) solid 2px;
    background-color: #ffffff;
    margin: 0 7px 0 0;
    padding: 0;
    text-align: center;
    line-height: 30px;
}

#modal-calculator div.works input[type="text"]:hover {
    border: rgb(185, 186, 191) solid 2px;
}

#modal-calculator div.works input.checkbox + label {
    padding-left: 35px;
}

div .full-price {
    font-size: 26px;
    font-family: "DinCond";
    width: 100%;
    margin: 20px 0;
}

div .full-price span:last-child {
    float: right;
}

#modal-calculator .have-questions {
    padding: 30px 0;
    margin: 0;
    width: 600px;
}

#modal-calculator .icon-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    position: absolute;
    right: -50px;
    top: 0;
    transition: all 0.3s ease 0s;
}

#modal-calculator span.rub {
    border-bottom: 1px solid rgb(70, 70, 70);
    display: inline-block;
    line-height: 4px;
    margin-left: 5px;
    margin-top: 23px;
    width: 0.4em;
}

#modal-calculator .full-price span.rub {
    border-bottom: 2px solid rgb(70, 70, 70);
    line-height: 8px;
    margin-left: 5px;
    margin-top: 7px;
    width: 0.4em;
}

/*COMPONENTS*/

/*mehanika.contacts  START*/
.header .address {
    position: relative;
}

.header .address .department-select {
    position: relative;
    max-width: 375px;
    vertical-align: middle;
    display: inline-block;
}

.header .address .department-select .department-name {
    border-bottom: dashed 1px;
    display: inline;
    cursor: pointer;
}

.header .address .department-arrow {
    display: inline-block;
    vertical-align: middle;
}

.header .address .department-arrow:after {
    content: "\e909";
    border: none;
    font-family: "mechan";
    font-size: 6px;
    color: #9C9FA5;
    top: 7px;
    right: 0;
    cursor: pointer;
}

.header .address .department-menu {
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    padding: 15px 25px;
    width: 700px;
    top: 117px;
    left: -145px;
}

.header .address .department-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header .address .department-menu li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
}

.header .address .department-menu li span {
    cursor: pointer;
    padding: 0 10px;
}

.header .address .department-menu li.selected span {
    background: #FFC800;
}

.header .address .department-menu:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 500px;
    top: -10px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    opacity: 1;
}

/*mehanika.contacts  END*/

/*mehanika.order.status  START*/
.question-mark {
    cursor: pointer;
    position: absolute;
    margin: 14px 0 0 12px;
    width: 23px;
    height: 23px;
    background: url(/local/assets/images/icon_question-mark.png) no-repeat;
}

.img_quest {
    width: 100%;
}

/*mehanika.order.status  END*/

/*mehanika.user.login  START*/
.nav-content-login .error {
    color: red;
    margin: -29px 0 10px 0;
    border: none !important;
}

/*mehanika.user.login  END*/

/*mehanika.user.recover_password  START*/
.modal-restore .error {
    color: red;
    margin: -29px 0 10px 0;
}

/*mehanika.user.recover_password  END*/

/*news.list last_questions START*/
.load-more.last-question {
    cursor: pointer;
}

/*news.list last_questions END*/

/*news.list interes_questions START*/
.load-more.interes-question {
    cursor: pointer;
}

/*news.list interes_questions END*/

.aside.links {
    padding: 30px 0 0 24px;
}

.agreement_checkbox {
    float: left;
    position: relative;
    width: 24px !important;
    margin-bottom: 16px;
    margin-right: 10px;
    padding-bottom: 10px !important;
    margin-top: -4px;
}

.agreement_error {
    display: none;
    color: red;
}

.agreement_wrap {
    margin-top: 20px;
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 60px;
    background-color: white;
}

h2.agreement_h2 {
    border-left: 2px solid #FFC800;
    margin-left: -40px;
    padding-left: 40px;
}

p.agreement_p {
    border-left: 2px solid #FFC800;
}

p.agreement_back {
    font-weight: bold;
    background-color: #FFC800;
    margin-left: -40px;
    margin-right: -60px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 3px dashed #bababa;
    border-top: 3px dashed #bababa;
    color: #878787;
    font-family: Georgia,serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.45;
    padding: 10px 15px;
    position: relative;
    text-align: center;
}
.colorgray{
    background: #4A4E58!important;
}
.links_mobile{
    height: 200px;
    background-color: #4A4E58;
    margin-top: -2px;
}
.postop{
    padding-top:0px!important;
}
.firsttype a:hover{
    background:none!important;
}
.colwhite{
    color:#ffffff!important;
}
.colwhite:before{
    color:#ffffff!important;
    border:1px solid rgba(255, 255, 255, 1)!important;
}
.colwhite_mobile{
    color:#ffffff!important;
}
.colwhite_mobile:before{
    color:#ffffff!important;
}
.hidearrow:before{
     display:none;
}
.table-department .more .line a {
    color: #7E828D;
}

.page-vacancies-list {
    margin-top: 67px;
}

.page-vacancies-list .title h1 {
    display: inline-block;
    margin-top: -14px !important;
}

.page-vacancies-list .title:before,
.page-vacancies-list .title:after {
    content: " ";
    display: table;
}

.page-vacancies-list .select-city-wrap {
    float: right;
}

.page-vacancies-list .select-city {
    margin-top: -12px;
    min-width: 200px;
}

.vyezd-description {
    margin: 46px 0 56px 0;
}
.year {
	background-color: #ffc525;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	width: 15%;
	padding: 10px !important;
	font-size: 14px;
	border-bottom:  1px solid #fff;
}
.opisanie {
	border: 1px solid #ffc525;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	color: #333;
	text-align: left;
	font-weight: italic;
	width: 85%;
	font-size: 14px;
	padding-left: 20px !important;
}
.ssilka {
	text-decoration: none;
	color: #ffc525;
}
.ssilka:hover {
	color: red;
}

.line .right-column {
    float: right;
    width: 50%;
}

.line .left-column {
    float: left;
    width: 48%;
    margin-right: 10px;
}

.left-column .image-slider, .left-column .manager, .right-column .description {
    float: none;
    width: 100%;
}

.right-column .description {
    padding-left: 0px;
}

.left-column .manager {
    margin-top: 30px;
}

#parent_popup {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup { 
  background: #fff;
    width: 520px;
    margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #ddd;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#popup h1{
    font:28px Monotype Corsiva, Arial;
    font-weight: bold;
	text-align: center;
	color: #008000;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
#popup h2{
    font:24px Monotype Corsiva, Arial;      
	color: #008000;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
/* кнопка закрытия */
.close-popup {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close-popup:hover {
    background-color: rgba(0, 122, 200, 0.8);
}
/* End */
/* /local/assets/js/slick/slick.css?15103227921729 */
/* /local/assets/js/slick/slick-theme.css?15103227913232 */
/* /local/assets/js/fancybox/jquery.fancybox.min.css?151032278813894 */
/* /local/assets/css/common.css?15107318383399 */
/* /local/templates/.default/components/bitrix/news.list/bannerfooter/style.css?15187675262143 */
/* /local/components/mehanika/mehanika.form.send_publication/templates/.default/style.css?15336416743721 */
/* /local/templates/mehanika/template_styles.css?1587663500287028 */
