/** Shopify CDN: Minification failed

Line 7789:9 Expected ":"
Line 7789:11 Expected identifier but found "0"

**/
/*!
*  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {
  font-family: FontAwesome;
  src: url(../assets/FontAwesome.otf)
}


/** Generated by FG **/
@font-face {
	font-family: 'Conv_NeueHaasDisplayRoman';
	src: url('../assets/NeueHaasDisplayRoman.eot');
	src: local('☺'), url('../assets/NeueHaasDisplayRoman.woff') format('woff'), url('../assets/NeueHaasDisplayRoman.ttf') format('truetype'), url('../assets/NeueHaasDisplayRoman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_NeueHaasDisplayThin';
	src: url('../assets/NeueHaasDisplayThin.eot');
	src: local('☺'), url('../assets/NeueHaasDisplayThin.woff') format('woff'), url('../assets/NeueHaasDisplayThin.ttf') format('truetype'), url('../assets/NeueHaasDisplayThin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
  font-family: FranklinGothicBook;
  src: url(../assets/franklingothic-bookcmpr-opentype.css);
  src: url(../assets/franklingothic-bookcmpr-opentype.eot)format("embedded-opentype"), url(../assets/franklingothic-bookcmpr-opentype.woff2)format("woff2"), url(../assets/franklingothic-bookcmpr-opentype.woff)format("woff"), url(../assets/franklingothic-bookcmpr-opentype.ttf)format("truetype"), url(../assets/franklingothic-bookcmpr-opentype.svg#FranklinGothicBook)format("svg")
}

@font-face {
  font-family: FranklinGothicDB;
  src: url(../assets/franklingothic-demicnd-opentype.otf)
}
@font-face {
  font-family: 'lido_stfregular';
  src: url('lidostf-webfont.eot');
  src: url('lidostf-webfont.eot?#iefix') format('embedded-opentype'),
    url('lidostf-webfont.woff2') format('woff2'),
    url('lidostf-webfont.woff') format('woff'),
    url('lidostf-webfont.ttf') format('truetype'),
    url('lidostf-webfont.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lido_stfbold';
  src: url('lidostf-bold-webfont.eot');
  src: url('lidostf-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('lidostf-bold-webfont.woff2') format('woff2'),
    url('lidostf-bold-webfont.woff') format('woff'),
    url('lidostf-bold-webfont.ttf') format('truetype'),
    url('lidostf-bold-webfont.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lido_stfitalic';
  src: url('lidostf-italic-webfont.eot');
  src: url('lidostf-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('lidostf-italic-webfont.woff2') format('woff2'),
    url('lidostf-italic-webfont.woff') format('woff'),
    url('lidostf-italic-webfont.ttf') format('truetype'),
    url('lidostf-italic-webfont.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lido_stfbold_italic';
  src: url('lidostf-bold-italic-webfont.eot');
  src: url('lidostf-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('lidostf-bold-italic-webfont.woff2') format('woff2'),
    url('lidostf-bold-italic-webfont.woff') format('woff'),
    url('lidostf-bold-italic-webfont.ttf') format('truetype'),
    url('lidostf-bold-italic-webfont.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BauOT';
  src: url('BauOT.eot');
  src: url('BauOT.eot?#iefix') format('embedded-opentype'),
    url('BauOT.woff2') format('woff2'),
    url('BauOT.woff') format('woff'),
    url('BauOT.ttf') format('truetype'),
    url('BauOT.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BauOT-Bold';
  src: url('BauOT-Bold.eot');
  src: url('BauOT-Bold.eot?#iefix') format('embedded-opentype'),
    url('BauOT-Bold.woff2') format('woff2'),
    url('BauOT-Bold.woff') format('woff'),
    url('BauOT-Bold.ttf') format('truetype'),
    url('BauOT-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BauOT-Medium';
  src: url('BauOT-Medium.eot');
  src: url('BauOT-Medium.eot?#iefix') format('embedded-opentype'),
    url('BauOT-Medium.woff2') format('woff2'),
    url('BauOT-Medium.woff') format('woff'),
    url('BauOT-Medium.ttf') format('truetype'),
    url('BauOT-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FuturaPTMedium';
  src: url('FuturaPTMEdium.otf');
  src: url('FuturaPTMEdium.otf?#iefix') format('opentype'),
    url('FuturaPTMedium.woff2'),
    url('FuturaPTMedium.woff'),
    url('FuturaPTMedium.ttf'),
    url('FuturaPTMedium.eot');
  font-weight: normal;
  font-style: normal;
}
.fa,
.fa-stack {
  display: inline-block
}

.fa-fw,
.fa-li,
.textcenter {
  text-align: center
}

.alert,
.fa-inverse {
  color: #fff
}

.lower,
.row.top-border {
  border-top: 1px solid #221f1f
}

.newsletter input[type=submit]:focus,
.newsletter input[type=submit]:hover,
input[type=email].disabled,
input[type=number].disabled,
input[type=password].disabled,
input[type=search].disabled,
input[type=tel].disabled,
input[type=text].disabled,
input[type=url].disabled,
input[type=color].disabled,
input[type=date].disabled,
input[type=datetime].disabled,
input[type=datetime-local].disabled,
input[type=month].disabled,
input[type=time].disabled,
input[type=week].disabled,
li.social-link a:focus,
li.social-link a:hover,
textarea.disabled {
  opacity: .5
}

#comments,
#product .images .thumbs,
#related,
.clear,
.comment_form,
.lower,
.row,
.upper {
  clear: both
}

#related ul,
.collection-sidebar ul,
.footer-nav ul,
.page-menu ul {
  list-style: none
}

.fa-ul,
header .wrapper .account-links ul,
ul.unstyled {
  list-style-type: none
}

@font-face {
  font-family: FontAwesome;
  src: url(fonts/fontawesome-webfont.eot?v=4.2.0);
  src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.2.0)format('embedded-opentype'), url(fonts/fontawesome-webfont.woff?v=4.2.0)format('woff'), url(fonts/fontawesome-webfont.ttf?v=4.2.0)format('truetype'), url(fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular)format('svg');
  font-weight: 400;
  font-style: normal
}


/*!
*  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {
  font-family: FontAwesome;
  src: url(fonts/fontawesome-webfont.eot?v=4.2.0);
  src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.2.0)format('embedded-opentype'), url(fonts/fontawesome-webfont.woff?v=4.2.0)format('woff'), url(fonts/fontawesome-webfont.ttf?v=4.2.0)format('truetype'), url(fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular)format('svg');
  font-weight: 400;
  font-style: normal
}

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

fieldset,
img {
  border: 0
}

.pull-right {
  float: right
}

.alignleft,
.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  filter: none
}

.fa-stack {
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.aligncenter,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}
.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
  content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158"
}

.fa-krw:before,
.fa-won:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.aligncenter {
  margin: 0 auto
}

.alignright {
  float: right
}

.text-right {
  text-align: right
}

#template.centered,
.pagination,
caption,
th {
  text-align: center
}

.half {
  width: 48%
}

.hide {
  visibility: hidden;
  width: 0!important;
  height: 0!important;
  line-height: 0!important;
  padding: 0!important;
  margin: 0!important
}

*,
address,
blockquote,
body,
caption,
cite,
code,
dd,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
label,
li,
ol,
p,
pre,
strong,
td,
th,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-family: inherit;
  font-size: 100%
}

.feedback,
em {
  font-style: italic
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}

q:after,
q:before {
  content: ''
}


strong {
  font-weight: 700
}

a img {
  border: none
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none
}

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 {
  cursor: pointer
}

textarea {
  overflow: auto;
  vertical-align: top
}



.alert {
  background: red
}




.newsletter {
  margin-bottom: 30px
}

.newsletter input {
  display: inline-block
}

#breadcrumbs,
.pagination {
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px
}

.lower {
  padding: 1.5em 0 0
}

.pagination .current,
.pagination a {
  padding: 2px 3px
}

*,
:after,
:before {
  box-sizing: inherit
}



.container,
.wrapper {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto
}

.row {
  padding-bottom: 0
}

.row.top-border {
  margin-top: 3em;
  padding-top: 2em
}

@media all and (max-width:740px) {
  .row.top-border {
    margin-top: 1.5rem;
    padding-top: 1.5rem
  }
}

.row p {
  margin-right: 10px
}

.col {
  display: block;
  float: left;
  width: 100%;
  margin-left: 2%
}



.col.pull-left,
.col:first-child {
  margin-left: 0
}

.span_1 {
  width: 6.5%
}

.span_2 {
  width: 15%
}

.span_3 {
  width: 23.5%
}

.span_4 {
  width: 32%
}

.span_5 {
  width: 40.5%
}

.span_6 {
  width: 49%
}

.span_7 {
  width: 57.5%
}

.span_8 {
  width: 66%
}

.span_9 {
  width: 74.5%
}

.span_10 {
  width: 83%
}

.span_11 {
  width: 91.5%
}

.span_12 {
  width: 100%
}

@media all and (max-width:500px) {
  .span_1,
  .span_2,
  .span_3,
  .span_4,
  .span_5,
  .span_6,
  .span_7,
  .span_8,
  .span_9 {
    width: 100%;
    margin-left: 0
  }
}


#address_tables,
#admin_header,
.c a.btn,
.c button,
.c input[type=submit],
.page-title {
  text-align: center
}

body,
input,
textarea {
  color: #221f1f;
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 11px;
  line-height: 1.625em;
  font-weight: 400
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit
}


.page-title {
  padding: 22px 0;
  border-bottom: 1px solid #221f1f
}

.page-title h2 {
  margin: 0
}

ol,
p,
ul {
  margin-bottom: 1em
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
textarea,
select{
  border: 1px solid #221f1f;
  padding: 10px 10px 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: 0;
  -webkit-appearance: none;
  font-family: "BauOT";
  border-radius: 0;
  width: 100%;
  background-color: #fff;
  font-size: 15px;
}

a.btn,
button,
input[type=submit] {
  border: none;
  padding: 7px 20px 5px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-appearance: none;
  border-radius: 0!important;
  font-family: FranklinGothicBook, "Helvetica Neue", Arial
}

::-webkit-input-placeholder {
  color: inherit
}

::-moz-placeholder {
  color: inherit
}

:-ms-input-placeholder {
  color: inherit
}

::placeholder {
  color: inherit
}


.feedback {
  color: #b63a07;
  font-weight: 700
}


.slider-container {
  width: 650px;
  height: 620px;
  overflow: hidden;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid #221f1f
}

.slider-container>div {
  width: 650px;
  height: 620px;
  overflow: hidden
}

#slider img,
#slider li {
  display: block;
  margin: 0;
  padding: 0
}

#not_found {
  padding: 100px 0 160px;
  text-align: center
}

#not_found h2 span {
  color: #aaa
}


#related {
  width: 100%;
  padding: 0 0 35px
}

#related ul {
  margin: 0;
  text-align: center
}

#related ul li {
  display: inline-block;
  width: 160px;
  margin: 0 40px 40px;
  text-align: center
}

#related ul li img {
  display: block;
  margin: 0 auto 10px
}

#related ul li h3 {
  margin: 0;
  padding: 0
}

.social {
  padding: 10px 0 0
}

.social a {
  display: inline-block;
  height: 20px;
  overflow: hidden;
  text-indent: -9999em;
  margin-right: 5px;
  background:url(/cdn/shop/t/69/assets/share.png?24768)no-repeat
}

.social a#share-pin {
  width: 57px
}

.social a#share-twitter {
  width: 60px;
  background-position: -61px 0
}

.social a#share-fb {
  width: 45px;
  background-position: -126px 0
}

#search_form input {
  display: inline-block;
  vertical-align: middle
}

#search_form input[type=submit] {
  background:url(/cdn/shop/t/69/assets/icon-search.png?24768)no-repeat;
  text-indent: -9999em;
  padding: 0;
  width: 15px;
  height: 17px;
  border: none;
  vertical-align: middle;
  margin-left: 5px
}

.highlight {
  background: #00f;
  padding: 2px 4px
}

#search .results .item {
  padding: 16px 0;
  border-bottom: 1px solid #221f1f
}

#search .results .item:last-child {
  border-bottom: none
}

#search .results .item .thumbnail {
  float: left;
  margin-left: 16px;
  margin-right: 16px;
  width: 50px;
  text-align: center
}

#search .results .item .thumbnail a,
#search .results .item .thumbnail img {
  display: block;
  margin: 0 auto;
  padding: 0
}

#search .results .item .content {
  float: left;
  width: 500px
}

#search .results .item .content.indented {
  margin-left: 16px
}


.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
  z-index: 200040;
  cursor: pointer
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: top
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200000
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
  position: relative
}

.fancybox-skin {
  background: 1px #221f1f;
  text-shadow: none
}

.fancybox-opened {
  z-index: 200010
}

.fancybox-inner {
  overflow: hidden;
  border: 1px solid #221f1f
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch
}

.fancybox-error {
  margin: 0;
  padding: 15px;
  white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
  display: block;
  width: 100%;
  height: 100%
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
  background-image: url(fancybox_sprite.png)
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: .8;
  cursor: pointer;
  z-index: 200060
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background:url(/cdn/shop/t/69/assets/fancybox_loading.gif?24768)center center no-repeat
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  background:url(/cdn/shop/t/69/assets/blank.gif?24768);
  -webkit-tap-highlight-color: transparent
}

.fancybox-prev {
  left: 0
}

.fancybox-next {
  right: 0
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  visibility: hidden
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px
}

.fancybox-nav:hover span {
  visibility: visible
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible!important
}

.fancybox-lock {
  overflow: hidden
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 200005;
  background:url(/cdn/shop/t/69/assets/fancybox_overlay.png?24768)
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll
}


.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 200050
}

.fancybox-opened .fancybox-title {
  visibility: visible
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 200050;
  text-align: center
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: 0 0;
  background: rgba(0, 0, 0, .8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap
}

.hidden,
body .desktopHidden,
html .desktopHidden {
  display: none
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff
}

.fancybox-title-inside-wrap {
  padding-top: 10px
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #221f1f;
  background: rgba(0, 0, 0, .8)
}


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

Copyright (c) 2014 Daniel Eden
*/

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

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

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

@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    transition-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

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

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

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

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

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

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

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

@-webkit-keyframes rubberBand {
  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

@keyframes rubberBand {
  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

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

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

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

@-webkit-keyframes tada {
  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9)rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9)rotate3d(0, 0, 1, -3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, 3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, -3deg)
  }
}

@keyframes tada {
  0%,
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9)rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9)rotate3d(0, 0, 1, -3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, 3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1)rotate3d(0, 0, 1, -3deg)
  }
}

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

@-webkit-keyframes wobble {
  0%,
  100% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0)rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0)rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0)rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0)rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0)rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0)rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0)rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0)rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0)rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0)rotate3d(0, 0, 1, -1deg)
  }
}

