* {margin: 0; padding: 0}
@font-face {font-family: 'MuseoSansCyrl-300'; src: url('museo-sans-cyrl-300.woff2')}
@font-face {font-family: 'MuseoSansCyrl-500'; src: url('museo-sans-cyrl-500.woff2')}
@font-face {font-family: 'MuseoSansCyrl-700'; src: url('museo-sans-cyrl-700.woff2')}
@font-face {font-family: 'MuseoSlab-500'; src:url('museo-slab-500.otf')}
@font-face {font-family: 'MuseoCyrl-500'; src:url('museo-cyrl-500.otf')}
@font-face {font-family: 'Noto-CK'; src:url('noto-ck.otf')}
body {background-color: rgba(250, 250, 250, 1)}
.wrapper {float: left; width: 100%; height: 854px; background: linear-gradient(rgba(250, 250, 250, 0), rgba(250, 250, 250, 1)), url('bG@2x.jpg'); background-size: cover;}
img {margin-left: 9px; width: 110px; height: 128px;}
img.image2x {display: none;}
.main {display: block; margin: 150px auto 0 auto; width: 1200px; height: 100%;}
.title {float: left; margin-left: 100px; width: 561px;}
.icon {float: left; width: 128px;}
.text {float: left; margin: 0 0 0 21px; width: 300px;}
table {border-collapse: collapse;}
td {height: 128px; vertical-align: middle;}
.text2 {margin-left: 150px; float: left; width: 300px;}
h1 {margin: 0; font-family: 'MuseoSansCyrl-500'; font-size: 20px; font-weight: normal; line-height: 25px; color: rgba(0, 109, 92, 1);}
h2 {margin: 2px 0 0 0; font-family: 'MuseoSansCyrl-700', 'NotoSerif'; font-size: 36px; font-weight: normal; line-height: 40px; color: rgba(51, 51, 51, 1);}
h3 {margin: 1px 0 0 1px; font-family: 'MuseoSlab-500', 'MuseoCyrl-500', 'Noto-CK'; font-size: 20px; font-weight: normal; line-height: 25px; color: rgba(51, 51, 51, 1);}
p {margin: 0 0 10px 0; font-family: 'MuseoSansCyrl-500'; font-size: 13px; letter-spacing: -0.5px; color: #a1a1a1;}
p a {color: #0076ff;}
p a:hover, p a:active {color: #0067df;}
a.button {margin: 20px 0 30px 0; border-radius: 4px; display: block; width: 250px; line-height: 40px; background-color: rgba(0, 109, 92, 1); text-align: center; font-family: 'MuseoSansCyrl-700', 'Noto-CK'; font-size: 15px; color: #fff; text-decoration: none;}
a.button:hover {background-color: rgba(0, 71, 61, 1);}
a.button:active {background-color: #007e6a;}
div.description {float: left; padding: 0 30px 30px 30px; width: 346px; background-color: rgba(255, 255, 255, 0.9); }
div.bullet {float: left; margin: 30px 0 0 0; background: url('icoOk.png') no-repeat top left; padding-left: 34px; font-family: 'MuseoSansCyrl-500', 'Noto-CK'; font-size: 16px; line-height: 25px; color: rgba(51, 51, 51, 1);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    img.image1x {display: none;}
    img.image2x {display: inline;}
    div.bullet {background: url('icoOk@2x.png') 2x no-repeat top left;}
}