html { overflow-x: hidden; }

.sc-modal canvas {
    max-width:inherit!important;
}

div#sc-modalcoupon-form .sc-modalWrap { 
  display: grid;
  grid-template-areas: 
    "roulette header "
    "roulette content"
    "roulette footer";
  /*grid-template-rows: 80px 1fr 70px;  
  grid-template-columns: 20% 1fr 15%;*/
  /*grid-row-gap: 37px;
  grid-column-gap: 10px;
 /* height: 100vh;*/
  margin: 0;
  } 

	
.sc-modalHead {
  grid-area: header;
  }
.sc-modalBottom {
  grid-area: footer;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  }

div#sc-modal-answer .sc-modalBottom{
	padding: 10px 0 0 30px;
}
  
#sc-coupon-form { 
  grid-area: content;
  padding: 0 20px; 
  }
.sc_rouletteWhell { 
  grid-area: roulette; 
  border-radius: 50%;
  /*background-color: #fff;*/
  align-self: center;
  float:left;
  }   
.sc_titleHeader  {
	display: grid;
    /*padding: 7px 0;*/
    grid-template-columns: 70px 1fr;
}




.sc-modalInner {	
	-moz-background-size: 90% !important;
    -webkit-background-size: 90% !important;
    background-size: 90% !important;
	background-position: right -125px bottom -35px !important;
	border-radius: 10px;
}	

#sc_shadow_gray
{
	border-radius: 50%;
    background: rgb(255,255,255);
}
#scoder_modalcoupon_popup.popup-window {
	/*padding:0;*/
}
.clear_both{
		clear: both;
	}

	.c-layout-header.c-layout-header-3{
		z-index: 100!important;
	}
	
	.modal-backdrop{
		background-color: #fff;
	}
	
	
	.modal-body{
		position: relative;
		text-align: center;
		padding: 30px 20px 20px;
	}
	
	.modal_main h3{
		text-transform: uppercase;
		font-weight: 600;
		font-size: 48px;
		padding: 10px 0 44px;
    	margin: 0;
	}
		
	.modal_main p{
		font-size: 13px;
	    font-weight: 600;
		color: #4e4e4e;
	    letter-spacing: 0.2px;
		padding: 0 0 19px;
		margin: 0;
	}
	
	.modal_main form{
		position: relative;
		z-index: 10;
		padding: 0 23px 50px;
	}
	
	.input_area{
		padding: 0 12px;
	}
	
	.modal_main form p{
		text-align: left;
		padding-bottom: 4px;
		font-size: 14px;
		color: #8A8A8A;
	}
	
	.modal_main form input[type="text"], .modal_main form input[type="email"]{
		height: 40px;
		text-align: left;
		width: 100%;
		padding: 5px 7px;
	}
	
	.modal_main form input[type="submit"]{
		display: block;
		font-size: 19px;
	    font-weight: 500;
	    padding: 5px 38px 6px;
    	margin: 54px auto 19px;
	}
	
	.modal_main form input[type="checkbox"]{
		display: none;
	}
	
	.modal_main form label{
		font-size: 13px;
		font-weight: 600;
	}
	
	.modal_main form label span{
		display: inline-block;
		border: 1px solid #d92222;
		/*border-radius: 50%;*/
		width: 15px;
		height: 15px;
		vertical-align: top;
	}
	
	.modal_main form input[type="checkbox"]:checked + span{
		border: 0;
		background-position: left bottom;
		background-size: 15px 16px;
	}
	
	.href_line{
		position: relative;
		z-index: 2;
		padding: 0 0 7px 0;
	}
	
	.href_line a{
		font-size: 15px;
		color: #fff;
		padding: 0 20px;
	}
	
	.href_line a:hover{
		color: #f7a708;
	}
	
	.href_line img{
		vertical-align: top;
		max-width: 30px;
   		max-height: 20px;
		margin-right: 7px;
	}
	
	.sc-footer-left{
		width: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
	}
	
	.letter{
		width: 62px;
    	margin: 13px 0 43px;
	}
	
	.modal_main h4{
		margin: 0;
		padding-bottom: 28px;
	    font-weight: 500;
	    font-size: 41px;
		line-height: 48px;
	}
	
	.modal_main p.bonus{
		padding-bottom: 29px;
	}
	
	.button_ok{
		position: relative;
	    z-index: 10;
	    display: block;
	    border: 1px solid #d92222;
	    background-color: #d92222;
	    color: #fff;
	    font-size: 19px;
	    font-weight: 500;
	    padding: 5px 100px 6px;
	    margin: 0 auto 82px;
	}
	
	.modal_main form input[type="submit"]:hover,
	.button_ok:hover{
		border: 1px solid #e43131;
		background-color: #e43131;
	}
	
