.timer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timer__items {
  display: flex;
  font-size: 48px;
}

.timer__item {
  position: relative;
  min-width: 60px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 15px;
  text-align: center;
}

.timer__item::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 14px;
}

.timer__item:not(:last-child)::after {
  content: ':';
  position: absolute;
  right: -15px;
}

.timer__result {
  text-align: center;
  padding: 10px;
  color: #9c27b0;
  font-weight: bold;
}

.result-rulette-footer{
	position: fixed;
	width: 220px;
	margin-left: -110px;
	bottom: 0;
	left: 50%;
	background: #fff;
	z-index: 1000;
}

.result-rulette-footer .timer__item{
	min-width: 35px;
}

.result-rulette-footer .timer__items{
	font-size: 15px;
}

.result-rulette-footer .timer__item::before{
	font-size: 12px;
}


.roulette-container{
	width:540px;
	height:540px;
	position: absolute;
	top: -40px;
	left: -270px;
}

.roulette{
	width:540px;
	height:540px;
	background-color: #ccc;
	border-radius:50%;
/* 	border:15px solid #dde; */
	position: relative;
	overflow: hidden;
	transition: transform 10s;
}


.roulette:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	z-index: 10;
	background: url(images/ruletka.png) no-repeat center;
	background-size: contain;
}

.roulette-container:after{
	content: '';
	position: absolute;
	background: url(images/active-sector.png) no-repeat center;
	background-size: contain;
	z-index: 15;
	width: 270px;
	height: 190px;
	top: 50%;
	right: 0;
}



.roulette .item{
	height:50%;
	width:220px;
	position: absolute;
	clip-path: polygon(100% 0 , 50% 100% , 0 0 );
	transform:translateX(-50%);
	transform-origin:bottom;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:20px;
	font-weight:bold;
	font-family:sans-serif;
	color:#fff;
	left:145px;
}

.roulette .item:nth-child(odd){
	/* background: linear-gradient(265.19deg, #E60094 7.62%, #8F035D 88.59%); */
}

.roulette .item:nth-child(even){
	/* background: #E60094; */
}

.roulette .one{
	/*background-color: #3f51b5;*/	
	transform: rotate(22.5deg);
}
.roulette .two{
	/* background-color: #ff9800; */
	transform: rotate(45deg); 
}
.roulette .three{
	/* background-color: #e91e63; */
	transform:rotate(90deg);
}
.roulette .four{
	/* background-color: #4caf50; */
	transform: rotate(135deg);
}
.roulette .five{
	/* background-color: #009688; */
	transform: rotate(180deg);
}
.roulette .six{
	/* background-color: #795548; */
	transform: rotate(225deg);
}
.roulette .seven{
	/* background-color: #9c27b0; */
	transform: rotate(270deg);
}
.roulette .eight{
	/* background-color: #f44336; */
	transform: rotate(315deg);
}

.roulette .value {
	display: block;
	transform: rotate(-90deg);
	font-size: 16px;
	width: 150px;   
	padding-left: 58px;
}

.roulette .caption {
	font-size: 15px;
	font-weight: 400;
}



.roulette-popup{
	background: #FFF url('images/bg-ruletka-popup.png') no-repeat center top;
	padding: 0;
	text-align: left;
	/* max-width: 1040px; */
	max-width: 770px;
	height: 460px;
	margin: 40px auto;
	margin-right: 0;
	position: relative;
	padding-left: 304px;
}


.roulette-popup .popup-desc {
	padding-top: 50px;
}


.roulette-popup  .popup-desc .title{
	font-size: 32px;
	font-weight: bold;
	color: #222222;
	line-height: normal;
	margin-bottom: 15px;
}

.roulette-popup  .logo-rouletter {
	margin-bottom: 50px;
}

.roulette-popup  .desc {
	font-size: 14px;
	margin-bottom: 15px;
}

.roulette-popup .rouletter-spin{
	width: 130px;
	height: 52px;
	background: #E60094;
	border: 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}


