:root {
 --color_base:#fff;
 --color_primary:#3a4752;
 --color_secondary:#333;
 --color_red:red;
 --color_border:#ddd;
 --color_input:#f2f2f2;
 --color_btn:#388e3c;
 --color_btn_hover:#2bac31;
 --color_green:#d9ead3;
 --color_yellow:#fff2cc;
 --color_dark:#f3f3f3;
 --color_comments_priamry:#9faeb5;
 --color_comments_secondary:#eeee;
 --color_comments_text:#414141;
 --color_comments_hover:#5f95ad
}
.cta * {
 margin:0!important;
 -webkit-margin-before:0!important;
 -webkit-margin-end:0!important;
 -webkit-margin-after:0!important;
 -webkit-margin-start:0!important;
 margin-block-start:0!important;
 margin-block-end:0!important;
 margin-inline-start:0!important;
 margin-inline-end:0!important;
 padding:0!important;
 border-style:none!important;
 border-width:0!important;
 border-color:transparent!important;
 font-size:100%!important;
 box-sizing:border-box!important
}
.cenz * {
 margin:0!important;
 -webkit-margin-before:0!important;
 -webkit-margin-end:0!important;
 -webkit-margin-after:0!important;
 -webkit-margin-start:0!important;
 margin-block-start:0!important;
 margin-block-end:0!important;
 margin-inline-start:0!important;
 margin-inline-end:0!important;
 padding:0!important;
 border-style:none!important;
 border-width:0!important;
 border-color:transparent!important;
 font-size:100%!important;
 box-sizing:border-box!important
}
.cta {
 max-width:780px!important;
 margin:25px auto!important
}
.door {
 position:relative!important;
 display:flex!important;
 flex-flow:column!important;
 gap:15px!important;
 height:330px!important;
 min-width:280px!important;
 max-width:300px!important;
 margin:0 auto!important;
 padding:0!important;
 transition:opacity .4s linear , height .5s linear .6s;
 -webkit-box-direction:normal!important;
 -webkit-box-orient:vertical!important
}
.door.hidden {
 height:0!important;
 opacity:0!important
}
.door.none {
 display:none!important
}
.door__title {
 padding:15px!important;
 border-radius:.5em!important;
 font:700 22px/1.3 "PT Sans, sans-serif"!important;
 text-align:center!important;
 text-transform:uppercase!important;
 color:var(--color_base)!important;
 background-color:var(--color_primary)!important
}
.door__container {
 position:relative!important;
 display:flex!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:10px!important;
 -webkit-box-align:center!important;
 -webkit-box-pack:justify!important;
 -ms-flex-align:center!important;
 -ms-flex-pack:justify!important
}
.door__item {
 cursor:pointer!important;
 position:relative!important;
 z-index:10!important;
 width:100%!important;
 height:200px!important;
 min-width:85px!important;
 box-shadow:inset -1px -1px 0 1px #191919 , inset 1px 1px 0 1px #191919!important;
 perspective:500px!important
}
.door__item.open>.door__item-img {
 transform:rotateY(-85deg)!important
}
.door__item-discount {
 position:absolute!important;
 top:50%!important;
 left:50%!important;
 display:inline-block!important;
 width:70px!important;
 border-radius:100%!important;
 font-size:20px!important;
 font-weight:700!important;
 text-align:center!important;
 line-height:70px!important;
 color:var(--color_red)!important;
 transform:translateX(-50%) translateY(-50%)!important;
 vertical-align:baseline!important;
 box-shadow:0 0 2px 2px #7f7878!important
}
.door__item-img {
 cursor:pointer!important;
 width:inherit!important;
 height:inherit!important;
 transform:rotateY(0deg)!important;
 transform-origin:0% 0%!important;
 transition:-webkit-transform .75s ease!important;
 transition:transform .75s ease!important;
 transition:transform .75s ease , -webkit-transform .75s ease!important
}
.door__item-img:hover {
 transform:rotateY(-30deg)!important
}
@media all and (min-width:475px) {
 .door {
  height:390px!important;
  max-width:380px!important
 }
 .door__title {
  font-size:24px!important
 }
 .door__item {
  width:120px!important;
  height:250px!important
 }
 .door__item-discount {
  width:90px!important;
  font-size:26px!important;
  line-height:90px!important
 }
}
@media all and (min-width:576px) {
 .door {
  height:450px!important;
  max-width:460px!important
 }
 .door__title {
  font-size:26px!important
 }
 .door__item {
  width:100%!important;
  height:300px!important
 }
 .door__item-discount {
  width:110px!important;
  font-size:30px!important;
  line-height:110px!important
 }
}
@media all and (min-width:768px) {
 .door {
  height:540px!important;
  max-width:560px!important
 }
 .door__title {
  font-size:28px!important
 }
 .door__item {
  width:100%!important;
  height:370px!important
 }
 .door__item-discount {
  width:120px!important;
  font-size:34px!important;
  line-height:120px!important
 }
}
@media all and (min-width:992px) {
 .door {
  gap:20px!important;
  max-width:760px!important
 }
 .door__item {
  width:190px!important;
  height:400px!important
 }
 .door__item-discount {
  width:140px!important;
  font-size:42px!important;
  line-height:140px!important
 }
}
@media all and (min-width:1200px) {
 .door {
  max-width:780px!important
 }
}



