body{background-color:#ffffff; margin:0px; padding:0px; border:0px; font-family: "Inter", sans-serif;}
.d_none{display:none;}
.cont{width:100%;}
.cont > div > div{max-width:780px; margin:0px auto;}


.cont .body,
.cont .podval{max-width:780px; margin:0px auto;}


.cont .head, .head .galochka, #btn_mod1, #btn_mod2{background-color:#00aaa7;}
.cont .head .head_rat{position:relative;}
.cont .head .head_rat.full_w{padding-top:5px;}/* фикс */
.cont .head .head_rat .head_rat_item{color:#ffffff; text-align:center;}
.cont .body, .cont .podval{padding-top: 60px;}
.cont .head, .cont .body, .cont .podval{padding-left: 0px; padding-right: 0px; padding-bottom: 60px;}
.cont .body .otst{padding-bottom: 60px;}
.rating-area{display: flex;flex-wrap: wrap; flex-direction: row-reverse;justify-content: flex-end; margin-top:60px;}
.rating-area label:last-child{margin-left:0px;}
.rating-area label{display: flex; align-items: center; flex-direction: column-reverse; margin: 0px 30px; min-height:65px;justify-content: space-between;}
.rating-area label span{font-size: 16px; display:inline-block;width: 20px; height: 20px; text-align: center;}



.rating-area:not(:checked) input{display: none;}
.rating-area:not(:checked) label{padding: 0;cursor: pointer;color: #242424;}
.rating-area:not(:checked) label:before,
.rating-area input:checked ~ label:before{font-size:44px; line-height:44px; border:0px;}
.rating-area:not(:checked) label:before{content: '○';}
.rating-area input:checked ~ label{color: #dd204f; font-weight:500;}
.rating-area2 input:checked ~ label:before{content: '◉'; font-size:31px; line-height: 43px;}
.rating-area:not(:checked) label:hover,
.rating-area:not(:checked) label:hover ~ label{color: #dd204f;}
.rating-area input:checked + label:hover,
.rating-area input:checked + label:hover ~ label,
.rating-area input:checked ~ label:hover,
.rating-area input:checked ~ label:hover ~ label,
.rating-area label:hover ~ input:checked ~ label{color: #dd204f;}
.rate-area label:active{position: relative;}
.rating-area3 label{margin: 0px 20px; min-width:27px;}
.rating-area4{display:block; margin-top: 60px;}
.rating-area4 label{display: flex; align-items: center;}
.rating-area4:not(:checked) label:before{content: '▢';}
.rating-area4 input:checked + label:before{content: '▣'; color:#dd204f;}
.rating-area4 input{display:none;}
.rating-area4 label:hover{cursor:pointer;}
.rating-area4 label:hover:before{color:#dd204f;}
.rating-area4 label:before{font-size: 30px; padding-right:10px;}
.rating-area4 label span{font-size:16px; font-weight:500;}
.cont .body_rat_list .body_rat_list_item{border:1px solid #cfcfcf; margin-bottom:20px; box-shadow: 0px 3px 4px 0px #bfbfbf;}
.cont .body_rat_list .body_rat_list_item{padding:40px;}


h1{margin: 0px 0px 40px 0px; padding:0px; font-weight:normal;}
p{margin: 0px; padding:0px;}
.body_rat_list_item .type_1{font-size:20px; color:#161616;font-weight: 500;}
.body_rat_list_item .type_2{font-size:16px; color:#504f4e;font-weight: 500; margin-top:10px;}


.body_rat_list_item .sklad input,
.body_rat_list_item textarea{width:85%; padding:20px; box-sizing: border-box; min-height:59px; height:59px; max-height:300px; resize: none; font-size:16px;line-height: 16px;}

.body_rat_list_item .sklad input{width:100%; margin:20px 0px;}



.cont .body_rat_list .body_rat_list_item,
.head_rat_item, .body_rat_list_item textarea{border-radius:10px;}

.text_pole, .text_pole_8{display: flex; align-items: center; justify-content: space-between; padding-top:40px;}
.text_pole_8{padding-top:10px;}


.head .line_logo{display: flex; flex-wrap: wrap; width: 100%;}
.head .line_logo .part1 img, .head .line_logo .part5 img{width:100%; height:65px;}
.head .line_logo_t{width: 100%; max-width: 1920px; position: relative; z-index: 1; margin: 0px auto -80px auto; padding-top: 30px;}
.head .line_logo_t *{font-size: 0px;}
.head .line_logo_t img{border:0px; box-sizing:border-box; outline:none; height:45px;}
.head .line_logo_t .part1{width:25%;}
.head .line_logo_t .part1 img, .line_logo_t .part5 img{width:100%;}
.head .line_logo_t .part2, .head .line_logo_t .part4{width:31px;}
.head .line_logo_t .part3{}
.head .line_logo_t .part3 img{max-width:174px; margin:0px 10px;}
.head .line_logo_t .part5 {width:100%;}
.head .full_w{width:100%; max-width:1920px;}
.head .full_w img{width:100%; border:0;}

.head .galochka{display: flex; border-radius: 50px; font-size: 50px; line-height: 0px; color: #ffffff; border: 7px solid #f6f6f6; width: 100px; height: 100px; align-items: center; justify-content: center; outline: none; box-sizing: border-box; margin:-50px auto 0px auto;}
.head .galochka_v1:before{content: '✔'; font-size:120%;}
.head .galochka_v2:before{content: '★'; font-size:170%; margin-top: -6px;}
/*.head .galochka_v3:before{content: '🖒';} не нашёл нужную иконку руки =( */
.head .galochka_v3 > svg{width:60%;}
.head_rat_item h1{margin:20px 0px 20px 0px;}
.head_rat_item_v5 h1{margin:20px 0px 0px 0px;}
.head_rat_item2 h1{margin:0px 0px 20px 0px;}
.head_rat_item p{font-size: 20px; font-weight: 500;}
#btn_mod1, #btn_mod2{ border: 0px; padding: 15px; border-radius: 5px; color: #ffffff; font-size: 16px; font-weight: 500;}
.cont .podval{padding-top:0px;}
.text_pole textarea:focus{outline: none;}
@media(max-width: 860px){
  
  .head_rat .d_viev{display:none;}
  .head_rat .d_none{display:block;}

  .head_rat_item h1 {margin: 25px 0px 15px 0px;}
  .head_rat_item_v5 h1{margin:20px 0px 0px 0px;}
  .rating-area{margin-top:30px; justify-content: space-around;}
.cont .body, .cont .podval{padding-top: 40px; padding-left: 10px; padding-right: 10px; }
.cont .head, .cont .body, .cont .podval{padding-bottom: 40px;}
  .cont .podval{padding-top:0px;}
  .rating-area label{margin: 0px 15px;}
  .cont .body .otst{padding-bottom: 40px;}
  h1{font-size:160%; font-weight: 500;}
  .cont > div > div > div > div, .head_rat_item{padding: 20px;}
  .text_pole{flex-direction:column}
  .text_pole textarea{width:100%; min-height:100px;}
  .text_pole .counter br{display:none;}
  .text_pole > .counter{width: 100%; text-align: right;}
  .text_pole > .counter > #counter{padding-left: 5px;}
  #btn_mod1, #btn_mod2{width:100%;}
  .rating-area3{display: flex;align-items: baseline;flex-direction: column-reverse;}
  .rating-area3 label {display: flex;align-items: flex-start;flex-direction: row;margin:0px; width: 100%; justify-content: flex-start;}
  .rating-area3 label span{margin-top: 15px; margin-left: 15px;}
  .head_rat_item2 h1{margin:0px 0px 20px 0px;}
  .head .line_logo_t .part1, .head .line_logo_t .part5 {width: 50%;}
}

/* portal.alpinefloor.ru start*/
.body .dop_0_elem{display: block; width: 100%; text-align: left; margin-top:30px;}
.body .dop_0_elem label{display: flex; flex-direction: row; width: 100%; min-height: initial; text-align: left; height: initial; margin: 0px;}
.body .dop_0_elem span{display: block; width: 100%; text-align: left; margin-top:7px;}
.body .dop_0_elem label:before{padding:0px 20px;}
.head_rat_item p > span{display:inline-block; text-align: left;}
.body_rat_list_item .p_sub{margin-bottom: -30px; margin-top: 40px; text-decoration: underline;}
/* portal.alpinefloor.ru end*/


@media(max-width: 860px){
.body .dop_0_elem {padding-bottom: 20px; margin-top:0px;}
.body .dop_0_elem span{margin-top:15px;}
.body .dop_0_elem label:before{padding: initial;}

}