/*
/*    SECTION 1
/*    1.1 - Base Styles
/*    1.2 - HTML5 Elements
/*    1.3 - Forms and Inputs
/*    1.4 - Typography
/*    1.5 - Links and Buttons
/*    1.6 - Tables
/*    1.7 - Icons
/*    1.8 - Tags
/*
/*  SECTION 2
/*    2.1 - Helper classes
/*    2.2 - Grid system
/*    2.3 - Lists
/*
/*  SECTION 3
/*    3.1 - Toolbar
/*    3.2 - Header
/*    3.3 - Navigation
/*    3.4 - Footer
/*    3.5 - Homepage
/*    3.6 - Product & Collections
/*    3.7 - Cart
/*    3.8 - Blogs/Articles/Search
/*    3.9 - Customer Pages
/*
/*  SECTION 4
/*    4.1 - Media Query - Desktop Slim
/*    4.2 - Media Query - Tablet Landscape
/*    4.3 - Media Query - Mobile Landscape
/*    4.4 - Media Query - Mobile Portrait
/*
/*  SECTION 5
/*    5.1 - IE Fixes
/*
/*  SECTION 6
/*    6.1 - Fancybox plugin
/*    6.2 - FlexSlider plugin
/*    6.3 - jQuery Tabs
/*

/* =================== */

/*      SECTION 1      */

/* =================== */

/* 1.1 - Base Styles */

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #f1f1f1;
    font-size:62.5%;
     -webkit-touch-callout:none;
     -webkit-text-size-adjust:none;
     -ms-text-size-adjust:100%;

}
body {
    line-height: 21px;
    font-size: 14px;
    color: #666666;
}
.clear {
    clear: both;
}
body,
h1,
h2,
h3,
p,
span,
a,
li {
    font-family: "proxima-nova",sans-serif;
}
body {
    border-left: 8px solid #000;
    border-right: 8px solid #000;
    width: 1100px;
    box-sizing: content-box;
    margin: 0 auto !important;
  	max-width: 100% !important;
}
body.homepage {
    border-left: 8px solid #000;
    border-right: 8px solid #000;
    width: 1280px;
    box-sizing: content-box;
    margin: 0 auto !important;
}
body.men-collection {
    border-left: 8px solid #000;
    border-right: 8px solid #000;
    width: 1100px;
    box-sizing: content-box;
    margin: 0 auto;
}
body.contact-us {
    border-left: 8px solid #000;
    border-right: 8px solid #000;
    width: 1100px;
    box-sizing: content-box;
    margin: 0 auto;
}
body.women-collection {
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    width: 1100px;
    box-sizing: content-box;
    margin: 0 auto;
}
/* 1.2 - HTML5 Elements */

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
/* 1.3 - Forms and Inputs */

form {
    margin: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
select,
input[type=file] {
    height: 27px;
    height: auto;
    line-height: 27px;
}
input.focus,
input:focus,
textarea.focus,
textarea:focus {
    border: 1px solid #4c90ee;
    -moz-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
    box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
}
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
textarea:focus {
    outline: none;
}
input[type=checkbox],
input[type=radio] {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
input[type=checkbox] {
    -webkit-appearance: checkbox;
}
input[type=file] {
    cursor: pointer;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
input[type=submit] {
    cursor: pointer;
}
::-webkit-input-placeholder { color: #bbbbbb !important; }
:-moz-placeholder { color: #bbbbbb !important; }
select {
    font-size: 13px;
    display: inline-block;
    color: #666;
    min-height: 32px;
    line-height: 22px;
    padding: 2px;
    padding: initial;
    border: 1px solid #ccc;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
@-moz-document url-prefix() {
    select {
        padding: 6px;
    }
}
/* Firefox fix */

select:focus,
select.focus {
    outline: none;
    border: 1px solid #4c90ee;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
    box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
}
textarea {
    min-height: 72px;
    font-size: 16px;
}
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
ul,
ol {
    margin: 0 0 20px 20px;
    padding: 0;
}
ul li {
    margin-bottom: 5px;
}
ul {
    list-style: disc outside none;
}
.documentation-header {
    margin-bottom: 30px !important;
}
/* 1.4 - Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    margin:0 0 13px 0;
    font-family: "proxima-nova", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.cart-summary,
.toolbar {
    font-family: "proxima-nova", sans-serif;
}
h1 {
    font-weight: 400;
    color: #333333;
    font-size:36px;
    line-height:36px;
}
h2 {
    font-weight: 400;
    color: #333333;
    font-size:28px;
    line-height:28px;
}
h3 {
    font-weight: 400;
    color: #333333;
    font-size:24px;
    line-height:24px;
}
h4 {
    font-size: 13px;
    line-height: 18px;
}
h5 {
    font-size: 12px;
    line-height: 18px;
}
h6 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
}
h1 .note,
h2 .note,
h3 .note,
h4 .note,
h5 .note,
h6 .note {
    margin-left: 8px;
    font-weight: 400;
    font-size: 12px;
}
h1 .note a,
h2 .note a,
h3 .note a,
h4 .note a,
h5 .note a,
h6 .note a {
    color: #f45b4f;
}
p {
    margin: 0 0 20px 0;
    line-height: 21px
}

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

/* 1.5 - Links and Buttons */

a {
    color: #f45b4f;
    text-decoration:none;
    outline:none;
}
a:hover {
    color: #000;
/*     opacity: 0.7; */
}
a:active {
    outline: none;
}
a.btn,
input.btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border: none;
    margin: 0;
    padding: 0 20px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: none;
    background-color: #000;
    width: auto;
}
a.btn:hover,
input.btn:hover {
    background-color: #f45b4f;
    color:#fff;
    opacity:0.8;
}
a.btn:hover:disabled,
input.btn:hover:disabled {
    -moz-opacity: 0.20;
    opacity: .20;
    filter: alpha(opacity=20);
    cursor: default;
}
input.disabled.btn:hover {
    background-color: #f45b4f;
    color:#fff;
}
.btn:disabled,
.disabled {
    -moz-opacity: 0.20;
    opacity: .20;
    filter: alpha(opacity=20);
    cursor: default;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333;
}
.accent-color {
    color: #f45b4f!important;
}
#product .add-to-cart .icon,
a.btn,
input.btn,
.searchform input.submit,
.cart-summary a .icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#zoom-image {
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
}

/* 1.6 - Tables */

table {
    width: 100%;
    border-spacing: 0;
}
table tr td {
    border-top: 1px solid #dddddd;
}
table tr td,
table tr th {
    padding: 10px;
    text-align: left;
}
table tr td:first-child,
table tr th:first-child {
    padding-left: 0px;
}
table tr td:last-child,
table tr th:last-child {
    padding-right: 0px;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
/* 1.7 - Icons */

.icon-social {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.icon-social {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/social-icons-light-bg.png?13038482655545386756') no-repeat;
}
.icon-social {
    filter: alpha(opacity=50);
    /* internet explorer */
    -khtml-opacity: 0.5;
    /* khtml, old safari */
    -moz-opacity: 0.5;
    /* mozilla, netscape */
    opacity: 0.5;
    /* fx, safari, opera */
}
.icon-social:hover {
    filter: alpha(opacity=100);
    /* internet explorer */
    -khtml-opacity: 1;
    /* khtml, old safari */
    -moz-opacity: 1;
    /* mozilla, netscape */
    opacity: 1;
    /* fx, safari, opera */
}
.icon-social.twitter {
    background-position: 0 0;
}
.icon-social.facebook {
    background-position: -50px 0;
}
.icon-social.youtube {
    background-position: -100px 0;
}
.icon-social.atom {
    background-position: -150px 0;
}
.icon-social.instagram {
    background-position: -200px 0;
}
.icon-social.pinterest {
    background-position: -250px 0;
}
.icon-social.vimeo {
    background-position: -300px 0;
}
.icon-social.tumblr {
    background-position: -350px 0;
}
.icon-social.google {
    background-position: -400px 0;
}
.icon-facebook {
    float: left;
    margin-top: 1px;
    width: 40px;
    overflow: hidden;
}
.icon-cart {
    float: left;
    display: block;
    width: 20px;
    height: 16px;
    margin: 21px 10px 0 0;
    opacity: 0.8;
    filter: alpha(opacity=60);
}







#social .google-plus,
#product .tweet-btn,
#product .pinterest,
#product .facebook-like {
    display: block;
    float: left;
    margin-right: 10px;
}
#social .pinterest {
    width: 70px;
}
#social .share-this {
    float: left;
    margin: 0 10px 0 0;
}
.credit-cards {
    margin: 0 auto;
    list-style: none outside none;
    text-align: center;
}
.credit-cards li {
    display: inline;
    margin-right: 10px;
}
/* 1.8 - Tags */

.tags {
    margin: 0 0 0 12px;
    padding: 0;
    right: 24px;
    bottom: -12px;
    list-style: none;
}
.tags li {
    margin-bottom: 5px !important;
}
.tags li,
.tags a {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px;
}
.tags a {
    margin: 0 15px 15px 0;
    padding: 0 10px 0 12px;
    background: #ECECEC;
    color: #666666;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.tags a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #ECECEC transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}
.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}
.tags a:hover,
.tags li.active a {
    background: #CCCCCC;
    color: #333333;
}
.tags a:hover:before,
.tags li.active a:before {
    border-color: transparent #CCCCCC transparent transparent;
}
/* =================== */

/*      SECTION 2      */

/* =================== */

/* 2.1 - Helper Classes */

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}
.clearfix:after,
.row:after {
    clear: both;
}
.clearfix,
.row {
    zoom: 1;
}
.p0 {
    margin-bottom: 0px !important;
}
.p5 {
    margin-bottom: 5px !important;
}
.p10 {
    margin-bottom: 10px !important;
}
.p15 {
    margin-bottom: 15px !important;
}
.p20 {
    margin-bottom: 20px !important;
}
.p25 {
    margin-bottom: 25px !important;
}
.p30 {
    margin-bottom: 30px !important;
}
.p40 {
    margin-bottom: 40px !important;
}
.p50 {
    margin-bottom: 50px !important;
}
.p60 {
    margin-bottom: 60px !important;
}
.fr {
    float: right !important;
}
.fl {
    float: left !important;
}
.fn {
    float: none !important;
}
.tr {
    text-align: right !important;
}
.tl {
    text-align: left !important;
}
.tc {
    text-align: center !important;
}
.hidden {
    display: none!important
}
.border-top {
    border-top: 1px solid #dddddd;
}
.border-right {
    border-right: 1px solid #dddddd;
}
.border-bottom {
    border-bottom: 1px solid #dddddd;
}
.border-left {
    border-left: 1px solid #dddddd;
}
.display-table {
    display: table!important;
    width: 100%;
}
.display-table-cell {
    display: table-cell!important;
    vertical-align: middle;
}
.table {
    display: table;
    margin: 0 auto;
}
.fixed {
    position: fixed;
}
.note {
    background: #ffffe3;
    border: 2px dashed #eeeecd;
    padding: 20px;
}
hr.divider {
    margin: 15px 0;
    background: #dddddd;
    height:1px;
    border:0;
}
/* 2.2 - Grid System */

.wrapper {
    width: 996px;
    margin: 0 auto;
    padding: 0 15px;
}
.toolbar-wrapper {
    width: 100%;
    height: 60px;
    background: #000000;
}
#transparency > .row:before,
#transparency > .row:after {
    content: "";
    display: table;
}
#transparency > .row:after {
    clear: both;
}
#transparency > .row {
    zoom: 1;
}
.toolbar {
    width: 996px;
    margin: 0 auto;
}
footer {
    width: 996px;
    margin: 0 auto;
}
.row {
    margin: 0 0 30px 0;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
    display: block;
    float: left;
    margin: 0 15px;
}
.inner-left {
    margin-left: 0px !important;
}
.inner-right {
    margin-right: 0px !important;
}
.span1 {
    width: 53px;
}
.span2 {
    width: 136px;
}
.span3 {
    width: 219px;
}
.span4 {
    width: 302px;
}
.span5 {
    width: 385px;
}
.span6 {
    width: 468px;
}
.span7 {
    width: 551px;
}
.span8 {
    width: 634px;
}
.span9 {
    width: 717px;
}
.span10 {
    width: 800px;
}
.span11 {
    width: 883px;
}
.span12 {
    width: 966px;
}
/* 2.3 - Lists */

ul.unstyled,
ol.unstyled {
    margin: 0;
    list-style: none outside none;
}
ul.unstyled > li,
ol.unstyled > li {
    list-style: none;
}
ul.horizontal > li,
ol.horizontal > li {
    display: block;
    float: left;
}
ul.horizontal-inline,
ol.horizontal-inline {
    text-align: center;
}
ul.horizontal-inline > li,
ol.horizontal-inline > li {
    display: inline;
    margin: 0 5px;
}
ul.expanded > li,
ol.expanded > li {
    margin-bottom: 10px;
}
/* =================== */

/*      SECTION 3      */

/* =================== */

/* 3.1 - Toolbar */

.toolbar {
    color: #bbbbbb;
    font-size:15px;
}
.toolbar li {
    float: right;
    line-height: 60px;
    list-style: none;
    padding-right: 25px;
    margin-bottom: 0 !important;
}
.toolbar a {
    color: #bbbbbb;
}
.toolbar a:hover {
    color: #bbbbbb;
    opacity:0.7;
    filter:alpha(opacity=70);
}
.toolbar .search_box {
    height: 34px;
    padding: 0 10px 0 26px;
    border: none;
    vertical-align: middle;
    line-height: normal;
    font-family: "proxima-nova", sans-serif;
    color: #bbbbbb !important;
    border-radius:4px
}
.toolbar #go {
    position: absolute;
    width: 11px;
    height: 11px;
    border: none;
    margin: 21px 0 0 5px;
    box-shadow: none;
}
.toolbar .or {
    color: #888;
}
.toolbar-cart,
.toolbar-customer {
    float: right !important;
}
.toolbar-customer {
    padding-left: 0 !important;
}
.toolbar li.toolbar-cart {
    padding-right: 0;
}
.toolbar li.search-field {
    padding-right: 0;
}
#cart-animation {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 15;
    text-align: center;
    line-height: 35px;
    background: #f45b4f !important;
    color:#fff !important;
    font-weight:bold;
    border:3px solid #f45b4f;
    font-size:16px;
}
/* 3.2 - Header */

.logo {
    max-width: 966px;
}
.logo a img,
.logo h1 a {
    display: block;
    margin: 0 auto;
}
.logo a img,
.logo h1 a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.logo h1 {
    text-align: center;
}
.logo {
    padding: 60px 0;
}
.logo h1 {
    margin: 0;
    border: 0;
}
.logo h1 a {
    text-decoration: none;
    font-size: 72px;
    line-height: 72px;
    color: #333333;
    margin:0;
    padding:0;
    border:0;
}
.logo h1 a:hover {
    text-decoration: none;
    color: #333333;
}
.logo a,
.logo img {
    display: block;
    margin: 0;
}
/* 3.3 - Navigation */

