
#accordion .panel {
    
    background-color: transparent;
    border:none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#accordion > .panel-default > .panel-heading {
	background: none !important;
	border:none !important;
}

#accordion h4 {
	font-size:18px;
	font-weight: normal;
}


 #accordion h4 a:focus {
  text-decoration: none;
   outline: none; 
   
}


 #accordion h4 a.collapsed:before,
 #accordion h4 a.collapsed:link:before,
 #accordion h4 a.collapsed:visited:before {
  content: '\24f';
  visibility: inherit;
  font-size: 16px;
  margin-right: 7px;
  margin-top: -4px;
  color: #555;
  background-color: #ccc;
  padding: 7px;
 /* border-radius: 50%;*/
  line-height: 22.85714286px;
  line-height: 16px;
    display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  width: auto;
  opacity: 1;
  font-family: 'Billion Web Font';
}


 #accordion h4 a:before,
 #accordion h4 a:link:before,
 #accordion h4 a:visited:before {
  content: '\297';
  visibility: inherit;
  font-size: 16px;
  margin-right: 7px;
  margin-top: -4px;
  color: #555;
  background-color: #ccc;
  padding: 7px;
  /*border-radius: 50%;*/
  line-height: 22.85714286px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  width: auto;
  opacity: 1;
  font-family: 'Billion Web Font';
}








h4.panel-title {
	font-size:20px;
	font-weight:600;
	text-align:left; 
	
} 

h3.modal-title {
	font-weight:600;
}

.panel-default > .panel-heading {
  
    background-color: rgba(230,229,222,0.5);
    border-color: rgba(230,229,222,0.5);
}



.panel-default {
    border-color: rgba(230,229,222,0.75) !important;
}


.pagination > li:before {
  display: none !important; 

}

.pagination > .active > a {
	background-color:#ff681a;
	border-color: #ff681a;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	height: 44px;
	font-size:16px;
}

select.form-control {
	height: 44px;
	font-size:15px;
}

.form-control {
	height:auto;
}

select > option  {
	padding: 2px;
	border:3px solid #FFF;
	
}


textarea {
	height: 100% !important;
}	

.form-group label {
	font-size:13px;
	text-align: left !important;
	}


.input-group-addon {
	
	background-color: #ffcc00;
	color: #7D6900;
}


.close {
    float: right;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.35;
    filter: alpha(opacity=35);
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
    font-size: 21px;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}


select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder {
  color: #C2C2C2;
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder {
  color: #C2C2C2;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder {
  color: #C2C2C2;
}


.vb-content table {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
	border: 1px solid #dddddd !important;
}
.vb-content table > thead > tr > th,
.vb-content table > tbody > tr > th,
.vb-content table > tfoot > tr > th,
.vb-content table > thead > tr > td,
.vb-content table > tbody > tr > td,
.vb-content table > tfoot > tr > td {
    padding: 10px 10px 10px 20px !important;
    line-height: 1.42857143 !important;
    vertical-align: top !important;
    background-color: transparent !important;
	border: 1px solid #dddddd !important;
	text-align: left;
}
.vb-content > thead > tr > th,
.vb-content> thead > tr > td {
    border-bottom-width: 2px !important;
}

.vb-content table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important; /* zebra */
}
.vb-content table > tbody > tr:hover {
    background-color: rgba(130, 128, 113, 0.15) !important; /* hover */
}



/******************/

.zashita ul li {
	background-color: #62a1ad;
	display: inline-block;
	margin: 5px;
	padding: 3px 10px;	
	color:#FFF;
	list-style: none;
		
		
}

 .zashita ul  li:before, .mybutton  li:before  {
    content: '' !important;
}


.mybutton.nav-pills > li.active > a, .mybutton.nav-pills > li.active > a:hover, .mybutton.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #62A1AD;
    border-color: #62A1AD;
}

.nav.mybutton > li > a:hover, .nav.mybutton > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #62A1AD;
    border-color: #62A1AD;
}


.modal-widdows {
	color:#FFF;
	
}

.modal-widdows>div {
	padding: 2em 0 0.5em 0;
}



.modal-body {
    position: relative;
    padding: 1em 2.5em;
}

@media only screen and ( max-width: 500px ){  /* example */
   .modal-body {
    padding: 1em 1em;
}
}



.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  padding: 10px 11px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 2px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  line-height: 44px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.my-button {
	background: #016886;
	min-width: 100px;
}

.my-button:hover {
	background: #02789C;
}

.bd-button-26, .bd-button-26:link, .bd-button-26:visited {
   
    border-radius: 2px;
    background-color: #106b86 !important;
  
}


.col-otstup {
	padding: 20px;
}


.row-otstup {
	margin: 10px 10px;
}


@media only screen and ( max-width: 500px ){  /* example */
   .row-otstup {
	margin: 10px 0px;
}
.col-otstup {
	padding: 3px;
}

}


.bd-layoutbox-1000 {
	background: rgba(98, 161, 173, 0.3);
	margin-top:3em;
}


@media (max-width: 768px){
.fig {
    max-width: 100%;
    overflow-x: scroll;
}
}

.bd-breadcrumbs-hidden-top {
	margin-bottom: 0em;
    margin-top: 1em;
}


.bd-section-8 {
    background-color: #F3F8FC;
}



.checkbox-otst{
	margin-bottom:10px;
}

