/* Шрифты */
@font-face {
    font-family: Muller;
    src: url(../fonts/muller/mullerregular.otf);
}
@font-face {
    font-family: Muller;
    font-weight: bold;
    src: url(../fonts/muller/mullerbold.otf);
}
@font-face {
    font-family: Rouble;
    font-weight: normal;
    src: url(../fonts/rouble/rouble.otf);
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-regular-400.eot");
    src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: "TL Icon";
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/starticons/starticons.eot?#iefix) format("embedded-opentype"),
    url(../fonts/starticons/starticons.woff) format("woff"),
    url(../fonts/starticons/starticons.ttf) format("truetype"),
    url("../fonts/starticons/starticons.svg#TL Icon") format("svg");
}
/* Нормализация */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
canvas,
caption,
cite,
code,
details,
dd,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1, h2, h3, h4, h5, h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q, s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th, tr, td,
video,
tt,
u, ul,
var {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: top;
}
ol, ul {
    list-style: none;
}
a {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
table, table td {
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
img {
    max-width: 100%;
}
button {
    border: 0;
    background: transparent;
}
*, a {
    box-sizing: border-box;
}
html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    font-family: 'Arial';
}
body.fixed {
     height: 100vh;
}
.container {
    width: 100%;
    max-width: 1140px;
    display: block;
    margin: 0 auto;
    padding: 0 15px;
}
.template {
    padding: 0;
}
.template__block {
    width: 100%;
    max-width: 1140px;
    display: block;
    margin: 0 auto;
    padding: 0 15px;
}
.top_block_no_index {
    padding-top: 155px;
}
.p-form input[name="email"] {
    display:none !important;
}

/* Типография */
body {
    background-color: #16604a;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: .5rem;
    line-height: 1.2;
    color: #ffffff;
}
h1, .h1, .h1_title {
    font-size: 60px;
    font-family: 'Arial';
    color: #ffffff;
}
.h1_title {
    text-transform: uppercase;
}
@media screen AND (max-width: 800px) {
    .h1_title {
        font-size: 7.5vw !important;
    }
}
h2, .h2 {
    font: 48px 'Arial';
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h2_slider {
    font-size: 48px;
    color: #ffffff;
    margin-right: 20px;
}
h3, .h3 {
    font-size: 1.75rem;
    font-family: 'Arial';
}

h4, .h4 {
    font-family: 'Arial';
}

h5, .h5 {
    font-family: 'Arial';
}

h6, .h6 {
    font-family: 'Arial';
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
p, a {
    font-family: 'Arial';
    color: #ffffff;
}
.h1_title {
    text-transform: uppercase;
    font-size: 64px;
    font-weight: 600;
    margin-bottom: .5rem;
    line-height: 1.2;
}
.content p, .content a {
    font-size: 17px;
    line-height: 1.5;
}
b, strong {
    font-weight: bolder;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style-type: disc;
    margin-left: 30px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.5;
}

/* Конечные стили */
.dev_page {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url("../images/back_dev.png");
    background-size: 100% 100%;
}
.dev_page .container {
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 750px;
    height: 570px;
}
.dev_page .container .page {
    width: 100%;
    height: 100%;
    position: relative;
}
.dev_page .container .page .logo img {
    display: block;
    width: 50%;
    margin: 0 auto 20px;
}
.dev_page .container .page .text {
    background-color: rgba(17,63,51,.8);
    text-transform: uppercase;
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    padding: 30px 0 20px 0;
    margin-bottom: 20px;
}
.dev_page .container .page .button a {
    display: block;
    margin: 0 auto;
    border: 3px solid #c09e5f;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    padding: 15px 0 12px 0;
    background-color: rgba(17,63,51, 1);
    width: 400px;
    text-transform: uppercase;
}
.dev_page .contacts {
    transform: skew(-30deg, 0);
    position: fixed;
    top: 30px;
    right: -30px;
    background-color: #185848;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 1);
    height: 75px;
    width: 300px;
}
.dev_page .contacts .text {
    height: 100%;
    width: 100%;
    transform: skew(30deg, 0);
    padding: 7.5px 30px;
    font-size: 28px;
    line-height: 30px;
}
@media screen AND (max-width: 771px) {
    .dev_page .container {
        width: 100% !important;
        height: 570px;
    }
}
@media screen AND (max-width: 541px) {
    .dev_page .container {
        height: 80vw;
    }
    .dev_page .container .page .text {
        font-size: 11vw !important;
        line-height: 11vw !important;
        padding: 4vw 0 2.8vw 0 !important;
    }
    .dev_page .container .button a {
        font-size: 5.5vw !important;
        line-height: 5.5vw !important;
        width: 60vw !important;
    }
}