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: 'Exo 2', Arial, Verdana, sans-serif;}
h1 {font-weight:700; color:#444; margin-bottom:20px}
h2 {font-weight:400; color:#444}
h3 {font-weight:500}
h4 {font-weight:700}


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

hr {border-color:#f3db99}

.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{padding-left: 18px; margin-left:0; margin-top:-4px} /*, .list-flush ul */
.list-flush li {padding: 4px 0px; line-height:1.4}
.list-flush li:first-child {padding-top:0}

.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}


#tabs-content .table thead td, 
#tabs-content .table thead th,
/*
.btn.btn-success {background-color: #009303; border-color: #009303;}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {background-color: #03ad06; border-color: #03ad06;}
*/


.btn.btn-primary {background-color: #0E53A0;}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {background-color: #0a4280;}

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


.shop_filters .form-inline input {width: 90px;}
.shop_filters button {font-size: 14px;}
.shop_ .showCharsInItemsList td:nth-child(2) {white-space:normal}
.shop_ .showCharsInItemsList td:nth-child(7) {white-space:normal}

.shop_ #tabs-content .list-group-item {background-color:transparent}

.shop_ .showCharsInItemsList h4 {font-size: 14px; white-space:nowrap}
.shop_ .showCharsInItemsList img{width:50px; height:50px}

/* .two-columns 
.tabs-content-1 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;}
.tabs-content-1 table, .tabs-content-1 h4 {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;}
.tabs-content-1 h4 {font-weight:bold}
*/

/** Planeta
    #0070d9 blue rgb(0, 112, 217)    links too
*/
.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: #0d53a0}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#0d53a0}

.treemenu li:last-child {background-color:#f5f5f5}
/* owl-carousel logos */
#block-340 {padding:33px 0}
/* order-delivery Lg-Sm */
@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}
.logo img {width:330px}

/* 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:#0d53a0}
#block-19 .thumbnail-style a.btn-more:hover {box-shadow:0 0 0 2px #0d53a0}


/*
.gallery-items .thumbnail:hover .gallery-items-overlay {background-color: rgba(0, 66, 119, 0.8);}
.gallery-items .thumbnail {border-color:transparent}
.gallery-items .thumbnail .caption {padding:22px 0 0; font-size:18px; opacity:0.7}
.gallery-items > .row > [class^="col-"] {padding-left:40px;padding-right:40px}
.gallery-items > .row {margin-left:-40px; margin-right:-40px;}
*/
.gallery-items .caption {font-size:20px;min-height:74px; font-family: 'Exo 2';color: #fff;}
.gallery-items .thumbnail {border-color: transparent;}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
.gallery-items .caption {font-size:16px; min-height:62px}
}    
/* пагинацию портит    
.page {background-color:#fff; margin-top:-33px; margin-bottom:44px; border-radius:5px; box-shadow:5px 5px 2px rgba(0,0,0,.2)}
*/

.top-wrap {height:150px}
.top-1 {padding-top:50px;padding-left:20px;}
.top-2 {padding-top:70px}
.top-3 {padding-top:12px}
.top-3-2 {font-size:26px; font-family: 'Exo 2'; font-weight:700; line-height: 26px;}
.top-3-2-city {font-size:20px; font-family: 'Exo 2'; font-weight:700; color: #FF5500; line-height: 20px;}

.top-3-3 {font-size:15px}
.top-4 {padding-top:12px; text-align:center; font-size:16px} 
@media (max-width: 1200px) { /* Lg */
.logo img {width:270px}
}
@media (min-width: 992px) and (max-width: 1200px) { /* Md */
.top-3 i {display:none}
.logo img {width:290px}
.top-1 {padding-top:58px;padding-left:0px;}
}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
.top-1 {padding-top:58px;padding-left:0px;}
}
@media (max-width: 767px) { /* Xs */
.logo img {width:250px}
.top-1 {padding-top:65px;padding-left:20px;}
}
@media (max-width: 576px) { /* xs for Bootstrap 4*/
.logo img {width:200px; margin-top:11px}
.top-3 {padding-top:31px}
.top-3-1 {line-height:24px; font-size:14px}
.top-3-2 {font-size:20px}
}

@media (max-width: 514px) { /* md mobiles iphone 6,8,6+,8+; huawei */
.top-wrap {height:180px}
.top-1 {float:none; width:100%}
.top-2 {float:none; width:100%; padding-top:12px}
.top-3 {display:none}
.logo img {width:230px; margin-top:0px}
.top-2 #shop-search-form .input-group-lg > .form-control, .top-2 #shop-search-form .input-group-lg > .input-group-btn > .btn {height: 45px}
}
@media (max-width: 359px) { /* sm mobiles (iphone 5) */
.top-3 {display:none}
}

.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}
}


.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {background-color:#ff8c52}
.navbar-inverse .navbar-nav > li > a {font-family: 'Exo 2'; font-size: 20px; font-weight:400; letter-spacing: 1px; text-transform:uppercase}
@media (max-width: 991px) {
.navbar-nav {background: #FF5500}
}
.navbar .dropdown-menu {background-color: #ff8c52}

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


#block-997 .form-check-tm {background:none}
#block-997 .form-check-tm h3 {background:#FF5500; 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}

.footer a, .footer a:hover {color:rgba(255,255,255,.8)}

/* shop nav  icon */
.shop-nav [class*=icon] {background:url(images/shop-nav-icons/0.png) 9px 50% no-repeat no-repeat; padding-left:0px;}
.shop-nav [class*=icon] > a {padding-left:40px !important}

.shop-nav .metismenu {background-color: #0d53a0}
.shop-nav .metismenu ul {background-color: #2f597d}
.shop-nav .metismenu ul ul {background-color: #264662}
.shop-nav .metismenu ul ul ul {background-color: #333}
.shop-nav .metismenu a {font-size: 16px}
.shop-nav .metismenu a {color: #fff}
.shop-nav .metismenu a:hover,
.shop-nav .metismenu a:focus,
.shop-nav .metismenu a:active {background-color:#264662;}
.shop-nav .metismenu .mm-active > a {color: #ffed00}

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

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

.shop-top-nav .btn {border-color:transparent}
.shop-top-nav .dropdown-menu {background: #FF5500}


.shop-cart-money {color:#ff5500}
.shop-cart-money-bg {background-color: #ff5500;border-color:#ff5500}
.shop-cart-money-bg:active, .shop-cart-money-bg:hover, .shop-cart-money-bg:focus {background-color: #cb4113; border-color: #ff5500}


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

/*галерейная верстка*/
.shop-catalog-goods [data-cart-view="gallery"] .item-price {font-size:18px;font-weight: bold; color:#ff5500}
.shop-catalog-goods-items-multi .thumbnails .thumbnail .thumbnail-texts h3 {font-size: 19px}
    
.item-price .price-prefix {font-weight:normal; opacity:.7}

.shop-catalog-goods-items-section {padding-top:31px}
.shop-catalog-goods-items-section h2 {background:#0d53a0; margin:0 15px 45px 15px; color:#fff; padding:5px 0 7px; text-align:center; font-size:26px}
.shop-catalog-goods #tabs-content td, th {font-size:inherit}
.shop-catalog-char-filters .ui-slider .ui-slider-handle {border-color: #ff5500;background-color: #ff5500}
.shop-catalog-char-filters .ui-widget-header {background: #ff5500}
.shop-catalog-char-filters .radio.checked label {color: #ff5500}

#shop-search-form .input-group-lg > .form-control,
#shop-search-form .input-group-lg > .input-group-btn > .btn {height:60px}
#shop-search-form .input-group-lg > .form-control {font-size: 21px;}

.shop-catalog-char-filter .ui-slider .ui-slider-handle {border-color: #e64c00;background-color: #ff5500;}
.shop-catalog-char-filter .ui-widget-header {background: #ff5500}

/**/

.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}
}


#block-1001 {padding-top:44px}

#sticker {position:absolute; right:5px; top:-20px; display:block}
#sticker > img {width:170px}
@media (min-width: 992px) and (max-width: 1200px) { /* Md */
#sticker {right:-6px; top:-25px;}
}

@media (max-width: 991px) { /* < Sm */
#sticker {right:463px; top:-24px}
}
@media (max-width: 767px) { /* Xs */
#sticker {display:none}
}