/* * Testament Shopify theme * Copyright 2015, Underground Media * www.shopifythemes.net * * Gridlock v3.2.1 -
2014-10-28 * A responsive CSS grid system. Part of the Formstone Library. * http://formstone.it/gridlock/ * * Copyright
2014 Ben Plum; MIT Licensed */

*, *:before, *:after { box-sizing: border-box; } .gridlock .row { width: 92%; margin-left: auto; margin-right: auto; }
.gridlock .row:after { height: 0; clear: both; content: "."; display: block; line-height: 0; visibility: hidden; }
.gridlock .row .row { width: 102.08333333%; margin-left: -1.04166667%; margin-right: -1.04166667%; } .gridlock .row
.contained .row { width: 100%; margin-left: 0; margin-right: 0; } .gridlock .row [class*="all-"], .gridlock .row
[class*="min-"], .gridlock .row [class*="mobile-"], .gridlock .row [class*="tablet-"], .gridlock .row
[class*="desktop-"], .gridlock .row [class*="max-"] { float: left; margin-left: 1.04166667%; margin-right: 1.04166667%;
} .gridlock .row [class*="all-"].padded, .gridlock .row [class*="min-"].padded, .gridlock .row
[class*="mobile-"].padded, .gridlock .row [class*="tablet-"].padded, .gridlock .row [class*="desktop-"].padded,
.gridlock .row [class*="max-"].padded { box-sizing: content-box; margin-left: 0; margin-right: 0; padding-left:
1.04166667%; padding-right: 1.04166667%; } .gridlock .row [class*="all-"].contained, .gridlock .row
[class*="min-"].contained, .gridlock .row [class*="mobile-"].contained, .gridlock .row [class*="tablet-"].contained,
.gridlock .row [class*="desktop-"].contained, .gridlock .row [class*="max-"].contained { margin-left: 0; margin-right:
0; } .gridlock .row [class*="all-"].right, .gridlock .row [class*="min-"].right, .gridlock .row
[class*="mobile-"].right, .gridlock .row [class*="tablet-"].right, .gridlock .row [class*="desktop-"].right, .gridlock
.row [class*="max-"].right { float: right; } @media screen and (min-width: 500px) { .gridlock .row { width: 480px; } }
@media screen and (min-width: 740px) { .gridlock .row { width: 720px; } } @media screen and (min-width: 980px) {
.gridlock .row { width: 960px; } } @media screen and (min-width: 1220px) { .gridlock .row { width: 1200px; } }