nav {
    font-family: Helvetica, Arial, sans-serif;
}
nav {
    position: relative;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
nav > ul > li {
    margin-bottom: 0;
}
nav > ul > li > a {
    text-decoration: none;
    color: #888888;
    display:block;
    padding:0 15px;
    font-size:17px;
    line-height:50px;
    height:50px;
    font-weight:400;
}
nav > ul > li.dropdown > a {
    padding-right: 15px;
    margin-right: 10px;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/arrow-dark.png?13038482655545386756') no-repeat 100% 50%;
}
nav > ul > li > a.current {
    color: #888888;
}
nav > ul > li:hover > a {
    color: #888888;
    opacity:0.7;
    filter:alpha(opacity=70);
    text-decoration:none;
}
nav > ul > li.dropdown {
    position: relative;
}
nav > ul > li.dropdown > .dropdown {
    background: #fff;
    list-style: none outside none;
    padding: 5px 15px;
    display: none;
    position: absolute;
    min-width: 180px;
    z-index: 99999;
    top: 100%;
    left: 0%;
    margin-left: 15px;
    border:  1px solid #dddddd;
}
nav > ul > li.dropdown:hover > .dropdown {
    display: block;
    z-index: 999999;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
}
nav > ul > li.dropdown li {
    list-style: none;
    font-size: 13px;
    line-height: 30px;
}
nav > ul > li.dropdown li a {
    line-height: 30px;
    height: 30px;
    font-size: 15px;
    color: #888888;
}
nav > ul > li.dropdown li a:hover {
    color: #888888;
    opacity:0.7;
    filter:alpha(opacity=70);
}
nav > ul > li.dropdown > .dropdown {
    margin-left: 0;
}
nav > ul > li.dropdown:hover > .dropdown {
    display: block;
    z-index: 999999;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}
nav > ul {
    text-align: center;
}
nav > ul > li {
    float: none !important;
    display: inline-block !important;
}
nav > ul > li.dropdown > .dropdown {
    text-align: left;
}
nav > ul > li.dropdown > .dropdown > li {
    display: block;
}
nav.mobile {
    display: none;
    border: none;
}
nav.mobile > ul > li > a {
    line-height: 30px;
    height: 30px;
}
nav.mobile select {
    height: 30px;
    line-height: 30px;
    width: 100%;
}
/* 3.4 - Footer */

.footer-wrapper {
    width: 100%;
    background: none;
}
.footer-wrapper {} footer {
    padding: 0;
}
footer > .row > .span12 {
    padding: 30px 0 0;
}
footer {
    padding-bottom: 20px;
}
footer .row {
    margin-bottom: 0;
}
footer,
footer p {
    color: #666666;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
    color: #333333;
}
footer a {} footer a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
footer h4 {
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #dddddd;
    padding-bottom:10px
}
footer ul li {
    margin-bottom: 5px;
}
footer .btn.newsletter {
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-left: 15px;
    background: #f45b4f;
    color:#fff;
}
footer .btn.newsletter:hover {
    background: #f45b4f;
    color:#fff;
}
footer #mail {
    width: 168px;
}
footer .copyright {
    margin: 20px 0 10px;
}
.oldie .credit-cards {
    display: none;
}
/* 3.5 - Homepage */

.intro h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
.intro h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:27px;
}
.intro h3 a {
    font-family: Helvetica, Arial, sans-serif;
    color: #f45b4f !important;
}
.intro h3 a:hover {
    font-family: Helvetica, Arial, sans-serif;
}
.featured-product .display-table-cell:first-child {
    padding-right: 40px;
}
.featured-product h2 {
    margin-bottom: 5px;
}
.featured-product .price {
    opacity: 0.5;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.featured-product-description {
    margin: 15px 0;
}
.featured-product-header {
    opacity: 0.5;
    font-size: 11px;
    text-transform: uppercase;
}
.featured-product-image {
    width: 50%;
}
.sample-product-wrapper {
    background: #eee url(//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/blankslate-producticon.png?13038482655545386756) no-repeat center center;
    width: 100%;
    height: 170px;
    display: table;
    text-align: center;
    color: #aaa;
}
.sample-product {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 13px
}
.helper-note {
    font-size: 16px;
    padding: 20px;
    position: absolute;
    max-width: 500px;
    margin-left: -270px;
    margin-top: 30px;
    left: 50%;
    z-index: 99999;
    display: none;
}
.helper-note p {
    line-height: 23px;
    margin-bottom: 10px;
}
.helper-note h3 {
    font-size: 19px;
    font-weight: bold;
}
.helper-section {
    clear: both;
}
.helper-section:hover .helper-note {
    display: inline-block!important;
    -webkit-animation: fadeInUp 0.2s ease-in;
    -moz-animation: fadeInUp 0.2s ease-in;
    animation: fadeInUp 0.2s ease-in;
}
.helper-section .helper-content {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
}
.helper-section:hover .helper-content {
    opacity: 0.2;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
/* 3.6 - Product & Collections */

.product {
    position: relative;
    margin-bottom: 20px;
    float: left;
}

.product-options .select.clearfix {
    display: none;
}

.product .image {
    position: relative;
    overflow: hidden;
    z-index: 8888;
    margin: 0 0 5px;
}
.product .image a {
    text-align: center;
}
.image a#placeholder.zoom,
.thumbs .image a {
    text-align: center;
}

#placeholder {
    display: block;
    max-height: 100%;
}

.product .image.loading {
    background-position: 50% 50%;
}
.product img {
    margin: 0 auto;
    opacity: 1;
/*     filter: alpha(opacity=100);
    -webkit-transition: opacity 0.15s;
    -moz-transition: opacity 0.15s;
    transition: opacity 0.15s; */
}
/* .product:hover img {
    opacity: 0.95;
    filter: alpha(opacity=95);
} */
#collection .product.span5 img {
    width: 100%;
    max-height: 100%;
}
.product img,
.product .image a {
    display: block;
    margin: 0 auto;
    width: 300px;
}
.product a {
    text-decoration: none;
}
.product .details a {
    display: block;
    padding: 5px 0;
}
.product .title,
.product .vendor {
    display: block;
    margin: 0;
    display: block;
    color: #333333;
}
.product .title {
    color: #444;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    margin-top: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.product .vendor {
    font-size: 13px;
    margin-bottom: 2px;
    line-height: 10px;
}
.product .circle,
#product .circle {
    position: absolute;
    text-transform: uppercase;
    z-index: 9999;
    font-size: 11px;
    line-height: 14px;
    right: -10px;
    top: -10px;
    color: #fff!important;
    padding: 17px 10px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-weight: 700;
    -webkit-font-smoothing: subpixel-antialiased;
}
.product .circle.sale,
#product .circle.sale {
    font-family: helvetica;
    background-color: #f45b4f;
    opacity:.9;
    filter:alpha(opacity=90);
    -webkit-font-smoothing:subpixel-antialiased;
}
.breadcrumb {
/*     font-size: 12px; */
  	font-size:11px;
    margin: 0 0 30px 0;
    display: none;
}
.breadcrumb .arrow-space {
    margin: -2px 6px 0;
    font-size: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.breadcrumb a {
    color: #666666;
}
.purchase h2.price {
    margin: 0 0 10px;
    display: block;
    font-size: 24px !important;
    color: #666666;
    opacity:0.7;
}
.details .price {
    color: #9A9EA0;
    font-size: 10px;
    line-height: 10px;
    display: block;
    letter-spacing: 1px;
}
.featured {
    margin-bottom: 0;
    text-align: center;
    height: 437px;
}

.video.featured {
    margin-bottom: 0px;
    text-align: center;
    max-height: 549px;
    overflow: hidden;
    clear: both;
    display:block;
}

.product-top-container .featured.top {
    background: transparent;
    max-height: 540px;
  	max-width: 100%
    margin-bottom: 0;
}
.product-top-container .featured.top a:hover {
    opacity: 1;
}
.featured a img {
  	max-height: 100%;
    width: auto !important;
}
.product-content .description {
    color: #666667;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
/*     max-height: 155px; */
    overflow: hidden;
}
.product-content .description p {
    line-height: 28px;
}
.product a.product-link-c image:hover,
.recommendations-product a.product-link-c:hover {
    opacity: 1;
}
.product .product-link-container,
.recommendations-product .product-link-container {
    position: absolute;
    top: 218px;
    z-index: 99;
    width: 100%;
    line-height: 0;
}
recommendations-product .product-link-container {
    width: 300px;
}
.recommendations-product img {
    width: 300px;
}
.product .details,
.recommendations-product .details {
    position: absolute;
    top: 228px;
    width: 100%;
}
#product .thumbs .image:nth-child(3n+4) {
    clear: left;
}
#product h3.collection-title {
    display: block;
    margin: 0 auto;
    width: 267px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    margin-top: -20px;
}
hr {
    width: 94%;
border: 1px solid #000;
background: #000;
}
#habla_window_state_div #habla_window_div.olrk-fixed-bottom .habla_panel_border,
#habla_window_state_div #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
#habla_panel_div {
    background: transparent !important;
}
#habla_expanded_div > div {
    background: #fff !important;
}
#habla_window_div.olrk-fixed-bottom #habla_topbar_div {
    border: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 12px;
    text-align: center;
    width: 120px;
}
#habla_window_div #habla_sizebutton_a {
    display: none;
}
#product .product-options h2.desktop-version {
    font-size: 11px;
    text-transform: uppercase;
    color: #666667;
    letter-spacing: 1px;
    margin-bottom: 0px;
    margin-top: 14px;
}
#product .special-btm-links {
    font-size: 12px;
}
#product .special-btm-links a {
    display: inline-block;
    margin-bottom: 7px;
    text-transform: uppercase;
    vertical-align: top;
    width: 40%;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01rem;
}
#product .special-btm-links a:first-of-type {
    width: 200px;
}
#product .special-btm-links .top-btm-l {
    border-right: 1px solid #dddddd;
    margin-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#product .special-btm-links .bottom-btm-l {
    padding-top: 8px;
    padding-bottom: 8px;
    letter-spacing: 0.01rem;
}
#product .special-btm-links a span {
    color: #999999;
    display: block;
    font-weight: 100;
    padding-top: 2px;
}
#product .social {
    text-align: center;
}
#product .social a {
    margin: 0 12px;
}
#product .social span {
    color: #CCCCCC;
    font-size: 31px;
}
.product-options {
    padding: 0 0 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid #dddddd;
}
.product-options label {
    display: block;
    margin-bottom: 3px;
}
.product-options select {
    margin-bottom: 20px;
}
.product-options textarea {
    width: 30px;
    line-height: 18px;
    height: 18px;
    min-height: 18px;
    margin-bottom: 20px;
}
#quantity {
    width: 50px;
    margin-bottom: 20px;
}
@-moz-document url-prefix() {
    .product-options select {
        height: 30px;
        line-height: 30px;
    }
}
/* Firefox fix */

#collection h1 {
    float: left;
}
#collection .browse-tags {
    float: right;
    padding-top: 10px;
    padding-left: 15px;
}
#collection .browse-tags label {
    float: left;
    display: block;
    margin: 1px 8px 0 0;
}
@-moz-document url-prefix() {
    #collection .browse-tags label {
        margin: 7px 8px 0 0;
    }
    #collection .browse-tags select {
        float: right;
        height: 30px !important;
        line-height: 30px !important;
    }
}
.pagination {
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}
.pagination li {
    display: inline;
    padding: 0 12px;
    font-size: 14px;
}
.pagination li span {
    color: #666666;
}
.pagination li a {
    line-height: 16px;
    font-weight: normal;
    padding: 10px 14px;
    background-color: #000;
    color: #fff;
}
.pagination li a:hover {
    text-decoration: none;
}

/* 3.7 - Cart */

#cart {
    padding: 0 60px 60px 60px;
}

#cart h1 {
    font-weight: 700;
    margin: 0;
    font-size: 22px;
}

#cart .qty {
    text-align: center;
}
#cart .price,
#cart .remove {
    text-align: right;
}
#cart .image {
    width: 150px;
}
#cart .image a,
#cart .image img {
    margin: 0;
    border: none;
}
#cart a .variant_title {
    display: block;
    color: #666666;
}
#cart a:hover .variant_title {} #cart .item {
    max-width: 400px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}
#cart .item-description {
    font-size: 12px;
}

#cart th {
    vertical-align: bottom;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

.subtext.success {
    font-weight: 700;
    color: #40954a;
}
div.errors,
.subtext.error {
    font-weight: 700;
    color: #954040;
}
div.errors {
    margin-bottom: 15px;
}
.cart-buttons {
    float: right!important
}

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

#update-cart {
    border-top: 1px solid #DDDDDD;
    padding-top: 20px;
}

#update-cart input {
    background-color: #DADCDB;
    border: 1px solid #CBCDCA;
    border-radius: 0;
    color: #2E2F2D;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

#check-out {
    padding-top: 60px;
    width: 200px;
    text-align: center;
    float: right !important;
}

#check-out h2 {
    font-weight: 700;
    font-size: 22px;
}

#check-out input {
    background-color: #2E2F2D;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    width: 100%;
}

/* 3.8 - Blog / Articles / Search */

#blog .pagination {
    margin-top: 40px;
}
.sidebar h3 {
    font-size: 18px;
}
.sidebar .article {
    margin: 0 0 15px;
}
.sidebar .article a {
    display: block;
}
.sidebar .tags li {
    margin: 0;
}
.article h1 {
    font-size: 26px;
}
.article h1 a {
    display: block;
    color: #f45b4f;
}
.article h1 .article-title {
    display: block;
}
.article h1 a:hover {} .article h1 .date,
.article-body h1 .date {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
}
.article .continue {
    display: block;
    margin-top: 15px;
}
#article .comment {
    margin-bottom: 15px;
}
#article .comment_form {
    margin-top: 30px;
}
#article .comment_form .subtext {
    margin-bottom: 15px;
}
#article .comment_form label {
    display: block;
}
#article .comment_form .text {
    margin-bottom: 15px;
    display: block;
}
#article h2.comment-title {
    font-size: 20px;
}
#article #comment_body {
    width: 100%;
    height: 200px;
}
#article h3.author {
    font-size: 14px;
    font-style: italic;
}
#article-content h1 {
    color: #333333;
    font-size:36px;
    line-height:36px;
}
#article-content h2 {
    color: #333333;
    font-size:28px;
    line-height:36px;
}
#article-content h3 {
    color: #333333;
    font-size:28px;
    line-height:28px;
}
#search .results .thumbnail a {
    display: block;
    float: right;
}
#search .search-border {
    border-bottom: 1px solid #dddddd;
}
#search .results .thumbnail a {
    float: none;
}
#search .search-field {
    position: relative;
    height: 60px;
    line-height: 60px;
}
#search .search_box {
    height: 34px;
    padding: 0 10px 0 26px;
    border: none;
    vertical-align: middle;
    line-height: normal;
    color: #666666 !important;
    border:1px solid #dddddd;
}
#search #go {
    position: absolute;
    width: 11px;
    height: 11px;
    border: none;
    margin: 22px 0 0 5px;
    box-shadow: none;
}
/* 3.9 - Customer Pages */

