html, body {width:auto!important; overflow-x:hidden!important}
body {font-family:'Roboto', sans-serif, Arial, Verdana, sans-serif; font-weight:400; font-size:16px; background:#fff}
/*body {font-family:'M PLUS 1p', sans-serif, Arial, Verdana, sans-serif; font-weight:300; font-size:14px; background:#fff}
*/
p {margin:5px 0}
h1 {margin-bottom:20px}
h1 {line-height:46px; font-size:46px; font-weight:400; color:#009846; margin-bottom:0}
h2 {font-size:46px; font-weight:300}
h2.underline {text-align:center}
h2.underline:after {content:""; display:block; width:146px; height:3px; margin:8px auto; background-color:#009846}
h3 {font-weight:300}
h4 {font-weight:400}
.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}
.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}
/********* Настройки docs nav ***********/
.bs-docs-sidebar .nav > li > a {color:rgba(0,0,0,.7)}
.bs-docs-sidebar .nav > li > a:hover {color:#72c02c; border-color:#72c02c}
.bs-docs-sidebar .nav > .active > a {color:#72c02c; border-color:#72c02c}
.bs-docs-sidebar .nav > .active:hover > a {color:#72c02c; border-color:#72c02c}

/**Colors:
#009846 primary

*/

.btn {border-radius:15px; padding:2px 13px 4px; font-size:17px}
.btn-lg {border-radius:25px; padding:12px 30px; font-size:18px; border-width:0px}
.intro .btn-lg {font-size:22px;} 
.btn-default {background-color:#fff; color:#009846; border-color:rgba(233, 97, 56,.7)}
.btn-default:hover,.btn-default:focus,.btn-default:active {color:#009846; border-color:rgba(233, 97, 56, 1); background-color:rgba(233, 97, 56,.2)}
.btn.btn-primary {background-color:#1f509c; color#fff:; border-color:#1f509c;}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {background-color:#2c65bd; color#fff:; border-color:#2c65bd;}
.btn-inverse {background-color:transparent; color:#fff; border-color:transparent}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active {color:#fff; background-color:rgba(255,255,255,.2)}



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

.form-control {border-radius: 16px}
.form-group-lg .form-control {border-radius:22px}


.button-circle {background: transparent;opacity: 0.5;border: 1px solid #000;border-radius: 50%;padding: 4px 11px;color: #000}
.button-circle:hover, [class*=col-]:hover > a .button-circle {border-color:#009846}

.button-pill {background: transparent;opacity: 0.5;border: 1px solid #000;border-radius:13px;padding: 4px 11px;color: #000}
.button-pill:hover, [class*=col-]:hover > a .button-circle {border-color:#009846}


#block-84 .ff-form-div-heading {font-size:36px; font-weight:bold; margin-top:72px; color:#d77500}
#block-84 .ff-form-div-subheading {font-size:22px; margin:-5px 0 43px; color:#d77500}
#block-84 #ff-form-form-362 .row:last-child {padding-top:33px}
#block-84 #ff-form-form-362 label {font-size:16px}
/*#block-84 .alert {margin:147px 0; text-align:center; font-size:36px}*/
#block-84 .row-center [class*=col-].text-center {text-align: center}
#block-84 label {padding-left:11px}
#block-84 #ff-form-captcha-renewal-85 {border-radius: 10px;padding: 0px 6px 1px;font-size: 12px;border-color: rgb(0, 152, 70); background-color:transparent}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
.intro .intro-headline {margin:47px 0}
}

@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
#block-84 .ff-form-div-heading {font-size:28px}
}


#ff-form-captcha-renewal-57 {border-radius: 10px;padding: 0px 6px 1px;font-size: 12px; border-color:rgba(255, 255, 255, .4); color:#fff; background-color:transparent}
#ff-form-form-57 label {color: rgba(255, 255, 255, .6); font-weight:normal;}

#contacts a {color:#fff; text-decoration:none}
.footer footer {background:#333;padding-top:0px}
.footer .copyright {margin-top:0px; background:#000}

.headline h2 {font-size: 35px}

/*Задайте вопрос*/
#block-106 h3 {font-size:33px}
.ff-form-wrap {background:transparent;padding:0px;border: 0px}
.form-group {text-align:center}
.form-control {box-shadow:inset 3px 3px 3px rgba(0,0,0,0.2); border-color: rgba(0,0,0,0.2); font-size:18px}


/***************** accordion-img **************************/

.accordion-img {position:relative; height:422px; top:0}
.accordion-img img {position:absolute; bottom:0; right:0px}

#accordion .panel-heading {color: #000;background-color: #c6d0d9;border-color: #c6d0d9;}
#accordion .panel-title {font-size:22px}

#block-117.owl-theme .caption {text-align: left}
#block-117.owl-theme .caption h3:last-child {font-weight:bold; margin-top:4px}
#block-117.owl-theme .caption table {margin:0}

#compare {color:#000}
#compare .far {font-size:22px}
#compare .fa-check-circle {color:green}
#compare .fa-times-circle {color:red}
#compare .row > div > .thumbnails {background:#ccc; padding: 27px;}
#compare .row > div:nth-child(2) > .thumbnails {background:#9effcb}
#compare h2 {margin-bottom:26px}
#compare .caption h3 {font-weight:bold; font-size:26px; padding-top:7px}

.on-dark * {color:#fff}
.on-dark a {color:#5ccc90}
.on-dark a:hover, .on-dark a:active {color:#fff}


#kak-prodat {border-right:1px solid #fff; ; padding-right:55px}
#kak-prodat * {color:#fff}


.sandwichbar-phone {padding-top:9px}
.sandwichbar-phone a {font-size:22px}

.u-services h3  {color:#fff}
.u-services .desc h4 {color:#fff}
.u-services .service:hover .desc h4 {color:#000}
.u-services .service-icon {color:rgba(255,255,255,.6)}

@media (min-width: 992px) and (max-width: 1200px) { /* Md */
.accordion-img {height:484px}
}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
.intro .intro-headline {margin:47px 0}
}
@media (max-width: 767px) { /* Xs */
#block-113.icons > div:nth-child(even) {display:none}
}
@media (max-width: 576px) { /* xs for Bootstrap 4*/
#kak-prodat {padding-right:0; border-right:none}
#kak-prodat h2 {font-size:29px}
#block-117.owl-theme .caption * {font-size:12px}
}

@media (max-width:1200px) { /* Md- */
#block-125:before {background:#010101!important}
}


#block-135 .form-inline,
#block-135 p {text-align:center}
@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
#block-135 h2 {font-size:29px}
}