/* Базовые стили */
.blocks-support{
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0 auto;
		padding:0 15px;
		z-index:1;
		width:100%;
		box-sizing:border-box;
		}
.blocks-support h2{
		margin:20px auto;
		font-size:24px;
		width:100%;
		text-align:center;
		}
.blocks-support p{
		margin:0 0 20px 0;
		font-size:14px;
		}
.blocks-support form,
.blocks-support .blocks-support-contact{
		width:100%;
		margin-bottom:30px;
		}
.blocks-support form .input,
.blocks-support form .textarea{
		width:100%;
		padding:12px 15px;
		font-size:14px;
		background-color:#fff;
		color:#696969;
		outline:none;
		margin:0 0 15px 0;
		transition:0.3s ease;
		border:1px solid #CDBA91;
		box-sizing:border-box;
		}
.blocks-support form .textarea{
		min-height:150px;
		}
.blocks-support form .input:focus,
.blocks-support form .textarea:focus,
.blocks-support form .input:hover,
.blocks-support form .textarea:hover{
		border:1px solid #F5B601;
		}
.blocks-support form .alert{
		display:block;
		margin:0 0 15px 0;
		font-size:14px;
		}
.blocks-support form .btn{
		display:block;
		text-align:center;
		width:100%;
		max-width:200px;
		font-size:15px;
		text-decoration:none;
		text-transform:none;
		color:#FFF !important;
		padding:12px 0;
		background:#CDBA91;
		margin:0 auto;
		border:none;
		transition:all 0.3s ease-out;
		cursor:pointer;
		}
.blocks-support form .btn:hover{
		background:#F5B601 !important;
		color:#FFF !important;
		border:none;
		}	
		
.blocks-support .blocks-support-contact{
		width:48%;
		}
.blocks-support .blocks-support-contact p{
		margin:0 0 10px 0;
		}
		
/* Маленькие устройства (вертикальные телефоны, 576px и выше) */
@media (min-width:576px){
.blocks-support h2{
		font-size:26px;
		margin:25px auto;
		}  
.blocks-support p{
		font-size:15px;
		} 
.blocks-support form .input,
.blocks-support form .textarea{
		font-size:15px;
		padding:12px 18px;
		}
}
/* Средние устройства (горизонтальные телефоны/маленькие планшеты, 768px и выше) */
@media (min-width:768px){
.blocks-support{
		flex-direction:row;
		padding:0 20px;
		}
.blocks-support h2{
		font-size:28px;
		margin:30px auto;
		}
.blocks-support form,
.blocks-support .blocks-support-contact{
		width:48%;
		margin-bottom:0;
		}
.blocks-support form .textarea{
		min-height:180px;
		}
}
/* Большие устройства (планшеты/небольшие ноутбуки, 992px и выше) */
@media (min-width:992px){
.blocks-support{
		padding:0;
		}
.blocks-support h2{
		font-size:32px;
		}
.blocks-support p{
		font-size:16px;
		}
.blocks-support form .input,
.blocks-support form .textarea{
		font-size:16px;
		padding:10px 20px;
		}
.blocks-support form .textarea{
		min-height:200px;
		}
.blocks-support form .btn{
		margin:0;
		}
}
/* Очень большие устройства (ноутбуки и десктопы, 1200px и выше) */
@media (min-width:1200px){
.blocks-support{
		flex-direction:row;
		justify-content:space-between;
		margin:0 auto;
		padding:0;
		}
.blocks-support h2{
		margin:30px auto;
		font-size:32px;
		}
.blocks-support p{
		margin:0 0 30px 0;
		}	
.blocks-support form{
		width:48%;
		}
.blocks-support form .input,
.blocks-support form .textarea{
		padding:10px 20px;
		font-size:16px;
		margin:0 0 10px 0;
		}
.blocks-support form .textarea{
		min-height:200px;
		}
.blocks-support form .input:focus,
.blocks-support form .textarea:focus,
.blocks-support form .input:hover,
.blocks-support form .textarea:hover{
		border:1px solid #F5B601;
		}
.blocks-support form .btn{
		width:200px;
		padding:10px 0;
		margin:0;
		}
.blocks-support form .btn:hover{
		background:#F5B601 !important;
		color:#FFF !important;
		border:none;
		}	
.blocks-support .blocks-support-contact{
		width:48%;
		}
.blocks-support .blocks-support-contact p{
		margin:0 0 10px 0;
		}
}