/* @override http://bbdemo.bbook.com/wp-content/themes/Jaz/inc/menu/menu.css?ver=2.0 */ /* @override http://1mom63439im6kd6m81eicrs2nr.wpengine.netdna-cdn.com/wp-content/themes/Jaz/inc/menu/menu.css?ver=2.0 */ /* @group MAIN NAVIGATION */ .main-navigation{clear:both; height:65px; position:relative; background-color:#373737} ul.nav-menu{padding:0} .nav-menu >li{float:left; list-style-type:none; height:65px} .nav-menu >li a{font-family:"Roboto",Helvetica; font-weight:700 !important; color:#fff !important; display:block; font-size:15px; padding:0 20px; line-height:65px; text-decoration:none; text-transform:uppercase} /*IF MAIN MENU ITEM HAS CHILDREN*/ .nav-menu .menu-item-has-children a.parent{padding-right:27px !important} .nav-menu li a{position:relative} .nav-menu li a.parent .nav-description:before{font-size:12px; width:12px; height:12px; font-family:'icomoon'!important; content:"\e600"!important; color:#666 !important; position:absolute; right:9%; top:0%} /*NO ARROW */ .nav-menu ul.sub-menu a.parent span.nav-description{display:none !important} .nav-menu li a.parent:hover .nav-description:before{font-size:12px; width:12px; height:12px; font-family:'icomoon'!important; content:"\e600"!important; color:#fff !important; position:absolute; right:9%; top:0%} .nav-menu li.current-menu-item a.parent .nav-description:before{font-size:12px; width:12px; height:12px; font-family:'icomoon'!important; content:"\e600"!important; color:#fff !important; position:absolute; right:9%; top:0%} .nav-menu li a span.nav-description{padding:0} .nav-menu li a:hover, .nav-menu li:hover a{background:#41444B; color:#fff} /*SHOW THE DAMN RESULTS*/ .nav-menu >li >.sub-menu{background:transparent; padding:0; position:absolute; z-index:9999; margin:0; left:0px; overflow:hidden; height:0; /*transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; -moz-transition:all 150ms ease-out; -ms-transition:all 150ms ease-out; -o-transition:all 150ms ease-out*/border-top:none} .nav-menu li.vertical-with-title .sub-menu li a:hover,#navbar .nav-menu li.traditional .sub-menu li a:hover span.image-window, #navbar .nav-description:hover{color:#ccc !important} #navbar .nav-menu >li >.sub-menu a{cursor:pointer} #navbar .nav-menu >li >.sub-menu a.parent:hover{color:#fff !important} ul.sub-menu{margin:0 !important; padding:0 !important} ul.sub-menu li a span{margin:0 !important; line-height:21px !important} ul.sub-menu span.nav-description{display:none} .nav-menu >li.hover >.sub-menu{background:#41444B; border-top:none; width:100%} .nav-menu >li >.sub-menu li{float:left; margin:15px 13px 15px; width:200px; list-style-type:none} .horizontal ul li { display: inline-block; } /*source of the problem*/ .nav-menu >li >.sub-menu li a{display:block; padding:0} /* @end */ /* @group MENU2 */ #menu2 #middle_stories{width:70%} #menu2 #right_articles2{width:30%} #menu2 .site_logo2 img{margin:0 auto} #menu2 #logo-menu2 img{margin:0 auto; padding:11px 0px; } #menu2 #logo-menu2{width:20%; float:left; background:#41444b; min-height:149px} #cover-fullmonty #menu2 #logo-menu2{width:20%; float:left; background:#41444b; min-height:157px} #cover-fullmonty #menu2 #logo-menu2 img{margin:0 auto; padding:15px 0px; } #menu2 .top-right-menu2{width:80%; float:left} #menu2 .articles_dropdown_icon strong{background-image:url(../images/arrow-down2.png); background-position:57% center; background-repeat:no-repeat} #menu2 .articles_dropdown_icon_open strong{background-position:57% center; background-repeat:no-repeat; background-image:url(../images/arrow-up2.png)} /* @end */ /* @group MENU3 */ #menu3 #middle_stories{width:70%} #menu3 #right_articles2{width:30%} #menu3 .site_logo3 img{margin:0 auto} #menu3 #logo-menu3 img{margin:0 auto; padding:11px 0px; } #menu3 #logo-menu3{width:20%; float:left; background:#41444b; min-height:149px} #menu3 .top-right-menu3{width:80%; float:left} #menu3 .articles_dropdown_icon strong{background-image:url(../images/arrow-down2.png); background-position:57% center; background-repeat:no-repeat} #menu3 .articles_dropdown_icon_open strong{background-position:57% center; background-repeat:no-repeat; background-image:url(../images/arrow-up2.png)} #ad-top-header{background:rgba(255,255,255,.7); min-height:149px; text-align:center; padding:28px 25px 0px 25px} /* @end */ /* @group MENU STRUCTURE */ .menu-container{position:relative} .menu-container{max-width:1200px; margin:0 auto 0 auto} #cover-full .menu-container{max-width:100%} .current_page_item.menu-item-home a{text-indent:-9999px; background-color:transparent !important; background-image:url(http://bbdemo.bbook.com/wp-content/uploads/2014/07/BlackBook_BBook1.jpg) !important; background-position:center !important; background-repeat:no-repeat !important; padding:0 30px 0 50px !important; background-size 300px} .menu-item-home a{text-indent:-9999px; background:url(http://bbdemo.bbook.com/wp-content/uploads/2014/07/BlackBook_BBook1.jpg) !important; background-position:center !important; background-repeat:no-repeat !important; padding:0 30px 0 50px !important; background-size:300px !important} .menu-item-home a:hover{background:transparent url(http://bbdemo.bbook.com/wp-content/uploads/2014/07/BlackBook_BBook1.jpg) !important; background-position:center !important; background-repeat:no-repeat !important; padding:0 30px 0 50px !important; background-size:300px !important} .trending-img{float:left} #left_logo{width:20%; padding:0 !important; background-color:#41444B} #left_logo h1{text-align:center} #middle_stories{width:60%; padding:0 !important; height:123px} #right_articles2{width:20%; padding:0 !important; position:relative} #left_logo, #middle_stories, #right_articles2{float:left; padding-left:15px; padding-right:15px} .toggleMenu{display:none; background:#2c2c2c; padding:10px 0px; color:#fff; width:100%; float:left; font-size:24px; text-indent:15px} #socialbar{line-height:55px} #socialbar .ssba span.ssba_sharecount{-webkit-border-radius:0; background:none !important; padding:4px 6px} .current-menu-item a.parent{background:#09f} /* @end */ /* @group SITE LOGO */ .site_logo{transition-duration:150ms; transition-property:background-color; transition-timing-function:ease-in; text-align:center; height:123px} .site_logo img{margin:0 auto} .site_logo h1 a{font-size:32px; color:#fff; letter-spacing:6px; text-transform:uppercase; font-family:"Roboto",Helvetica} .site_logo p{font-size:12px; color:#777; letter-spacing:5px; margin-top:-9px} .site_logo h1{color:#fff; vertical-align:middle; line-height:121px; margin:0} /* @end */ /* @group DROPDOWN WITH IMAGES */ .vertical ul.sub-menu li{margin-left:25px} .image-window img{width:200px !important; height:123px !important} .nav-menu >li >.sub-menu li a span.image-window img{width:200px !important} .nav-description{width:100%; float:left; font-size:13px; color:#fff; font-family:"Roboto",Helvetica; padding-top:5px !important; text-transform:none !important; display:inline !important} .horizontal .nav-description{padding-bottom:10px !important} /* @end */ /* @group CATEGORY HORIZONTAL */ .nav-menu li .sub-menu li.cat-horizontal{float:left; height:50px; left:0px; margin:0; padding:0px; position:absolute; bottom:0px; width:102.2%; background-color:#333} .nav-menu li >.sub-menu >li.cat-horizontal >a{height:0; background:none} .nav-menu li .sub-menu li.cat-horizontal span.image-window{background:none; height:auto; width:auto; float:left; padding:0; margin:0} .nav-menu li .sub-menu li.cat-horizontal .sub-menu{left:0 !important; padding:0 0px; background:none; width:100%; border:none} .nav-menu li .sub-menu li.cat-horizontal .sub-menu li{height:auto; margin-right:5px; margin-top:0px; float:left; width:auto; margin-bottom:20px} .nav-menu li .sub-menu li.cat-horizontal .sub-menu li a{background-color:#09F; color:#fff; float:left; width:auto; padding:3px 0px; margin:0} .nav-menu li .sub-menu li.cat-horizontal .sub-menu li span.image-window{background:none !important; height:auto; width:auto; float:left; padding:0px 10px 0px; color:#fff; font-size:12px} .nav-menu li .sub-menu li.cat-horizontal .nav-description{display:none !important; padding:0 !important} /* @end */ /* @group SEARCH BOX */ .display_search_form{position:absolute; z-index:99; top:45px; border-left:1px solid #09F; border-bottom:1px solid #09F; border-right:1px solid #09F; background:#fff; padding:8px 10px 8px; width:255px; right:-40px!important} .display_search_form .search-form .search-field{background:none repeat scroll 0 0 #EBEBEB; border:1px solid #CACACA; border-radius:0; box-shadow:none; color:#333; font-size:11px; font-style:italic; font-weight:400; padding:6px 5px 7px; width:200px; float:left; border-radius:0px !important; -webkit-border-radius:0px !important; -webkit-appearance:none} .display_search_form .search-form .search-submit{border:0 none; float:right; padding:4px 0 4px; border:0px; margin:0px; width:42px; background:#000; color:#fff; font-size:18px; border-radius:0px !important; -webkit-border-radius:0px !important; -webkit-appearance:none} .display_search_form .search-form .search-submit:hover{background:#09F; cursor:pointer} .search-form .screen-reader-text{display:none} /* @end */ /* @group SOCIAL ICONS */ #social-icons{float:right} #social-icons ul{margin-bottom:0; padding-left:0} #social-icons ul li{display:inline-block} .shop-count-wrap .fa-shopping-cart{position:relative} #social-icons ul li span.st-head span.shop-count-wrap{position:relative !important} .shop-count{position:absolute; right:0px; top:-23px; color:#fff; font-size:9px; line-height:14px; padding:3px 7px 2px; font-weight:bold; background:#09f} #social-icons .fa{font-size:17px; color:#fff; font-weight:; padding:0 25px 0 25px; line-height:65px; border-left:1px solid #444} #social-icons .fa:hover{background-color:#09f} /* @end */ /* @group STORIES DROPDOWN */ .stories_dropdown{width:62%; padding-left:0 !important; padding-right:0 !important; margin-top:0px; background:#f9f9f9; position:relative; z-index:9999} .stories_text_content p{padding:0; margin:0 !important; font-size:15px; text-transform:uppercase; color:#09F; font-weight:normal} .stories_text_content h3.trending-now{color:#09F; font-weight:700; font-size:14px !important; text-transform:uppercase; margin-bottom:5px; letter-spacing:1px} .stories_text_content h3.trending-now img{margin-top:-10px; margin-left:-2px} #middle_stories.stories_dropdown .stories_text_content h3{padding-right:20px} #middle_stories.stories_dropdown .stories_text_content h3 a{color:#474747; font-size:14px; font-weight:700; line-height:21px; padding-right:20px} #middle_stories.stories_dropdown .stories_text_content h3 a:hover{border-bottom:2px solid #474747} .stories_text_content h3{color:#474747; margin:0; font-size:15px; font-family:"Roboto",Helvetica} .stories_text_content{background:#f9f9f9; display:table-cell; height:121px; padding:0 20px; transition-duration:150ms; transition-property:border-color; transition-timing-function:ease; vertical-align:middle; width:492px} .stories_dropdown_icon, .stories_dropdown_icon_open{width:35px; height:35px; position:absolute; top:45px; right:45px; border:2px solid #41444B; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px} .stories_dropdown_icon:hover:before, .stories_dropdown_icon_open:hover:before{color:#09F} .stories_dropdown_icon:hover, .stories_dropdown_icon_open:hover{border:2px solid #09F} .stories_dropdown_icon, .stories_dropdown_icon_open{text-align:center} .stories_dropdown_icon:before{font-family:'icomoon'!important; content:"\e603"!important; text-align:center; margin:0 auto; line-height:35px; color:#41444B; background-size:16px 16px; background-position:center center; background-repeat:no-repeat} .stories_dropdown_icon_open:before{font-family:'icomoon'!important; content:"\e604"!important; text-align:center; margin:0 auto; line-height:35px; color:#41444B; background-size:16px 16px; background-position:center center; background-repeat:no-repeat} /* @end */ /* @group ARTICLES DROPDOWN */ .articles_dropdown_icon{transition-duration:150ms; background:#09F; text-decoration:none; text-align:center; float:left; padding-top:40px; float:left; width:100%; height:123px; margin:0px 0 0 0; transition-duration:150ms; background-color:#444; text-decoration:none !important; text-align:center} .articles_dropdown_icon:hover, .articles_dropdown_icon_open:hover{background:#333} .articles_dropdown_icon strong, .articles_dropdown_icon_open strong{font-family:"Roboto",Helvetica; display:block; color:#fff; font-size:22px; line-height:18px; position:relative; font-weight:700; text-align:center} .articles_dropdown_icon strong{background-image:url(../images/arrow-down2.png); background-position:59% center; background-repeat:no-repeat} .articles_dropdown_icon:hover{text-decoration:none !important} .articles_dropdown_icon strong:after{position:absolute; width:0; top:49%} .articles_dropdown_icon_open{float:left; padding-top:40px; float:left; width:100%; height:123px; margin:0px 0 0 0; transition-duration:150ms; background-color:#444; text-decoration:none !important; text-align:center} .articles_dropdown_icon_open strong{background-position:59% center; background-repeat:no-repeat; background-image:url(../images/arrow-up2.png)} .articles_dropdown_icon_open strong:after{width:0; height:0; content:""; float:right; position:absolute} .articles_dropdown_icon_open em, .articles_dropdown_icon em{font-size:11px; color:#fff; top:0; margin:0; font-weight:bold; font-style:normal} /* @end */ /* @group STORIES LIST */ .stories_list{width:100%; float:left; height:0; overflow:hidden; position:absolute; z-index:999; top:123px} .stories_list ul{*position:absolute; left:0; top:100%; z-index:999} .stories_list ul li{height:auto; box-sizing:border-box; list-style-type:none; float:right; width:100%; padding-top:3px; padding-bottom:3px; text-align:left; padding-left:40px; font-size:13px; background:#f9f9f9 url(../images/arrow-right.png)15px no-repeat !important} .stories_list ul li a{color:#474747; text-decoration:none; font-size:12px; font-style:normal; font-weight:normal} #middle_stories.stories_dropdown .stories_list ul li:hover{background:#41444B url(../images/arrow-right-white.png)15px no-repeat !important} #middle_stories.stories_dropdown .stories_list ul li:hover a h4.trending-story{color:#fff !important} .stories_list ul li a:hover{color:#fb4834; background:#444 !important} .stories_list ul li a h4{font-size:14px; line-height:22px; padding-right:40px} .stories_list ul li:nth-child(odd){background:#f1f1f1 url(../images/arrow-right.png)15px no-repeat !important} /* @end */ .articles_histroy{width:100%; display:block; float:left; height:0; overflow:hidden} .nav-menu li a span.image-window{display:block; float:none} /* @group MEGA MENU */ /*#navbar ul li.vertical-with-title ul.sub-menu{overflow:visible; height:auto !important; background:#41444b !important; z-index:9999} */ #navbar ul li.vertical-with-title ul.sub-menu span{padding-left:0px} .nav-menu li.vertical-with-title .sub-menu{width:100%} .nav-menu li.vertical-with-title .sub-menu{margin-bottom:30px !important} .nav-menu li.vertical-with-title .sub-menu li{padding-left:25px} .nav-menu li.vertical-with-title .sub-menu li a.parent{padding-left:24px} .nav-menu li.vertical-with-title .sub-menu li{width:190px} .nav-menu li.vertical-with-title .sub-menu li:last-child{padding-bottom:30px} .nav-menu li.vertical-with-title .sub-menu li{margin:1px 0} #navbar .sub-menu .sub-menu span.nav-description{display:none !important} .nav-menu li.vertical-with-title .sub-menu li a.parent{text-transform:uppercase; letter-spacing:; padding-top:30px; padding-bottom:8px; font-size:12px; font-weight:700 !important; color:#999 !important} .nav-menu li.vertical-with-title .sub-menu li a{text-transform:none;} /* @end */ /* @group TRADITIONAL MENU */ .nav-menu li.traditional{position:relative} .nav-menu li.traditional .sub-menu{width:200px; float:left; margin-bottom:10px !important; background-color:#41444B} .nav-menu li.traditional .sub-menu li{margin-bottom:2px !important; line-height:21px; margin-left:7px !important; margin-top:0px; height:auto} .nav-menu li.traditional .sub-menu li:last-child{padding-bottom:10px} .nav-menu li.traditional .sub-menu li:first-child{margin-top:10px} .nav-menu li.traditional .sub-menu li a{height:auto; display:block} .nav-menu li.traditional .sub-menu li a span.image-window{line-height:20px; font-size:13px !important; color:#fff; text-transform:none; background:none; padding-left:10px; height:auto; text-align:left} .nav-menu li.traditional .sub-menu li a:hover span.image-window{text-decoration:none} .nav-menu ul.submenu{padding-bottom:10px} .mobile_version{display:none} /* @end */ /* **************************************************************************** ---------------------------------------------------------------------------- 980 - 1279 ---------------------------------------------------------------------------- **************************************************************************** */ @media screen and (min-width:768px) and (max-width:979px){.articles_histroy{width:746px !important} .menu-container{max-width:750px} .site_logo{width:311px} .before_nav .stories_dropdown{width:47%} .stories_text_content{width:59%; float:left} .stories_list ul li{width:97%} .articles_histroy .demo1 a.prev, .articles_histroy .demo1 a.next{width:50px} .articles_histroy .demo1 .slides{width:655px !important} .under_sider_content{width:160px !important} .under_sider_content ul li a{width:175px} .slides .panel div .m-new-articles__section ul li{padding-bottom:25px} .site-header{width:100%} div.jc-horizontal a.next, div.jc-horizontal a.prev{background-position:2px 50%} div.jc-horizontal a.next:hover, div.jc-horizontal a.prev:hover{background-position:2px 50%} .site_logo{margin:0} .main-navigation{width:100%} .nav-menu >li a{padding:0 18px} .nav-menu >li >.sub-menu{width:99.7%} .nav-menu >li >.sub-menu li a span.image-window{width:100%} .nav-menu li .sub-menu li.cat-horizontal .sub-menu li{margin-right:0} .nav-menu >li >.sub-menu li{width:135px} .mobile_version{display:none} .stories_list{top:100%} } /* **************************************************************************** ---------------------------------------------------------------------------- 767 ---------------------------------------------------------------------------- **************************************************************************** */ @media screen and (max-width:767px){ .mobile_version{display:block; float:left; width:100%; margin-bottom:20px} .desktop_version{display:none} .nav-menu >li{float:none} .menu-both-menu-container{float:left; width:100%; background:#000; padding-bottom:5px} .nav-menu ul{display:block; width:100%} .site-header{width:100%} .menu-header-new-menu-container{background:#2c2c2c; width:100%; padding-bottom:3px} .menu-container{max-width:550px} .before_nav{margin-bottom:10px} .site_logo{width:100%; float:left; margin:0; left:0; padding:0} .before_nav .stories_dropdown{width:100%; float:left; text-align:left} .before_nav .stories_dropdown a{float:left} .stories_list ul{left:-46px} .articles_dropdown_icon, .articles_dropdown_icon_open{width:529px; padding:0 10px; text-align:left; height:60px} .articles_dropdown_icon strong, .articles_dropdown_icon_open strong{text-align:left} .articles_histroy{width:537px !important; float:left; margin-left:1px; /*border-bottom:1px solid #09F*/} .articles_histroy .demo1 a.prev, .articles_histroy .demo1 a.next{width:40px} .articles_histroy .demo1 .slides{width:464px!important} div.jc-horizontal a.next, div.jc-horizontal a.next:hover, div.jc-horizontal a.prev, div.jc-horizontal a.prev:hover{background-position:2px 50%} .stories_text_content h3{width:87%; font-size:13px} /*---Navigation css---*/ .main-navigation{width:100%} .nav-menu >li >.sub-menu{border-top:0; border-bottom:0} .nav-menu >li.hover >.sub-menu{width:544px; margin:0 0 0 0px; border:none; float:left; padding:0; border-left:3px solid #000; border-right:3px solid #000; z-index:999; transition-duration:none; transition-property:none; transition-timing-function:none} ul.nav-menu{margin:0 3px} .nav-menu li .sub-menu li.cat-horizontal{border:3px solid #2c2c2c; border-top:none; left:-3px} .nav-menu li .sub-menu li.cat-horizontal .sub-menu li{margin-bottom:5px} .nav-menu li .sub-menu li{margin-left:10px} .display_search_form{display:block !important; width:100% !important; position:relative; top:10px; right:0 !important; border:none; float:left !important; padding:0} .display_search_form .search-form .search-field{width:461px; padding:0 13px 0px 13px; font-size:14px; float:left; height:45px} .display_search_form .search-form .search-submit{padding:12px 0; width:60px; font-size:20px; float:left; height:45px} .under_sider_content ul{width:auto} .nav-menu >li.traditional.hover .sub-menu{left:-3px; width:100%} ul.nav-menu{display:none} .under_sider_content{width:173px} .nav-menu >li.hover >.sub-menu{height:auto; border-bottom:2px solid} .nav-menu li .sub-menu li.cat-horizontal{top:100%; position:relative} .under_sider_content ul li a{width:100%} .nav-menu >li >.sub-menu li{width:250px; text-align:center} .nav-menu >li >.sub-menu li a span.image-window{float:none; margin:0 auto} .stories_list ul li{width:75%} .under_sider_content h3{width:134px} .stories_list{top:100%} } /* @group SLIDES */ .jContent .slides{width:92%!important} .jContent div.slides{border:0} .articles_histroy{background:#fff} .under_sider_content{float:left; width:277px; border-left:1px solid #eee; border-right:0; padding:0} .under_sider_content ul{height:315px!important; padding-left:20px; padding-right:20px; list-style:none} .under_sider_content ul li{margin-bottom:4px; padding:5px 0 8px!important; border-bottom:1px solid #f9f9f9} .under_sider_content ul li a{padding-left:17px; height:auto; color:#444; float:none; text-align:left; font-size:13px; padding-left:0} /*ARROWS*/ .articles_histroy .demo1 a.next{background-image:url(../images/arrow-right.png); background-position:center; background-repeat:no-repeat; background-color:#f9f9f9; width:45px; position:relative; float:right} .articles_histroy .demo1 a.prev{background-image:url(../images/arrow-left.png); background-position:center; background-repeat:no-repeat; background-color:#f9f9f9; width:45px; position:relative; float:left} .articles_histroy .under_sider_content:first-child{border-left:0} .menu-container .articles_histroy a.prev:hover{cursor:pointer} .articles_histroy .demo1 a.prev, .articles_histroy .demo1 a.next{height:315px!important; border-left:none!important; border-right:none!important; background-color:#f5f5f5; z-index:9999} .under_sider_content h3{color:#09F; text-transform:uppercase; font-family:"Roboto",Helvetica; font-size:12px} .under_sider_content ul li a:hover{color:#09F} div.jContent{position:relative} div.slides{background:#fff} div.jContent p{padding:0; margin:0} div.jContent a{float:left; display:block} div.jContent a.hide{visibility:hidden} div.jc-auto{margin:20px 0 40px 63px} .no-js .liquid-slider{height:350px; overflow:scroll} .ls-wrapper .ls-preloader{background:url(../img/loading.gif) no-repeat center 75px #f2f2f2; opacity:1; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2} .ls-wrapper{margin:0 auto; clear:both; overflow:auto; position:relative} .ls-wrapper .liquid-slider{background:#f2f2f2; width:1030px; float:left; overflow:hidden; position:relative} .ls-wrapper .panel-container{position:relative} .ls-wrapper .liquid-slider .panel-container .fade{position:absolute; top:0; left:0; display:block} .ls-wrapper .liquid-slider .panel{width:1030px; display:block; float:left} .ls-wrapper .liquid-slider .panel-wrapper{position:relative} .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right{float:left} .ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow{cursor:pointer; float:left} .ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a{display:block} .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow{clear:both} /*CONTROLS MOBILE ARROWS*/ .ls-wrapper .ls-nav-right-arrow{width:40px; height:315px; background-image:url(../images/arrow-right.png); background-repeat:no-repeat; background-position:center center; background-color:#f9f9f9; position:absolute; right:0; top:0} .ls-wrapper .ls-nav-left-arrow{width:40px; height:315px; background-image:url(../images/arrow-left.png); background-repeat:no-repeat; background-position:center center; background-color:#f9f9f9; position:absolute; left:0; top:0} .ls-wrapper .ls-nav-left-arrow:hover{background-image:url(../images/arrow-left.png)} .ls-wrapper .ls-nav-right-arrow:hover{background-image:url(../images/arrow-right.png)} .ls-responsive .liquid-slider{width:320px !important; margin-left:40px; height:315px !important; padding:0px; background:#fff} .ls-responsive .liquid-slider .panel .panel-wrapper{padding:0px} .ls-responsive .liquid-slider .panel .panel-wrapper li{list-style-type:none} .ls-responsive .liquid-slider .panel .panel-wrapper ul h3{color:#09f; font-size:14px; display:block; padding:5px 0px; font-weight:400} .ls-responsive .liquid-slider .panel .panel-wrapper ul li{padding:5px 0px} .ls-responsive .ls-nav-left{position:absolute; left:0; z-index:2} .ls-responsive .ls-nav-left a{background:#9a9a9a; width:80px} .ls-responsive .ls-nav-right{position:absolute; right:0; z-index:2} .ls-responsive .ls-nav-right a:hover{background:#747474} .ls-responsive .ls-nav-left-arrow{position:absolute; left:0; z-index:2; top:0} .ls-responsive .ls-nav-right-arrow{position:absolute; right:0; z-index:2; top:0} .articles_histroy .demo1 a.prev.hide, .articles_histroy .demo1 a.next.hide{visibility:visible !important; background-image:none; cursor:default} .articles_histroy .demo1 a.next.show{background-image:url(../images/arrow-right.png); background-repeat:no-repeat; background-position:center center; background-color:#e9e9e9 !important} .articles_histroy .demo1 a.next:hover{background-image:url(../images/arrow-right.png) !important; background-repeat:no-repeat; background-position:center center; background-color:#ddd !important} .articles_histroy .demo1 a.prev.show{background-image:url(../images/arrow-left.png); background-repeat:no-repeat; background-position:center center; background-color:#e9e9e9} .articles_histroy .demo1 a.prev.show:hover{background-image:url(../images/arrow-left.png); background-repeat:no-repeat; background-position:center center; background-color:#ddd} /* @end */ /* @group Animate */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden */ .animated{-webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both} .animated.hinge{-webkit-animation-duration:0.5s; animation-duration:0.5s} @-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0); transform:translateY(0)} 40%{-webkit-transform:translateY(-30px); transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px); transform:translateY(-15px)} } @keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 40%{-webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px)} } .bounce{-webkit-animation-name:bounce; animation-name:bounce} @-webkit-keyframes flash{0%,100%,50%{opacity:1} 25%, 75%{opacity:0} } @keyframes flash{0%,100%,50%{opacity:1} 25%, 75%{opacity:0} } .flash{-webkit-animation-name:flash; animation-name:flash} @-webkit-keyframes pulse{0%{-webkit-transform:scale(1); transform:scale(1)} 50%{-webkit-transform:scale(1.1); transform:scale(1.1)} 100%{-webkit-transform:scale(1); transform:scale(1)} } @keyframes pulse{0%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} 50%{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} 100%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} } .pulse{-webkit-animation-name:pulse; animation-name:pulse} @-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1); transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1); transform:scale(1)} } @keyframes rubberBand{0%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75); -ms-transform:scaleX(1.25) scaleY(0.75); transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25); -ms-transform:scaleX(0.75) scaleY(1.25); transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85); -ms-transform:scaleX(1.15) scaleY(0.85); transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} } .rubberBand{-webkit-animation-name:rubberBand; animation-name:rubberBand} @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0); transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px); transform:translateX(-10px)} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px); transform:translateX(10px)} } @keyframes shake{0%,100%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px)} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px)} } .shake{-webkit-animation-name:shake; animation-name:shake} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg); transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg); transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg); transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg); transform:rotate(0deg)} } @keyframes swing{20%{-webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} } .swing{-webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing} @-webkit-keyframes tada{0%{-webkit-transform:scale(1); transform:scale(1)} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg)} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)} } @keyframes tada{0%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg); -ms-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg); -ms-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg)} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg); -ms-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0)} } .tada{-webkit-animation-name:tada; animation-name:tada} @-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%); transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%); transform:translateX(0%)} } @keyframes wobble{0%{-webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg); -ms-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg); -ms-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg); -ms-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg); -ms-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg); -ms-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)} } .wobble{-webkit-animation-name:wobble; animation-name:wobble} @-webkit-keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3); transform:scale(.3)} 50%{opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)} 70%{-webkit-transform:scale(.9); transform:scale(.9)} 100%{opacity:1; -webkit-transform:scale(1); transform:scale(1)} } @keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3)} 50%{opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)} 70%{-webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)} 100%{opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} } .bounceIn{-webkit-animation-name:bounceIn; animation-name:bounceIn} @-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} 60%{opacity:1; -webkit-transform:translateY(300px); transform:translateY(300px)} 80%{-webkit-transform:translateY(-100px); transform:translateY(-100px)} 100%{-webkit-transform:translateY(0); transform:translateY(0)} } @keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} 60%{opacity:1; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px)} 80%{opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px)} 100%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .bounceInDown{-webkit-animation-name:bounceInDown; animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} 60%{opacity:1; -webkit-transform:translateX(30px); transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px); transform:translateX(-10px)} 100%{-webkit-transform:translateX(0); transform:translateX(0)} } @keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} 60%{opacity:1; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px)} 100%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .bounceInLeft{-webkit-animation-name:bounceInLeft; animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} 60%{opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px); transform:translateX(10px)} 100%{-webkit-transform:translateX(0); transform:translateX(0)} } @keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} 60%{opacity:1; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px)} 100%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .bounceInRight{-webkit-animation-name:bounceInRight; animation-name:bounceInRight} @-webkit-keyframes bounceInUp{0%{opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px)} 60%{opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px); transform:translateY(10px)} 100%{-webkit-transform:translateY(0); transform:translateY(0)} } @keyframes bounceInUp{0%{opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px)} 60%{opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px)} 100%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .bounceInUp{-webkit-animation-name:bounceInUp; animation-name:bounceInUp} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1); transform:scale(1)} 25%{-webkit-transform:scale(.95); transform:scale(.95)} 50%{opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1)} 100%{opacity:0; -webkit-transform:scale(.3); transform:scale(.3)} } @keyframes bounceOut{0%{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)} 25%{-webkit-transform:scale(.95); -ms-transform:scale(.95); transform:scale(.95)} 50%{opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} 100%{opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3)} } .bounceOut{-webkit-animation-name:bounceOut; animation-name:bounceOut} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0); transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px)} 100%{opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px)} } @keyframes bounceOutDown{0%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)} 100%{opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px)} } .bounceOutDown{-webkit-animation-name:bounceOutDown; animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0); transform:translateX(0)} 20%{opacity:1; -webkit-transform:translateX(20px); transform:translateX(20px)} 100%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} } @keyframes bounceOutLeft{0%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 20%{opacity:1; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px)} 100%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0); transform:translateX(0)} 20%{opacity:1; -webkit-transform:translateX(-20px); transform:translateX(-20px)} 100%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} } @keyframes bounceOutRight{0%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 20%{opacity:1; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)} 100%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} } .bounceOutRight{-webkit-animation-name:bounceOutRight; animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0); transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px)} 100%{opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} } @keyframes bounceOutUp{0%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 20%{opacity:1; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px)} 100%{opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} } .bounceOutUp{-webkit-animation-name:bounceOutUp; animation-name:bounceOutUp} @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn; animation-name:fadeIn} @-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)} 100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} } @keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)} 100%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .fadeInDown{-webkit-animation-name:fadeInDown; animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig{0%{opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} 100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} } @keyframes fadeInDownBig{0%{opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} 100%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px)} 100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} } @keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)} 100%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .fadeInLeft{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig{0%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} 100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} } @keyframes fadeInLeftBig{0%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} 100%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px)} 100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} } @keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px)} 100%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .fadeInRight{-webkit-animation-name:fadeInRight; animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig{0%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} 100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} } @keyframes fadeInRightBig{0%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} 100%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} } @keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .fadeInUp{-webkit-animation-name:fadeInUp; animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px)} 100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} } @keyframes fadeInUpBig{0%{opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px)} 100%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig} @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut} @-webkit-keyframes fadeOutDown{0%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px)} } @keyframes fadeOutDown{0%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px)} } .fadeOutDown{-webkit-animation-name:fadeOutDown; animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig{0%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px)} } @keyframes fadeOutDownBig{0%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft{0%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px)} } @keyframes fadeOutLeft{0%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} } @keyframes fadeOutLeftBig{0%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight{0%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px)} } @keyframes fadeOutRight{0%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px)} } .fadeOutRight{-webkit-animation-name:fadeOutRight; animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig{0%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} } @keyframes fadeOutRightBig{0%{opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp{0%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)} } @keyframes fadeOutUp{0%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px)} } .fadeOutUp{-webkit-animation-name:fadeOutUp; animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig{0%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} } @keyframes fadeOutUpBig{0%{opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} } @keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible; -ms-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg); -ms-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg); -ms-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1} } .flipInX{-webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg); -ms-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg); -ms-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1} } .flipInY{-webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInY; animation-name:flipInY} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0} } .flipOutX{-webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important; -ms-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipOutY; animation-name:flipOutY} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1} } @keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg); -ms-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg); -ms-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0} } @keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) 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{0%{-webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0} 100%{-webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} } @keyframes rotateIn{0%{-webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0} 100%{-webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} } .rotateIn{-webkit-animation-name:rotateIn; animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} 100%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} 100%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0} 100%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0} 100%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0} 100%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0} 100%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} 100%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} 100%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0} } @keyframes rotateOut{0%{-webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg); opacity:0} } .rotateOut{-webkit-animation-name:rotateOut; animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0} } @keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} } @keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} } @keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0} } @keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1} 100%{-webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight} @-webkit-keyframes slideInDown{0%{opacity:1; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0); transform:translateY(0)} } @keyframes slideInDown{0%{opacity:1; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} } .slideInDown{-webkit-animation-name:slideInDown; animation-name:slideInDown} @-webkit-keyframes slideInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0); transform:translateX(0)} } @keyframes slideInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .slideInLeft{-webkit-animation-name:slideInLeft; animation-name:slideInLeft} @-webkit-keyframes slideInRight{0%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} 100%{-webkit-transform:translateX(0); transform:translateX(0)} } @keyframes slideInRight{0%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} 100%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} } .slideInRight{-webkit-animation-name:slideInRight; animation-name:slideInRight} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px)} } @keyframes slideOutLeft{0%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px)} } .slideOutLeft{-webkit-animation-name:slideOutLeft; animation-name:slideOutLeft} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px)} } @keyframes slideOutRight{0%{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} 100%{opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px)} } .slideOutRight{-webkit-animation-name:slideOutRight; animation-name:slideOutRight} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px)} } @keyframes slideOutUp{0%{-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} 100%{opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px)} } .slideOutUp{-webkit-animation-name:slideOutUp; animation-name:slideOutUp} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0); transform:rotate(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:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0); transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 100%{-webkit-transform:translateY(700px); transform:translateY(700px); opacity:0} } @keyframes hinge{0%{-webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:top left; -ms-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:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0); -ms-transform:rotate(60deg) translateY(0); transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out} 100%{-webkit-transform:translateY(700px); -ms-transform:translateY(700px); transform:translateY(700px); opacity:0} } .hinge{-webkit-animation-name:hinge; animation-name:hinge} @-webkit-keyframes rollIn{0%{opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg)} } @keyframes rollIn{0%{opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); -ms-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg)} } .rollIn{-webkit-animation-name:rollIn; animation-name:rollIn} @-webkit-keyframes rollOut{0%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg)} 100%{opacity:0; -webkit-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg)} } @keyframes rollOut{0%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg)} 100%{opacity:0; -webkit-transform:translateX(100%) rotate(120deg); -ms-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg)} } .rollOut{-webkit-animation-name:rollOut; animation-name:rollOut} /* @end */ @font-face{font-family:'icomoon'; src:url('fonts/icomoon.eot?2xvvm8'); src:url('fonts/icomoon.eot?#iefix2xvvm8') format('embedded-opentype'),url('fonts/icomoon.woff?2xvvm8') format('woff'),url('fonts/icomoon.ttf?2xvvm8') format('truetype'),url('fonts/icomoon.svg?2xvvm8#icomoon') format('svg'); font-weight:normal; font-style:normal} [class^="icon-"], [class*="icon-"]{font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .icon-arrow-down:before{content:"\e603"} .icon-arrow-up:before{content:"\e604"} .icon-arrow-down2:before{content:"\e605"} .icon-arrow-up2:before{content:"\e606"} .icon-arrow-down3:before{content:"\e600"} .icon-arrow-right:before{content:"\e607"} .icon-arrow-down22:before{content:"\e601"} .icon-arrow-right2:before{content:"\e608"} .icon-arrow-down32:before{content:"\e602"} .icon-dot:before{content:"\e609"} span.no-social-icons{color:#ccc; font-weight:700; font-size:12px; line-height:64px}