#customer-account p,
#customer-order p {
    line-height: 14px;
}
#login input.text {
    width: 220px;
}
#customer-activate .create-password {
    margin-bottom: 30px;
}
#customer-activate .label,
#customer-login .label,
#customer-reset-password .label,
#customer-register .label {
    display: block;
}
#customer-activate .text,
#customer-login .text,
#customer-reset-password .text,
#customer-register .text {
    display: block;
    margin-bottom: 15px;
}
#customer-login .action_bottom,
#customer-register .action_bottom {
    margin-top: 15px;
}
#order_cancelled {
    margin-bottom: 30px;
}
#customer-addresses .add-new-address {
    display: block;
}
.action_bottom span {
    line-height: 40px;
}
/* =================== */

/*      SECTION 4      */

/* =================== */

/* 4.1 - Desktop Slim */

@media only screen and (min-width: 768px) and (max-width: 1026px) {
    .logo {
        max-width: 738px;
    }
    .wrapper,
    .toolbar,
    footer {
        width: 768px;
    }
    .span1 {
        width: 34px;
    }
    .span2 {
        width: 92px;
    }
    .span3 {
        width: 162px;
    }
    .span4 {
        width: 226px;
    }
    .span5 {
        width: 290px;
    }
    .span6 {
        width: 354px;
    }
    .span7 {
        width: 418px;
    }
    .span8 {
        width: 482px;
    }
    .span9 {
        width: 546px;
    }
    .span10 {
        width: 610px;
    }
    .span11 {
        width: 674px;
    }
    .span12 {
        width: 738px;
    }
    footer .btn.newsletter {
        font-size: 12px;
        padding-right: 8px;
        padding-left: 8px;
    }
    footer #mail {
        width: 124px;
    }
}
/* 4.2 - Tablet Landscape */

@media only screen and (min-width: 600px) and (max-width: 797px) {
    nav.main {
        display: none;
    }
    nav.mobile {
        display: block;
        padding: 0 0 30px 0;
    }
    .wrapper,
    .toolbar,
    footer {
        width: 600px;
    }
    .span1 {
        width: 20px;
    }
    .span2 {
        width: 70px;
    }
    .span3 {
        width: 120px;
    }
    .span4 {
        width: 170px;
    }
    .span5 {
        width: 220px;
    }
    .span6 {
        width: 270px;
    }
    .span7 {
        width: 320px;
    }
    .span8 {
        width: 370px;
    }
    .span9 {
        width: 420px;
    }
    .span10 {
        width: 470px;
    }
    .span11 {
        width: 520px;
    }
    .span12 {
        width: 570px;
    }
    /* .products .span2, .products .span3, .products .span4 { width: 118px; } */
    footer .span1,
    footer .span2,
    footer .span3,
    footer .span4,
    footer .span5,
    footer .span6,
    footer .span7,
    footer .span8,
    footer .span9,
    footer .span10,
    footer .span11,
    footer .span12 {
        width: 550px;
    }
    nav > ul > li > a {
        padding: 0 0 0 20px;
    }
    /* #product .span6, #product .span4 { width: 570px; } */
    #product .span5 {
        width: 470px;
    }
    #product .span1 {
        width: 70px;
    }
    #blog .sidebar {
        display: none;
    }
    #blog .span9 {
        width: 570px;
    }
    #header .span9,
    #header .span3 {
        width: 570px;
    }
    #header .span9 {
        margin-left: 0 !important;
    }
    #header .logo {
        padding-bottom: 0 !important;
    }
    #header .logo a img {
        max-width: 200px;
    }
    /* .featured img { max-width: 468px !important; } */
    .footer-menu {
        margin-bottom: 20px;
    }
}
/* 4.3 - Mobile Landscape */

@media only screen and (min-width: 510px) and (max-width: 629px) {
    nav.main {
        display: none;
    }
    nav.mobile {
        display: block;
        padding: 30px 0;
    }
    .cart-buttons {
        float: left!important;
    }
    .checkout-buttons textarea {
        width: 96%;
    }
    .display-table-cell,
    .display-table-cell {
        display: block!important;
    }
    .featured-product-image {
        width: 100%
    }
    nav.mobile {
        padding: 0;
    }
    .logo {
        max-width: 450px;
    }
    .logo h1 a {
        font-size: 48px;
        margin-left: 0px;
        line-height: 50px;
    }
    .toolbar .search-field {
        display: none;
    }
    .wrapper,
    .toolbar,
    footer {
        width: 480px;
    }
    .span1 {
        width: 10px;
    }
    .span2 {
        width: 50px;
    }
    .span3 {
        width: 90px;
    }
    .span4 {
        width: 130px;
    }
    .span5 {
        width: 170px;
    }
    .span6 {
        width: 450px;
    }
    .span7 {
        width: 250px;
    }
    .span8 {
        width: 290px;
    }
    .span9 {
        width: 330px;
    }
    .span10 {
        width: 370px;
    }
    .span11 {
        width: 410px;
    }
    .span12 {
        width: 450px;
    }
    /* .products .span2, .products .span3, .products .span4 { width: 88px; } */
    footer .span1,
    footer .span2,
    footer .span3,
    footer .span4,
    footer .span5,
    footer .span6,
    footer .span7,
    footer .span8,
    footer .span9,
    footer .span10,
    footer .span11,
    footer .span12 {
        width: 450px;
    }
    #product .span6,
    #product .span4 {
        width: 450px;
    }
    #product .span5 {
        width: 350px;
    }
    #product .span1 {
        width: 70px;
    }
    #blog .sidebar {
        display: none;
    }
    #blog .span9 {
        width: 450px;
    }
    #cart .item-description {
        display: none;
    }
    #collection h1 {
        float: none !important;
    }
    #collection .browse-tags {
        float: none !important;
        display: block;
        padding-top: 10px;
    }
    #collection .browse-tags label {
        display: none;
    }
    #collection .browse-tags select {
        width: 100%;
        height: 30px !important;
        line-height: 30px !important;
    }
    #article .sidebar {
        display: none;
    }
    #article .article {
        width: 450px;
    }
    #header .span9,
    #header .span3 {
        width: 450px;
    }
    #header .span9 {
        margin-left: 0 !important;
    }
    #header .logo {
        padding-bottom: 0 !important;
    }
    #header .logo a img {
        max-width: 200px;
    }
    .footer-menu {
        margin-bottom: 20px;
    }
    #product .thumbs .image:nth-child(3n+4) {
        clear: none;
    }
    #product .thumbs .image:nth-child(6n+7) {
        clear: left;
    }
    #product .thumbs .last-in-row {
        padding-right: 15px;
    }
    #product .thumbs .image:nth-child(6n+6) {
        padding-right: 0;
    }
    .featured-product-image {
        margin-top: 10px;
    }
}
/* 4.4 - Mobile Portrait */

@media only screen and (max-width: 509px) {
    #checkout-link {
        display: none;
    }
    nav.main {
        display: none;
    }
    nav.mobile {
        display: block;
        margin: 0 0 30px -15px;
        width: 290px;
        padding-top: 30px;
    }
    nav.mobile {
        padding: 0;
    }
    .display-table-cell,
    .display-table-cell {
        display: block!important;
    }
    .featured-product-image {
        width: 100%
    }
    .helper-note {
        width: 230px;
        margin-left: -145px;
    }
    nav.mobile {
        margin: 0 0 30px 0;
    }
    .wrapper {
        padding: 0;
    }
    .wrapper,
    .toolbar,
    footer {
        width: 320px;
    }
    .span1,
    .span2,
    .span3,
    .span4,
    .span5,
    .span6,
    .span7,
    .span8,
    .span9,
    .span10,
    .span11,
    .span12 {
        width: 290px;
        float: none;
    }
    .logo {
        padding-bottom: 0;
    }
    .logo {
        max-width: 290px;
        float: none;
        padding-bottom: 20px;
    }
    .logo h1 a {
        font-size: 48px;
        margin-left: 0px;
        line-height: 50px;
    }
    .toolbar .search-field {
        display: none;
    }
    .flex-controls {
        display: none !important;
    }
    footer .btn.newsletter {
        font-size: 12px;
        padding-right: 8px;
        padding-left: 8px;
    }
    footer #mail {
        width: 189px;
    }
    footer #mail input:-webkit-input-placeholder {
        line-height: 30px;
    }
    #blog .sidebar {
        display: none;
    }
    #blog .span9 {
        width: 290px;
    }
    #product .title {
        font-size: 22px;
    }
    #product .featured {
        margin-bottom: 15px;
    }
    #product .thumbs {
        margin: 0 0 30px 0;
    }
    #product .thumbs .image a {
        max-width: 60px;
        float: left;
        margin: 0 15px 0 0;
    }
    #cart .item-description {
        display: none;
    }
    #collection h1 {
        float: none !important;
    }
    #collection .browse-tags {
        float: none !important;
        display: block;
        padding-top: 10px;
    }
    #collection .browse-tags label {
        display: none;
    }
    #collection .browse-tags select {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }
    #product .span5 {
        float: left;
        width: 230px;
    }
    #product .span1 {
        float: left;
        width: 60px;
        margin: 0;
    }
    #product .thumbs {
        margin: 0 0 15px 0;
    }
    #product .thumbs .image {
        margin-bottom: 0;
    }
    #product .thumbs .image a {
        margin-bottom: 15px;
    }
    #content {
        min-height: 0px !important;
    }
    .footer-menu {
        margin-bottom: 20px;
    }
    .featured-product-image {
        margin-top: 10px;
    }
}
/* =================== */

/*      SECTION 5      */

/* =================== */

/* 5.1 - IE Fixes */

.ie8 .product .circle,
.ie8 #product .circle {
    right: 0;
    top: 0;
    padding: 8px 12px;
}
.ie7 nav > ul > li {
    float: left !important;
    display: inline-block !important;
}
/* =================== */

/*      SECTION 6      */

/* =================== */

/* 6.1 - FancyBox */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}
* html #fancybox-loading {
    position: absolute;
    margin-top: 0
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756')
}
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 999999;
    display: none
}
* html #fancybox-overlay {
    position: absolute;
    width: 100%
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 999999;
    display: none
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)
}
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: 0;
    overflow: hidden
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756');
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}
#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0
}
#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic
}
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}
#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102
}
.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333
}
.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold
}
.fancybox-title-over {
    color: #FFF;
    text-align: left
}
#fancybox-title-wrap {
    display: inline-block
}
#fancybox-title-wrap span {
    height: 32px;
    float: left
}
#fancybox-title-left {
    padding-left: 15px;
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756');
    background-position: -40px -90px;
    background-repeat: no-repeat
}
#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox-x.png?13038482655545386756');
    background-position: 0 -40px;
    color: #FFF
}
#fancybox-title-right {
    padding-left: 15px;
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756');
    background-position: -55px -90px;
    background-repeat: no-repeat
}
#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    z-index: 1102;
    display: none
}
#fancybox-left {
    left: 0
}
#fancybox-right {
    right: 0
}
#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}
#fancybox-left-ico {
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756');
    background-position: -40px -30px
}
#fancybox-right-ico {
    background-image: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/fancybox.png?5734&13038482655545386756');
    background-position: -40px -60px
}
#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible
}
#fancybox-left:hover span {
    left: 20px
}
#fancybox-right:hover span {
    left: auto;
    right: 20px
}

/* added by kevin @ shopify */

input[type="radio"] {
    -webkit-appearance: radio;
    /* fix for Minimal, Launchpad, and React */
}
/* ANIMATE.css */

body {
    -webkit-backface-visibility: hidden;
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}
@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}
@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}
@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}
.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }
    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0)
    }
}
@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }
    10%,
    20% {
        -o-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -o-transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}
@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}
@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}
@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%)
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -moz-transform: translateX(0%)
    }
}
@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%)
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -o-transform: translateX(0%)
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes pulse {
    0% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}
.flip {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible!important;
    -o-animation-name: flip;
    backface-visibility: visible!important;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    backface-visibility: visible!important;
    animation-name: flipInX
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible!important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible!important;
    animation-name: flipOutX;
    backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipOutY;
    backface-visibility: visible!important;
    animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}
@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}
@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}
@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}
@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}
@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}
@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}
@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}
@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}
.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}
/* custom styles */

ul {
    list-style: none;
}

body {
    margin: 100px 0 0 0;
    padding: 0;
    font-family: "proxima-nova", sans-serif;
    background-color: #e6e6e6;
}
.container,
.mobile-container {
    margin: 0 auto;
}

.men-collection .product-top-container,
.women-collection .product-top-container {
    margin: 0 auto;
    margin-bottom: 10px;
  	max-width: 100%;
  	position: relative;
}
.header .container {
    max-width: 1100px;
}
.collection-template #content > .container {
    max-width: 1100px;
    width: 100%;
}
.collection-template .top-banner {
    margin: 0 auto;
    max-width: 1100px;
    max-height: 375px;
    overflow: hidden;
    width: 100%;
}
.span12 {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.span6 {
    width: 530px;
}
#product .row {
    max-width: 1100px;
    margin: 0 auto;
padding-bottom: 60px;
}
a {
    text-decoration: none;
    color: #000;
}
/* .full-width {
    width: 101% !important;
} */
.clear {
    clear: both;
}
#content {
    margin-top: 100px;
}
/* header styles */

body.homepage .header {
    height: 60px;
    background-color: #000;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 800;
    left: 0;
    margin: 0 auto;
}

body.homepage .header .container {
    max-width: 1280px
}