@keyframes wobble {
  0%,
  100% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0)rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0)rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0)rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0)rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0)rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0)rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0)rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0)rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0)rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0)rotate3d(0, 0, 1, -1deg)
  }
}

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

@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

.bounceIn,
.bounceOut {
  -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px)rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px)rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px)scale3d(.95, .95, .95);
    transform: perspective(400px)scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px)rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px)rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px)translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px)scale3d(.95, .95, .95);
    transform: perspective(400px)scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

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

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

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

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

.flipInX,
.flipInY {
  -webkit-backface-visibility: visible!important
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0)skewX(-30deg);
    transform: translate3d(100%, 0, 0)skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0)skewX(-30deg);
    transform: translate3d(100%, 0, 0)skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1)translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1)translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1)translate3d(-2000px, 0, 0);
    transform: scale(.1)translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1)translate3d(-2000px, 0, 0);
    transform: scale(.1)translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1)translate3d(2000px, 0, 0);
    transform: scale(.1)translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475)translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1)translate3d(2000px, 0, 0);
    transform: scale(.1)translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1)translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

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

.blog-main {
  float: left;
  width: 776px;
  padding: 0 0 34px
}

.article,
.blog-sidebar {
  padding: 34px 0
}

.blog-sidebar {
  float: right;
  width: 172px
}

.articles .article {
  padding-bottom: 45px
}

.post-title {
  text-align: center;
  padding-bottom: 18px;
  border-bottom: 1px solid #444
}

.meta {
  text-align: center;
  font-size: 11px
}

.comment_form {
  width: 415px;
  padding-top: 36px
}

.sidebar-widget {
  margin-bottom: 30px
}

.sidebar-widget h3 {
  text-align: center
}

.sidebar-widget ul {
  list-style: none;
  text-align: center;
  margin: 0
}


.trans {
  -webkit-transition: .2s;
  transition: .2s
}

body,
html {
  font-family: FranklinGothicBook, sans-serif;
  -webkit-font-smoothing: antialiased;
  float: left;
  width: 100%;
  margin: 0;
  cursor: default
}

a {
  outline: 0;
  color: #221f1f;
}


.show {
  display: block!important
}


body.collection .content-table {
  width: 100%
}

body.collection section#body.collection {
  margin-top: 124px!important;
  max-width: 1265px!important
}

.pagination {
  display: none
}





section .main #content {
  font-size: 22px;
  line-height: 1.2em
}

section .main #content .aboutContainer {
  width: 100%;
  vertical-align: top
}

section .main #content .aboutContainer .left {
  width: 45%;
  display: inline-block;
  float: left;
  vertical-align: top
}

section .main #content .aboutContainer .left img {
  width: 100%
}

section .main #content .aboutContainer .right {
  width: 45%;
  display: inline-block;
  float: right;
  margin-left: 20px;
  vertical-align: top
}

section .main #content table tr td {
  padding: 0;
  width: 20%
}

section .main #content table tr td p {
  font-size: 19px;
  line-height: 1.3em;
  text-transform: none
}

section .main #content table tr td:last-child {
  padding-left: 26px
}

section .main .row.top-border {
  border-top: none;
  text-align: center
}

section .main .row.top-border p {
  font-size: 19px
}

section .main .row.top-border a {
  width: 100%;
  max-width: 300px;
  height: 50px;
  background: #221f1f;
  color: #fff!important;
  font-size: 18px;
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #221f1f;
  font-family: FranklinGothicBook, sans-serif;
  display: inline-block;
  padding: 18px 0
}

.extra_data {
  margin: 15px 0 20px;
}

.sizingChart {
  font-size: 18px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll
}



section#body .main .not-found,
section#body .main .page-title {
  font-size: 19px;
  text-align: center;
  font-family: BauOT, sans-serif;
  text-transform: uppercase;
  border-bottom: 0;
  padding: 50px 0
}

section#body .lookbookWrapper h1 {
  font-size: 26px;
  font-family: FranklinGothicDB, sans-serif;
  font-weight: 400;
  line-height: 1.1em;
  margin-bottom: 5px;
  margin-top: 70px
}

section#body .lookbookWrapper h4 {
  text-transform: none;
  font-size: 24px;
  margin-bottom: 19px;
  font-weight: 400
}

section#body .lookbookWrapper #content {
  display: none
}
.temp_collection .reveal{
    margin: 0 auto;
/*     border: 1px solid #dcd9d9; */
}