.spin {
 position:fixed!important;
 top:0!important;
 left:0!important;
 z-index:1000!important;
 display:none!important;
 width:100%!important;
 height:100%!important;
 background-color:rgba(0,0,0,.2)!important
}
.spin.active {
 display:block!important
}
.spin__content {
 position:absolute!important;
 top:50%!important;
 left:50%!important;
 z-index:10!important;
 width:300px!important;
 height:auto!important;
 min-width:270px!important;
 padding:80px 20px 20px 20px!important;
 border-radius:10px!important;
 background-color:var(--color_base)!important;
 transform:translateX(-50%) translateY(-50%)
}
.spin__content::before {
 content:"";
 position:absolute;
 top:-55px;
 right:0;
 left:0;
 width:110px;
 height:110px;
 margin:0 auto;
 border-radius:50%;
 background-color:#71c341;
 animation:.5s ease .6s normal backwards 1 running pop-up-appear-before
}
.spin__content::after {
 content:"";
 position:absolute;
 top:-20px;
 right:0;
 left:0;
 width:50px;
 height:20px;
 margin:0 auto;
 border-style:none none solid solid;
 border-width:medium medium 4px 4px;
 border-color:currentcolor currentcolor #fff #fff;
 border-image:none;
 transform:rotate(-45deg);
 transition:opacity 1s ease 0s;
 animation:.5s ease .6s normal backwards 1 running pop-up-appear-after;
 -moz-border-bottom-colors:none;
 -moz-border-left-colors:none;
 -moz-border-right-colors:none;
 -moz-border-top-colors:none
}
.spin__title {
 margin-bottom:15px!important;
 font-size:30px!important;
 font-weight:500!important;
 text-align:center!important
}
.spin__text {
 margin-bottom:30px!important;
 font-size:22px!important;
 font-weight:400!important;
 text-align:center!important;
 line-height:1.3!important
}
.spin__btn {
 cursor:pointer!important;
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:center!important;
 align-items:center!important;
 gap:5px!important;
 width:180px!important;
 min-height:45px!important;
 margin:0 auto!important;
 padding:10px!important;
 border-radius:10px!important;
 font-size:18px!important;
 font-weight:700!important;
 text-transform:uppercase!important;
 color:var(--color_base)!important;
 background-color:#71c341!important;
 transition:background-color .2s linear!important;
 box-shadow:none!important;
 -webkit-box-align:center!important;
 -webkit-box-pack:center!important;
 -ms-flex-align:center!important;
 -ms-flex-pack:center!important
}
.spin__btn:hover {
 background-color:#53a723!important
}
@media all and (min-width:475px) {
 .spin__content {
  width:400px!important
 }
}
@keyframes pop-up-appear-before {
 0% {
  transform:scale(0)
 }
 100% {
  transform:scale(1)
 }
}
@keyframes pop-up-appear-before {
 0% {
  transform:scale(0)
 }
 100% {
  transform:scale(1)
 }
}
@keyframes pop-up-appear-after {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes pop-up-appear-after {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}