.header {
    height: 60px;
    background-color: #000;
    padding: 20px 0;
    position: fixed;
    width: 1100px;
    z-index: 800;
    left: 50%;
    margin: 0 auto 0 -550px;
}
.women-collection .header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.header .collections-menu {
    display: inline-block;
    margin: 18px 0 0 150px;
    vertical-align: top;
}
.header .search-pop {
    display: inline-block;
    vertical-align: top;
    width: 221px;
}
.header .search-pop .search_box {
    font-size: 10px;
    height: 25px;
    border: 1px solid #333;
    border-radius: 15px 0 0 15px;
    border-right: none;
    color: #fff;
    background-color: #000;
    padding: 3px 15px;
    text-transform: uppercase;
    float: left;
    width: 120px;
}
.header .search-pop input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.header .search-pop input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    opacity: 1;
}
.header .search-pop input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.header .search-pop input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.header .search-pop #go {
    border-radius: 0 15px 15px 0;
    border: 1px solid #333;
    border-left: none;
    padding: 8px 15px;
    height: 15px;
}
.women-collection .header .search-pop .search_box {
    background-color: #fff;
    color: #000;
    border-color: #999;
}
.women-collection .header .search-pop #go {
    border-color: #999;
}
.women-collection .header .search-pop input::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}
.women-collection .header .search-pop input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}
.women-collection .header .search-pop input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}
.women-collection .header .search-pop input:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}
.header .collections-menu ul {
    margin: 0;
}
.header .collections-menu > ul li {
    float: left;
    position: relative;
    padding: 5px 10px;
    background-color: #000;
    margin: 0;
}
.women-collection .header .collections-menu > ul li {
    background-color: #fff;
}
.header .collections-menu a.active {
    color: #fff;
}
.header .collections-menu ul li ul {
    position: absolute;
    top: 30px;
}
.header .collections-menu ul li ul li {
    width: 150px;
}
.header .collections-menu a {
    margin: 0 5px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.women-collection .header .collections-menu a {
    color: #808080;
}
.women-collection .header .collections-menu a.active {
    color: #000;
}
.header-logo {
    width: 300px;
    margin-top: 5px;
    margin-left: 60px;
}
.header-right {
    float: right;
    padding-top: 12px;
    margin-top: 2px;
    margin-right: 60px;
}
.mobile .header-right img {
    width: 22px
}
.cart-nitems {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 25px;
    color: #000000;
    float: left;
    font-size: 10px;
    height: 15px;
    line-height: 16px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -25px;
    width: 15px;
    font-weight: 600;
}
.women-collection .cart-nitems {
    background: #000000;
    color: #ffffff;
}
.main-menu {
    width: 70%;
    margin: 10px 0;
    float: left;
    padding: 0;
}
.main-menu li {
    display: inline-block;
    border-left: 1px solid #808184;
    padding: 5px 15% 5px 10px;
}
.main-menu .menu-first {
    border-left: none;
}
.main-menu .selected {
    border-bottom: 5px solid #000;
}
.social-media {
    float: right;
    width: 30%;
    padding: 0;
    text-align: right;
    margin: 15px 0;
}
.social-media li {
    display: inline-block;
    border-left: 1px solid #808184;
    padding: 0 8px;
}
.social-media .menu-first {
    border-left: none;
}
.content {
    min-height: 300px;
    clear: both;
}
.footer-upper {
    text-align: right;
}
.footer-upper a {
    background-color: #000;
    color: #fff;
    padding: 10px 10px 5px;
    font-size: 12px;
}
.footer {
    background-color: #000;
    min-height: 634px;
    margin: 0 auto;
    float: none;
    font-size: 12px;
    border-top: 0px;
}
.homepage .footer {
    margin-top: 0px;
}
.women-collection .footer {
    background-color: #fff;
}
.footer .newsletter {
    font-size: 10px;
}
.footer .newsletter label {
    float: left;
    font-weight: 400;
    color: #929396;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.footer .newsletter .email {
    border: 1px solid #333333;
    clear: both;
    float: left;
    padding: 10px 50px 10px 15px;
    width: 145px;
    background: #000;
    color: #fff;
    font-size: 12px;
}
.footer .newsletter #mc-embedded-subscribe {
    background: none repeat scroll 0 0 #333333;
    border: medium none;
    border-radius: 0;
    color: #666667;
    float: left;
    font-size: 12px;
    height: 37px;
    padding: 10px;
}
.footer .newsletter input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}
.footer .newsletter input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}
.footer .newsletter input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}
.footer .newsletter input:-ms-input-placeholder {
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}
.women-collection .footer .newsletter label {
    float: left;
    color: #000;
}
.women-collection .footer .newsletter .email {
    border: 1px solid #ccc;
    clear: both;
    float: left;
    background: #F5F5F6;
    color: #000;
}
.women-collection .footer .newsletter #mc-embedded-subscribe {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #FFFFFF;
}
.footer .newsletter input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1;
}
.footer .newsletter input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff !important;
    opacity: 1;
}
.footer .newsletter input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
    opacity: 1;
}
.footer .newsletter input:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1;
}
.women-collection .footer .newsletter input::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1;
}
.women-collection .footer .newsletter input:-moz-placeholder {
    /* Firefox 18- */
    color: #000 !important;
    opacity: 1;
}
.women-collection .footer .newsletter input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
.women-collection .footer .newsletter input:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1;
}
.footer-social-media {
    float: right;
    margin: 5px 0 0;
    padding: 0;
    overflow: hidden;
    height: 26px;
    font-size: 12px;
}
.footer-social-media .menu-first {
    border-left: none;
}
.footer-social-media li {
    display: inline-block;
    border-left: 1px solid #333;
    padding: 0 15px;
}
.footer-social-media li:last-child {
    padding-right: 0;
}
.women-collection .footer-social-media li {
    border-color: #ccc;
    width: 25px;
}
.footer-bottom-left {
    width: 58%;
    float: left;
    vertical-align: top;
    margin-top: 15px;
    max-width: 640px;
}
.footer-bottom-right {
    width: 42%;
    float: right;
    vertical-align: top;
    margin-top: 15px;
}
.footer-bottom-men,
.footer-bottom-women {
    width: 49%;
    font-size: 12px;
    float: left;
    max-width: 315px;
    margin-right: 5px;
}
.footer-bottom-left a,
.footer-bottom-right a {
    color: #929396;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-bottom-left a:hover,
.footer-bottom-right a:hover {
    color: #fff;
    opacity: 1;
}
.women-collection .footer-bottom-left a,
.women-collection .footer-bottom-right a {
    color: #666;
}

.footer-bottom-men h3,
.footer-bottom-women h3,
.footer-bottom-explore h3,
.footer-bottom-store h3,
.footer-bottom-info h3 {
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 2px solid #333;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1px;
}

.footer .footer-bottom-email a {
    color: #fff;
}
.women-collection .footer-bottom-email a {
    color: #000;
}
.footer-bottom-men h3 a,
.footer-bottom-women h3 a {
    color: #fff;
}
.women-collection .footer-bottom-men h3 a,
.women-collection .footer-bottom-women h3 a {
    color: #000;
}
.women-collection .footer-bottom-left ul li,
.women-collection .footer-bottom-right ul li {
    border-bottom: 1px solid #e6e6e6;
}
.footer-bottom-men ul,
.footer-bottom-women ul {
    margin: 0 0 15px 0;
    padding: 0;
    min-height: 265px;
    width: 50%;
    float: left;
}
.women-collection .footer-bottom-left a:hover,
.women-collection .footer-bottom-right a:hover {
    color: #000;
}
.footer-bottom-men ul li,
.footer-bottom-women ul li {
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #333;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    float: left;
}
.footer-bottom-explore,
.footer-bottom-store,
.footer-bottom-info {
    width: 32%;
    font-size: 12px;
    float: left;
    vertical-align: top;
    max-width: 155px;
    margin-left: 5px;
}
.footer-bottom-explore h3 a,
.footer-bottom-store h3 a,
.footer-bottom-info h3 a {
    color: #fff;
}
.women-collection .footer-bottom-explore h3 a,
.women-collection .footer-bottom-store h3 a,
.women-collection .footer-bottom-info h3 a {
    color: #000;
}
.footer-bottom-explore ul,
.footer-bottom-store ul,
.footer-bottom-info ul {
    margin: 0 0 15px 0;
    padding: 0;
}
.footer-bottom-explore ul li,
.footer-bottom-store ul li,
.footer-bottom-info ul li {
    width: 100%;
    padding: 4px 0;
    border-bottom: 1px solid #3b3a3c;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    min-height: 15px;
}
.footer-bottom-email {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 33%;
    margin-top: 5px;
    line-height: 30px;
    float: left;
    letter-spacing: 1px;
}
.footer .container {
    max-width: 1100px;
    padding: 60px;
}
.mobile {
    display: none;
}
.mobile-version {
    display: none !important;
}
.sb-toggle-left {
    background: url("//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/xi.png?13038482655545386756") no-repeat scroll center center / 30px auto rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    font-size: 0;
    height: 21px;
    left: -5px;
    padding: 20px;
    position: relative;
    top: -7px;
    width: 22px;
}
.women-collection .sb-toggle-left {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/xi-inverted.png?13038482655545386756') no-repeat;
    background-position: center;
}
.sb-toggle-left span {
    color: #000;
}
.women-collection .sb-toggle-left span {
    color: #fff;
}
#habla_window_div #habla_topbar_div {
    background-color: #000;
}
/* Homepage styles */

.home-content {
    padding-top: 0px;
    padding-bottom: 0px;
}
.home-content .container {
    width: 100%;
    text-align: center;
}
/*
#slider1_container {overflow:hidden;margin: 0 auto;}
*/

#slider1_container {
    max-width: 1100px;
}
#slider1_container img {
    width: 100% !important;
}
/*product styles*/

#product .span6 {
    margin: 0;
    width: 560px;
}
.thumbs-main-container .bx-viewport {
    height: 84px !important;
}
.thumbs-main-container .bx-wrapper {
    max-width: 723px !important;
    width: 100%;
    padding-top: 12px;
}
.thumbs-main-container .thumbs-with-video {
    display: inline-block;
    width: 845px;
    margin-left: 40px;
}
.thumbs-main-container .thumbs-with-video .second-next {
	right: -22px;
}

.thumbs-main-container .thumbs-with-video .bx-wrapper {
    width: 100%;
}
.thumbs-main-container .bx-viewport .slider {
    text-indent: -9999px;
    height: 80px;
    width: 160px !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}
.thumbs-main-container .bx-viewport .slider.square img {
    height: 75px;
    width: 75px;
}
.thumbs-main-container .bx-viewport .slider.square {
    width: 75px !important;
    height: 75px;
}
.thumbs-main-container .bx-viewport .slider.bx-clone {
    display: none;
}
.thumbs-main-container .bx-controls {
    height: 24px;
}
.thumbs-main-container .bx-wrapper .slider img {
    border: 0px solid #ddd;
}
.thumbs-main-container .bx-wrapper .slider img:hover {
    border: 0px solid #555;
}
.thumbs-main-container .bx-wrapper .active img {
    border: 0px solid #555;
}
.thumbs-main-container .bx-pager {
    position: relative;
    float: right;
    top: -110px;
    left: 50px;
    display: none;
}
.thumbs-main-container .bx-pager .bx-pager-item {
    display: inline-block;
}

.bxslider li:first-child {
    display: block;
}
.bxslider li {
    display: none;
}

.thumbs-main-container .slide-counter {
    float: right;
    color: #989898;
    font-size: 12px;
    margin-right: 64px;
    margin-top: 21px;
}
.thumbs-main-container .bx-controls-direction .bx-prev {
    left: -170px;
}
.thumbs-main-container .thumbs-with-video .bx-prev {
    left: -240px;
}
.thumbs-main-container .bx-controls-direction {
    opacity: 1;
}
.thumbs-main-container .bx-pager a {
    color: #666;
}
.thumbs-main-container .bx-prev {
    display: inline-block;
    width: 31px;
    height: 31px;
    font-size: 0;
    position: relative;
    left: 0px;
    top: -411px;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/arrow_circle_main_left.png?13038482655545386756') no-repeat;
    background-size: 31px auto;
}
.thumbs-main-container .bx-next {
    display: inline-block;
    width: 31px;
    height: 31px;
    font-size: 0;
    position: relative;
    top: -396px;
    left: 169px;
    float: right;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/arrow_circle_main_right.png?13038482655545386756') no-repeat;
    background-size: 31px auto;
}
.thumbs-main-container .second-prev {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 0;
    position: relative;
    left: 127px;
    top: -105px;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/slider-prev.png?13038482655545386756') no-repeat;
}
#second-arrow-set {
    height: 0px;
}
.thumbs-main-container .second-next {
    display: inline-block;
    width: 43px;
    height: 40px;
    font-size: 0;
    position: relative;
    top: -105px;
    right: 48px;
    float: right;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/slider-next.png?13038482655545386756') no-repeat;
}
.thumbs-main-container .thumbs-with-video .second-prev {
    left: -22px;
}
.thumbs-main-container .bx-prev.disabled,
.thumbs-main-container .bx-next.disabled {
    opacity: 0.6;
}
.thumbs-main-container .bx-prev:hover {
    opacity: 1;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/arrow_circle_main_left_active.png?13038482655545386756');
    background-size: 31px auto;
}
.thumbs-main-container .bx-next:hover {
    opacity: 1;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/arrow_circle_main_right_active.png?13038482655545386756') no-repeat;
    background-size: 31px auto;
}
.thumbs-main-container .second-prev:hover {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/slider-prev-active.png?13038482655545386756') no-repeat;
    cursor: pointer;
}
.thumbs-main-container .second-next:hover {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/slider-next-active.png?13038482655545386756') no-repeat;
    width: 43px;
    cursor: pointer;
}
#product .product-mobile-view {
    display: none;
}
#product .owl-theme .owl-controls .owl-page span {
    background-color: #fff;
    width: 7px;
    height: 7px;
}
.women-collection #product .owl-theme .owl-controls .owl-page span {
    background-color: #000;
}
#product .owl-theme .owl-controls {
    margin-top: 0;
    background-color: #0e0e0e;
    padding-top: 13px;
    padding-bottom: 10px;
}
#product #owl-slider {
    margin-bottom: 0;
}
#product .owl-aether-items {
    position: relative;
    margin-left: 22px;
    margin-bottom: 48px;
    margin-top: -48px;
}
.women-collection #product .owl-theme .owl-controls {
    background: #e6e6e6;
}
#product .owl-aether-search {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
#product #search-slide {
    float: right;
}
#product .search-slide-form {
    display: none;
    float: right;
    position: relative;
    right: 0;
}
#product .search-slide-form .search_box {
    height: auto;
    margin: 5px 0;
    padding: 2px;
    float: left;
}
#product .search-slide-form #go {
    border: 1px none;
    height: auto;
    margin: 5px 0;
    width: auto;
    padding: 4px;
}
#product .title {
    font-size: 29px;
    text-align: center;
    padding: 18px;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
    margin: -7px 0 25px;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 60px;
}
#product .mobile-techspecs .title {
    font-size: 30px;
    text-align: left;
    padding: 15px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 5px 25px 25px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}
