html, body {width: auto!important; overflow-x: hidden!important}
body {font-family: 'Roboto', Arial, Verdana, sans-serif; font-size:16px; background: #fff}
p {margin: 5px 0}
.table.table-nonfluid {width:auto!important}

h1, h2 {font-family: 'Exo 2', sans-serif}
h1 {font-size:44px; font-weight:600; margin-bottom:20px}
h2 {font-size:33px; font-weight:600}

h3 {font-weight:bold}

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

hr {border-color:#f3db99}


body, .container, .container-fluid, .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-primary {background: #800000; border-color: #800000;}
.btn.btn-primary:hover,
.btn.btn-primary:active {background: #660000; border-color: #800000;}

footer .btn.btn-primary  {background: #EEE8AA; border-color: #EEE8AA; color:#555;}
footer .btn.btn-primary:hover,
footer .btn.btn-primary:active {background: #d4ce96; border-color: #d4ce96; color:#555;}



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


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

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

/* 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}

.on-dark * {color:#e5c78d}


    

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


.headline h2 {font-size:36px}

.page {background-color:#fff; margin-top:-33px; margin-bottom:44px; border-radius:5px; box-shadow:5px 5px 2px rgba(0,0,0,.2)}

.top {height:132px; font-size:18px}
.top-address, .top-address p {color:rgba(255,255,255,.8)}
.top-address a {color:rgba(255,255,255,1)}
.top-logo {padding-top:6px}
.top-logo a#logo {display:block; position:absolute; top:26px; left:0px; z-index:4}
.top-logo img {width:308px}


.ff-faq h1 {margin: -9px 0 0}
.media-headline > h1 {position:relative; top: -6px }
.text-scroll {background:#fffcb6; padding-left:10px}
.carousel-control {opacity:.8}

.nav-nav ul {background-color: #009a93}
.nav-nav .metismenu a {font-size: 16px}
   
.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}
.u-thumbnails .caption h3 {font-size: 19px; color: #009a93; text-align:center}
.footer footer {background:#800000}
.footer a, .footer a:hover {color:#EEE8AA}



/* .columns-2 */
.columns-2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;

	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;
}
.columns-2 table, .columns-2 h4 {
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
}


#block-244 .banner-1 {position:absolute; background:rgba(0,0,0,0.3); bottom:0; left:0; right:0; top:0; color:#fff}
#block-244 .banner-1 > div {position:absolute; left:30%; top:20%; ; width:50%}
#block-244 .banner-1 h2 {font-size:54px}
#block-244 .banner-1 h4 {font-size:21px; font-weight:normal; margin: 11px 0 30px}


#block-244 .banner-2 > div {position:absolute; left:3%; bottom:20%; ; width:40%; color:#fff}
#block-244 .banner-2 h2 {font-size:47px}


/* formateh */
.thumbnail-style h3 a {color: rgba(242, 80, 30, 1); font-size:23px}



@media (min-width: 1200px) { /* Lg */
}
@media (min-width: 992px) and (max-width: 1200px) { /* Md */
#block-244 .banner-2 > div {width:50%}
#block-244 .banner-2 h2 {font-size:42px}
}
@media (max-width: 991px) { /* Sm */
.social-vk {left: 0px}
.countdown-text-2 {display:none}
.countdown-text-3 {font-size:14px}
#block-244 .banner-1, 
#block-244 .banner-2 {display:none}
}
@media (max-width: 767px) { /* Xs */
    #achievements {display:none}
    #carousel {display:none}
    .top-logo a {top: 5px;left: 14px;}
}
@media (max-width: 576px) { /* xs for Bootstrap 4*/
}
@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */

}
@media (max-width: 359px) { /* sm mobiles (iphone 5) */
}



/*kamlux*/
#sidebar-1 > div:first-child {margin-top:0!important}
.service .desc h4{font-size:20px}
.bs-docs-sidebar h4 {font-size:25px}
.table.table-nonfluid td:last-child {text-align:right}


#yes-no {background:#d8d8da; padding: 30px 30px 0 30px}
#yes-no h2 {margin-top:0px}

.video-fixedheight {background:#000}
.counterup-text {color:#fff; text-align:center; margin-top:58px}
.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}


.gallery-items .thumbnail {background-color: #800000; border-color:#800000}
.gallery-items .caption {color:#fff; font-size:18px}

img[src="datafiles/minibanner.jpg"] {margin-top:33px}

[src="datafiles/rassrochka.png"] {margin-top:53px}
/*
.ff-form-wrap *,
.ff-form-wrap label {color:#fff}
*/


video-fixedheight-content {height: 100%}
.video-fixedheight-content h1 {text-align:center; display:inline-block; position:absolute; top:110px; left:0px; right:0; margin-left:auto; margin-right:auto; width:650px; color:#fff; padding:30px; background:rgba(0, 0, 0, .5); border: solid 2px rgba(255, 255, 255, .5)}
@media (max-width: 767px) {
.video-fixedheight-content h1 {width:95%}
h1 {font-size: 30px}
}