.gridlock-fluid .row { width: 98%; } @media screen and (max-width: 739px) { .gridlock-mobile-fluid .row { width: 98%; }
} .gridlock .row .all-fifth { width: 17.91666667%; } .gridlock .row .all-fourth { width: 22.91666667%; } .gridlock .row
.all-third { width: 31.25%; } .gridlock .row .all-half { width: 47.91666667%; } .gridlock .row .all-full { width:
97.91666667%; } .gridlock .row .all-push-fifth { margin-left: 21.04166667%; } .gridlock .row .all-push-fourth {
margin-left: 26.04166667%; } .gridlock .row .all-push-third { margin-left: 34.375%; } .gridlock .row .all-push-half {
margin-left: 51.04166667%; } .gridlock .row .contained.all-fifth { width: 20%; } .gridlock .row .contained.all-fourth {
width: 25%; } .gridlock .row .contained.all-third { width: 33.33333333%; } .gridlock .row .contained.all-half { width:
50%; } .gridlock .row .contained.all-full { width: 100%; } .gridlock .row .contained.all-push-fifth { margin-left: 20%;
} .gridlock .row .contained.all-push-fourth { margin-left: 25%; } .gridlock .row .contained.all-push-third {
margin-left: 33.33333333%; } .gridlock .row .contained.all-push-half { margin-left: 50%; } .gridlock .row
[class*="all-"].centered { float: none; margin-left: auto; margin-right: auto; } .gridlock .row .all-hide { display:
none; } @media screen and (max-width: 739px) { .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 {
width: 64.58333333%; } .gridlock .row .mobile-3 { width: 97.91666667%; } .gridlock .row .mobile-push-1 { margin-left:
34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.70833333%; } .gridlock .row .contained.mobile-1 { width:
33.33333333%; } .gridlock .row .contained.mobile-2 { width: 66.66666667%; } .gridlock .row .contained.mobile-3 { width:
100%; } .gridlock .row .contained.mobile-push-1 { margin-left: 33.33333333%; } .gridlock .row .contained.mobile-push-2 {
margin-left: 66.66666667%; } .gridlock .row .mobile-fifth { width: 17.91666667%; } .gridlock .row .mobile-fourth {
width: 22.91666667%; } .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width:
47.91666667%; } .gridlock .row .mobile-full { width: 97.91666667%; } .gridlock .row .mobile-push-fifth { margin-left:
21.04166667%; } .gridlock .row .mobile-push-fourth { margin-left: 26.04166667%; } .gridlock .row .mobile-push-third {
margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.04166667%; } .gridlock .row
.contained.mobile-fifth { width: 20%; } .gridlock .row .contained.mobile-fourth { width: 25%; } .gridlock .row
.contained.mobile-third { width: 33.33333333%; } .gridlock .row .contained.mobile-half { width: 50%; } .gridlock .row
.contained.mobile-full { width: 100%; } .gridlock .row .contained.mobile-push-fifth { margin-left: 20%; } .gridlock .row
.contained.mobile-push-fourth { margin-left: 25%; } .gridlock .row .contained.mobile-push-third { margin-left:
33.33333333%; } .gridlock .row .contained.mobile-push-half { margin-left: 50%; } .gridlock .row
[class*="mobile-"].centered { float: none; margin-left: auto; margin-right: auto; } .gridlock .row .mobile-hide {
display: none; } } @media screen and (max-width: 499px) { .gridlock .row .min-1 { width: 31.25%; } .gridlock .row .min-2
{ width: 64.58333333%; } .gridlock .row .min-3 { width: 97.91666667%; } .gridlock .row .min-push-1 { margin-left:
34.375%; } .gridlock .row .min-push-2 { margin-left: 67.70833333%; } .gridlock .row .contained.min-1 { width:
33.33333333%; } .gridlock .row .contained.min-2 { width: 66.66666667%; } .gridlock .row .contained.min-3 { width: 100%;
} .gridlock .row .contained.min-push-1 { margin-left: 33.33333333%; } .gridlock .row .contained.min-push-2 {
margin-left: 66.66666667%; } .gridlock .row .min-fifth { width: 17.91666667%; } .gridlock .row .min-fourth { width:
22.91666667%; } .gridlock .row .min-third { width: 31.25%; } .gridlock .row .min-half { width: 47.91666667%; } .gridlock
.row .min-full { width: 97.91666667%; } .gridlock .row .min-push-fifth { margin-left: 21.04166667%; } .gridlock .row
.min-push-fourth { margin-left: 26.04166667%; } .gridlock .row .min-push-third { margin-left: 34.375%; } .gridlock .row
.min-push-half { margin-left: 51.04166667%; } .gridlock .row .contained.min-fifth { width: 20%; } .gridlock .row
.contained.min-fourth { width: 25%; } .gridlock .row .contained.min-third { width: 33.33333333%; } .gridlock .row
.contained.min-half { width: 50%; } .gridlock .row .contained.min-full { width: 100%; } .gridlock .row
.contained.min-push-fifth { margin-left: 20%; } .gridlock .row .contained.min-push-fourth { margin-left: 25%; }
.gridlock .row .contained.min-push-third { margin-left: 33.33333333%; } .gridlock .row .contained.min-push-half {
margin-left: 50%; } .gridlock .row [class*="min-"].centered { float: none; margin-left: auto; margin-right: auto; }
.gridlock .row .min-hide { display: none; } } @media screen and (min-width: 740px) and (max-width: 979px) { .gridlock
.row .tablet-1 { width: 14.58333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width:
47.91666667%; } .gridlock .row .tablet-4 { width: 64.58333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock
.row .tablet-6 { width: 97.91666667%; } .gridlock .row .tablet-push-1 { margin-left: 17.70833333%; } .gridlock .row
.tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.04166667%; } .gridlock .row
.tablet-push-4 { margin-left: 67.70833333%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } .gridlock .row
.contained.tablet-1 { width: 16.66666667%; } .gridlock .row .contained.tablet-2 { width: 33.33333333%; } .gridlock .row
.contained.tablet-3 { width: 50%; } .gridlock .row .contained.tablet-4 { width: 66.66666667%; } .gridlock .row
.contained.tablet-5 { width: 83.33333333%; } .gridlock .row .contained.tablet-6 { width: 100%; } .gridlock .row
.contained.tablet-push-1 { margin-left: 16.66666667%; } .gridlock .row .contained.tablet-push-2 { margin-left:
33.33333333%; } .gridlock .row .contained.tablet-push-3 { margin-left: 50%; } .gridlock .row .contained.tablet-push-4 {
margin-left: 66.66666667%; } .gridlock .row .contained.tablet-push-5 { margin-left: 83.33333333%; } .gridlock .row
.tablet-fifth { width: 17.91666667%; } .gridlock .row .tablet-fourth { width: 22.91666667%; } .gridlock .row
.tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.91666667%; } .gridlock .row .tablet-full {
width: 97.91666667%; } .gridlock .row .tablet-push-fifth { margin-left: 21.04166667%; } .gridlock .row
.tablet-push-fourth { margin-left: 26.04166667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock
.row .tablet-push-half { margin-left: 51.04166667%; } .gridlock .row .contained.tablet-fifth { width: 20%; } .gridlock
.row .contained.tablet-fourth { width: 25%; } .gridlock .row .contained.tablet-third { width: 33.33333333%; } .gridlock
.row .contained.tablet-half { width: 50%; } .gridlock .row .contained.tablet-full { width: 100%; } .gridlock .row
.contained.tablet-push-fifth { margin-left: 20%; } .gridlock .row .contained.tablet-push-fourth { margin-left: 25%; }
.gridlock .row .contained.tablet-push-third { margin-left: 33.33333333%; } .gridlock .row .contained.tablet-push-half {
margin-left: 50%; } .gridlock .row [class*="tablet-"].centered { float: none; margin-left: auto; margin-right: auto; }
.gridlock .row .tablet-hide { display: none! important; } } @media screen and (min-width: 980px) { .gridlock .row
.desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.58333333%; } .gridlock .row .desktop-3 { width:
22.91666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.58333333%; }
.gridlock .row .desktop-6 { width: 47.91666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row
.desktop-8 { width: 64.58333333%; } .gridlock .row .desktop-9 { width: 72.91666667%; } .gridlock .row .desktop-10 {
width: 81.25%; } .gridlock .row .desktop-11 { width: 89.58333333%; } .gridlock .row .desktop-12 { width: 97.91666667%; }
.gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.70833333%; }
.gridlock .row .desktop-push-3 { margin-left: 26.04166667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; }
.gridlock .row .desktop-push-5 { margin-left: 42.70833333%; } .gridlock .row .desktop-push-6 { margin-left:
51.04166667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left:
67.70833333%; } .gridlock .row .desktop-push-9 { margin-left: 76.04166667%; } .gridlock .row .desktop-push-10 {
margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.70833333%; } .gridlock .row
.contained.desktop-1 { width: 8.33333333%; } .gridlock .row .contained.desktop-2 { width: 16.66666667%; } .gridlock .row
.contained.desktop-3 { width: 25%; } .gridlock .row .contained.desktop-4 { width: 33.33333333%; } .gridlock .row
.contained.desktop-5 { width: 41.66666667%; } .gridlock .row .contained.desktop-6 { width: 50%; } .gridlock .row
.contained.desktop-7 { width: 58.33333333%; } .gridlock .row .contained.desktop-8 { width: 66.66666667%; } .gridlock
.row .contained.desktop-9 { width: 75%; } .gridlock .row .contained.desktop-10 { width: 83.33333333%; } .gridlock .row
.contained.desktop-11 { width: 91.66666667%; } .gridlock .row .contained.desktop-12 { width: 100%; } .gridlock .row
.contained.desktop-push-1 { margin-left: 8.33333333%; } .gridlock .row .contained.desktop-push-2 { margin-left:
16.66666667%; } .gridlock .row .contained.desktop-push-3 { margin-left: 25%; } .gridlock .row .contained.desktop-push-4
{ margin-left: 33.33333333%; } .gridlock .row .contained.desktop-push-5 { margin-left: 41.66666667%; } .gridlock .row
.contained.desktop-push-6 { margin-left: 50%; } .gridlock .row .contained.desktop-push-7 { margin-left: 58.33333333%; }
.gridlock .row .contained.desktop-push-8 { margin-left: 66.66666667%; } .gridlock .row .contained.desktop-push-9 {
margin-left: 75%; } .gridlock .row .contained.desktop-push-10 { margin-left: 83.33333333%; } .gridlock .row
.contained.desktop-push-11 { margin-left: 91.66666667%; } .gridlock .row .desktop-fifth { width: 17.91666667%; }
.gridlock .row .desktop-fourth { width: 22.91666667%; } .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row
.desktop-half { width: 47.91666667%; } .gridlock .row .desktop-full { width: 97.91666667%; } .gridlock .row
.desktop-push-fifth { margin-left: 21.04166667%; } .gridlock .row .desktop-push-fourth { margin-left: 26.04166667%; }
.gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left:
51.04166667%; } .gridlock .row .contained.desktop-fifth { width: 20%; } .gridlock .row .contained.desktop-fourth {
width: 25%; } .gridlock .row .contained.desktop-third { width: 33.33333333%; } .gridlock .row .contained.desktop-half {
width: 50%; } .gridlock .row .contained.desktop-full { width: 100%; } .gridlock .row .contained.desktop-push-fifth {
margin-left: 20%; } .gridlock .row .contained.desktop-push-fourth { margin-left: 25%; } .gridlock .row
.contained.desktop-push-third { margin-left: 33.33333333%; } .gridlock .row .contained.desktop-push-half { margin-left:
50%; } .gridlock .row [class*="desktop-"].centered { float: none; margin-left: auto; margin-right: auto; } .gridlock
.row .desktop-hide { display: none! important; } } @media screen and (min-width: 1220px) { .gridlock .row .max-1 {
width: 6.25%; } .gridlock .row .max-2 { width: 14.58333333%; } .gridlock .row .max-3 { width: 22.91666667%; } .gridlock
.row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.58333333%; } .gridlock .row .max-6 { width:
47.91666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.58333333%; } .gridlock .row
.max-9 { width: 72.91666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.58333333%;
} .gridlock .row .max-12 { width: 97.91666667%; } .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row
.max-push-2 { margin-left: 17.70833333%; } .gridlock .row .max-push-3 { margin-left: 26.04166667%; } .gridlock .row
.max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.70833333%; } .gridlock .row
.max-push-6 { margin-left: 51.04166667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row
.max-push-8 { margin-left: 67.70833333%; } .gridlock .row .max-push-9 { margin-left: 76.04166667%; } .gridlock .row
.max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.70833333%; } .gridlock .row
.contained.max-1 { width: 8.33333333%; } .gridlock .row .contained.max-2 { width: 16.66666667%; } .gridlock .row
.contained.max-3 { width: 25%; } .gridlock .row .contained.max-4 { width: 33.33333333%; } .gridlock .row
.contained.max-5 { width: 41.66666667%; } .gridlock .row .contained.max-6 { width: 50%; } .gridlock .row
.contained.max-7 { width: 58.33333333%; } .gridlock .row .contained.max-8 { width: 66.66666667%; } .gridlock .row
.contained.max-9 { width: 75%; } .gridlock .row .contained.max-10 { width: 83.33333333%; } .gridlock .row
.contained.max-11 { width: 91.66666667%; } .gridlock .row .contained.max-12 { width: 100%; } .gridlock .row
.contained.max-push-1 { margin-left: 8.33333333%; } .gridlock .row .contained.max-push-2 { margin-left: 16.66666667%; }
.gridlock .row .contained.max-push-3 { margin-left: 25%; } .gridlock .row .contained.max-push-4 { margin-left:
33.33333333%; } .gridlock .row .contained.max-push-5 { margin-left: 41.66666667%; } .gridlock .row .contained.max-push-6
{ margin-left: 50%; } .gridlock .row .contained.max-push-7 { margin-left: 58.33333333%; } .gridlock .row
.contained.max-push-8 { margin-left: 66.66666667%; } .gridlock .row .contained.max-push-9 { margin-left: 75%; }
.gridlock .row .contained.max-push-10 { margin-left: 83.33333333%; } .gridlock .row .contained.max-push-11 {
margin-left: 91.66666667%; } .gridlock .row .max-fifth { width: 17.91666667%; } .gridlock .row .max-fourth { width:
22.91666667%; } .gridlock .row .max-third { width: 31.25%; } .gridlock .row .max-half { width: 47.91666667%; } .gridlock
.row .max-full { width: 97.91666667%; } .gridlock .row .max-push-fifth { margin-left: 21.04166667%; } .gridlock .row
.max-push-fourth { margin-left: 26.04166667%; } .gridlock .row .max-push-third { margin-left: 34.375%; } .gridlock .row
.max-push-half { margin-left: 51.04166667%; } .gridlock .row .contained.max-fifth { width: 20%; } .gridlock .row
.contained.max-fourth { width: 25%; } .gridlock .row .contained.max-third { width: 33.33333333%; } .gridlock .row
.contained.max-half { width: 50%; } .gridlock .row .contained.max-full { width: 100%; } .gridlock .row
.contained.max-push-fifth { margin-left: 20%; } .gridlock .row .contained.max-push-fourth { margin-left: 25%; }
.gridlock .row .contained.max-push-third { margin-left: 33.33333333%; } .gridlock .row .contained.max-push-half {
margin-left: 50%; } .gridlock .row [class*="max-"].centered { float: none; margin-left: auto; margin-right: auto; }
.gridlock .row .max-hide { display: none; } }

