@import url('https://fonts.googleapis.com/css?family=Russo+One|Ubuntu|Underdog');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:300');
/*font-family: 'Ubuntu', sans-serif;
font-family: 'Underdog', cursive;
font-family: 'Libre Franklin', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/
/** Generated by FG **/
@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/ofont.ru_Bebas Neue.eot');
	src: local('O'), url('fonts/bebasneue.woff') format('woff'), url('fonts/bebasneue.ttf') format('truetype'), url('fonts/bebasneue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
    margin: 0;
    padding: 0;
	font: 16px/1.1 'Roboto Condensed', sans-serif;
}
 h1 {
font: 66px/1.2 'Bebas Neue', sans-serif;
line-height: 1.42857143;
color: #333;
}
h3 {
text-align: center;
font: 33px/2.7 'Bebas Neue', sans-serif;
}
h4, legend {
font: 23px/1.45 'Bebas Neue', sans-serif;
text-align: center;
}
h5 {
font: 18px/1.2 'Bebas Neue', sans-serif;
font-weight: 500;
}
fieldset {
border: solid 3px #fd0;
}
.grid-container {
display: grid;
grid-template-columns: repeat(2, minmax(250px, auto));
}
.item:nth-child(1) {
grid-column: 1 / 6;
background-color: #fff;
padding: 25px;
display: grid;
grid-template-columns: 200px repeat(5, minmax(187px, auto));
grid-column-gap: 10px;
justify-content: space-evenly;
}

.logo {
width: 186px;
font-family: 'Underdog', cursive;
}
.logo .logo-block1 {
background-color: #000;
color: #fff;
font-weight: 900;
text-align: center;
padding: 10px;
float: left;
}
.logo .logo-block2 {
text-align: center;
border: solid 3px #fd0;
padding: 7px;
float:right;
}
.menu {
color: #000;
font: 18px/1.428 'Bebas Neue', sans-serif;
padding: 6px 4px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
cursor: pointer;
}
.menu:hover {
border-bottom: solid 3px #fd0;
}
.vopros {
color: #000;
font: 18px/1.428 'Bebas Neue', sans-serif;
padding: 6px 4px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
border: solid 3px #fd0;
}
.vopros:hover {
background-color: #fd0;
cursor: pointer;
}
.item:nth-child(2) {
padding: 60px 0 40px;
grid-column: 1 / span 2;
background: transparent url('bg-hd.jpg') no-repeat left top;
background-size: cover !important;
}

.item:nth-child(3) {
padding: 60px 50px 120px 50px;
background-color: #eee;
grid-column: 3 / span 3;
}
.item:nth-child(3) h1 {
font: 66px/1.2 'Bebas Neue', sans-serif;
line-height: 1.42857143;
color: #333;
}
.item:nth-child(3) p {
font: 32px/1.2 'Bebas Neue', sans-serif;
line-height: 1.42857143;
color: #333;
}
.item:nth-child(3) .button {
background-color: #fff;
color: #000;
border: 3px solid #FFD517;
letter-spacing: 1px;
text-align: center;
padding: 12px 24px;
font: 19px/2.7 'Bebas Neue', sans-serif;
text-decoration: none;
}
.item:nth-child(3) .button:hover {
background-color: #fd0;
}
.item:nth-child(4) {
background-color: #fd0;
grid-column: 1 / 6;
padding: 46px 15px 57px;

}
.item:nth-child(4) h3 {
text-align: center;
font: 33px/2.7 'Bebas Neue', sans-serif;
}
.grid-item-2 {
display: grid;
grid-template-columns: repeat(2, minmax(250px, auto));
}
.item:nth-child(4) ul {
margin-left: 10%;
font: 22px/1.5 'Roboto Condensed', sans-serif;
}
.item:nth-child(4) ul li{
margin-bottom: 15px;
}
.item:nth-child(4) p {
font: 22px/1.5 'Roboto Condensed', sans-serif;
line-height: 1.5;
letter-spacing: 1px;
color: #333;
text-align: center;
}
.item:nth-child(4) .button {
background-color: none;
color: #000;
border: 3px solid #000;
letter-spacing: 1px;
text-align: center;
padding: 12px 24px;
font: 19px/2.7 'Bebas Neue', sans-serif;
text-decoration: none;
}
.item:nth-child(4) .button:hover { 
color: #fff;
background-color: #000;
}
.item:nth-child(5) {
grid-column: 1 / 6;
padding: 46px 15px 57px;
background-color: #fff;
}
.item:nth-child(5) h3 {
text-align: center;
font: 33px/2.7 'Bebas Neue', sans-serif;
}

