﻿/* Основные */


html {
padding: 0px;
margin: 0px;
}

body {
margin: 0px;
font-family: 'Evolventa', sans-serif;
font-weight: 500;
font-size: 13px;
color: #2c2c2c;
line-height: 20px;
}

@media screen 
and (max-width:899px){

body {
font-size: 12px;
line-height: 18px;
}

}

a {
font-size: inherit;
color: inherit;
text-decoration: none;
text-decoration-skip-ink: none;
}

input,
textarea {
font-family: inherit !important;
}

strong, b {
font-weight: normal;
}

h1,
h2,
h3 {
font-weight: normal;
padding: 0px;
margin: 0px;
}

.bl-transition,
.bl-transition:before,
.bl-transition:after,
.bl-transition input,
.bl-transition img,
.bl-transition a,
.bl-transition span,
.bl-transition div,
.bl-transition a:before,
.bl-transition a:after,
.bl-transition span:before,
.bl-transition span:after,
.bl-transition div:before,
.bl-transition div:after {
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}









.pagecontent {
background-image: url(img/background.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.pagecontent-wrapper {
background-color: rgba(0,0,0,0.95);
vertical-align: middle;
padding: 0 0 60px 0;
}

.pagecontent-block {
max-width: 1300px;
margin: 0px auto;
}

.logo-line {
text-align: center;
padding: 60px 0 110px 0;
}

.logo-line img {
width: 220px;
}

.slogan-line {
max-width: 800px;
font-family: "Geist", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 55px;
line-height: 60px;
text-align: center;
color: #fff;
padding: 0 0 80px 0;
margin: 0px auto;
text-transform: uppercase;
}

.contacts-block {
margin: 0px auto;
text-align: center;
}

.contacts-line {
width: 400px;
display: inline-block;
}

.contacts-line-inner {
display: table;
}

.contacts-line-1 {
display: table-cell;
padding: 20px 0 20px 0;
vertical-align: middle;
}

.contacts-line-1 img {
width: 28px;
margin: 0 30px 0 0;
}

.contacts-line-2 {
width: 100%;
display: table-cell;
padding: 20px 0 20px 0;
vertical-align: middle;
text-align: left;
}

.contacts-line-2-1 {
font-family: "Geist", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 20px;
color: #fff;
padding: 0 0 0 0;
opacity: 0.5;
}

.contacts-line-2-2 {
font-family: "Geist", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}

.contacts-map {
}

.contacts-map-wrapper {
width: 100%;
height: 700px;
}

.footer {
background-color: #000;
padding: 30px 0 40px;
text-align: center;
}

.footer-line1 {
font-family: "Geist", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 20px;
color: #fff;
opacity: 0.5;
padding: 0 0 10px 0;
}

.footer-line2 {
font-family: "Geist", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 12px;
line-height: 15px;
color: #fff;
opacity: 0.2;
}






@media screen 
and (max-width:899px){

.pagecontent-wrapper {
padding: 0 0 50px 0;
}

.pagecontent-block {
padding: 0 25px;
}

.logo-line {
text-align: center;
padding: 40px 0 80px 0;
}

.logo-line img {
width: 190px;
}

.slogan-line {
font-size: 32px;
line-height: 40px;
padding: 0 0 40px 0;
}

.contacts-block {
margin: 0px auto;
text-align: center;
}

.contacts-line {
width: 310px;
display: inline-block;
}

.contacts-line-inner {
display: table;
}

.contacts-line-1 {
vertical-align: middle;
}

.contacts-line-1 img {
width: 28px;
margin: 0 30px 0 0;
}

.contacts-line-2 {
padding: 20px 0 10px 0;
vertical-align: middle;
text-align: left;
}

.contacts-line-2-1 {
font-size: 13px;
line-height: 17px;
}

.contacts-line-2-2 {
font-size: 19px;
line-height: 25px;
}

.contacts-map {
}

.contacts-map-wrapper {
height: 500px;
}

.footer {
padding: 25px 0 30px;
text-align: center;
}

.footer-line1 {
font-family: "Geist", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 13px;
line-height: 17px;
color: #fff;
opacity: 0.5;
padding: 0 0 10px 0;
}

.footer-line2 {
font-family: "Geist", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 11px;
line-height: 13px;
color: #fff;
opacity: 0.2;
}












