* { margin: 0; } html, body { height: 100%; }

body { color: ; background:  url(//iedm.com/cdn/shop/t/1108/assets/background.jpg?v=172462341865625984501764754018) ;

  background-position: ; background-repeat: ;

font-size: ; font-family:; line-height: 1.6em; -webkit-text-size-adjust:
100%; -ms-text-size-adjust: 100%; }

img { max-width: 100%; border: 0; }

h1, h2, h3, h4, h5, h6 { color: ; font-family:; font-weight:
; letter-spacing: 2px; margin-top: 0; margin-bottom: 10px; line-height: normal;
-webkit-font-smoothing: antialiased; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: ! important; } h1 {
font-size: ; } h2 { font-size: ; } h3 { font-size:
; } h4 { font-size: ; } h5 { font-size: ; }
h6 { font-size: ; }

h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; }

p { font-size: ; margin-bottom: 10px; } strong { font-weight: bold; } em { font-style:italic;
} pre { font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight:bold; }

p.date { }

.text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; }

a { text-decoration: none; color: ; outline: 0; -webkit-transition:color .3s;
-moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } a:focus { outline: none; }

/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */

dt { font-weight: bold; }

ol { padding: 0; margin-left: 0; margin-bottom: 20px; text-indent: 0; list-style-position: inside; } ul { padding: 0;
margin: 0 0 20px 0; list-style:disc inside;} li { } blockquote { font-family: Georgia, "Times New Roman", Times,
sans-serif; font-size:18px; line-height: 24px; font-style:italic; padding-left:35px; color: #999; margin: 20px 0; }

input, textarea { }

hr { background:; border:none; color:; display:block; height:1px;
margin-top: 20px; width:100%;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.no-fouc {display: none;} .load-wait { width: 100%; text-align: center; margin-top: 50px; font-size: 50px; color: #ddd;
margin-bottom: 50px; }

.hide { display: none; }

/* #Buttons ================================================== */

/* #Forms ================================================== */

form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"],
input[type="email"], input[type="phone"], textarea, select { border: 1px solid #ccc; height: 44px; outline: none;
font-family: ; font-size: ; color: ; margin: 0;
width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: ; } select {
padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { color:
#444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px
rgba(0,0,0,.2); } textarea { min-height: 60px; min-width: 300px; } label, legend { display: block; font-weight: bold;
font-size: 13px; margin-bottom: 5px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span,
legend span { font-weight: normal; font-size: 13px; color: #444; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #aaa; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; } :-ms-input-placeholder { /* Internet
Explorer 10+ */ color: #aaa; }

textarea { width: 100%; background: #fff; border: 1px solid ; height: 200px; margin: 0px;
margin-bottom: 40px; max-width: 100%; padding: 2%; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; }

/* =============== */ /* = Start CSS = */ /* =============== */

header { background: ; color: ; }

ul#social-icons { margin-bottom: 0; text-align: left; z-index: 5; position: relative; list-style: none; }

ul#social-icons li { text-align: left; display: inline; padding: 0 10px 0 0; }

ul#social-icons li a { color: ; }

ul#social-icons li a:hover { color: ; }

#search { width: 300px; text-align: center; margin: 0 auto; }

#search_popup { text-align: center; }

#search_popup #q { text-indent: 0; text-align: center; }

/* ====== Quick Cart ===== */

header .icon-2x { font-size: 16px! important; }

ul#cart { margin-bottom: 0; text-align: right; z-index: 5; position: relative; list-style: none; margin-top: 0; z-index:
1; }

ul#cart li { vertical-align: middle; display: inline-block; padding: 0 0 0 10px; }

ul#cart li a { color: ; font-weight: ; font-size:
; }

ul#cart li a:hover { color: ; }

ul#cart li.cart-overview { position: relative; }

/* ul#cart li.cart-overview:after { font-family: 'FontAwesome'; content: "\f107"; margin-left: 10px; cursor: pointer; }
*/ @media screen and (min-width: 980px) { ul#cart li.cart-overview:hover #crt { display: block; } }

ul#cart li.seeks-mobile { display: none; }

ul#cart li .selecter { margin: 0; display: inline-block; float: left; }

ul#cart li span.selecter-selected { padding: 0 32px 0 0; border: 0; background: transparent; margin: 0; vertical-align:
middle; font-weight: ; color: ; font-size:
; }

ul#cart li select { margin: 0;}

ul#cart li .selecter-selected:after { top: -46px; }

ul#cart li .selecter-options { width: 100px; border: 1px solid #eee; border-top: 0; left: 50%; margin-left: -70px; }

ul#cart li span.selecter-item { padding: 0 5px; margin: 0; line-height: 24px; display: block; font-size: 12px; }

.icon-shopping-cart { margin-right: 5px; }

#crt { top: 44px; padding: 10px; position: absolute; right: 0; z-index: 30; width: 300px; display: none; background:
#fff; color: ; border: 1px solid #eee; z-index: 2; }

#crt.block { display: block! important; position: fixed; top: 50px; right: 50px; }

.quick-cart-item { border-bottom: 1px solid #eee; width: 280px; margin-left: 0px; float: left; padding-top: 10px;
padding-bottom: 10px; clear: left; }

.quick-cart-image { height: 80px; width: 70px; float: left; }

.quick-cart-image img { max-width: 60px; max-height: 80px; height: auto! important; }

.quick-cart-details { color: ; font-weight: normal; margin-left: 80px; line-height: 15px!
important; }

.quick-cart-details p { padding: 0 10px 0 0; margin: 0! important; text-align: left; font-size: 11px; color:
! important; font-weight: normal; }

.quick-cart-details a { padding-left: 0! important; font-size: 11px! important; line-height: initial! important; color:
! important; font-weight: normal! important; height: auto! important; }

a.checkout-link { color: ! important; float: left; line-height: 40px; width: 100%; clear: left;
text-align: center; display: block; font-weight: bold; }

a.checkout-link:hover { color: ! important; }

p.empty-cart { text-align: center; margin-bottom: 0; }

.remove_item { float: left; margin-top: 10px; }

#hello { text-align: center; } #hello p { margin-bottom: 0; color: ; font-size:
; font-weight: ; }

#logo { line-height: initial;
border-bottom:  solid ;

position: relative; margin-bottom: 20px; margin-top: 20px; text-align: center; } #logo a { vertical-align: middle;
font-family: ; font-size: ; text-transform:
; font-weight: ; color: ;
text-decoration: none; }

