body.compl-page{background:#d8fffd url(http://salon-express.ru/skins/1469/images/compl-page.jpg) 50% 0 no-repeat;}
.compl-wrap{max-width:780px;min-width:320px;position:relative;margin:0 auto;border-top:0;padding:52px 0 0;}
.compl-main{position:relative;z-index:20;width:96%;height:558px;border-radius:12px;background:#fffccf;margin:0 auto;-webkit-box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);}
.compl-main h3{text-align:center;font:bold 32px/34px 'Tahoma';color:#c2081f;margin:32px 0 0;}
.compl-main h3 span{display:block;font-size:22px;font-weight:normal;}
.compl-head-text{font:16px/22px 'Tahoma', arial;color:#4c4c4c;text-align:center;max-width:630px;padding:0 10px;margin:24px auto 0;}
 .bolder{font-weight:bold;}
.compl-form h5{font:bold 26px/26px 'Myriad Pro', arial;color:#c2081f;margin:0 0 34px;padding-left:46px;}
.compl-form{padding:18px 0 40px 46px;background:url(present-.png) 98% 44px no-repeat;}
.compl-form label{font: 14px/14px 'Tahoma', arial;color: #333;display: inline-block;width: 120px;text-align: right;}
.compl-form input.text, .compl-form  select{border:1px solid #a7a7a7;width:256px;height:30px;outline:none;border-radius:4px;margin:0;padding:0 0 0 4px;-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);}
.compl-form  select{width:262px;}
.compl-form .compl-row{margin:0 0 13px 26px;}
.compl-form.active{background:none;}
.send-compl{display:block;height:49px;width:225px;margin:34px 0 0 146px;cursor:pointer;border:none;outline:none;background:url(send-but.png) 0 0 no-repeat;}
.send-compl:hover{background-position:0 100%;}
.succes-text{text-align: center;font:bold 34px/36px 'Tahoma', arial;width:460px;padding:40px 0 0 0;margin:0 auto;color: #c2081f;}
.compl-text{position:relative;z-index:1;width:82%;border-top:0;margin:0 auto;padding:10px 5% 22px;background:#fff;-webkit-box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);box-shadow: 0px 0px 15px 0px rgba(77, 77, 77, 0.3);border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.compl-text p{font:14px/18px 'Tahoma', arial;margin:18px 0;color:#000;}
.compl-footer{font:11px/14px 'Tahoma', arial;color:#000;text-align:center;padding:30px 0 0;}
.send-un{background:#3e89b6;border:1px solid #fff;color:#fff;border-radius:2px;}
.compl-form-main-2{padding:24px 50px;overflow: hidden; padding:37px 50px 0 25px;}
.compl-form-main-2 .frst{font:23px/26px 'Tahoma', arial;margin:12px 0 18px;color: #000;text-align:center;}
.compl-form-main-2 h5{text-align:center;font:bold  34px/34px 'Tahoma', arial;color: #e94141;}
.compl-form-main-2 .tw{font:24px/26px 'Tahoma', arial;margin:16px 0 26px;color: #000;text-align:center;}
.sr-box{margin:0 auto;}
.sr-box-list input[type="text"]{border: 1px solid #a7a7a7;width: 256px;height: 30px;outline: none;
border-radius: 4px;margin: 0 0 14px 0;padding: 0 0 0 4px;-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);}
	
	.sr-box-list
{
	list-style:none;
}
#send-but
{
	background:url(send-buu.png) no-repeat;
	width:261px;
	height:70px;
	border:none;
	cursor:pointer;
}
#send-but:hover
{
	background-position:0 -85px;
}
.compl-form-main-22
{
	overflow:hidden;
	padding:15px;
}
.compl-form-main-22 h2
{
	text-align: center;
font: bold 30px/32px 'Tahoma';
color: #c2081f;
margin: 0px 0 10px 0;
}
.compl-form-main-22 p
{
	margin:10px 0;
	font: 16px/22px 'Tahoma', arial;
}
.sr-box
{overflow:hidden;}
.sr-box input
{
	border: 1px solid #5a1605;
	margin:0 0 14px 0;
border-radius: 3px;
height: 35px;
padding: 0 0 0 4px;
width: 236px;
color: #000;
font: 15px/32px 'Tahoma', arial;
background: #fff;}
.sr-box .sr-box-list li, .sr-1_5
{background-color:none;}
@media (max-width: 780px){
	.compl-form{background-position:110% 54px;padding-left:10%;}
}
@media (max-width: 710px){
	.compl-form{padding-left:3%;background-position:130% 84px;}
}
@media (max-width: 630px){
	.compl-form{padding: 18px 3% 40px;}
	.compl-main{height:auto;}
	.compl-form{background:url(http://salon-express.ru/skins/1469/images/present-img2.png) 50% 72px no-repeat;}
	.compl-form h5{margin-bottom:210px;margin-top:30px;text-align:center;}
	.compl-form .compl-row {margin:0 auto 13px;width:280px;}
	.send-compl{margin:30px auto 0;}
	.succes-text{max-width:460px;width:auto;padding:30px 10px;margin:0 auto;}
	.compl-form input.text{width:270px;}
	.compl-form select{width:276px;}
	.compl-form label{text-align:left;padding:0 0 2px 0;}
}
@media (max-width: 530px){
	.compl-form{background-position:60% 104px;}
	.succes-text{font: bold 24px/28px 'Tahoma', arial;}
	.compl-form-main-2{padding:24px 10px;}
	#outer_alignment .sr-box{width:290px !important;}
}
@media (max-width: 420px){
	.compl-form-main-2 .frst{font:18px/22px 'Tahoma', arial;}
	.compl-form-main-2 .tw{font:18px/20px 'Tahoma', arial;}
	.compl-form-main-2 h5{font:bold 24px/26px 'Tahoma', arial;}
	.compl-main h3{text-align: center;font: bold 25px/34px 'Tahoma';}
	.compl-wrap{padding-top:20px;}
	.compl-form h5{padding-left:6px;}
}