section#body .fitguideWrapper h1 {
  font-size: 26px;
  font-family: FranklinGothicDB, sans-serif;
  font-weight: 400;
  margin-top: 72px;
  margin-bottom: 16px;
  line-height: .9em
}

.sizeChartHeader {
  margin: 40px 0;
  text-transform: uppercase
}



.scrollInitWrapper {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  width: 1200px;
  height: 30px;
  z-index: 999;
  display: block;
  bottom: 50px
}

.scrollInitWrapper .scroll {
  float: left;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0
}

.scrollInitWrapper .scroll.up {
  background:url(/cdn/shop/t/69/assets/uarrow.png?v=42436241250895257821686562709)left no-repeat;
  cursor: pointer
}

.scrollInitWrapper .scroll.down {
  background:url(/cdn/shop/t/69/assets/darrow.png?v=102577919145466161291686562631)left no-repeat
}


#cart,
#content,
#template {
  padding: 0!important
}

#page .main #content {
  margin-top: 81px
}

#page .main #content p {
  text-transform: none;
  line-height: 1.5em;
  font-size: 20px
}

#page .main .stockists {
  font-size: 20px;
  margin-bottom: 20px;
  width: 100%
}

#page .main .stockists .stockistsCols {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin-right: 20px
}

#page .main .stockists .stockistsCols h4 {
  font-family: FranklinGothicDB, sans-serif;
  font-weight: 700
}

#page .main .stockists .stockistsCols h4:first-of-type,
#page .main .stockists .stockistsCols p {
  margin-bottom: 1em
}

.page-menu.main-menu {
  float: left !important;
}

.page-menu.main-menu ul li a {
  padding: 3px 5px !important;
}

footer .wrapper h6 {
  margin-top: 0 !important;
  margin-bottom: 26px !important;
}
.prize-section {
  margin-top: 0px; position: relative;
}


/*  csm changes in pro_swatch
before
.pro_swatch{
  visibility: hidden;
  float: left;
  width: 100%;
  position: absolute;
    bottom: 2rem;
}

After
*/

.pro_swatch{
  visibility: hidden;
  float: left;
  width: 100%;
  position: relative;
    bottom: -29px;
}



.color_option {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 10px 5px 0;
}
.product-collecton .sizes {
  font-family: 'BauOT-Medium';
  font-size: 13px;
  color: #221f1f;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
 
  margin: 0 auto;
}

.product-collecton a:hover .sizes{
  display: inline-block;
}

.product-collecton .sizes span {
  display: inline-block;
  padding: 2px 10px;
}

footer .wrapper .footer-nav #mc_embed_signup {
  margin-top: 26px;
  margin-left: 8px;
}
/* 
.product-collecton:hover .caption a{visibility: hidden;}
.product-collecton:hover .pro_swatch {visibility: visible;} */

.slider {
  float: left;
  min-height: 100%;
  vertical-align: middile;
  width: 70%;
}

.homepage_nav {
  float: left;
  padding: 0px 0 0px 104px;
  vertical-align: bottom;
  width: 30%;
  position: relative;
  min-height: 100vh;
}

.flexslider .slides img {
  height: 100vh !important;
}

.index .ls-login-prompt {
  display: none !important;
}


/*========== product-change-image-css====================*/


/* ===============================================
// Reveal module
// =============================================== */

.reveal .caption {
  position: absolute;
  top: 0;
  display: table;
  background-color: white;
  /* fallback for IE8 */
  background-color: rgba(255, 255, 255, 0.7);
  font: 13px/1.6 sans-serif;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 1px;
  text-align: center;
  text-rendering: optimizeLegibility;
}

.reveal .hidden .caption .centered {
  display: table-cell;
  vertical-align: middle;
}


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

#full-width-body.home-index-section {
  width: 100%;
}

a{text-decoration:none;}
body{
  font-family: 'lido_stfregular';
  font-size: 19px;
  color: #221f1f;
  line-height: 1.3;
}
p{
  font-family: 'lido_stfregular';
  font-size: 19px;
  color: #221f1f;
  line-height: 1.3;
}
ul {
  list-style-position: inside;
  margin: 0 0 1em;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'BauOT-Bold';
  font-weight: normal;
}
.hdr_wrap{
  width: 100%;
  background: #fff;
  float: left;
  position: fixed;
  top: 0;
  z-index: 1000;
  transition: transform .4s ease-out 0s;
}
.site_header {
  width: 100%;
  float: left;
  padding: 12px 40px;
  text-align: left;
  font-family: 'BauOT-Medium';
}

.top_bar {
  width: 100%;
  float: left;
  padding: 12px;
  text-align: center;
  background-color: #221f1f;
  color: #fff;
  font-family: 'BauOT-Medium';
  font-size: 11px;
}
.top_bar a{
  color:white;
}
.site_footer {
  width: 100%;
  float: left;
  padding: 45px 40px;
  text-align: center;
  font-family: 'BauOT-Medium';
}
.site_main {
  width: 100%;
  float: left;
  transition: transform .4s ease-out 0s;
}
.page-menu {
  display: inline-block;
  vertical-align: middle;
  padding-left:20px;
}
.page-menu  a.page-menu{
  padding-left:0px;

}
.logo_wrap {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0px;
  width:15%;
}
.lyt_logo, .lyt_srch{
  display: none;
}

.close_hide{
  display: none;
}
.hdr_wrap form.search .search__submit {
  background-color: transparent;
  width: 26px;
  padding: 0;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  float: right;
  background-image: url(/cdn/shop/t/69/assets/search-icon.svg?v=137775571073158676101686562692);
  float: left;
}
.hdr_wrap form.search .search__input {
  float: left;
  border: none;
  width: 80%;
  width: -webkit-calc(100% - 62px);
  width: -moz-calc(100% - 62px);
  width: -ms-calc(100% - 62px);
  width: -o-calc(100% - 62px);
  width: calc(100% - 62px);
  font-family: 'BauOT-Medium';
  font-size: 11px;
}
.hdr_wrap form.search {
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
  width: 100%;
  float: left;
  position: absolute;
  top: 100%;
  padding: 20px 20px;
  background-color: #fff;
  z-index: 999;
  display: none;
}
.hdr_wrap form.search img {
  float: right;
  margin: 6px 0 0 20px;
}
.mobileMenu{
  display: none;
}
.site_header a {
  color: #221f1f;
  font-size: 13px;
  text-transform: capitalize;
  vertical-align:middle;
  display:inline-block;
}

.temp_index .site_header ul.dropdown a{color: #221f1f;}
a.hdr_search {
  line-height: 0;
  display:inline-block;
  vertical-align:middle;
  padding-left:10px;
}

.page-menu > ul > li {
  position: relative;
  padding: 16px 20px;
  line-height: 1;
  display: inline-block;
}
.page-menu > ul > li.pos_unset{
  position: unset;
}
ul.dropdown {
  position: absolute;
  width: auto;
  left: 60px;
  text-align: left;
  top: 100%;
  padding: 10px 10px 0;
  background-color: rgba(255,255,255,.95);
  z-index: 10;
  transition: all 0.45s ease 0s;
  opacity: 0;
  visibility: hidden;
}
ul.dropdown.cat_nav{
  left:0;
  right: 0;
  margin: 0;
  text-align: center;
}
.page-menu > ul > li:hover ul.dropdown{
  opacity: 1;
  visibility: visible;
}
.nav_width {
  width: 880px;
  max-width: 100%;
  display: inline-block;
  text-align: left;
}
.drp_col {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 0 0;
  box-sizing: border-box;
  text-align:center;
}
.drp_col.drp_col_3 {
  padding: 0 10px 0 28px;
  width: 51%;
}
ul.dropdown li {
  width: 49%;
  float: left;
  margin: 0 0 10px;
}
.drp_title, .drp_img{
  text-align: center;
}
.drp_img{
  margin: 0 0 12px;
}
.page-menu > ul{
  margin: 0;
}
.right_menu {
  float: right;
  text-align: left;
  padding: 16px 10px;
  margin-top:-3px;
}
.right_menu ul {
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align:middle;
}
ul.customer li {
  display: inline-block;
  padding:0px 7px;
  vertical-align:middle;
}
.right_menu a{
  display: inline-block;
  font-size: 13px;
}
.mobileToggle{
  display: none;
}
.menu_icon {
  display: none !important;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 20px;
  height: 3px;
  background-color: #221f1f;
  margin: 3px 0;
  transition: 0.4s;
}

.change div{ opacity: 0; }
.change{ background-image: url('/cdn/shop/t/69/assets/open-hamburger.svg?v=60235072114528300701686562688');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index:99;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 5px);
  transform: rotate(-45deg) translate(-4px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -5px);
  transform: rotate(45deg) translate(-4px, -5px);
}
.mobileToggle div {
  display: inline-block;
}
.main_slider {
  width: 100%;
  float: left;
}
.main_slider ul {
  width: 100%;
  float: left;
  margin: 0;
  list-style: none;
}
.main_slider ul li{
  width: 100%;
  float: left;
  position: relative;
}
.main_slider ul li h2 {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 52px;
  line-height: 1.4;
  text-align: center;
  text-transform: capitalize;
  width: auto;
  font-style: italic;
  max-width: 100%;
  font-weight: 800;
  font-family: 'Muli', sans-serif;
}
.bx-wrapper {
  border: none;
  box-shadow: none;
  margin: 0;
}
.bx-wrapper .bx-controls-direction a {
  margin: 0;
  transform: translateY(-50%);
  z-index: 999;
}
.bx-wrapper .bx-prev{
  left: 20px;
  background-position: center center;
}
.bx-wrapper .bx-next{
  right: 20px;
  background-position: center center;
}
.bx-wrapper .bx-prev:hover,  .bx-wrapper .bx-next:hover{
  background-position: center center;

}
.bx-wrapper .bx-prev{
  background-image: url('/cdn/shop/t/69/assets/arrow-left.png?v=20799642240182794801686562598');
    }
