#prl {
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(/bitrix/templates/mestov_copy/calc/img/beef.png), url(/bitrix/templates/mestov_copy/calc/img/chicken.png), url(/bitrix/templates/mestov_copy/calc/img/pork.png), url(/bitrix/templates/mestov_copy/calc/img/sheep.png);
}

h3{
  color: #656565;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.20px;
  word-wrap: break-word
}
.podlog {
  background-color: #FAF5EA;
  border-radius: 30px;
  padding-left:29px;
  padding-right:29px;
  padding-top:20px;
}
.calculator {
  background-color: #fbf8ef;
}

select.select_calculator { 
display: block; 
color: #444; 
line-height: 1; 
padding: .6em 1.4em .5em .8em; width: 100%; 
max-width: 100%; 
box-sizing: border-box; 
margin: 0; 
/*border: 1px solid #aaa;*/
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
border-radius: .5em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff; 
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); 
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
border:none; 
} 
 .select-css::-ms-expand { display: none; } 
 .select-css:hover { border-color: #888; } 
 .select-css:focus { border-color: #aaa; 
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring; 
color: #222;
 outline: none; 
} 
 .select-css option { font-weight:normal; } 
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { 
background-position: left .7em top 50%, 0 0; 
padding: .6em .8em .5em 1.4em; 
}

.name{
  object-fit: contain;
}
/*.questions {
  display: flex;
  justify-content: space-around;
}*/
.question_1{
  text-align: center;
}
.question_2, .question_3, .question_4{
  /*width: 33.333%;*/
  margin-top: 15px;
}
select.select_calculator {
  width: 230px;
}
.result_container {
  width:363px;
  height:140px;
  margin: 25px auto 0;
  background: white;
  border-radius: 15px
}
.result_container h3{
  color: black;
  font-size: 24px;
  font-weight: 400;
  line-height: 31.20px;
  text-align: center;
  padding-top: 16px;
}

.result{
  box-sizing: border-box;
  width: 100%;
  height: 55.35px;
  padding: 10px;
  color: #F4991A;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.promo{
  margin-top: 11px;
  position: relative;

  width: 100%;
  height: 50.66px;

  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: linear-gradient(180deg, #FCE34C 0%, #F9D348 100%);
  border-radius: 9.90911px;
  font-weight: normal;
  transition: background 5s ease-out;

  font-size: 1.35em;

  box-shadow: inset 0px -2.97273px 2.97273px rgba(0, 0, 0, 0.05), inset 0px 2.97273px 2.97273px rgba(255, 255, 255, 0.44);
  filter: drop-shadow(0px 2.97273px 5.94547px #CB9872);
}

.promo:hover{
  background: linear-gradient(180deg, #FCE34C 0%, #F9D348 0%);
}

.inactive{
  opacity: .3
}

/* RADIO */

/*.container {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
/*  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
/*}*/

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/point_back.svg');
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-image: url('/bitrix/templates/mestov_copy/calc/img/point_back.svg');
}

.container input:checked{
  opacity: 0
}


/* When the radio button is checked, add a blue background */

.container input:checked ~ .checkmark::after {
  content: "";
  height: 80%;
  width: 100%;
  position: absolute;
  opacity: 1 ;
  left: 0%;
  top: 0;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/fire.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark{
  opacity: 1 !important
}

.container input:checked ~ .list{
  opacity: 1 !important
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
  opacity: 1
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/point-back.svg');
}

/* BUTTON */

button, button:active, button:focus{
  background-color: transparent;
  border: none;
  color: black
}

.buttons_container button:hover {
  filter: none;
}

.buttons_container{
  width: 100%;
  display: flex;
  justify-content: center;
}

button.pork, button.beef, button.sheep, button.chicken{
  filter: drop-shadow(-1px 3px 0px rgba(200, 186, 169, 0.9));
  width: 150px;
  height: 100px;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.pork{
  background-image: url('/bitrix/templates/mestov_copy/calc/img/pork.png')
}

.beef{
  background-image: url('/bitrix/templates/mestov_copy/calc/img/beef.png')
}

.sheep{
  background-image: url('/bitrix/templates/mestov_copy/calc/img/sheep.png')
}

.chicken{
  background-image: url('/bitrix/templates/mestov_copy/calc/img/chicken.png')
}

.pork_checked, .pork:hover, .pork:active{
  filter: none;
  opacity: 1;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/pork.png')
}

.beef_checked, .beef:hover, .beef:active{
  filter: none;
  opacity: 1;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/beef.png')
}

.sheep_checked, .sheep:hover, .sheep:active{
  filter: none;
  opacity: 1;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/sheep.png')
}

.chicken_checked, .chicken:hover, .chicken:active{
  filter: none;
  opacity: 1;
  background-image: url('/bitrix/templates/mestov_copy/calc/img/chicken.png')
}


@media screen and  (max-width: 768px) {
.calculator{height: 500px;}
.podlog {height:500px;}
.result_container{width:100%; margin:0 auto;margin-top: 30px;}
select.select_calculator{width:100%; margin:0 auto;}
}

@media screen and (max-width: 340px), (max-height: 589px){


}