* {padding:0; margin: 0; font-family: 'Roboto Condensed', sans-serif;}
header {width:100%; background: url(/img/header.jpg) no-repeat; background-size: 100%; padding: 0 0 50px 0;}
p {margin:15px 0;}
.nav {width:80%; background: rgba(10,20,100,0.5); padding: 5px 10%;}
.nav .logo {margin:0 20px;}
.nav > div {float:right; margin:0 20px; line-height: 50px;}
.nav > div > a {color:#fff; text-decoration: none; text-transform: uppercase; margin: 0 20px 0 0; font-size: 0.9em;}
.nav > div > a:hover {text-decoration: underline;}
.main {padding:20px 0;}
.main table {margin:20px 12%;}
.main table td {color:#fff; padding: 5px;}
.main .material-icons {vertical-align: bottom; color:#fff;}
.main select, .main input[type=number] {border:0; outline: 0; font-size:1.6em; padding: 5px; color:#444; border-radius:1px;}
.main input[type=number] {width:150px; padding:6px;}
.main .info {color:#fff; margin:30px 12% 0 12%;}
.btn {background: #006f2c; padding:12px; border-radius: 3px; cursor: pointer; display: inline-block; color:#fff; user-select: none;}
.btn:hover {background: #1F6F0F;}
.btn:active {box-shadow: inset 0 2px 2px 2px rgba(0,0,0,0.2);}
.main .contacts {color:#fff; position: relative; display: inline-block; float: right; margin:0 125px 0 0;}
.main .contacts .icon {width:35px; height: 29px;display: inline-block; vertical-align: middle;}
.main .contacts .icon.telegram {background: url(/img/telegram.png);}
.content {padding:20px 12%;}
.procedure > div {width:30%; display: inline-block; border:1px solid #999; margin:20px 5px 20px 0; padding:10px; font-size: 0.9em;}
.form {margin:10px 0 20px 0;}
.form input {padding:10px; display: block; width: 300px; margin:0 0 10px 0;}

footer {padding:10px 12%; border-top:1px solid #ccc;}
footer > div {float: right; margin:10px 0 0 0; font-size: 0.9em;}

.content ul {margin:10px 0 10px 30px;}