html, body {width: auto!important; overflow-x: hidden!important}

body {font-family: 'Roboto', Arial, Verdana, sans-serif; font-size:16px; background: #eee}
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 #f3db99; 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;}


.btn.btn-link {color: #fff;}


.modal-header.bg-primary {background: #203A58;}
.modal-header button.close {color:#fff; opacity:0.6}


.btn.btn-success {background: #203A58; border-color: #203A58;}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {background: #305580; border-color: #305580;}

.btn.btn-primary {background: #203A58; border-color: #203A58;}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {background: #305580; border-color: #305580;}

.btn.btn-info {background: #0057B7; border-color: #0057B7;}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus {background: #006be3; border-color: #006be3;}


.input-group .btn.btn-primary {background: #0057B7; border-color: #0057B7;}
.input-group .btn.btn-primary:hover,
.input-group .btn.btn-primary:active,
.input-group .btn.btn-primary:focus {background: #006be3; border-color: #006be3;}



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


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


.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: #5E782E}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#5E782E}

.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:70%}

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



/* пагинацию портит    
.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:120px}
.top-1 {padding-top: 0;}
.top-2 {padding-top:40px; text-align: center;}
.top-3 {padding-top:68px}
.top-3-2 {font-size:26px; font-family: 'Exo 2'; font-weight:700; color: #fff;}
.top-3-2:hover {color: #fff;}

.top-3-3 {font-size:15px}
.top-4 {padding-top:12px; text-align:center; font-size:16px} 
@media (min-width: 1200px) { /* Lg */
}
@media (min-width: 992px) and (max-width: 1200px) { /* Md */
.top-3 i {display:none}
/*.logo img {width:80%}*/
.top-1 {padding-top: 25px;}
}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
/*.logo img {width:250px}*/
}
@media (max-width: 767px) { /* Xs */
/*.logo img {width:250px}*/
}
@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: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
.top-wrap {height:182px}
.top-1 {float:none; width:100%}
.top-2 {float:none; width:100%; padding-top:12px}
.top-3 {display:none}
/*.logo img {width:302px; margin-top:0px}*/
}
@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:#203A58}
.navbar-inverse .navbar-nav > li > a {font-family: 'Exo 2'; font-size: 22px; font-weight:400; letter-spacing: 1px; /*text-transform:uppercase*/}
@media (max-width: 991px) {
.navbar-nav {background: #B0C4DD}
}
.navbar .dropdown-menu {background-color: #203A58}

.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:#5E782E; 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,1)}

/* 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: #5E782E}
.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: #5E782E}


.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:#5E782E; 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}

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

/**/

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


/* Кнопка WhatsApp справа */
.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25D366; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
    font-weight: 400;
}
.whatsapp-button a {
    color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.whatsapp-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}

/*Для мобилки*/
@media (max-width : 800px) {  
.whatsapp-button {   
    bottom: 60px;
    right: 10px;
  }
}