/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
::-moz-focus-inner { border: 0; padding: 0; }
body { margin:0; padding:0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

div{ margin:0; outline:0;}
ul {outline:0;}
a:active,
a:hover {
  outline: 0;
}
/*убираем бордюры*/
img, a:link img, a:visited img, a:hover img, a:active img { border: 0; }
a:focus { border:0px; }
/*общее оформление ссылок*/
a { color: #422E1A; text-decoration: underline; }
a:hover { color:#bf5745; text-decoration:underline; }


/*бэкграунд*/
html {background:#efefef;max-width:100%;/*  overflow-x:hidden;*/}
body {min-width:1400px; font-size: 16px; line-height: 1.3; color:#333333; font-weight:normal;}
 
body { background:#efefef; width:100%; max-width:1920px; margin:auto; overflow:auto;}

.clear { height:0px; width:100%; clear:both; }


div {
	box-sizing: border-box;
}
a {
	box-sizing: border-box;
}
input {
	box-sizing: border-box;
}

/* обновите браузер*/
.browserupgrade {
	text-align:center;
	padding:10px;
	background:#fff;
	border-bottom:3px solid #000;
}
.browserupgrade a {
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
}


body {
    color: #303030;
    /*background:#fff url(/images/phomi-wall.jpg) center top no-repeat;*/
}

@font-face {
    font-family: 'NAMU';
    src: url('NAMU-Pro.ttf') format('truetype');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Light.eot');
    src: url('Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Light.woff2') format('woff2'),
        url('Montserrat-Light.woff') format('woff'),
        url('Montserrat-Light.ttf') format('truetype');
    /*font-weight: 300;*/
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Medium.eot');
    src: url('Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Medium.woff2') format('woff2'),
        url('Montserrat-Medium.woff') format('woff'),
        url('Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular.eot');
    src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Regular.woff2') format('woff2'),
        url('Montserrat-Regular.woff') format('woff'),
        url('Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {font-family: 'Montserrat', 'Arial', sans-serif;}

#app {
    width:1320px;
    margin:0 auto;
    background:#2b2a29;
    color:#fff;
}

.logo {
    display:block;
    width:100%;
    margin-bottom:50px;
}
.header {
    padding:140px 100px 80px;
    font-size: 44px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 1px;
}
.main {
    background:#fcfdfc url(/images/prot.jpg) center right no-repeat;
    background-size:contain;
    color:#131211;
    padding:60px;
}
.advs {
    width:600px;
    height:600px;
}
.adv1 {
    width:300px;
    height:300px;
    float:left;
    background:url(/images/adv1.png) center no-repeat;
    background-size:contain;
    display:block;
}
.adv2 {
    width:300px;
    height:300px;
    float:left;
    background:url(/images/adv2.png) center no-repeat;
    background-size:contain;
    display:block;
}
.adv3 {
    width:300px;
    height:300px;
    float:left;
    background:url(/images/adv3.png) center no-repeat;
    background-size:contain;
    display:block;
}
.adv4 {
    width:300px;
    height:300px;
    float:left;
    background:url(/images/adv4.png) center no-repeat;
    background-size:contain;
    display:block;
}
.info{
    background:#ebecec;
    padding:30px 40px;
    height:260px;
    margin-top:30px;
    margin-bottom:30px;
    font-size: 28px;
    line-height: 40px;
}
.gost {
    background:url(/images/gost.png) center left no-repeat;
    padding:10px 0 10px 105px;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    text-shadow:0 0 3px #fff;
}


.footer {
    padding:30px 100px;
    font-size:18px;
}