.bx-wrapper .bx-next{
  background-image: url('/cdn/shop/t/69/assets/arrow-right.png?v=30567111008415022971686562599');
    }
.main_slider .bx-wrapper .bx-pager {
  padding-top: 0;
  bottom: 30px;
  text-align: right;
  right: 30px;
  left: 0;
  width: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {

  width: 10px;
  height: 18px;
/*   background-image: url('/cdn/shop/t/69/assets/Corridor_HP_Slideshow_1.png?v=160729063635681569611686562625'); */
    background-color: transparent;
    background-repeat: no-repeat;
    }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.main_slider .bx-wrapper .bx-pager.bx-default-pager a.active, 
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:focus{
  background-image: url('/cdn/shop/t/69/assets/Corridor_HP_Slideshow_2.png?v=171026251299229566181686562625');
    background-color: transparent;
    background-repeat: no-repeat;
    }
.index_gal{
  width: 100%;
  float: left;
}
.gal_li{
  width: 100%;
  float: left;
  margin: 0;
  /*  padding: 0 4px; */
  list-style: none;
}

.gal_li li{
  width: 33.33%;
  float: left;
  padding: 7px 4px;
  line-height: 0;
}
.gal_li li.two_gal{
  width: 50%;
  text-align:center;
}

.gal_li a{
  display: inline-block;
  position: relative;
  line-height: 0;

}

.gal_li h2 {
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 44px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  width: 388px;
  max-width: 100%;
  font-style: italic;
  font-family: 'Muli', sans-serif;
  font-weight: 800;


}
.index_story{
  width: 100%;
  float: left;
}
.index_story .gal_li li{
  width: 100%;
  padding: 0;
}
a:hover, a:active, a:focus{
  outline: none;
  color: inherit;
}
.ftr_right {
  width: auto;
  float: right;
  text-align: right;
  max-width: 100%;
}
.site_footer {
  font-size: 11px;
  color: #221f1f;
}
.site_footer ul{
  margin: 0;
  list-style: none;
  text-transform: capitalize;
}
.site_footer a{
  color: inherit;
}
.ftr_center{
  display: inline-block;
  max-width: 100%;
}
.ftr_center h3 {
  margin: 13px 0 0;
  text-transform: capitalize;
  color: #221f1f;
  font-family: 'BauOT-Bold';
  font-size: 18px;

}
.product-single__variants{
  display: none;
}
.site_footer .ftr_right li{
  margin: 0 0 10px;
}
div#mc_embed_signup {
  width: 340px;
  display: inline-block;
  max-width: 100%;
}
form#mc-embedded-subscribe-form {
  width: 100%;
  float: left;
}
input#mc-embedded-subscribe {
  color: #fff;
  background-color: #221f1f;
  line-height: 1.1;
  padding: 11px 5px 8px;
  width: 90px;
  float: left;
  font-size: 10px;
  text-transform: capitalize;
  font-family: 'BauOT-Medium';
}
input#mce-EMAIL {
  float: left;
  width: calc(100% - 90px);
  line-height: 1.1;
  font-size: 10px;
  padding: 10px 10px 7px;
  font-family: 'BauOT';
}
ul.social-icons {
  float: left;
  width: 100%;
  margin: 0 0 13px;
}
ul.social-icons li {
  display: inline-block;
  padding: 0 7px;
}
.ftr_left {
  width: auto;
  float: left;
  max-width: 100%;
  text-align: left;
  line-height: 1.5;
}
*{
  box-sizing: border-box;
}
.story_title {
  float: left;
  width: 100%;
  font-size: 36px;
  color: #221f1f;
  font-style: normal;
  margin: 0 0 6px;
}

.story_blck_text{
  float: left;
  width: 100%;
  font-size: 19px;
  color: #221f1f;
}
.about_cntn {
  width: 100%;
  float: left;
  padding: 0 40px;
}
.about_wrap {
  width: 100%;
  float: left;
}
.story_bx_wrap{
  width: 100%;
  float: left;
}
.story_bx{
  width: 100%;
  float: left;
  margin: 0 0 30px;
}
.about_para{
  width: 100%;
  float: left;
  margin: 32px 0 26px;
}
.story_img_bx {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
}
.story_img_bx img{width:100%;}
.story_text {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 40px 0 80px;
}
.page_banner{
  width: 100%;
  float: left;
  position: relative;
}
.page_banner img{
  width: 100%;
  float: left;
}
.page_banner h1 {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;*/
  text-transform: capitalize;
  font-size: 64px;
  text-align: center;
}
.page_wrap{
  width: 100%;
  float: left;
  padding: 0 30px;
  min-height: calc(100vh - 350px)
}
.product_body .images {
  width: 52%;
  display: inline-block;
  vertical-align: middle;
}
.temp_product .pdpContentWrap {
  width: 46%;
  display: inline-block;
  padding: 70px 0 0 60px;
  vertical-align: middle;
  position:absolute;
  top:0px !important;
}
.pdpContentWrap{
  width: 46%;
  display: inline-block;
  padding: 70px 0 0 60px;
  vertical-align: middle;
  position:initial;
}
.pro_galry{
  margin: 0;
  list-style: none;
}
.product_body .images .bx-wrapper .bx-pager {
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
  left: -43px;
  width: 17px;
  padding: 0;
}
.product_body .bx-wrapper .bx-pager.bx-default-pager a{
  
  /* border: 2px solid gray; */
  /* border-radius: 50%; */
  width: 20px;
  height: 1px;
  background-color: #B6B6B6;
  margin: 0 2px !important;
  transition: width .1s;
    }
.product_body .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.product_body .bx-wrapper .bx-pager.bx-default-pager a.active, 
.product_body .bx-wrapper .bx-pager.bx-default-pager a:focus{
/*   background-image: url(' /cdn/shop/t/69/assets/Corridor_PDP_Image_Selector_2_10x.png?v=137163954567476281581686562626'); */
    background-color: black;
    background-repeat: no-repeat;
    /* border: 2px solid black; */
    width: 20px;
    }
.pro_title,
.pdpContentWrap .price{
  color: #221f1f;
  font-family: 'BauOT-Bold';
  font-style: normal;
  font-size: 36px;
}
.pdpContentWrap .price {
  margin: 0 0 16px;
}
.ui-widget.ui-widget-content {
  border: none;
  padding: 0;
  width: 100%;
  display: block;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.ui-tabs .ui-tabs-nav li {
  margin: 0 45px 0 0;
  background-color: transparent;
  border: none;
  font-size: 17px;
  color: #727171;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0;
  font-size: 17px;
  color: #727171;
  font-family: 'BauOT-Medium';
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{
  color: #221f1f;
}
#pro_tabs.ui-widget.ui-widget-content {
  margin: 32px 0 0;
}
.ui-tabs .ui-tabs-panel {
  margin: 6px 0 0;
  padding: 0;
  display: block;
  width: 100%;
  font-size: 19px;
  font-family: 'lido_stfregular';
  color: #221f1f;
}
.sizingchart {
  width: 100%;
  display: block;
  overflow: auto;
  height: 400px;
  border: 1px solid #221f1f;
}
.sizingchart table, .sizingchart tr, .sizingchart td{
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.sizingchart td {
  padding: 10px;
  display: table-cell;
}
.sizingchart table {
  display: table;
  font-size: 15px;
  margin: 0 0 30px;
}
.sizingchart table:last-child{
  margin: 0;
}
.sizingchart tr, .sizingchart th {
  display: table-row;
}
.sizingchart thead {
  background-color: #e5e5e5;
}
#topCartContent {
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 47%;
  z-index: 35;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: auto;
  bottom: 0;
  max-width: 95%;
  background-color: #F4F4F4;
  text-align: center;
  font-size: 13px;
  color: #727171;
  font-family: "BauOT-Medium",sans-serif;
}
#topCartContent.visible {
  visibility: visible;
  opacity: 1;
}
#topCartContent::after {
  background: transparent none repeat scroll 0 0;
  clear: both;
  content: "";
  display: block;
  height: 0;
  position: relative;
  width: 0;
}
#topCartContent .inner-wrapper {
  display: inline-block;
  width: 425px;
  padding: 36px 0 30px;
  max-width: 98%;
}
#topCartContent .section-title {
  font-size: 13px;
  font-style: unset;
  padding: 0 0 31px;
  margin: 0;
}
#topCartContent .inner-wrapper .mini-products-list {
  max-height: 418px;
  overflow-y: auto;
  padding: 0 20px;
  margin: 0 0 26px;
  border-top: 1px solid #d2d2d2;
}
#topCartContent .inner-wrapper .mini-products-list .item {
  border-bottom: 1px solid #d2d2d2;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 27px 0;
  position: relative;
  width: 100%;
}
#topCartContent .inner-wrapper .mini-products-list .item::after {
  background: transparent none repeat scroll 0 0;
  clear: both;
  content: "";
  display: block;
  height: 0;
  position: relative;
  width: 0;
}
#topCartContent .product-name {
  margin: 0;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-image {
  margin-right: 5.31915%;
  position: relative;
  width: 41.844%;
  padding: 0;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-image .inner-wrapper {
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details table td {
  border: medium none;
  margin: 0;
  padding: 0;
}
.left {
  float: left;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details {
  width: 52.8369%;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-name, 
#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-name a, 
#topCartContent .inner-wrapper .mini-products-list .item .product-details .brand {
  color: #231f20;
  font-size: 13px;
  font-family: "BauOT-Medium",sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: capitalize;
  text-align: left;
}
#topCartContent  p{
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details table {
  margin: 15px 0 13px;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options,
.product-details th,
.product-details td{
  margin: 0;
  text-transform: capitalize;
  text-align: left;
  font-weight: normal;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options .value,
#topCartContent .price{
  color: #221f1f;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options li {
  margin: 12px 0 0;
  overflow-x: hidden;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options li::after {
  background: transparent none repeat scroll 0 0;
  clear: both;
  content: "";
  display: block;
  height: 0;
  position: relative;
  width: 0;
}

#topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options li span.label {
  margin-right: 5px;
}

#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-controls .btn-remove, 
#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-controls .cart-edit {
  color: #e51b1b;
}
#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-controls > * {
  float: left;
}

#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-controls .btn-remove.cart-edit::before, 
#topCartContent .inner-wrapper .mini-products-list .item .product-details .product-controls .cart-edit.cart-edit::before {
  background: #212121 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 7px;
  position: absolute;
  top: 0;
  width: 1px;
}
#topCartContent  p.subtotal,#topCartContent div.subtotal {
  margin: 0 0 22px;
}
.actions input#checkout,
input[type=submit].black_big_btn,
a.black_big_btn{
  background-color: #221f1f !important;
  width: 325px;
  max-width: 100%;
  color: #fff !important;
  font-size: 17px;
  font-family: "BauOT-Bold";
  text-transform: capitalize;
  font-weight: normal;
  line-height: 1;
  padding: 21px 10px 20px;
}
.display {
  display: block;
}
.nodisplay {
  display: none;
}
.cart-summary {
  position: relative;
  display: inline-block;
  vertical-align:middle;
  padding:0px 7px;
}
.item-options .item-quantity {
  font-size: 13px;
  border: none;
  padding: 5px 1px;
  width: auto;
  text-align: center;
  line-height: 1;
}
a.close_drawer {
  font-size: 17px;
  font-family: "BauOT";
  position: absolute;
  top: 10px;
  right: 10px;
}
/* 
Swatches Styles
*/



