/* Start:/bitrix/components/tbm/main.feedback/templates/become_dealer/style.css?16887270673978*/
div.mfeedback {}
div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;}
div.mf-name input, div.mf-email input {width:60%;}
div.mf-message textarea {width: 60%;}
span.mf-req {color:red;}
div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;}

.product-direction__checkboxes {
    background: #fff;
    width: fit-content;
    padding: 10px;
border: 1px rgb(155 159 161) solid;
position: absolute;
    top: 51px;
display: none;
z-index: 200;
}

#productDirectionSelect:checked ~ .product-direction__checkboxes {
display: block;
}

#productDirectionSelect:checked + .product-direction__select .product-direction__select-svg {
    transform: rotate(180deg);
}

.product-direction__container {
  display: block;
  position: relative;
padding-left: 21px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
color: #333;
font-size: 14px;
font-family: Tahoma;
font-style: normal;
font-weight: 400;
line-height: normal;

}

.product-direction__container .product-direction__checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.product-direction__checkmark {
position: absolute;
    top: 1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px rgba(155, 159, 161, 1) solid;
}



.product-direction__container .product-direction__checkbox:checked ~ .product-direction__checkmark {
    background-color: #ffffff;
}

.product-direction__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.product-direction__container .product-direction__checkbox:checked ~ .product-direction__checkmark:after {
  display: block;
}

.product-direction__container .product-direction__checkmark:after {
left: 4px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: 1px solid #31A5B3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}


.product-direction__container:hover .product-direction__checkmark {
    border: 1px rgb(49 165 179) solid;
}

.product-direction__tag {
position: relative;
display: inline-block;
margin-right: 15px;
}

.product-direction__tag-close {
position: absolute;
    right: -12px;
    top: 1px;
    cursor: pointer;
}

.product-direction__tags {
margin: 10px 0 20px 0;	
}

.product-direction__select {
height: 50px;
    width: 350px !important;
    border: 1px solid #C4C4C4;
    background: #FFF;
    margin-bottom: 15px;
position: relative;
}

.product-direction__select-svg {
position: absolute;
    right: 20px;
    top: 20px;
}

.product-direction__select-wrapper {
position: relative;
}









.boxModal {
display: none;
    position: fixed;
    width: 400px;
    background: #ffffff;
    margin: 20px auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    top: calc(50% - 125px);
    left: 0;
    right: 0;
    z-index: 999;
    border-radius: 6px;
    border: 2px #008c99 solid;
    padding: 20px;
    box-sizing: border-box

}
.boxModal .close {
    position: relative;
    color: #ffffff;
    border: 2px solid #262626;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0;
    border-radius: 6px;
    margin: 0 auto;
    display: block;
    text-decoration: none;
background: #008c99;
margin-top: 20px;
}

.boxModal .close:hover {
    color: #ffffff;
background: #99c8ce;
}

.contentModal {
  position: absolute;
  background:#01BAF2;
  top: 0;  
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px;
  border: 5px solid #262626;
  box-sizing: border-box;
  transform: perspective(1000px) rotateY(90deg) scale(0);
  transition: .5s;
}
.contentModal h1 {
  margin: 0;
  padding: 0;
  color: #fdf2e4;
  text-shadow: 0px 1px #232222;
  font-size: 23px;
}
.contentModal p {
  color: #262626;
}
.boxModal.active {
  display: block;
}
/* End */
/* /bitrix/components/tbm/main.feedback/templates/become_dealer/style.css?16887270673978 */