.flat-btn{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;border:none;text-align:center;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#fff;outline:0;cursor:pointer;height:auto;line-height:normal;text-transform:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;padding:10px;font-size:14px;background-color:#9e9e9e}.flat-btn:active,.flat-btn:focus,.flat-btn:hover,.flat-btn:visited{border:none;text-decoration:none;color:#fff;outline:0}.flat-btn:active:not(:disabled):not(.flat-btn_disabled){opacity:.9}.flat-btn_color_blue,.flat-btn_color_blue:focus{background-color:#3f51b5}.flat-btn_color_green,.flat-btn_color_green:focus{background-color:#4caf50}.flat-btn_color_orange,.flat-btn_color_orange:focus{background-color:#ff9800}.flat-btn_color_red,.flat-btn_color_red:focus{background-color:#f44336}.flat-btn_color_light-blue,.flat-btn_color_light-blue:focus{background-color:#03a9f4}.flat-btn_size_xs{padding:4px 7px;font-size:11px}.flat-btn_size_sm{padding:7px 11px;font-size:13px}.flat-btn_size_md{padding:11px 16px;font-size:15px}.flat-btn_size_lg{padding:14px 25px;font-size:18px}.flat-btn_size_xl{padding:20px 33px;font-size:21px}.flat-btn_color_blue.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#3f51b5;-webkit-box-shadow:inset 0 0 0 2px #3f51b5;-moz-box-shadow:inset 0 0 0 2px #3f51b5;box-shadow:inset 0 0 0 2px #3f51b5}.flat-btn_color_blue.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #2b387c;-moz-box-shadow:0 0 3px 3px #2b387c;box-shadow:0 0 3px 3px #2b387c}.flat-btn_color_green.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#4caf50;-webkit-box-shadow:inset 0 0 0 2px #4caf50;-moz-box-shadow:inset 0 0 0 2px #4caf50;box-shadow:inset 0 0 0 2px #4caf50}.flat-btn_color_green.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #357a38;-moz-box-shadow:0 0 3px 3px #357a38;box-shadow:0 0 3px 3px #357a38}.flat-btn_color_orange.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#ff9800;-webkit-box-shadow:inset 0 0 0 2px #ff9800;-moz-box-shadow:inset 0 0 0 2px #ff9800;box-shadow:inset 0 0 0 2px #ff9800}.flat-btn_color_orange.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #b36a00;-moz-box-shadow:0 0 3px 3px #b36a00;box-shadow:0 0 3px 3px #b36a00}.flat-btn_color_red.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#f44336;-webkit-box-shadow:inset 0 0 0 2px #f44336;-moz-box-shadow:inset 0 0 0 2px #f44336;box-shadow:inset 0 0 0 2px #f44336}.flat-btn_color_red.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #d2190b;-moz-box-shadow:0 0 3px 3px #d2190b;box-shadow:0 0 3px 3px #d2190b}.flat-btn_color_light-blue.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#03a9f4;-webkit-box-shadow:inset 0 0 0 2px #03a9f4;-moz-box-shadow:inset 0 0 0 2px #03a9f4;box-shadow:inset 0 0 0 2px #03a9f4}.flat-btn_color_light-blue.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #0275a8;-moz-box-shadow:0 0 3px 3px #0275a8;box-shadow:0 0 3px 3px #0275a8}.flat-btn_hover_replace-top{overflow:hidden}.flat-btn_hover_replace-top>.flat-btn__primary-text{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_replace-top>.flat-btn__secondary-text{position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);top:-100%;left:0;right:0;-webkit-transition:top .3s;-o-transition:top .3s;-moz-transition:top .3s;transition:top .3s}.flat-btn_hover_replace-top:not(:disabled):not(.flat-btn_disabled):hover>.flat-btn__primary-text{-webkit-transform:translateY(300%);-moz-transform:translateY(300%);-ms-transform:translateY(300%);-o-transform:translateY(300%);transform:translateY(300%)}.flat-btn_hover_replace-top:not(:disabled):not(.flat-btn_disabled):hover>.flat-btn__secondary-text{top:50%}.flat-btn_hover_replace-bottom{overflow:hidden}.flat-btn_hover_replace-bottom>:first-child{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_replace-bottom>:last-child{position:absolute;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);bottom:-100%;left:0;right:0;-webkit-transition:bottom .3s;-o-transition:bottom .3s;-moz-transition:bottom .3s;transition:bottom .3s}.flat-btn_hover_replace-bottom:not(:disabled):not(.flat-btn_disabled):hover>:first-child{-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-ms-transform:translateY(-300%);-o-transform:translateY(-300%);transform:translateY(-300%)}.flat-btn_hover_replace-bottom:not(:disabled):not(.flat-btn_disabled):hover>:last-child{bottom:50%}.flat-btn_hover_replace-left{overflow:hidden}.flat-btn_hover_replace-left>:first-child{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_replace-left>:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:-100%;right:0;top:0;bottom:0;-webkit-transition:left .3s,-webkit-transform .3s;transition:transform .3s,left .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;-o-transition:left .3s,-o-transform .3s;-moz-transition:transform .3s,left .3s,-moz-transform .3s}.flat-btn_hover_replace-left:not(:disabled):not(.flat-btn_disabled):hover>:first-child{-webkit-transform:translateX(300%);-moz-transform:translateX(300%);-ms-transform:translateX(300%);-o-transform:translateX(300%);transform:translateX(300%)}.flat-btn_hover_replace-left:not(:disabled):not(.flat-btn_disabled):hover>:last-child{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);left:0}.flat-btn_hover_replace-right{overflow:hidden}.flat-btn_hover_replace-right>:first-child{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_replace-right>:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);left:0;right:-100%;top:0;bottom:0;-webkit-transition:right .3s,-webkit-transform .3s;transition:transform .3s,right .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;-o-transition:right .3s,-o-transform .3s;-moz-transition:transform .3s,right .3s,-moz-transform .3s}.flat-btn_hover_replace-right:not(:disabled):not(.flat-btn_disabled):hover>:first-child{-webkit-transform:translateX(-300%);-moz-transform:translateX(-300%);-ms-transform:translateX(-300%);-o-transform:translateX(-300%);transform:translateX(-300%)}.flat-btn_hover_replace-right:not(:disabled):not(.flat-btn_disabled):hover>:last-child{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);right:0}.flat-btn_hover_invert{-webkit-transition:background-color .3s,color .3s,-webkit-box-shadow .3s;transition:background-color .3s,box-shadow .3s,color .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s;-o-transition:background-color .3s,box-shadow .3s,color .3s;-moz-transition:background-color .3s,box-shadow .3s,color .3s,-moz-box-shadow .3s}.flat-btn_hover_invert:not(:disabled):not(.flat-btn_disabled):hover{background-color:transparent;color:#9e9e9e;-webkit-box-shadow:inset 0 0 0 2px #9e9e9e;-moz-box-shadow:inset 0 0 0 2px #9e9e9e;box-shadow:inset 0 0 0 2px #9e9e9e}.flat-btn_hover_glow{-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s;-o-transition:box-shadow .3s;-moz-transition:box-shadow .3s,-moz-box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s}.flat-btn_hover_glow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:0 0 3px 3px #787878;-moz-box-shadow:0 0 3px 3px #787878;box-shadow:0 0 3px 3px #787878}.flat-btn_hover_frame{-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s;-o-transition:box-shadow .3s;-moz-transition:box-shadow .3s,-moz-box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s}.flat-btn_hover_frame:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:inset 0 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 0 3px rgba(0,0,0,.3)}.flat-btn_hover_border-top:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;left:0;width:0;height:3px;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-top:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-bottom:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-bottom:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-left:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;left:0;width:3px;height:0;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-left:not(:disabled):not(.flat-btn_disabled):hover:before{height:100%}.flat-btn_hover_border-right:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;right:0;width:3px;height:0;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-right:not(:disabled):not(.flat-btn_disabled):hover:before{height:100%}.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;left:0;width:0;height:3px;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):before{top:0}.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):after{bottom:0}.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):hover:after,.flat-btn_hover_border-top-bottom:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;left:0;z-index:5;background-color:rgba(51,51,51,.7)}.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):before{width:0;height:3px;-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):after{width:3px;height:0;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-top-left:not(:disabled):not(.flat-btn_disabled):hover:after{height:100%}.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;right:0;z-index:5;background-color:rgba(51,51,51,.7)}.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):before{width:0;height:3px;-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):after{width:3px;height:0;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-top-right:not(:disabled):not(.flat-btn_disabled):hover:after{height:100%}.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;width:3px;height:0;z-index:5;background-color:rgba(51,51,51,.7);-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):before{left:0}.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):after{right:0}.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):hover:after,.flat-btn_hover_border-left-right:not(:disabled):not(.flat-btn_disabled):hover:before{height:100%}.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;bottom:0;left:0;z-index:5;background-color:rgba(51,51,51,.7)}.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):before{width:0;height:3px;-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):after{width:3px;height:0;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-bottom-left:not(:disabled):not(.flat-btn_disabled):hover:after{height:100%}.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):after,.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;bottom:0;right:0;z-index:5;background-color:rgba(51,51,51,.7)}.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):before{width:0;height:3px;-webkit-transition:width .3s;-o-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):after{width:3px;height:0;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):hover:before{width:100%}.flat-btn_hover_border-bottom-right:not(:disabled):not(.flat-btn_disabled):hover:after{height:100%}.flat-btn_hover_peek-top{-webkit-transition:top 175ms;-o-transition:top 175ms;-moz-transition:top 175ms;transition:top 175ms;top:0}.flat-btn_hover_peek-top:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background-color:#222;z-index:-5;-webkit-transition:top 175ms;-o-transition:top 175ms;-moz-transition:top 175ms;transition:top 175ms}.flat-btn_hover_peek-top:not(:disabled):not(.flat-btn_disabled):hover{top:5px}.flat-btn_hover_peek-top:not(:disabled):not(.flat-btn_disabled):hover:before{top:-5px}.flat-btn_hover_peek-bottom{-webkit-transition:bottom 175ms;-o-transition:bottom 175ms;-moz-transition:bottom 175ms;transition:bottom 175ms;bottom:0}.flat-btn_hover_peek-bottom:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#222;z-index:-5;-webkit-transition:bottom 175ms;-o-transition:bottom 175ms;-moz-transition:bottom 175ms;transition:bottom 175ms}.flat-btn_hover_peek-bottom:not(:disabled):not(.flat-btn_disabled):hover{bottom:5px}.flat-btn_hover_peek-bottom:not(:disabled):not(.flat-btn_disabled):hover:before{bottom:-5px}.flat-btn_hover_peek-left{-webkit-transition:left 175ms;-o-transition:left 175ms;-moz-transition:left 175ms;transition:left 175ms;left:0}.flat-btn_hover_peek-left:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background-color:#222;z-index:-5;-webkit-transition:left 175ms;-o-transition:left 175ms;-moz-transition:left 175ms;transition:left 175ms}.flat-btn_hover_peek-left:not(:disabled):not(.flat-btn_disabled):hover{left:5px}.flat-btn_hover_peek-left:not(:disabled):not(.flat-btn_disabled):hover:before{left:-5px}.flat-btn_hover_peek-right{-webkit-transition:right 175ms;-o-transition:right 175ms;-moz-transition:right 175ms;transition:right 175ms;right:0}.flat-btn_hover_peek-right:not(:disabled):not(.flat-btn_disabled):before{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background-color:#222;z-index:-5;-webkit-transition:right 175ms;-o-transition:right 175ms;-moz-transition:right 175ms;transition:right 175ms}.flat-btn_hover_peek-right:not(:disabled):not(.flat-btn_disabled):hover{right:5px}.flat-btn_hover_peek-right:not(:disabled):not(.flat-btn_disabled):hover:before{right:-5px}.flat-btn_hover_fill-top{-webkit-transition:background-position .3s;-o-transition:background-position .3s;-moz-transition:background-position .3s;transition:background-position .3s;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(51,51,51,.7)),color-stop(49%,transparent));background-image:-webkit-linear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-moz- oldlinear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-o-linear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:linear-gradient(to top,rgba(51,51,51,.7) 50%,transparent 49%);-webkit-background-size:200% 200%;-moz-background-size:200% 200%;-o-background-size:200% 200%;background-size:200% 200%}.flat-btn_hover_fill-top:not(:disabled):not(.flat-btn_disabled):hover{background-position:0 -100%}.flat-btn_hover_fill-bottom{-webkit-transition:background-position .3s;-o-transition:background-position .3s;-moz-transition:background-position .3s;transition:background-position .3s;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(51,51,51,.7)),color-stop(49%,transparent));background-image:-webkit-linear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-moz- oldlinear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-o-linear-gradient(bottom,rgba(51,51,51,.7) 50%,transparent 49%);background-image:linear-gradient(to top,rgba(51,51,51,.7) 50%,transparent 49%);-webkit-background-size:200% 200%;-moz-background-size:200% 200%;-o-background-size:200% 200%;background-size:200% 200%}.flat-btn_hover_fill-bottom:not(:disabled):not(.flat-btn_disabled):hover{background-position:0 100%}.flat-btn_hover_fill-left{-webkit-transition:background-position .3s;-o-transition:background-position .3s;-moz-transition:background-position .3s;transition:background-position .3s;background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,rgba(51,51,51,.7)),color-stop(49%,transparent));background-image:-webkit-linear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-moz- oldlinear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-o-linear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:linear-gradient(to left,rgba(51,51,51,.7) 50%,transparent 49%);-webkit-background-size:200% 200%;-moz-background-size:200% 200%;-o-background-size:200% 200%;background-size:200% 200%}.flat-btn_hover_fill-left:not(:disabled):not(.flat-btn_disabled):hover{background-position:-100% 0}.flat-btn_hover_fill-right{-webkit-transition:background-position .3s;-o-transition:background-position .3s;-moz-transition:background-position .3s;transition:background-position .3s;background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,rgba(51,51,51,.7)),color-stop(49%,transparent));background-image:-webkit-linear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-moz- oldlinear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:-o-linear-gradient(right,rgba(51,51,51,.7) 50%,transparent 49%);background-image:linear-gradient(to left,rgba(51,51,51,.7) 50%,transparent 49%);-webkit-background-size:200% 200%;-moz-background-size:200% 200%;-o-background-size:200% 200%;background-size:200% 200%}.flat-btn_hover_fill-right:not(:disabled):not(.flat-btn_disabled):hover{background-position:100% 0}.flat-btn_hover_shadow{-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s;-o-transition:box-shadow .3s;-moz-transition:box-shadow .3s,-moz-box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.flat-btn_hover_shadow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,.5);-moz-box-shadow:5px 5px 0 0 rgba(0,0,0,.5);box-shadow:5px 5px 0 0 rgba(0,0,0,.5)}.flat-btn_hover_unshadow{-webkit-transition:-webkit-box-shadow .3s;transition:box-shadow .3s;-o-transition:box-shadow .3s;-moz-transition:box-shadow .3s,-moz-box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s;-webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,.5);-moz-box-shadow:5px 5px 0 0 rgba(0,0,0,.5);box-shadow:5px 5px 0 0 rgba(0,0,0,.5)}.flat-btn_hover_unshadow:not(:disabled):not(.flat-btn_disabled):hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.flat-btn_hover_icon-up .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-up:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}.flat-btn_hover_icon-down .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-down:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}.flat-btn_hover_icon-left .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-left:not(:disabled):not(.flat-btn_disabled).hover .flat-btn__icon,.flat-btn_hover_icon-left:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.flat-btn_hover_icon-right .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.flat-btn_hover_icon-right:not(:disabled):not(.flat-btn_disabled).hover .flat-btn__icon,.flat-btn_hover_icon-right:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.flat-btn_hover_icon-grow .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-grow:not(:disabled):not(.flat-btn_disabled).hover .flat-btn__icon,.flat-btn_hover_icon-grow:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.flat-btn_hover_icon-shrink .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-shrink:not(:disabled):not(.flat-btn_disabled).hover .flat-btn__icon,.flat-btn_hover_icon-shrink:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}.flat-btn_hover_icon-rotate-90 .flat-btn__icon{-webkit-transition:-webkit-transform 150ms;transition:transform 150ms;-o-transition:-o-transform 150ms;-moz-transition:transform 150ms,-moz-transform 150ms;transition:transform 150ms,-webkit-transform 150ms,-moz-transform 150ms,-o-transform 150ms}.flat-btn_hover_icon-rotate-90:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotate(90deg);-o-transform:rotateZ(90deg);transform:rotateZ(90deg)}.flat-btn_hover_icon-rotate-180 .flat-btn__icon{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.flat-btn_hover_icon-rotate-180:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotate(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg)}.flat-btn_hover_icon-rotate-270 .flat-btn__icon{-webkit-transition:-webkit-transform 450ms;transition:transform 450ms;-o-transition:-o-transform 450ms;-moz-transition:transform 450ms,-moz-transform 450ms;transition:transform 450ms,-webkit-transform 450ms,-moz-transform 450ms,-o-transform 450ms}.flat-btn_hover_icon-rotate-270:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:rotateZ(270deg);-moz-transform:rotateZ(270deg);-ms-transform:rotate(270deg);-o-transform:rotateZ(270deg);transform:rotateZ(270deg)}.flat-btn_hover_icon-rotate-360 .flat-btn__icon{-webkit-transition:-webkit-transform .6s;transition:transform .6s;-o-transition:-o-transform .6s;-moz-transition:transform .6s,-moz-transform .6s;transition:transform .6s,-webkit-transform .6s,-moz-transform .6s,-o-transform .6s}.flat-btn_hover_icon-rotate-360:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__icon{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotate(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)}.flat-btn_hover_expand-left .flat-btn__primary-text,.flat-btn_hover_expand-left .flat-btn__secondary-text{display:block;float:right;vertical-align:middle}.flat-btn_hover_expand-left .flat-btn__secondary-text{max-width:0;overflow:hidden;-webkit-transition:max-width .3s;-o-transition:max-width .3s;-moz-transition:max-width .3s;transition:max-width .3s;white-space:nowrap}.flat-btn_hover_expand-left:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__secondary-text{-webkit-transition:max-width .3s;-o-transition:max-width .3s;-moz-transition:max-width .3s;transition:max-width .3s;max-width:200px}.flat-btn_hover_expand-right .flat-btn__primary-text,.flat-btn_hover_expand-right .flat-btn__secondary-text{display:block;float:left;vertical-align:middle}.flat-btn_hover_expand-right .flat-btn__secondary-text{max-width:0;overflow:hidden;-webkit-transition:max-width .3s;-o-transition:max-width .3s;-moz-transition:max-width .3s;transition:max-width .3s;white-space:nowrap}.flat-btn_hover_expand-right:not(:disabled):not(.flat-btn_disabled):hover .flat-btn__secondary-text{-webkit-transition:max-width .3s;-o-transition:max-width .3s;-moz-transition:max-width .3s;transition:max-width .3s;max-width:200px}.flat-btn.flat-btn_disabled,.flat-btn:disabled,.flat-btn:disabled:hover{cursor:not-allowed;opacity:.6}