.swatch {
  display: inline-block;
  margin: 0 0 35px;
  width: 100%;
  font-family: "BauOT-Medium";
  color: #727171;
  font-size: 17px;
}
/* Label */
.swatch .header {
  margin: 0 0 5px;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:46px !important; 
  height:44px !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:44px;
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { 
  padding: 0 1px;
  font-size: 17px;
  color: #221f1f;
  background-color: transparent;
  border: 1px solid transparent;
}
.color.swatch-element label {
  padding: 3px;
  border-radius: 100%;
}
.color.swatch-element label span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid;
}
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  border-color:#221f1f;
  background-color: #F9F9FB;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 5px 0 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:none; }

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
  border-color: transparent;
}
.swatch-element.soldout label {
  text-decoration: line-through;
  color: #b5abab;
}
.swatch .soldout input:checked + label {
  border-color: transparent;
  background-color: transparent;
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-25px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
.coll-sidebar {
  width: 165px;
  float: left;
  font-size: 11px;
  color: #585656;
  text-transform: capitalize;
  font-family: "BauOT";
}
.coll-sidebar .active{
  font-family: "BauOT-Medium";
}
.coll-sidebar .disabled > a, 
.temp_index .site_header ul.dropdown.cat_nav .disabled > a{
  color: #908f8f;
}
.site_header ul.dropdown.cat_nav .disabled > a{
  color: #908f8f;
}
.coll-sidebar a, .cat_nav a {color: inherit;}
.coll-sidebar .size_fltr a {color: inherit; text-transform: uppercase;display:block;}
.coll-sidebar ul{
  font-family: "BauOT";
}
.coll-sidebar h3{
  color: #908f8f;
  font-family: "BauOT-Medium";
  font-size: 11px;
  margin: 0 0 12px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.coll-sidebar h3:after {
  content: '+';
  position: absolute;
  right: 0;
  top: 7px;
  line-height: 0;
  font-size: 17px;
}
.coll-sidebar h3.active:after{
  content: '-';
}
.cat_nav{
  font-family: "BauOT-Medium";
}
.coll-products {
  float: left;
  width: calc(100% - 165px);
}
.product-collecton {
  /* width: 33.33%;
  float: left; */
  padding: 0 25px 0px;
  margin-bottom: 25px;
  position: relative;
  text-align: center;
}
.product-collecton:nth-child(3n+1) {
  clear: left;
}
.product-collecton .image{
  position: relative;
}
.product-collecton img {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
}
.product-collecton:hover img.img-first-child{
  display: none !important;
}
.product-collecton img.hidden.image-second-child {
  display: none !important;
}
.product-collecton:hover img.hidden.image-second-child {
  display: inline-block !important;
}
.product-collecton a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.product-collecton h3,
.product-collecton  .price {
  font-family: 'BauOT-Medium';
  font-size: 14px;
  color: #221f1f;
}
.product-collecton  .price del{
  color: #727171;
}
span.sold-out {
  color: #727171;
  text-transform: capitalize;
}
.coll-sidebar ul{
  margin: 0;
  padding; 0;
  list-style: none;
}
ul.sidebar_ul, .sidebar_ul {
  float: left;
  width: 100%;
  padding: 0 0 0 11px;
  margin: 0 0 24px;
  color: #221f1f;
}
.coll-sidebar .sidebar_ul{
  display: none;
}
.sidebar_ul select{
  color: inherit;
  font-size: inherit;
}
.page-menu ul.sidebar_ul{
  padding: 0 0 20px;
}
.sidebar_ul li {
  float: left;
  width: 100%;
  margin: 0 0 12px;
}
.cat_nav .sidebar_ul > li {
  margin: 0 0 24px;
}
.sidebar_ul .has-dropdown ul {
  padding: 10px 0 0 0px;
  display: inline-block;
  width: 100%;
}
.sidebar_ul .has-dropdown ul li{
  width:100%;
}
.sidebar_ul .has-dropdown ul li a{
  width:100%;
}
.sidebar_ul .has-dropdown ul li.disabled {
  margin-left: -10px;
}
.has-dropdown a.underline {
  border-bottom: 2px solid;
}
.size_fltr li {
  padding: 0 0 0 12px;
  position: relative;
}
.size_fltr li:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #221f1f;
  border-radius: 100%;
  left: 0;
  top: 1.2px;
}
.size_fltr li.active:after{
  background-color: #221f1f;
}
.rel_wrap{
  width: 100%;
  float: left;
  margin: 15px 0;
  margin-top:50px !important;
}
.rel_wrap .section-header__title{
  font-size: 17px;
  color: #727171;
  font-family: "BauOT-Medium";
  margin: 0 0 25px;
}
.rel_ul{
  width: 100%;
  float: left;

}
.rel_ul_scroll {
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  display: block;
}
.product_body {
  float: left;
  width: 100%;
}
.real_radio{display: none;}
.rel_ul .product-collecton {
  width: 335px;
  max-width: 100%;
  float: none;
  display: inline-block;
  padding-bottom: 5px;
  vertical-align:top;
}
.rel_ul .product-collecton:nth-child(3n+1){
  clear: none;
}
.flexcroll{
  scrollbar-face-color: #221f1f;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;

}

/* Let's get this party started */
.flexcroll::-webkit-scrollbar {
  width: 12px;
  height:9px;
}

/* Track */
.flexcroll::-webkit-scrollbar-track {
  -webkit-box-shadow: none; 
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* Handle */
.flexcroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(0,0,0,1); 
  -webkit-box-shadow: none; 
  width: 100%;
}
.look_slider{
  width: 100%;
  float: left;
  margin: 10px 0;
}
.look_slider ul{
  margin: 0;
  list-style: none;
}
.look_slider .bx-wrapper {
  display: inline-block;
  float: none;
}
.look_img{
  width: 100%;
  line-height: 0;
  display: inline-block;
}
.look_text{
  width: 100%;
  display: inline-block;
  margin: 11px 0 0;
}
.look_title{
  font-size: 12px;
  font-family: "BauOT-Medium";
  color: #727171;
  line-height: 1.5;
  text-transform: ;
}
.look_blck_text {
  font-size: 13px;
  font-family: "BauOT-Medium";
  color: #221f1f;
  line-height: 2;
  text-transform: capitalize;
}
.look_bx{
  width: 50%;
  float: left;
  padding-left: 18px;
}
.look_bx:nth-child(2n+1){
  padding-right: 18px;
  padding-left: 0;
}
.page_title{
  font-size: 36px;
  text-transform: capitalize;
  margin: 0px 0 11px;
  padding-top:  50px;
}

.look_para {
  font-size: 17px;
  line-height: 1.1;
  margin: 0 0 5px;
}
a.btn, button, input[type=submit]{
  background-color: #221f1f;
  width: 100%;
  color: #fff;
  font-size: 17px;
  font-family: "BauOT-Medium";
  text-transform: capitalize;
  font-weight: normal;
  line-height: 1;
  padding: 16px 10px 15px;
}
.customer_form {
  width: 400px;
  display: inline-block;
  max-width: 100%;
  text-align: left;
}
.large_form {
  margin: 0 0 15px;
  width: 100%;
  float: left;
}
.large_form label {
  display: none;
}
.large_form input {
  width: 100%;
}
.page_content {
  float: left;
  width: 100%;
}
.errors ul {
  list-style: none;
  color: red;
}
div#admin_header {
  float: left;
  width: 100%;
  margin: 0 0 30px;
}
div#customer_sidebar, #customer_orders {
  width: 50%;
  float: left;
}
td.value {
  float: left;
  width: 100%;
  margin: 5px 0 15px;
}
td.label {
  width: 100%;
  float: left;
  font-size: 16px;
}
.cart_rw {
  width: 1270px;
  display: table;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.cart_rw > * {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}
.cart_action {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.cart_note {
  width: 65%;
  float: left;
}
.cart_button {
  width: 35%;
  float: left;
  padding: 0 0 0 5%;
}
.margn_btm {
  margin: 0 0 15px;
  display: block;
}
.row.cart-layout {
  width: 100%;
  float: left;
  overflow-x: auto;
}
.product_body .images .bx-wrapper .bx-pager-item {
  margin-bottom: 9px;
}

.fancybox-inner {
  border: none;
}
.fancybox-overlay{
  background-color: #fff;
}
.fancybox-nav span{
  visibility: visible;
}
.fancybox-next span,
.fancybox-prev span{
  background-position: center center;
  width: 38px;
  height: 66px;
}
.fancybox-next span{
  background-image: url('/cdn/shop/t/69/assets/next-white.png?v=151002664140295594671686562682');
    }
.fancybox-prev span{
  background-image: url('/cdn/shop/t/69/assets/prev-white.png?v=156667208004442627911686562690');
    }
.fancybox-close{
  top: 18px;
  right: 18px;
  background-position: center center;
  background-image: url('/cdn/shop/t/69/assets/cross-white.png?v=29768538431105790681686562628');
    }
.look_text a.btn {
  width: auto;
}

/************** top btn css**********************/
.back-top {
  width:45px;
  height:45px;
  background:#221f1f;
  color:#fff;
  position:fixed;
  bottom:52px;
  right:160px;
  display:none;
  opacity:0.8;
  text-align:center;
  border-radius: 3px;
}


.new-size{font-size:2em!important;}

#customer, #recover-password {

  margin: 20px auto!important;
}


.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: center center !important;
}
.product-collecton .sizes span.disabled {
  text-decoration: line-through;
  color: #b5abab;
  opacity: .6;
}
.page_content h3 {
  margin: 0 0 6px;
}
.stock_wrap, .stock_wrap h3, .stock_wrap p{
  font-family: 'lido_stfregular';
  font-size: 19px;
  color: #221f1f;
}
ul.stock_list {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
.stock_wrap.active ul.stock_list{
  display: inline-block;
}
ul.stock_list li {
  width: 25%;
  float: left;
  padding: 0 20px 0 0;
  margin: 0 0 26px;
}
ul.stock_list li.newAddress,
ul.stock_list li.stock_1,
ul.stock_list li.stock_5,
ul.stock_list li.stock_9{
  clear: left;
}
.stock_wrap h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 29px;
}
.stock_wrap {
  float: left;
  width: 100%;
}
.stock_wrap h3{
  font-weight: bold;
  text-transform: uppercase;
}
.stock_wrap ul.stock_list h3 {
  width: 100%;
  float: left;
  margin: 0;
  font-weight: bold;
  text-transform: capitalize;
}
.shop_name {
  text-decoration: underline;
}
.stock_h3 span{
  background-image: url(' /cdn/shop/t/69/assets/stock-close.png?v=4077331554920059211686562702');
    background-repeat: no-repeat;
    background-position: right 6px;
    width: auto;
    display: inline-block;
    padding: 0 23px 0 0;
    }
