/* File: e107_web/lib/jquery.prettyPhoto/css/prettyPhoto.css */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(https://ns2.blastfm.limited/e107_web/lib/jquery.prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} 

/* File: e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .warning { color: #FF6600 } .success { color: green; } .error { color: #A94442; } .info {} .required { color:#A94442; } .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } div.e-debug { margin-top:50px; background-color: white } div.e-debug td { color: black } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } 

/* File: e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: e107_plugins/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.eot?25587411);src: url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.eot?25587411#iefix) format('embedded-opentype'), url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.woff2?25587411) format('woff2'), url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.woff?25587411) format('woff'), url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.ttf?25587411) format('truetype'), url(https://ns2.blastfm.limited/e107_plugins/social/font/fontello.svg?25587411#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-google-plus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-github-circled:before { content: '\e810'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  

/* File: e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: e107_plugins/gallery/css/gallery.css */
ul.gallery > li > div > h5 { text-align: center } ul.gallery-cat > li > div > h3 { text-align: center } .lb-dataContainer{ padding-top:10px; font-size: 110%;} .lb-caption{} #gallery-slideshow-wrapper { display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width: 664px;height: 146px;overflow: hidden; background: #000000; margin-left:auto;margin-right:auto; max-width:100% } #gallery-slideshow-content { width: 3500px; } #gallery-slideshow-content .slide { float: left; width: 679px; padding:12px; height: 146px; white-space:nowrap } .gallery-slideshow-controls{ clear:both; width: 664px; margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:10px; max-width:100%; } .gallery-slide-item{ margin-right:8px; display: inline-block;} .gallery-slideshow-thumb{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .gallery-slideshow-thumb:hover{} .gallery-slide-jumper-container{ text-align:center; padding-left:250px;} .gallery-slide-jumper { padding:3px;} .gallery-slide-jumper-selected { font-weight:bold } .row-fluid .gallery div.span6:nth-child(2n + 3) { margin-left : 0px; } .row-fluid .gallery div.span4:nth-child(3n + 4) { margin-left : 0px; } .row-fluid .gallery div.span3:nth-child(4n + 5) { margin-left : 0px; } .row-fluid .gallery div.span2:nth-child(6n + 7) { margin-left : 0px; } .row-fluid .gallery-cat div.span6:nth-child(2n + 3) { margin-left : 0px; } .row-fluid .gallery-cat div.span4:nth-child(3n + 4) { margin-left : 0px; } .row-fluid .gallery-cat div.span3:nth-child(4n + 5) { margin-left : 0px; } .row-fluid .gallery-cat div.span2:nth-child(6n + 7) { margin-left : 0px; } .thumbnails .span2:nth-child(6n+1) {margin-left:0;} 

/* File: e107_plugins/featurebox/featurebox.css */
.featurebox.carousel .carousel-inner {height:460px;overflow:hidden;} 

/* File: e107_themes/blastfmltd/css/animate.css */
@charset "UTF-8";.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;} .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {-webkit-animation-duration: .75s;animation-duration: .75s;} @-webkit-keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);} } @keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);} } .bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;} @-webkit-keyframes flash {from, 50%, to {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash {from, 50%, to {opacity: 1;} 25%, 75% {opacity: 0;} } .flash {-webkit-animation-name: flash;animation-name: flash;} @-webkit-keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } @keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } .pulse {-webkit-animation-name: pulse;animation-name: pulse;} @-webkit-keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);} 40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);} 50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);} 65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);} 75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } @keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);} 40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);} 50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);} 65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);} 75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } .rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;} @-webkit-keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);} } @keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);} } .shake {-webkit-animation-name: shake;animation-name: shake;} @-webkit-keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);} 6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);} 18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);} 31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);} 43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);} 50% {-webkit-transform: translateX(0);transform: translateX(0);} } @keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);} 6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);} 18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);} 31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);} 43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);} 50% {-webkit-transform: translateX(0);transform: translateX(0);} } .headShake {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-name: headShake;animation-name: headShake;} @-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);} 40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);} 60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);} 80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);} to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);} } @keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);} 40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);} 60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);} 80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);} to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);} } .swing {-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;} @-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } @keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} 10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } .tada {-webkit-animation-name: tada;animation-name: tada;} @-webkit-keyframes wobble {from {-webkit-transform: none;transform: none;} 15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} to {-webkit-transform: none;transform: none;} } @keyframes wobble {from {-webkit-transform: none;transform: none;} 15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} to {-webkit-transform: none;transform: none;} } .wobble {-webkit-animation-name: wobble;animation-name: wobble;} @-webkit-keyframes jello {from, 11.1%, to {-webkit-transform: none;transform: none;} 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);} 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);} } @keyframes jello {from, 11.1%, to {-webkit-transform: none;transform: none;} 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);} 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);} } .jello {-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center;} @-webkit-keyframes bounceIn {from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} 40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);} 60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);} 80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);} to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } @keyframes bounceIn {from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} 40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);} 60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);} 80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);} to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);} } .bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;} @-webkit-keyframes bounceInDown {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);} 60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);} 75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} 90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);} to {-webkit-transform: none;transform: none;} } @keyframes bounceInDown {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);} 60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);} 75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} 90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);} to {-webkit-transform: none;transform: none;} } .bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);} 60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);} 75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);} 90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);} to {-webkit-transform: none;transform: none;} } @keyframes bounceInLeft {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);} 60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);} 75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);} 90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);} to {-webkit-transform: none;transform: none;} } .bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);} 60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);} 75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);} 90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);} to {-webkit-transform: none;transform: none;} } @keyframes bounceInRight {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);} 60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);} 75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);} 90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);} to {-webkit-transform: none;transform: none;} } .bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;} @-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);} 60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} 75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);} 90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);} 60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} 75% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);} 90% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;} @-webkit-keyframes bounceOut {20% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);} 50%, 55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} to {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} } @keyframes bounceOut {20% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);} 50%, 55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} to {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} } .bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;} @-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);} 40%, 45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} } @keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);} 40%, 45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);} to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} } .bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);} to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} } @keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);} to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} } .bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);} to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} } @keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);} to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} } .bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} 40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);} to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} } @keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} 40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);} to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} } .bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;} @-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} } .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut {from {opacity: 1;} to {opacity: 0;} } @keyframes fadeOut {from {opacity: 1;} to {opacity: 0;} } .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} @-webkit-keyframes fadeOutDown {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } @keyframes fadeOutDown {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } .fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);} } .fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} } .fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);} } .fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} } @keyframes fadeOutRight {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} } .fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);} } .fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} } @keyframes fadeOutUp {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} } .fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);} } .fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;} @-webkit-keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 40% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 50% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 80% {-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} } @keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 40% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 50% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 80% {-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} } .animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;} @-webkit-keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} to {-webkit-transform: perspective(400px);transform: perspective(400px);} } @keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} to {-webkit-transform: perspective(400px);transform: perspective(400px);} } .flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;} @-webkit-keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} to {-webkit-transform: perspective(400px);transform: perspective(400px);} } @keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;} 40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} 60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;} 80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} to {-webkit-transform: perspective(400px);transform: perspective(400px);} } .flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;} @-webkit-keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);} 30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;} to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;} } @keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);} 30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;} to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;} } .flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;} @-webkit-keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);} 30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;} to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;} } @keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);} 30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;} to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;} } .flipOutY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn {from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;} 60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;} 80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;} to {-webkit-transform: none;transform: none;opacity: 1;} } @keyframes lightSpeedIn {from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;} 60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;} 80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;} to {-webkit-transform: none;transform: none;opacity: 1;} } .lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut {from {opacity: 1;} to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;} } @keyframes lightSpeedOut {from {opacity: 1;} to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;} } .lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} @-webkit-keyframes rotateIn {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;} to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;} } @keyframes rotateIn {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;} to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;} } .rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;} } @keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;} } .rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;} } @keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;} } .rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;} } @keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;} } .rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;} } @keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;} } .rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;} to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;} } @keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;} to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;} } .rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} } @keyframes rotateOutDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;} } .rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} } @keyframes rotateOutDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} } .rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} } @keyframes rotateOutUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;} to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;} } .rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;} } @keyframes rotateOutUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;} to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;} } .rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;} @-webkit-keyframes hinge {0% {-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;} 20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;} 40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;} to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;} } @keyframes hinge {0% {-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;} 20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;} 40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;} to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;} } .hinge {-webkit-animation-name: hinge;animation-name: hinge;} @-webkit-keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} to {opacity: 1;-webkit-transform: none;transform: none;} } .rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;} @-webkit-keyframes rollOut {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } @keyframes rollOut {from {opacity: 1;} to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } .rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;} @-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } @keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;} @-webkit-keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;} @-webkit-keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;} @-webkit-keyframes zoomOut {from {opacity: 1;} 50% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} to {opacity: 0;} } @keyframes zoomOut {from {opacity: 1;} 50% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} to {opacity: 0;} } .zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;} @-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);} to {opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;} } @keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);} to {opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;} } .zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} to {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;} } @keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} to {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;} } .zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} to {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;} @-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;} @-webkit-keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;} @-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;} @-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;} to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;} @-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } @keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} } .slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} } @keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} } .slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} } @keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} } .slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;} @-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} } @keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} } .slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;} 

