/*
Theme Name: nomer-8800.ru
 */
/* Номера */
.checkbox-btn-group {
	display: inline-block;
}
.checkbox-btn-group:after { 
  content: ""; 
  clear: both; 
  display: block;
}
.checkbox-btn-group label {
	display: inline-block;
	float: left;  
	margin: 0;
	user-select: none;
	position: relative;
}
.checkbox-btn-group input[type=checkbox] {
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.checkbox-btn-group span {
	display: inline-block;
	cursor: pointer;
	padding: 0.2rem 0.5rem 0.2rem 0.5rem;
	line-height: 30px;
	font-size:15px;
	margin-right:10px;
	margin-bottom:5px;
	color:white;
	background-color: #f857a6;
	border-radius:0.375rem;
	transition: background 0.2s ease;
	font-family: monospace;
}

 
/* Checked */
.checkbox-btn-group input[type=checkbox]:checked + span {
	background: #605dba;
	color:white;
}
 
/* Focus */
.checkbox-btn-group .focused span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover */
.checkbox-btn-group label:hover {
	color: #666;
}
 
/* Active */
.checkbox-btn-group input[type=checkbox]:active:not(:disabled) + span {
	background: rgba(40, 58, 90, 0.9);
	color: #000;
}
 
/* Disabled */
.checkbox-btn-group input[type=checkbox]:disabled + span {
	background: #efefef;
	color: #666;
	cursor: default;
}
.checkbox-btn-group input[type=checkbox]:checked:disabled + span {
	background: #f7efdc;
}
/* Номера конец */
/* Акция реклама */
.action-reklama{
	background:linear-gradient(90deg, #F76E11,#FFE61B); 
	border-radius:5px; 
	padding: 0 20px 30px 20px;
}
.action-reklama h1{
	font-size:1.5rem!important; 
	color:white; 
	padding:30px 0 30px 0!important; 
	font-weight:700!important;
	line-height:normal;
	text-transform:none!important;
	text-align:center;
}
.action-reklama p{
	color:white; 
	font-size:15px!important;
}
.action-reklama-nomera{
	padding: 0;
}
.action-reklama-nomera h2{
	font-size:1.5rem!important;
	font-weight:600;
	padding-top:50px;
	padding-bottom:20px;
}
@media (min-width:768px){
	.checkbox-btn-group span {
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size:20px;
}
			.action-reklama h1{
		font-size:2rem!important; }
 
}
@media (min-width:992px){
	.checkbox-btn-group span {
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size:20px;
}
		.action-reklama h1{
		font-size:2.5rem!important; }
}
@media (min-width:1200px){
		.checkbox-btn-group span {
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size:20px;
}
		.action-reklama{
	padding: 0 30px 30px 50px;
	}
	.action-reklama h1{
		font-size:3rem!important; 
	}
	.action-reklama-nomera{
	padding:0 50px 0 50px;
}
	.action-reklama-nomera h2 {
		font-size:2rem!important;
	}
}
/* Акция реклама конец */