/*
#0e518d синий камаз
#0a3962 синий dark
#337AB7 синий светлее (BS)
*/

/*
Flushing footer to bottom of the page, twitter bootstrap http://stackoverflow.com/questions/10099422/flushing-footer-to-bottom-of-the-page-twitter-bootstrap
alternative: http://stackoverflow.com/questions/21324395/bootstrap-3-flush-footer-to-bottom-not-fixed
*/
html, body {width: auto!important; overflow-x: hidden!important} /* Bootstrap's bug fix */
html, body {font-family: "Roboto";  font-size:14px}
h1 {font-family:'PT Sans Narrow'; font-size: 46px; color:rgba(0,0,0,.7)}
h2, .h2 {font-weight: 700}
footer {position: relative;clear:both;padding: 19px 15px; color: #333;background:#e8e8e8;font-size:14px;margin-bottom:15px}
footer h2 {font-size:16px}
footer .row > div > p:first-child {color:#fff}
footer .row > div > p {margin-bottom:3px}
footer [class*="col-"] {margin-bottom:15px;}

a {color: #419641;text-decoration: none;}
a:hover, a:focus {color: #398439;text-decoration: underline;}
.header {padding: 22px 0 22px 0; border-bottom: 1px solid #e5e5e5;}

.container, .row {position:relative}
[class*=col-] {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%;}

/* Кнопки в несколько строк*/
.btn-xs.btn-br {padding:2px 8px 3px; line-height: 1.3}

/* для thumbnail должен быть padding-right:4px;padding-left:4px */
.row.no-gutter {margin-left:0; margin-right: 0}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {padding-right:4px;padding-left:4px}
.row.no-gutter [class*='col-'] {padding-top:4px; padding-bottom:4px}            
.row.no-gutter [class*='col-'] a.thumbnail {margin-bottom:0}

.list-flush {padding-left: 18px; margin-left:0}
.well {background-color: rgba(14,81,141,0.1)}
.imgframe {border:solid #fff 6px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius: 5px; box-shadow: 0px 3px 4px rgba(0,0,0,.3); -moz-box-shadow: 0px 3px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.3)}
                

/***************************************** navbar ****************************************************/
.navbar {margin:0; border:none; border-radius:0; min-height:36px;} /*For full width nav */

.navbar-inverse {background:#37ad1a}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {background-image:none; background-color: #fff; box-shadow:none; border-radius:4px; color:#000;} /*background-color: rgba(0,0,0,0.25)*/
.navbar-inverse .navbar-nav > li {margin:7px 25px 7px 25px;}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; padding:3px 20px 5px 20px; line-height:14px; }

.navbar-inverse .navbar-brand {color: #ccc}
.navbar-inverse .navbar-brand.active, 
.navbar-inverse .navbar-brand.active:hover, 
.navbar-inverse .navbar-brand.active:focus {
    background-color: rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}

/******************** Черный фон кнопки при выпадении подменю ***************************/
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {background-image: none; background-color: rgba(0,0,0,.05); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .15); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .15);}

.navbar-header > .navbar-brand {font-size:24px; line-height:0px;}/* padding-bottom:0*/
@media (max-width: 540px) {
    .navbar-brand {padding-top:19px}
    .navbar-brand > img {width: 230px; height: auto;}
}
.navbar-nav {font-size:14px;}
/********** Center Items ************/
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center; border:none;}


.navbar-inverse .navbar-toggle {border-color: #FFFFFF; background-color:transparent !important; padding: 8px 8px;margin: 6px 30px 6px 0} /* Белая обводка сендвича*/

/***************************************** /navbar ****************************************************/


.superheader {height: 128px}
.superheader-logo-lg {padding-top: 18px;}
.superheader-logo-lg img {max-height:90px}
.superheader-logo-xs {padding-top: 18px}
.superheader-logo-xs img {max-height:90px}
.superheader-buttons {padding: 43px 0px 0px 0px;}
.superheader-contacts {padding-top:8px}
.superheader-socials {display:none; padding-left:20px; padding-top:0px;}
.superheader h4, .superheader h5 {line-height:1.3}
.superheader h4 {font-size:22px}
.superheader .btn-xlg {font-size:46px; line-height:1; padding:5px 10px 0px 10px;}
.superheader-cities-2 .dropdown .btn {padding: 2px 12px}
.superheader-phones h4 {margin-top:4px}
.superheader-cities-1 {display:none}
.superheader-map {display:block; width:100%; height:90px; padding-top: 18px}

.xxs {display:none}

/* Lg */
@media (min-width: 1200px) {
    html, body {background-color: #f4f4f4}
    .navbar-inverse {background:transparent}
    .navbar-inverse > .container-fluid .navbar-collapse { background:#37ad1a}
    .container-bg {background:#fafafa; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.2);}
    .superheader-socials {display:block}
}
/* Md */
@media (min-width: 992px) and (max-width: 1200px) {
}
/* Sm */
@media (min-width: 767px) and (max-width: 991px) {
    #nas-sprashivajut .headline {text-align:center}
    .superheader-callme {display:none}
}
/* Xs */
@media (max-width: 767px) {
    #nas-sprashivajut .headline {text-align:center}
    .superheader-callme {display:none}
    .superheader-contacts {padding-top:19px}
    
    .superheader-phones {padding-top:0}
    .superheader-cities-1 {display:block}
    .superheader-cities-2 {display:none}
    .superheader-map {display:none}
    .superheader-phones h4 {margin-top:0}
    .superheader-contacts {padding-top: 15px!important}
    .superheader {height: 110px}
	#block-64 .container {padding-left:0; padding-right:0}	/* Для сайта rosokna-zavod.ru */
}

@media (max-width: 500px) {
    #video-1  {display:none}
    .superheader-phones h4 {font-size: 16px}
    .xxs {display:inline}
}

.tooltip-inner {font-size:18px;    background-color: #125f12}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #125f12}
.btnGroupBox .visible-xs br {display:none}
.btnGroupBox .visible-xs .btn-group a {font-size:18px}
.alert h3 {margin-top:0}

/********* Настройки docs nav ***********/
.bs-docs-sidebar .nav > li > a {color:#000}
.bs-docs-sidebar .nav > li > a:hover {color:#419641; border-color:#419641}
.bs-docs-sidebar .nav > .active > a {color: #419641; border-color: #419641}
.bs-docs-sidebar .nav > .active:hover > a {color:#419641; border-color:#419641}

.form .form-fields-heading {font-size:24px; line-height:31px; margin-bottom:25px; text-align:center}
.form .form-fields-subheading {margin:0px 0 10px; font-size:16px; color:#00a651}
.form .alert-success {font-size: 23px;text-align:center; background:#00a651; color:#fff; margin-top:57px}
.form [name="form-submit"] {width: 100%;font-weight: bold;}

/*
#banner-and-zamer .form {border: solid #cccccc 1px; box-shadow: 0px 2px 4px rgba(0,0,0,.3); padding:23px 18px 0px; min-height:370px}
#banner-and-zamer .form .checkbox-inline {font-size:12px}
#banner-and-zamer .form .alert {}
*/

#banner-and-zamer .form {border: solid #c2770f 1px; padding:23px 18px 0px; min-height:370px; background:#5CB85C}
#banner-and-zamer .form .form-fields-heading {color:#fff}
#banner-and-zamer .form .checkbox-inline {font-size:12px; color:#fff}
#banner-and-zamer .form .checkbox-inline a {color:#ff5}
#banner-and-zamer .form input {color:#000; font-weight:bold}
#banner-and-zamer .form button {border:solid 1px #fff}



#banner-and-zamer-zavod .form {border: solid #c2770f 1px; padding:30px 18px 0px; min-height:400px; background:#5CB85C}
#banner-and-zamer-zavod .form .form-fields-heading {color:#fff}
#banner-and-zamer-zavod .form .checkbox-inline {font-size:12px; color:#fff}
#banner-and-zamer-zavod .form .checkbox-inline a {color:#ff5}
#banner-and-zamer-zavod .form input {color:#000; font-weight:bold}
#banner-and-zamer-zavod .form button {border:solid 1px #fff}
#banner-and-zamer-zavod .form .form-group {margin-bottom: 20px;}

.social-buttons-list li {margin:4px 0}

.row#proizvodstvo {padding-left: 15px;padding-right: 15px; padding-left: 15px; background:#484848!important; margin:0 0 30px 0}
.row#proizvodstvo .image img {border:solid 1px rgba(255, 255, 255, .7)}
.row#proizvodstvo .row-headline {padding:27px 0 9px}
.row#proizvodstvo .row-headline h2 {color:#fff; margin:0}
.row#programma {padding-left: 15px;padding-right: 15px; padding-left: 15px; background:#d2d2d2!important}
.row#programma .item > a > img {border:solid 1px rgba(0, 0, 0, .3)}
.row#programma .headline {margin-bottom:22px}
.row#programma .owl-theme .owl-dots .owl-dot span { background: #fff}
.row#programma .owl-theme .owl-dots .owl-dot.active span, 
.row#programma .owl-theme .owl-dots .owl-dot:hover span {background: #4DC7A0}
.row#programma h4 {margin:0 20%}
@media (max-width:991px) {
.row#programma h4 {margin:0 0}
}


/***********************************************/

@media (max-width: 767px) { /* Xs Пиктограммы. Стать дилером */ 
a[data-popupform]  span[style] {font-size: 18px!important;line-height: 19px!important;display: block;margin-top: 7px;}
}


/*#catalog-dealer*/
#catalog-dealer .image img {width:28%!important}
#catalog-dealer .image p {font-size:18px; color:#00a900; font-weight: bold; text-align:center;  padding:0 38%}
@media (max-width: 1200px) {
#catalog-dealer .image img {width:32%!important}
#catalog-dealer .image p {padding:0 37%}
}
@media (max-width: 991px) {
#catalog-dealer .image img {width:38%!important}
#catalog-dealer .image p {padding:0 32%}
}
@media (max-width: 767px) {
#catalog-dealer .image img {width:52%!important}
#catalog-dealer .image p {padding:0 8%}
}