/* File: e107_themes/blastfmltd/style.css */
body {background: #000 url(https://ns2.blastfm.limited/e107_themes/blastfmltd/images/background.jpg) center top no-repeat;font: 13px Arial, Helvetica, Sans-serif;color: #C8C7C7;}  a, a:focus, a:hover, button, button:focus, button:hover, button:active { text-decoration: none; outline: none; -o-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-ms-transition: color 0.2s linear;transition: color 0.2s linear;} a {color: #57b5f0;} a:hover, a:focus {color: #fff;outline: 0 none !important;text-decoration: none;} img { border:0; margin: 0; } @font-face {font-family: oswaldregular;src: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldregular.eot); src: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldregular.eot?) format('eot'),url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldregular.woff) format('woff'), url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldregular.ttf)format('truetype'), url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldregular.svg#svgoswaldregular) format('svg'); }  @font-face {font-family: oswaldlight;src: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldlight.eot); src: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldlight.eot?) format('eot'),url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldlight.woff) format('woff'), url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldlight.ttf)format('truetype'), url(https://ns2.blastfm.limited/e107_themes/blastfmltd/fonts/oswaldlight.svg#svgoswaldlight) format('svg'); } #header {background-color: rgba(255,255,255,0.2);margin-top: 10px;}  #header .navbar {margin-bottom: 0;}  #header .navbar.navbar-default {min-height: 40px;border: none;background-color: transparent;background-image: none;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #header ul.nav > li > a {font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 40px;background-color: transparent;padding: 0 20px;text-transform: uppercase;}  #header ul.nav > li > a:hover,#header ul.nav > li > a:focus,#header ul.nav > li > a.active,#header ul.nav > li.active > a,#header ul.nav > li.open > a, #header ul.nav > li.open > a:focus, #header ul.nav > li.open > a:hover {color: #7babe4;background-color: transparent;} #header ul.nav > li ul.dropdown-menu {background-color: rgba(0,0,0,0.8);border: 1px solid #000;} #header ul.nav > li ul.dropdown-menu li {border-bottom: 1px solid #393939;} #header ul.nav > li ul.dropdown-menu li:last-child {border-bottom: none;} #header ul.nav > li ul.dropdown-menu li a {font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff;line-height: 1;padding: 10px 15px;} #header ul.nav > li ul.dropdown-menu li a:hover {color: #fff;background: #7babe4;} @media (max-width: 767px) {#header .navbar-collapse {border-color: #2e2e2e;} #header .navbar-toggle {background-color: #000;border: 1px solid #1a1a1a;} #header .navbar-toggle:hover {background-color: #333;border: 1px solid #2e2e2e;} #header ul.nav > li > a:hover,#header ul.nav > li > a:focus,#header ul.nav > li > a.active,#header ul.nav > li.active > a,#header ul.nav > li.open > a, #header ul.nav > li.open > a:focus, #header ul.nav > li.open > a:hover {color: #7babe4;background-color: rgba(0,0,0,0.8);} }  .header-social {margin-top: 5px;} .header-social a.social-rss span {width: 40px;background-color: #ff6600;color: #fff;border: 1px solid #e25c03;padding-top: 3px;padding-bottom: 3px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .header-social a.social-rss span:hover {background-color: #e25c03;} .header-social a.social-facebook span {width: 40px;background-color: #3b5998;color: #fff;border: 1px solid #40547c;padding-top: 3px;padding-bottom: 3px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .header-social a.social-facebook span:hover {background-color: #40547c;} .header-social a.social-twitter span {width: 40px;background-color: #55acee;color: #fff;border: 1px solid #4f9dd8;padding-top: 3px;padding-bottom: 3px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .header-social a.social-twitter span:hover {background-color: #4f9dd8;} .header-social a.social-google-plus span {width: 40px;background-color: #dd4b39;color: #fff;border: 1px solid #c64332;padding-top: 3px;padding-bottom: 3px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .header-social a.social-google-plus span:hover {background-color: #c64332;} .header-social a.social-youtube span {width: 40px;background-color: #bb0000;color: #fff;border: 1px solid #a40101;padding-top: 3px;padding-bottom: 3px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} .header-social a.social-youtube span:hover {background-color: #a40101;} .logo {float: left;margin: 6px 0;background: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/images/logo.png) no-repeat left top;} #header .sitename {font: 48px "oswaldregular", Arial, Helvetica, Sans-serif;line-height: 1;text-transform: uppercase;margin: 10px 0;padding: 0;} #header .sitename:before {content: url(https://ns2.blastfm.limited/e107_themes/blastfmltd/images/logo.png);display: inline-block;padding-right: 15px;} #header .sitename a {color: #fff;text-decoration: none;} #header .sitename a:hover {color: #87BAFB;text-decoration: none;} #header .sitetag {font: 14px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 14px;text-transform: uppercase;margin: 0;padding: 0 0 0 80px;} @media (max-width: 767px) {#header .sitename {font-size: 28px;} } .header-search {padding: 15px 0 6px 10px;} .header-search .input-group .input-group-addon {background-color: #191919;border-color: #2e2e2e; } .header-search .input-group .form-control {color: #999;background-color: #191919;border-color: #2e2e2e;border-right: none; box-shadow:0 0 0; } .header-search .input-group button {background:transparent;border: none;} .header-search .input-group button {color: #999;background:transparent;border: none;} .header-search .input-group button:hover {color: #fff;} #header .navigation-secondary {background-color: rgba(0,0,0,0.5);border-bottom: 2px solid #3b7dac;margin-top: 15px;} #header .navigation-secondary ul.nav > li {display: inline-block;} #header .navigation-secondary ul.nav > li > a {font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 40px;background-color: transparent;padding: 0 20px;text-transform: uppercase;}  #header .navigation-secondary ul.nav > li > a:hover,#header .navigation-secondary ul.nav > li > a:focus,#header .navigation-secondary ul.nav > li > a.active,#header .navigation-secondary ul.nav > li.active > a,#header .navigation-secondary ul.nav > li.open > a, #header .navigation-secondary ul.nav > li.open > a:focus, #header .navigation-secondary ul.nav > li.open > a:hover {color: #fff;background-color: #000;} #header .navigation-secondary ul.nav > li ul.dropdown-menu {background-color: rgba(0,0,0,0.8);border: 1px solid #000;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li {border-bottom: 1px solid #393939;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li:last-child {border-bottom: none;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li a {font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff;line-height: 1;padding: 10px 15px;} #header .navigation-secondary ul.nav > li ul.dropdown-menu li a:hover {color: #fff;background: #7babe4;} @media (max-width: 767px) {#header .navigation-secondary ul.nav > li {display: block;} } #main-content {padding: 15px;background-color: rgba(0,0,0,0.8);} .slider-box {margin: 0 0 20px 0;} .slider-box .slider-box-body {} .slider-box .slider-box-body .featurebox.carousel {} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators {bottom: -5px;} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators li {border-color: #dbdbdb;} .slider-box .slider-box-body .featurebox.carousel .carousel-indicators li.active {background-color: #dbdbdb;} .slider-box .slider-box-body .featurebox.carousel .carousel-inner {overflow: hidden;background-color: #101010;height: auto !important;padding-bottom: 30px;} .slider-box .slider-box-body .featurebox.carousel .item {max-width: 100%;max-height: 100%;overflow: hidden;} .slider-box .carousel-caption { padding: 10px;bottom: 0;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;} .slider-box .carousel-caption h1 {-webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;} .slider-box .carousel-caption p { -webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;}  .slider-box .carousel-caption .btn-featurebox {text-align: center;-webkit-animation-delay: 2.5s;-moz-animation-delay: 2.5s;-o-animation-delay: 2.5s;animation-delay: 2.5s;-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;}  @media (max-width: 767px) {.slider-box .carousel-caption h1 {font-size: 18px;} .slider-box .carousel-caption p { display: none;} } .leftcol {} .leftmenu-box { overflow: hidden; margin: 0 0 20px 0;padding: 0;} .leftmenu-box-title { background: #2c7cae;margin: 0 0 10px 0;padding: 0;border: 1px solid #7cb4dc;} .leftmenu-box-title h2 {font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 18px;text-transform: uppercase;margin: 0;padding: 10px;} .leftmenu-box-body { padding: 10px;font: 13px Arial, Helvetica, Sans-serif; color:#dadada;line-height: 15px;} .leftmenu-box-body > ul {list-style: none;padding-left: 0;} .leftmenu-box-body > ul > li {background-color: transparent;border: none;padding: 6px 6px 6px 0;display: block; } .leftmenu-box-body > ul > li > a {color: #fff;background-color: transparent;padding: 0;} .leftmenu-box-body > ul > li > a:hover,.leftmenu-box-body > ul > li > a:focus {color: #57b5f0;background-color: transparent;} .leftmenu-box-body > ul > li > a:before {content: "\f101";font-family: FontAwesome;font-style: normal;font-weight: normal;color: #2c7cae;text-decoration: inherit;padding-right: 5px; } .leftmenu-box-body > ul > li > a span.badge {float: right;background-color: #4e7178;font-family: Arial, Helvetica, Sans-serif;color: #fff;line-height: 1;margin-left: 15px;} .leftmenu-box-body > ul > li > a:hover span.badge {background-color: #2c7cae;} .leftmenu-box-title h2 span.btn-group {vertical-align: middle;margin-top: -4px;} .leftmenu-box-title h2 span.btn-group a.btn {background-color: #66b4e5;border-color:#8fcdf3;text-shadow: 0 -1px 0 #000;font-size: 18px;line-height: 1.3;padding: 0 5px;} .centercol {} .centermenu-box { overflow: hidden; margin: 0; padding: 20px 0;} .centermenu-box-title { margin: 0; padding: 0 0 20px 0; } .centermenu-box-title h2 {font: 20px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 20px;margin: 0 0 10px 0;padding: 0;} .centermenu-box-body {font-size: 13px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;} .centermenu-box input.tbox { font: 12px Arial, Helvetica, Sans-serif; color: #dbdbdb; background: #191919;margin: 5px 0; padding: 6px; border: 1px solid #2e2e2e; } .default-item { margin-bottom: 30px;} .default-item h2.default-news-title {font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0 0 10px 0;padding: 0;} .default-item h2.default-news-title a {color: #dbdbdb;} .default-item h2.default-news-title a:hover {color: #3b8ec7;} .default-item .default-news-info {font: 12px Arial, Helvetica, Sans-serif;color: #999;line-height: 18px;padding: 0 0 10px 0; } .default-item .default-news-options {} .default-item .default-news-images-main {padding-bottom: 5px;} .default-item .default-news-images-main img {background-color: #dbdbdb;padding: 5px;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } .default-item .default-news-summary {font-size: 18px;line-height: 1.2;margin-bottom: 10px;} .default-item .default-news-body {font-size: 13px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;} .default-item .default-news-options {} .default-item .default-news-options a.hidden-print,.default-item .default-news-options a.social-share-email,.default-item .default-news-options a.social-share-facebook-like,.default-item .default-news-options a.social-share-facebook-share,.default-item .default-news-options a.social-share-twitter,.default-item .default-news-options a.social-share-google-plus1 {background-color: transparent;border-color: transparent;-moz-border-radius: 0 !important;-khtml-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 14px;color: #aaa;line-height: 14px;margin-top: 10px;padding: 0;text-align: center;margin-right: 10px;} .default-item .default-news-options a.hidden-print i:hover,.default-item .default-news-options a.social-share-email i:hover,.default-item .default-news-options a.social-share-facebook-like i:hover,.default-item .default-news-options a.social-share-facebook-share i:hover,.default-item .default-news-options a.social-share-twitter i:hover,.default-item .default-news-options a.social-share-google-plus1 i:hover {color: #3c9bd6 !important;} .default-item .default-news-extended a { display: inline-block; font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 1;text-transform: uppercase;background-color: #333;border: 1px solid #525252;padding: 8px 14px;} .default-item .default-news-extended a:hover {background-color: #2c7cae;border: 1px solid #7cb5dd;color: #fff;text-decoration: none;} .view-item { margin-bottom: 25px;} .view-item h2.view-news-title {font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0 0 10px 0;padding: 0;} .view-item h2.view-news-title a {color: #dbdbdb;} .view-item h2.view-news-title a:hover {color: #3b8ec7;} .view-item .view-news-info {font: 12px Arial, Helvetica, Sans-serif;color: #999;line-height: 18px;padding: 0 0 10px 0; } .view-item .view-news-images-main {padding-bottom: 15px;} .view-item .view-news-images-main img {background-color: #dbdbdb;padding: 5px;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } .view-item .view-news-summary {font-size: 18px;line-height: 1.2;margin-bottom: 10px;} .view-item .view-news-body {font-size: 14px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;} .view-item .view-news-images-1,.view-item .view-news-images-2 {margin-bottom: 15px;} .view-item .view-news-images-1 img,.view-item .view-news-images-2 img {-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .view-item .view-body-extended {font-size: 14px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;} .view-item .view-news-options {margin-bottom: 15px;text-align: right;} .view-item .view-news-options a.hidden-print,.view-item .view-news-options a.social-share-email,.view-item .view-news-options a.social-share-facebook-like,.view-item .view-news-options a.social-share-facebook-share,.view-item .view-news-options a.social-share-twitter,.view-item .view-news-options a.social-share-google-plus1 {background-color: transparent;border-color: transparent;-moz-border-radius: 0 !important;-khtml-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #aaa;line-height: 16px;margin-top: 10px;padding: 0;text-align: center;margin-right: 10px;} .view-item .view-news-options a.hidden-print i:hover,.view-item .view-news-options a.social-share-email i:hover,.view-item .view-news-options a.social-share-facebook-like i:hover,.view-item .view-news-options a.social-share-facebook-share i:hover,.view-item .view-news-options a.social-share-twitter i:hover,.view-item .view-news-options a.social-share-google-plus1 i:hover {color: #3c9bd6 !important;} .e-related {margin-top: 25px;} .e-related h2.related-news-title {font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0;padding: 15px 0 25px 0;} .e-related .related-news-image {background: #000;margin: 0;padding: 0;} .e-related .related-news-image img {-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } .e-related .related-news-header {margin: 0 0 15px 0;padding: 10px 0 15px 0;} .e-related .related-news-header h4.related-news-caption {font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 1.1;margin-top: 0;} .e-related .related-news-header h4.related-news-caption a {color: #dbdbdb;} .e-related .related-news-header h4.related-news-caption a:hover {color: #57b5f0;} .newscatitems {margin-bottom: 25px;} .newscatitems .newscatitems-header {margin-bottom: 25px;} .newscatitems .newscatitems-header h2 {font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0;padding: 0;} .news-list-item {margin-bottom: 25px;} .news-list-item .list-news-image img { -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } .news-list-item h3.list-news-title {font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0;padding: 0 0 15px 0;} .news-list-item h3.list-news-title a {color: #dbdbdb;} .news-list-item h3.list-news-title a:hover {color: #57b5f0;} .news-list-item .list-news-summary {font-size: 14px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;} .news-list-item .list-news-extemded {text-align: right;} .rightcol {} .rightmenu-box { overflow: hidden; margin: 0 0 20px 0;padding: 0;} .rightmenu-box-title { background: #2c7cae;margin: 0 0 10px 0;padding: 0;border: 1px solid #7cb4dc;} .rightmenu-box-title h2 {font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 18px;text-transform: uppercase;margin: 0;padding: 10px;} .rightmenu-box-body { padding: 10px;font: 13px Arial, Helvetica, Sans-serif; color:#dadada;line-height: 15px;} .rightmenu-box-body > ul {list-style: none;padding-left: 0;} .rightmenu-box-body > ul > li {background-color: transparent;border: none;padding: 6px 6px 6px 0;display: block; } .rightmenu-box-body > ul > li > a {color: #fff;background-color: transparent;padding: 0;} .rightmenu-box-body > ul > li > a:hover,.rightmenu-box-body > ul > li > a:focus {color: #57b5f0;background-color: transparent;} .rightmenu-box-body > ul > li > a:before {content: "\f101";font-family: FontAwesome;font-style: normal;font-weight: normal;color: #2c7cae;text-decoration: inherit;padding-right: 5px; } .rightmenu-box-body > ul > li > a span.badge {float: right;background-color: #4e7178;font-family: Arial, Helvetica, Sans-serif;color: #fff;line-height: 1;margin-left: 15px;} .rightmenu-box-body > ul > li > a:hover span.badge {background-color: #2c7cae;} .rightmenu-box-title h2 span.btn-group {vertical-align: middle;margin-top: -4px;} .rightmenu-box-title h2 span.btn-group a.btn {background-color: #66b4e5;border-color:#8fcdf3;text-shadow: 0 -1px 0 #000;font-size: 18px;line-height: 1.3;padding: 0 5px;} #footer {} #footer-menus { background: #262626; padding: 0; } .footermenu-box { padding-top: 20px; padding-bottom: 20px;} .footermenu-box-title {background: #2c7cae;margin: 0 0 10px 0;padding: 0;border: 1px solid #7cb4dc; } .footermenu-box-title h2 { font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;color: #fff;line-height: 16px;text-transform: uppercase;margin: 0;padding: 10px; } .footermenu-box-body { padding: 10px;font: 13px Arial, Helvetica, Sans-serif; color:#dadada;line-height: 18px;} .footermenu-box-body > ul {list-style: none;padding-left: 0;} .footermenu-box-body > ul > li {background-color: transparent;border: none;padding: 6px 6px 6px 0;display: block; } .footermenu-box-body > ul > li > a {color: #fff;background-color: transparent;padding: 0;} .footermenu-box-body > ul > li > a:hover,.footermenu-box-body > ul > li > a:focus {color: #57b5f0;background-color: transparent;}  .footermenu-box-body > ul > li > a:before {content: "\f101";font-family: FontAwesome;font-style: normal;font-weight: normal;color: #2c7cae;text-decoration: inherit;padding-right: 5px; } .footermenu-box-body > ul > li > a span.badge {float: right;background-color: #4e7178;font-family: Arial, Helvetica, Sans-serif;color: #fff;line-height: 1;margin-left: 15px;} .footermenu-box-body > ul > li > a:hover span.badge {background-color: #2c7cae;} #footer-info {font: 13px Arial, Helvetica, Sans-serif;color: #FFFFFF;background: transparent;text-align: center;padding: 20px 0;} #credits {font: 11px Arial, Helvetica, Sans-serif;color: #B7B7B7;text-align: center;margin-bottom: 15px;padding: 10px 0;} #credits a { color: #B7B7B7; text-decoration: none; }  #credits a:hover { text-decoration: none; color: #B7B7B7; } .comment-box.comment-box-form {padding: 10px;margin-bottom: 15px;background-color: #333;border: 1px solid #2e2e2e;} .comment-box.comment-box-form .comment-box-left {} .comment-box.comment-box-form .comment-box-left .comment-avatar {} .comment-box.comment-box-form .comment-box-left .comment-avatar img {border: 2px solid #fff;-moz-border-radius: 50%;-khtml-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; margin: 0;-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .comment-box.comment-box-form .comment-box-right {} .comment-box.comment-box-form .comment-box-right.comment-input.form-control {color: #dbdbdb;background-color: #757575;border: 1px solid #5f5f5f;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } @media (max-width: 767px) {.comment-box.comment-box-form .comment-box-left .comment-avatar {display: none;}  } #comments-container.media-list {margin-bottom: 20px;} #comments-container.media-list li.comment-box {min-height: 100px;} #comments-container.media-list li.comment-box .comment-box-left {width: 75px;min-height: 100px;font-size: 14px;font-style: italic;color: #fff;background-color: #535353;text-align: center;padding: 10px;} #comments-container.media-list li.comment-box .comment-box-left .comment-icon {font-size: 22px;padding-bottom: 10px;} #comments-container.media-list li.comment-box .comment-box-right {overflow: hidden;min-height: 100px;background-color: #333;border: 1px solid #2e2e2e;padding: 10px;} #comments-container.media-list li.comment-box .comment-box-right .comment-box-username {font-size: 14px;font-style: italic;line-height: 1.5;} #comments-container.media-list li.comment-box .comment-box-right .comment-box-username a {font-size: 14px;font-style: italic;font-weight: bold;line-height: 1.5;padding: 0 5px;}  #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply {font-size: 12px;font-style: italic;color: #999;line-height: 1.5;margin: 0;border: none;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; background-color: transparent;text-transform: none;padding: 0 5px;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply::after {color: #999;content: "\f021";display: inline-block;font-family: FontAwesome;font-size: 12px;margin: 0 0 0 5px;vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply:hover {background-color: transparent;color: #fff;} #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-reply::after {color: #fff;} #comments-container.media-list li.comment-box .comment-box-right .comment-text {font-size: 13px;padding-left: 15px;padding-right: 15px;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit,#comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete,#comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve {font-size: 12px;font-style: italic;color: #999;line-height: 1.5;margin: 0;padding: 0 5px;border: none;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; background-color: transparent;text-transform: none;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit::after {color: #999;content: "\f044";display: inline-block;font-family: FontAwesome;font-size: 12px;margin: 0 0 0 5px;vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete::after {color: #999;content: "\f00d";display: inline-block;font-family: FontAwesome;font-size: 12px;margin: 0 0 0 5px;vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve::after {color: #999;content: "\f00c";display: inline-block;font-family: FontAwesome;font-size: 12px;margin: 0 0 0 5px;vertical-align: top;} #comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit:hover,#comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete:hover,#comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve:hover {background-color: transparent;color: #fff;} #comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-edit::after,#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-delete::after,#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-approve::after {color: #fff;} .othermenu-box { overflow: hidden; margin: 0 0 15px 0;padding: 0;} .othermenu-box-title { margin: 0;padding: 0;} .othermenu-box-title h2 { font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;color: #dbdbdb;line-height: 28px;margin: 0;padding: 15px 0 25px 0;} .othermenu-box-body { font-size: 14px;color: #c8c7c7;line-height: 20px;margin-bottom: 15px;}  .tbox{ font: 12px Arial, Helvetica, Sans-serif; color: #dbdbdb; background: #191919;margin: 5px 0; padding: 6px; border: 1px solid #2e2e2e; } .tbox.chatbox { color: #dbdbdb; background: #191919; padding: 6px; margin: 10px auto; border: 1px solid #2e2e2e; } .btn-default {font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1;text-transform: uppercase; padding: 7px 10px; text-align: center; cursor:pointer; background-color: #333; border: 1px solid #525252; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;padding: 10px 20px; -o-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-ms-transition: color 0.2s linear;transition: color 0.2s linear;} .btn-default:focus, .btn-default.focus {color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none; } .btn-default:hover { color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none;} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {background-image: none;} .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus {background-color: #555;background-image: none;border: 1px solid #3d3d3d;color: #919191;} .button, .button:focus { font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; color: #fff; line-height: 1;text-transform: uppercase; padding: 7px 10px; text-align: center; cursor:pointer; background-color: #333; border: 1px solid #525252; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .button:hover {color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none;} .button:active {color: #fff; background: #2c7cae; border: 1px solid #7cb5dd;outline: none;} ul.breadcrumb {background-color: #444;} ul.breadcrumb li {color: #dbdbdb;} div.pagination-wrap {margin: 0 0 20px 0;padding: 0;text-align: center;} ul.pagination {overflow: hidden;margin: 0;padding: 0;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none;} ul.pagination > li {display: inline-block;margin: 0 2px 0 2px;} ul.pagination > li a {display: block;font-size: 15px;color: #b4b4b4;line-height: 15px;background: transparent;border: 1px solid transparent; padding: 5px 8px;} ul.pagination > li a:hover {background-color: #333;border: 1px solid #525252;color: #fff;} ul.pagination > li.active > a, ul.pagination > li.active > span, ul.pagination > li.active > a:hover, ul.pagination > li.active > span:hover, ul.pagination > li.active > a:focus, ul.pagination > li.active > span:focus {background-color: #2c7cae;border-color: #7cb5dd;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;text-shadow: none;color: #fff;padding: 5px 8px;} ul.pagination > li:first-child > a, ul.pagination > li:first-child > span, ul.pagination > li:last-child > a, ul.pagination > li:last-child > span {-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .pagination-no-space .pagination {margin: 0;}  ul.nav-tabs {border-bottom: 1px solid #2e2e2e;} ul.nav-tabs li {} ul.nav-tabs li.active {} ul.nav-tabs li.active a,ul.nav-tabs li.active a:focus {color: #dbdbdb;background-color: #333;border: 1px solid #2e2e2e;} ul.nav-tabs li a:hover,ul.nav-tabs li.active a:hover {color: #dbdbdb;background-color: #4c4c4c;border: 1px solid #2e2e2e;}  ul.pager {} ul.pager li {} ul.pager li > a,ul.pager li > a:focus {background-color: #333;border: 1px solid #2e2e2e;} ul.pager li > a:hover {background-color: #4c4c4c;border: 1px solid #2e2e2e;} .leftmenu-box table.table,.rightmenu-box table.table { } .leftmenu-box table.table tr th,.leftmenu-box table.table tr th.forumheader,.rightmenu-box table.table tr th,.rightmenu-box table.table tr th.forumheader { background-color: #333;font-size: 13px;color: #fff;border: 1px solid #161616;text-align: center;} .leftmenu-box table.table tr th span,.leftmenu-box table.table tr th.forumheader span,.rightmenu-box table.table tr th span,.rightmenu-box table.table tr th.forumheader span { text-transform: uppercase;text-align: center;} .leftmenu-box table.table tr td.indent,.rightmenu-box table.table tr td.indent {text-align: center;} .leftmenu-box table.table tr td,.leftmenu-box table.table tr td.forumheader3,.rightmenu-box table.table tr td,.rightmenu-box table.table tr td.forumheader3 {background-color: transparent;border: none;text-align: center;} .centermenu-box table.table { background-color: transparent;} .centermenu-box table.table tr th.forumheader { background-color: #333;font-size: 11px;color: #dbdbdb;line-height: 1;border: 1px solid #161616;text-align: center;padding: 4px;} .centermenu-box table.table tr th.forumheader span { text-transform: uppercase;text-align: center;} .centermenu-box table.table tr td { font-size: 11px;color: #fff;line-height: 1;text-align: center;padding: 4px;} .centermenu-box table.table tr td,.centermenu-box table.table tr td.forumheader3 {background-color: transparent;border: none;text-align: center;} .centermenu-box table.table div.item table { background-color: #161616;} #forum { } #forum > table.table { } #forum > table.table > tbody > tr.forum-title { } #forum > table.table > tbody > tr.forum-title > th { color: #dbdbdb; background-color: rgba(0, 0, 0, 0);background-image: -webkit-linear-gradient(top, #50a6dc 0%, #3979a2 100%);background-image: -o-linear-gradient(top, #50a6dc 0%, #3979a2 100%);background-image: -webkit-gradient(linear, left top, #50a6dc 0%, #3979a2 100%);background-image: linear-gradient(to bottom, #50a6dc 0%, #3979a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6dc', endColorstr='#3979a2', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x;border: 1px solid #161616;text-align: center;} #forum > table.table > tbody > tr.forum-parent > th {color: #dbdbdb; background-color: rgba(0, 0, 0, 0);background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%);background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%);background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%);background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum > table.table > tbody > tr.forum-parent > th:first-child {text-align: left;} #forum > table.table > tbody > tr > td {background-color: #333;border: 1px solid #161616; text-align: center;vertical-align: middle;} #forum > table.table > tbody > tr > td:nth-child(2) {text-align: left;} #forum > table.table > tbody > tr > td > a {font: 16px Arial, Helvetica, Sans-serif;} #forum-viewforum { } #forum-viewforum h3 { font-family: "oswaldregular", Arial, Helvetica, Sans-serif;} #forum-viewforum > table.table > tbody > tr > th {color: #dbdbdb; background-color: rgba(0, 0, 0, 0);background-image: -webkit-linear-gradient(top, #50a6dc 0%, #3979a2 100%);background-image: -o-linear-gradient(top, #50a6dc 0%, #3979a2 100%);background-image: -webkit-gradient(linear, left top, #50a6dc 0%, #3979a2 100%);background-image: linear-gradient(to bottom, #50a6dc 0%, #3979a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6dc', endColorstr='#3979a2', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x;border: 1px solid #161616;text-align: center;} #forum-viewforum > table.table > tbody > tr[id*="thread-"] {background-color: #333; background-image: none;color: #dbdbdb; border: 1px solid #161616; } #forum-viewforum > table.table > tbody > tr[id*="thread-"] > td {text-align: center;border: 1px solid #161616;vertical-align: middle;} #forum-viewforum > table.table > tbody > tr[id*="thread-"] > td:nth-child(2) {text-align: left;} #forum-viewforum > table.table > tbody > tr > td > div > div > a {font: 16px Arial, Helvetica, Sans-serif;} #forum-viewforum .panel {border: none;} #forum-viewforum .panel .panel-heading {color: #dbdbdb; background-color: rgba(0, 0, 0, 0);background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%);background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%);background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%);background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x; border: 1px solid #161616; text-align: center;} #forum-viewforum .panel .panel-body {background-color: #333; color: #dbdbdb;border: 1px solid #161616;} #forum-viewforum > table.table button.btn {background-color: #535353;border-color: #454545; } #forum-viewforum > table.table button.btn span {color: #dbdbdb; } .centermenu-box h3 {font-family: "oswaldregular", Arial, Helvetica, Sans-serif;} .centermenu-box a[id="forum-track-button"] {font-size: 14px;color: #fff;background-color: #b34342;padding: 6px 12px;border: 1px solid #782828;} #forum-viewtopic li.forum-viewtopic-post {border-top: 1px solid rgba(100,100,100,0.6);} #forum-viewtopic li.forum-viewtopic-post:nth-child(odd) {background-color: #333;} #forum-viewtopic li.forum-viewtopic-post:nth-child(even) {background-color: #212121;} #forum-viewtopic li.forum-viewtopic-post a.btn,#forum-viewtopic li.forum-viewtopic-post button.btn {color: #dbdbdb;background-color: #535353;border-color: #454545;padding: 6px 12px;} #forum-viewtopic li img.user-avatar {-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);} #forum-viewtopic li .label {font-size: 12px;background-color: #337ab7;} #forum-viewtopic li i.fa {font-size: 12px;} #forum-viewtopic li .forum-thread-text {font-size: 14px;} #forum-viewtopic li .finfobar {border-top: 1px solid #3c3c3c;margin-top: 7px;padding-top: 7px;} #forum-viewtopic li .finfobar:first-child {border-top: 1px solid transparent;} #forum-viewtopic li .finfobar small {font-size: 13px;color: #979797;} #bbcode-panel-post--preview.bbcode-panel {background-color: #333;background-image: none;border: 1px solid #2e2e2e;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #bbcode-panel-post--preview.bbcode-panel a.btn {font-size: 14px;color: #dbdbdb;background-color: #333;margin: 0;padding: 6px 12px;border-top: none;border-bottom: none;border-left: none;border-right: 1px solid #161616;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .smalltext { font: 11px Arial, Helvetica, Sans-serif; }  .smallblacktext { font: 11px Arial, Helvetica, Sans-serif; } .defaulttext { font: 13px Arial, Helvetica, Sans-serif; } .mediumtext { font: 12px Arial, Helvetica, Sans-serif; } blockquote { font: italic 16px Arial, Helvetica, Sans-serif; background: transparent;border-left: 5px solid #9b9b9b;margin: 5px 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";} blockquote:before {color: #9b9b9b;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;} p { margin: 0px; padding: 0; } .spacer{ padding: 0; } hr { width: 100%;height: 1px;width: 100%;background-color: #000;border-top: 1px solid #2a2a2a;margin: 20px auto;}  .helpbox { width: 94%; background: transparent; font: 11px sans-serif; color:#8e6e4f; border: 0px; margin: 0; padding: 0; }