.sc-clearfix
{
	margin-top: 5px;
}
img.sc_rulette_star {
    content: url('images/sc-rulette-star.png');
}	

.present_button{
	position: fixed;
	left: 15px;
	bottom:50px;
}
	
.present_button img{
	width: 70px;
	cursor: pointer;
	opacity: 0.7;
}
		
.present_button img:hover{
	opacity: 1;
}
		
.present_button .glyphicon{
	position: absolute;
	right: -5px;
	top: -12px;
	font-size: 14px;
	cursor: pointer;
	opacity: 0.7;
}
		
.present_button .glyphicon:hover{
	opacity: 1;
}

#sc-modalcoupon-form, #sc-modal-answer {
    display: none;
	border: 0;
}

#sc-modal-errors {
	color:red;
	margin:0 0 20px 0;
}

/**/
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	src: url("fonts/Roboto/Roboto-Thin.ttf") format("truetype");
	font-weight: 100;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	src: url("fonts/Roboto/Roboto-Light.ttf") format("truetype"),
		url("fonts/Roboto/Roboto-Light.eot") format("embedded-opentype"),
		url("fonts/Roboto/Roboto-Light.woff") format("woff");
	font-weight: 300;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	src: url("fonts/Roboto/Roboto-Regular.ttf") format("truetype"),
		url("fonts/Roboto/Roboto-Regular.eot") format("embedded-opentype"),
		url("fonts/Roboto/Roboto-Regular.woff") format("woff");
	font-weight: 400;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	src: url("fonts/Roboto/Roboto-Medium.ttf") format("truetype"),
		url("fonts/Roboto/Roboto-Medium.eot") format("embedded-opentype"),
		url("fonts/Roboto/Roboto-Medium.woff") format("woff");
	font-weight: 500;
}
.sc-modal {
	font-family: 'Roboto', sans-serif;
    width: 950px;
    margin: 0 auto;
    border: 1px solid #c5c5c5;
    position: relative;
    background: #fff;
	border-radius: 10px;
}
.sc-modal p {
	margin: 0;
}
.sc-modalHead {
	text-align: center;
}

.sc_titleHeaderHarici,
.sc_titleHeaderHariciPolosa,
.sc_titleHeaderHarici,
.sc_titleHeaderHarici_1,
.sc_titleHeaderHarici_2,
.sc_titleHeaderMobal,
.sc_titleHeaderMobal_2,
.sc_titleHeaderSoldier,
.roulete-circle-color 
 {
    font-size: 22px;
}
/*.sc-price {
	font-weight: 100;
	font-size: 64px;
	line-height: 54px;
}*/
.sc-priceText {
	font-size: 23px;
	font-weight: 300;
	margin: 25px 15px 0 0;
}
/*.sc-row2 {
	font-size: 38px;
    font-weight: 300;
    line-height: 30px;
}
.sc-modal .sc-row3 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 8px;
}*/
.sc-errorMsg {
	background-color: #FFE5E5;
    color: #ff0000;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    padding: 11px 0 10px;
    display: none;
}
.sc-clearfix:after,
.sc-inputLine:after,
.sc-modalBottom:after {
	content: ' ';
	display: grid;
	clear: both;
}
.sc-inputLine > div {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.sc-inputLine > div:first-child {
	padding-right: 12px;
}
.sc-inputLine > div:last-child {
	padding-left: 12px;
}
.sc-inputLine input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 16px;
    margin-bottom: 15px;
	border-radius: 5px;
	border-style: groove;
}
.sc-modal .sc-muted {
    text-align: center;
    /*margin: 7px 0 11px;*/
    color: #c5c5c5;
    font-weight: 500;
    font-size: 15px;
}
.sc-modal input[type="submit"] {
    float: right;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 11px 0;
    width: 195px;
    line-height: 16px;
    /*letter-spacing: 3px;*/
	border-radius: 5px; 
}
/*.sc-modalBottom {
	padding-top: 42px;
}*/
.sc-modalBottom a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
    font-weight: 400;
    line-height: 68px;
}
.sc-modalBottom > div {
    box-sizing: border-box;
	padding-left: 45px;
	align-self: self-end;
}

