body{
    background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%),url(/local/templates/ded_semen/assets/images/bg_1920.jpg);
}

#page {
    

}

.ded {width: 100%;
max-width: 600px;}

*{
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.left{
	float: left;
}

.right{
	float: right;
}

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

h2 {font-size:24px;
margin-bottom:40px;
font-weight: 500;}

.ram {
    border: 2px solid #ffffff;
    padding: 20px;
    border-radius: 25px;
    background: #1bafd2;
    color: #fff;
    width: 60%;
    margin: 60px auto;
    font-size: 16px;
    min-width: 300px;
}

.pics {
text-align: center;
padding: 40px;
}

.form-zag input {
height:50px;
margin-bottom:20px;
border-radius: 25px;
border: 2px solid #dcdfe6;
font-size: 16px;

}

.form-zag textarea {
    padding:10px;
    margin-bottom:20px;
    border-radius: 25px;
    border: 2px solid #dcdfe6;
    font-size: 16px;
    height:130px;
    
    }

.form-zag input.btn {background:#1bafd2;
    border: 2px solid #ffffff;
    width: 100%;
}



.error {color:red;}

@media (max-width: 470px) {

    .pics img {
width:100%;
        text-align: center;
        }

    body {
        background: #1bafd2 url(/local/templates/ded_semen/assets/images/bg_x375.png) center center no-repeat;

    }

    #page {
    

    }

    .ram {
        border: 0px solid #ffffff;
        width: 90%;
        background: none;
        margin: 10px auto;
        padding: 10px;
    }
}