.widget-title{display:none} #main-menu .show-menu{display:block} #main-menu{position:relative;height:48px;z-index:15} #main-menu-nav > li > a{text-transform:uppercase} #main-menu ul > li{float:left;list-style-type: none;position:relative;margin:0;padding:0;transition:background .1s} #main-menu ul > li > a{position:relative;color:#b4b9b9;font-size:16px;letter-spacing: 0.8px;font-family: 'Poppins',sans-serif;font-weight:700;line-height:48px;display:inline-block;margin:0;padding:0 10px;text-transform: uppercase;transition:opacity .17s ease} #main-menu-nav > li:first-child > a{padding-left:0} #main-menu ul > li:hover > a{} #main-menu ul > li > ul{position:absolute;float:left;left:0;top:63px;width:190px;background-color:#fff;z-index:99999;padding:0;margin-top:0;visibility:hidden;opacity:0} #main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:0} #main-menu ul > li > ul > li{display:block;float:none;position:relative;border-right: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2} #main-menu ul > li > ul > li:hover{background-color:rgba(255,255,255,0.01)} #main-menu ul > li > ul > li a{border-bottom: 1px solid #e2e2e2;color:#000;font-size:14px;font-family: 'Poppins',sans-serif;font-weight: 700;display:block;text-transform:uppercase;line-height:34px;opacity:.7;box-sizing:border-box;padding:3px 13px;margin:0;border-top:1px solid rgba(255,255,255,0.05);transition:opacity .17s ease} #main-menu ul > li.has-sub > a:after{float:right;font-family:FontAwesome;font-size:12px;color:#000;font-weight:400;opacity:.7;margin:0 0 0 5px} #main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:right;margin:0} #main-menu ul > li > ul > li:hover > a{color:#1294b1;} #main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1} #main-menu ul ul{transition:all .1s ease} .show-search,.hide-search{position:absolute;right:35px;top:5px;display:block;width:43px;height:43px;line-height:48px;z-index:20;color:#fff;font-size:15px;text-align:right;cursor:pointer;transition:opacity .17s ease} .show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400} .hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400} .show-search:hover,.hide-search:hover{opacity:.7} #nav-search{display:none;position:absolute;background: #000;left:0;top:0px;width:100%;height:45px;z-index:99;background-color:$(dark.color);box-sizing:border-box;padding:0} #nav-search .search-form{width:100%;height:48px;background-color:rgba(0,0,0,0);line-height:48px;overflow:hidden;padding:0} #nav-search .search-input{width:100%;height:48px;text-align:left;font-family:inherit;color:#fff;margin:0;padding: 0px 45px 0px 25px;background-color:rgba(0,0,0,0);font-family:"Oswald",sans-serif;font-size:15px;font-weight:400;box-sizing:border-box;border:0} #nav-search .search-input:focus{color:#fff;outline:none} .slide-menu-toggle{display:none;position:absolute;line-height:48px;height:48px;width:48px;top:0;left:0;font-family:FontAwesome;color:#000;font-size:21px;font-weight:400;text-align:left;cursor:pointer;z-index:4;padding:0;transition:opacity .17s ease} .slide-menu-toggle:before{content:"\f0c9"} .nav-active .slide-menu-toggle:before{content:"\f00d"} .slide-menu-toggle:hover{opacity:.7} .mobile-menu{display:none;position:absolute;top:48px;left:0;width:100%;background-color:$(dark.color);box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease} .nav-active .mobile-menu{background:#000000d9;visibility:visible;opacity:1;transform:scaleY(1)} .mobile-menu > ul{margin:0} .mobile-menu .m-sub{display:none;padding:0} .mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:11px;font-weight:600;line-height:38px;letter-spacing:1px;text-transform:uppercase;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01)} .mobile-menu > ul li ul{overflow:hidden} .mobile-menu > ul > li:first-child{border-top:0} .mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease} .mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;cursor:pointer} .mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease} .mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)} .mobile-menu > ul > li > ul > li a{opacity:.7;padding:0 0 0 15px} .mobile-menu > ul > li > ul > li > ul > li > a{padding:0 0 0 30px} .mobile-menu ul li a:hover,.mobile-menu ul > li > .submenu-toggle:hover{opacity:.7} .mobile-menu > ul > li > ul > li a:hover{opacity:1} /* ######## Header Css ######################### */ #header-wrap{width:1170px;margin:0 auto;box-sizing:border-box} .header-left{display:inline-block} #header-wrapper{padding:10px 0;width:100%;background:#000;box-sizing:border-box} .Header h1{color:#fff;margin-bottom:0px;letter-spacing: 2px;text-transform: uppercase;font-family:'Poppins',sans-serif} /* ######## post Css ######################### */ #content-wrap{overflow:hidden;width:1170px;margin:0 auto;box-sizing:border-box;padding:30px 0} .main-post{width:800px;float:left} .block-image{width:300px;height:300px;float:left;margin-right:20px} .thumb img{object-fit: cover;width:300px;height:300px} .post-footer{display:none} .read-text{display:none} .mix {overflow:hidden} .post{margin-bottom:30px;overflow:hidden} .item span.post-labels a {margin-top:0px} span.post-labels a{letter-spacing: 0.5px;transition:all ease 1s;display:inline-block;text-transform:uppercase;border:1px solid #333;border-radius:3px;color:#000;padding:5px 15px 3px;margin:35px 5px 10px 0;font-size:12px} span.post-labels a:hover{text-decoration:underline;color:#fff;background:#1294b1} #combo{display:-webkit-inline-box;margin:10px auto} #combo p{margin-right:5px;color:#777;display:inline-block;font-size:14px} span.meta-author span{font-family:'Poppins',sans-serif;color:#000;font-size:14px} a.comments-link{color:#000;font-size:14px;font-family:'Poppins',sans-serif} span.meta-date a{color:#000;font-size:14px;font-family:'Poppins',sans-serif} abbr.published{text-decoration:none} .comment-post:before{font-size:12px;color:#888;content:'\f0e5';font-family:'FontAwesome'} span.meta-date:before{font-size:12px;color:#888;content:'\f017';font-family:'FontAwesome'} h2.post-title.entry-title{margin:0;font-weight:700;line-height: 32px} h2.post-title.entry-title a{letter-spacing: 0.8px;font-family:'Poppins',sans-serif;font-size:24px;color:#111;text-transform: capitalize;font-weight: 700;} .post-summary{font-weight:400;letter-spacing:.3px;color:#666;font-size:15px;line-height:22px;margin:0 auto;padding-top:8px;font-family: 'Poppins',sans-serif} span.meta-date{margin:0 8px} h1.post-title.entry-title {font-family:'Poppins',sans-serif;font-size:30px;color:#111;letter-spacing:.8px} /* ######## post page Css ######################### */ .post-body{font-family:'Poppins',sans-serif;font-weight:400;letter-spacing:.3px;color:#666;text-align:justify;font-size:15px;line-height:24px;margin:0 auto;padding-right:10px;box-sizing:border-box} .post-body img{margin-bottom:10px} .item span.post-labels{display:none} /* ######## sidebar Css ######################### */ .sidebar{position:relative;width:350px;float:right} .sidebar ul.custom-widget .post-thumb{display:none} .sidebar ul.custom-widget li{list-style-type:none;border-bottom:1px dotted #898989;margin:0 auto 15px;padding-bottom:10px} .sidebar .widget{background-color:#fff;padding:0 0 20px 0px;margin-bottom:30px} .sidebar .widget ul{padding:0;margin:0} h2.post-title a{letter-spacing:.5px;font-family:'Poppins',sans-serif;margin:0 0 15px;padding:0;color:#111;font-size:20px;font-weight:700;line-height:24px;margin-bottom:9px} .post-meta span{letter-spacing:.5px;color:#777;font-size:14px;font-family:'Poppins',sans-serif} h2.post-title{margin:0 0 5px} .list-label-widget-content ul{padding:0} .list-label-widget-content ul li{list-style-type:none;border-bottom:1px dotted #9f9f9f;list-style:outside none none;margin:0 auto 10px;padding-bottom:10px;padding-left:19px;position:relative;font-size:15px} .list-label-widget-content ul li a{display:inline-block;color:#000;font-family:'Poppins',sans-serif;text-transform:capitalize;font-size:15px} .list-label-widget-content ul li a:before{content:"\f101";font-family:fontawesome;left:4px;position:absolute;top:5px} .label-size a{letter-spacing:.2px;font-family:'Poppins',sans-serif;text-transform:capitalize;float:left;display:inline-block;padding:6px 15px;border:#eee solid 1px;color:#666;font-size:14px;margin:0 8px 8px 0} .fb-padding{text-align:left} .popular-posts ul li{display:block;list-style-type:none} .PopularPosts .widget-content ul li{padding:0} .PopularPosts .item-thumbnail{display:none;float:left;margin:0 5px 5px 0} .popular-posts a{transition:all ease 1s;letter-spacing:0.8px;font-family:'Poppins',sans-serif;margin:0 0 15px;padding:0;color:#111;font-size:18px;font-weight:700;line-height:28px;text-transform:capitalize} .popular-posts a:hover{color:#1294b1} .PopularPosts .item-title{list-style-type:none;border-bottom:1px dotted #898989;margin:0 auto 15px;padding-bottom:10px} .sidebar .custom-widget .post-title a{color:#222;transition:all ease 1s;font-size: 18px;text-transform: capitalize;letter-spacing: 0.8px} .sidebar .custom-widget .post-title a:hover{color:#1294b1} .sidebar h2{background:#0c0d0d none repeat scroll 0 0;letter-spacing:1px;margin:0 0 25px;padding:12px 15px 10px;color:#fff;display:inline-block;line-height:10px;font-size:15px;text-transform:uppercase} .sidebar h2:after{content:'';height:2px;width:390px;background:#1a1a1a;top:93%;position:absolute;text-align:center;left:20px;margin-left:-20px} .custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:600;line-height:28px;margin:0 0 5px;background:none;padding:0;text-align:left} .custom-widget .post-title:after{content:'';height:2px;width:390px;background:#fff;top:93%;position:absolute;text-align:center;left:0;margin-left:-20px} /* ######## navigation Css ######################### */ #blog-pager{clear:both;margin:30px auto;text-align:left; padding: 10px;padding-left: 0px } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 10px 15px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;} #blog-pager .pagecurrent{padding: 10px 15px;font-weight:bold;color: #fff;background:#000;} .showpageOf{display:none!important} #blog-pager .pages{border:none;} /* ######## footer Css ######################### */ #footer{padding:30px 0;background:#000;text-align:center;width:100%;color:#fff;} #footer .social ul li{display:inline-block} .social-footer{margin-bottom:20px} #footer .social ul li a{margin:6px;display:block;text-align:center;color:#fff;width:35px;height:35px;line-height:35px;font-size:18px;border:#fff solid 2px;border-radius:50%;transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;opacity:.6} #footer .social ul li a:hover{opacity:1;color:#fff} .copyright p,a{color:#fff;letter-spacing: 0.3px;font-family: 'Poppins',sans-serif} a.home-link {color:#222} #blog-pager-older-link a {color:#222} #blog-pager-newer-link {display:none} a.home-link:before { content: "\f100"; font-size: 20px; margin-right: 5px; color: #1a1a1a; font-family: fontawesome; } #blog-pager-older-link a:after { content: "\f101"; font-size: 18px; margin-left: 5px; color: #1a1a1a; font-family: fontawesome; } /* ######## 404-page Css ######################### */ body.error_page .feat-slider-wrap{display:none} body.error_page .sidebar{display:none} body.error_page .main-post{width:100%;float:left} .status-msg-wrap{font-size:100%;margin:none;position:static;width:100%} .status-msg-border{display:none} .status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto} .status-msg-wrap a{padding:none;text-decoration:inherit} .BB-404-box{background:#FFF;width:98%;margin:10px 0;padding:20px 10px;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC} .combo h3 a{font-size:1.375rem;font-family:"Oswald",sans-serif;font-weight:400;color:#222;padding:0;line-height:1.2} .combo p{margin-top:3px} /* ######## Back-to-top Css ######################### */ .back-top{background-color: rgba(0,0,0,.7);display:none;position:fixed;bottom:25px;right:25px;width:34px;height:34px;background-color:$(main.color);cursor:pointer;overflow:hidden;z-index:1010;font-size:16px;color:#fff;text-align:center;line-height:34px;margin:0} .back-top:after{content:'\f062';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;transition:opacity .17s ease} .back-top:hover {transition:all ease 0.3s;} /* ######## Comment Css ######################### */ .comments .comments-content .user{font-style:normal;display:-webkit-box;font-weight:700} .comments .comments-content .user a{letter-spacing: 0.5px;font-size: 17px;text-transform: uppercase;line-height:1.6;color:#000;font-weight:700} .comments .comments-content .comment:last-child{overflow:hidden;border:1px solid #eaeaea;margin:12px 12px 20px;padding:15px;background:#f5f5f5} .comments .comments-content .comment:first-child{overflow:hidden;border:1px solid #eaeaea;margin:0px 0px 20px;padding:15px;background:#f5f5f5} .comments .comments-content .icon.blog-author{display:none;margin:0} .comments .comments-content .comment-content{letter-spacing: 0.3px;overflow:hidden;font-weight: 500;border:1px solid #eaeaea;margin:12px 12px 20px;padding:15px;background:#fff;color:#666;font-size:14px;line-height:1.6;text-align:justify} .comments .comments-content .datetime a{color:#777;margin-left:0;font:normal normal 13px Domine,Arial,Helvetica,Sans-serif;line-height:1.6;text-decoration:none;outline:none} .comments .comments-content .comment{overflow:hidden;border:1px solid #eaeaea;margin:12px 12px 20px;padding:15px;background:#f5f5f5;padding-bottom:8px} .comments .comments-content .datetime{margin:0} .comments .comment-block{margin-left:0;position:relative} .comments .avatar-image-container{float:left;max-height:36px;margin-right:10px;overflow:hidden;width:36px} span.blog-admin,span.pid-353262945{display:inline;float:right} .comments .comment .comment-actions a{background: #000;margin: 12px;padding:8px;font:normal normal 14px Domine,Arial,Helvetica,Sans-serif;line-height:1.6;font-style:italic;color:#fff;text-decoration:none;outline:none} .comments .comment .comment-actions a:hover{color:#fff;text-decoration:none;background:#000} #comments h4{ padding-left: 15px; transition: all ease 1s; letter-spacing: .8px; font-family: 'Poppins',sans-serif; margin: 0 0 15px; color: #111; font-size: 20px; font-weight: 700; line-height: 24px; } .comments .comments-content .comment-replies{margin-left:0;margin-top:0} .comments .continue a{background: #000;bottom:15px;margin-left: 42px;position:absolute;font:normal normal 14px Domine,Arial,Helvetica,Sans-serif;line-height:1.6;font-style:italic;color:#fff;display:inline-block;font-size:14px} .comments .comments-content .comment-thread ol{position:relative;list-style-type:none;padding:0;text-align:left} .comments span.item-control.blog-admin{display:block} /* ######## Social Sharing Widget ######################### */ .share-box{position:relative;padding:20px 0} .share-title{border-bottom:2px solid #777;color:#010101;display:inline-block;padding-bottom:7px;font-size:15px;font-weight:500;position:relative;top:2px} .share-art{float:right;padding:0;padding-top:0;font-size:13px;font-weight:400;text-transform:capitalize} .share-art a{color:#fff;padding:3px 8px;margin-left:4px;border-radius:2px;display:inline-block;margin-right:0;background:#010101} .share-art a:hover{color:#fff} .share-art .fac-art{background:#3b5998} .share-art .fac-art:hover{background:rgba(49,77,145,0.7)} .share-art .twi-art{background:#00acee} .share-art .twi-art:hover{background:rgba(7,190,237,0.7)} .share-art .goo-art{background:#db4a39} .share-art .goo-art:hover{background:rgba(221,75,56,0.7)} .share-art .pin-art{background:#CA2127} .share-art .pin-art:hover{background:rgba(202,33,39,0.7)} .share-art .lin-art{background:#0077B5} .share-art .lin-art:hover{background:rgba(0,119,181,0.7)} .fa{margin-right:3px} /* ######## Social Sharing Widget ######################### */ .static_page .meta-post { display: none; margin-top: 2px; } /* ######## related-post Css ######################### */ #related-posts{margin-bottom:10px;padding:10px 0} .related li{width:31.5%;display:inline-block;height:auto;min-height:184px;float:left;margin-right:20px;overflow:hidden;position:relative} .related li h3{margin-top:0} .related-thumb{width:100%;height:140px;overflow:hidden;border-radius:2px} .related li .related-img{width:100%;height:180px;display:block;position:relative;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} .related li .related-img:hover{-webkit-transform:scale(1.1) rotate(-1.5deg)!important;-moz-transform:scale(1.1) rotate(-1.5deg)!important;transform:scale(1.1) rotate(-1.5deg)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} .related-title a{ text-transform: capitalize; font-family: 'Poppins',sans-serif; font-size: 16px; color: #111; letter-spacing: 1px; } .related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9){margin-right:0} .related .related-tag{position:absolute;top:0px;left:0;background-color:#00acee;color:#fff;text-transform:uppercase;font-weight:400;z-index:5;height:20px;line-height:20px;padding:2px 6px;font-size:11px;text-align:left} .related-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .related-content{padding:8px;width:100%;line-height:1.2em;box-sizing:border-box;text-align:center;z-index:2} @media only screen and (max-width: 1050px) { #post-wrapper{width:600px} .related li{width:30%} } @media only screen and (max-width: 980px) { #post-wrapper{width:100%;border:0;float:none;box-sizing:border-box} #sidebar-wrapper{float:none;clear:both;width:100%;max-width:340px;margin:0 auto} } @media only screen and (max-width: 680px) { .fporfreever,.forlicenced,.sidebar{box-sizing:border-box;margin:0;width:100%} .related li{width:100%;max-width:200px;clear:both;margin:0 auto;float:none;display:block} .related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9){margin-right:auto} .share-art a span{display:none} .share-art a{width:auto;padding:10px} } /* ######## related-post Css ######################### */ .static_page h1.post-title.entry-title{text-align:center;text-transform: capitalize;margin-bottom:10px} .static_page #combo{display:none} /* ######## Featured Widget Css ######################### */ #slider-wrappers{margin:0 auto} .item #slider-wrappers{display:none} .item .feat-slider-wrap{display:none} .feat-slider-wrap{position:relative} .fa-remove:before,.fa-close:before,.fa-times:before{display:none} .sora-slide-show{margin:0 auto} .sora-slide-show ul,.sora-slide-show li{list-style:none} .widget ul{padding:0} .sora-slide{overflow:hidden!important} .sora-slide .ty-wow{overflow:hidden;padding:0;position:relative} .sora-slide .ty-thumb-bonos img{position:relative;height:370px;object-fit:cover;width:100%;overflow:hidden;vertical-align:middle} .widget li{padding:0} .sora-slide .sora-slide-con{position:absolute;top:0;text-align:center;display:table;width:100%;height:370px;z-index:2;box-sizing:border-box;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .sora-slide .sora-slide-con-tab{vertical-align:middle} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;top:150px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .sora-slide .sora-slide-con-cell{position:relative;width:100%;font-size:15px;bottom:-195px;color:#fff;display:inline;margin:0 auto;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:1px} span.yard-cat-ty{font-family:'Raleway',Arial!important;font-size:12px;color:#fff;background:#000;line-height:28px;padding:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px} span.yard-auth-ty{display:none} .sora-slide .ty-bonos-entry{overflow:hidden;line-height:0;margin:0 0 2px;padding:18px 0} .sora-slide .ty-bonos-entry a{color:#fff;font-family:'Poppins',sans-serif;font-size:35px;line-height:36px;text-transform:capitalize;letter-spacing:1.5px;font-weight:700} .yard-auth-ty,.ty-time{font-family:'Poppins',sans-serif;color:#fff;font-size:17px;font-weight:700;padding:3px 0;letter-spacing:1.5px} .tyimg-lay{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.5;content:'';transition:all .2s ease;background:#2c2f30} .sora-slide:hover .tyimg-lay{opacity:.75} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav{margin-top:10px} .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .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} @-webkit-keyframes bounce { 0%,20%,50%,80%,100%{-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%,20%,50%,80%,100%{-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%,50%,100%{opacity:1} 25%,75%{opacity:0} } @keyframes flash { 0%,50%,100%{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(30px);transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 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(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)} } .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:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInDown { 0%{opacity:0;-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 slideInUp { 0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInUp { 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)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes slideOutDown { 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)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-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);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} 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);-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;opacity:1} 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} @-webkit-keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } @keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown { 0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInDown { 0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft { 0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInLeft { 0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight { 0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInRight { 0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp { 0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInUp { 0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut { 0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } @keyframes zoomOut { 0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom} } @keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top} } @keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} .owl-prev,.owl-next{top:50%;color:#fff;font-family:FontAwesome;position:absolute;z-index:1;display:block;padding:0;cursor:pointer;padding:10px;border-radius:20px;text-align:center;overflow:hidden;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;border:4px double #fff} .owl-prev:before{content:'\f104';font-family:fontawesome} .owl-next:before{content:'\f105';font-family:fontawesome} .owl-next{right:-100px} .owl-prev{left:-100px} .sora-slide:hover .owl-prev{left:50px} .sora-slide:hover .owl-next{right:50px} input.gsc-search-button { padding: 9px 9px; margin-left: 10px; } input.gsc-input { padding: 10px 6px; border: 1px solid #ddd; width: 99%; } ]]>

