.guide{display:flex;flex-direction:column;position:relative}.guide .step{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.guide .step input{display:none}.guide .step label{display:flex;flex-direction:row;flex-wrap:wrap;width:20%}.guide .guide-item{width:100%;padding:3px;border:2px solid transparent}.guide .guide-item:hover{cursor:pointer;border:2px solid rgba(138,22,26,.3)}.guide .step input:checked+.guide-item{border:2px solid #8a161a;border-radius:3px}.guide .guide-item .guide-item__image{width:100%}.guide .guide-item .guide-item__image .guide-item__image__placeholder{width:100%;height:200px;display:block;background:silver}.guide .guide-item .guide-item__image img{width:100%;height:200px;object-fit:cover}.guide .products{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.guide .products .product-item{display:flex;width:20%;margin:5px;border:1px solid silver}.guide .products .product-item-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:15px}.guide .products .product-item .product-item__image{width:100%}.guide .products .product-item .product-item__image img{width:100%;height:200px;object-fit:cover}.guide .products .product-item .product-item__image .product-item__image__placeholder{width:100%;height:200px;display:block;background:silver}.guide .loader{display:none;align-items:center;justify-content:center;position:absolute;z-index:999;height:100%;width:100%;margin:auto}.guide .loader:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.4));background:-webkit-radial-gradient(rgba(20,20,20,.8),rgba(0,0,0,.4))}.guide .loader:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.guide .loader:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 150ms infinite linear;-moz-animation:spinner 150ms infinite linear;-ms-animation:spinner 150ms infinite linear;-o-animation:spinner 150ms infinite linear;animation:spinner 150ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0;box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}