#content { margin-bottom: 50px; margin-top: 10px; position: relative; }

.smallcash { font-size: 12px; margin-left: 5px; }

/* =============== */ /* = index.liquid = */ /* =============== */

.cta { margin-top: 50px; }

.cta a { color: ; font-size: ; font-weight: ;
padding: 10px 20px; background: ; letter-spacing: 1px; border-radius: 3px;
-webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease;
-o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; }

.cta a:hover { color: ; background: ; }

.lazyOwl { margin: 5px; }

.prod-vendor { text-align: center; }

.section-title.lines { position: relative; text-align: center; margin-top: 25px; margin-bottom: 20px; }

.section-title.lines h1 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0;
background-color: ; position: relative; z-index: 1; }

.section-title.lines h2 { display: inline-block; text-transform: uppercase; padding: 8px 23px; margin: 0;
background-color: ; position: relative; z-index: 1; }

.section-title h5 { text-align: center; margin-top: -3px; }

.section-title.lines:after { content: ''; width: 100%; display: inline-block; border-bottom: 1px solid
; position: absolute; left: 0; top: 50%; z-index: 0; }

.collection-index {

position: relative; }

.collection-info { padding: 10px 0; width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -40px;
background: rgba(255,255,255,0.9); }

.collection-info h3 { text-transform: uppercase; margin-bottom: 0; }

.collection-info p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; }

.collection-image { padding: 2px; }

#promo-images { }

#index-content-left { } #index-pages h3 { text-align: center; margin-bottom: 20px; }

.pages-left-content { padding-top: 5px; } .padded { margin-bottom: 15px; }

.homepage-promo { position: relative; text-align: center; margin-top: 20px; background: #222; }

/* Common style */ .homepage-promo .promo-inner { position: relative; float: left; overflow: hidden; height: auto;
background: transparent; text-align: center; cursor: pointer; }

.homepage-promo .promo-inner img { position: relative; display: block; max-width: 100%; opacity: 1; }

.homepage-promo .promo-inner .caption { padding: 2em; text-transform: uppercase; -webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.homepage-promo .promo-inner .caption::before, .homepage-promo .promo-inner .caption::after { pointer-events: none; }

.homepage-promo .promo-inner .caption, .homepage-promo .promo-inner .caption > a { position: absolute; top: 0; left: 0;
width: 100%; height: 100%; }

/* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .homepage-promo
.promo-inner .caption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }

.homepage-promo .promo-inner h3 { word-spacing: -0.15em; font-size: ; color:
; font-family: ; }

.homepage-promo .promo-inner p { letter-spacing: 1px; font-size: ; color:
; font-family: ; }

.promo-inner { background: transparent; }

.promo-inner img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

.promo-inner h3 { margin: 10% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }

.promo-inner p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,
transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); }

.promo-inner:hover h3 { -webkit-transform: scale(0.9); transform: scale(0.9); }

.promo-inner:hover .caption::before, .promo-inner:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform:
scale3d(1,1,1); }

.promo-inner:hover .caption { }

.promo-inner:hover img { opacity: 0.7; }

/* =============== */ /* = collections = */ /* =============== */

#product-loop { margin: 0 auto; width: 100%; min-width: 100%; }

#product-loop .product-index { margin-bottom: 10px; border-radius: 0; overflow: hidden; background: #fff;

}

.first { clear: left; }

#collection-description { float: left; } #collection-description h1 { text-align: center; margin-top: 10px;
margin-bottom: 10px; }

#collection-view ul { text-align: right; list-style: none; margin-bottom: 10px; float: right; }

#collection-view ul li { display: inline-block; margin: 0; font-weight: normal; float: left; padding: 0 5px; text-align:
center; }

#collection-view ul li a { font-weight: 600; }

#collection-view ul li.active a { opacity: 0.5; }

#full-width-filter { padding-bottom: 20px; border-bottom: 1px solid ; float: right;
margin-bottom: 20px; }

#side-filter .clearfix.filter { margin-bottom: 20px; }

.product-quick-view { overflow: hidden; min-width: 800px; } .product-info form { margin-top: 20px; } .product-index
.single-option-selector { margin: 5px auto 10px; }

.product-index img {

display: block; margin: 0 auto 0; } .product-index img a { border: 0; }

.product-info { text-align: center; padding: 8px 0 0; position: relative; }

#product-loop .product-index .product-info { border-bottom:  solid
; }

.product-info-inner { width: 96%; margin: 0 auto; }

.product-info-inner h4 { font-size: 11px; letter-spacing: initial; }

.product-info h3 { letter-spacing: initial; margin-bottom: 10px; font-size: ; }

.product-info p { font-size: ; margin-bottom: 0; }

.product-info a { text-decoration: none! important; text-transform: uppercase; }

.price { font-size: ; margin-bottom: 8px; font-family: ; }
.compare-price, .product-price { } .was, .product-compare-price, .compare-price { color: ;
text-decoration: line-through; } .was { display: inline; margin-left: 5px; } .onsale { display: inline; }

.product-index-inner { position: relative; }

.prod-image { position: relative; }

.prod-image:hover > .product-modal { display: block; }

.product-modal { display: none; position: absolute; bottom: 10%; left: 10%; width: 80%; text-align: center; font-size:
10px; letter-spacing: 1px; text-transform: uppercase; background: ; color:
; height: 44px; line-height: 44px; font-weight: 400; -webkit-transition:
background .5s ease,color .5s ease; -moz-transition: background .5s ease,color .5s ease; -o-transition: background .5s
ease,color .5s ease; transition: background .5s ease,color .5s ease; -webkit-appearance: none; }

.product-modal:hover { background: ; color:
; }

.quick-shop { overflow: hidden; width: 720px; } .product-quick-view .product-photos { float: left; width: 49%;
margin-right: 0.8%; text-align: center; } .product-quick-view .product-right { float: left; width: 49%; margin-left:
0.8%; }

.quick-shop .thumbnail { width: 24%; vertical-align: top; display: inline-block; }

