@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/fonts/roboto-700.woff2) format("woff2")}.flipdown{font-family:Roboto,sans-serif;font-weight:700}.flipdown .rotor-group-heading:before{color:#000}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after{background-color:#151515}.flipdown .rotor,.flipdown .rotor-top,.flipdown .rotor-leaf-front{color:#fff;background-color:#18a300}.flipdown .rotor-bottom,.flipdown .rotor-leaf-rear{color:#fff;background-color:#eb4034}.flipdown .rotor:after{border-top:solid 1px #151515}.dark .flipdown{font-family:Roboto,sans-serif;font-weight:700}.dark .flipdown .rotor-group-heading:before{color:#eee}.dark .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,.dark .flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after{background-color:#ddd}.dark .flipdown .rotor,.dark .flipdown .rotor-top,.dark .flipdown .rotor-leaf-front{color:#f5f5f5;background-color:#106c00}.dark .flipdown .rotor-bottom,.dark .flipdown .rotor-leaf-rear{color:#f5f5f5;background-color:#96160c}.dark .flipdown .rotor:after{border-top:solid 1px #222222}.flipdown{overflow:visible;width:510px;height:110px}.flipdown .rotor-group{position:relative;float:left;padding-right:30px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{display:block;height:30px;line-height:30px;text-align:center}.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before{content:"";position:absolute;bottom:20px;left:115px;width:10px;height:10px;border-radius:50%}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after{content:"";position:absolute;bottom:50px;left:115px;width:10px;height:10px;border-radius:50%}.flipdown .rotor{position:relative;float:left;width:50px;height:80px;margin:0 5px 0 0;border-radius:4px;font-size:4rem;text-align:center;perspective:200px}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-top,.flipdown .rotor-bottom{overflow:hidden;position:absolute;width:50px;height:40px}.flipdown .rotor-leaf{z-index:1;position:absolute;width:50px;height:80px;transform-style:preserve-3d;transition:transform 0s}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all .5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{overflow:hidden;position:absolute;width:50px;height:40px;margin:0;transform:rotateX(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipdown .rotor-leaf-front{line-height:80px;border-radius:4px 4px 0 0}.flipdown .rotor-leaf-rear{line-height:0px;border-radius:0 0 4px 4px;transform:rotateX(-180deg)}.flipdown .rotor-top{line-height:80px;border-radius:4px 4px 0 0}.flipdown .rotor-bottom{bottom:0;line-height:0px;border-radius:0 0 4px 4px}.flipdown .rotor:after{content:"";z-index:2;position:absolute;bottom:0;left:0;width:50px;height:40px;border-radius:0 0 4px 4px}@media (max-width: 550px){.flipdown{width:312px;height:70px}.flipdown .rotor{font-size:2.2rem;margin-right:3px}.flipdown .rotor,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{width:30px}.flipdown .rotor-group{padding-right:20px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{font-size:.8rem;height:20px;line-height:20px}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before,.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after{left:69px}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):before{bottom:13px;height:8px;width:8px}.flipdown .rotor-group:nth-child(n + 2):nth-child(-n + 3):after{bottom:29px;height:8px;width:8px}.flipdown .rotor-leaf-front,.flipdown .rotor-top{line-height:50px}.flipdown .rotor-leaf,.flipdown .rotor{height:50px}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{height:25px}}.rotor-group-heading{font-family:IRANSans;font-weight:400;padding-bottom:4px}