.stock_wrap.active .stock_h3 span{
  background-image: url(' /cdn/shop/t/69/assets/stock-open.png?v=180161483496001351101686562702');
    }
@media only screen 
  and (min-device-width : 1300px) 
  and (max-device-width : 1400px){
    .temp_collection .reveal,.temp_index .reveal {
      /* max-height: 450px; */
      overflow: hidden;
    }
  }

/* margin bottom for collection images on mobile */
@media only screen and (max-width: 768px){
  .product-collecton {
    margin-bottom: 10px;
  }
  .merox_collection_image {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-device-width: 1301px) and (min-device-width: 1000px){
  .temp_collection .reveal {
    /* max-height: 400px;
    max-height: 425px;
    max-height: 500px; */
    max-height: none;
    overflow: hidden;
  }
}

input#add-to-cart {
  cursor: pointer;
}

/* 23aug */
@media only screen and (max-device-width: 2600px) and (min-device-width: 1901px){
  .temp_collection .reveal,.temp_index .reveal, .rel_ul_scroll .product-collecton .reveal {

    overflow: hidden;
    position: relative;
    /* height:500px; */
    /* height: 500px; */

  }
  .temp_collection .product-collecton img {
    display: block;
    margin:0 auto;
  }

  .temp_collection .reveal,.temp_index .reveal, .rel_ul_scroll .product-collecton .reveal {
    max-height: none;
  }

}
@media only screen and (max-device-width: 1900px) and (min-device-width: 1380px){
  .temp_collection .reveal,.temp_index .reveal, .rel_ul_scroll .product-collecton .reveal {
    /* max-height: 500px; */
    max-height: none;
    overflow: hidden;
    position: relative;
    width: 100%; /*360px*/
    margin: 0 auto;
/*     border: 1px solid #dcd9d9; */
  }
  /*.temp_collection .reveal{height: 500px;}
  .temp_index .reveal, .rel_ul_scroll .product-collecton .reveal { height: 500px; }*/
}
@media only screen and (max-device-width: 1379px) and (min-device-width: 1150px){
  .temp_collection .reveal,.temp_index .reveal, .rel_ul_scroll .product-collecton .reveal {
    /* max-height: 430px; */
    max-height: none;
    overflow: hidden;
    position: relative;
    /* height: 425px; */
    height: unset;
    width: 100%; /*360px*/
    margin: 0 auto;
/*     border: 1px solid #dcd9d9; */
  }
  .product-collecton{ padding: 0px 20px 0px; }
}
@media only screen and (max-device-width: 1900px) and (min-device-width: 1150px){
  .temp_collection .product-collecton{ margin-left: auto; margin-right: auto; width: 100%; }
  .temp_collection .product-collecton img {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 1;
    transition: all 0.4s ease;
    width: auto;
    margin: 0 auto;
    right: 0;
    text-align: center;
/*     height: 100%; */

  }
  .temp_collection .product-collecton img.hidden.image-second-child {
    display: unset !important;
    
    opacity: 0;
  }
  .temp_collection .product-collecton:hover img.hidden.image-second-child {
    display: unset !important;
    opacity: 1;
    position: relative !important;

    /* position: absolute !important;
    top: 0 !important; */
  }
}
@media only screen and (max-device-width: 1149px) and (min-device-width: 1000px){
  .temp_collection .reveal {
    position: relative;
    /* height: 300px;
    width: 265px; */


     max-height: none;
    overflow: hidden;
    position: relative;
    /* height: 425px; */
    height: unset;
    width: 100%; /*360px*/
    margin: 0 auto;
/*     border: 1px solid #dcd9d9; */
    
  }
  .temp_collection .product-collecton img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.4s ease;

  }
  .temp_collection .product-collecton img.hidden.image-second-child {
    /* display: unset !important; */
     display: none !important;
    opacity: 0;
  }
  .temp_collection .product-collecton:hover img.hidden.image-second-child {
    /* display: unset !important; */
    /* display: none !important; */
    opacity: 1;
  }
}