/*.sc-modalBottom > div:last-child {
	padding-right: 20px;
}*/
.sc-deliv {
	background: url('images/icon-car.png') left 14px no-repeat;
	height: 60px;
}
.sc-toBasket {
	background: url('images/icon-basket.png') left 11px no-repeat;
	height: 60px;
}

@media(max-width: 1071px) {
	.sc-modalBottom a {
		display: none;
	}

	.sc-modalBottom {
			    grid-template-columns: 0fr 1fr;
			    grid-column-gap: 30px;
		}
}


.sc-mail {
	text-align: center;
    padding: 73px 20px 73px;
}

.cs-mailText1 {
	font-size: 28px;
	font-weight: 300;
}
.sc-modal .cs-mailText2 {
	font-weight: 500;
    font-size: 15px;
    margin: 15px 0 25px;
}
.sc-mailBtn {
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	width: 266px;
	display: inline-block;
    padding: 10px 0;
    border: none;
    font-size: 16px;
    letter-spacing: 3px;
}

.sc-toggle {
	font-family: 'Roboto', sans-serif;
	width: 139px;
	height: 151px;
	text-align: center;
	padding-top: 101px;
    padding-right: 14px;
    box-sizing: border-box;
    line-height: 10px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    position: fixed;
    left: 15px;
    bottom: 105px;
	z-index: 9999;
}


.sc-toggleClose {
	position: absolute;
	top: 22px;
	right: 14px;
}


.sc-modalClose {
	position: absolute;
	top: -47px;
	sright: -68px;
	cursor: pointer;
	z-index:9999;
	right: -68px;
}


div#sc-modalcoupon-form .sc-modalWrap { 
	position: relative;
	z-index: 1;
	/*padding:0 20px;*/
}
.sc-star {
    /*width: 67px;
    height: 75px;*/
    display: inline-block;
	margin-top:12px;
}
#popup-window-content-scoder_modalcoupon_answer_popup,
#scoder_modalcoupon_answer_popup
{
	border-radius: 15px;
} 
#popup-window-content-scoder_modalcoupon_popup,
#scoder_modalcoupon_popup
{
	border-radius: 255px 15px 15px 255px;
}

#scoder_modalcoupon_popup,
#scoder_modalcoupon_answer_popup {
	padding: 0;
}
#whiteBlock {
	display:none;
	text-align:center;
	position:absolute;
	background-color:#FFF;
	width:180px;
	height:40px;
	line-height: 37px;
	border: #000 1px solid;
}
.sc-captcha-update{
    line-height: 21px;
}
.sc-muted{
	padding-bottom: 10px;	
}
/*Окно с сообщением*/
#sc-modal-answer{
	min-width: 500px;
	max-width: 700px;
	/*width: auto;*/
}
#sc-button-close{
	border-radius: 5px;
}
#sc-mail-success {
	display:none;
}
#sc-coupon-form, .sc-modalHead {
	/*display:none;*/
}

@media (max-width: 1199px){
	.sc-modalClose {
		top: 5px;
		right: 5px;
	}
	.sc-modalClose img {
		width: 16px;
	}
	
}

@media (max-width: 1070px){

	 .sc-modalInner {	
		-moz-background-size: 88% !important;
	    -webkit-background-size: 88% !important;
	    background-size: 88% !important;
		background-position: right -210px bottom -40px !important
	}
	.sc-modal {
		width: 900px;
	}
	.sc-modalBottom a{
		line-height: 1.3;
	}

}

