/* ** ** Theme: Tailfeather v2.0 ** Author: Public Office (public-office.info) ** Client: Tailfeather ** All assets (c) 2013 Tailfeather ** ** ** 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.4 - Footer ** 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 3em; border: 0; height: 100%; } html { position: relative; min-height: 100%; font-size: 62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; } body { margin: 0; line-height: 1.5; font-size: 14px; font-size: 1.4rem; padding: 0; height: 100%; color: #555555; font-family: 'LyonText', 'Times New Roman', serif ; } /* Featured */ #featured { position:relative; overflow: hidden; width:100%; display: block; min-height: 860px; margin: 0; } #featured img { /* position:absolute; left:0; top: 0; bottom: 0; right: 0; */ -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } #featured img.top:hover { opacity:0; } .fadeIn { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; -o-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; } .fadeIn-1s { -webkit-animation-duration:600ms; -moz-animation-duration:600ms; -o-animation-duration:600ms; animation-duration:600ms; } .fadeIn-Delay-1s { -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } /* **** 1.2 - HTML5 Elements */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } figure { margin:0; float: left; display: inline; } header { height: 6.5em; } /* **** 1.3 - Forms and Inputs */ form { margin:0; padding:0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; font-weight: normal;} 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; } select, input[type=file] { height: 27px; height: auto; line-height: 27px; } input, textarea { font-family: inherit; -webkit-appearance: none; vertical-align:top; height:24px; line-height:16px; font-size:13px; padding:4px; border:1px dotted #ccc; display:inline-block; } 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; font-family: inherit; } ::-webkit-input-placeholder { color: #bbbbbb !important; } :-moz-placeholder { color: #bbbbbb !important; } select { font-size:13px; display:inline-block; color:#222; font-family: inherit; vertical-align:top; height:22px; line-height:22px; 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 { width:100%; border: 0; -ms-interpolation-mode: bicubic; } ul, ol { margin: 0 0 20px 0; padding: 0; } ul li { margin-bottom: 5px; } ul { list-style:disc outside none; } article { padding-bottom: 30px; } section > article { padding-bottom: 50px; } li { list-style: none; font-size: 14px; font-size: 1.4rem; line-height: 1.5; } .documentation-header { margin-bottom: 30px !important; } select { background: #eee; padding: 2px; border: 0; outline: 0; -moz-appearance:none; -webkit-appearance:none; height: 2em; max-width: 100%; width: auto; border-radius: 0; margin-top: -2px; } .loc_on_change { padding: 4px 8px 0 8px; } .ruled { border-top: 1px solid #DDD; padding-top: 8px; } .ruled-sparrow { border-top: 1px solid #CDC0B0; padding-top: 8px; } .right { float: right; } /* Colors */ .sparrow { color: #CDC0B0; } .kooka { color: #CCC; } .swallow { color: black; } /**** TEST MUST REMOVE ****/ a#tag-filter > ul { display: none; } a#tag-filter > ul:hover { display: block; } /* **** 1.4 - Typography */ @font-face { font-family: 'LyonText'; src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/Lyon%20Text%20Web-Regular.woff?6708577263611744789') format('woff'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'LyonText'; src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/Lyon%20Text%20Web-Regular%20Italic.woff?6708577263611744789') format('woff'); font-weight: normal; font-style: italic; font-stretch: normal; } @font-face { font-family: 'LyonText'; src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/Lyon%20Text%20Web-Black.woff?6708577263611744789') format('woff'); font-weight: bold; font-style: normal; font-stretch: normal; } @font-face { font-family: 'NeuzeitGroExt-Bla'; src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/NeuzeitGroExt-Bla.eot?6708577263611744789'); src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/NeuzeitGroExt-Bla.eot?%23iefix&6708577263611744789') format('embedded-opentype'), url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/NeuzeitGroExt-Bla.woff?6708577263611744789') format('woff'), url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/NeuzeitGroExt-Bla.ttf?6708577263611744789') format('truetype'), url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/NeuzeitGroExt-Bla.svg?6708577263611744789') format('svg'); font-weight: bold; font-style: normal; font-stretch: normal; } h1,h2,h3,h5,h6 { color:#333333; margin:0 0 13px 0; font-family: inherit; } h4 { margin-bottom: 6px; } h1,h2,h3,h4,h5,h6,.cart-summary, .toolbar { font-family: 'LyonText', 'Times New Roman', serif; } p.front { font-family:'DIN Next W02 Bold Cond'; font-size: 80px; font-size: 8.0rem; color: red; float: left; text-align: center; position: absolute; top:50%; left: 50%; width: 550px; height: 300px; margin-top: -150px; margin-left: -275px; padding-bottom: 12px; } h1 { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.0; display: inline-block; } h2 { font-weight: 400; color: #333333; font-size: 28px; font-size: 2.8rem; line-height: 28px; } h3 { font-weight: normal; color: #333333; font-size: 16px; font-size: 1.6rem; line-height: 1.35; } h4 { font-size: 13px; line-height: 1em; margin: 0; padding-bottom: 6px;} h5 { font-size: 12px; line-height: 18px; } h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; } 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: #FF8C69; } h1.title { color: #272727; } p { margin: 0; line-height: 1.35; text-indent: 2em; } p:first-of-type { text-indent: 0;} p.large:nth-child(2) { text-indent: 0; padding-top: 0.25em; } p.bottom { border-bottom: 1px solid #272727; } figcaption { font-size: 11px; font-size: 1.1rem; } .short { display: inline-block; } sup, sub { font-size: 40%; } .sizes { color: #BABABA; padding-left: 1.5em; } .spaced { padding: 0 0.65em; } /* Extra Styles */ small { font-size: 11px; font-size: 1.1rem; } .smaller { font-size: 14px; font-size: 1.4rem;} .medium { font-size:18px; font-size: 1.8rem; line-height: 1.5; } .large { font-size:22px; font-size: 2.2rem; line-height: 1.5; } .span3nest h3, .span3 h3 { margin-bottom: 0.5em; font-size: 16px; font-size: 1.6rem; } .none { text-indent: 0 !important; } .extra-pad { padding-bottom: 1em; } .no-margin { margin: 0; } .block-s { height: 6em; } .block-m { height: 12em; } .block-l { height: 14.5em; } .block-xl { height: 18em; } .no-indent { text-indent: 0; } .cl { clear: left !important; } .cr { clear: right; } #content { margin: 5em 0 6.5em 0; position: relative; width: 100%; height: auto; display: block; } /* **** 1.5 - Links and Buttons */ a { color: #CDC0B0; text-decoration: none; outline: none;} a:hover { color: #DEB887; } 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:normal; font-size:12px; text-transform:none;background: #ddd; width:auto; } a.btn:hover, input.btn:hover { background-color: #DEB887; color:#fff;} 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:#f45b4f; 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: #FF8C69 !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; } div > .product:nth-child(4n+4) { margin-right: 0; } #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; font-size: 13px; font-size: 1.3rem; margin-top: 2.5em; } table tr td { /*border-top: 1px solid #dddddd;*/ } table tr td, table tr th { padding: 5px 10px; text-align: left; } table tr td:first-child, table tr th:first-child { padding-left: 0px; width: 120px; } table tr td:last-child, table tr th:last-child { padding-right: 0px; } td { vertical-align: baseline; } tr { border-bottom: 1px solid #DDD !important; } td.name { width: 5em !important; } table#desc { border-top: 1px solid #DDD; } div.select.clearfix { margin-bottom: 1.5em; } dl { width:100%; position: relative; font-size: 0.875em; padding: 0.5em 0 1.5em 0; color: #9D9D9D; border-top: 1px solid #DDD; margin:0; } dt { position: absolute; width: 25%; padding: 0; } dd { width:75%; padding-left: 15%; margin-bottom: 0.25em; height: auto; } #page-contact dl {} #page-contact dt {} #page-contact dd {} #page-contact input { width: 50%; border: 0; background: #FAFAFA; padding: 0.5em; } #page-contact textarea { border: 0; background: #FAFAFA; padding: 0.5em; min-height: 180px; } #contactFormSubmit.btn { width: 8em; padding: 0; margin-top: 1em; background: #DDD; float: right; } #contactFormSubmit.btn:hover { background: #DEB887; color: white; } div.errorForm.feedback, .successForm.feedback { margin-bottom: 2.5em; } div.errorForm.feedback p, .successForm.feedback p { color: #CDC0B0; } #page dl { width: 100%; position: relative; padding: 0; font-size: 0.875em; color: #9D9D9D; border: none; border-bottom: 0; } #page dt { position: absolute; width: 10%; padding: 0; } #page dd { width:90%; padding-left: 5%; padding-bottom: 0.35em; height: auto; color: #4D4D4D;} .description p:last-of-type { margin-bottom: 2.5em; } strong { font-weight: 600; } em { font-family: inherit; font-style: italic; } /* **** 1.7 - Icons */ @font-face { font-family: 'TF'; src: url('//cdn.shopify.com/s/files/1/0171/6790/t/2/assets/TF.woff?6708577263611744789') format('woff'); font-weight: normal; font-style: normal; font-stretch: normal; } .icon-Aust, .icon-Basket, .icon-Intl { font-family: 'TF'; speak: none; font-style: normal; font-weight: normal; font-size: 14px; font-size: 1.4rem; font-variant: normal; text-transform: none; line-height: 1; padding-right: 0.5em; -webkit-font-smoothing: antialiased; } .icon-Aust:before { content: "\41"; } .icon-Basket:before { content: "\42"; } .icon-Intl:before { content: "\49"; } /* **** 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 1 ** */ /* **** 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; } .hidden { opacity: 0; } .border-top { border-top: 1px solid #dddddd; } .border-right { border-right: 1px solid #dddddd; } .border-bottom { border-bottom: 1px solid #dddddd; } .border-left { border-left: 1px solid #dddddd; } .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;} .ruled { border-top: 1px solid #DDD;} hr.divider { margin: 2.5em 0; background: #dddddd; height: 1px; border: 0; } hr.clear { border: 0; height: 48px; } /* **** 2.2 - Grid System */ .wrapper { width: 100%; max-width: 1280px; min-height: 88.5%; margin: 0 auto; padding-bottom:2em; } .toolbar-wrapper { width: 100%; height: 60px; background: #f9f9f9;} #transparency > .row:before, #transparency > .row:after { content: ""; display: table; } #transparency > .row:after { clear: both; } #transparency > .row { zoom: 1; } .toolbar { width: 100%; max-width: 1272px; margin: 0 auto; } .row { position: relative; margin: 0; } .row-more { position: relative; margin: 0 0 4.5em 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { display: block; float: left; margin: 0 2% 0 0; } /*.inner-left { margin-left: 0px !important; } .inner-right { margin-right: 0px !important; }*/ .last { margin-right: 0 !important;} /* Column Widths */ .span1 { width: 6.5%; } .span2 { width: 15%; } .span3 { width: 23.5%; } .span4 { width: 32%; } .span5 { width: 40.5%; } .span6 { width: 49%; } .span7 { width: 57.5%; } .span8 { width: 65.7%; } .span9 { width: 74.2%; } .span10 { width: 82.7%; } .span11 { width: 91.2%; } .span12 { width: 99.7%; margin: 0; } /* Nesting */ .span2nest { width: 31.25%; float: left; display: inline; margin:0 2% 0 0;} .span3nest { width: 28%; float: left; display: inline; margin:1.5em 2% 0 0; } .span4nest { width: 46%; float: left; display: inline; margin:0 4% 0 0; } .span5nest { width: 48%; float: left; display: inline; margin:0 4% 0 0; } .article .span2nest { width: 23.75%; float: left; display: inline; margin:0 2% 0 0; } @media only screen and (max-width: 480px) { .article .span2nest { width: 48%; float: left; display: inline; margin:0 2% 0 0; } } /* Grid Offsets */ .push1 { margin-left: 8.5%; } .push2 { margin-left: 17%; } .push3 { margin-left: 25.5%; } .push4 { margin-left: 34%; } .push5 { margin-left: 42.5%; } .push6 { margin-left: 51%; } .push7 { margin-left: 59.5%; } .push8 { margin-left: 67.7%; } .push9 { margin-left: 76.2%; } .push10 { margin-left: 84.7%; } .push11 { margin-left: 93.2%; } /* **** 2.3 - Lists */ .footer-menu ul.unstyled { float: left; } ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; text-align: left; } ul.unstyled > li, ol.unstyled > li { list-style: none; } ul.horizontal > li, ol.horizontal > li { display: block; float: left; } ul.horizontal > li:last-of-type { padding-right: 0; } 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; } ul.terms li { display: list-item; margin-bottom: 12px; } ul.terms li:before { /*content: '\00b7'; padding-right: 0.25em;*/ } ul.terms li:first-of-type:before { content: ' '; padding-right: 0; } ol { padding-top: 0.25em; } ol li { font-size: 11px; font-size: 1.1rem; } /* ** **** Section 3 ** */ /* **** 3.1 - Toolbar */ .toolbar { color: #bbbbbb; font-size: 13px; } .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: #DEB887; } .toolbar .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; font-family: Cabin; 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; } #pagination { margin:0 auto; width: 240px; padding-top: 2.5em; clear: left !important; text-align: center; } a.current { color: #DEB887; } #checkout-link a, #cart-target a { font-size: 15px; font-size: 1.5rem; color: #ccc; } #checkout-link a { border-bottom: 1px solid #DDD; } #cart-target { width: 48px; } .icon-Basket { display: inline; padding-left: 6px; } #cart #address_zip { height: 1.5em;padding-bottom: 0.25em; border: none; } #cart #address_country { background: #f9f9f9; padding: 0.4em; } #cart-animation { /* width: 35px; height: 35px; border-radius: 50%; position: absolute; display:block; z-index: 15; text-align:center; line-height: 35px; background: transparent !important; color: transparent !important; font-weight:bold; border:3px solid transparent; font-size: 16px; display: block;*/ display: none; } /* **** 3.2 - Header */ .logo { position: relative; z-index: 100; padding-top: 3px; height: 14px; } .logo h1 a { display: block; margin: 0 auto; } .logo h1 a:hover{ color: #DEB887; opacity:1; filter: alpha(opacity = 100); } .logo h1 { text-align: left; } .logo {padding: 2.5em 0 1.25em 0;} .logo h1 { margin:0; border:0; } .logo h1 a { text-decoration:none; text-transform: uppercase; letter-spacing: 0.30em; font-weight: normal; font-size:18px; font-size:1.8rem; line-height:1; margin:0; padding:0; border:0; text-align: left; } .logo h1 a:hover { text-decoration:none; color: #DEB887; font-weight: normal;} .logo a { display:block; margin:0; } /* **** 3.3 - Navigation */ nav { font-family:'LyonText'; } nav { position: relative; padding: 2.5em 0 1.25em 0; width: 100%; display: inline-block; } nav > ul > li { margin-bottom: 0; } nav > ul > li > a { text-decoration: none; color: #4d4d4d; display: block; padding: 0 15px 0 0; font-size: 15px; font-size: 1.5rem; line-height: 24px; font-weight: 400; } /*#nav { height: 6.5em; }*/ nav > ul > li > a.current { color: #DEB887; } nav > ul > li:hover > a { color: #DEB887; text-decoration: none; } nav > ul > li.dropdown { position:relative; } nav > ul > li.dropdown > .dropdown { background: #fff; list-style: none outside none; padding: 5px 15px; display: none; position: absolute; min-width: 180px; z-index: 99999; top: 100%; left: 0%; margin-left: 15px; border: 1px solid #dddddd; } nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); box-shadow:0 0 3px rgba(0, 0, 0, 0.10); } nav > ul > li.dropdown li { list-style: none; font-size: 13px; line-height: 30px; } nav > ul > li.dropdown li a { line-height: 30px; height: 30px; font-size: 15px; color: #888888; } nav > ul > li.dropdown li a:hover { color: #DEB887; opacity:0.7; filter: alpha(opacity = 70); } nav > ul > li.dropdown > .dropdown { margin-left: 0; } nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); } nav > ul { text-align: left; } nav > ul > li { float: left; display:inline-block; padding-right: 0.65em; } nav > ul > li.dropdown > .dropdown { text-align: left; } nav > ul > li.dropdown > .dropdown > li { display: block; } nav > ul > li a:nth-of-type(2) { } select#currencies { background: white; } .underline { border-bottom: 1px solid #4D4D4D; } .fl { float: left; } ul.filter-menu { width: auto; float: left; margin: 0.5em 1.65em 0 0; clear: left; display: inline-block; } ul.filter-menu li a { color: #4D4D4D; margin-bottom: 0; } ul.filter-menu li a:hover { color: #DEB887; } ul.filter-menu:nth-of-type(2) { float: left; display: inline; clear: none; } ul > div { position: relative; clear:left; width: auto; overflow: auto; display: block; margin-top: -0.5em !important; background: transparent; z-index: 5; } nav.mobile { display: none; border: none; } nav.mobile > ul > li > a { line-height: 30px; height: 30px; } nav.mobile select { height: 30px; line-height: 30px; width: 100%; float: left;} .selector-wrapper { width: auto; float: left; padding-right: 20px; } .right { float: right; } /* **** 3.4 - Footer */ footer { height: 4em; position: relative; top: 100%; border-top: 1px solid #DDD; background: white; } footer { padding-bottom: 8px; } footer, footer p { color: #555555; } footer h1, footer h2, footer h3, footer h4, footer h5 { color: #333333; } footer li a { display: block; font-size: 14px; font-size: 1.4rem; color: #4D4D4D; } footer li { display: block; padding: 0; line-height: 1; } footer ul { width: auto; margin:0; padding: 1em 2em 0 0; float: left; display: inline; } footer ul:after { } footer nav ul li { margin:0; padding:0 0 0.35em 0; display:block; } footer li { display: block; } .end:after { content: " "; } footer .btn.newsletter { font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; margin-left: 15px; background: #f45b4f; color: #fff; } footer .btn.newsletter:hover { background: #f45b4f; color: #fff; } footer #mail { width: 168px; } /* Subscribe Form */ footer form { margin-top: 2em; } footer input { width: 80%; background: transparent; font-family: inherit; font-weight: normal; font-size: 14px; font-size: 1.4rem; color: #4D4D4D; line-height: 1; padding: 0!important; outline: none; border-top: none; border-right: none; border-bottom: none; border-left: none; webkit-appearance: none; border-radius: none; float: left; display: inline; } footer input:focus { outline: none; } footer button { width: 19%; float:left; display: inline; webkit-appearance: none; background: transparent; font-family: inherit; color: #4D4D4D; outline: none; border-top: none; border-right: none; border-bottom: none; border-left: none; webkit-appearance: none; border-radius: none; margin-top: 0.3em; } footer button:hover { color: #DEB887;} footer ::-webkit-input-placeholder { color: #4D4D4D !important; } footer :-moz-placeholder { color: #4D4D4D !important; } footer ::-moz-placeholder { color: #4D4D4D !important; } footer :-ms-input-placeholder { color: #4D4D4D !important; } .pad-a { padding-bottom:0.25em; } .pad-b { padding-bottom: 0.5em; } /* **** 3.5 - Homepage */ .featured-product .display-table-cell:first-child { padding-right:40px;} .featured-product h2 { margin-bottom:5px; font-weight: bold;} .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/0171/6790/t/2/assets/blankslate-producticon.png?6708577263611744789) 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; z-index: 8888; margin: 0 0 5px; text-align: center;} .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.5; filter: alpha(opacity = 50); } .product img, .product .image a { display: block; margin: 0 auto; } .product a { text-decoration: none; } .product .details a { position: absolute; width: 99%; text-align: center; top:50%; margin-top: -1em; } .product .details a:hover { visibility:visible; } .product .title, .product .vendor { display: block; margin: 0; line-height: 22px; display: block; color: #333333; } .product .title { font-weight: bold; font-size: 16px; font-size: 1.6rem; padding-bottom: 0.35em; } .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: #f45b4f; 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; } .purchase h2.price { margin: 0 0 0.25em; display:inline-block; font-size: 18px; font-size: 1.8rem; color: #DEB887; } /*.purchase-section { height: 3.6em; border-bottom: 1px solid #DDD; }*/ .details .price { color: #555555; } #product .featured { margin-bottom: 15px; } #product .description { margin-bottom: 6px; } #product .thumbs .image { margin-bottom: 15px; } #product .thumbs .image:nth-child(3n+4) { clear: left; } #product h3.collection-title { font-size: 18px; font-size: 1.8rem; padding-top: 0.5em; border-top: 1px solid #DDD; } .product.span3:nth-child(4n+4) { margin-right: 0; } .product-options { padding: 15px 0 20px; margin-bottom: 15px; border-top: 1px solid #dddddd; } .product-options label { display: block; margin-bottom: 3px; } .product-options select { margin-bottom: 20px; padding: 4px 8px; } .product-options textarea { width: 30px; line-height: 18px; height: 18px; min-height: 18px; margin-bottom: 20px; } #quantity { width: 50px; margin-bottom: 20px; } @-moz-document url-prefix() { .product-options select { height: 30px; line-height: 30px; } } /* Firefox fix */ #collection h1 { float: left; } #collection .browse-tags { float: right; padding: 3px 25px 0 0; } #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: 0 0 30px 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; color: #4D4D4D; } .pagination li a:hover { text-decoration: none; } /* **** 3.7 - Cart */ #cart-wrapper, #cart-target { width: auto; float:right; } #cart-wrapper > span > a { color: #DDD; } #cart .buttons { margin-top: 0.875em; } #cart .extra-checkout-buttons { float: right; text-align: right; padding-top: 15px; display: none; } #cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; } #cart .qty { text-align: left; } #cart .remove { text-align: right; } #checkout { float: right; margin-left: 15px; } #checkout-wrapper {padding-bottom: 1.4rem; border-bottom: 1px solid #ccc;} #update-cart { float: right; } #cart .image, #cart .price { text-align:left; } #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: 350px; padding-top: 10px; } td.item, td.image, td.qty, td.price, td.remove { vertical-align: middle !important;} tr.summary { height: 60px; margin-bottom: 48px; } textarea#note { font-family: 'LyonText'; font-size: 16px; width: 99%; min-height: 220px; padding: 1em; } #cart td { border-top: 1px solid #ddd;} #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; } .right { float: right; } .cart-buttons { float:right!important} #update-cart { margin-top: 0.5em; } ul.horizontal { display: inline-block; } nav > div { display: inline-block; } /* Shipping Calculator */ #shipping-calculator p.tRow { border-top: 1px solid #4D4D4D !important; } #shipping-calculator dl { position: relative; width: 100%; } #shipping-calculator dt { position: absolute; width: 15%; } #shipping-calculator dd { width: 85%; padding-left: 2.5em;} #shipping-calculator label { display: block; margin: 1em 0 0.5em 0; } #shipping-calculator #wrapper-response { clear: both; display: inline-block; width: 60%; margin-top: 3.25rem; } #shipping-rates li { line-height: 1.35; color: #CDC0B0 } .cart-buttons { margin-right: 0; } #shipping-calculator p.field { text-indent: 0; } #shipping-calculator p.field:last-of-type { display: inline-block; float: right; margin-top: 2.5em; } #address_province, #address_country { width: 100%; height: 3em; background: #f7f7f7; padding: 0.75em; margin-top: 0; } #address_zip { width: 95%; padding: 0.75em !important; background: #f7f7f7; } a.cart-remove { padding-right: 2em; font-size: 18px; } /* **** 3.8 - Blog / Articles / Search */ div.row.title { display: inline-block; } #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: 18px; font-size: 1.8rem; font-weight: normal;} .article h1 a { display: block; color: #FF8C69; } .article h1 .article-title { display: block; } .article h1 a:hover { } .article h1 .date, .article-body h1 .date { font-size: 14px; font-size: 1.4rem; font-family: inherit; font-style: italic; font-weight: normal; padding: 0.35em 0 2.5em 0; } .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 .thumbnail a { display:block; float:right; } #search .search-border { border-bottom: 1px solid #dddddd; } #search .results .thumbnail a { 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 #dddddd; } #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; } #login input.text { width: 220px; } #login h1 { font-family: inherit; text-transform: uppercase; } #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; } .upper { margin-top: -40px; } .show-mobile, .hide-desktop { display: none; } /* **** Project Pages */ section.project {} section.project article { width: 100%; overflow: hidden; display: block; margin-bottom: 2.5em; } section.project .article-inner { margin-left: calc(34.333333333%); float: left; margin-top: 3em; } section.project aside { width: calc(34.3333333% - 8.444444%); margin-right: 3%; float: left; border-top: 1px solid white; } @media only screen and (max-width: 768px) { section.project aside, section.projects aside { width: 100%; margin-bottom: 2em; } } section.project .gallery { width: 65.7%; margin-left: 5%; float: left; position: relative; } section.project .gallery figure:nth-of-type(2) { width: calc(48.5% - 2px); float: left; margin-right: calc(3% + 4px); } section.project .gallery figure:nth-of-type(3) { width: calc(48.5% - 2px); float: left; margin-right: 0; } section.project .gallery figcaption { padding-bottom: 4px; } @media only screen and (max-width: 768px) { section.project .gallery { width: 100%; } } @media only screen and (max-width: 480px) { section.project .gallery { width: 100%; margin-left: 0; } section.project .image-row, section.project .title-row, section.project .caption { width: 100%; margin-left: 0; } } section.project .article-inner figure { width: 100%; margin-left: 6.5em; margin-top: 1.5em; margin-bottom: 2.5em; } @media only screen and (max-width: 768px) { section.project .article-inner { width: 100%; margin-left: 0; margin-top: 2rem; } section.project .article-inner figure { margin-left: 0; } } .article-inner .intro p { /* font-size: 27px; */ font-size: 20px; line-height: 1.5; margin-left: 0; text-indent: 10rem; } @media only screen and (max-width: 480px) { .article-inner p { font-size: 16px !important; margin-left: 0 !important; } .article-inner .intro p { font-size: 18px !important; margin-left: 0 !important; } .article-inner p.question+p, .article-inner p.question+p+p { margin-left: 0; } } .article-inner .intro p:first-of-type { text-indent: 0; padding-bottom: 0; } .project aside h1 { font-size: 1.5em; line-height: 2.25em; margin-bottom: 3em; font-weight: 400; } .project aside p, .projects aside p { font-size: 1.5em; line-height: 1.35; text-indent: 0; } .article-inner .intro { margin-top: 0; margin-bottom: 3em; } .article-inner p { font-size: 1.25em; line-height: 1.35; padding-bottom: 1.5em; text-indent: 0; margin-left: 10rem; } .article-inner p.question+p, .article-inner p.question+p+p { } .article-inner p.question { color: rgba(0,0,0,.35); } .project aside p.photos { font-size: 1em; line-height: 1.35em; text-indent: 0; margin-top: 2em; color: #ccc; } .project .image-row, .project .title-row, .project .caption { width: 65.7%; margin-left: 34%; float: left; } .project .caption { margin-top: -3px; } .project .title-row { margin-top: 8.5rem; } /* ** **** Section 4 ** */ /* **** 4.0 - Desktop Large Screen */ @media only screen and (max-width : 2000px) and (min-width: 1600px) { } @media only screen and (max-width: 1600px) { /*#featured { width: 80%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }*/ } /* **** 4.1 - Desktop / Tablet Landscape */ @media only screen and (max-width : 1440px) and (min-width: 1024px){ .wrapper { /* margin: 0 5rem 0 5rem; max-width: 100%; */ } body { margin: 0 6rem; } #content { margin-top: 2.5em; } } @media only screen and (max-width : 1366px) and (min-width: 1023px){ /*.logo, nav { padding: 40px 0 !important; }*/ #cart-wrapper, #cart-target { margin-left: -2em; } /*#featured img { top: 0; max-width: 95%; }*/ } @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { body, html { padding: 0 2.5em; } .wrapper { width: 100%; padding: 0; border: 1px solid transparent; } /*#featured img { top: 4em; }*/ .push3 { margin-left: 8.5% !important; } footer { border-top: 1px solid #DDD; font-size: 12px; font-size: 1.2rem; } .smaller, footer li a, ol li { font-size: 11px; font-size: 1.1rem; } button { font-size: 14px; font-size: 1.4rem; padding-top: 2px; } .hide-desktop { display: none !important; } ul.mobile-drop { padding-right: 2.5em;} /* Per Template */ div.span3.push1.last { width:32%; margin-left:0; } ul.pages li { font-size: 14px; font-size: 1.4rem; } .push3 { margin-left: 8.5% !important; } .span3.push3 { width: 32%; } footer form { width: 135%; } footer button { padding-bottom: 0.3em; } footer li a { font-size: 13px; font-size:1.3rem; } #content { padding-top: 20px; } .pullUp { margin-top: -60px; } .row { margin-bottom: 0; } /* Header*/ .span4.clearfix.mobile-head { width: 23.5% !important; } div.span4.push2 { width: 40.5% !important; } .logo, nav { padding-top: 1.75em !important; float: left; } #cart-wrapper { width: auto; float: right; display: inline; } .homePush { padding-left: 8.5%; } div.caption > p:nth-of-type(2) { width: 47.5%; } div.caption > p:nth-of-type(3) { width: 47.5%; float: right; display: inline; margin-right: 0; } .large { font-size: 19px; font-size: 1.9rem; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #cart-wrapper { display: block !important; width: auto; /*margin: -8.25em -0.5em 0 0;*/ } .hide-mobile { display: block !important; } footer form { -webkit-appearance: none; } article { padding-bottom: 20px; } .hide-desktop { display: none !important; } } /* **** 4.2 - Tablet Portrait */ @media only screen and (max-width : 768px) and (orientation : portrait) { body, html { padding: 0 2em; } .wrapper { padding: 0; } .large { font-size: 18px; font-size: 1.8rem; } .sidebar h3 { font-size: 16px; } .cptList { width: 26%; margin-right: 0 !important; } .span4nest { clear:left; width: 100%; } .span2nest { width: 47%; margin-right: 6%; } .span5nest { width: 47%; margin-right: 6%; } ol li { font-size: 12px; font-size: 1.2rem; } body#product .span8, .span3.push1 { width: 100%; margin-left: 0; } body#product .span3.product { width:46%; } /*#featured img { width: 175%; margin-left: -180px; }*/ .hide-iPad { display: none; } article.span3, article.span3.push1 { width: 46%; } article.span3:first-of-type, .span3.push1 { margin-right: 6%; } .span5.push1 { width: 100%; margin-left: 0; } .span3.push3.last { margin-left: 18.5%; width: 28.5%; } .span8.push2 { margin-left: 6.5%; width: 76.5%; } .logo.span6 { width: 36.5%; } #main { width: 60%; } } /* **** 4.3 - Mobile Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { body { padding: 0 0.875em; width: 100%; } .wrapper { position: relative; padding: 0; width: 100%; overflow: hidden; } .logo h1 a { font-size:24px; font-size: 2.4rem; line-height:1.25; width: 100%; text-align: center; } .logo { width: 100%; margin: 0 auto; padding: 0 !important; text-align: center; margin-top: 4em; height: 1.875em; } h1 a { font-size: 16px; font-size: 1.6rem;} #main { height: 0.875em; width: 100%; } #main ul { padding-left: 2.5em; } #main ul li { float: left; display: inline; padding-right: 0.5em; text-align: center; } #cart-wrapper-m { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 500; margin: 0 auto; padding-top: 6px; background: white; border: none; } #cart-target-m { position: relative; width: auto; margin-left: 120px; } select#currencies { background: white; -moz-appearance: none !important; -moz-user-select:none; } .hide-desktop { display: block; } .hide-mobile, .hide-iphone { display: none !important; } #featured { width: 125%; height: 400px; margin-left: -70px; padding-top: 5em; display: block; z-index: 0; display: block; } footer div.span6 { width: 100%; } .large { font-size: 18px; font-size: 1.8rem; } .sidebar h3 { font-size: 12px; font-size: 1.2rem; } .cptList { width: 26%; margin-right: 0 !important; } .span4nest { clear:left; width: 100%; } .span2nest { width: 47%; margin-right: 6%; } .span5nest { width: 47%; margin-right: 6%; } ol li { font-size: 12px; font-size: 1.2rem; } p.large { font-size: 21px; font-size: 2.1rem; } .hide-l { display: none; } .stretch { width: 200%; margin-left: -80px; } .block-s { height: 2em; } /* Template Specicifity */ body.workshop .span3 { width: 46%; margin-right: 4%; } body.workshop .span5.push1, .span3.push1 { margin-left: 0; width: 46%; } body.workshop .push-l { float: right; width: 46%; } body#collection .span3.product { width:46%; } body#collection div.logo { width: 430px; margin-left: 95px; padding: 0 !important; text-align: center; margin-top: 5em; height: 30px !important; } body#product .span8, .span3.push1 { width: 100%; } body#product .span3.product { width:46%; } body.stockists article { width: 100%; } body.stockists article p, h4 { font-size: 11px; font-size: 1.1rem; } body.stockists section p, h4 { font-size: 11px; font-size: 1.1rem; } } /* **** 4.4 - Mobile Portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { body, html { padding: 0 0.875em; /*max-width: 320px !important;*/ } .wrapper { position: relative; width: 100%; overflow: hidden;} /*footer { margin-top: 2.5em !important; background: transparent !important; }*/ } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { body { padding: 0 0.875em; max-width: 320px !important; } .wrapper { position: relative; width: 100%; overflow: hidden; } /*nav.main { position: absolute; width: 270px; height: 2em; z-index: 20; top: 0; left: 0 !important; }*/ .mobile-drop.last { margin-right: 0 !important; width: 50px; } /*#featured { width: 150% !important; height: 280px; margin-left: -70px !important; padding-bottom: 20%; }*/ #featured { margin-top: 8em; max-height: 240px !important; } ul > div { display: none; width: 200px; } /*#cart-wrapper-m { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 500; margin: 0 auto; padding-top: 6px; z-index: 99999; background: #f7f7f7; border: none; } #cart-target-m { position: relative; width: 80px; margin-left: 110px !important; }*/ select#currencies { background: #f7f7f7; } footer { margin-top: 2em; background: transparent !important; } .span8.push4.last.articles {margin-left: 0 !important;} } @media only screen and (min-width: 320px) and (max-width : 480px) and (orientation: portrait) { body { padding: 0 0.875em; } /*#featured { width: 175%; margin-left: -120px ; } */ .hide-desktop { display: block; } .hide-mobile, .hide-iphone { display: none !important; } #main { position: absolute; width: 270px; height: 2em; z-index: 20; top: 4em; left: 0; } ul > div { width: 240px; margin-left: -120px; background: white; opacity: 0.75; -khtml-opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); padding-bottom: 0.333333em; } ul > div > ul:first-of-type { margin-left: -75px; } ul > div > ul:nth-child (2) { } ul > div > ul > li { clear: left; } h3.title { font-size:14px; font-size: 1.4rem; } footer ul { margin-top: 1em; } .span8.push4.last.articles {margin-left: 0 !important;} /* Cart */ #cart-wrapper-m { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 500; margin: 0 auto; padding-top: 6px; z-index: 99999; background: white; border: none; } #cart-target-m { position: relative; width: 80px; margin-left: 90px; } select#currencies { background: white; -moz-appearance: none !important; -moz-user-select:none; } #checkout-link, #task-filter { display:none; } /*#content, .upper { margin-top: -2em; }*/ nav { padding: 2.5em 0 4em 0;} nav ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } nav ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;} nav ul li a { display:block; margin:0 0 0 1px; padding:0 2px; } /*nav.main { position: absolute; width: 65%; height: 2em; margin: 0 auto; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding-top: 5em !important; }*/ .no-pr { padding-right: 0; } nav > ul > li > a { font-size: 13px; font-size: 1.3rem; padding-right: 9px; } .second-mobile { margin:0; } .span4.ruled { border-top: 0; } #cart h1.top { display: none; } textarea#note { margin-top: 1em; width: 95%; height: 120px; } #shipping-calculator { padding-top: 2.5em; } #address_province, #address_country { width: 100%; height: 2.5em; background: #f7f7f7; padding: 0.5em; } #address_zip { width: 100%; height: 3.5em; padding: 0.5em; background: #f7f7f7; } .push2 { margin-left: 0; } div.span4nest.last { clear:left; width: 100%; padding-top: 0.35em; } .span5nest { width: 46%; float: left; display: inline; margin:0 8% 0 0; } .span2nest { width: 46%; } .cptList { width: 48%; margin-right: 0; } ol > li { font-size: 11px; font-size: 1.1rem; } .article h1 { font-size: 16px; font-size: 1.6rem; } .block-s { height: 3.5em; } .display-table-cell, .display-table-cell { display: block!important; } .featured-product-image { width: 100%;} /*.helper-note { width:230px; margin-left:-145px;}*/ p.large { font-size: 21px; font-size: 2.1rem; color: #555555; } nav.mobile { margin: 0; } .wrapper { padding: 0; } .wrapper, .toolbar, footer { width: 100%; } .span1,.span2,.span3,.span5,.span6,.span7,.span8,.span9,.span10,.span11 { float:left; display:inline; } .span3, .span5, .span6, .span8 { width: 100% !important; } div.product.span3 { width: 46%; } .push1 { margin-left: 0; } .span12 { width: 100%;} .product.span3:nth-child(2n+2) { margin-right:0 !important; padding-right: 0; float: left; } .product { padding-right: 4%; } div.product { float: left; display: inline; margin-right: 0;} /* Header */ .logo h1 a { font-size:24px; font-size: 2.4rem; line-height:1.25; width: 100%; text-align: center; } .logo { width: 100%; height: 1.875em; /*padding: 2em 0 0.65em 0;*/ padding: 0; text-align: center; margin: 3.6em 0 0 0; } h1 a { font-size: 16px; font-size: 1.6rem;} .flex-direction-nav li a, .flex-direction-nav li .next, .flex-direction-nav li .prev { display: none; } .toolbar .search-field { display: none; } footer .push3 { margin-left: 0;} .mobile-drop { padding-top: 0; } table { width: 100%; max-width: 320px; } td.image { display: none !important; } td.item { display: block; } #blog .sidebar { display: none; } #blog .span8.push2 { width: 100%; margin-left: 0; } #product .title { font-size: 16px; } #product .featured { margin-bottom: 15px; } #product .thumbs { margin: 0 0 30px 0; } #product .thumbs .image a { max-width: 60px; float: left; margin: 0 15px 0 0; } #cart .item-description { display: none; } #cart .span4.push2 { width: 100%; margin-left: 0; } #cart span.money, a .variant_title, strong, th.qty, th.price { font-size: 11px; } th.item { display: none; } a.cart-remove { float:left; padding-left: 40px; font-size: 21px; } #collection h1 { float: none !important; } #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; } #product .thumbs .image a { margin-bottom: 15px; } #content { min-height: 0px !important; height: 100%; } footer { padding-bottom: 1em;} .footer-menu { /*margin-bottom: 20px;*/ } .featured-product-image { margin-top:10px; } article.span3, div.span3 { width: 100%; } .full { width: 100% !important; } article.span3:first-of-type, article.span3:nth-of-type(3) { margin-right: 6%;} body.workshop article.span3 p, article.span3 h3{ font-size: 14px; } body.workshop img { padding-bottom: 1.25em; } div article { width: 46%; margin-right: 6%; float: left; display: inline; } div.span3 article:nth-of-type(2n+2) { margin-right: 0;} h3.ruled.un { border-top:0; padding-top:0; } .span3 li, .span3 h3, div.span3 p { font-size: 12px; } body.stockists article { width: 100%; } body.stockists article p, h4 { font-size: 11px; font-size: 1.1rem; } body.stockists section p, h4 { font-size: 11px; font-size: 1.1rem; } } /* ** **** Section 5 ** */ /* **** 5.1 - IE Fixes */ .ie8 .product .circle, .ie8 #product .circle { right: 0; top: 0; padding: 8px 12px; } .ie7 nav > ul > li { float: left !important; display:inline-block !important; } /* ** **** Section 6 ** */ /* /* **** 6.2 - FlexSlider */ @font-face { font-family: 'flexslider-icon'; src: url('flexslider-icon.eot'); src: url('flexslider-icon.eot?#iefix') format('embedded-opentype'), url('flexslider-icon.woff') format('woff'), url('flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 25%; height: 80%; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 1); /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { /* font-family: "flexslider-icon"; */ font-size: 40px; display: inline-block; content: '\2190'; color: rgba(255, 255, 255, 1); /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); */ } .flex-direction-nav a.flex-next:before { content: '\2192'; } .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav:hover a:before { opacity: 1; } .flex-direction-nav .flex-next { right: 20px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .gallery:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .gallery:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flex-caption { font-size: 1.1rem; padding-top: 6px; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .flex-controls { opacity: 0.9; filter: alpha(opacity = 90); } .slides a:hover{opacity:1;} .flex-control-nav { /* width: auto; margin: 0 auto; margin-left: 6rem; */ display: none; } .flex-control-nav li { /* display: inline; */ font-size: 1.75rem; padding-right: 0.5rem; } .flex-control-nav li a:hover { cursor: pointer; color: black; } /* 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}Ç