

/* Start:/local/templates/default/components/bitrix/form.result.new/contacts/style.css?16858007723385*/
.contacts-box { 
	padding: 20px 20px 50px 20px;
	background: rgb(31,14,44);
	background: -moz-linear-gradient(90deg, rgba(31,14,44,1) 0%, rgba(18,9,32,1) 66%, rgba(1,3,16,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(31,14,44,1) 0%, rgba(18,9,32,1) 66%, rgba(1,3,16,1) 100%);
	background: linear-gradient(90deg, rgba(31,14,44,1) 0%, rgba(18,9,32,1) 66%, rgba(1,3,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f0e2c",endColorstr="#010310",GradientType=1);
	color:#ffffff;
	margin-bottom:-80px;
}
.contacts-box h2 {font-size:20px; padding-bottom:20px;}
.contacts-box .contacts-wrap {font-size:14px;}
.contacts-box .contacts-wrap a {font-size:18px; display:inline-block; margin-top:10px;}
.contacts-box .contacts-wrap .contacts-ico {display:none;}
.contacts-box .form-wrap {margin-top:40px; max-width:480px;}
.contacts-box .contacts-wrap, 
.contacts-box .form-wrap
{
	position:relative;
	z-index: 2;
}
.contacts-box .contacts-icon-girl {display:none;}

.contacts-box .form-wrap input[type=text],
.contacts-box .form-wrap textarea
 {
	height:40px;
	width:100%;
	padding:0 10px;
	background: transparent;
	border:1px solid #7d7d84;
	color:#fff;
}

.contacts-box .frm-field-file input[type=file] {
	position: absolute;
    top: 110%;
    left: 110%;
    opacity: 0;
}

.contacts-box .form-wrap textarea {min-height: 150px; padding:10px 10px;}

.form-wrap .frm-row {margin-bottom:16px;}
.form-wrap .frm-row label{margin-bottom:5px; display:block;}
.form-wrap .frm-row .frm-field-file .btn {background: transparent; border: 1px solid #fff; color:#fff;padding: 0px 20px 0 30px;line-height: 37px;position:relative; font-size:14px;}

.form-wrap .frm-row .frm-field-file .btn:after, .form-wrap .frm-row .frm-field-file .btn:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 14px;
    margin: -1px 0 0 -5px;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transition: background ease .2s;
    transition: background ease .2s;
}
.form-wrap .frm-row  .frm-field-file .btn:before{
    -webkit-transform: -webkit-rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.form-wrap .frm-row .frm-field-file .file-caption {
    display: inline-block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-style: italic;
    color: #fff;
    margin-left: 10px;
}
.form-wrap .frm-row-submit  {margin-top:40px;}
.form-wrap .frm-row-submit input {
	width:100%;
}

@media (min-width: 768px) {
	
	.contacts-box {
	    padding-top: 70px;
	    margin-top: -20px;
	}
	.contacts-box .contacts-wrap{
		width:250px;
		float:left;
	}
   .contacts-box .form-wrap {
	   width:320px;
	   float:left;
	   margin-top:0;
	   margin-left:150px;
   }
   .contacts-box .contacts-wrap .contacts-ico {display:block; margin: 20px 0;}
   .contacts-box .contacts-wrap a {font-size:20px;}
}

@media (min-width: 1024px) {
	.contacts-box {
		padding-bottom:234px; 
		position: relative;	
		padding-left: 100%;
		margin-left: -100%;	
	}
	.contacts-box .contacts-icon-girl {
		position: absolute;
		display:block;
		z-index: 1;
		right: -320px;
		top: -13px;
	}

	.wrap {background:#000;}
}

@media (min-width: 1600px) {
	.contacts-box .contacts-icon-girl {
		right: -60px;
	}
}
/* End */
/* /local/templates/default/components/bitrix/form.result.new/contacts/style.css?16858007723385 */
