html, body {width: auto!important; overflow-x: hidden!important}
body {font-family: 'Roboto', Arial, Verdana, sans-serif; font-size:16px; background: #fff}
h1, h2, h3 {font-family: Roboto, Arial, Verdana, sans-serif;}
h1 {font-weight:700; color:#000; margin-bottom:20px}
h1, .h1 {font-size: 39px}
h2 {font-size: 40px; font-weight:700; color:#000;}
h3 {font-weight:500}
h4 {font-weight:700}

.headline {display: block; border-bottom: 2px solid #ffbb7e; margin-top:0}
.headline h2, .headline h3, .headline h4 {margin: 0px 0 -2px 10px; padding:5px 0; display: inline-block; color:#000; border-bottom-color:#000}

hr {border-color:#ffbb7e}
.container, .row {position:relative}
[class*=col-] {position:relative}
.media .media-left {position:relative;}
.media {position:relative;}

.youtube-video {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}
.youtube-video iframe,
.youtube-video object,
.youtube-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.list-flush > ul, ul.list-flush {list-style: disc outside}
.list-flush > ol, ol.list-flush {list-style: decimal outside}
.list-flush li {display:list-item!important; text-align:left}
.list-flush {padding-left:18px; margin-left:10px; margin-top:0px}
.list-flush li {padding:4px 0; line-height:1.2}
.list-flush li:first-child {padding-top:0}
.list-flush.small {padding: 10px 18px}
.list-flush .small li {line-height:1.0}

ol.list-circle {list-style-type:none; counter-reset:num; margin:0 0 0 45px; padding:15px 0 5px 0; font-size:16px}
ol.list-circle li {position:relative; margin:0 0 0 0; padding:0 0 10px 0; line-height:1.4}
ol.list-circle li:before {content:counter(num); counter-increment:num; display:inline-block; position:absolute; top:0; left:-38px; width:28px; height:28px; background:#e67e22; color:#fff; text-align:center; line-height:28px; font-size:18px; border-radius:50%}


.blog-medium .blog-info li, .blog-medium .blog-info li a {color: #5f5f5f}
.newsBox .well {border-radius:0 0 4px 4px}
.btn-default {text-shadow: none}

.content-sm {padding-top: 0px}
#popupform-box .modal-header {border-radius:0}
.bg-danger {background-color: transparent}


/********* Настройки docs nav ***********/
.bs-docs-sidebar .nav > li > a {color:rgba(0,0,0,.7)}
.bs-docs-sidebar .nav > li > a:hover {color:#000; border-color:#000}
.bs-docs-sidebar .nav > .active > a {color: #000; border-color: #000}
.bs-docs-sidebar .nav > .active:hover > a {color:#000; border-color:#000}

.thumbnail h3 a, .thumbnail-style h3 a {color:rgba(0,0,0,.9)}
.breadcrumb a {color:rgba(0,0,0,.6)}

#block-183, #block-190 {padding:40px 0 22px !important}
#news .paragraphs .headline {margin-top:0px}

.owl-theme .owl-nav [class*='owl-']:hover {background: #000}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#000}

.treemenu li:last-child {background-color:#f5f5f5}
/* owl-carousel logos */
#block-340 {padding:33px 0}
@media (min-width: 767px) {
    #block-314 a[data-hash] {height:69px}
}

#logos-on-home #block-338 {background-image:none}

.on-dark * {color:#e5c78d}

    
/*banner */
#block-29 {margin: 30px 0 !important}
.top-social .btn-link {color: #e9c487}
.top-social .btn-link:hover {color: #fff}

.down {background: url(images/down.png) top center}
#how  {background: url(images/down.png) top center no-repeat}
.yandex-map-content {border:1px solid #b4cca0}

/* Xs */
@media (max-width: 991px) {
.countdown-text-2 {display:none}
.countdown-text-3 {font-size:14px}
#banner {display:none}
}
@media (max-width:680px) {
.top-contacts {display:none}
}
#block-21 .alert {font-size:33px; text-align:center}


.headline h2 {font-size:36px}

#block-25 .has-error .help-block {color:#ff9b00!important}
#block-25 .has-error .form-control {border-color:#ff9b00!important}
#block-25 .alert {color: #fff}
#block-25 .alert-danger {background-color: #f00; border-color: #f00}
#block-25 .alert-success {background-color:green; border-color:green}

#block-19 .btn-more {font-size:18px}
#block-19 .thumbnail-style .btn-more {background:#000}
#block-19 .thumbnail-style a.btn-more:hover {box-shadow:0 0 0 2px #000}


.gallery-items .caption {min-height:74px; color: #000}
.gallery-items .caption,
.gallery-items .caption a {font-size:20px; font-family:Roboto; color: #000; line-height:22px}

.gallery-items .thumbnail {background-color:transparent; border:0;}

@media (min-width: 1200px) {#catalog-icons .col-lg-2 {width:20%}
.gallery-items#block-841 > .row > .col-md-4 {width:26%}
} /* Lg */
@media (min-width: 992px) and (max-width: 1200px) {
#catalog-icons .col-md-2 {width:20%}
.gallery-items#block-841 > .row > .col-md-4 {width:30%}
} /* Md */
@media (min-width: 767px) and (max-width: 991px) {.gallery-items .caption {font-size:16px; min-height:62px}}   /* Sm */ 
@media (max-width: 576px) {
    #catalog-icons .col-lg-2 {width:50%}
    /*
    .gallery-items .caption,
    .gallery-items .caption a {font-size:16px; line-height:20px}
    */
    /*.gallery-items#block-841 [data-rec="7"] .caption {padding:9px 0}
    .gallery-items#block-841 [data-rec="7"] .caption,
    .gallery-items#block-841 [data-rec="7"] .caption a {letter-spacing:-1px;}*/
}

@media (max-width: 414px) {
.gallery-items#block-841 > .row > .col-xs-6 {width:70%}
}


.top * {color:#fff; vertical-align: middle}
.top a:hover, 
.top a:focus, 
.btn-link:hover, 
.btn-link:focus {color:#fff}
.top-wrap {height:33px; background-color:#000}
.top-2 {padding:2px 0 0 30px}
.top-2 * {font-size:19px}
.top-2 a, .top-2 button {margin-right:11px; background-color:transparent!important; border:none}
.top-3 {padding-top:5px; text-align:right}
.top-3 * {font-size:17px}
.top-3 > span {margin-left:16px}
.top-3 a > b {font-weight:normal}
.top-4 {padding-top:9px; text-align:right; font-size:16px} 
.top-4 > a {margin-left:11px; font-size:14px}
.navbar-login {display:none}

@media (max-width: 991px) { /* Sm */
.top-3 > span {display:none}
}
@media (max-width: 767px) { /* Xs */
.top-3 {text-align: left;}
.breadcrumb {display:none}
}
@media (max-width: 576px) { /* xs for Bootstrap 4*/
.top-3 a > b {font-size:16px}
}
@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
.top-wrap {display:none}
.navbar-login {display:block; float:right; margin-top:14px} 
.navbar-login > a {color:#fff; padding:6px 11px; font-size: 16px; cursor: pointer}
.navbar-login > a:hover {color:#fff}
.navbar-login .dropdown-menu {background: #0064ff;left: unset;right: 0;}
.navbar-login .dropdown-menu li a {text-align:left}
}


.ff-faq h1 {margin: -9px 0 0}
.media-headline > h1 {position:relative; top: -6px }
#tenders .nav-pills-downloads {margin:55px 0 55px}
.text-scroll {background:#fffcb6; padding-left:10px}
.carousel-control {opacity:.8}
@media screen and (min-width: 1270px) {
    .carousel-control .glyphicon-chevron-left {margin-left:-25px!important}
    .carousel-control .glyphicon-chevron-right {margin-right:-25px!important}
}

.nav-nav ul {background-color: #60568b}
.nav-nav ul ul {background-color: #43396a}
.nav-nav .metismenu a {font-size: 16px}



li[class*="icon-"] > a {background-position: 9px 50%!important; background-size:20px!important;background-repeat:no-repeat!important; padding-left:40px!important} 
li.icon-1 > a {background-image: url(nav/icons-samples/sokol/1.svg)}
li.icon-2 > a {background-image: url(nav/icons-samples/sokol/2.svg)}
li.icon-3 > a {background-image: url(nav/icons-samples/sokol/3.svg)}
li.icon-4 > a {background-image: url(nav/icons-samples/sokol/4.svg)}
li.icon-5 > a {background-image: url(nav/icons-samples/sokol/5.svg)}
li.icon-6 > a {background-image: url(nav/icons-samples/sokol/6.svg)}
li.icon-7 > a {background-image: url(nav/icons-samples/sokol/7.svg)}
li.icon-8 > a {background-image: url(nav/icons-samples/sokol/8.svg)}
li.icon-9 > a {background-image: url(nav/icons-samples/sokol/9.svg)}
li.icon-10> a {background-image: url(nav/icons-samples/sokol/10.svg)}
li.icon-11> a {background-image: url(nav/icons-samples/sokol/11.svg)}


li[class*="icon-"]:first-child > a {background-position-y:62%!important;} 
li[class*="icon-"]:last-child > a {background-position-y:35%!important;} 

.fil0 {fill:#000}

#block-519 .form-check-tm {background:none}
#block-519 .form-check-tm h3 {background:#000; color:#fff; padding: 11px 0}
    
.social-vk {display:block; position:absolute; top:0px; right:0px; height:50px; width:51px; background:url(../xfiles/social-vk.png)}
@media (max-width: 991px) { /* Sm */
.social-vk {left: 0px}
}

.ribbon-list a {width:120px;margin:0 20px 0 0;text-align:center;display:inline-block;vertical-align:top;text-decoration:none}
.ribbon-list img {width:100%; height:auto}
div:not(.fancybox-wrap) .ribbon-list-item-title {text-decoration:none; padding:3px 0; font-size:12px; height:65px}

.blog-goods h1 {margin-bottom: 23px}




.ff-form-wrap {background:#f0e5ac; border:solid 1px #a99f68}


.video-fixedheight {background:#000}
.counterup-text {color:#fff; text-align:center; margin-top:126px}
.counterup-text .counterup {font-size:67px; border:2px solid #fff; border-radius:22px; padding:0px 21px 5px}
.counterup-text > div {margin-top:44px}
.counterup-text > div:nth-child(1) * {color:#FF00FF; border-color:#FF00FF}
.counterup-text > div:nth-child(2) * {color:#FFFF00; border-color:#FFFF00}
.counterup-text > div:nth-child(3) * {color:#00FFFF; border-color:#00FFFF}
.counterup-text > div:nth-child(4) * {color:#8585FF; border-color:#8585FF}


@media (max-width: 991px) { /* Sm */
#statistic {display:none}
}

.characteristics-filter .panel .ui-slider .ui-slider-handle {border-color: #a6841c;background-color: #a6841c}
.characteristics-filter .panel .ui-widget-header {background: #a6841c}
.characteristics-filter .checkbox {display: inline-block; margin-right: 9px}    
.characteristics-filter .checkbox input[type="checkbox"] {margin-left: -15px;}
.characteristics-filter .checkbox label {padding-left: 16px}
.characteristics-filter .panel-default > .panel-heading {color: #000; background-color: #e1e8f3}

.bg-accent {background:#000}
.bg-accent h2 {margin:0 0 11px; text-align:center}
.bg-accent * {color:#fff}
.bg-accent a:hover {text-decoration:underline; color:#fff}
@media (min-width: 1200px) {
.bg-accent .lg-left {text-align:left} 
} /* xl origin. выравнивание заголовка влево для LG */

#departments .bg-accent * {font-size:22px}
#departments .bg-accent h4 {font-size:26px!important}

.item-price-2 {text-decoration:line-through}
#aims {background:#000}
[src^='xfiles/services'] {height:102px}
 
#our-clients .u-services {background:rgba(255, 255, 255, .6); padding:26px 15px 5px; ; margin:191px 0 214px}
#our-clients .u-services * {color:#153b75}
@media (min-width: 992px) and (max-width: 1200px) {
#our-clients .u-services .col-md-2 {width:20%}
}
@media (min-width: 1200px) {
#our-clients .u-services .col-lg-2 {width:20%}
}
@media (max-width: 576px) {
#our-clients .u-services .col-xs-6 {width:100%}
}
#our-clients .service {padding:0}
#our-clients .service .desc h4 {font-family: 'Roboto Condensed', sans-serif; font-size:20px}
#advantages .service .service-icon {font-size:85px}

#accordion .panel-title {font-size: 16px;font-weight: bold;}
#accordion [aria-expanded="true"] * {color:#000}



/***************** Сокол **********************/
.blog h3 {text-align:left}
.shop-catalog-goods-single .small p {text-align:center}

/***************** Axray **********************/

[data-gallery-items-caption-id] {border-bottom: solid 11px #ababab;padding-bottom: 9px;margin-bottom: 25px;}
[data-gallery-items-caption-id] h3 {font-weight: 700}
@media (max-width: 991px) {
    .navbar-nav {background: #1f1f1f}
    .navbar-inverse .navbar-nav > li > a {font-weight:900}
}