#product .mobile-techspecs .tec-mob-btn {
    font-size: 20px;
    height: 20px;
    line-height: 17px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 20px;
}
#product .mobile-techspecs .tec-mob-btn.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#product #price-preview {
    text-align: right;
    float: right;
    position: relative;
    top: -74px;
    height: 0;
    font-size: 23px;
    margin-right: 22px;
    color: #666667;
}

#product .navi-title {
    width: 975px;
    margin: 0 auto;
}

#product .navi-title #breadcrumb {
/*     font-size: 13px; */
  	font-size:11px;
    letter-spacing: 0.06rem;
}
#product #breadcrumb {
    float: left;
    font-size: 23px;
    height: 0;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    top: -69px;
    margin-left: -2px;
}
#product #breadcrumb a {
    color: #808080;
}
#product #breadcrumb span {
    position: relative;
    top: -1px;
    margin-right: 5px;
}
#product #breadcrumb .separator {
/*     margin-left: 25px; */
  	margin-left: 10px;
}
#product .product-content {
    display: inline-block;
    width: 427px;
    padding-left: 63px;
    margin-top: 15px;
}
#product .product-specifications {
    width: 491px;
    max-height: 548px;
    height: 548px;
    float: left;
    margin-left: 60px;
    margin-top: 21px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
#product .product-specifications ul,
#product .product-specifications ul li {
    margin: 0;
    padding: 0;
}
#product .product-specifications .p-slst {
    height: 49px;
    margin: 0;
    width: 100%;
}
#product .product-specifications .p-slst li:first-of-type {
    border-left: 0px;
}
.content-p-slst-2.desktop-techspecs li {
    list-style-type: none;
    margin-left: 5px;
    position: relative;
}
.content-p-slst-2.desktop-techspecs li:before {
    content: "-";
    left: -15px;
    position: absolute;
    top: 0;
}
#product .product-specifications .p-slst li {
    display: inline-block;
    border: 1px solid #ccc;
    border-right: none;
    width: 33%;
    text-align: center;
    float: left;
    box-sizing: border-box;
}
#product .product-specifications .p-slst li a {
    width: 100%;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding: 23px 0;
    letter-spacing: 1px;
    background-color: #E5E5E5;
    border-bottom: 5px solid #808080;
    color: #666667;
    line-height: 6px;
}
#product .product-specifications .p-slst .last {
    width: 34%;
}
#product .product-specifications .p-slst .active a {
    border-bottom: 5px solid #000;
    font-weight: bold;
    background-color: #fff;
    color: #000;
}
#product .product-specifications .p-slst-content {
    border: none;
    border-top: none;
    margin-top: 30px;
    width: 100%;
    box-sizing: border-box;
    max-height: 445px;
    overflow-y: auto;
}
#product .product-specifications .p-slst-content .description,
#product .product-specifications .p-slst-content .desktop-techspecs {
    padding: 55px;
    font-size: 15px;
    /*min-height: 445px;*/
}
#product .content-p-slst-1 div {
    display: block;
    float: none !important;
}
#product .content-p-slst-1 .image img {
    max-height: 448px;
}
#product .mobile-techspecs .inner {
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
}
#product .mobile-techspecs .inner li {
    position: relative;
}
#product .mobile-techspecs .inner li:before {
    content: "-";
    left: -15px;
    position: absolute;
    top: 0;
}
.women-collection #product .mobile-techspecs .inner {
    color: #000;
}

#vimeo-link {
    display: inline-block;
    margin-top: 15px;
    width: 49px;
    height: 56px;
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/video.png?13038482655545386756') no-repeat;
    cursor: pointer;
    font-size: 0px;
    float: left;
    margin-left: 56px;
    margin-top: 16px;
    opacity: 0.75;
}

#vimeo-link:hover,
#vimeo-link.selected {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/video-roll.png?13038482655545386756') no-repeat;
    opacity: 1;
}


#product .size-options-0 .selected,
#product .size-options-0 .selected:hover
{
    background: none repeat scroll 0 0 #CBCBCB;
    color: #000;
}

.color-options-0 .swatch-element a {
    float:left;
    height: 19px;
    width: 53px;
    text-align: center;
    font-size: 0px;
    margin-left: -4px;
    border: 2px solid transparent;
}

.color-options-0 .swatch-element a:hover {
    border: 2px solid #000;
}

.color-options-0 .swatch-element a.selected {
    border: 2px solid #333;
}

#product .swatch {
    margin-left: 4px;
}

#product .swatch .color {
    display: inline-block;
}

#product .size-options-0 td a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 19px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    width: 53px;
    margin-bottom: 0px;
    margin-left: -1px;
}

#product .size-options-0 td a:hover {
    color: #000;
    opacity: 1;
    background-color: #F6F7F7;
}

#product .color-options-0 .color a:hover {
    opacity: 1;
}

#product .product-options .outofstock.disabled {
    background: none repeat scroll 0 0 transparent;
    color: #989898;
    position: relative;
    opacity: 1;
    font-weight: 300;
}
#product .product-options .outofstock.disabled:after {
    background: none repeat scroll 0 0 #ccc;
    content: "";
    float: left;
    height: 1px;
    left: 2px;
    position: absolute;
    top: 25px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 50px;
}

#product  .product-options .chart {
    line-height: 13px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #E5E5E5;
    display: block;
/*     padding-top: 16px; */
    height: 37px;
    overflow: hidden;
}

#product .purchase-section {
    margin-top: 35px;
    margin-bottom: 20px;
}
#product .purchase-section .soldout {
    font-size: 25px;
    font-weight: bold;
}
#product #add-to-cart {
    width: 200px;
    height: 48px;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 9px;
    margin-bottom: 0px;
    border-radius: 0;
    float: left;
    letter-spacing: 1px;
    font-weight: 500;
}
#product #add-to-cart:hover {
    background: #333;
    opacity: 1;
}
#product #add-to-cart.disabled:hover {
    background: #333;
    opacity: 0.2;
}
#product .try-home {
    display: inline-block;
}
#product .try-home span {
    padding: 21px 18px 10px;
    border: 2px solid #CCCCCC;
    display: inline-block;
    height: 28px;
    border-left: none;
    vertical-align: top;
    font-size: 30px;
    font-weight: 600;
}
#product .try-on-btn {
    font-size: 11px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    line-height: 14px;
    padding: 9px 26px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
#product #try-on-content {
    background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/point-bottom.png?13038482655545386756') bottom center no-repeat;
    background-color: #000000;
    color: #FFFFFF;
    display: block;
    height: 420px;
    margin-left: -25px;
    margin-top: -450px;
    padding: 15px;
    position: absolute;
    width: 370px;
    line-height: 24px;
}
#product #try-on-content #try-on-close {
    color: #fff;
    float: right;
}
#product #try-on-content ul li {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 15px;
}
#product #try-on-content ul li p {
    margin: 0;
    display: inline-block;
    max-width: 90%;
    line-height: 31px;
}
#product #try-on-content ul .lp-text {
    color: #666;
    margin: 0;
    line-height: 20px;
    width: 230px;
    margin-left: 23px;
    font-size: 13px
}
#product #try-on-content h2 {
    color: #fff;
    margin: 30px auto 15px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    width: 239px;
    font-size: 24px;
    font-weight: 600;
}
#product #try-on-content .number-pu {
    margin-right: 5px;
    background-color: #fff;
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    border-radius: 30px;
    color: #000;
    display: inline-block;
    font-weight: 600;
    vertical-align: top;
    margin-top: 3px;
}
#product .jssorb01 {
    display: none;
}
.size-chart-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    padding-top: 150px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.size-chart-content .container {
    position: relative;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 50px;
    width: 500px;
}
#email_form_close {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #000000;
    border-radius: 20px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 25px;
}
#email_form_close:hover {
    background: #000000;
    color: #ffffff;
    opacity: 1;
}

#product .mobile-techspecs {
    display: none;
}

#product table.size-options,
#product table.size-options tr {
  position:relative !important;
}

#product td.size-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:90%;
  background: rgba(0, 0, 0);
  background: rgba(0, 0, 0, .7);
  text-align:center;
  color:#fff;
  margin:0;
  padding:4px 0 0 0 !important;
  min-width: 200px;
}


/*
#recommendations {
    margin-top: 65px;
    border-top: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 70px;
}
#recommendations h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    margin-top: 0px;
    color: #000000;
}

#recommendations .recommendations-group {
    text-align: center;
}
#recommendations .recommendations-product {
    width: 300px;
    height: 300px;
    text-align: center;
    float: left;
    position: relative
}
#recommendations .recommendations-product-image img {
    border: none;
    position: relative;
    width: 300px;
}
.recommendations-group .recommendations-product div.title {
    font-size: 12px;
    margin-top: 10px;
}
.recommendations-group .recommendations-product div.price {
    font-weight: 100;
    font-size: 12px;
    color: #999;
    line-height: 14px;
}
#recommendations .selected .border-color-bottom {
    border-bottom: 2px solid #000000;
    position: relative;
    top: 8px;
}*/
#habla_beta_container_do_not_rely_on_div_classes_or_names #hbl_operator_state_div #hbl_region #habla_window_state_div #habla_window_div {
    right: 139px!important;
}
#habla_beta_container_do_not_rely_on_div_classes_or_names #hbl_operator_state_div #hbl_region #habla_window_state_div #habla_window_div #habla_topbar_div {
    float: right;
}
#habla_beta_container_do_not_rely_on_div_classes_or_names #hbl_operator_state_div #hbl_region #habla_window_state_div #habla_window_div #habla_expanded_div {
    clear: both;
}
/* Collection Pages */

#collection {
    padding: 0px;
}
#women-landing-page #collection {
    border-top: 1px solid #CBCBCB;
}
#collection .left-sidebar {
    float: left;
    width: 290px;
    vertical-align: top;
    max-width: 290px;
}
#collection .left-sidebar h2 {
    font-size: 14px;
    line-height: 16px;
    border-bottom: 2px solid #e6e6e6;
    letter-spacing: 1px;
    padding-bottom: 4px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
}
#collection .left-sidebar ul {
    margin: 0;
    font-family: "proxima-nova", sans-serif !important;
}
#collection .left-sidebar ul li {
    border-bottom: 2px solid #e6e6e6;
    margin: 0;
    padding: 5px 0;
}
#collection .left-sidebar ul li:hover a {
    color: #fff;
}
#collection .left-sidebar ul li:last-child {
    border-bottom: 0px;
}
#collection .left-sidebar ul li a {
    padding: 3px 10px;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.04rem;
    color: #666666;
}
#collection .left-sidebar ul li.selected a  {
    background-color: #000;
    padding: 5px 15px;
    max-width: 166px;
}
#collection .left-sidebar ul li:hover {
    background-color: #000000;
}
#collection .left-sidebar ul a:hover {
    color: #ffffff;
    opacity: 1;
}
#collection .left-sidebar ul li a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}
#collection .left-sidebar ul li.selected a {
    color: #fff
}
#collection .left-sidebar .sortby-menu .sortby-selected {
    color: #000;
}
#collection .left-sidebar .sortby-menu .sortby-selected:before {
    background: none repeat scroll 0 0 #000;
    border-radius: 25px;
    bottom: -3px;
    content: "";
    float: left;
    height: 5px;
    left: -8px;
    position: relative;
    width: 5px;
}
#collection .left-sidebar .sort-box {
    border: 2px solid #e6e6e6;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 30px;
}
#collection .left-sidebar .collection-info {
    padding: 30px;
    background-color: #000;
    margin-bottom: 27px;
    text-transform: uppercase;
    height: 200px;
    margin-left: 30px;
    position: relative;
    display: block;
}
#collection .left-sidebar .collection-info p {
    margin-bottom: 15px;
    color: #999;
    line-height: 23px;
    font-size: 12px;
    max-height: 100px;
    letter-spacing: 0.02rem;
}
#collection .left-sidebar .collection-info a {
    color: #ccc;
    background-color: #333;
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 12px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 30px;
    width: 60%;
    letter-spacing: 1px;
}

#collection .left-sidebar .collection-info a span {
    display: inline-block;
    margin-top: 0px;
    position: absolute;
    margin-left: -15px;
    font-size: 12px;
}

#collection .left-sidebar .collection-info h2 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 10px 0;
    border-bottom: 0px;
letter-spacing: 1px;
}
#collection .left-sidebar ul li a#jackets,
#collection .left-sidebar ul li a#knits {
    font-weight: 600;
}
#collection .left-sidebar ul .selected,
#collection .left-sidebar ul .selected {
    font-weight: 600;
}
#collection .sortby-selected {
    background-color: #fff;
    font-weight: 600;
    color: #000;
    padding-left: 0px !important;
}
#collection .featured-products-main {
    margin: 30px;
}
#collection .products {
    display: inline-block;
    width: 780px;
    vertical-align: top;
}
#collection .featured-products-main .products {
    width: 100%;
}
#collection .product {
    display: inline-block;
/*   width changed by brandt from 260px to 33% 12-01-15 */
/*     width: 260px; */
  	width: 33%;
    margin: 0;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
}
#collection .featured-products-main .product {
    width: 260px;
}
#collection .collection-color-picker,
#recommendations .collection-color-picker {
    height: 4px;
    margin-left: -3px;
    width: 31px;
    font-size: 0;
    border: 1px solid #ccc;
    display: inline-block;
  	padding: 5px 0;
}

#collection .collection-color-picker {
 	border: 0;
}

#collection .collection-color-picker .border-color-bottom {
  	border: 1px solid #ccc;
	height: 4px;
  	width: 100%;
}

#collection .pagination {
    width: 795px;
    float: right;
}
#collection .collection-title {
    margin-top: 15px;
    font-size: 25px;
    font-weight: bold;
}
#collection .browse-tags {
    display: none;
}
.women-collection #collection .left-sidebar .collection-info {
    background: none repeat scroll 0 0 #eee;
}
.women-collection #collection .left-sidebar .collection-info h2 {
    border: medium none;
    color: #000;
    font-weight: 400;
    margin: 0;
}
.women-collection #collection .left-sidebar .collection-info p {
    color: #666;
}
.women-collection #collection .left-sidebar .collection-info a {
    background: none repeat scroll 0 0 #fff;
    color: #000;
}
.women-collection #collection .left-sidebar ul li.selected,
.women-collection #collection .left-sidebar ul li:hover {
    background: none repeat scroll 0 0 #e6e6e6;
}
.women-collection #collection .left-sidebar ul li.selected a,
.women-collection #collection .left-sidebar ul li:hover a {
    color: #666;
}
/* Women Landing Page */

