@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css2?family=Tinos:ital@1&display=swap&subset=latin,cyrillic);



body {

    margin: 0;

    padding: 0;

    z-index: 0;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

    height: 100%;

    width: 100%;

}

a {

    color: blue;

}

.wrapper {

    margin: 0 auto;

    padding-left: 80px;

    padding-right: 80px;

}

.wrapper-fixed {

    max-width: 1080px;

}



/* header */

header {

    height: 80px;

    margin: 40px 80px;

    text-align: center;

}

.logo {

    display: inline-block;

    float: left;

    width: 80px;

    height: 80px;

    margin-left: -10px;

    margin-right: -70px;

    margin-top: -10px;

}

.slogan {

    text-transform: uppercase;

    font-weight: 400;

    font-size: 7px;

    width: 65px;

    border-radius: 1px;

    padding: 1px;

    position: absolute;

    margin-top: 80px;

    margin-left: -4px;

    text-align: center;

    cursor: default;

}



/* menu */

nav {

    display: inline-block;

    margin-top: 12px;

}

nav ul {

    display: inline-block;

    padding: 0;

    list-style: none;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

}

nav li {

    display: inline-block;

}

nav li:not(:first-child):before {

    content: '·';

    display: inline-block;

    padding: 0 20px;

}

nav a {

    text-decoration: none;

}

nav li span {

    display: block;

    height: 2px;

    margin-top: 4px;

    margin-right: 3px;

}

nav li:not(:first-child) span {

    margin-left: 47px;

}



/* h1 */

h1,

h2 {

    position: relative;

    text-align: center;

    font-family: 'Tinos', serif;

    font-weight: 400;

}

h1 {

    font-size: 40px;

}

h2 {

    font-size: 40px;

    margin-top: 80px;

}

h1 span,

h2 span {

    z-index: 1;

    position: relative;

    padding: 0 40px;

}

h1:before,

h2:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 1px;

    top: 52%;

    background: #666;

}

h1:before,

h2:before {

    left: 0;

}



dd {

    font-weight: 600;

    margin-left: 0;

}

dd:not(:first-child) {

    margin-top: 20px;

}

a[href^='tel'] {

    color: #000;

    text-decoration: none;

}

a[href^='tel']:hover {

    color: blue;

    text-decoration: underline;

}



/* footer */

footer {

    margin: 40px 80px 0;

    text-align: center;

    text-transform: uppercase;

    padding: 30px;

    border-top-width: 1px;

    border-top-style: solid;

}

footer a {

    text-decoration: none;

}

footer:hover a {

    text-decoration: underline;

}