li > ul > li a { text-align: left; } span.post-labels a { margin: 15px 5px 10px 0; } .sidebar { width: 32%; } .main-post { width: 67%; } #content-wrap { width: 95%; } h2.post-title.entry-title a { line-height: 1.3; } #header-wrap { text-align: center; width: 95%; } .header-left { float:none; } .header-right { float:none; } #hot-section { width:100% } #main-footer { width:100%; } .footer { width:100%; } img.recent-post-thumb { } .PopularPosts img { } } @media screen and (max-width : 800px) { .mix { overflow: initial; } .header-menu { width: 95%; } .sora-slide .ty-bonos-entry a { font-size: 20px; } .sora-slide .ty-bonos-entry { padding: 8px 0px; } .yard-auth-ty, .ty-time { font-size: 12px; } span.yard-cat-ty{ font-size: 10px; } #content-wrap { width: 90%; } h2.post-title.entry-title { padding: 5px 0; } h2.post-title a { letter-spacing: .8px; font-family: 'Poppins',sans-serif; margin: 0 0 15px; padding: 0; color: #111; font-size: 18px; text-transform: capitalize; font-weight: 700; line-height: 24px; margin-bottom: 9px; } h2.post-title.entry-title a { font-size: 20px; } .thumb img { width: 100%; } span.post-labels a { margin: 25px 5px 10px 0; } .show-search, .hide-search { display:none; } h1.post-title.entry-title { font-size: 1.5rem; } .header-left { text-align: center; } .header-menu { width: 90%; margin-top: 20px; position: relative; height: 48px; background-color: $(dark.color); z-index: 10; float: right; font-size: 13px; } #main-menu{display:none} .mobile-menu,.slide-menu-toggle{display:block} .show-search,.hide-search{font-size:20px} #upper-wrap { display:none; } .hot-posts .hot-item.item-0 { width: 100%; height: 300px; margin-bottom: 2px; } .hot-posts .hot-item { width: 100%; height: 300px; margin-bottom: 2px; } .hot-posts .hot-item .post-info { box-sizing: border-box; display: inline-block; vertical-align: middle; width: 100%; padding: 30px 30px; position: absolute; bottom: 0px; left: 0px; text-align: left; right: 0px; } span#blog-pager-newer-link a { font-size: 14px; } span#blog-pager-older-link a { font-size: 14px; } span#blog-pager-newer-link a:before { font-size: 15px; } span#blog-pager-older-link a:after { font-size: 15px; } .share-art a { width: auto; padding: 5px; } .share-title { font-size: 12px; } .sidebar h2 { font-size: 15px; } #blog-pager { padding: 0 10px; } .hot-posts .hot-item.item-0 .post-title a { font-size: 1.6rem; } .hot-posts .post-title a { font-size: 1.6rem; } .main-post { width:100%; } .sidebar { width:100%; } #footer-wrapper { margin-top: 20px; } #blog-pager-older-link a { font-size: 13px; } .sidebar { } .nav-menu li a { font-size:16px; } h3.ty-bonos-entry a { font-size: 1.1rem; } .popular-posts a { font-size:18px; } .feat-slider-wrap { display:none; width: 90%; position: relative; margin: 0 auto; } .block-image { width:100%; } } @media screen and (max-width : 500px) { .mix { overflow: initial; } #blog-pager .pagecurrent { padding: 5px 5px; } .displaypageNum a, .showpage a, .pagecurrent { padding: 10px 10px; } .ty-bonus .ty-wow:first-child { height: auto; width: 100%; } .ty-bonus .ty-wow:first-child img { width: 100%; } .ty-bonus .ty-wow { width:100%; } .ty-bonus .ty-wow img { height: auto; margin-bottom: 10px; width: 100%; } .ty-bonus .ty-wow2:first-child { height: auto; width: 100%; } .ty-bonus .ty-wow2:first-child img { width: 100%; } .ty-bonus .ty-wow2 { width:100%; } .ty-bonus .ty-wow2 img { height: auto; margin-bottom: 10px; width: 100%; } .block-image { width:100%; } h3.ty-bonos-entry a { font-size: 1rem; } } ]]>

Created with