html, body {width: auto!important; overflow-x: hidden!important}
body {font-family: 'Roboto', Arial, Verdana, sans-serif; font-size:14px; background-color: #fff}
p {margin: 5px 0}
h1 {margin-bottom:20px}
.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;}


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

.top-container {height:100px; position:relative;}

#tabs-content .table thead td, 
#tabs-content .table thead th,


.top-phones {color: #fff; }
.top-phones a {color: #fff;}


.modal-header.bg-primary {background:#343741;}
.modal-content .modal-header .close {color:#fff; opacity:0.8;}

.btn.btn-primary {background: #65b337; border-color:#65b337;}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {background: #4a8229; border-color:#4a8229;}

.navbar-container {height:50px; background:#fff;}


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


.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}
.footer {padding-top:22px}

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

/* 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:35px !important}
.shop_nav .icon1  {background-image: url(images/shop-nav-icons/1.png)}
.shop_nav .icon2  {background-image: url(images/shop-nav-icons/2.png)}
.shop_nav .icon3  {background-image: url(images/shop-nav-icons/3.png)}
.shop_nav .icon4  {background-image: url(images/shop-nav-icons/4.png)}
.shop_nav .icon5  {background-image: url(images/shop-nav-icons/5.png)}
.shop_nav .icon6  {background-image: url(images/shop-nav-icons/6.png)}
.shop_nav .icon7  {background-image: url(images/shop-nav-icons/7.png)}
.shop_nav .icon8  {background-image: url(images/shop-nav-icons/8.png)}
.shop_nav .icon9  {background-image: url(images/shop-nav-icons/9.png)}
.shop_nav .icon10  {background-image: url(images/shop-nav-icons/10.png)}
.shop_nav .icon11  {background-image: url(images/shop-nav-icons/11.png)}

.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}
.shop-top-nav .btn {border-color:transparent}
.shop-top-nav .btn-link {background-color:transparent; color:#e5c78d}




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


/*.blog-goods .u-persons*/
.u-persons {background:#fcf8e3; padding-top:11px;border:solid 1px #ffcd00}
.u-persons .team-v2 > img {border:solid 1px rgba(0,0,0,0.3)}


.down {background: url(images/down.png) top center}
#how  {background: url(images/down.png) top center no-repeat}
.yandex-map-content {border-top:1px solid #b4cca0}
.logo img {height:100px}
.logo-wrapper {padding-top:22px}

.header__messenger-phone {display: none;}

@media (max-width: 1200px) {   
    .logo img {height:90px}
    .logo-wrapper {padding-top:23px}
    /*.navbar-container {height: 100px;}*/
}

/* Xs */
@media (max-width: 991px) {    
    /*.navbar-container {height: 100px;}*/
    .countdown-text-2 {display:none}
    .countdown-text-3 {font-size:14px}
    #banner {display:none}
    .top-container {height:90px}
    .logo img {height:85px}
    .logo-wrapper {padding-top:25px}
}


@media (max-width: 767px) {   
    .top-container {height:120px}
    .navbar-container {display:none;}
    .logo img {height:70px}
    .logo-wrapper {padding-top:30px}
    .header__phone {display: none;}
    .header__messenger-phone {display: block;}
}    

@media (max-width:680px) {
.top-contacts {display:none}
.top-phones {display:none}
/*.logo img {height:135px}*/
}

@media (max-width:500px) {
    .logo img {height:60px}
    .top-container {height:100px}
}

@media (max-width:400px) {
    .logo img {height:50px}
    .top-container {height:90px}
}

#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-25 label {color:rgba(255,255,255,.7); font-weight:normal}


#block-19 [data-ff-popups-url] {font-size:18px}
#block-19 .thumbnail-style .btn-more {background: rgba(255, 99, 0)}
#block-19 .thumbnail-style a.btn-more:hover {box-shadow:0 0 0 2px rgba(255, 99, 0)}

#yandex-map {top:49px}


/**
Colors:
#0060aa primary blue   rgb(0, 81, 186)

old
#f9d616 желтый
#f9efd8 беж     --eae0c8 темнее

мусор
#ffcd00 warning yellow  rgb(255, 205, 0)
#ffda44	ссылки на темном фоне
#ff004e danger
#00a8ff info
#1b3c67 24705d dark blue
*/


.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 10px 0 10px; 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;}





/* Кнопка WhatsApp справа */

.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #65b337; /* 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 #65b337; /* 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;
  }
}