.login-container{height:488px;position:relative;display: block;margin-right: auto;margin-left: auto;}.login-container .login-card{cursor:pointer;-webkit-transition:all .3s cubic-bezier(.77,0,.175,1);-moz-transition:all .3s cubic-bezier(.77,0,.175,1);-ms-transition:all .3s cubic-bezier(.77,0,.175,1);-o-transition:all .3s cubic-bezier(.77,0,.175,1);transition:all .3s cubic-bezier(.77,0,.175,1);height:488px;position:relative;background:#271842;border-radius:15px;overflow:hidden;box-shadow:1px 10px 30px -10px rgba(0,0,0,0.2); color:#e4e4e4;}.login-container .login-card:hover{-webkit-box-shadow: 0 2px 40px #f1f8e9;-moz-box-shadow: 0 2px 40px #f1f8e9;box-shadow: 0px 9px 43px rgba(41, 41, 58, 0.39);transform: scale(1.02);will-change: transform;transition: transform 950ms cubic-bezier(0.215, 0.61, 0.355, 1);}.login-container .login-card .front-view{position:absolute;width:100%;top:0;bottom:50px;right:0;-webkit-transition:right .3s linear;-moz-transition:right .3s linear;-o-transition:right .3s linear;transition:right .3s linear}.login-container .login-card .front-view.folded{right:30%}.login-container .login-card .front-view .header-container{width:100%;height:25%;position:relative}.header-container-zard{background-image: linear-gradient(-35deg, #28cc7d 3%, #399f99 94%);}.header-container-banafsh{background-image: linear-gradient(-35deg, #4E2BCC 3%, #B620E0 100%);}.header-container-sorkh{background-image: linear-gradient(-35deg, #9119B3 0%, #E64C4C 88%);}.header-container-jogari{background:#2a201c}.header-container-sabz{background-image: linear-gradient(-35deg, #57A900 3%, #69DFC4 94%);}.header-container-sabzabi{background-image: linear-gradient(-35deg, #247160 3%, #635bff 94%);}.header-container-narenji{background-image: linear-gradient(-35deg, #C85000 3%, #F8C332 94%);}.header-container-soolangi{background-image: linear-gradient(-35deg, #B31919 3%, #FB8332 94%);}.header-container-balangi{background-image: linear-gradient(-35deg, #28cc7d 3%, #399f99 94%);}.header-container-branding{background-image: linear-gradient(-35deg, #0f85bd 3%, #6fffd7 94%);}.header-container-sabzine{background-image: linear-gradient(-35deg, #10b115 3%, #20cee0 100%);}.header-container-abi{background-image: linear-gradient(-35deg, #289DCC 3%, #815EFF 94%);}.header-container-toosi{background-image: linear-gradient(-35deg, #8928cc 3%, #3a2c6b 94%);}.header-container-meshki{background-image: linear-gradient(-35deg, #2d1633 0%, #7d0f51 88%);}.header-container-khakestari{background-image: linear-gradient(-35deg, #73687b 3%, #262529 94%);}.header-container-girmiz{background-image: linear-gradient(-35deg, #560000 0%, #f72222 88%);}.header-container-zetooni{background:#7f8a24}.header-container-narve{background-image: linear-gradient(-35deg, #535396 3%, #200e5e 94%);}.fasele{margin-bottom:27px}.login-container .login-card .front-view .header-container .heading{text-transform:uppercase;text-align:center;padding:30px 8px 0px;color:white;font-weight:300;text-shadow:0 0 15px FFA000}.login-container .login-card .front-view .header-container .heading strong{font-weight:600}.login-container .login-card .front-view .header-container .wave-container{width:100%;height:50px;position:absolute;bottom:0}.login-container .login-card .front-view .header-container .wave-container .wave{display:block;width:100%;margin:0;height:50px}.login-container .login-card .front-view .header-container .wave-container .wave .parallax>use{-webkit-animation:move-forever 32s linear infinite;-moz-animation:move-forever 32s linear infinite;-o-animation:move-forever 32s linear infinite;animation:move-forever 32s linear infinite}.login-container .login-card .front-view .header-container .wave-container .wave .parallax>use:nth-child(1){-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s;-webkit-transform:translate(-110px,0%);-moz-transform:translate(-110px,0%);-o-transform:translate(-110px,0%);transform:translate(-110px,0%)}.login-container .login-card .front-view .header-container .wave-container .wave .parallax>use:nth-child(2){-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:17s;-moz-animation-duration:17s;-o-animation-duration:17s;animation-duration:17s}.login-container .login-card .front-view .header-container .wave-container .wave .parallax>use:nth-child(3){-webkit-animation-delay:-4s;-moz-animation-delay:-4s;-o-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;-webkit-transform:translate(-65px,0%);-moz-transform:translate(-65px,0%);-o-transform:translate(-65px,0%);transform:translate(-65px,0%)}.login-container .login-card .front-view .content-container{width:100%;height:64%;padding:10px 20px 20px;position:relative}.login-container .login-card .front-view .content-container .logo{margin-bottom:40px}.login-container .login-card .front-view .content-container .logo img{height:auto;margin:0 auto 20px auto;display:block;top:0;position:relative}.login-container .login-card .front-view .content-container .logo h2{text-align:center;font-size:2rem;font-weight:400;color:#7b7f82}.login-container .login-card .front-view .content-container .list{list-style-type:none;margin:10px 0;padding:0}.login-container .login-card .front-view .content-container .list li{display:block;padding:5px 0}.login-container .login-card .front-view .content-container .list li i{margin-right:8px}.login-container .login-card .back-view{position:absolute;width:100%;top:0;bottom:0;background:#f2f2f2;z-index:1;-webkit-box-shadow:0 0 15px #999;-moz-box-shadow:0 0 15px #999;box-shadow:0 0 15px #999;right:-110%;-webkit-transition:right .5s;-moz-transition:right .5s;-o-transition:right .5s;transition:right .5s}.login-container .login-card .back-view.active{right:0}.login-container .login-card .back-view .status-bar{position:absolute;width:100%;height:50px;z-index:4;-webkit-box-shadow:0 0 15px #ccc;-moz-box-shadow:0 0 15px #ccc;box-shadow:0 0 15px #ccc}.login-container .login-card .back-view .status-bar .back-arrow{float:left;color:#ffa000;padding:7px;cursor:pointer}.login-container .login-card .back-view .status-bar .back-arrow i{font-size:35px}.login-container .login-card .back-view .status-bar .status{font-weight:400;padding-top:15px;text-align:center}.login-container .login-card .back-view .back-content{position:absolute;top:50px;bottom:63px;z-index:2;padding:20px}.login-container .login-card a:hover,.login-container .login-card a:focus{color:#f0822d}@-webkit-keyframes move-forever{0%{-webkit-transform:translate(-90px,0%);-moz-transform:translate(-90px,0%);-o-transform:translate(-90px,0%);transform:translate(-90px,0%)}100%{-webkit-transform:translate(85px,0%);-moz-transform:translate(85px,0%);-o-transform:translate(85px,0%);transform:translate(85px,0%)}}@-moz-keyframes move-forever{0%{-webkit-transform:translate(-90px,0%);-moz-transform:translate(-90px,0%);-o-transform:translate(-90px,0%);transform:translate(-90px,0%)}100%{-webkit-transform:translate(85px,0%);-moz-transform:translate(85px,0%);-o-transform:translate(85px,0%);transform:translate(85px,0%)}}@-ms-keyframes move-forever{0%{-webkit-transform:translate(-90px,0%);-moz-transform:translate(-90px,0%);-o-transform:translate(-90px,0%);transform:translate(-90px,0%)}100%{-webkit-transform:translate(85px,0%);-moz-transform:translate(85px,0%);-o-transform:translate(85px,0%);transform:translate(85px,0%)}}@-o-keyframes move-forever{0%{-webkit-transform:translate(-90px,0%);-moz-transform:translate(-90px,0%);-o-transform:translate(-90px,0%);transform:translate(-90px,0%)}100%{-webkit-transform:translate(85px,0%);-moz-transform:translate(85px,0%);-o-transform:translate(85px,0%);transform:translate(85px,0%)}}@keyframes move-forever{0%{-webkit-transform:translate(-90px,0%);-moz-transform:translate(-90px,0%);-o-transform:translate(-90px,0%);transform:translate(-90px,0%)}100%{-webkit-transform:translate(85px,0%);-moz-transform:translate(85px,0%);-o-transform:translate(85px,0%);transform:translate(85px,0%)}}.hidden{display:none}