.item:nth-child(5) .grid-item-3 {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px;
padding: 0 50px 0 50px;
}
.item:nth-child(5) .grid-item-3 p {
font: 16px/1.45 'Roboto Condensed', sans-serif;
line-height: 1.5;
letter-spacing: 1px;
color: #333;
text-align: justify;
}
.item:nth-child(5) .grid-item-3 ul li {
font: 16px/1.45 'Bebas Neue', sans-serif;
line-height: 1;
letter-spacing: 1px;
color: #333;
}
.item:nth-child(5) .grid-item-3 img {
width: 100%;
border: 3px solid #FFD517;
}
.item:nth-child(5) .grid-item-3 h4{
font: 23px/1.45 'Bebas Neue', sans-serif;
text-align: center;
}
.item:nth-child(6) {
grid-column: 1 / 6;
background: #f6f6f6;
padding: 59px 15px 47px 15px;
}
.item:nth-child(6) .grid-item-4 {
display: grid;
grid-template-columns: 50% auto;
grid-gap: 15px;
}
.item:nth-child(6) .types-of-protective-structures {
border-top: solid 3px #fd0;
border-right: solid 3px #fd0;
}
.item:nth-child(6) .types-of-protective-structures th {
font: 23px/1.45 'Bebas Neue', sans-serif;
background: #fd0;
padding: 6px 12px; 
}
.item:nth-child(6) .types-of-protective-structures td {
font: 16px/1.45 'Roboto Condensed', sans-serif;
line-height: 1.2;
border-bottom: solid 3px #fd0;
padding: 0px 12px;
}
.item:nth-child(6) .types-of-protective-structures tr:hover th{
border-bottom: solid 3px #fd0;
background: #fff;
}
.item:nth-child(6) .types-of-protective-structures tr:hover td{
background: #fd0;
}
.item:nth-child(6) button {
background-color: #fff;
color: #000;
border: 3px solid #FFD517;
letter-spacing: 1px;
text-align: center;
padding: 6px 12px;
font: 19px/2.7 'Bebas Neue', sans-serif;
text-decoration: none;
cursor: pointer;
}
.item:nth-child(6) button:hover {
background-color: #fd0;
}
.item:nth-child(6) input {
border: 3px solid #FFD517;
padding: 6px 12px;
}
.item:nth-child(6) ol li, .item:nth-child(6) form {
font: 16px/1.45 'Roboto Condensed', sans-serif;
}

.item:nth-child(7) {
grid-column: 1 / 6;
background: #fd0;
padding: 59px 15px 47px 15px;
}
.item:nth-child(7) .grid-item-5 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 15px;
}
.item:nth-child(7) .grid-item-5 .title {
font: 19px/2.7 'Bebas Neue', sans-serif;
border-bottom: 3px solid #000;
padding-left: 5px;
}
.item:nth-child(7) .grid-item-5 i {
font: 16px/2.0 'Bebas Neue', sans-serif;
padding-left: 5px;
}
.item:nth-child(7) .grid-item-5 img {
width: 100%;
border: 3px solid #fff;
}
.item:nth-child(7) .grid-item-5 button {
background-color: #fd0;
color: #000;
border: 3px solid #000;
letter-spacing: 1px;
text-align: center;
padding: 6px 12px;
font: 16px/1.0 'Bebas Neue', sans-serif;
}
.item:nth-child(7) .grid-item-5 button:hover { 
color: #fff;
background-color: #000;
}
.item:nth-child(8) {
grid-column: 1 / 3;
padding: 25px 15px 25px 15px;
}
.item:nth-child(8) input {
border: 3px solid #FFD517;
padding: 6px 12px;
}
.item:nth-child(8) button {
border: 3px solid #FFD517;
padding: 6px 12px;
background-color: #fd0;
}
.item:nth-child(8) button:hover {
background-color: #000;
color: #fff;
}
.item:nth-child(9) {
font: 16px/1.1 'Roboto Condensed', sans-serif;
text-align: center;
grid-column: 3 / 6;
padding: 25px 15px 25px 15px;
}
.ask_block {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 15px;
position: fixed;
top: 0;
left: 0;
right: 0;
height: auto;
z-index: -100;
background-color: #fd0;
border-bottom: 4px solid #000;
overflow: hidden;
font: 14px/16px 'Roboto Condensed', sans-serif;
color: #000;
padding: 38px 5% 38px 5%;
}

.question_block {
display: inline-block;
text-align: center;
font: 16px/1.2 'Roboto Condensed', sans-serif;
padding: 35px 65px;
border: 8px solid #fff;
}
.question_block strong {
font: 18px/1.2 'Bebas Neue', Arial, sans-serif;
}
.black_line {
    width: 38px;
    height: 4px;
    display: block;
    margin: 30px auto;
    background: #000;
}

.ask_block form input, .ask_block form textarea {
width: 90%;
border-color: transparent;
font-size: 14px;
padding: 4px 6px;
}
.ask_block form button {
padding: 0 21px;
height: 37px;
font: 17px/2.2 'Bebas Neue', Arial, sans-serif;
width: 92.5%;
background: #5a2480;
margin-top: 17px;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
color: #fff;
}
.ask_block form button:hover {
color: #fd0;
}

.ask_block .close {
width: 11px;
height: 11px;
position: fixed;
top: 0;
right: 20px;
display: block;
background: rgba(0,0,0,0.5);
z-index: 101;
padding: 15px;
cursor: pointer;
}
.ask_block .close:hover {
background: rgba(0,0,0,1.0);
}
.scrollTop{
	background:url('arrows13.png') 0 0 no-repeat;
	width:55px; /* изменяем: ширина картинки */
	height:55px; /* изменяем: высота кнопки - половина высоты картинки */
	bottom:10px;
	right:2%;
}
.scrollTop:hover{
	/* изменяем: отступ при наведении, 
	нужно подбирать вручную. Примерно равен высоте кнопки */
	background-position:0 -60px;
}