/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*Range*/ /*
.border {border:  1px red solid;}

.plus_4,.minus_4 {float: left; width: 17px; margin-top: 7px;}
.band-container1 {float: left; width: calc(100% - 40px); padding: 0 5px;}

.begunok
{
	width: 100%;
	outline: none;
}	
	
input[type=range] {
-webkit-appearance: none;
/*border: 1px solid w-webkit-appearance: none;border: 1px solid white;width: px;cursor: pointer;width: px;*/
height: 66px;
/*background: #55bc75;  /*цвет   полосы бегунка
/*background-image: url(//www.centrmag.ru/pict/range_bg.png) ;
background-image: url(//www.centrmag.ru/kokoko/img/range_bg.jpg);
 background-size: contain;
 background-color: #FFF;
 background-repeat: no-repeat;
 background-position-y: 20px;
padding: 0;

border: none;
border-radius: 3px;
cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ff690f; /*цвет   самого бегунка
margin-top: -4px;
}
input[type=range]:focus {
outline: none;
}

input[type=range]::-moz-range-track {

height: 11px;
background: #55bc75;  /*цвет   полосы бегунка
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ff690f; /*цвет   самого бегунка
}
input[type=range]:-moz-focusring{
outline: 1px solid white;
outline-offset: -1px;
}
input[type=range]::-ms-track {
width: px;
height: 5px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #777;
border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}
input[type=range]::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ff690f; /*цвет   самого бегунка
}


*/
/*конец Range*/


.polistat{
	margin: 10px;
	
	clear: both;
}
em.qtip:focus{
	color:white;
	background: #4cae4c;
}
em.qtip:hover{
	color:white;
	background: #4cae4c;
}
.popover-content{
	border: 2px solid #55BC74;
	background-color: whitesmoke;
	
}

.check{
  cursor: pointer;
  position: relative;
  margin: 0px 0px 15px 0px;
  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);

}
.check:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(34,50,84,0.03);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.check  {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #55bc75;
  stroke-width: 1.5;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}
.check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}
/*.check:hover:before {
  opacity: 1;
} */
.check:hover svg {
  stroke: #55BC74;;
}
.cbx:checked + .check svg {
  stroke: #55BC74;;
}
.cbx:checked + .check svg path {
  stroke-dashoffset: 60;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.cbx:checked + .check svg polyline {
  stroke-dashoffset: 42;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.scale {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s; /* Время эффекта */
   }
   .scale:hover {
    -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
            transform: scale(2.5); /* Увеличиваем масштаб */
   }
.knopka{
	padding: 10px 15px;
	border:2px solid #55bc75;
	border-radius: 4px;
	/*margin-left: 30px;*/

}
.knopka:hover{
	cursor: pointer;
	
	
}


.kartinochka{
	width: 40px;
	height: 40px;
	
}

a.knopka i{margin-right: 10px; font-size: 1.1em;}

a.knopka{
	text-decoration: none;

	font-weight: 500;
	font-size: 16px;
}

a.knopka:hover {color: #FFF; background-color: #55bc75;}

@media screen and (max-width: 991px) {
	.knopka{margin-left:0}
	.cvet1{float:unset !important}
}
#shvey {display: none;}

#str {width: 50px!important; text-align: center;}
#plusOdin,#minusOdin {font-size: 23px; top: 5px; position: relative; cursor: pointer; margin: 0 5px;
            /**
             * Для эксплорера
             */
            -ms-user-select: none;

            /**
             * Для мозилы
             */
            -moz-user-select: none;

            /**
             * Для конкверора
             */
            -khtml-user-select: none;

            /**
             * Для Сафари и Хрома
             */
            -webkit-user-select: none;}
#plusOdin:hover,#minusOdin:hover {color: #55BC74;}