@media (max-width: 955px){
	.sc-modal {
		width: 100%;
	}	


	 div#sc-modalcoupon-form .sc-modalWrap { 
	 	width: 505px;
	 } 

	 div#sc-modalcoupon-form .sc-modalWrap { 
	  display: grid;
	  grid-template-areas: 
	      "roulette"
	      "header"
	      "content"
	      "footer";
	  grid-template-columns: 1fr;
	  } 

	.sc_rouletteWhell { 
	  text-align: center;
	  background: rgba(83, 92, 105, 0) !important;
	}  
	.sc-star {
	    width: 53px;
	    height: 53px;
	    background-size: contain !important;
		margin: 10px 0 0 10px;
	}	
	div#sc-modalcoupon-form {
		background: rgba(83, 92, 105, 0) !important;
	}
	.sc-modalInner {	
		-moz-background-size: 160% !important;
	    -webkit-background-size: 160% !important;
	    background-size: 160% !important;
	    background-position: right -127px bottom -50px !important;
	}
	#sc-coupon-form {
		padding: 0 15px;
	}	
	#popup-window-content-scoder_modalcoupon_popup,
	#scoder_modalcoupon_popup
	{
		border-radius: 600px 600px 25px 25px;
	}
	div#sc-modalcoupon-form .sc-modalWrap { 
		grid-row-gap: 0;
	}	
	.sc_titleHeader  {
	    padding-bottom: 10px;
	}
	.sc-modalBottom {
		padding: 10px 15px 0;
		grid-row-gap: 10px;
	}	
	.sc-priceText {
	 margin: 10px 0 0 0;	
	}
	.sc-modalClose img {
			width: 100%;
	}
	.sc-modal input[type="submit"]{
		float: none;
	}
	.sc-clearfix{
		text-align: center;
	}
	.sc-inputLine > div:first-child {
	    padding-right: 7.5px;
	}
	.sc-inputLine > div:last-child {
	    padding-left: 7.5px;
	}
	
	
}

@media (max-width: 630px){
	div#sc-modalcoupon-form .sc-modalWrap {
	    width: 100%;
	    max-width: 505px;
	}
}
@media (max-width: 520px){
	#scoder_modalcoupon_popup.popup-window {
	    left: 0 !important;
	    width: 100%;
	    margin: 0 !important;
	}
	.sc-modalInner {
	    background-position: right -100px bottom 0px !important;
	}
	.sc-modalBottom a{
		font-size: 14px;
	}
	.sc-inputLine > div{
		width: 100%;
		float: none;
		text-align: center;
	}
	.sc-inputLine > div:first-child, .sc-inputLine > div:last-child{
		padding: 0;
	}
}

div#sc-modal-answer .sc-modalInner{
	background-position: right 0px bottom -20px !important;
	background-size: 115% !important;
}	
/*#popup-window-content-scoder_modalcoupon_popup,*/


.sc-modalClose {
	background-image: url(images/modal-close.png);
	width: 33px;
	height: 33px;
}

.sc-toggleClose {
	background-image: url(images/toggle-close.png);
	width: 19px;
  height: 18px;
}

.popup-window-overlay {
    width: 100%!important;
}

.position_absolute {
	display: none;
}
.sc-modal .sc-muted.new-footer-desc70{
	font-weight: 400;
	font-size: 10px;
}



.sc-modal .custom-radio{
	display: block;
	position: relative;
	font-size: 1rem;
	font-family: circle, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.5;
	color: #000;
}
.sc-modal .custom-radio a, .sc-modal .custom-radio p{
	color: #fff;
}
.sc-modal .custom-radio>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

/* для элемента label связанного с .sc-modal .custom-radio */
.sc-modal .custom-radio>span {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.sc-modal .custom-radio>span::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #fff;
	border-radius: 5%;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}
/* стили для радиокнопки, находящейся в состоянии checked */
.sc-modal .custom-radio>input:checked+span::before {
	border-color: #fff;
	background-color: #fff;
}
.sc-modal .custom-radio>input:checked+span::after {
	border: 1px solid #fff;
}
.sc-modal .custom-radio span::after {
	content: '';
	display: block;
	position: absolute;
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 5%;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	width: 1em;
	height: 1em;
	left: -3px;


}
/* стили для радиокнопки, находящейся в состоянии disabled */
.sc-modal .custom-radio>input:disabled+span::before {
	background-color: #e9ecef;
}
.submit-button input[disabled] {
	background: #c5c5c5!important;
	border-color: #c5c5c5!important;
	color: #FFFFFF!important;
	pointer-events: none;
	cursor: default!important;
}
.sc-modal .custom-radio a {
	border-bottom: 1px dotted #fff;
}