/* Voltron Style Author: BLT // Color Pallete light gray bg - f5f5f5 light gray - aeaeae medium gray font - 6d6e82 deep red - d00000 yellow - ffd800 green - 0baf4d blue - 0080c6 */ /* 30th ANIVERSARY */ /*.nav-anniversary, .nav-anni { display:none !important; } */ body, html { margin:0; } body { position:relative; background:#04061b; color:#6d6e82; font-family:'Helvetica', 'Arial'; font-size:.8em; min-width:984px; } i { font-style:normal; } a { text-decoration:none; } .center { text-align:center; } /* TYPOGRAPHY */ h1, h2 { text-align:center; font-size:20px; margin:12px 0; color:#000; } h1:after, h2:after, .spr-header-title:after { content:" / "; color:#d00000; } h3 { color:#000; font-size:20px; } h2 { margin-bottom:40px; } /* FUN TRANSITIONS */ nav a { opacity:.8; -webkit-transition:-webkit-transform 300ms; transition:transform 300ms; } nav a:hover { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05); } nav { opacity:0; visibility:hidden; -webkit-transition:opacity 500ms, visibility 100ms; transition:opacity 500ms, visibility 100ms; } .shownav nav { opacity:1; visibility:visible; } .hero { -webkit-transition:opacity 300ms; transition:opacity 300ms; } .shownav .hero { opacity:.3; } .products .item img { -webkit-transition:-webkit-transform 300ms; transition:transform 300ms; } .products .item:hover img { opacity:.8; -webkit-transform:scale(1.05); transform:scale(1.05); } .products .item .title { -webkit-transition:-webkit-transform 300ms; transition:transform 300ms; } .products .item:hover .title { -webkit-transform:scale(1.05); transform:scale(1.05); } .featured-categories a { opacity:.8; } .featured-categories a:hover { opacity:1; } /* TEMPLATE BG STARS */ .bg_stars { position:absolute; z-index:-1; top:0; left:0; right:0; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/bg_stars_v2.jpg?v=1818389760017660194') no-repeat center center; height:996px; } .bg_stars.bottom { top:auto; bottom:0; background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/bg_stars_bot_v2.jpg?v=17513759982503847778'); height:569px; } /* HEADER and LINKS */ header { position:relative; overflow:hidden; width:984px; margin:0 auto; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/logo.png?v=1029077054951084045') center center no-repeat; height:124px; line-height:124px; background-size:144px auto; } header a { margin:0; color:#fff; text-decoration:none; padding:0; padding:16px 22px; } header .active { color:#ffd800; } header input { margin-right:24px; height:16px; padding:8px; padding-right:20px; background:#000 no-repeat 320px center; color:#fff; border:#666 1px solid; width:320px; background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon_search.png?v=10189182108841643507'); background-size:16px auto; vertical-align:middle; } header .left { position:absolute; width:420px; left:0; top:0; bottom:0; } header .right { position:absolute; width:420px; right:0; top:0; bottom:0; text-align:right; } header .logo { position:absolute; width:160px; height:100px; left:412px; top:16px; padding:0; } header .logo:before { content:""; width:100%; height:100%; position:absolute; left:0; top:-20px; right:-16px; bottom:-48px; } header .right a { } header #customer_login_link { padding-left:12px; padding-right:4px; } header #customer_register_link { padding-left:4px; padding-right:12px; } header .link_welcome { color:#fff; } header .topright { font-size:.9em; position:absolute; top:0; right:14px; width:420px; line-height:44px; height:44px; text-align:right; z-index:1; } header .topright a { padding-right:12px; padding-left:12px; color:#ffd800; } /* VOLTRON SECONDARY NAV */ nav { z-index:10000; position:absolute; left:0; right:0; top:124px; width:984px; margin:0 auto; height:212px; background:#000; text-align:center; } nav a { font-size:1.2em; color:#fff; position:relative; display:inline-block; width:152px; height:20px; padding-top:154px; margin:0; } nav a:before { position:absolute; top:0; right:0; left:0; width:108px; height:108px; content:""; background-position:center top; background-repeat:no-repeat; margin:28px auto; border-radius:120px; border:2px solid #6d6e82; } nav a.nav-toys:before { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-toys.png?v=15180686412558814960'); } nav a.nav-apparel:before { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-apparel.png?v=11436753742283546395'); } nav a.nav-books:before { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-books.png?v=16778122906230876890'); } nav a.nav-art:before { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-art.png?v=12498488054512122489'); } nav a.nav-media:before { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-media.png?v=2989865798964651803'); } nav a:after { position:absolute; top: 18px; right: 0; left: 9px; bottom: 0; content:""; background-position:center top; background-repeat:no-repeat; margin:0 auto; } nav a.nav-anniversary:after { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/nav-anniversary.png?v=1177774554487160316'); } nav:before { content:""; position:absolute; left:19px; top:-28px; width:0; height:0; z-index:3; border: 28px solid #000; border-left: 28px solid transparent; border-top: 0; border-bottom: 28px solid #000; border-right: 28px solid transparent; -webkit-transform: scaleX(.6); } /* SWIPE JS HERO */ .bg_hero { display:none; position:absolute; z-index:-1 !important; top:124px; left:0; right:0; height:1092px; } .hero { position:absolute; top:124px; left:0; right:0; height:900px; margin:0 auto; width:100%; max-width:1180px; background:#04061b; z-index:0; } .hero .feature { position:relative; background-repeat:no-repeat; } .hero .flag_wrapper { position:relative; z-index:1; width:984px; height:520px; margin:0 auto; } .hero .flag { color:#fff; position:absolute; bottom:0; right:0; background:#000; font-size:3em; padding:28px; font-weight:bold; } .hero .left .flag { left:0; right:auto; } .hero .right .flag { left:auto; right:0; } .hero i { color:#d00000; } .hero .feature a { position:absolute; display:block; left:0; right:0; top:0; bottom:0; } .swipe { overflow: hidden; visibility: hidden; position: relative; height:100%; } .swipe-wrap { overflow: hidden; position: relative; height:100%; } .swipe-wrap > div { float:left; width:100%; height:100%; position: relative; } /* HERO DOTS */ .hero .dots_wrapper { position:absolute; top:510px; left:0; right:0; margin:0 auto; width:100%; max-width:984px; height:16px; } .hero .dots { position:absolute; left:0; bottom:0; width:100%; height:100%; } .hero .dot { cursor:pointer; display:inline-block; width:16px; height:16px; background:rgba(255,255,255,.3); margin-right:16px; border-radius:16px; } .hero .dot.active { background:#d00000; } /* CONTENT MAIN CENTER AREA */ #content { width:984px; margin:0 auto; background:#fff; } #bottom_padding { height:100px; } /* GENERAL PAGE PADDING for all secondary pages */ #page, #article, #cart, #search, #blog, #customer-login, #customer-register, #customer-account, #customer-addresses, #customer-reset-password, #customer-order { padding:40px 80px; overflow:hidden; } /* STANDARD PRODUCTS */ .products { overflow:hidden; background:#fff; position:relative; margin:0; } .products .item { position:relative; display:block; float:left; cursor:pointer; text-align:center; width:33.33%; height:340px; margin-right:-1px; margin-bottom:12px; } .products .img { height:0; padding-bottom:80%; overflow:hidden; margin-bottom:40px; } .products .title { position:absolute; bottom:20px; left:32px; right:32px; color:#d00000; } .products .price { padding-top:4px; color:#333; font-size:1.5em; } .products img { display:inline-block; padding-top:20px; max-width:76%; max-height:76%; } .price { font-weight:bold; } /* RELATED PRODUCTS */ .related { text-align:center; } .related h3:after { content:" / "; color:#d00000; } /* SECTION FEATURED PRODUCTS */ .index .products { border-right:1px solid #dddddd; border-top:1px solid #dddddd; } .index .products .item { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; margin-bottom:0; } .index .products .title { } .index .products .price { } .index .products img { } .products .sale:before { z-index:1; width:60px; height:44px; position:absolute; left:-2px; top:32px; content:""; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/flag-sale.png?v=6080470916346043059') no-repeat center center; background-size:100% auto; } .products .new:before { z-index:1; width:60px; height:44px; position:absolute; left:-2px; top:32px; content:""; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/flag-new.png?v=8974316860269221995') no-repeat center center; background-size:100% auto; } .productphotos { position:relative; } .sale .productphotos:before { pointer-events:none; z-index:1; width:120px; height:104px; position:absolute; left:-2px; top:32px; content:""; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/flag-sale.png?v=6080470916346043059') no-repeat center center; background-size:100% auto; } /* Custom P */ .index .products .p3, .index .products .p6, .index .products .p9, .index .products .p12 { border-right:0; } /* .index .products .p1 { top:0; left:0; right:66.666%; bottom:45%; } .index .products .p2 { top:0; left:33.333%; right:33.333%; bottom:66.666%; } .index .products .p3 { top:0; left:66.666%; right:0; bottom:33.333%; } .index .products .p4 { top:55%; left:0; right:66.666%; bottom:0; } .index .products .p5 { top:33.333%; left:33.333%; right:33.333%; bottom:33%; } .index .products .p6 { top:66.666%; left:33.333%; right:0; bottom:0; } */ /* Product 6 Special Case */ /* .index .products .p6 img { position:absolute; left:40px; top:20px; } .index .products .p6 .title { position:absolute; left:55%; top:38%; width:40%; } */ /* CUSTOM P Tweaks */ /*.index .products .p1 img { padding-top:60px; max-width:84%; max-height:84%; } .index .products .p2 img { } .index .products .p3 img { max-width:88%; max-height:88%; } .index .products .p4 img { } .index .products .p5 img { } .index .products .p6 img { padding-top:2px; max-width:84%; max-height:84%; } */ /* SECTION FEATURED CATEGORIES */ .featured-categories { background:#000; height:420px; } .featured-categories a { position:relative; display:inline-block; width:33.333%; height:100%; background:#000 no-repeat center center; background-size:100% auto; } .featured-categories .category-comics { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/category-comics.jpg?v=17204351109533937091'); } .featured-categories .category-gear { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/category-gear.jpg?v=9905893236000276376'); } .featured-categories .category-toys { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/category-toys.jpg?v=15881072694461871940'); } .featured-categories .flag { padding:16px; font-weight:bold; font-size:1.8em; position:absolute; left:0; bottom:40px; height:80px; width:140px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .featured-categories .category-comics .flag { background-color:#af0f16; } .featured-categories .category-gear .flag { background-color:#02983e; } .featured-categories .category-toys .flag { background-color:#096293; } .featured-categories .category-comics i { color:#ff0000; } .featured-categories .category-gear i { color:#00ff66; } .featured-categories .category-toys i { color:#00a5ff; } /* FOOTER */ footer { overflow:hidden; background:#22232f; padding:60px; color:#6d6e82; } footer a { color:#6d6e82; } footer a:hover { color:#bbb; } footer strong { font-size:1.1em; } footer .logo_wep { display:block; margin-left:-12px; margin-top:-20px; } footer .copyright { padding:20px 0; } footer .social { padding:20px 0; } footer .social a { opacity:.8; display:inline-block; width:32px; height:32px; background-size:100%; border-radius:32px; overflow:hidden; margin-right:8px; background-repeat:no-repeat; background-position:center center; } footer .social a:hover { opacity:1; } footer .subscribe a { display:inline-block; height:32px; line-height:32px; padding:0 16px; color:#e7e7e9; margin:20px 0 0 0; } footer a.newsletter { background:#525367; } footer a.signup { background:#6d6e82; } footer a.signup:hover { background:#bbb; } footer .icon_facebook { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon_facebook.png?v=1013360191380446561'); } footer .icon_twitter { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon_twitter.png?v=6499690032120650021'); } footer .icon_pinterest { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon_pinterest.png?v=14638550864167433737'); } footer .icon_youtube { background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon_youtube.png?v=13468706224428856816'); } footer .icon_instagram { background-image:url('https://cdn.shopify.com/s/files/1/0313/9945/files/instagram-png-instagram-png-logo-1455.png?239'); } footer .col1 { float:left; width:35%; } footer .wep { display:inline-block; } footer .col2 { float:left; width:22%; } footer .col3 { float:left; width:19%; } footer .col4 { float:left; width:24%; } footer .links strong { display:inline-block; padding-bottom:12px; } footer .links a { display:inline-block; padding:8px 0; } /* INDEX HOME PAGE */ .index #content { padding-top:540px; background-color:transparent; } .index .bg_hero { display:block; } /* PRODUCT PAGE */ .templateproduct #product { background:#fff; overflow:hidden; } .templateproduct #product h1 { font-size:38px; text-align:left; margin-bottom:32px; margin-top:0; } .templateproduct #product h1:after { content:""; } .templateproduct .productphotos { width:55%; display:inline-block; float:left; } .templateproduct .titlesection { width:45%; display:inline-block; float:left; } .colorbar { height:5px; overflow:hidden; } .colorbar i { display:block; width:25%; height:100%; float:left; } .colorbar1 { background:#d00000; } .colorbar2 { background:#ffd800; } .colorbar3 { background:#0baf4d; } .colorbar4 { background:#0080c6; } .breadcrumbs { padding:32px; color:#aeaeae; } .breadcrumbs a { } .breadcrumbs i { font-family:'Arial'; font-size:15px; padding:0 12px; } .breadcrumbs { text-indent:-9999px; overflow:hidden; padding:8px; } .templateproduct .moredetails { background:#f5f5f5; padding-bottom:40px; } .padwrapper { padding:32px; } .productphotos .padwrapper { padding:32px 50px; } .templateproduct .productphotos { text-align:center; } .templateproduct .productphotos img { display:inline-block; max-width:100%; max-height:100%; width:100%; } .titlesection .padwrapper { padding-right:64px; } .thumbs .image { margin: 15px 0 } .thumbs .image { padding: 0 6px } #product .thumbs .image a { display:inline-block; } #product .thumbs .image a.active { border:1px solid #d00000; } .thumbs .last-in-row { padding-right: 0 } .btn_more_description:before { opacity:.3; content:""; position:absolute; left:16px; top:0; bottom:3px; width:28px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MzY3MDdERDU3RjQxMUUzOUFEMkU5Mjk2MjQyMTU0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MzY3MDdERTU3RjQxMUUzOUFEMkU5Mjk2MjQyMTU0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczNjcwN0RCNTdGNDExRTM5QUQyRTkyOTYyNDIxNTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczNjcwN0RDNTdGNDExRTM5QUQyRTkyOTYyNDIxNTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YcDYYAAAAW5JREFUeNqslUtKA0EQhnsSxYGRXGDiQg/gFVypd3ChG48hBFdu3LkWBB/gBcRN7iAkCIK48DEgEvPQGMMkaf8y1ViWo9HYBV8y3TX9dXcx02OstVugAWogAuYfROxpgVKAnydjzLQZRgKKwJq/RwBuQMztOs22Cgb2I6pjrvpcOMi37hJn9nOUxaB7kAcV0AEXYAbciXvKajz5jEvGIFUz73GuyXWUQTW95vyu2nkXFKWc2FYCGrAJVkBd5ai9CDZAX+V2nFPXLVE30sA1cKj693nSVPUn0qflCxkroW0eqb4D8Jqx06Wf5MSJ/Rq9EW33ECyDgpZTvS/BI690nEjFf4m89BLN4oG/Mn7jBUQkz+Gi71k+APngvTZDec6jvAcmnbwDQo/yNp1XTt4EBY/yCph3pTj9pm6/iZZq02qPjahzNWMQlaoxQpyCh4yjd44uJrjjVqzAlSfk8z3kXUwpaZfzseh/BjX3fXgTYAAcWxfUsYmrpQAAAABJRU5ErkJggg==') no-repeat center center; background-size:22px auto; } .btn_more_reviews:before { opacity:.3; content:""; position:absolute; left:16px; top:0; bottom:3px; width:28px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MzY3MDdFMTU3RjQxMUUzOUFEMkU5Mjk2MjQyMTU0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MzY3MDdFMjU3RjQxMUUzOUFEMkU5Mjk2MjQyMTU0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczNjcwN0RGNTdGNDExRTM5QUQyRTkyOTYyNDIxNTQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczNjcwN0UwNTdGNDExRTM5QUQyRTkyOTYyNDIxNTQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vnIB4gAAAkRJREFUeNqk1X1oT1Ecx/HLbI3xs02KkmdpWhn+IIQo8hBKylq2X7N/tqIp8gf7i6I8NA9FCfOYx/KHKCmSpJSJNCuazT/aH2tmMw/L9f7yuXW6nes37dSrX/eec8+53/v9nvMLwjAMMqgL/7b8foz1yjRgMfoGusjgILlZ3zGcDAbYBv0Jx9824QRK8BGn8D1hrE2yH+2+ziFJi2MPDqMb7zFU3DYdhejBXCzFt/5GsgrXMU7X9Ug7/dkak4sj2Ia96otH8zIpkh04g07kI0e/bluA1TiNXejFLXxV/3ysRcoXSbGtjmlo0eSv8MIZsxBPMBuv8dPzorbIPmz1LWIJnoy7us7DDNTgs+49whI0oBZjsRk/1N+IT7hhXyFewiM1+BqWoUmJHYWb2K1x3bHiuahFZ2IeLum5sxgR3zg1aMYs1MMifapf67+PPNzWdQMOog0pZx7r70SXiSe+Sp8rdBLYF9sP8ZbWM13OvfWoQAGeuYvMQRHOY7y+r016BQ+1ER9rT+Q6z9VpIx53ytf213I9k+MuskV7owMT9G1r1XcPWYrO7k3UtbWrKFXOrALHYIUqa4PNFS0yDGVYp+tWVViWdnugBaLquYCjzgta5e1UuduO34gHWIS2KFFptDgJNlOV9NEJp+sBdGQ4nRtRGkVSiXOxxL7DdtV6UstW1EmnbMoisTefpAmn4MN/nuIrcQeHlDdfe26RlOONvmfJPyYc7jm1e5X4alzW8eP9P4miSGq/8CVDRFaqb7HGN/a3AAMABve+GbOjH2gAAAAASUVORK5CYII=') no-repeat center center; background-size:22px auto; } .moredetails .snav { text-align:center; font-size:.9em; } .moredetails .snav a { position:relative; color:#6d6e82; display:inline-block; cursor:pointer; background:#aeaeae; padding:16px 24px; padding-left:48px; } .moredetails .snav a.active { cursor:default; color:#fff; background:#333; } .moredetails .snav a.active:before { opacity:1; } .switch_panel { display:none; } .switch_panel.active { display:block; } .moredetails h3 { padding:40px 0 12px; text-align:center; } .moredetails h3:after { content:" / "; color:#d00000; } .more_description { text-align:center; padding-bottom:24px; padding-left:40px; padding-right:40px; } .more_description span { line-height:1.5em; } .titlesection .social { padding:28px 0} .product-options { padding:28px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .product-options label { display: block; margin-bottom: 3px; } .product-options select { margin-bottom: 20px; } .product-options textarea { width: 30px; line-height: 18px; height: 18px; min-height: 18px; margin-bottom: 20px; } #quantity { width: 50px; margin-bottom: 20px; } .purchase h2.price { margin:0 20px 0 0; line-height:36px; display: inline-block; font-size: 24px !important; font-weight:normal; } .price del { opacity: 0.5; margin-left:20px; } .templateproduct .cart-button { display:inline-block; position:relative; float:right; } .templateproduct #add-to-cart { } #cart-animation { width: 44px; position: absolute; top:0; bottom:0; left:-44px; text-align:center; line-height: 36px; background:#c8352b !important; color: #fff !important; font-weight:bold; font-size: 16px; } .selector-wrapper { margin:20px 0; } .selector-wrapper label { height:32px; line-height:32px; margin-right:8px; min-width:44px; display:inline-block; font-weight:bold; } .selector-wrapper select { height:32px; line-height:32px; margin-right:8px; } /* REVIEWS */ .spr-summary { margin:20px 0; } .spr-container { border:none; padding-bottom:0!important; } .spr-header-title { font-size:20px; margin:0 0 40px 0; margin-top:7px!important; } .spr-header-title:after { display:inline-block; padding-left:6px; } .spr-review { margin-top:40px; border:none; position:relative; } .spr-review:first-child { margin-top:40px; } .spr-review-header-starratings { /*position:absolute; top:24px; left:0;*/ } .spr-review-header-title { padding:0 !important; text-align:left !important; margin-left:160px; margin-top:0; margin-bottom:12px; font-weight:bold; } h3.spr-review-header-title:after { content:""; color:transparent; } .spr-review-header-byline { margin-left:160px; } .spr-review-content { margin-left:160px;} .spr-review-footer { margin-left:160px;} .spr-review-reportreview { float:none; } /* ABOUT PAGES */ #page .page_hero_image { margin-left:-80px; display: block; width:984px; padding-bottom:40px; } h3 { font-weight:bold; padding:0 2px; } #page .details div { margin:20px 0; } #page .details { font-size:1.1em; line-height:1.5em; } /* WHO WE ARE STYLE */ #page section { clear:both; margin:80px 0; } #page section.sleft img { margin-top:-80px; margin-left:-80px; margin-right:40px; } #page section.sright img { margin-top:-80px; margin-right:-80px; margin-left:40px; } #page section.whoweare1 img { margin-top:-104px; } #page section.whoweare2 img { margin-top:5px; } #page section.whoweare3 img { margin-top:5px; } #page section.whoweare4 img { margin-top:5px; } /* COLLECTION PAGE */ .nav_filter { margin:0 40px; display:none; } .collection_featured_hero { position:relative; height:300px; overflow:hidden; background:#000; } .collection_featured_hero img { display:block; width:100%; } /* COLLECTION VOLTRON SPECIFIC */ .pmodule { padding:60px; padding-top:40px; text-align:center; overflow:hidden; border-bottom:1px solid #f5f5f5; } .pmodule:nth-child(even) { /*background:#f5f5f5;*/ } .pmodule h1 { position:relative; display:inline-block; padding-right:2px; } /* SUB MENU FOR VOLTRON COLLECTION */ .sub_nav { position:absolute; left:28px; top:8px; bottom:20px; width:150px; } .sub_nav a { display:block; height:32px; line-height:32px; color:#fff; font-size:1.25em; } .sub_nav .logo { margin:0 auto; margin-bottom:16px; height:60px; width:88px; background:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/logo.png?v=1029077054951084045') center center no-repeat; background-size:80px auto; } #contactFormWrapper { width:100%; max-width:460px; margin:40px auto 40px; text-align:center; } #contactFormWrapper label { display:block; text-align:left; margin-bottom:4px; } #contactFormWrapper input { width:98%; } #contactFormWrapper textarea { width:98%; } #contactFormSubmit { width:200px !important; } .page-with-contact-form { line-height:1.5em; } .successForm.feedback { margin-top:40px; } /* MEDIA QUERIES BLT */ @media only screen and (min-width:0) and (max-width: 1025px) { .featured-categories a { opacity:1; } } /* /* SECTION 1 /* 1.1 - Base Styles /* 1.2 - HTML5 Elements /* 1.3 - Forms and Inputs /* 1.4 - Typography /* 1.5 - Links and Buttons /* 1.6 - Tables /* 1.7 - Icons /* 1.8 - Tags /* /* SECTION 2 /* 2.1 - Helper classes /* 2.2 - Grid system /* 2.3 - Lists /* /* SECTION 3 /* 3.1 - Toolbar /* 3.2 - Header /* 3.3 - Navigation /* 3.5 - Homepage /* 3.6 - Product & Collections /* 3.7 - Cart /* 3.8 - Blogs/Articles/Search /* 3.9 - Customer Pages /* /* SECTION 4 /* 4.1 - Media Query - Desktop Slim /* 4.2 - Media Query - Tablet Landscape /* 4.3 - Media Query - Mobile Landscape /* 4.4 - Media Query - Mobile Portrait /* /* SECTION 5 /* 5.1 - IE Fixes /* /* SECTION 6 /* 6.1 - Fancybox plugin /* 6.2 - FlexSlider plugin /* 6.3 - jQuery Tabs /* /* =================== */ /* SECTION 1 */ /* =================== */ /* 1.1 - Base Styles */ /* html,body { margin: 0; padding: 0; border: 0; background-color: #ffffff; } html { font-size: 62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; } body { line-height: 1.45em; font-size: 14px; color: #555555; font-family: Helvetica, Arial, sans-serif; } */ /* */ /* 1.2 - HTML5 Elements */ article, aside, details, figcaption, figure, dialog, hgroup, menu, section { display:block; } /* 1.3 - Forms and Inputs */ form { margin:0; padding:0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } input[type=file] { height: 27px; height: auto; line-height: 27px; } input, textarea { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-appearance: none; vertical-align:top; height:24px; line-height:16px; font-size:13px; padding:4px; border:1px solid #ccc; display:inline-block; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; } input.focus, input:focus, textarea.focus, textarea:focus { border:1px solid #4c90ee; -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); } input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus { outline:none; } input[type=checkbox],input[type=radio] { height:16px; line-height:16px; vertical-align:middle; } input[type=checkbox] { -webkit-appearance:checkbox; } input[type=file] { cursor:pointer; border:none; box-shadow:none; padding:0; margin:0; } input[type=submit] { cursor:pointer; } ::-webkit-input-placeholder { color: #bbbbbb !important; } :-moz-placeholder { color: #bbbbbb !important; } select { font-size:13px; display:inline-block; color:#222; font-family:Helvetica,Arial,sans-serif; vertical-align:top; padding:2px; padding:initial; border:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } @-moz-document url-prefix() { select { padding:6px; } } /* Firefox fix */ select:focus, select.focus { outline:none; border:1px solid #4c90ee; -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); } textarea { min-height:72px; } img { border: 0; -ms-interpolation-mode: bicubic; } ul, ol { margin: 0 0 20px 20px; padding: 0; } ul li { margin-bottom: 5px; } ul { list-style:disc outside none; } .documentation-header { margin-bottom: 30px !important; } /* 1.4 - Typography */ h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px;} h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #f45b4f; } p { margin: 0 0 20px 0; line-height: 21px } /* 1.5 - Links and Buttons */ a { color:#f45b4f; text-decoration: none; outline: none;} /*a:hover { color:#f45b4f; opacity: 0.7;}*/ a:active { outline: none; } a.btn, input.btn { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; display:inline-block; height:36px; line-height:36px; border:none; margin:0; padding:0 20px; color:#fff; font-weight:700; font-size:12px; text-transform:none;background:#e63e33; width:auto; } /*a.btn:hover, input.btn:hover { background-color:#e63e33; color:#fff; opacity:0.8;}*/ a.btn:hover:disabled, input.btn:hover:disabled { -moz-opacity:0.20; opacity:.20; filter:alpha(opacity=20); cursor:default;} input.disabled.btn:hover { background-color:#e63e33; color:#fff; } .btn:disabled,.disabled {-moz-opacity:0.20; opacity:.20; filter:alpha(opacity=20); cursor:default;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#333333; } .accent-color { color: #f45b4f !important; } /* #product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } */ #zoom-image { -webkit-border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; border-radius:0 2px 0 0; } /* 1.6 - Tables */ table { width: 100%; border-spacing: 0; } table tr td { border-top: 1px solid #000000; } table tr td, table tr th { padding: 10px; text-align: left; } table tr td:first-child, table tr th:first-child { padding-left: 0px; } table tr td:last-child, table tr th:last-child { padding-right: 0px; } strong { font-weight: 700; } em { font-style: italic; } /* 1.7 - Icons */ .icon-social { float: left; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; margin-right: 10px; margin-bottom: 10px;} .icon-social { background: url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/social-icons-light-bg.png?v=16133680333676296371') no-repeat; } .icon-social { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } .icon-social:hover { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .icon-social.twitter { background-position: 0 0; } .icon-social.facebook { background-position: -50px 0; } .icon-social.youtube { background-position: -100px 0; } .icon-social.atom { background-position: -150px 0; } .icon-social.instagram { background-position: -200px 0; } .icon-social.pinterest { background-position: -250px 0; } .icon-social.vimeo { background-position: -300px 0; } .icon-social.tumblr { background-position: -350px 0; } .icon-social.google { background-position: -400px 0; } .icon-facebook { float: left; margin-top: 1px; width: 40px; overflow: hidden; } .icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.8; filter: alpha(opacity = 60); } .icon-cart { background: url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/icon-cart-small.png?v=3950719298637094705') no-repeat; background-position: 0 -16px; } #social .google-plus, #product .tweet-btn, #product .pinterest, #product .facebook-like { display:block; float:left; margin-right:10px; } #social .pinterest { width:40px; } #social .share-this { float: left; margin: 0 10px 0 0; } .credit-cards { margin:0 auto; list-style:none outside none; text-align: center; } .credit-cards li { display: inline; margin-right: 10px; } /* 1.8 - Tags */ .tags { margin: 0 0 0 12px; padding: 0; right: 24px; bottom: -12px; list-style: none; } .tags li { margin-bottom: 5px !important; } .tags li, .tags a { float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px; } .tags a { margin: 0 15px 15px 0; padding: 0 10px 0 12px; background: #ECECEC; color: #666666; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .tags a:before { content:""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #ECECEC transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } .tags a:after { content:""; position: absolute; top: 10px; left: 0; float:left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; } .tags a:hover, .tags li.active a { background: #CCCCCC; color: #333333; } .tags a:hover:before, .tags li.active a:before { border-color: transparent #CCCCCC transparent transparent;} /* =================== */ /* SECTION 2 */ /* =================== */ /* 2.1 - Helper Classes */ /*.row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden}*/ .clearfix:after, .row:after { clear:both; } .clearfix, .row { zoom:1; } .p0 { margin-bottom: 0px !important; } .p5 { } .p10 { } .p15 { margin-bottom: 15px !important; } .p20 { margin-bottom: 20px !important; } .p25 { margin-bottom: 25px !important; } .p30 { margin-bottom: 30px !important; } .p40 { margin-bottom: 40px !important; } .p50 { margin-bottom: 50px !important; } .p60 { margin-bottom: 60px !important; } .fr { float: right !important; } .fl { float: left !important; } .fn { float: none !important; } .tr { text-align: right !important; } .tl { text-align: left !important; } .tc { text-align: center !important; } .hidden {display: none!important} .border-top { border-top: 1px solid #000000; } .border-right { border-right: 1px solid #000000; } .border-bottom { border-bottom: 1px solid #000000; } .border-left { border-left: 1px solid #000000; } .display-table { display: table!important; width: 100%; } .display-table-cell { display: table-cell!important; vertical-align: middle; } .table { display: table; margin: 0 auto; } .fixed { position: fixed; } .note { /* background:#ffffe3; border:2px dashed #eeeecd; */ padding:20px;} hr.divider { margin: 15px 0; background: #000000; height: 1px; border: 0; } /* 2.2 - Grid System */ .wrapper { width: 996px; margin: 0 auto; padding: 0 15px; } .toolbar-wrapper { width: 100%; height: 60px; background: #000000;} #transparency > .row:before, #transparency > .row:after { content: ""; display: table; } #transparency > .row:after { clear: both; } #transparency > .row { zoom: 1; } .toolbar { width: 996px; margin: 0 auto; } .row { margin: 0 0 30px 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { display: block; float:left; } .inner-left { margin-left: 0px !important; } .inner-right { margin-right: 0px !important; } .span1 { width: 53px; } .span2 { width: 136px; } .span3 { width: 219px; } .span4 { width: 302px; } .span5 { width: 385px; } .span6 { width:50%; } .centerform { width:40%; float:none; clear:both; margin:0 auto; } #guest { padding-top:40px; text-align:center; border-top:1px solid #ccc; margin-top:40px; } .span7 { width:80%; float:none; clear:both; margin:0 auto; } .span8 { width: 634px; } .span9 { width: 717px; } .span10 { width: 800px; } .span11 { width: 883px; } .span12 { width:100%; float:none; clear:both; } /* 2.3 - Lists */ ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; } ul.unstyled > li, ol.unstyled > li { list-style: none; } ul.horizontal > li, ol.horizontal > li { display: block; float: left; } ul.horizontal-inline, ol.horizontal-inline { text-align: center; } ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; } ul.expanded > li, ol.expanded > li { margin-bottom: 10px; } /* =================== */ /* SECTION 3 */ /* =================== */ /* 3.1 - Toolbar */ .toolbar { color: #bbbbbb; font-size: 15px; } .toolbar li { float: right; line-height: 60px; list-style: none; padding-right: 25px; margin-bottom: 0 !important; } .toolbar a { color: #bbbbbb; } .toolbar a:hover { color: #bbbbbb; opacity: 0.7; filter: alpha(opacity = 70); } .toolbar .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; font-family: Helvetica, Arial, sans-serif; color: #bbbbbb !important; border-radius:4px} .toolbar #go { position: absolute; width: 11px; height: 11px; border: none; margin: 21px 0 0 5px; box-shadow: none; } .toolbar .or { color: #888; } .toolbar-cart, .toolbar-customer{ float:right !important; } .toolbar-customer { padding-left:0 !important;} .toolbar li.toolbar-cart { padding-right:0; } .toolbar li.search-field { padding-right:0; } /* 3.5 - Homepage */ .intro h2 { font-size: 32px; margin-bottom: 20px; } .intro h3 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 27px; } .intro h3 a { font-family: Helvetica, Arial, sans-serif; color: #f45b4f !important; } .intro h3 a:hover { font-family: Helvetica, Arial, sans-serif; } .featured-product .display-table-cell:first-child { padding-right:40px;} .featured-product h2 { margin-bottom:5px;} .featured-product .price { opacity:0.5; font-size:18px; margin-bottom:10px; display: block; } .featured-product-description { line-height: 24px} .featured-product-header { opacity: 0.5; font-size: 11px; text-transform: uppercase;} .featured-product-image { width:50%;} .sample-product-wrapper { background:#eee url(//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/blankslate-producticon.png?v=12684609763489905933) no-repeat center center; width:100%; height:170px; display:table; text-align:center; color:#aaa; } .sample-product { display:table-cell; text-align:center; vertical-align:middle; padding:0 10px; font-size:13px } .helper-note { font-size:16px; padding: 20px; position: absolute; max-width:500px; margin-left:-270px; margin-top:30px; left:50%; z-index:99999; display: none; } .helper-note p { line-height: 23px; margin-bottom:10px;} .helper-note h3 { font-size:19px; font-weight: bold;} .helper-section { clear:both;} .helper-section:hover .helper-note { display:inline-block!important; -webkit-animation: fadeInUp 0.2s ease-in; -moz-animation: fadeInUp 0.2s ease-in; animation: fadeInUp 0.2s ease-in; } .helper-section .helper-content { opacity: 1; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in;} .helper-section:hover .helper-content { opacity: 0.2; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;} /* 3.6 - Product & Collections */ .product { position: relative; margin-bottom: 20px; float: left; } .product .image { position: relative; overflow: hidden; margin: 0 0 5px; } .product .image a { text-align: center; } .image a#placeholder.zoom, .thumbs .image a { text-align: center; } .product .image.loading { background-position: 50% 50%; } .product img { margin: 0 auto; opacity: 1; filter: alpha(opacity = 100); -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; transition:opacity 0.15s; } .product:hover img { opacity: 0.7; filter: alpha(opacity = 70); } .product img, .product .image a { display: block; margin: 0 auto; } .product a { text-decoration: none; } .product .details a { display: block; padding: 5px 0; } .product .title, .product .vendor { display: block; margin: 0; line-height: 22px; display: block; color: #333333; } .product .title { font-weight: bold; font-size: 14px; } .product .vendor { font-size: 13px; margin-bottom: 2px; } .product .circle, #product .circle { position: absolute; text-transform: uppercase; z-index: 9999; font-size: 11px; line-height: 14px; right: -10px; top: -10px; color: #fff!important; padding: 17px 10px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; } .product .circle.sale, #product .circle.sale { font-family: helvetica; background-color: #e63e33; opacity: .9; filter:alpha(opacity=90); -webkit-font-smoothing: subpixel-antialiased; } .breadcrumb { font-size: 12px; margin: 0 0 30px 0; } .breadcrumb .arrow-space { margin: -2px 6px 0; font-size: 10px; opacity: .5; filter:alpha(opacity=50); } .breadcrumb a { color: #555555; } .details .price { color: #555555; opacity: 0.7; } #product .featured { margin-bottom: 15px; } #product .description { margin-bottom: 15px; } #product .thumbs .image { margin-bottom: 15px; } #product .thumbs .image:nth-child(3n+4) { clear: left; } #product h3.collection-title { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #000000; } @-moz-document url-prefix() { .product-options select { height: 30px; line-height: 30px; } } /* Firefox fix */ #collection .browse-tags { float: right; padding-top: 10px; } #collection .browse-tags label { float: left; display: block; margin: 1px 8px 0 0; } @-moz-document url-prefix() { #collection .browse-tags label { margin: 7px 8px 0 0; } #collection .browse-tags select { float: right; height: 30px !important; line-height: 30px !important; } } .pagination { text-align: center; margin:40px 0; padding: 0; } .pagination li { display: inline; padding: 0 12px; font-size: 14px; } .pagination li span { color: #555555; } .pagination li a { line-height: 16px; font-weight: normal; padding: 10px 14px; background: #e63e33; color: #fff; } .pagination li a:hover { text-decoration: none; } /* 3.7 - Cart */ #cart .buttons { margin-top: 30px; } #cart .extra-checkout-buttons { float: right; text-align: right; padding-top: 15px; } #cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; } #cart .qty { text-align: center; } #cart .price, #cart .remove { text-align: right; } #checkout { float: right; margin-left: 15px; } #update-cart { float: right; } #cart .image { text-align: center; } #cart .image a, #cart .image img { margin: 0; border: none; } #cart a .variant_title { display: block; color: #555555; } #cart a:hover .variant_title { } #cart .item { max-width: 400px; } #cart .item-description { font-size: 12px; } .subtext.success { font-weight: 700; color: #40954a; } div.errors, .subtext.error { font-weight: 700; color: #954040; } div.errors { margin-bottom: 15px; } .cart-buttons { float:right!important} /* 3.8 - Blog / Articles / Search */ #blog .pagination { margin-top:40px; } .sidebar h3 { font-size: 18px; } .sidebar .article { margin: 0 0 15px; } .sidebar .article a { display: block; } .sidebar .tags li { margin: 0; } .article h1 { font-size: 26px; } .article h1 a { display: block; color: #f45b4f; } .article h1 .article-title { display: block; } .article h1 a:hover { } .article h1 .date, .article-body h1 .date { font-size: 13px; font-family: Helvetica, Arial, sans-serif; } .article .continue { display: block; margin-top: 15px; } #article .comment { margin-bottom: 15px; } #article .comment_form { margin-top: 30px; } #article .comment_form .subtext { margin-bottom: 15px; } #article .comment_form label { display: block; } #article .comment_form .text { margin-bottom: 15px; display:block; } #article h2.comment-title { font-size: 20px; } #article #comment_body { width: 100%; height: 200px; } #article h3.author { font-size: 14px; font-style: italic; } #article-content h1 { color: #333333; font-size:36px; line-height:36px; } #article-content h2 { color: #333333; font-size: 28px; line-height:36px; } #article-content h3 { color: #333333; font-size: 28px; line-height: 28px; } #search .results { padding:20px 0; border-bottom:1px solid #ccc; } #search .search-border { border-bottom: 1px solid #000000; } #search .results .thumbnail a { display:inline-block; float: none; } #search .search-field { position: relative; height: 60px; line-height: 60px; } #search .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; color: #555555 !important; border: 1px solid #000000; } #search #go { position: absolute; width: 11px; height: 11px; border: none; margin: 22px 0 0 5px; box-shadow: none; } /* 3.9 - Customer Pages */ #customer-account p, #customer-order p { line-height: 14px; } /*blt*/ #customer-login input.text { width: 98%; } label { margin-bottom:4px; } #recover-password .note { text-align:center; } #customer-account #customer_sidebar { background:#f1f1f1; } .customer_address_table .address_form { width:98%; } .centerform input.text { width: 98%; } #address_tables .address_table { background:#f1f1f1; padding:20px; margin-bottom:20px; } .add-new-address { text-align:center; } /*blt*/ #customer-activate .create-password { margin-bottom: 30px; } #customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label { display: block; } #customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text { display: block; margin-bottom: 15px; } #customer-login .action_bottom, #customer-register .action_bottom { margin-top: 15px; } #order_cancelled { margin-bottom: 30px; } #customer-addresses .add-new-address { display: block; } .action_bottom span { line-height: 40px; } /* =================== */ /* SECTION 4 */ /* =================== */ /* 4.1 - Desktop Slim */ @media only screen and (min-width: 768px) and (max-width: 1026px) { .wrapper, .toolbar { width:768px; } } /* 4.2 - Tablet Landscape */ @media only screen and (min-width: 600px) and (max-width: 797px) { .wrapper, .toolbar { width:600px; } #product .span5 { width: 470px; } #product .span1 { width: 70px; } #blog .sidebar { display: none; } #blog .span9 { width: 570px; } #header .span9, #header .span3 { width: 570px; } #header .span9 { margin-left: 0 !important; } } /* 4.3 - Mobile Landscape */ @media only screen and (min-width: 510px) and (max-width: 629px) { .cart-buttons { float:left!important; } .checkout-buttons textarea { width:96%%;} #update-cart { float:left!important; } .display-table-cell, .display-table-cell { display: block!important; } .featured-product-image { width: 100%} .toolbar .search-field { display: none; } .wrapper, .toolbar { width:480px; } #product .span5 { width: 350px; } #product .span1 { width: 70px; } #blog .sidebar { display: none; } #blog .span9 { width: 450px; } #cart .item-description { display: none; } #collection .browse-tags { float: none !important; display: block; padding-top: 10px; } #collection .browse-tags label { display: none; } #collection .browse-tags select { width: 100%; height: 30px !important; line-height: 30px !important; } #article .sidebar { display: none; } #article .article { width: 450px; } #product .thumbs .image:nth-child(3n+4) { clear: none; } #product .thumbs .image:nth-child(6n+7) { clear: left; } #product .thumbs .last-in-row { padding-right: 15px; } #product .thumbs .image:nth-child(6n+6) { padding-right: 0; } .featured-product-image { margin-top:10px; } } /* 4.4 - Mobile Portrait */ @media only screen and (max-width: 509px){ #checkout-link { display:none; } .display-table-cell, .display-table-cell { display: block!important; } .featured-product-image { width: 100%} .helper-note { width:230px; margin-left:-145px;} .wrapper { padding: 0; } .wrapper, .toolbar { width:320px; } .toolbar .search-field { display: none; } .flex-controls { display: none !important; } #blog .sidebar { display: none; } #blog .span9 { width: 290px; } #product .title { font-size: 22px; } #product .featured { margin-bottom: 15px; } #product .thumbs { margin: 0 0 30px 0; } #cart .item-description { display: none; } #collection .browse-tags { float: none !important; display: block; padding-top: 10px; } #collection .browse-tags label { display: none; } #collection .browse-tags select { width: 100%; height: 30px; line-height: 30px; } #product .span5 { float: left; width: 230px; } #product .span1 { float: left; width: 60px; margin: 0; } #product .thumbs { margin: 0 0 15px 0; } #product .thumbs .image { margin-bottom: 0; } #content { min-height: 0px !important; } .featured-product-image { margin-top:10px; } } /* =================== */ /* SECTION 5 */ /* =================== */ /* 5.1 - IE Fixes */ .ie8 .product .circle, .ie8 #product .circle { right: 0; top: 0; padding: 8px 12px; } /* =================== */ /* SECTION 6 */ /* =================== */ /* 6.1 - FancyBox */ #fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}* html #fancybox-loading{position:absolute;margin-top:0}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115')}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:999999;display:none}* html #fancybox-overlay{position:absolute;width:100%}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:999999;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);-moz-box-shadow:0 0 20px rgba(0,0,0,0.4)}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:0;overflow:hidden}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent} #fancybox-close{position:absolute;top:-15px;right:-15px;width:29px;height:30px;background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115');background-position:-41px 0;cursor:pointer;z-index:1103;display:none}#fancybox_error{color:#444;font:normal 12px/20px Arial;padding:7px;margin:0}#fancybox-content{height:auto;width:auto;padding:0;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic}#fancybox-frame{position:relative;width:100%;height:100%;border:0;display:block}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}.fancybox-title-inside{padding:10px 0;text-align:center;color:#333}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold}.fancybox-title-over{color:#FFF;text-align:left}#fancybox-title-wrap{display:inline-block}#fancybox-title-wrap span{height:32px;float:left}#fancybox-title-left{padding-left:15px;background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115');background-position:-40px -90px;background-repeat:no-repeat}#fancybox-title-main{font-weight:bold;line-height:29px;background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox-x.png?v=5675824228467121135');background-position:0 -40px;color:#FFF}#fancybox-title-right{padding-left:15px;background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115');background-position:-55px -90px;background-repeat:no-repeat}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115');background-position:-40px -30px}#fancybox-right-ico{background-image:url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/fancybox.png?5734&v=7977272252295562115');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px} /* 6.2 - FlexSlider */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {width: 100%; margin: 0 0 30px 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {background: #fff; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); font-size: 14px; line-height: 18px;} .flex-direction-nav { height: 0; display: none; } .flex-direction-nav li { margin-bottom: 0; } .flex-direction-nav li a {width: 50px; height: 50px; display: block; background: url('//cdn.shopify.com/s/files/1/0313/9945/t/1/assets/slider-arrows.png?47334&v=18141013331194757679') no-repeat; position: absolute; top: 48%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Dark Direction Nav */ .flex-direction-nav li .prev {left: 20px; background-position: 0 0; } .flex-direction-nav li .next {right: 20px; background-position: -250px 0; } .flex-direction-nav li .prev:hover {background-position: 0 -50px; } .flex-direction-nav li .next:hover {background-position: -250px -50px; } .flex-controls { opacity: 0.9; filter: alpha(opacity = 90); } .slides a:hover{opacity:1;} /* ANIMATE.css */ @charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-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;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}Ç