/* Start:/local/templates/main/components/bitrix/form.result.new/footer-callback2/style.css?17708944193525*/

div#callback { /*background: #0a0c0d;*/
    background-image: url(/images/clouds-footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}
    div#callback .container { padding-bottom: 80px; }

#callback h2 { color: #fff; } 

#callback .callback-container { position: relative; display: inline-block; text-align: left; height: 100%; width: 100%; box-sizing: border-box; }

#callback .callback-block-left { color: #fff;max-width: 310px; margin: 0 auto; }
    #callback .callback-block-left .callback-container { max-width: 280px; min-width: 280px; margin: 0 auto;}
    #callback .callback-phone .tel { display: block; letter-spacing: 1px; font-weight: bold; font-size: 20px; margin-bottom: 5px; }
    
    #callback .callback-email { position: relative; padding: 15px 0px; padding-left: 40px; }
    #callback .callback-email:before,
	#callback .callback-skype:before
	{ 
		content: ""; 
		display: block; 
		position: absolute;
		left: 0px;
		height: 34px; 
		width: 34px; 
		background: url(/images/icons/callback-icons.png) no-repeat;  
		top: 11px;
	}
	
	#callback .callback-skype:before
	{ 
		background-position: 0px -39px;
	}
	#callback .callback-white-block{
	    padding: 8px;
	    margin-top: 10px;
	}
	#callback .callback-skype
	{
		position: relative;
		padding: 15px 0px;
		padding-left: 40px;
	}
	
	#callback .callback-email > a,
	#callback .callback-skype > a
	{ 
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}
		
	/*#callback .callback-phones { margin-top: 20px; }*/
    #callback .callback-phones .tel 
    {
	    font-size: 16px;
	    font-weight: bold;
	    
    }
    #callback .tel{
    	color: #fff;
	    white-space: nowrap;
    }
    
/*#callback .callback-block-right { width: 100%; }*/
    #callback .callback-block-right .callback-container { text-align: justify; }

#callback .callback-form .callback-input-name, #callback .callback-form .callback-input-email, #callback .callback-form .callback-input-phone { display: inline-block; margin-top: 0px; }
#callback .callback-form .callback-input-email { /*float: right; */}
	
	#callback .callback-form .callback-input.callback-input-text { width: 100%; margin-top: 20px; }
	#callback .callback-form .callback-input.callback-input-text textarea { min-height: 150px; }
	#callback .callback-form .button { margin-top: 20px; }
	
	#callback .callback-form div.e-input.e-input_focusin > label { color: #fff; }
	#callback .callback-form div.e-input.e-input_filled > label { color: #fff; }
	

@media screen and (min-width: 1000px) {
	#callback .callback-form .callback-input-text { margin-top: 20px; }
}

@media screen and (max-width: 1000px) {
	#callback .callback-form .e-input { width: 100%; float: none; margin-bottom: 20px; }
	#callback .callback-form .callback-input-text { margin: 0; }
}

#callback .callback-form label.form-checkbox-label:hover{ color:white;}
#callback .callback-form label.form-checkbox-label{
    color: white;
    font-size: 12px;
	cursor: pointer;
}
#callback .callback-form label.form-checkbox-label a{
	text-decoration: underline;
	color:white;
}
#callback .callback-form label.form-checkbox-label a:hover{
    color: #3194e7;
}

#callback .callback-form .footer-callback-grid {
	display: grid;
	grid-template-columns: 1fr auto;
}

@media screen and (max-width: 1000px){
	#callback .callback-form .footer-callback-grid{
		grid-template-columns: 1fr;
	}
}
/* End */
/* /local/templates/main/components/bitrix/form.result.new/footer-callback2/style.css?17708944193525 */