.callback {
	padding : 50px;
}
button:disabled {
    background-color: rgba(0, 0, 0, 0.3)!important
}
.label-accept {
    font-size: 12px;
    display: block;
}
.callback h2 {
	font    : 300 36px 'San Francisco';
	color   : #5f5f5f;
	margin  : 0;
	padding : 0 0 40px;
}

.callback__textarea {
	max-width     : 700px;
	padding-right : 20px;
	box-sizing    : border-box;
}

.callback__textarea textarea {
	font          : 300 18px/36px 'San Francisco';
	color         : #000000;
	padding       : 15px 25px;
	border-radius : 10px;
	border        : 1px solid rgba(0, 0, 0, .2);
	width         : 100%;
	height        : 200px;
	resize        : none;
	box-sizing    : border-box;
}

.callback__cols {
	padding-top   : 35px;
	position      : relative;
	max-width     : 700px;
	padding-right : 20px;
	box-sizing    : border-box;
}

.callback__cols:after {
	display : block;
	content : '';
	clear   : both;
}

.callback__cols .callback__col {
	float         : left;
	position      : relative;
	width         : 50%;
	padding-right : 25px;
	padding-left  : 0;
	box-sizing    : border-box;
}

.callback__cols .callback__col:last-child {
	padding-left  : 25px;
	padding-right : 0;
}

.callback_input {

	border        : 1px solid rgba(0, 0, 0, .2);
	border-radius : 10px;
	box-sizing    : border-box;
	color         : rgba(0, 0, 0, 0.8);
	display       : block;
	font          : 300 20px/30px "San Francisco", sans-serif;
	padding       : 10px 15px;
	width         : 100%;
}

.callback__col button {
	background-color : #7a3035;
	border           : 0 none;
	border-radius    : 10px;
	color            : #ffffff;
	cursor           : pointer;
	display          : block;
	font             : 100 20px/20px "San Francisco", sans-serif;
	padding          : 15px 0;
	text-align       : center;
	width            : 100%;
}

.callback__col button:hover {
	opacity : .8;
}

.callback__error-content {
	background    : #f4ce41 none repeat scroll 0 0;
	border-radius : 10px;
	padding       : 15px 15px;
	position      : absolute;
	right         : 25px;
	left          : 0;
	text-align    : left;
	top           : 70px;
	opacity       : 0;
	transition    : .3s opacity ease;
}

.callback__error-content::after {
	background : rgba(0, 0, 0, 0) url("/packages/mega45-core/images/header-auth-top.png") no-repeat scroll 0 0;
	content    : "";
	display    : block;
	height     : 12px;
	position   : absolute;
	left       : 20px;
	top        : -12px;
	width      : 22px;
}

.callback__has-error .callback__error-content {
	opacity : 1;
	z-index : 100;
}

.callback_input:focus, .callback__textarea textarea:focus {
	border-color : #f4ce41;
}

.callback__has-error .callback_input {
	border-color : #7a3035;
}

.callback__success {
	padding    : 35px 0;
	text-align : center;
	max-width  : 700px;
	font       : 16px/24px 'San Francisco', sans-serif;
	color      : #333333;
	display    : none;
}

.callback__hidden {
	display : none !important;
}

button.callback-btn--success {
	background-color : #1ba379;
	font-size        : 15px;
	padding-left     : 55px;
	position         : relative;
	text-align       : left;
}

.callback-btn--success:after {
	font       : 35px FontAwesome;
	left       : 15px;
	margin-top : -17px;
	position   : absolute;
	top        : 50%;
	content    : '\f05d';
}