@font-face {
	font-family: 'OpenSans';
    src: local('OpenSans Light'), local('Open Sans Light'), url('/sources/fonts/OpenSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
    font-display: swap;
    /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
}
@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans'), local('Open Sans'), url(https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4k.woff) format('woff'), url('/sources/fonts/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
    font-display: swap;
    /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
}
@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans Bold'), local('Open Sans Bold'), url(https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4k.woff) format('woff'), url('/sources/fonts/OpenSans-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
    font-display: swap;
    /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
}
@font-face {
	font-family: 'OpenSans';
	src: local('OpenSans Extra Bold'), local('Open Sans Extra Bold'), local('OpenSans ExtraBold'), local('Open Sans ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4k.woff) format('woff'), url('/sources/fonts/OpenSans-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
    font-display: swap;
    /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */
}

*{
    box-sizing: border-box;
    max-width: 100%;
}
html,body{
	font-size: 13px;
    min-width: 320px;
    margin: 0;
    background: #101010;
}
body{
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.85;
    color:#ffffff;
	font-family: 'OpenSans', sans-serif;
    font-weight: 600;
	overflow-x: hidden;
    padding: 0 0 40px;
}
body,.lazyBg,.lazyBg *{
    image-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
}
body:not(.loaded) *,.lazyBg,.lazyBg *,.lazyBg:before,.lazyBg:after{
	background-image:none!important;
}
img,video{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
p{
    margin: 0;
}
#header,#footer,#main,.section,.container{
    display: block;
    width: 100%;
}
.section{
    margin: 40px 0;
	position: relative;
	z-index: 1;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-weight: 800;
    line-height: 1.6;
    text-transform: uppercase;
}
h1,.h1{
    font-size: 2.1rem;
    margin: 0 0 1.5rem;
}
h2,.h2{
    font-size: 1.53rem;
}
.container{
    max-width: 1320px;
    margin: 0 auto;
}
.section_content,.mid_content{
    max-width: 860px;
    margin: 0 auto;
}
.mid_content{
    text-align: center;
    margin: auto;
}
.bold{
    font-weight: 700;
}
.row{
    display: grid;
}

.logo_head{
    width: 224px;
}
#nav_head > *, #foot_nav > *{
    line-height: 1;
}
#nav_head {
    grid-template: 8rem / 17.2rem auto 15.3rem;
}
.row.mid{
    align-items: center;
}
.nav_menu {
    padding: 0 1.53rem;
    text-align: center;
    text-transform: uppercase;
}
#contact_head{
    word-spacing: 3px;
}
#header .mobile {
    display: inline-block;
    margin: 0 0.76rem 0 0;
    vertical-align: .5rem;
    word-spacing: normal;
}
.face {
    padding: 1.53rem;
    grid-template: 1fr / 1fr 0.685fr;
}
.face_name,.about_name{
    margin: 0;
}
.face_text{
    margin: 0 0 1.53rem;
}
#about{
	margin-bottom: 0;
}
#opt{
	margin-top: 0;
}

@media (max-width:1321px) {
    .container{
        padding: 0 15px;
    }
    .logo_head {
        width: 12rem;
    }
    #nav_head {
        grid-template: 8rem / 12rem auto 15.3rem;
    }
}
@media (min-width:992px) {
    .btn_menu{
        display: none;
    }
    #mobile_menu{
		display: none;
    }
    .nav_menu a + a{
        margin: 0 0 0 1.53rem;
    }
}
@media (max-width:991px) {
    #nav_head {
        grid-template: 8rem / 1fr 12rem 1fr;
    }
    #contact_head{
        text-align: right;
    }
    #nav_head .nav_menu{
        display: none;
    }
    .nav_menu{
        font-size: 1.2rem;
        line-height: 3rem!important;
        margin: auto;
    }
    .nav_menu a{
        display: block;
    }
}
@media (max-width:767px) {
    .face {
        text-align: center;
        padding: 1.53rem;
        grid-template: 1fr auto/ 1fr;
    }
    .face_text{
        max-width: 100%;
    }
    .row.mid{
        /* display: block; */
    }
    #contact_head .mobile{
        display: none;
    }
}