html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { outline: none; }

html { -webkit-text-size-adjust: none; }
body { font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif; line-height: 1.25; font-size: 16px; font-weight: 400; color: #292929; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1; margin-bottom: 20px; }
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }

p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
.ccode_name + h2, .ccode_name + h3, .ccode_name + h4, .ccode_name + h5, .ccode_name + h6 { margin-top: 30px; }

a { color: #1974d2; text-decoration: none; -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { text-decoration: underline; }

textarea,
select,
button,
input { font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif; font-weight: 400; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

textarea,
select,
button,
input { width: 100%; border: 1px solid #cfd1cd; padding: 10px 15px; color: #292929; font-size: 16px; border-radius: 5px; cursor: pointer; }

textarea:focus,
select:focus,
button:focus,
input:focus{ outline: none; border-color: #9370db; }

textarea { min-height: 50px; height: 100px; resize: vertical; }

select,
button,
input { height: 40px; }

input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder { color: transparent; }

input[type='checkbox'] { width: 20px; height: 20px; }

strong, b { font-weight: 600; }

.ic { background-repeat: no-repeat; background-position: left center; background-size: 16px auto; }
  .ic.comm { background-image: url("../images/svg/comment.svg"); }
  .ic.rating { background-image: url("../images/svg/rating.svg"); background-size: 14px auto; }

.score,
.type,
.views { float: left; min-width: 24px; text-align: center; padding: 2px 10px; border-radius: 5px; color: #fff; margin-right: 10px; font-size: 13px; text-transform: uppercase; }

.score span,
.type span,
.views span { border-left: 1px solid rgba(255,255,255, 0.5); padding-left: 5px; margin-left: 5px; }

  .score.min { background-color: #ff2400; }
  .score.mid { background-color: #868686; }
  .score.max { background-color: #00b300; }

  .views { background-color: #0095cd; }
  .type { background-color: #9370db; }

  .score_text.min { color: #ff2400; }
  .score_text.mid { color: #868686; }
  .score_text.max { color: #00b300; }

.button { width: auto; color: #fff; border: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .button:hover { opacity: 0.8; }
  .button.purple { background: #9370db; }
  .button.purple { background: #9370db; }

.info { float: right; }
  .info .comm,
  .info .rating { margin-left: 10px; padding-left: 18px; }
  .info .comm {  }
  .info .rating { color: #db8b00; }

.wrap { width: 100%; max-width: 1140px; margin: 0 auto; overflow: hidden; }
  .wrap .content { float: left; width: calc(100% - 280px - 30px); }
  .wrap .sidebar { float: right; width: 280px; }
  .wrap .sidebar .bl { margin-bottom: 30px; }

nav { width: 100%; min-height: 52px; margin-bottom: 30px; background: rgb(147,112,219); background: linear-gradient(90deg, rgba(147,112,219,1) 0%, rgba(0,206,209,1) 100%); overflow: hidden; }
  nav .logo { float: left; width: 152px; height: 35px; background: url("../images/logo.png"); background-size: 100% 100%; margin-top: 8px; }
  nav .navicon { display: none; position: absolute; top: 8px; right: 20px; cursor: pointer; width: 35px; height: 35px; background: url("../images/svg/navicon.svg"); background-size: 80% auto; background-repeat: no-repeat; background-position: center center; }

  nav ul { float: right; }
  nav ul li { float: left; }
  nav ul li a { display: block; padding: 16px; color: #fff; text-decoration: none; }
  nav ul li a:hover { background: rgb(147,112,219, 0.5); text-decoration: none; }
  nav ul li.active a { background: rgb(147,112,219, 0.5); }

.search { width: 100%; padding: 15px; background-color: #0095cd; border-radius: 5px; overflow: hidden; margin-bottom: 30px; }
  .search .form { float: left; width: calc(100% - 280px - 15px); }
  .search .form input { border: none; }
  .search .right { float: right; width: 280px; }
  .search .right .button { width: 100%; }

#breadcrumbs { width: 100%; background: #ededed; padding: 10px 15px; margin-bottom: 30px; border-radius: 5px; font-size: 14px; }
  #breadcrumbs span { margin: 0 10px; }

.article { width: 100%;  margin-bottom: 30px; line-height: 1.5; }
  .article a { text-decoration: underline; }
  .article a:hover { text-decoration: none; }
  .article p { margin-bottom: 10px; }
  .article p:last-child { margin-bottom: 0; }
  .article ul { margin-bottom: 10px; }
  .article ul li { margin-left: 30px; list-style: disc; }
  .article .inp { width: 100%; margin-bottom: 10px; }
  .article .item { width: 100%; overflow: hidden; margin: 10px 0; background: #ededed; padding: 10px 15px; border-radius: 5px; }
  .article .item ul { margin-bottom: 0; }
  .article .item .name { float: left; width: 100px; }
  .article .item .data { float: left; }
  .article .variants { color: #808080; }
  .article .video { width: 100%; margin-bottom: 20px; }
  .article .video video { width: 100%; display: block; }

.page_info { width: 100%; margin-bottom: 30px; }
  .page_info .text { line-height: 1.5; }



/* * * * * Blocks * * * * */



.short_phone { border: 1px solid #a9ebec; display: block; padding: 10px 15px; margin-bottom: -1px; text-decoration: none; }
  .short_phone:hover { background: rgb(0,206,209, 0.2); text-decoration: none; }
  .short_phone .number { color: #000; }

.add_comment { width: 100%; border: 1px solid #9370db; margin-bottom: 30px; }
  .add_comment .title { background: #9370db; color: #fff; padding: 10px 15px; border-bottom: 1px solid transparent; }
  .add_comment .panel { padding: 15px; }
  .add_comment .panel .item { float: left; width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .add_comment .panel .item:last-child { margin-right: 0; }
  .add_comment .panel .note { color: #808080; font-size: 14px; margin: 10px 0; }

.type_comment { height: 40px; border: 1px solid #cfd1cd; border-radius: 5px; overflow: hidden; }
  .type_comment input[type="radio"] { display: none; }
  .type_comment .option { float: left; width: 33.33%; height: 38px; background: #fff; margin: 0 0; cursor: pointer; padding: 0 10px; overflow: hidden; border-right: 1px solid #cfd1cd; }
  .type_comment .option:last-child { border-right: none; }
  .type_comment .option span {  }

  .type_comment #option-1:checked:checked ~ .option-1,
  .type_comment .option-1_inp:checked:checked ~ .option-1 { opacity: 1; background-color: #ff2400; background-image: url("../images/svg/smile_min_h.svg"); }

  .type_comment #option-2:checked:checked ~ .option-2,
  .type_comment .option-2_inp:checked:checked ~ .option-2 { opacity: 1; background-color: #868686; background-image: url("../images/svg/smile_mid_h.svg"); }

  .type_comment #option-3:checked:checked ~ .option-3,
  .type_comment .option-3_inp:checked:checked ~ .option-3 { opacity: 1; background-color: #00b300; background-image: url("../images/svg/smile_max_h.svg"); }

  .type_comment .option-1,
  .type_comment .option-2,
  .type_comment .option-3 { background-repeat: no-repeat; background-position: center center; background-size: 36px auto; opacity: 0.4; }

  .type_comment .option-1 { background-image: url("../images/svg/smile_min.svg"); }
  .type_comment .option-2 { background-image: url("../images/svg/smile_mid.svg"); }
  .type_comment .option-3 { background-image: url("../images/svg/smile_max.svg"); }

.comment { width: 100%; border: 1px solid #cfd1cd; margin-bottom: 20px; }
  .comment .score,
  .comment .type,
  .comment .views { float: none; display: inline-block; margin-right: 0; }
  .comment:last-child { margin-bottom: 0; }
  .comment .title { background: #ededed; padding: 10px 15px; border-bottom: 1px solid transparent; overflow: hidden; }
  .comment .title .left { float: left; }
  .comment .title .right { float: right; }
  .comment .title .name,
  .comment .title .number { font-weight: 600; }
  .comment .title .time { margin: 0 10px; }
  .comment .text { width: 100%; padding: 15px; line-height: 1.5; }
  .comment .text .category { color: #808080; border: 1px solid #cfd1cd; padding: 2px 5px; border-radius: 5px; font-size: 13px; text-transform: uppercase; }

#dle-comments-list > div { margin-bottom: 20px; }
  #dle-comments-list > div:last-child { margin-bottom: 0; }

.comments { margin-bottom: 30px; }

footer { width: 100%; padding: 15px; text-align: center; background: #ededed; border-top: 1px solid #cfd1cd; overflow: hidden; }

.mass_comments_action { display: none; }

.ccode_name { margin-top: 30px; }

.listing_codes { width: 100%; border-color: #a9ebec; border-style: solid; border-left-width: 1px; border-top-width: 1px; display: flex; flex-wrap: wrap; }
  .listing_codes a { padding: 5px 10px; border-color: #a9ebec; border-style: solid; border-bottom-width: 1px; border-right-width: 1px; display: flex; flex-direction: column; width: 10%; text-align: center; }
  .listing_codes a:hover { background: rgb(0,206,209, 0.2); text-decoration: none; }

.related { width: 100%; margin-bottom: 30px; overflow: hidden; }
  .related li { float: left; width: 25%; }

.navigation { width: 100%; text-align: center; margin-top: 30px; }
  .navigation span,
  .navigation a { border: 1px solid #a9ebec; display: inline-block; height: 40px; line-height: 38px; min-width: 40px; text-align: center; text-decoration: none; margin: 2px; }
  .navigation span,
  .navigation a:hover { background: rgb(0,206,209, 0.2); }
  .navigation .nav_ext { background: none; }

.links { width: 100%; margin-bottom: 20px; }
  .links a { border: 1px solid #a9ebec; display: inline-block; height: 40px; line-height: 38px; min-width: 40px; text-align: center; margin: 0 10px 10px 0; text-decoration: none; padding: 0 15px; border-radius: 5px; }
  .links a:hover { background: rgb(0,206,209, 0.2); }

.table { width: 100%; }

  .table tr {  }
  .table tr td { border: 1px solid #ededed; padding: 10px; }

  .table thead { background: #0095cd; color: #fff; }

  .table > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; }

  .table thead {  }
  .table thead tr {  }
  .table thead tr td {  }

.ct-chart { height: 200px; }
.report{
margin: 10px 0;
background: #ededed;
padding: 10px 15px;
border-radius: 5px;
}
.report a{
background-color: red;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 30px;
    display: block;
    width: fit-content;
    text-transform: uppercase;
    margin: 5px 0px;
}
.warning {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	justify-content: center;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background-color: #ededed;
    z-index:9999;
}

.warning--active {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 10px;
}

.warning__text {
	margin-right: 30px;
}

.warning__read {
	display: block;
	margin-left: 15px;
}

.warning__apply{
width: fit-content;
    height: auto;
    font-size: 12px;
    padding: 8px 20px;
}