.mobile-landing-banner {
    display: none;
}
#women-landing-page .collection-main-list {
    padding: 60px;
}
#women-landing-page .collection-main-slider {
    margin: 0 auto;
    max-width: 1100px;
}
#women-landing-page .styles-filter {
    width: 60%;
    max-width: 688px;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
}
#women-landing-page .styles-filter h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    word-spacing: 4px;
    letter-spacing: 1px;
}
#women-landing-page .styles-filter ul {
    margin: 0;
}
#women-landing-page .styles-filter ul li {
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
    width: 31.8%;
    margin-right: 1%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}
#women-landing-page .styles-filter ul li a {
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
#women-landing-page .styles-filter ul li a:hover {
    opacity: 1;
    color: #000;
}
#women-landing-page .types-filter {
    width: 35%;
    max-width: 397px;
    display: inline-block;
    vertical-align: top;
}
#women-landing-page .types-filter h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-right: 0px;
    margin-bottom: 0px;
    word-spacing: 4px;
    letter-spaceing: 1px;
}
#women-landing-page .types-filter ul {
    margin: 0;
}
#women-landing-page .types-filter ul li {
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
    width: 48.4238%;
    margin-right: 1%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;

}
#women-landing-page .types-filter ul li a {
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: 400;
}
#women-landing-page .types-filter ul li a:hover {
    opacity: 1;
    color: #000;
}
#women-landing-page .bottom-image-main {
    text-align: center;
/*     max-height: 436px; */
}
#women-landing-page .bottom-image-main img {
    display: block;
    margin: 0 auto;
}
#women-landing-page .footer {
    margin-top: 0px;
}
.women-collection .footer-bottom-email {
    color: #000;
}
/* Men Landing Page */

#men-landing-page .collection-main-list {
    margin: 0 auto;
    padding: 32px 60px;
    background-color: #000;
}
#men-landing-page .collection-main-slider {
    margin: 0 auto;
    max-width: 1100px;
    overflow: hidden;
    max-height: 550px;
}
#men-landing-page .styles-filter {
    width: 60%;
    max-width: 688px;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
}
#men-landing-page .styles-filter h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #333;
    padding-bottom: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    word-spacing: 4px;
    letter-spacing: 1px;
}
#men-landing-page .styles-filter ul {
    margin: 0;
}
#men-landing-page .styles-filter ul li {
    padding: 7px 0;
    border-bottom: 1px solid #333;
    width: 27.3%;
    margin-right: 1%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}
#men-landing-page .styles-filter ul li a {
    text-transform: uppercase;
    color: #989898;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
#men-landing-page .styles-filter ul li a.bold,
#women-landing-page .styles-filter ul li a.bold {
    font-weight: bold;
}
#men-landing-page .styles-filter ul li.empty,
#women-landing-page .styles-filter ul li.empty {
    border: 0;
}
#men-landing-page .styles-filter ul li a:hover {
    color: #fff;
    opacity: 1;
}
#men-landing-page .types-filter {
    width: 35%;
    max-width: 397px;
    display: inline-block;
    vertical-align: top;
}
#men-landing-page .types-filter h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #333;
    padding-bottom: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    word-spacing: 4px;
    letter-spacing: 1px;
}
#men-landing-page .types-filter ul {
    margin: 0;
}
#men-landing-page .types-filter ul li {
    padding: 7px 0;
    border-bottom: 1px solid #333;
    width: 48.4238%;
    margin-right: 1%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}
#men-landing-page .types-filter ul li a {
    text-transform: uppercase;
    color: #989898;
    font-size: 12px;
    font-weight: 400;
}
#men-landing-page .types-filter ul li a:hover {
    color: #fff;
    opacity: 1;
}
#men-landing-page .bottom-image-main {
    text-align: center;
/*     max-height: 436px; */
}
#men-landing-page .bottom-image-main img {
    display: block;
    margin: 0 auto;
    margin-top: -2px;
}
#men-landing-page .footer {
    margin-top: 0px;
}
#men-landing-page .styles-filter ul li.archive-m,
#women-landing-page .styles-filter ul li.archive-m {
    margin-left: 4px;
}

/*
.product .selected .border-color-bottom {
    border-bottom: 2px solid #000000;
    position: relative;
    top: 8px;
}
*/

/* Common page styles */

.container.common-page-container {
    margin: 0 auto;
    padding: 60px;
}
.banner-common {
    width: 100%;
    height: 375px;
    overflow: hidden;
}
.banner-common img {
    width: 100%;
    height: auto;
}
.sidebar-common {
    width: 260px;
    margin-right: 25px;
}
.sidebar-common ul {
    margin: 0;
}
.sidebar-common ul li {
    padding: 6px 0;
}
.sidebar-common ul .active a {
    color: #fff;
    background: #000;
    padding: 3px 6px;
}
.sidebar-common ul li a {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
}

.ask-question {
    margin-top: 60px;
    display: block;
}

.ask-question img {
    width: 150px !important;
}

.ask-question:hover {
    opacity: 0.75;
}

#question-form {
    max-width: 215px;
    margin-top: 60px;
    background-color: #F3F3F3;
    border: 1px solid #393B39;
    padding: 8px;
    min-height: 200px;
    overflow: hidden;
}

#question-form h2 {
    background-color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 15px;
    position: relative;
    padding-left: 40px;
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
}

#question-form h2:before {
    content: url("https://cdn.shopify.com/s/files/1/0290/6393/t/6/assets/question-mark.png?5830");
    position: absolute;
    left: 8px;
}

#question-form .close-form {
    position: absolute;
    right: 4px;
    top: 1px;
}

#question-form input,
#question-form textarea {
    background-color: #fff;
    border: 0;
    padding: 10px 15px;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    width: 86%;
    color: #555;
}

#question-form input {
    margin-bottom: 5px;
}

#question-form textarea {
    min-height: 150px;
}

#question-form button {
    background-color: #2E2F2D;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 30px;
    border: 0px;
    font-weight: 400 !important;
    margin-top: 5px;
    font-size: 12px;
}

#question-form button:hover {
    background-color: #080C0A;
}

.common-page h1,
.common-page .p25 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 5px;
/*     border-bottom: 1px solid #000; */
  	border-bottom: 1px solid #fff;
    color: #000;
}

.common-page h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000;
}


.page-common-content td {
    vertical-align: top;
    border: none;
}
.page-common-content h2,
.page-common-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

.page-common-content strong {
    font-weight: normal;
    color: #000;
}

.page-common-content p,
.common-page p {
/*     font-family: "Times", serif; */
    margin: 0;
}

.page-common-content hr {
    width: 100%;
    margin: 20px 0;
    opacity: 0.2;
}

.faqs-page .page-common-content table a.active {
    font-weight: 600;
    color: #000;
}
.faqs-page .page-common-content table td table td {
/*     font-size: 19px; */
  font-size: 12px;
}
.page-common-content {
    font-size: 16px;
/*     line-height: 31px; */
    width: 600px;
}
.page-common-content p {
    font-size: 16px;
/*     line-height: 31px; */
}
.page-common-content .newsletter p25 {
    border-bottom: none;
}
.faqs-page .details h1 {
    color: #000;
}
.faqs-page .page-common-content h3 {
    margin-bottom: 0;
    letter-spacing: 1px;
}
.faqs-page .page-common-content table td {
/*     font-family: "Times New Roman"; */
    color: #555;
/*     letter-spacing: 1px; */
    border-bottom: 1px solid #f2f2f2;
    padding-top: 5px;
    padding-bottom: 0;
    padding-top: 5px;
}
.faqs-page .page-common-content table a {
    color: #666;
}

.common-page .span8 {
    margin: 0;
    width:679px;
}

.form-row {
    display: block;
    clear: both;
    margin-top: 10px;
}

.form-row #contactFormFirstName,
.form-row #contactFormLastName {
    float: left;
}

.form-row #contactFormFirstName {
    width: 35%;
    margin-right: 10px;
}

.form-row #contactFormLastName {
    width: 49%;
}

.form-row #contactFormEmail,
.form-row #contactFormMessage {
    width: 90%;
}

.form-row input,
.form-row textarea {
    background-color: #F3F3F3;
    border: 1px solid #CBCDCA;
    color: #555;
    padding: 14px;
}

.form-row .button {
    background-color: #2E2F2D;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 30px;
    border: 0px;
    font-weight: 400 !important;
    margin-top: 5px;
    font-size: 12px;
}

.form-row .button:hover {
    background-color: #080C0A;
}

.about-us-content p {
/*     font-family: 'Times New Roman'; */
    font-size: 19px;
}

#thumb-slider {
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}

#slide-viewport {
  height: 155px;
  left: -30px;
  margin-bottom: 0;
  margin-left: auto;
  margin-top: 0;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
  top: 0;
  width: 795px;
}

#thumb-slider {
  left: 15px;
  position: absolute;
  top: 35px;
}

#thumb-slider .slider {
  border-top: 0 none;
  padding: 0 10px 0 0;
  text-align: center;
  min-width: 70px;
}

#thumb-slider .slider img {
  max-height: 70px;
}

/* Site Map */

.sitemap-page-container {
/*     background-image: url("https://cdn.shopify.com/s/files/1/0218/9988/t/11/assets/slideshow_1.jpg?29609");
 	background-size: cover; */
/*   background-position: center bottom;
  background-color:#3f3f3f;
  opacity:.7; */
}

.sitemap-page-container h3{
  padding-left: 30px;
  padding-top: 15px;

}

.sitemap-page-container hr {
    width: 98%;
	border: 1px solid #000;
	background: #000;
}


/* Social */
.social-page-container {
    height: 2000px;
    background-image: url("https://cdn.shopify.com/s/files/1/0218/9988/t/11/assets/dark_trees.jpg");
    /* background-size: cover; */
    background-position: center bottom;
}

/* Sitemap */
.sitemap-page-container {
/*   	width: 100%; */
/*     height: 800px; */
  	background-size: cover;
/*     background-image: url("https://cdn.shopify.com/s/files/1/0218/9988/t/11/assets/site-map.jpg"); */
	background-color: #000;
    background-position: center bottom;
}



/* Subscribe */

.subscribe-page-container {
    background-image: url("http://cdn.shopify.com/s/files/1/0290/6393/t/6/assets/slideshow_4.jpg");
    background-size: cover;
    background-position: center bottom;
}

.subscribe-page-container .row {
    margin-bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 60px 0;
    text-transform: uppercase;
}

.subscribe-page .span6 {
    margin: 0px auto;
    display: block;
    float: none;
    padding: 30px !important;
}

.subscribe-page h1 {
    border-bottom: 0px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 0;
}

.subscribe-page label {
    cursor: pointer;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}

.subscribe-page input[type="text"] {
    -webkit-appearance: none;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 6px 12px;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out
}

.subscribe-page input[type="text"]:focus {
    box-shadow: 0 0 5px #999;
    background: #fafafa;
    border-color: #999;
    outline: none
}

.subscribe-page input[type="checkbox"] {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
}

.subscribe-page .button {
/*     background-color: rgba(0, 0, 0, 0.5); */
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 15px 0;
    padding: 12px 32px;
    border: 0px;
    font-family: "proxima-nova",sans-serif;
}

.subscribe-page .button:hover {
    background-color: #eee;
  	color: #ccc;
}

/* Contact page Styles */

.contact-left a,
.contact-right a {
    color: #555;
}
.contact-left {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    color: #666
}
.contact-right {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    color: #666
}

/* Gift Card Styles */

.gift-card-page .page-common-content {
    padding: 20px 0;
    clear: both;
}

.gift-card-page .page-common-content p {
    margin-bottom: 0;
  font-family: "proxima-nova", sans-serif;
}

.gift-card-page.common-page-container select {
    float: left;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    height: 66px;
    padding: 20px;
    text-align: left;
    width: 300px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
}
.gift-card-page.common-page-container .style-select-custom {
    background: url("//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/select-bg-gcp.png?13038482655545386756");
    background-repeat: no-repeat;
    background-position: 200px center;
    width: 260px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid #dfdfe0;
    float: left;
    margin-right: 10px;
    text-tranfonsform: uppercase;
}
.mailing-list-page .style-select-custom {
    background: url("//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/select-bg-gcp.png?13038482655545386756");
    background-repeat: no-repeat;
    background-position: 333px center;
    width: 390px;
    height: 57px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #dfdfe0;
}
.mailing-list-page .style-select-custom select {
    background: none repeat scroll 0 0 transparent;
    width: 410px;
    border: medium none;
}
.gift-card-page.common-page-container #quantity {
    width: 300px !important;
    margin-right: 10px;
    -webkit-appearance: none;
}

.gift-card-page.common-page-container input {
    background-color: #2E2F2D;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 30px;
    border: 0px;
    font-weight: 400 !important;
    margin-top: 5px;
    font-size: 16px;
}

.gift-card-page.common-page-container input:hover {
    background-color: #080C0A;
}

/* Mailing Page Styles */

.mailing-list-page .p25 {
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.mailing-list-page h2 {
    text-transform: uppercase;
    border-bottom: 0px;
    font-size: 25px;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 0 !important;
}
.mailing-list-page .mail-title {
    font-size: 15px;
    position: relative;
    color: #999;
    top: -1px;
    display: inline-block;
    margin-left: 7px;
}
.mailing-list-page input,
.mailing-list-page select {
    padding: 10px 15px;
    height: 40px;
}
.mailing-list-page select {
    height: 60px;
    padding: 20px 15px;
    font-size: 17px;
    text-transform: uppercase;
}
.mailing-list-page select {
    width: 56%;
    opacity: 0.9;
    color: #aaa;
}
.mailing-list-page input {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    color: #666;
    height: 60px;
    width: 100%;
}
.mailing-list-page .page-common-content p {
    width: 100%;
}
.mailing-list-page .city,
.mailing-list-page .zip {
    width: 43.4%;
}
.mailing-list-page .city {
    margin-right: 1%;
    width: 55%;
}
.mailing-list-page .state-us {
    margin-bottom: 15px;
}
.mailing-list-page #mc_embed_signup .p25 {
    border: none;
}
.mailing-list-page #mc-embedded-subscribe {
    width: 120px;
    padding: 15px;
    background-color: #cdcccc;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    height: 70px;
}
.mailing-list-page #mc-embedded-subscribe-form {
    margin-top: 30px;
}
.mailing-list-page #mc-embedded-subscribe-form #mce-EMAIL {
    margin-bottom: 20px;
    width: 55%;
}
.mailing-list-page #mc-embedded-subscribe:hover {
    background-color: #000;
    color: #fff;
}
.mailing-list-page .page-common-content {
    width: 100%;
}
/* Register page Styles */

#register {
    margin-top: 15px;
}
#register .note {
    padding: 8px 10px;
    background-color: #fff;
    border: 1px solid #000;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
#register .first_name {
    display: inline-block;
}
/* Login page Styles */

#login {
    margin-top: 15px;
}
/* Search Page Styles */