.product-index:hover .icn, .product-index.hover .icn { opacity: 0; } .product-car:hover .icn, .product-car.hover .icn {
opacity: 0; }

.icn { -webkit-transition: opacity 1s ease-out; width: 50px; height: 50px; -moz-border-radius: 50px;
-webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 10px; right: 10px; text-align: center;
line-height: 50px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }

.pre-order { z-index: 2; color: #fff; background: #000; }

.new { z-index: 2; color: #fff; background: #000; }

.sale-item { color: #fff; background: #000; }

.so { z-index: 3; color: #fff; background: #000; line-height: initial; padding-top: 11px; }

.show { display: none; }

.col-swatch { margin: 0 0 20px 0; } .col-swatch ul { list-style-type:none; margin:0; padding:0; } .col-swatch li {
display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:0; margin:0px 2px; }

.col-swatch li span { display:block; margin:5px 10px; } .col-swatch li.color { width:20px; height:20px; } .col-swatch
li.color span { width:100%; height:100%; margin:0; border-radius: 50%; }

.col-swatch .options li { -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:
antialiased; /* webkit text rendering fix */ }

.col-swatch li:hover { cursor: pointer; }

#sidebar h1 { margin-bottom: 20px; } #sidebar h4 { text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px;
border-bottom: 1px solid ; } #sidebar ul { list-style-type: none; margin-bottom: 20px; }
#sidebar ul li a.current { border-bottom: 1px solid ; text-decoration: none; }

/* ================ */ /* = Product page = */ /* ================ */

.bigimage { text-align: center; margin-bottom: 0px; max-width: 548px; } .active img { border:1px solid #ccc !important;}

.thumbnail { margin-bottom: 10px; border: 1px solid #fff; } #product-price, .product-price { font-size: 16px;
margin-bottom: 10px; }

#product-right { background: ; padding: 20px; border: 7px double
; } #product-description, .product-description { text-align: center; }
#product-description h1, .product-right h5 .product-description h1 { text-transform: uppercase; } #product-description
form, .product-description form { margin-bottom: 10px; border-top: 1px solid ; border-bottom:
1px solid ; padding-top: 10px; }

.product-add { padding: 10px 0 0; }

.up { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: ; }

.down { border: 1px solid #f0f0f0; padding: 6px 8px; display: inline; color: ; }

.up:hover, .down:hover { cursor: pointer; }

.add { text-transform: uppercase; margin: 20px auto; display: block! important; clear: left; width: 50%! important; }

.desc { padding-top: 10px; } .full-click { display: block; text-align: center; margin-top: 20px; }

#related { margin-top: 20px; padding: 20px 0; float: left; text-align: center; }

ul#popups { margin: 20px 0 0; list-style-type: none; text-align: center; } ul#popups li { display: inline; margin-right:
10px; border-right: 1px solid ; padding-right: 10px; margin-left: 10px; } ul#popups li.first
{ margin-left: 0; } ul#popups li.last { border-right: 0; }

#social { float: left; width: 100%; padding-bottom: 10px; }

#product-navigation { text-align: center; }

#back-forth img { margin: 0 5px; vertical-align: middle; max-width: 160px; }

.backto { margin-bottom: 10px; display: block; }

.prev-prod { margin-right: 10px; } .next-prod { margin-left: 10px; }

.prev-prod, .next-prod { display: inline-block; }

.share-icons a { margin: 0 5px; }

#lower-description { text-align: center; }

ul#sortme { text-align: center; list-style-type: none; width: 100%; } ul#sortme li { min-width: 200px; text-align: left;
display: inline-block; margin: 0 10px; } ul#sortme li p { text-align: center; }

#sidebar h4 { margin-bottom: 10px; } #sidebar .selecter { text-align: left; }

ul#sort-me li.filter ul li.current a:before { color: ; }

ul#sort-me li.filter ul li a:before { content: "\f00c"; font-family: fontAwesome; border: 1px solid #eee; margin: 0 10px
0 0; text-align: center; padding: 3px; font-size: 10px; color: transparent; }

ul#sort-me li.filter ul li { margin: 5px 0; }

.what-is-it { margin-bottom: 15px; } .what-is-it label { display: inline; margin-right: 10px; }

/* =============== */ /* = Cart = */ /* =============== */

#cartform { margin-top: 20px; } .cart-image { display: inline-block; margin-right: 10px; } .cart-image img {
vertical-align: middle; } .cart-title { display: inline-block; }

table { width: 100%; border-collapse: collapse; }

#shopping-cart th { text-align: left; }

.cart-quantity input { margin-bottom: 0; text-indent: 0; text-align: center; }

td.cart-remove { text-align: center; }

#basket-right { text-align: right; float: right; } #basket-right h4 { margin: 20px 0; } #note { margin-top: 10px; }

#basket-right img { width: 50px; }

#cart-notes { margin-top: 20px; margin-bottom: 20px; }

/* =============== */ /* = Blogs & Pages = */ /* =============== */

.rte h1 { border-bottom: 0! important; text-align: inherit! important; margin-bottom: inherit! important; }

#page { clear: left; margin-bottom: 50px; } #page h1 { text-align: center; padding-bottom: 5px; margin-bottom: 20px; } #page h1.page-title { text-align: left! important; }

#page-sidebar h2 { padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px solid ; }
#page-sidebar ul { list-style-type: none; } #page-sidebar ul li { display: block; margin-bottom: 10px; padding-bottom:
5px; }

#article-loop { margin: 0 auto; width: 100%; min-width: 100%; }

.article-index { margin-bottom: 10px; border-radius: 0; overflow: hidden; background: transparent; padding-top: 20px;
padding-bottom: 20px; }

.article-info { border-bottom:  solid ;
padding-bottom: 20px; } .article-info-inner { width: 96%; margin: 0 auto; }

.article-info h2 { letter-spacing: initial; margin-bottom: 10px; text-align: center; } .posted { text-align: center;
margin-bottom: 20px; } .post-tags { clear: left; display: block; text-align: center; } .article-info p { font-size:
; margin-bottom: 0; } .article-info a { text-decoration: none! important; text-transform:
uppercase; } .article-content { margin-top: 10px; margin-bottom: 10px; } .article-index .share-icons { text-align:
center! important; } .article-index .readmore { text-align: center! important; }

.share-icons a { color: ; } .share-icons a:hover { color: ; }

#blog-article .share-icons { text-align: center! important; }

ul#blog-articles, #blog-article { list-style-type: none; } .single-article { margin-bottom: 50px; padding-bottom: 20px;
border-bottom: 1px solid ; float: left; width: 100%; } .single-article .posted { text-align:
left; } .single-article .post-tags { text-align: left; }

#blog-sidebar h2 .icon-rss { float: right; font-size: 16px; }

#blog-sidebar h3 { margin-top: 10px; padding-bottom: 10px; }

#blog-sidebar #social-icons { font-size: 90%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid
; } #blog-sidebar #social-icons a { color: ; } #blog-sidebar
#social-icons a:hover { color: ; }

#twitter-card, #facebook-card { width: 100%; float: left; clear: left; display: block; margin-top: 20px; padding-bottom:
20px; border-bottom: 1px solid ; } #twitter-card h3, #facebook-card h3, #instagram-card h3 {
letter-spacing: initial; }

#fb-root { display: none; }

/* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span
iframe[style] { /*width: 100% !important;*/ }

#instafeed { margin-top: 15px; }

#page .share-icons { margin-bottom: 20px; text-align: left; margin-top: 20px; } #page .share-icons a { margin-right:
10px; }

ul#posts { list-style: none; } ul#posts li { margin-bottom: 20px; padding-bottom: 0; border-bottom: 1px solid
; } ul#posts li p { margin-top: 0; } ul#posts li.tags { padding-bottom: 10px; }

