@font-face {
    font-family: 'Stratos LC Web';
    src: url('../fonts/StratosLCWeb-Light.eot');
    src: local('Stratos LC Web Light'), local('StratosLCWeb-Light'),
        url('../fonts/StratosLCWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/StratosLCWeb-Light.woff2') format('woff2'),
        url('../fonts/StratosLCWeb-Light.woff') format('woff'),
        url('../fonts/StratosLCWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Stratos LC Web';
    src: url('../fonts/StratosLCWeb-Bold.eot');
    src: local('Stratos LC Web Bold'), local('StratosLCWeb-Bold'),
        url('../fonts/StratosLCWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/StratosLCWeb-Bold.woff2') format('woff2'),
        url('../fonts/StratosLCWeb-Bold.woff') format('woff'),
        url('../fonts/StratosLCWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Stratos LC Web';
    src: url('../fonts/StratosLCWeb-Medium.eot');
    src: local('Stratos LC Web Medium'), local('StratosLCWeb-Medium'),
        url('../fonts/StratosLCWeb-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/StratosLCWeb-Medium.woff2') format('woff2'),
        url('../fonts/StratosLCWeb-Medium.woff') format('woff'),
        url('../fonts/StratosLCWeb-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Stratos LC Web';
    src: url('../fonts/StratosLCWeb-Regular.eot');
    src: local('Stratos LC Web'), local('StratosLCWeb-Regular'),
        url('../fonts/StratosLCWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/StratosLCWeb-Regular.woff2') format('woff2'),
        url('../fonts/StratosLCWeb-Regular.woff') format('woff'),
        url('../fonts/StratosLCWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

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

html, body {
	margin: 0;
	padding: 0;
	background: #fff;
}

html, body, input, button {
	font-family: 'Stratos LC Web';
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.container {
	width: 1024px;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.wrap {
	flex-wrap: wrap;
}

.ai-c {
	align-items: center;
}

.jc-sb {
	justify-content: space-between;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.link {
	color: #0085FF;
	text-decoration: none;
}

.link:hover {
	text-decoration: underline;
}

.btn {
	background: transparent;
    border: none;
    border-radius: 68px;
    padding: 0 28px;
    font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}

.btn.green {
	color: #fff;
	background: #55c253;
}

.btn.rose {
	color: #fff;
	background: #EE3E58;
}

.header {
	height: 75px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEEEEE;
}

.header.mb {
	margin-bottom: 50px;
}

.header-logo {
	display: block;
    width: 180px;
}

.header-logo img {
	width: 100%;
	height: 100%;
	display: block;
}





.search-input {
	background: #F6F6F6;
    border-radius: 68px;
    border: none;
    padding: 13px 23px 14px;
    margin-right: 15px;
    min-width: 320px;
}




.box-cover {
	width: 100%;
    height: 387px;
    margin-bottom: 75px;
	background: url('/img/main.svg') no-repeat;
}

.box-cover__body {
	width: calc(64% - 33.5px);
    height: 100%;
}

.box-cover__body-item {
	padding: 0 60px;
}

.box-cover__body-item h1 {
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
	font-weight: 500;
    font-size: 34px;
    line-height: 40px;
}

.box-cover__body-item p {
	margin: 0;
    font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
    margin-bottom: 35px;
    color: rgba(255, 255, 255, 0.8);
}



.box-search .search-input {
	color: #fff;
	background: #1C1C1C;
}

.btn-link {
	line-height: 40px;
    text-decoration: none;
}

.btn-link span {
	display: inline-block;
}

.dom-text {
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.6);
}

.title-beet {
	font-weight: 500;
	font-size: 32px;
    line-height: 55px;
	color: #000;
	margin: 0;
	margin-bottom: 32px;
	position: relative;
}

.title-beet span {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #55C253;
	margin-left: 15px;
	position: absolute;
    top: 15px;
}


.list-related {
	border: 1px solid #EEEEEE;
border-radius: 12px;padding: 23px 25px;
}

.list-related a {
	display: block;
	font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 30px;
text-decoration: none;
color: #0085FF;
}

.list-related a span {
	color: rgba(0, 0, 0, 0.8);
}

.list-related a:hover {
	text-decoration: underline;
}

.content .left {
	width: 728px;
}

.content .right {
	width: 256px;
}

.content .right .item h2 {
	margin: 0;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 17px;
}





.list {
	margin-bottom: 40px;
}

.list .item {
	width: 31.96%;
    margin: 5px;
	border: 1px solid #EEEEEE;
	border-radius: 12px;
}

.list .item a {
	width: 100%;
    display: block;
    padding: 39px 0 21px;
    text-align: center;
    text-decoration: none;
}

.list .item .cover {
	height: 57px;
	margin-bottom: 16px;
}

.list .item .cover img {
	display: block;
    margin: 0 auto;
}

.list .item .name {
	font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 13px;
color: #0085FF;
}

.list .item .name b {
	font-weight: 500;
}

.list .item .domain, .list .item .domain h3 {
	font-family: 'Roboto';
	font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.mb-7 {
	margin-bottom: 7px;
}

.title-d {
	font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    margin: 0;
}

.status-item {
	border: 1px solid #EEEEEE;
border-radius: 12px;
width: 32%;
text-align: center;
padding: 20px 0;
}

.status-name, .status-name h4 {
	font-weight: 500;
	font-size: 19px;
    line-height: 26px;
    color: #55C253;
    margin: 0;
}


.icon-st {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 .5c.552 0 1 .482 1 1.077v10.508l2.293-2.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L4 12.085V1.577c0-.555.39-1.012.891-1.07L5 .5Zm10.707.253 4 4a1 1 0 0 1-1.414 1.414L16 3.874V14.46a1 1 0 1 1-2 0V3.874l-2.293 2.293a1 1 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0Z' fill='%2355C253'/%3E%3C/svg%3E") no-repeat;
}

.icon-cd {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1ZM6 0a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1Zm5 8a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm5-4a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1Z' fill='%2355C253'/%3E%3C/svg%3E") no-repeat;
}

.icon-rs {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0c3.25 0 6.283 1.303 8.5 3.529V2l.007-.117A1 1 0 0 1 23 2v4l-.007.117A1 1 0 0 1 22 7h-4l-.117-.007A1 1 0 0 1 18 5h1.643A9.974 9.974 0 0 0 12.5 2c-5.523 0-10 4.477-10 10s4.477 10 10 10a9.964 9.964 0 0 0 7.072-2.93 1 1 0 1 1 1.415 1.414A11.964 11.964 0 0 1 12.5 24c-6.627 0-12-5.373-12-12s5.373-12 12-12ZM12 6a1 1 0 0 1 1 1v4.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1Z' fill='%230085FF'/%3E%3C/svg%3E") no-repeat;
}

.status-img {
	margin-bottom: 20px;
}

.status-icon {
	width: 20px;
    height: 15px;
    display: inline-block;
}

.status-item.red .status-name {
	color: #FE4B55;
}

.status-item.red .icon-st {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 .5c.552 0 1 .482 1 1.077v10.508l2.293-2.292a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L4 12.085V1.577c0-.555.39-1.012.891-1.07L5 .5Zm10.707.253 4 4a1 1 0 0 1-1.414 1.414L16 3.874V14.46a1 1 0 1 1-2 0V3.874l-2.293 2.293a1 1 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0Z' fill='%23FE4B55'/%3E%3C/svg%3E") no-repeat;
}

.center {
	text-align: center;
}

.text-flow {
	margin: 20px 0;
	font-family: 'Roboto';
	font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: rgba(0, 0, 0, 0.6);
}

.textinf button {
	padding: 13px 30px;
}


.status-item.blue .status-name, .status-item.blue .status-name h4 {
	color: #0085FF;
}

.rev-item {
	border: 1px solid rgba(85, 194, 83, 0.3);
border-radius: 12px;
padding: 27px 25px 22px 65px;
display: block;
text-decoration: none;
font-size: 14px;
position: relative;
margin-bottom: 15px;
}

.rev-item::before {
	content: '';
	left: 15px;
    width: 35px;
    height: 35px;
    position: absolute;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='34' height='34' rx='7.5' stroke='%2355C253' stroke-opacity='.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.693 10.854c-.169.043-.466.217-.56.33a1.95 1.95 0 0 0-.18.279l-.093.178V23.366l.093.178c.14.263.244.372.488.504l.22.119h1.705l.182-.096c.23-.122.402-.293.523-.523l.096-.182V11.641l-.096-.182a1.21 1.21 0 0 0-.523-.523c-.181-.095-.184-.095-.965-.102-.431-.004-.831.005-.89.02Zm-5.01 3.34c-.318.081-.602.313-.75.613l-.086.174v8.385l.119.22c.132.243.24.348.504.487l.177.094h1.706l.178-.094c.263-.139.372-.244.504-.487l.119-.22v-8.385l-.094-.178c-.139-.263-.244-.371-.488-.503l-.219-.12-.783-.006c-.431-.003-.83.006-.888.02Zm-5.016 3.34c-.169.043-.466.218-.56.33a1.942 1.942 0 0 0-.18.28l-.093.177v5.045l.093.178c.14.263.244.372.488.504l.22.119h1.705l.22-.12c.243-.131.348-.24.487-.503l.094-.178v-5.045l-.12-.22a1.089 1.089 0 0 0-.523-.5c-.148-.074-.208-.08-.941-.086-.431-.004-.832.005-.89.02Z' fill='%2355C253'/%3E%3C/svg%3E") no-repeat;
}

.rev-title {
	font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #000;
}

.rev-title span {
	text-decoration: none;
	color: #0085FF;
}

.main {
	margin-bottom: 100px;
}

.rev-item p {
	margin: 0;
    margin-top: 0px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
}

.rev-item .rev-date {
	margin-top: 7px;
    display: block;
	font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 23px;
color: rgba(0, 0, 0, 0.5);
}

.inform-txt {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 31px;
}


.inform-txt h1 {
font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin: 0;
    margin-bottom: 5px;
}

.inform-txt p {
	margin: 0;
	font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.6);
}

.graphic-title {
	font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #55C253;
    margin: 0;
    margin-bottom: 17px;
}

.graphic-title span {
	color: #000;
}

.reviews-form {
	margin-bottom: 13px;
	border: 1px solid #EEEEEE;
border-radius: 12px;padding: 30px 37px;
}

.reviews-form b {
font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 16px;
    display: block;
}

.reviews-form p {
font-weight: 400;
font-size: 14px;
line-height: 23px;

color: rgba(0, 0, 0, 0.6);
}

.form-title__rev {
	margin-top: 50px;
	margin-bottom: 22px;
}

.form-title__rev h2 {
	font-style: normal;
    font-weight: 500;
    font-size: 29px;
    line-height: 36px;
    margin: 0;
    color: #000;
    margin-bottom: 7px;
}

.form-title__rev span {
	font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
color: rgba(0, 0, 0, 0.6);
}

.reviews-form textarea, .reviews-form input {
	width: 100%;
    padding: 11px 17px;
    background: #FCFCFC;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.6);
}

.btn.min {
	padding: 12px 28px;
	font-weight: 500;
}

.rev-g {
	margin-bottom: 15px;
}

.reviews-box {
	border: 1px solid #EEEEEE;
border-radius: 12px;
padding: 30px 37px;
margin-bottom: 40px;
}

.reviews-box h2 {
	font-weight: 500;
font-size: 25;
line-height: 29px;
/* identical to box height, or 163% */


color: #000000;
margin: 0;
margin-bottom: 20px;
}

.revi-item:not(:last-child) {
	padding-bottom: 15px;
    margin-bottom: 15px;
	border-bottom: 1px solid #EEEEEE;
}

.revi-name {
	font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
/* identical to box height, or 162% */


color: #000000;

}

.revi-text {
	font-weight: 400;
font-size: 14px;
line-height: 23px;

color: rgba(0, 0, 0, 0.8);

}


.responseResult {
	display: none;
	padding: 15px 20px;
    margin-bottom: 15px;
    background: #EE3E58;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

.responseResult.su {
	background: #55c253;
}


.bx-border {
	border: 3px solid #EE3E58;
border-radius: 12px;
padding: 35px 33px;
}

.bx-border h2 {
font-style: normal;
    font-weight: 500;
    font-size: 29px;
    line-height: 23px;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
}

.bx-border p {
	margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.6);
}








.form-title__rev-box {
	background: #F7F8FA;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 15px;
}

.form-title__rev-box p {
	margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.7);
}

.form-title__rev-box p a {
	margin-right: 9px;
}




.text-dd {
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.8);
}

.text-dd b {
	padding-right: 8px;
}



.footer {
	padding: 40px 0;
	background: #F7F8FA;
border-top: 1px solid #EEEEEE;
}

.footer-logo {
	width: 190px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.footer-text {
	font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 23px;
text-align: center;
color: rgba(0, 0, 0, 0.5);
}

.footer-text p {
	margin: 0;
}


.graphic {
	border: 1px solid #EEEEEE;
    border-radius: 12px;
    margin-bottom: 30px;
    padding: 30px 31px;
}

.resultProbs {
	display: none;
}

.listProbs .btn {
	margin-right: 10px;
	padding: 9px 28px;
    margin-bottom: 10px;
}

.probs-item {
	display: inline-block;
}

@media screen and (max-width: 1024px)
{
	.container {
		width: 100%;
		padding: 0 20px;
	}

	.content {
		flex-direction: column;
	}

	.content .left, .content .right {
		width: 100%;
	}

	.main {
		margin-bottom: 20px;
	}

	.box-cover {
		background: #000;
	    border-radius: 18px;
	    height: 100%;
	    margin-bottom: 30px;
	}

	.box-cover__body {
		width: 100%;
	}

	.box-cover__body-item {
		padding: 40px 60px;
	}

	.header.mb {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1023px)
{
	.domproblems {
		display: block;
	}

	.domproblems .btn {
		padding: 3px 28px;
	    margin-top: 20px;
	    display: inline-block;
	}
}

@media screen and (max-width: 767px)
{
	.list .item {
		width: 31%;
	}
}

@media screen and (max-width: 736px)
{
	.header {
		height: auto;
		padding: 20px 0;
	}

	.header-box {
		flex-direction: column;
		justify-content: center;
	}

	.header-logo {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 673px)
{
	.title-beet {
		text-align: center;
	}

	.title-beet span {
		position: relative;
	    display: block;
	    margin-left: 0;
	    top: 0;
	}

	.domtitles {
		display: block;
		text-align: center;
	}

	.domtitles .btn {
		padding: 0px 28px;
    margin-top: 24px;
    margin-bottom: 10px;
    display: inline-block;
	}

	.domtextes {
		text-align: center;
	}
}

@media screen and (max-width: 603px)
{
	.header form > div, .box-search > div {
		display: block;
		text-align: center;
	}

	.header form input, .box-search input {
		min-width: 100%;
	    margin-right: 0;
	    margin-bottom: 12px;
	}

	.header form .btn, .box-search .btn {
		padding: 10px 28px;
	}

	.status {
		display: block;
	}

	.status-item {
		width: 100%;
    	margin-bottom: 15px;
	}
}

@media screen and (max-width: 550px)
{
	.list .item .cover {
		width: 57px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 16px;
	}

	.list .item .cover img {
		width: 100%;
    height: 100%;
	}

	.box-cover__body-item h1 {
		font-size: 26px;
    	line-height: 32px;
	}

	.box-cover__body-item p {
		font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
	}
}

@media screen and (max-width: 500px)
{
	.list .item {
		width: 46%;
	}
}

@media screen and (max-width: 430px)
{
	.box-cover__body-item h1 {
		font-size: 18px;
    line-height: 24px;
    text-align: center;
	}

	.box-cover__body-item p {
		font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
    text-align: center;
	}

	.box-cover__body-item {
		padding: 20px;
	}
}

@media screen and (max-width: 350px)
{
	.list .item {
		width: 100%;
	}
}