@charset "UTF-8";
@font-face {
  font-family: 'Rouble';
      src: local('Rouble'), url('fonts/Rouble.eot');
      src: url('fonts/Rouble.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Rouble.woff') format('woff'), 
      url('fonts/Rouble.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
      src: local('Roboto'), url('fonts/Roboto.eot');
      src: url('fonts/Roboto.eot?#iefix') format('embedded-opentype'), 
      url('fonts/Roboto.woff') format('woff'), 
      url('fonts/Roboto.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#body_order *{
	box-sizing: border-box;
    font:normal normal 400 16px/20px Arial, Helvetica, sans-serif;
	color:#666;
}

#body_order{
	position:relative;
	display:block;
	width:90%;
	max-width:600px;
	text-align:center;
	background:#fff;
	border:1px solid #333;
	padding:20px;
	border-radius:3px;
	margin:30px auto;
}

#body_order ul{
	position:relative;
	width:80%;
	margin:0 auto;
	padding:0;
	list-style:none;
}
	
#ul_sls_order_1 div:first-child{
	float:left;
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:6px 0 6px 6px;
	text-align:left;
}
#body_order .chk_sls{
	flat:right;
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px;
	cursor:pointer;
	background:#f9feff;
	box-shadow: rgba(82, 113, 128, 0.400) 1px 2px 4px 0px inset;
	border-left:2px solid #888;
	border-top:2px solid #888;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#body_order .chk_sls_on{
	background:#E8FCFF url(../images/galka.png) center center no-repeat;
}
#body_order .sls_spinner{
	background: url(../images/spinner.png) center center no-repeat;
	width:48px ;
	height:48px;
	margin:0 auto;
	float:none !important;
	
}
#body_order .modal_close{
	position:absolute;
	right:10px;
	top:10px;
    font:normal normal 400 32px/32px "Arial Black", Gadget, sans-serif;
	width:32px;
	height:32px;
	cursor:pointer;
	color:#999;
}
#body_order .modal_title{
	margin:20px auto 30px auto;
    font:normal normal 400 28px/30px Roboto, Arial, Helvetica, sans-serif;
	color:#444;
}
#body_order .modal_subtitle{
	position:absolute;
	left:20px;
	top:4px;
    font:normal normal 400 16px/28px Arial, Helvetica, sans-serif;
	color:#BF0000;
	padding-right:20px;
}
#ul_sls_order_1 li, #ul_sls_order_2 li{
	position:relative;
	margin-bottom:14px;
}
#ul_sls_order_1 select, #ul_sls_order_1 input[type="text"]{
	width:50%;
	max-width:240px;
	font: normal normal 400 16px/16px Arial, Helvetica, sans-serif;  
	padding:8px 12px;
	color:#666;
	margin:0 auto;
	background:#f9feff;
	box-shadow: rgba(82, 113, 128, 0.400) 1px 4px 8px 0px inset;
	float:right;
	display:inline-block;
	vertical-align:top;
}
#ul_sls_order_2 input[type="text"], #ul_sls_order_2 input[type="email"]{
	width:96%;
	font: normal normal 400 16px/16px Arial, Helvetica, sans-serif;  
	padding:8px 12px;
	color:#666;
	margin:0 auto;
	background:#f9feff;
	box-shadow: rgba(82, 113, 128, 0.400) 1px 4px 8px 0px inset;
}
#sls_itogo{
	position:absolute;
	right:10px;
	margin-top:-56px;
    font:normal normal 400 30px/36px Rouble, Arial, Helvetica, sans-serif;
	color:#333;
	white-space:nowrap;
}
#sls_itogo span{
    font:normal normal 400 34px/36px Roboto, "Trebuchet MS", "Helvetica", sans-serif;
	color:#BF0000;
}
#body_order button{
	cursor:pointer;
    font:normal normal 400 18px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #BF0000; 
    background:#E10000;
	padding:10px 20px;
	transition: all 0.3s linear;
}
#body_order button:hover{
	background:#A00;
	border:1px solid #A40000; 
}
@media (max-width: 480px) {
	#body_order ul{
		width:100%;
	}
}