#comments h4 { text-align: center; }

#comments { float: left; padding-top: 20px; margin-top: 20px; width: 100%; } #comment-form { width: 100%; text-align:
center; clear: left; float: left; } #comments ul { margin-top: 20px; list-style-type: none; } #comments ul li { float:
left; display: block; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid ;
padding-bottom: 20px; }

.comment-details { margin-bottom: 10px; } .gravatar { float: left; margin-right: 20px; } .comment { float: left; }
.comment p { margin-top: 0; }

dd { margin-left: 0; }

.notice { border: 1px dashed #eee; padding: 5px; background: ghostwhite; margin: 20px 0; }

.readmore { clear: left; text-align: left; margin: 30px auto; } .readmore a { color:
! important; background: ! important;
padding: 10px 20px; -webkit-transition: background .5s ease,color .5s ease; -moz-transition: background .5s ease,color
.5s ease; -o-transition: background .5s ease,color .5s ease; transition: background .5s ease,color .5s ease; } .readmore
a:hover { color: ! important; background:
! important; text-decoration: none; }

/* =============== */ /* = Search = */ /* =============== */

#search-bar { margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid ; } #search-bar
#q {width: 300px; } #q { text-transform: uppercase; }

/* =============== */ /* = Customer Accounts = */ /* =============== */

#customer-wrapper { float: left; margin-bottom: 40px; } #customer-wrapper p { margin-top: 0! important; margin-bottom:
0! important; }

#forgot_password { margin-bottom: 15px; } #customer-wrapper form { margin-top: 20px; } #admin_header { margin-bottom:
30px; } .view_address p { margin: 0; } #customer_detail p { margin: 0; } .address_table { margin-bottom: 20px; }

#order_address { clear: both; float: left; width: 100%; margin-bottom: 20px; }

#order_details { float: left; }

#create-customer, #customer { margin-top: 30px; }

div#recover-password { margin-top: 30px; }

.action_link { display: inline-block; margin-bottom: 10px; }

.action_edit { padding: 0 10px; border-left: 1px solid ; border-right: 1px solid
; margin: 0 10px; }

a#view_address { display: block; margin-top: 10px; }

.center { text-align: center; }

/* =============== */ /* = Footer = */ /* =============== */

.page-wrap { overflow-x: hidden; }

@media only screen and (min-width: 1024px ){ .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom:
-52px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { /* .push must be the same
height as footer */ height: 52px; } }

#footer-wrapper { z-index: 2; clear: left; border-top: 1px solid ; background:
; padding: 50px 0; text-align: ; }

#footer-wrapper p { color: ; }

#footer-wrapper h4 { color: ; text-transform: ;
font-size: ; border-bottom: 1px solid ; letter-spacing: 1px;
padding-bottom: 5px; font-weight: ; }

#footer-wrapper ul { list-style: none; margin-top: 30px; }

#footer-wrapper ul li a { color: ; }

#footer-wrapper ul li a:hover { color: ; }

div#footer_signup { margin-top: 30px; }

input#footer-EMAIL { width: 75%; display: inline-block; float: left; margin-bottom: 0; background:
; color: ; border: 0; border-radius: 0; }

input#footer-EMAIL::-webkit-input-placeholder { /* WebKit browsers */ color: ;}
input#footer-EMAIL:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: ;}
input#footer-EMAIL::-moz-placeholder { /* Mozilla Firefox 19+ */ color: ;}
input#footer-EMAIL:-ms-input-placeholder { /* Internet Explorer 10+ */ color: ;}

input#footer-subscribe { width: 25%; float: left; display: inline-block; background: ;
color: ; border: 0; border-radius: 0; font-weight: normal; }

input#footer-subscribe:hover { background: ; color:
; }

ul#footer-icons { text-align: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid
; }

ul#footer-icons li { display: inline-block; margin: 0 10px; width: 30px; height: 30px; padding: 10px; }

ul#footer-icons li a { font-size: 14px; color: ; }

ul#footer-icons li a:hover { color: ; }

.credit { text-align: center; margin-top: 50px; }

.credit p { color: ; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }

.credit a { color: ; }

#subscribe_popup { text-align: center; max-width: 450px; display: block; margin: 0 auto; overflow: hidden; }

#mc_embed_signup { width: 100%; }

#mce-EMAIL { float: left; text-align: center; text-indent: 0; }

#mc-embedded-subscribe { float: left; margin-top: 0; }

#payment { text-align: center; margin-top: 30px; margin-bottom: 50px; } #payment img { max-width: 60px; text-align:
center; margin-bottom: 10px; }

/* =============== */ /* = Mobile Hides = */ /* =============== */

#mobile-product { display: none; }

/* =============== */ /* = Global = */ /* =============== */

#pagination { text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 11px; text-transform: uppercase;
letter-spacing: 1px; }

#pagination a, #pagination span { vertical-align: middle; float: none; display: inline-block; padding: 0 5px; }

#pagination span.current { font-weight: bold; }

#pagination a { border-bottom: 1px solid transparent }

/* breadcrumbs ------------------------------------------------------ */

#breadcrumb, #breadcrumb a { color: #ccc; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }

#breadcrumb { margin-bottom:20px; margin-top: 10px; text-align: center; }

.select .selecter { margin: 5px auto; max-width: 50%; }

#product-description .select { display: none; }


/* Swatches Styles */



.swatch { margin:0; } /* Label */ .swatch .header { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input {
display:none; }

.color label { width: 40px! important; }

.swatch label { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:0; background-color:
transparent; margin:0px 5px 10px; cursor:pointer; border: 1px solid #eee; position:relative; text-transform:uppercase;
font-size:13px; font-weight: bold; min-width:30px !important; height:30px !important; line-height:28px;
white-space:nowrap; text-transform:uppercase; text-align: center; } .swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }

.swatch input:checked + label { border:1px solid #eee; background: #000; color: #fff; outline-offset: 2px; outline: 1px
solid #000; }

.swatch label:hover { background: #eee; }

.swatch .swatch-element { display: inline-block; -webkit-transform:translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing:antialiased; /* webkit text rendering fix */ position:relative; } /* Image with the cross in it
*/ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; } .swatch .swatch-element .crossed-out {
display:none; } .swatch .swatch-element.soldout .crossed-out { display:block; } .swatch .swatch-element.soldout label {
filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /*
mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ } /* Tooltips */ .swatch .tooltip { text-align:center;
background:gray; color:#fff; bottom:100%; padding: 10px; display:block; position:absolute; width:100px; left:-33px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px);
-ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all
.25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out;
transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0,
0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
box-sizing:border-box; } .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0;
position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px;
border-right:solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%;
margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100);
-khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px);
-moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);
} .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; }
.swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child {
margin-bottom:0; } .swatch.error code { font-family:monospace; }

.scrollup{ width:30px; height:30px; opacity:0.3; position:fixed; bottom: 20px; right:20px; display:none; z-index: 3;
text-align: center; }

.scrollup:hover { text-decoration: none; }

iframe { width: 100%; }

/* Navigation */

/* Dropdown Navigation */

.dl-menuwrapper {

width: 100%; max-width: 300px; z-index: 5; float: left; top: 55px; left: 10px; position: fixed; -webkit-perspective:
1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin:
50% 200%; perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child { margin-right: 100px; }

.dl-menuwrapper button { background: ; border: none; width: 48px; height: 45px; font-size:
13px; text-align: center; /*text-indent: -900em; */ overflow: hidden; padding: 0; position: relative; cursor: pointer;
outline: none; margin-bottom: 0; color: ; }

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background:
; }

.dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; /*background:
;*/ top: 10px; left: 16%; /* box-shadow: 0 10px 0 , 0 20px 0
; */ }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style:
preserve-3d; transform-style: preserve-3d; }

.dl-menuwrapper li { position: relative; }

.dl-menuwrapper li a { font-family: ; display: block; position: relative; padding: 15px
20px; font-size: ; line-height: 20px; font-weight: ; color:
; outline: none; text-transform: ; }

.no-touch .dl-menuwrapper li a:hover { background: ; color:
; }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: ; }

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0;
line-height: 50px; font-family: 'FontAwesome'; speak: none; color: ; -webkit-font-smoothing:
antialiased; content: "\f054"; }

.dl-menuwrapper li.dl-back:after { left: 10px; color: ; -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); transform: rotate(180deg); }

.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }

.dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none;
-webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition:
all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px);
-moz-transform: translateY(0px); transform: translateY(0px); height: 280px; overflow-y: scroll; }

/* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; margin-bottom: 0; }

/* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called
"dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done
for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display:
block; }

/* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width:
100%; top: 50px; left: 0; margin: 0! important; }

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation:
MenuAnimOut1 0.4s; }

/* .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s
ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } */ .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2
0.3s ease; -moz-animation: MenuAnimOut2 0.3s ease; animation: MenuAnimOut2 0.3s ease; } .dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }

.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease; }

.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease; }

@-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform:
translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity:
0; } }

@-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } }

@-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } }

@-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } }

@-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } }

@-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform:
translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0;
} }

@-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } }

@-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } }

@-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } }

@-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(40%); opacity: 0; } }

@keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px)
rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } }

@keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } }

@keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } }

@keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } }

@keyframes MenuAnimOut5 { 100% { transform: translateY(40%); opacity: 0; } }

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1
0.3s; }

.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s
ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }

.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation:
MenuAnimIn3 0.4s ease; }

.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation:
MenuAnimIn4 0.4s ease; }

.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation:
MenuAnimIn5 0.4s ease; }

@-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% {
-webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px)
rotateY(0deg); opacity: 1; } }

@-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform:
translateX(0px); opacity: 1; } }

@-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform:
translateZ(0px); opacity: 1; } }

@-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform:
translateZ(0px); opacity: 1; } }

@-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform:
translateY(0); opacity: 1; } }

@-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform:
translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } }

@-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform:
translateX(0px); opacity: 1; } }

@-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform:
translateZ(0px); opacity: 1; } }

@-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform:
translateZ(0px); opacity: 1; } }

@-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(40%); opacity: 0; } 100% { -moz-transform: translateY(0);
opacity: 1; } }

@keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform:
translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } }

@keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1;
} }

@keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1;
} }

@keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity:
1; } }

@keyframes MenuAnimIn5 { 0% { transform: translateY(40%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation:
SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation:
SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation:
SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation:
SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation:
SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform:
translateX(0px); opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform:
translateX(0px); opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform:
translateZ(0px); opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform:
translateZ(0px); opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform:
translateZ(0); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform:
translateX(0px); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform:
translateX(0px); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform:
translateZ(0px); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform:
translateZ(0px); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(-200px); opacity: 0; } 100% { -moz-transform:
translateZ(0); opacity: 1; } }

@keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity:
1; } }

@keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity:
1; } }

@keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px);
opacity: 1; } }

@keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity:
1; } }

@keyframes SubMenuAnimIn5 { 0% { transform: translateZ(-200px); opacity: 0; } 100% { transform: translateZ(0); opacity:
1; } }

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation:
SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation:
SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation:
SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation:
SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation:
SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform:
translateX(50%); opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform:
translateX(100%); opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform:
translateZ(-300px); opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform:
translateZ(300px); opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform:
translateZ(-200px); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform:
translateX(50%); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform:
translateX(100%); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform:
translateZ(-300px); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform:
translateZ(300px); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform:
translateZ(-200px); opacity: 0; } }

@keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity:
0; } }

@keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity:
0; } }

@keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px);
opacity: 0; } }

@keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px);
opacity: 0; } }

@keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(-200px); opacity:
0; } }

/* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none;
-moz-transform: none; transform: none; }

.no-js .dl-menuwrapper li .dl-submenu { display: block; margin-bottom: 0! important; }

.no-js .dl-menuwrapper li.dl-back { display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }

/* Owl Carousel */

/* * Core Owl Carousel CSS File * v1.24 */

.owl-controls.clickable { position: absolute; top: 28%; left: 0; width: 100%; }

.owl-prev { display: inline-block; position: absolute; left: -40px; } .owl-next { display: inline-block; position:
absolute; right: -40px; }

.owl-next:after { color: #444; content: "\f105"; font-family: fontAwesome; font-weight: 800; font-size: 20px; }

.owl-prev:after { color: #444; content: "\f104"; font-family: fontAwesome; font-weight: 800; font-size: 20px; }

.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme
.owl-controls .owl-page span{ display: block; width: 30px; height: 5px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7
fix*/ opacity: 0.5; background: #000; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter:
Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px;
font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0;
height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%;
-ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform:
translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms
ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms
ease-in-out; }

.owl-carousel .owl-item{ float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color:
rgba(0, 0, 0, 0); }

/* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; }

/* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/* CSS3 Transitions */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /*
fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s
both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s
both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both
ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s
ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease
both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation:
scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty
{ 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1;
} } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% {
opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% {
opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes
backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform:
translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px)
translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5;
transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%);
} } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0)
translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px)
translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform:
translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px)
translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0)
translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes
scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform:
scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to {
opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; clear: left; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

nav {

width: 100%;  margin-bottom: 0px; z-index: 2; }

ul#main-nav { list-style: none; text-align: center; margin-bottom: 0; position: relative; }

ul#main-nav li { display: inline-block; line-height: ; vertical-align: middle; }

ul#main-nav li:hover { background: ; }

ul#main-nav li a { font-family: ; font-weight: ; font-size:
; color: ; display: block; padding: 0 20px; text-transform:
; }

ul#main-nav li a:hover { color: ; text-decoration: none; } /*

ul#main-nav li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f107"; margin-left: 10px; }*/

ul#main-nav li ul.submenu { display: none; position: absolute; top: ; z-index: 5;
background: ; border-bottom: 1px solid ;
border-left: 1px solid ; border-right: 1px solid ; }

ul#main-nav li:hover ul.submenu{ display: block; }

ul#main-nav li ul.submenu li{ line-height: 34px! important; margin: 0; padding: 0; white-space: nowrap; background:
transparent! important; min-width: 220px; display: block; position: relative; }

/* ul#main-nav li ul.submenu li:hover { background: ! important; } */

ul#main-nav li ul.submenu li a{ text-align: left; text-transform: ; font-weight:
normal; color: ; font-size: ; }

ul#main-nav li ul.submenu li a:hover { color: ; }

.submenu li.nest { }

/*ul#main-nav li ul.submenu li.nest:after { position: absolute; top: 0px; right: 10px; font-family: 'FontAwesome';
content: "\f105"; }*/

.submenu li.nest:hover > ul.nested { display: block; }

.nested { display: none; }

/* Megamenu */

ul#main-nav li.dropdown:hover > ul.megamenu { display: block; }

ul.megamenu { display: none; position: absolute; top: calc( - 5px); left: 0; z-index: 2;
line-height: initial; }

ul.megamenu li > ul { width: 100%; }

ul.megamenu { background: ; border: 1px solid ;
padding-bottom: 20px; }