@media screen and (min-width: 1025px) {
  .rel_ul_scroll  .product-collecton .reveal {
    /*max-height: 375px;
    height: 370px;*/
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    width: 100%;
}
  
  .rel_ul_scroll .product-collecton img {
    /* display: block;
    vertical-align: middle;
    position: absolute;
    width: auto;
    margin: 0 auto;
    text-align: center;
    
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: ''; */
}
  .rel_ul_scroll.flexcroll {
    margin-left: -25px;
    padding-bottom: 20px;
}
  .temp_index .reveal img{ text-align: center; margin: 0 auto; position: absolute; width: auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
  
  .temp_index .bar1, .temp_index .bar2, .temp_index .bar3 {
    background-color: #fff;
  }
  .temp_index .hdr_wrap form.search{
    top: 35px;
    top: 0;
  }
  .temp_index .lyt_logo,
  .lyt_srch{
    display:none;
  }
  .temp_index .dark_logo,
  .temp_index .dark_srch{
    display: inline-block;
  }
  .temp_index .site_header {
    position: absolute;
    z-index: 99;
    top: 35px;
    background-color: rgba(255,255,255,.95);

  }
  .temp_index .site_header:hover{
    background-color: rgba(255,255,255,.95);
  }
  .temp_index .site_header:hover a{
    color: #221f1f;
  }
  .temp_index .site_header:hover .lyt_logo, 
  .temp_index .site_header:hover .lyt_srch {
    display: none;
  }
  .temp_index .site_header:hover .dark_logo, 
  .temp_index .site_header:hover .dark_srch {
    display: inline-block;
  }
  .temp_index .site_header a {
    color: #221f1f;
  }
  .mobileMenu{
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  .page-menu > ul > li {
    padding: 15px 30px;
  }
  ul.dropdown{
    left: 25px;
  }
  .nav_width {
    width: 704px;
  }
}
@media screen and (max-width: 1024px) {
  .product-collecton{ padding: 0px 10px 0px; }
  .body-wrapper-lock{ overflow-x: hidden; }
  .logo_wrap{ width: 30%; }
  .body-container{transition: transform .4s ease-out 0s; display: inline-block; width: 100%; }
  .body-container.open--nav{
    /* transform: translate3d(265px,0,0) !important; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
  }
  .body-container.open--nav .site_main {
    transform: translate3d(265px, 0, 0) !important;
  }
  .has-dropdown.main-subtitle ul {
    margin-top: 10px;
}
  .body-container.open--nav:after{display: inline-block;}
  .body-container:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .8;
    z-index:0;
  }
  .hdr_wrap form.search .search__submit {
    height: 34px;
    background-image: url(/cdn/shop/t/69/assets/search-icon.svg?v=137775571073158676101686562692);
  }
  .page-menu {
    display: none;
  }  
  .align-right{ float: right; }
  .align-left{ float: left; }
  .right_menu {
    padding: 10px 0 0;
  }
  .site_header {
    padding: 15px 20px;
  }
  .logo_wrap {
    padding: 0 30px 0 0;
    float: left;
  } 
  .right_menu ul {
    vertical-align: middle;
    display: inline-block;
  }
  .right_menu ul li {
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px 0 0;
  }
  .cart-summary {
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px 0 0;
  }
  .menu_icon {
    vertical-align: middle;
    display: inline-block !important;
    margin-right: 10px;
    margin-top: 3px;
  }
  .mobileMenu {
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 99999;
    left: 0;
    /*     right: 0;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
    border: 1px solid #ececec; */
  }
  .mobileMenu.mobileSideMenu{
    /*     position: fixed;
    top: 0%;
    width: 285px;
    height: 100vh;
    transform: translateX(-285px); */
    transform: translateX(0) !important;
    transition: transform .4s ease-out 0s;
    position: fixed;
    top: 0;
    left: -265px;
    width: 265px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #ccc;
    /*     font-family: Georgia,Times,Serif; */
    line-height: 16px;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: default;
  }
  .open--nav .hdr_wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ccc;
    transition: transform .4s ease-out 0s;
    transform: translate3d(265px,0,0) !important;
  }

  .open--nav .hdr_wrap .fixedHeader {
     transition: transform .4s ease-out 0s;
  }

  .mobileMenu.mobileSideMenu.open-nav{ transform: translateX(265px) !important; transition: transform .4s ease-out 0s; }
  .mobileMenu.mobileSideMenu nav{
    /*       overflow-y: auto; */
    height: 100%;
    padding: 0px 0px 10px;
  }
  .mob-menu ul{transition: transform .4s ease;}
  .mob-menu ul.dropdown-menu.active-menu {
    left: 0;
    top: 0;
    height: 100%;
    background: #f0f0f0;
    z-index: 99999;
    display: block;
    transform: translateX(0);
    transition: .4s ease-out 0s;
    overflow-y: scroll;
  }
  .back-main-nav{ text-align: center; position: relative; }
  .get-dropdown {
    display: inline-block;
    width: 100%;
position: relative;}
  .mob-menu .dropdown-menu{
    /*     display: none; */
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 0;
    background: #f0f0f0;
    border-right: 1px solid #dbdbdb;
    transition: .4s ease-out 0s;
    transform: translateX(-100%);
  }
  .mob-menu .dropdown-menu.nav__menu--open {
    transition: .4s ease;
    transform: translateX(0);
    left: 0;
    width: 100%;
  }
  .logo_wrap a.hdr_search.dark_srch.desktop--hide.align-right {
    padding: 5px 5px;
}
  .back-menu{ transition: .4s ease; position: relative; border-bottom: 1px solid #d5d5d5; margin: 20px 0px 24px; padding-bottom: 24px !important;}
  .menu-subtitle a{margin-bottom: 10px;}
  span.arrow-right {
    position: absolute;
    right: 0px;
    content: '';
    padding: 7px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    background-image: url('/cdn/shop/t/69/assets/right-arrow.svg?v=85171186456198275021686562691');
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 52%;
      }
  span.arrow-left {
    position: absolute;
    left: 5px;
    content: '';
    padding: 9px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    background-image: url('/cdn/shop/t/69/assets/left-arrow.svg?v=134839743062829890171686562661');
      background-repeat: no-repeat;
      background-position: center;
      }
  .hdr_wrap .mobileMenu form.search {
    display: inline-block;
    box-shadow: none;
    width: 100%;
    float: left;
    position: relative;
    top: auto;
    padding: 1px 0px;
  }
  .close-submenu{ font-size: 40px;    line-height: 35px; }
  .hdr_wrap form.search .search__input{
    padding-left: 0;
  }
  nav.mob-menu {
    /*     float: left; width: 100%; text-align: left; */
    margin: 24px;
    margin-right: 10px;
  }

  .mob-menu ul {
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .mob-menu li {
    /*     float: left; */
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
  }
  .dropdown-li{position: relative;display: inline-block; width: 100%;}
  .gal_li h2 {
    font-size: 35px;
  }
  .main_slider ul li h2 {
    font-size: 45px;
  }
  .hdr_wrap form.search img{ margin: 8px 0 0 20px;}
  /*   .hdr_wrap form.search .search__submit{ float: right; } */
  .newli{padding: 0px 15px!important; width: 100%; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
  .newli form.search{margin:0px;}
  .mob-menu li.dropdown a {
    float: left;
    width: auto;
  }
  .mob-menu ul.dropdown {
    position: relative;
    opacity: 1;
    visibility: visible;
    float: left;
    left: 0;
  }
  ul.dropdown li{
    margin: 0;
    width:100%;
  }
  .closeicon{ cursor: pointer; }
  .product-collecton h3,
  .product-collecton  .price { font-size: 13px;}
}
@media screen and (max-width: 979px) {
  .right_menu{ padding: 7px 0 0; }
  .product-collecton:hover img.img-first-child{
    display: none !important;
  }
  .product-collecton img.hidden.image-second-child {
    /* display: none !important; */
  }
  .product-collecton:hover img.hidden.image-second-child {
    /* display: none !important; */
    position: relative !important;
    /* top: 0 !important; */
  }

  .product-collecton{
    /* width: 50%; */
    width: 100%;
    padding: 0 15px 30px;
  }  
  .product-collecton:nth-child(3n+1) {
    clear: none;
  }
  .product-collecton:nth-child(2n+1) {
    clear: left;
  }
  .product_body .images {
    width: 100%;
  }
  .pdpContentWrap {
    width: 100% !important;
    padding: 30px 0 0;
    top:0px !important;
  }
  .temp_index .image .reveal{ max-height: 320px; }
}
@media screen and (min-width: 480px){ .desktop--hide{ display: none !important; } }
@media screen and (max-width: 767px) {
  
  #topCartContent{
    width: 95%;
  }
  .ftr_left {
    width: 100%;
    margin: 0 0 25px;
    text-align: center;
  }
  .ftr_right {
    width: 100%;
    margin: 25px 0 ;
    text-align: center;
  }
  .gal_li li,.gal_li li.two_gal {
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
  }
  .gal_li {
    padding: 0 10px 10px;
  }
  .gal_li h2 {
    font-size: 25px;
  }

  .main_slider ul li h2 {
    font-size: 30px;
  }

  .main_slider .bx-wrapper .bx-pager {
    bottom: 10px;
    right: 10px;
  }
  .story_img_bx {
    width: 100%;
    display: block;
    margin: 0 0 20px;
  }
  .story_text {
    width: 100%;
    display: block;
    padding: 0;
  }
  .story_bx{
    margin: 0 0 20px;
  }
  .page_banner h1 {
    font-size: 35px;
    line-height: 1;
  }
  .story_title {
    font-size: 25px;
  }
  .coll-sidebar{
    width: 100%;
  }
  .coll-products{
    width: 100%;
  }
  .bx-wrapper .bx-next {
    right: 0;
  }
  .bx-wrapper .bx-prev {
    left: 0;
  }
  header.site_header, .page_wrap, .site_footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .look_bx{
    padding-left: 5px;
  }
  .look_bx:nth-child(2n+1){
    padding-right: 5px;
  }
  .look_slider {
    margin: 20px 0 0;
  }
  .page_title {
    font-size: 26px;
  }
  .pro_title, .pdpContentWrap .price {
    font-size: 25px;
  }
  .ui-tabs .ui-tabs-nav li {
    margin: 0 30px 0 0;
  }
  .swatch .swatch-element {
    margin: 0px 5px 15px 0;
  }
  .actions input#checkout, input[type=submit].black_big_btn, a.black_big_btn {
    font-size: 15px;
    padding: 16px 10px 15px;
  }
  .swatch-element label {
    font-size: 15px;
  }
  div#customer_sidebar, #customer_orders {
    width: 100%;
  }
  div#customer_sidebar{
    margin: 0 0 30px;
  }
  .cart_note {
    width: 100%;
  }
  .cart_button {
    width: 100%;
    padding: 30px 0 0;
  }
  .back-top {
    width: 45px;
    height: 45px;
    background: #221f1f;
    color: #fff;
    position: fixed;
    bottom: 56px;
    right: 29px;
    display: none;
    opacity: 0.8;
    text-align: center;
    border-radius: 3px;
  }
  .bx-wrapper .bx-controls-direction a {
    margin: 0;
    transform: translateY(-87%);
    z-index: 999;
    position: absolute;
    top: 49%;
  }
  ul.stock_list li {
    width: 50%;
  }


  ul.stock_list li.stock_3,
  ul.stock_list li.stock_7{
    clear: left;
  }
  .index_story .gal_li{padding: 0 0 10px;}
}

@media only screen 
  and (min-device-width : 414px) 
  and (max-device-width : 736px) { 
    .temp_index .image .reveal{ max-height: none; }

    .back-top {
      width: 45px;
      height: 45px;
      background: #221f1f;
      color: #fff;
      position: fixed;
      bottom: 52px;
      right: 24px!important;
      display: none;
      opacity: 0.8;
      text-align: center;
      border-radius: 3px;
    }.bx-wrapper .bx-controls-direction a {
      margin: 0;
      transform: translateY(-116%);
      z-index: 999;
      position: absolute;
      top: 50%;
    }

  }


