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; color:#000}
.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:38px; 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}

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


.city-box {padding-top: 44px; font-size:22px; font-weight:700; color:#0E53A0;}
.logo-box img {padding-top: 20px; width: 300px;} 
.top-phone b {font-size:26px; font-weight:700; color:#FF5500; line-height: 25px;}


.modal-header.bg-primary {background: #FF5500;}

/*Стили сайта*/

.btn.btn-primary {background: #FF5500; border-color:#FF5500;}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {background: #ff7733;}
.btn.btn-primary:active {border-color:#FF5500;}

.thumbnail-style a.btn-more {background:#0E53A0}
.thumbnail-style a.btn-more:hover {box-shadow: 0 0 0 2px #0E53A0}



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


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

/* 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:112px; font-size:18px}
.top-logo {padding-top:6px}
.top-logo a {display:block; position:absolute; top:19px; left:0px; z-index:4}



.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: #0E53A0}
.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: #0E53A0; text-align:center}
.footer a, .footer a:hover {color:#bbb}
.footer label {color:#ccc}
.footer .has-error label,
.footer .has-error .help-block {color:#ff6d54}

/* .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; left:5%; bottom:14%; ; width:35%; color:#222}
#block-244 .banner-1 h2 {font-size:54px; line-height:54px}
#block-244 .banner-1 h3 {font-size:22px; margin-top:19px}
#block-244 .banner-1 .btn {margin-top:19px}

#block-244 .banner-2 {position:absolute; left:5%; top:10%; ; width:35%; color:#222}
#block-244 .banner-2 h2 {font-size:54px; line-height:54px}
#block-244 .banner-2 h3 {font-size:22px; margin-top:19px}
#block-244 .banner-2 .btn {margin-top:19px}

#block-244 .banner-3 {position:absolute; left:5%; bottom:6%; ; width:35%; color:#fff}
#block-244 .banner-3 h2 {font-size:54px; line-height:54px}
#block-244 .banner-3 h3 {font-size:22px; margin-top:19px}
#block-244 .banner-3 .btn {margin-top:19px}

#block-244 .banner-4 {position:absolute; left:5%; top:10%; ; width:35%; color:#222}
#block-244 .banner-4 h2 {font-size:54px; line-height:54px}
#block-244 .banner-4 h3 {font-size:22px; margin-top:19px}
#block-244 .banner-4 .btn {margin-top:19px}

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

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


.gallery-items#block-639 .thumbnail {background-color: #fecc05; border-color:transparent; box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);  }
.gallery-items#block-639 .caption {color:#000; font-weight:bold; font-size:20px}
.gallery-items#block-639 .caption i.fas {display:block;position: absolute;top:-10px;left:0px;color:#fff;font-size:33px;background:#0E53A0;padding:11px;border:solid 3px #fff;border-radius:50%;}
.gallery-items#block-639 .caption i.fa-bolt {padding:11px 17px}

.gallery-items#block-1006 .thumbnail {border-color:transparent}
.gallery-items#block-1006 .gallery-items-img {border:solid 1px rgba(0,0,0,.3)}
.gallery-items#block-1006 .caption {color:#000; font-size:18px}
.gallery-items#block-1006 .caption i.fas {margin-right:5px; font-size:20px}

    

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

[src="datafiles/rassrochka.png"] {margin-top:53px}

.ff-form-wrap *,
.ff-form-wrap label {color:#fff}
.ff-form-wrap a[target="_blank"] {text-decoration:underline}
.ff-form-wrap input, .ff-form-wrap textarea {color:#000}
/*.has-error label, .has-error .help-block {color:#ff0 !important}*/
.ff-form-wrap .alert {color:#000 !important}

/* rus070 */
.ondark * {color:#fff}
.carousel#block-244 .glyphicon {color:#333}
#block-1052 * {color:#fff}
#block-1052 ul, #block-1052 p {font-size:20px}
#perechen h2 {margin-top:0px}
h1.leftline, div.leftline {position:absolute; top: 99px; left:25px; background:rgba(255,255,255,.8); padding:5px 20px 10px 0}
h1.leftline:before, div.leftline:before {content:""; position: absolute;width: 8px;height: 89%;background-color: #fdcc05;left: -24px;top: 11px;}
p.leftline {position:relative; margin-left: 15px;}
p.leftline:before {content:""; position: absolute;width:4px;height: 89%;background-color: #fdcc05;left:-15px;top:2px;}
p.rightline {position:relative; margin-right: 15px;}
p.rightline:before {content:""; position: absolute;width:4px;height: 89%;background-color: #fdcc05;right:-15px;top:2px;}
.ff-form-wrap {background: rgba(34, 38, 88, .6)}
#block-1100 *, #block-1118 * {color:#fff}
#block-1080:after {top: 0;left: 0;width: 100%;height: 100%;content: " ";position: absolute;background: url(../xfiles/si1.png) no-repeat center 423px;z-index: 99;}
#block-1131:after {top:132px;left: 0;width: 100%;height: 100%;content: " ";position: absolute;background: url(../xfiles/s17b.png) no-repeat center 423px;z-index: 99;}
#block-1166:after {top:132px;left: 0;width: 100%;height: 100%;content: " ";position: absolute;background: url(../xfiles/s17b.png) no-repeat center 423px;z-index: 99;}
.btn-warning {color:#000!important}
.icons#block-1262 .caption p {color:#ffcd00; font-size:20px}
#chto-takoe * {color:#fff}
#chto-takoe .image img {border:3px solid rgba(255,255,255,.2); border-radius:7px}
#chto-takoe .btn-warning {font-size:22px}
.no-img-border#chto-takoe .image img {border-width:0}
#block-1465 .icons .img-responsive {border-radius:50%; border:5px solid #fdcc05;}
#block-1465 .icons .caption * {color:#fff}
.ff-faq > .well.small {background-color: #fff2b9 !important}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff}
#pnevmo {position:absolute; right:5px; top:6px; display:block}
.whatsapp-block {color:#fff; text-align:center; padding:22px; background:#273238; margin:22px 20%}
.whatsapp-block h2 {color:#fff; font-weight:normal; font-size:20px}
.whatsapp-block a, .whatsapp {color:#52ed6d!important; font-size:18px; display:inline-block; margin-bottom:4px}
.whatsapp-block a img,.whatsapp img {width:21px; vertical-align:middle}


@media (min-width: 1200px) { /* Lg */
#block-1227 {background-position: 80% 0% !important}
}

@media (min-width: 992px) and (max-width: 1200px) { /* Md */
#block-1227 {background-position: 104% 0% !important}
#pnevmo {right:12px; top:40px;}
    .top {height: 140px;}
    .city-box {padding-top: 5px;}
}

@media (max-width: 991px) { /* < Sm */
#block-519 {padding-bottom:22px}
#block-1227 {background-position: 158% 0% !important}
#pnevmo {right:22px; top:-50px;}
    .top {height: 140px;}
    .city-box {padding-top: 5px;}
}

@media (max-width: 767px) { /* Xs */
.hide-xs, #obsluzhivanie, #rassrozka, #licenzii, #pochemu, #cards {display:none}
#block-1227 {background-image:none !important}
#dopog-h1 {font-size:32px}
#block-1397:before {display:none}
#block-1447 {background-image:none !important}
#pnevmo {right:-16px; top:-58px;}
}