#search {
    display: inline-block;
    padding: 60px;
    padding-bottom: 20px;
}
#search .product {
    margin: 0;
    text-align: center;
    width: 300px;
}
/* Cart page styles */

#cart h1 {
    padding-top: 55px;
}
#cart .span12 {
    float: none;
}
/* 404 pages */

#error-404 {
    text-align: center;
    min-height: 300px;
    padding-top: 150px;
}
#error-404 h2 {
    margin-top: 15px;
}
#product .size-options-0 td {
    border: 0 none;
    padding: 0;
}
#product .size-options-0 tr {
    float: left;
    margin-top: -2px;
}

/* Slideshows */
 #slides-container,
#slides > div
{
  height: auto !important;
  width: 100% !important;
}

#slides {
  height: 550px;
  width: 100% !important;
}

.homepage #slides {
  height: 850px;
}

#slider_container {
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
}

.slidesjs-navigation {
  display: block;

  height: 850px;
  /*position: absolute; */
  top: 0;
  width: 25%;
  z-index: 500;
  text-indent: -9999px;
}

.slidesjs-previous { left: 0; }
.slidesjs-next { right: 12px; }


.slidesjs-stop,
.slidesjs-play
{ display: none !important; }


.slidesjs-previous span,
.slidesjs-next span
{
  position: absolute;
  cursor: pointer;
  height: 41px;
  background: url("//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/a04.png?13038482655545386756") no-repeat;
    width: 30px;
    overflow: hidden;
    top: 50%;

    opacity: 0;

    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    }

#slider_container:hover .slidesjs-previous span,
#slider_container:hover .slidesjs-next span
{
  opacity: 1;
}

.slidesjs-previous span { background-position: -16px -39px; left: 10px; }
.slidesjs-next span { background-position: -76px -39px; right: 10px; }
.slidesjs-previous:hover span { background-position: -136px -39px; }
.slidesjs-next:hover span { background-position: -196px -39px; }
.slidesjs-previous:active span { background-position: -256px -39px; }
.slidesjs-next:active span { background-position: -316px -39px; }


@media (max-width: 1024px) {
  .slidesjs-navigation {
    display: none !important;
  }
}

.homepage .slidesjs-control { height: 850px; }

.slidesjs-control { height: 550px; }

.slidesjs-pagination {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}

.slidesjs-pagination li {
  border: 0;
  border-radius: 100px;
  background-color: rgba(255,255,255,0.5);
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  overflow: hidden;
  text-align: center;
  width: 8px;
}

.slidesjs-pagination li a {
  text-indent: -99999px;
  display: block;
  height: 17px;
  width: 17px;
}

.slidesjs-pagination li:hover a,
.slidesjs-pagination li a.active
{
  background: #FFFFFF;
}


/* Media Queries */