.roulette-popup-result{
	background: #FFF url('images/bg-ruletka-popup.png') no-repeat center top;
	padding: 0;
	text-align: left;	
	max-width: 682px;		
	margin: 40px auto;		
	position: relative;
	
}


.roulette-popup-result .popup-desc {
	padding: 50px;
	text-align: center;
}

.roulette-popup-result .title{
	font-size: 40px;
	line-height: normal;
	font-weight: bold;
	color: #222222;
	margin-bottom: 5px;
}

.roulette-popup-result .subitle {
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	margin-bottom: 15px;
}

.roulette-popup-result .result .value{
	color: #E60094;
	font-weight: bold;
}

.roulette-popup-result .btn-popup{
	background: #E60094;
	color: #fff;
	display: inline-block;
	height: 36px;
	line-height: 34px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px;
	border-radius: 2px;
	margin-top: 30px;
	border: 0;
	cursor: pointer;
}

.roulette-popup-result  .result{
	font-size: 20px;
	line-height: normal;
	margin-bottom: 20px;
	color: #222222;
}



.roulette-popup-result .description{
	max-width: 345px;
	margin: 0 auto;
	margin-bottom: 35px;
	line-height: normal;
}

.bx-auth .inputHinted .button6{
	background: transparent;
    margin-bottom: 10px;
}

.bx-auth .inputHinted .button6 [type="submit"]{
	    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: 2px;
    padding: 7px 18px 9px;
    overflow: hidden;
    transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    background-color: #e60094;
    border-color: #e60094;
    color: #ffffff;
}

@media (max-width: 1600px) {

  .catalog_block .footer_button .to-cart{
    width: 80px;
  }

}	
  

@media (max-width: 1480px) {
	
	.catalog_block .wrapp_one_click {
		width: 100%;
	}
	
	.catalog_block .counter_wrapp{
		width: 100%;
	}
	
	.catalog_block .footer_button .to-cart {
		width: 96px;
	}
}


@media (max-width: 1300px) {
	.location-col {
		width: 155px;
	}
}


@media (max-width: 1199px) {
	
	.table-callback-block{
		display: none;
	}
	
	.sitemap-section-list .items-list{
		
		column-count: 4;
	}
	
	.sitemap-page .section-content .about-company-col{
		flex: 0 0 25%;
	}

	.sitemap-page .section-content .delivery-col{
		flex: 0 0 25%;
	}
	
	
	.roulette-popup{
		max-width: 670px;
	}
}




@media (max-width: 991px) {
	.quick-links{
		margin-left: 35px;
		margin-right: 35px;
	}
	
	.sitemap-section-list .items-list{
		
		column-count: 3;
	}
	
	.sitemap-page .section-content .about-company-col{
		flex: 0 0 33.33%;
	}

	.sitemap-page .section-content .delivery-col{
		flex: 0 0 33.33%;
	}
	
	.roulette-container{
	    width: 330px;
		height: 330px;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.roulette{
		width: 330px;
		height: 330px;
	}
	
	.roulette-popup{
		padding-left: 0;
		background: transparent;
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;	
	}
	
	.roulette-container:after{
		background: url(images/active-section-m.png);		
		width: 165px;
		height: 116px;
	}
	
	.roulette:before{
		background-image: url(images/ruletka-m.png);
	}
	
	.roulette-popup .popup-desc {
		padding-top: 165px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 30px;
		margin-top: -165px;
		background: #ffff;
	}
	
	.roulette-popup .logo-rouletter {
		margin-bottom: 50px;
		max-width: 173px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.roulette-popup .logo-rouletter img{
		max-width: 100%;
	}
	
	

	.roulette-popup .popup-desc .title {
		font-size: 24px;
		text-align: center;
	}
	
	.roulette-popup .popup-desc .title br{
		display: none;
	}
	
	.roulette-popup .desc{
		text-align: center;
	}

	.roulette-popup .rouletter-spin {
		width: 100%;		
	}	
	
	.mfp-close-btn-in .roulette-popup .mfp-close {
		color: #D7A5C5;
		border: 1px solid #D7A5C5;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		line-height: 19px;
		font-size: 20px;
	}
	
	
}