.checkbox {
	padding-top: 0px !important;
}

.checkbox input[type=checkbox] {
	display: none;
}

.checkbox label.water {
/*	float:left;*/
	margin-left:10px;
}


.checkbox label.water:before {
	border-radius: 3px;
}


label.water::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 6px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

input[type=checkbox]:checked + label.water:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 18px;
	color: #F3F8FC;
	text-align: center;
    line-height: 18px;
    background: #016886;
}

.textarea_filter {
 height:164px !important;	
}
 
h6.text-filter	 {
	margin: 0;
	
}

@media (max-width: 1200px){
	.water-problemm .otstup {
	padding: 0 0 20px 0;
} 
}



.otstup-form [class^="col-"], .otstup-form-col {
	padding-left: 10px;
	padding-right: 10px;
}

.otstup-form .col-^* {
	padding-left: 10px;
	padding-right: 10px;
}


.images_filtr {
	text-align: center;
}

.v-otstup {
	margin: 20px 0;
}

.v-otstup10 {
	margin: 0  0 10px 0 !important;
}

 input[type="radio"].form-control, input[type="range"].form-control {
 	box-shadow: none !important;
 }



.pod-filtr-big-form {

	
}

.big-form {
	border:1px solid #EBEBEB;
}

.otstup-form {
	margin: 40px 0 0 0; 
}

.istok, .sanuzel {
	border-right: 1px solid #EBEBEB;
	
}


.istok, .obekt, .sanuzel, .zilcy {
background-color: rgba(243,248,252,0.9);
padding: 20px;

}

.water-problemm{
background-color: rgba(243,248,252,0.7);
padding: 40px 20px;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}


.dop {

background-color: rgba(243,248,252,0.7);
padding: 40px 20px;
border-top: 1px solid #EBEBEB;

} 


.bd-textblock-133333 {
	padding: 2em;
	background-color: rgba(243,248,252,0.9);
}

.bd-layoutbox-15111 {
    margin-bottom: 2em;
    margin-top: 2em;
}


.bd-layoutcontainer-37 {
    margin-bottom: 0em;
    margin-top: 4em;
}




.active-background {background: 
#FFF;
border-radius: 60px 60px 0 0;
}


@media (max-width: 767px) {
	.active-background { 
		background: #FFF;
		border-radius: 50px;
    } 
}



.rounded {
counter-reset: li; 
list-style: none; 
font-size: 15px;
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);

}

.rounded li {
	margin: 2em 0;
}
.rounded >* {
position: relative;
display: block;
padding: .5em .5em .5em 3em;
margin: .5em 0;
background: #EBF1F5;
color: #212121;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded >*:hover {background: /*#F0EBE6*/ #DFE9EB;}
/*.rounded >*:hover:before {transform: rotate(360deg);}*/
.rounded >*:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2em;
top: 50%;
margin-top: -2em;
background: #8FD4C1;
height: 4em;
width: 4em;
line-height: 3.5em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;

}


.canalization label, .obekt label, .istok label {
    padding: 5px 20px;
    border: 2px solid transparent;
    opacity: 0.7;
}
.canalization label:hover, .obekt label:hover, .istok label:hover {
    opacity: 1;
}
.canalization label.active, .obekt label.active, .istok label.active {
    border: 2px solid #ffcc00;
    border-radius: 3px;
    opacity: 1;
}

.canalization input, .obekt input, .istok input {
    width: 15px;
    height: 15px;
    margin: 1px;
}
.canalization .radio_filtr, .obekt .radio_filtr, .istok .radio_filtr {
    margin: 5px auto 0 auto;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
}

.canalization label.active .radio_filtr, .obekt label.active .radio_filtr, .istok label.active .radio_filtr {
    border: 2px solid #ffcc00;
    border-radius: 10px;
}

.apple-switch-wrapper {
    margin-bottom: 10px;
}
.apple-switch-wrapper span {
    display:inline-block;
    width: 100px;
    margin: 0 7px;
}
.apple-switch-wrapper input {
    display:none;
}
span.apple-switch {
    display:inline-block;
 position: relative;
 outline: none;
 width: 50px; height: 30px;
 background-color: #ffffff; 
 border: 1px solid #D9DADC;
 border-radius: 50px; 
 box-shadow: inset -20px 0 0 0 #ffffff;
 transition-duration: 200ms;
 
 box-shadow: inset -20px 0 0 0 rgba(0,0,0,0.2);
}
/*.apple-switch:after {
 content: ""; 
 position: absolute;
 top: 1px; left: 1px;
 width: 26px; height: 26px;
 background-color: transparent;
 border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}*/
input:checked + .apple-switch {
 border-color: #ffcc00;
 box-shadow: inset 20px 0 0 0 #ffcc00;
}
/*input:checkedv + .apple-switch:after {
 left: 20px;
 box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}*/


.ui-slider .ui-slider-handle {
    width: 2em;
    height: 2em;
    border: 2px solid #ffffff;
    border-radius: 1em;
    background: #ffcc00;
    ox-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.ui-slider-horizontal {
    height: 0.6em;
}

.ui-slider-handle.ui-corner-all.ui-state-default { outline: none; }


@media (max-width: 450px) {
.bd-textblock-50 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    line-height: 1.3;
    font-size: 18px;
}
}

.bd-button-78, .bd-button-78:link, .bd-button-78:visited {
	margin-top: 20px;

	}