@media only screen and (max-width: 1350px) {
    .product-content {
        width: 35%;
    }
    .header .collections-menu {
        margin-left: 10%
    }
    .footer-bottom-men,
    .footer-bottom-women {
        width: 47%;
    }
    .footer-bottom-explore,
    .footer-bottom-store,
    .footer-bottom-info {
        width: 31%;
    }
    /* Men's landing Page */
    #men-landing-page .styles-filter {
        margin-left: 0;
        margin-right: 30px;
    }
    #women-landing-page .styles-filter {
        margin-left: 0;
        margin-right: 30px;
    }
    #men-landing-page .types-filter {
        margin-right: 0;
    }
    #men-landing-page .styles-filter ul li {
        width: 31.7%;
    }
    /* Product Pages */
    #search .product {
        width: 25%;
    }
}
@media only screen and (max-width: 1200px) {
    body.men-collection,
    body.contact-us {
        border-left: 0px;
        border-right: 0px;
        width: 100%;
    }
    .container.common-page-container {
        width: 100%;
    }
    .sidebar-common {
        margin: 6px 5% 0 0;
        width: 29%;
    }
    .common-page .span8 {
        width: 65%;
    }
    .page-common-content {
        width: 100%;
    }
    .home-content {
        border-right: 0px;
        border-left: 0px;
    }
    #collection .left-sidebar {
        width: 24%;
    }
    #collection .product {
        width: 33%;
    }
}
@media only screen and (max-width: 1250px) {
    #product .span6 {
        width: 62%;
    }
    .header {
        width: 100%;
        margin: 0 auto;
        left: 0;
    }
    .footer {
        width: 100%
    }
    #men-landing-page .collection-main-list {
        width: 100%;
    }
    #habla_beta_container_do_not_rely_on_div_classes_or_names #hbl_operator_state_div #hbl_region #habla_window_state_div #habla_window_div {
        right: 15px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .container {
        width: 90%;
    }
    .header {
        height: auto;
    }
    .header-logo {
        width: 150px;
        margin-top: 10px;
    }
    .header-right {
        padding-top: 12px;
        position: relative;
        right: -10px;
        margin-right: 0px;
    }
    .header-right a {
        padding: 20px;
    }
    .footer-bottom-right {
        width: 49%;
    }
    .footer-bottom-left {
        width: 50%;
    }
    .footer-bottom-men ul,
    .footer-bottom-women ul {
        width: 100%;
    }
    .header .container {
        text-align: center;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .sb-slidebar .footer-bottom-email {
        float: none;
    }
    .footer-bottom-left,
    .footer-bottom-right {
        display: inline-block;
        float: none;
    }
    .mailing-list-page .city {
        width: 54.4%;
    }
    #content {
        margin-top: 80px;
    }
    #men-landing-page .container {
        width: 90%;
    }
    #men-landing-page .featured-products-main-container,
    #women-landing-page .featured-products-main-container {
        width: 100%;
    }
    #collection .left-sidebar {
        width: 30%;
    }
    #collection .left-sidebar .collection-info {
        width: 75%;
    }
    .gift-card-page.common-page-container img {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .form-option-container {
        margin: 30px auto;
        width: 300px;
    }
    .gift-card-page.common-page-container .style-select-custom {
        clear: both;
    }
    .gift-card-page.common-page-container input {
        clear: both;
    }
    .footer-social-media li {
        width: 26px;
    }
    #collection .products {
        width: 70%;
        min-height: 0px;
    }
    #collection .featured-products-main .product {
        width: 25%;
        min-height: 0px;
    }
    .product .product-link-container,
    .recommendations-product .product-link-container {
        position: relative;
        width: 100%;
        top: 0px;
    }
    .recommendations-product .product-link-container {
        width: 100%;
        top: 0px;
    }
    .recommendations-product img {
        width: 100%;
    }
    .product .details,
    .recommendations-product .details {
        position: relative;
        width: 100%;
        top: 0px;
    }
    .product.span6 .details {
        position: absolute;
        top: 265px;
    }
    .product.span6 .product-link-container {
        position: absolute;
        top: 255px;
    }
    #recommendations .recommendations-product {
        width: 25%;
        min-height: 0px;
        height: auto;
    }
    /*Product catalog page */
    #collection .left-sidebar h2 {
        font-size: 14px;
        padding-bottom: 3px;
    }
    #collection .left-sidebar ul li a {
        font-size: 12px;
    }
    #collection .pagination {
        width: 600px;
    }
    /*individual product page */
    #vimeo-link {
        width: 27px;
        height: 22px;
        background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/mobile-video.png?13038482655545386756') no-repeat;
    }
    #vimeo-link:hover {
        background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/mobile-video.png?13038482655545386756') no-repeat;
    }
    .featured.top {
        height: auto;
        max-height: none;
    }
    #product .span12 {
        width: 95%;
    }
    #product .span6 {
        width: 50%;
        display: inline-block;
    }
    .thumbs-main-container .bx-pager {
        top: -130px;
        display: none;
    }
    .thumbs-main-container .bx-prev {
        top: -90px;
    }
    .thumbs-main-container .bx-next {
        top: -83px;
    }
    #product #search-slide {
        float: right;
        margin: 5px 0;
        padding: 4px;
    }
    #product .span12 {
        width: 95%;
    }
    .product-desktop-view {
        display: none;
    }
    #product .product-mobile-view {
        display: block;
        width: 100%;
    }
    /*common pages*/
    .common-page .span8 {
        width: 60%;
    }
    .cart-nitems {
        right: 0;
        top: -10px;
    }
}
@media only screen and (max-width: 980px) {
    #men-landing-page .styles-filter,
    #women-landing-page .styles-filter {
        width: 54%;
        margin-right: 4%;
    }
    #men-landing-page .styles-filter h2,
    #men-landing-page .types-filter h2,
    #women-landing-page .styles-filter h2,
    #women-landing-page .types-filter h2 {
        font-size: 20px;
    }
    #men-landing-page .types-filter ul li,
    #women-landing-page .types-filter ul li {
        width: 100%;
    }
    #men-landing-page .styles-filter ul li,
    #women-landing-page .styles-filter ul li {
        width: 48%;
    }
    #men-landing-page .styles-filter ul li.empty,
    #women-landing-page .styles-filter ul li.empty {
        display: none;
    }
    #men-landing-page .styles-filter ul li.archive-m,
    #women-landing-page .styles-filter ul li.archive-m {
        margin-left: 0;
    }
}
@media only screen and (max-width: 920px) {
    #product .span6 {
        width: 50%;
    }
    #product .product-specifications .p-slst li a {
        font-size: 10px; width:auto;
    }
    @media only screen and (max-width: 920px) {
        #product .thumbs-with-video .bx-wrapper {
            width: 70%;
        }
        .thumbs-main-container .thumbs-with-video {
          margin: 45px auto 0;
        }
    }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #product .span12 {
            width: 100%;
        }
        .thumbs-main-container .bx-wrapper {
            max-width: 750px!important;
        }
        .thumbs-main-container .bx-prev {
            left: -90px;
        }
        .thumbs-main-container .slide-counter {
            float: none;
            padding-right: 0px;
            padding-left: 885px;
        }
        #product .product-specifications {
            width: 48%;
            margin-left: 2%;
        }
        #product .product-content {
            display: inline-block;
            width: 40%;
            padding-left: 5%;
        }
        #product #add-to-cart {
            width: 50%;
        }
        #product .special-btm-links a:first-of-type {
            width: 60%;
        }
        #product .special-btm-links a {
            font-size: 13px;
            width: 38%;
        }
    }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #product .span12 {
            width: 100%;
        }
        .thumbs-main-container .bx-wrapper {
            max-width: 520px!important;
        }
        .thumbs-main-container .bx-prev {
            left: -90px;
        }
        .thumbs-main-container .slide-counter {
            float: none;
            padding-right: 0px;
            padding-left: 660px;
        }
        #product .product-specifications {
            width: 48%;
            margin-left: 2%;
        }
        #product .product-content {
            display: inline-block;
            width: 40%;
            padding-left: 5%;
        }
        #product #add-to-cart {
            width: 50%;
        }
        #product .special-btm-links a:first-of-type {
            width: 60%;
        }
        #product .special-btm-links a {
            font-size: 13px;
            width: 38%;
        }
        .footer {
            margin-top: 0px;
        }
    }
    @media only screen and (max-width: 768px) {
        /*common pages*/
        .common-page .sidebar-common {
            width: 100%;
            margin-bottom: 50px;
        }
        .sidebar-common ul li {
            padding: 7px 35px;
        }
        .common-page .span8 {
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */
            max-width: none;
            padding: 0 35px;
            width: 100%;
        }
        /* Contact page Styles */
        .contact-left {
            width: 49%;
            display: inline-block;
            vertical-align: top;
        }
        .contact-right {
            width: 49%;
            display: inline-block;
            vertical-align: top;
        }
        #product .span6 {
            width: 55%;
        }
    }
    @media only screen and (max-width: 700px) {
        #vimeo-link {
            margin-right: 30px;
        }
    }
    @media only screen and (max-width: 675px) {
        #product .span6 {
            width: 65%;
        }
        #product .product-content {
            width: 30%;
        }
        #product .description {
            font-size: 13px;
        }
        #search .product {
            width: 100%;
        }
    }
    /*
@media only screen and (min-width: 510px) and (max-width: 629px) {
    #product .span6 {width:70%;}
  #product .product-content {width:20%;}
  #product .description {font-size:12px;}
}*/
    /*phone portrait to landscape */
    @media only screen and (max-width: 629px) {
        .collection-template #collection {
            padding: 40px 0;
        }
        #collection .left-sidebar .sortby-menu .sortby-selected {
            background: none;
        }
        .span1,
        .span2,
        .span3,
        .span4,
        .span5,
        .span6,
        .span7,
        .span8,
        .span9,
        .span10,
        .span11,
        .span12 {
            width: 89%;
        }
        .mobile-container {
            width: 100%
        }
        body {
            width: 100%;
            /*overflow-x: hidden;*/
        }
        .header .container {
            width: 90%;
        }
        .top-banner {
            float: left;
        }
        .top-banner img {
            float: left;
        }
        | #content {
            margin-top: 80px;
        }
        .container {
            width: 100%;
            margin: 0 auto;
        }
        .full-width {
            width: 100%;
        }
        .full-width .span12 {
            width: 100%;
        }
        .header {
            text-align: center;
            width: 100%;
            height: auto;
        }
        .header-logo {
            width: 150px;
            height: 25px;
        }
        #content {
            position: relative;
        }
        #slidein-panel-btn {
            position: fixed;
            top: 35px;
            left: 30px;
            z-index: 999;
        }
        .footer {
            text-align: center;
            min-height: 200px;
            margin-top: 0px;
        }
        .footer-upper {
            display: none;
        }
        .footer-social-media {
            clear: both;
            float: none;
            margin-top: 30px;
        }
        .footer-bottom-left,
        .footer-bottom-explore,
        .footer-bottom-store,
        .footer-bottom-info,
        .header-lower {
            display: none;
        }
        .footer-bottom-right {
            width: 100%;
            text-align: center;
        }
        .footer-bottom-email {
            margin: 0;
            line-height: 30px;
            float: none;
        }
        .footer .newsletter {
            height: 50px;
            margin: 0 auto;
            text-align: center;
        }
        .footer .newsletter .email,
        .footer .newsletter #mc-embedded-subscribe {
            float: none;
            margin-left: -4px;
            display: inline-block;
        }
        .women-collection .footer .newsletter .email {
            padding-right: 30px;
            float: none;
        }
        #women-landing-page .styles-filter ul li a {
            font-size: 15px;
        }
        #men-landing-page .styles-filter ul li a {
            font-size: 15px;
        }
        .mobile-version {
            display: inline-block !important;
        }
        .desktop-version {
            display: none !important;
        }
        .mobile-landing-banner {
            display: block
        }
        /* Homepage Style */
        .home-content .container {
            width: 90%;
        }
        /*Men Landing Pages */
        #men-landing-page .collection-main-list {
            padding: 0px;
            width: 100%;
        }
        #men-landing-page .collection-main-list h2 {
            font-size: 14px;
            color: #6d6f71;
            background-color: #393839;
            padding: 5px 0 5px 80px;
            margin: 0;
            border: none;
        }
        #men-landing-page .collection-main-list ul li {
            width: 100%;
            border-top: 1px solid #302d2f;
            border-bottom: none;
            padding: 0;
        }
        #men-landing-page .collection-main-list ul li a {
            font-weight: 600;
            width: 100%;
            display: block;
            padding: 15px 0 15px 80px;
        }
        #men-landing-page .collection-main-list .styles-filter,
        #men-landing-page .collection-main-list .types-filter {
            width: 100%;
            margin: 0;
        }
        #men-landing-page .types-filter {
            max-width: 100%;
        }
        /*#men-landing-page #slider1_container {
            display: none
        }*/
        #men-landing-page .bottom-image-main {
            display: none
        }
        #collection .featured-products-main .product {
            width: 49%
        }
        /* Women Landing Pages */
        #women-landing-page .collection-main-list {
            padding: 0px;
        }
        #women-landing-page .collection-main-list h2 {
            font-size: 14px;
            color: #6d6f71;
            background-color: #f3f3f3;
            padding: 5px 0 5px 80px;
            margin: 0;
            border: none;
        }
        #women-landing-page .collection-main-list ul li {
            width: 100%;
            border-top: 1px solid #e6e6e6;
            border-bottom: none;
            padding: 0;
        }
        #women-landing-page .collection-main-list ul li a {
            font-weight: 600;
            width: 100%;
            display: block;
            padding: 15px 0 15px 80px;
        }
        #women-landing-page .collection-main-list .styles-filter,
        #women-landing-page .collection-main-list .types-filter {
            width: 100%;
            margin: 0;
        }
        #women-landing-page .types-filter {
            max-width: 100%;
        }
        /*#women-landing-page #slider1_container {
            display: none
        }*/
        /* Collection Pages */
        #collection .top-banner {
            margin: 0;
        }
        #collection .top-banner img {
            float: left;
        }
        #collection .collection-banner {
            margin-left: -50px;
            width: 135%;
        }
        #collection .left-sidebar {
            width: 100%;
            max-width: 100%;
            text-align: center;
            background-color: #000;
            color: #fff;
        }
        #collection .left-sidebar h1 {
            text-transform: uppercase;
            margin: 20px 0 20px;
            color: #fff;
            font-size: 20px;
            font-weight: 900;
        }
        #collection .left-sidebar p {
            color: #999;
            font-size: 12px;
            width: 70%;
            margin: 0 auto;
        }
        #collection .left-sidebar ul {
            margin: 10px 0 35px;
        }
        #collection .left-sidebar ul li {
            padding: 0;
            text-align: center;
            border: none;
        }
        #collection .left-sidebar ul li a {
            padding: 10px 20px;
            border: 1px solid #ccc;
            display: block;
            width: 180px;
            margin: 0 auto;
            color: #fff;
            font-weight: normal;
            background-color: #222;
            font-size: 14px;
        }
        .women-collection #collection .left-sidebar {
            background-color: #fff;
        }
        .women-collection #collection .left-sidebar ul li a {
            color: #000;
            background-color: #fff;
        }
        .women-collection #collection .left-sidebar ul li a:hover {
            background-color: #eee;
        }
        .women-collection #collection .left-sidebar h1 {
            color: #000
        }
        .women-collection #collection .left-sidebar ul li:hover {
            background-color: #fff;
        }
        #men-landing-page .styles-filter.mobile-version ul li {
            display: block;
        }
        #men-landing-page .styles-filter.mobile-version ul li a,
        #men-landing-page .types-filter.mobile-version ul li a {
            color: #fff;
        }
        #men-landing-page .styles-filter.mobile-version ul li a:hover {
            color: #aaa;
        }
        .styles-filter.mobile-version ul li.indented {
            margin-left: 15px;
            list-style-type: circle;
        }
        .bx-viewport #thumb-slider {
            padding-top: 10px;
        }
        #collection .products,
        #collection .product {
            width: 100%;
            margin: 0 auto;
            min-height: 90px;
            min-width: 90px;
        }
        #collection .browse-tags {
            padding-left: 0px;
        }
        #collection .product.span4 {
            width: 49%;
        }
        .common-page .span8 {
            width: 100%;
        }
        /*Contact Page Styles */
        .contact-left {
            width: 100%;
        }
        .contact-right {
            width: 100%;
        }
        /* Product Pages */
        .product-top-container .featured.top {
            height: auto;
        }
        .men-collection #product .navi-title {
            background-color: #000;
            padding: 20px 0
        }
        .men-collection #product .navi-title h1 {
            color: #fff;
        }
        .men-collection #product #price-preview {
            margin-bottom: 0px;
        }
        .men-collection #product .mobile-techspecs {
            background-color: #000;
            padding: 20px 0;
            margin-top: 30px;
        }
        .men-collection #product .mobile-techspecs .title {
            color: #fff;
            border-color: #fff;
        }
        #product .span12,
        #product .span6 {
            width: 100%;
        }
        #product .title {
            border: none;
            margin: 0 auto;
            padding: 0;
            width: 100%;
            clear: both;
        }
        #product #price-preview {
            display: block;
            font-size: 13px;
            color: #888;
            float: none;
            text-align: center;
            top: 0;
            margin: 0 0 30px 0;
            height: auto;
        }
        .bx-controls,
        .bx-controls-direction,
        .bx-pager {
            height: 0px;
            display: none;
        }
        #product .product-specifications {
            display: none;
        }
        #product .mobile-techspecs {
            display: block;
        }
        #product .product-content {
            width: 100% !important;
            padding: 0px;
            margin-top: 0px;
        }
        #product .description {
            padding: 10px;
            display: none;
        }
        #product .product-options {
            padding: 0px 30px 0px;
        }
        #product #add-to-cart {
            float: none;
            margin-bottom: 0px;
        }
        #product #add-to-cart,
        #product .try-home,
        #product .try-on-btn {
            width: 100%;
        }
        #product .try-on-btn {
            padding: 20px 0;
            height: auto;
            background-color: #dcddde;
        }
        #product .special-btm-links {
            display: none;
        }
        #product .navi-title #breadcrumb {
            display: none;
        }
        .bx-wrapper {
            padding-top: 0px;
        }
        #recommendations .recommendations-product-image {
            height: 110px;
        }
        #directededge-blocks {
            display: none;
        }
        .product-top-container .featured.top {
            background: #fff;
        }
        .thumbs-main-container .slide-counter {
            display: none;
        }
        #product .size-options-0 {
            margin: 10px 0 0 3px;
            width: 233px;
        }
        #product .size-options-0 h3 {
            margin-left: -3px;
        }
        #product .color-options-0,
        #product .size-chart-container {
            clear: both;
            padding-top: 20px;
            width: 100%;
            margin-bottom: 10px;
            height: auto;
        }
        #product .color-options-0 {
            padding-top: 0px;
            margin-bottom: 20px;
        }
        #product .size-chart-container {
            margin-bottom: 0px;
            height: 67px;
        }
        #product .purchase-section {
            margin-top: 45px;
          	margin-bottom: 0px;
        }
        #product .thumbs-main-container {
            background-color: #0d0d0d;
            padding: 10px 30px;
            max-height: 20px;
            overflow: hidden;
        }
        #product .thumbs-with-video {
            padding-top: 4px;
        }
        .bx-viewport #thumb-slider {
            background-color: #0d0d0d;
        }
        .bx-viewport .slider.square {
            opacity: 1;
            width: 10px !important;
            height: 10px !important;
            float: left;
            margin: 0 3px !important;
            background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/white-dot.png?13038482655545386756') no-repeat;
            cursor: pointer;
        }
        .bx-viewport .slider.square img {
            height: 9px;
            width: 9px;
            display: none;
        }
        .women-collection .bx-viewport .slider.square {
            opacity: 1;
            background: url('//cdn.shopify.com/s/files/1/0218/9988/t/23/assets/black-dot.png?13038482655545386756') no-repeat;
            cursor: pointer;
        }
        #product .mobile-techspecs .title {
            font-size: 14px;
            width: auto;
            color: #000;
        }
        #product .mobile-techspecs .inner {
            font-size: 16px;
            display: none;
        }
        #product .color-options-0 .color a.selected:after,
        #product .color-options-0 .color a:hover:after {
            top: 67px;
        }
        /* Mailling LIst Page */
        .mailing-list-page select {
            width: 100%;
        }
        .mailing-list-page input {
            width: 80%;
        }
        .footer .newsletter label {
            float: none;
            text-align: center;
            font-size: 13px;
        }
        .center-form {
            display: block;
            margin: 0 auto;
            text-align: center;
        }
        .women-collection .footer .newsletter label {
            text-align: center;
            float: none;
        }
        .women-collection .footer .newsletter #mc-embedded-subscribe {
            float: none;
        }
        .women-collection .footer .footer-bottom-email {
            color: #000;
        }
        #product .product-options h2.mobile-version {
            margin: 0 auto;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
            font-size: 13px;
            font-weight: 600;
        }
        #product .size-chart-container > a {
            padding: 20px 0px;
            height: 30px;
            width: 100%;
            line-height: 30px;
        }
        #product #try-on-content {
            margin-top: -385px;
            width: 280px;
            left: 5%;
        }
        #product .product-options {
            padding: 30px 40px 0px;
            border-bottom: 0px;
        }
        .men-collection #product .product-options {
            padding-top: 0px;
        }
        #product .social {
            margin: 0px 0 40px;
        }
        #product .size-options-container {
            margin: 0 auto;
            padding-left: 1px;
            width: 100%;
        }
        #product .size-options-0 td a {
            float: left;
            height: 66px;
            margin-bottom: 0;
            margin-top: -1px;
            padding-top: 10px;
            width: 100%;
        }
        #product .size-options-0 td a.sizeoption-one-size {
            padding-top: 0px;
        }
        #product .size-options-0 table {
            width: 233px;
        }
        #product .size-options-0 tr {
            float: none;
        }
        #product .color-options-0 > .swatch.clearfix {
            margin: 0 auto;
            width: 100%;
        }
        #product .color-options-0 a {
            border: 0px;
            float: left;
            height: 15px;
            padding-top: 10px;
            width: 78px;
            background-size: 78px 78px;
          	box-sizing: border-box;

        }
        #product .swatch .color {
            float: none;
            width: 78px;
            margin-right: 2px;
        }
        #product .color-options-0 a.selected {
            box-shadow: 0;
            height: 17px;
          	width: 80px;
            position: relative;
            top: 0;
            left: -1px;
        }
        #product .color-options-0 .color a.selected:after {
            background: transparent;
        }
        #add-item-form .product-options {
            border-top: none;
        }
        #product .navi-title {
            padding: 20px 0 0px;
        }
        #product .navi-title .title {
            color: #000;
        }
        #product .navi-title #price-preview {
            font-weight: 600;
            margin: 0;
        }
        #product .social .mobile p {
            color: #000;
            margin: 10px 0;
        }
        .women-collection .thumbs-main-container {
            background-color: #f2f2f2;
        }
        .women-collection .bx-viewport #thumb-slider {
            background-color: #f2f2f2;
        }
        .sidebar-common > ul {
            margin: 0;
        }
        .mailing-list-page input {
            width: 100%;
            height: 40px;
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */
        }
        .mailing-list-page .city,
        .mailing-list-page .zip {
            width: 49%;
            margin: 0;
        }
        .mailing-list-page .newsletter {
            display: none;
        }
        .container.common-page-container,
        .page-common-content {
            width: 95%;
        }
        .common-page .sidebar-common {
            display: none;
        }
        .contact-left,
        .contact-right {
            display: block;
        }
        .common-page .form-option-container {
            width: 92%;
        }
        .gift-card-page.common-page-container .style-select-custom {
            margin-top: 15px;
        }
        .banner-common {
            margin-bottom: 15px;
        }
        #cart table tr td {
            padding: 0px 5px 0px 0px;
        }
        #cart .image img {
            min-width: 30px;
        }
        #cart textarea {
            width: 100%;
            height: 30px;
        }
        #habla_beta_container_do_not_rely_on_div_classes_or_names {
            display: none;
        }
    }
    #add-item-form .product-options > .select {
        display: none;
    }
    .faqs-page .page-common-content table tbody tr td > table {
        display: none;
    }
    @media only screen and (max-width: 480px) {
        .footer .newsletter .email {
            width: 50%;
            border-radius: 0px;
            margin-bottom: 10px;
        }
        .footer .newsletter {
            padding-bottom: 10px;
        }
        #product .product-options .outofstock.disabled:after {
            left: -15px;
            top: 37px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            width: 110px;
        }
        #product .size-options-0 td a {
            line-height: 60px;
        }
        #product .jssorb01 {
            display: block;
        }
        .mailing-list-page .style-select-custom {
            background-position: 99.5% center;
            width: 100%;
        }
        .gift-card-page.common-page-container select,
        .gift-card-page.common-page-container #quantity {
            width: 110% !important;
        }
        .mailing-list-page #mc-embedded-subscribe-form #mce-EMAIL {
            width: 100%;
        }
        .gift-card-page.common-page-container .style-select-custom {
            background-position: 98% center;
            width: 100%;
        }
        .gift-card-page.common-page-container input {
            display: block;
            float: none;
            margin: 0 auto;
        }
    }
    /*Phone Landscape*/
    @media only screen and (min-width: 510px) and (max-width: 629px) {
        #product .size-options-0 {
            width: 478px;
        }
        #product .size-options-0 table {
            width: 478px;
        }
        #product .swatch .color {
            width: 97px;
        }
        #product .product-options .color-options-0 h2 {
            width: 485px;
        }
        #product .size-chart-container > a {
            width: 404px;
            margin-top: 10px;
        }
    }
    @media only screen and (max-width: 320px) {
        #product #try-on-content {
            width: 230px;
            height: auto;
            margin-top: -525px;
        }
        #product #try-on-content h2 {
            width: auto;
        }
        #product #try-on-content ul li {
            font-size: 13px;
        }
        #product #try-on-content ul li p {
            max-width: 80%;
        }
        #product #try-on-content ul .lp-text {
            width: auto;
        }
    }


  #product .chart-btn {
    font-size: 11px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    line-height: 14px;
    padding: 9px 26px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}


#product > div.product-content > button {
  display:block;
    width: 100%;
    height: 48px;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 9px;
    margin-bottom: 0px;
    border-radius: 0;
    float: left;
    letter-spacing: 1px;
    font-weight: 500;
}

  #expedition-site {
   color: white;
   padding: 10;
  }