@media(max-width:600px){
  .story_blck_text iframe{
    max-width:100%;
    max-height:400px;
  }
  .temp_index .reveal, .rel_ul_scroll .product-collecton .reveal{max-height: none !important;}
}

@media screen and (max-width: 479px) {
  .right_menu{ padding: 12px 0 0; }
  a.hdr_search, .temp_index .lyt_srch{
    display: none;
  }
  .menu_icon{ margin-right: 0px; margin-top: 0px;}
  .desktop--hide{ display: block !important; }
  .logo_wrap {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .right_menu {
    width: 100%;
    text-align: center;
  }
  .product-collecton{
    width: 100%;
  }  
  .back-top {
    width: 45px;
    height: 45px;
    background: #221f1f;
    color: #fff;
    position: fixed;
    bottom: 56px!important;
    right: 29px !important;
    display: none;
    opacity: 0.8;
    text-align: center;
    border-radius: 3px;
  }

  .bx-wrapper .bx-controls-direction a {
    margin: 0;
    transform: translateY(-87%);
    z-index: 999;
    position: absolute;
    top: 49%;
  }
  ul.stock_list li {
    width: 100%;
  }
}

.search-product{
  width: 46%;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 0 0 40px;
}

@media screen and (max-width: 400px){
  .main_slider ul li h2 {
    font-size: 26px;
  }
}
/* .images .bx-viewport{
height:auto!important;
}

.images .bx-has-pager{
position: fixed;
left: 4%;
top: 50%;
}

.positionnew {position: fixed;top: 137px;}

.positionabs {
position: absolute;
top: 2155px;
}
*/
.shop_logo img{
  width:120px;
  image-rendering: -webkit-optimize-contrast;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
  position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vid_center {
  text-align: center;
}


.main .blog-main {
    max-width: 1150px;
    margin: auto;
    padding: 0;
    width: 100%;
    overflow: hidden;
}


.temp_article .article .post-info {
    display: none !important;
}

.main .blog-main .article .post-info {
    display: block;
}



.main .blog-main .article:nth-child(4n+4) {
    margin-right: 0;
}

h2.post-title {
    font-size: 16px;
    font-family: 'Neue Haas Grotesk Text Pro';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.02px;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 0;
    padding-bottom: 5px;
}

.blog-main .pagination {
    clear: both;
}

.blog-section {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.main .blog-main .article {
    flex: 0 0 23%;
    margin-right: 29px;
    padding-bottom: 15px;
}

.image {
    min-height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    position: relative;
    margin-bottom: 20px;
}


.post-date {
    letter-spacing: 0.02px;
    font-size: 16px;
    color:#000000;
    line-height: 22px;
    font-family: 'Conv_NeueHaasDisplayRoman';
}

.temp_blog .post-content {
    display: none;
}

.temp_blog img {
    /* display: none; */
}

.temp_article .image {
    display: none;
}

.main .blog-main .pagination {
    margin: 40px auto 40px;
}


  .page-title {
    display: none;
}
  
.main .blog-main .post-info {
    display: none;
}  
  
.blog-article .text {
    width: 48%;
    float: left;
}
  
.blog-article .image-right {
    width: 48%;
    float: right;
}
  
.blog-article .image-right img {
    width: 100%;
}  
  
.blog-article .content p {
    clear: both;
    text-align: center;
    padding: 45px 0;
    font-size: 18px;
    font-family: 'Conv_NeueHaasDisplayRoman';
    color: #000;
}
  
.blog-article .text h2 {
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    letter-spacing: 0.02px;
    color: #000000;
    max-width: 390px;
    font-family: 'Conv_NeueHaasDisplayRoman';
}
  
.blog-article .text h4 {
    font-family: 'Conv_NeueHaasDisplayRoman';
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0.02px;
    color: #000000;
    font-weight: 500;
    margin: 10px 0 130px;
}

.main .blog-main .article .post-info a {
    font-size: 20px;
    color: #000000;
    font-family: 'Conv_NeueHaasDisplayRoman';
}
  
.blog-article .text p {
    text-align: left;
    font-size: 20px;
    font-family: 'Conv_NeueHaasDisplayRoman';
    color: #000000;
    padding-right: 0px;
}
  
.content.left .image-right.left {
    float: left;
    padding-left: 0;
}
.image-group.image-section {
    clear: both;
}  
  
.content.left .text {
    padding-left: 0;
    margin-bottom: 35px;
    float: right;
}
  
.content.left .text p, .image-group.image-section .image.bundle p{
    padding: 0;
    font-size: 13px;
    font-family: 'Neue Haas Grotesk Text Pro';
    font-weight: 500;
    letter-spacing: 0.02px;
    color: #000; 
    text-align: left;
} 
  
.content.left .image-right.left p {
    max-width: 300px;
    margin: 55% 0 31%;
    text-align: left;
    font-size: 23px;
}
  
.image-group.image-section .image {
    display: inline-block;
    min-height: auto;
    width: 48%;
    float: left;
    margin-right: 44px;
}
  
  
.image-group.image-section .image:nth-child(even) {
    margin-right: 0;
}  
  
.image-group.image-section .image img {
    width: 100%;
    display: block;
    line-height: 0;
}  
  
.image-group.image-section .image.bundle.text {
    padding-left: 0;
    padding-top: 25px;
}
  
.image-group.image-section .image.bundle {
    padding-top: 25px;
}
  
.blog-article {
    margin-bottom: 30px;
}

.image-group.image-section .image img.green-image {
    margin-top: 50px;
    margin-bottom: 40px;
}

.blog-article .content p.creative {
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Neue Haas Grotesk Text Pro';
}
  
.image-group.image-section .image img.black-image + img {
       margin-top: 645px;
    margin-bottom: 40px;
} 
  
.blog-article > p {
    text-align: center;
    font-size: 14px;
    font-family: 'Neue Haas Grotesk Text Pro';
    font-weight: 500;
    letter-spacing: 0.02px;
    color: #000;
}  
  
  
  
@media screen and (min-width:768px) and (max-width:1170px) {
  
.blog-article {
    padding: 0 20px;
}  

 h2.post-title {
    font-size: 12px;
} 
  
.blog .main .blog-main .blog-section .article:nth-child(3n+3) {
    margin-right: 0;
}  
  
.main .blog-main .article:nth-child(4n+4) {
    margin-right: 29px;
}  
  
.image-group.image-section .image {
    margin-right: 26px;
}  
  
}

@media screen and (min-width:768px) and (max-width:1024px) {
  
.blog .main .blog-main .blog-section .article {
    flex: 0 0 30%;
    margin-right: 20px;
}
  
.blog .main .blog-main .blog-section {
    padding: 0 20px;
}  
  
.main .blog-main .article {
    flex: 100%;
    margin-right: 0;
}  
  
.blog-article .text p br {
    display: none;
}  
  
.blog-article .text h2 {
    margin-bottom: 20px;
    font-size: 28px;
}
  
.blog-article .text h4 {
    font-size: 16px;
}  
  
.blog-article .text p {
    font-size: 16px;
}  
  
.content.left .image-right.left p {
    font-size: 20px;
}  
  
.image-group.image-section .image img.black-image + img {
    margin-top: 470px;
}  
  
}
  
@media screen and (min-width:320px) and (max-width:767px) {
  
.blog .main .blog-main .blog-section .article {
    flex: 0 0 23%;
    margin-right: 20px;
}  
  
.blog-article .text h2 {
    font-size: 25px;
    max-width:100%;
}  
  
.blog-article .text h4 br, .blog-article .text p br {
    display: none;
}
  
.blog-article .text p {
    font-size: 18px;
}  
  
.blog-section, .blog-article {
    display: block;
    padding: 0 20px;
}
  
.content.left .image-right.left p {
    max-width: 100%;
}  
  
.image-group.image-section .image img.black-image + img {
    margin-top: 25px;
    margin-bottom: 25px;
}  
  
.image-group.image-section .image {
    width: 100%;
    float: none;
    margin-right: 0;
}  
  
.content.left .image-right.left p {
    margin: auto;
    font-size: 18px;
}
  
.blog-article .text h4 {
    margin: 20px 0 0;
}  
  
.blog-article .text, .blog-article .image-right {
    width: 100%;
    float: none;
}  
  
.image-group.image-section .image img.green-image {
    margin-top: 25px;
    margin-bottom: 0px;
}  
 
.image-group.image-section .image.bundle.text {
    padding-left: 0;
    padding-top: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
}  
  
.main .blog-main .article {
    flex: 100%;
    margin-right: 0;
    padding-bottom: 0;
}  
  
}
  @media only screen and (max-width: 600px) {
    #shopify-section-1623499982c0178132 {
      min-height:750px;
    }
  }
  @media only screen and (max-width: 800px) and (min-width: 601px){
    #shopify-section-1623499982c0178132 {
      min-height:1260px;
    }
  }
  @media only screen and (max-width: 1200px) and (min-width: 1001px){
    #shopify-section-1623499982c0178132 {
      min-height:690px;
    }
  }

  @media only screen and (max-width: 1500px) and (min-width: 1201px){
    #shopify-section-1623499982c0178132 {
      min-height:836px;
    }
  } 
  @media only screen and (max-width: 1800px) and (min-width: 1501px){
    #shopify-section-1623499982c0178132 {
      min-height:1000px;
    }
  }
  @media only screen and (min-width: 1801px) {
    #shopify-section-1623499982c0178132 {
      min-height:1270px;
    }
  }

.temp_blog img.dark_logo {
  display: block !important;
}

.customer .cart-summary {padding: 0px 0px;margin-bottom: 2px;}
.meroxHover.w3_bg {
    position: relative;
}