ul.megamenu h4 { padding: 20px 0 5px; font-family: ! important; color:
; font-weight: bold; border-bottom: 1px solid ;
margin-bottom: 10px; text-align: left; font-size: ; text-transform: uppercase; letter-spacing:
initial; }

ul.megamenu li:hover { background: transparent! important; }

ul.megamenu li > ul.mega-stack { background: ; }

ul.megamenu li > ul.mega-stack li { line-height: 20px! important; text-align: left! important; display: block!
important; clear: left; }

ul.megamenu li > ul.mega-stack li a { padding: 0! important; text-transform: !
important; font-weight: normal! important; color: ! important; font-size:
! important; background: transparent! important; }

ul.megamenu li > ul.mega-stack li a:hover { color: ! important; }

.megamenu img { margin-top: 20px; }

.collection div.zoomWindow, .index div.zoomWindow, .search div.zoomWindow { display: none! important; } .collection
div.zoomLens, .index div.zoomLens, .search div.zoomLens { opacity: 0! important; }

/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden */

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;
animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform:
translate3d(0,0,0); transform: translate3d(0,0,0); }

40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px,
0); }

70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px,
0); }

90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); }

40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px,
0); }

70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px,
0); }

90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }

25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, 100% { opacity: 1; }

25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }

40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }

50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }

65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); }

75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }

40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }

50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }

65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); }

75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }

40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }

60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }

80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }

100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }

40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }

60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }

80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }

100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center;
-webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0,
0, 1, -3deg); }

30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1,
1.1) rotate3d(0, 0, 1, 3deg); }

40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1)
rotate3d(0, 0, 1, -3deg); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0,
0, 1, -3deg); }

30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1,
1.1) rotate3d(0, 0, 1, 3deg); }

40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1)
rotate3d(0, 0, 1, -3deg); }

100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; }

15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0)
rotate3d(0, 0, 1, -5deg); }

30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0,
0, 1, 3deg); }

45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0)
rotate3d(0, 0, 1, -3deg); }

60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0,
0, 1, 2deg); }

75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0,
0, 1, -1deg); }

100% { -webkit-transform: none; transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none; transform: none; }

15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0)
rotate3d(0, 0, 1, -5deg); }

30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0,
0, 1, 3deg); }

45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0)
rotate3d(0, 0, 1, -3deg); }

60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0,
0, 1, 2deg); }

75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0,
0, 1, -1deg); }

100% { -webkit-transform: none; transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215,
0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }

60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }

80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }

100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }

60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }

80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }

100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s;
animation-duration: .75s; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215,
0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }

60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }

75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }

100% { -webkit-transform: none; transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }

60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }

75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }

100% { -webkit-transform: none; transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215,
0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }

60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }

75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

100% { -webkit-transform: none; transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }

60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }

75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

100% { -webkit-transform: none; transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215,
0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }

60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }

75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

100% { -webkit-transform: none; transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }

60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }

75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

100% { -webkit-transform: none; transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }

60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }

0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }

60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }

50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }

50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }

100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s;
animation-duration: .75s; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);
}

40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform:
translate3d(20px, 0, 0); }

100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0,
0); }

100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform:
translate3d(-20px, 0, 0); }

100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px,
0, 0); }

100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
}

40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0,
-100%, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%,
0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform:
translate3d(0, -2000px, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0,
-2000px, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform:
translate3d(-100%, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0,
0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform:
translate3d(100%, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0,
0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform:
translate3d(2000px, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform:
translate3d(2000px, 0, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0,
100%, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform:
translate3d(0, 2000px, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0,
2000px, 0); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }

@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform:
perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function:
ease-out; }

40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }

50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }

80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95,
.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px)
rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }

50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }

80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95,
.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip;
animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform:
perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function:
ease-in; opacity: 0; }

40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0,
-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0,
10deg); opacity: 1; }

80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0,
-5deg); }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px)
rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
}

40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0,
-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0,
10deg); opacity: 1; }

80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0,
-5deg); }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important;
-webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform:
perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function:
ease-in; opacity: 0; }

40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0,
-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0,
10deg); opacity: 1; }

80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0,
-5deg); }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px)
rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;
}

40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0,
-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0,
10deg); opacity: 1; }

80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0,
-5deg); }

100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important;
-webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }

30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0,
-20deg); opacity: 1; }

100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0,
90deg); opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }

30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0,
-20deg); opacity: 1; }

100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0,
90deg); opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s;
animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }

30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0,
-15deg); opacity: 1; }

100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0,
90deg); opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }

30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0,
-15deg); opacity: 1; }

100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0,
90deg); opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important;
-webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform:
translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }

60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }

80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }

100% { -webkit-transform: none; transform: none; opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0,
0) skewX(-30deg); opacity: 0; }

60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }

80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }

100% { -webkit-transform: none; transform: none; opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function:
ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }

100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }

100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform:
rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }

100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;
} }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0,
1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }

100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;
} }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none;
opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }

100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }

100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
opacity: 1; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1,
45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1,
45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
opacity: 1; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1,
-45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;
}

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1,
-45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity:
1; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1,
-45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }

100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1,
-45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
opacity: 1; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1,
90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }

100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1,
90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:
top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function:
ease-in-out; }

40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:
top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function:
ease-in-out; opacity: 1; }

100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left;
-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin:
top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function:
ease-in-out; }

40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin:
top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function:
ease-in-out; opacity: 1; }

100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:
translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

100% { opacity: 1; -webkit-transform: none; transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0,
0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { 0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0,
0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055,
0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475,
.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:
scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675,
0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475,
.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055,
0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475,
.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:
scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675,
0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475,
.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055,
0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475,
.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:
scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675,
0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475,
.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055,
0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475,
.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:
scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675,
0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475,
.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }

50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

100% { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }

50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }

100% { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px,
0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550,
0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }

100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0,
0); -webkit-transform-origin: left center; transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }

100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0,
0); -webkit-transform-origin: left center; transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0,
0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }

100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0,
0); -webkit-transform-origin: right center; transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }

100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0,
0); -webkit-transform-origin: right center; transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550,
0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550,
0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility:
visible; }

100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }

100% { -webkit-transform: translateY(0); transform: translateY(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility:
visible; }

100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }

100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility:
visible; }

100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }

100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility:
visible; }

100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }

100% { -webkit-transform: translateY(0); transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }

100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }

100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }

100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }

100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }

100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }

100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }

100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }

100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

div.yotpo-small-box.yotpo-nav.reviews { float: none; margin: 0; }

@media screen and (min-width: 740px) { #breadcrumb { z-index: 999999999999999999999999; }

}

@media screen and (max-width: 738px) { #tdm-oo { margin-top: 0px !important; }

}

#tdm-oo { text-align: right !important; margin-top: 25px; margin-right: 1.04%; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;}

@media screen and (max-width: 738px) { #tdm-oo { margin-top: 0px !important; overflow: initial; margin-right: 0
!important; }

body.product #breadcrumb { margin-bottom: 1rem !important; }

}

.desk_hide { display: none; }

.mob_hide { display: block; }

@media screen and (max-width: 739px) { .signup_banner { width: 96% !important; margin: 10px auto !important; }
.desk_hide { display: block; }

.mob_hide { display: none; } }

.afterpay-link { z-index: 0; position: relative; }

.afterpay-main-text { font-size: 12px !important; }

@media screen and (max-width: 979px) { ul#cart li.cart-overview { top: 3px; } }

@media screen and (max-width: 640px) { .collections .collection-banner-container .row { width: 100% !important; }
.collection-banner-container .row .mobile-3 { width: 100%; margin: 0; }

}