/** Shopify CDN: Minification failed

Line 4592:4 "dislay" is not a known CSS property
Line 10172:2 Expected identifier but found "*"
Line 10254:2 Expected identifier but found "*"
Line 10793:2 Expected identifier but found "*"
Line 11361:2 "flex-warp" is not a known CSS property
Line 13068:36 Unexpected "'.selected'"
Line 14220:2 Expected identifier but found "*"

**/
/*============================================================================
  [replace with theme name] | Built with Slate
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/*
/*  SECTION 1
/*    1.1 - Base Styles
/*    1.2 - HTML5 Elements
/*    1.3 - Forms and Inputs
/*    1.4 - Typography
/*    1.5 - Links and Buttons
/*    1.6 - Tables
/*    1.7 - Icons
/*    1.8 - Tags
/*
/*  SECTION 2
/*    2.1 - Helper classes
/*    2.2 - Grid system
/*    2.3 - Lists
/*
/*  SECTION 3
/*    3.1 - Toolbar
/*    3.2 - Header
/*    3.3 - Navigation
/*    3.4 - Footer
/*    3.5 - Homepage
/*    3.6 - Product & Collections
/*    3.7 - Cart
/*    3.8 - Blogs/Articles/Search
/*    3.9 - Customer Pages
/*	  3.10- Notification Bar
/*
/*  SECTION 4
/*    4.1 - Media Query - Desktop Slim
/*    4.2 - Media Query - Tablet Landscape
/*    4.3 - Media Query - Mobile Landscape
/*    4.4 - Media Query - Mobile Portrait
/*
/*  SECTION 5
/*    5.1 - IE Fixes
/*
/*  SECTION 6
/*    6.1 - Fancybox plugin
/*    6.2 - FlexSlider plugin
/*    6.3 - jQuery Tabs
/*    6.4 - Web Fonts
/*    6.5 - Example Products & Content Tooltip
/*
/*  SECTION 7
/*	  7.1 - Swatches Styles
/*	  7.2 - SPR Styles
/*	  7.3 - Shapify
/* 	  7.4 - Yotpo and socialphotos
/*	  7.5 - random hacks
/* 	  7.6 - useful classes
/*    7.7 - buy button css


/* =================== */
/*      SECTION 1      */
/* =================== */
/* 1.1 - Base Styles */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  height: 100%; }

body {
  line-height: 21px;
  font-size: 13px;
  color: #444444;
  min-height: 100%; }

@font-face {
  font-family: rhinoshieldV2;
  src: url("//rhinoshield.eu/cdn/shop/t/1232/assets/RhinoshieldUnicaseV2-Bold.otf?v=102459781463458229791703039847"); }

/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 1.3 - Forms and Inputs */
form {
  margin: 0;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal;
  -webkit-appearance: none;
  border-radius: 0; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

select, input[type=file] {
  height: 27px;
  height: auto;
  line-height: 27px; }

input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus {
  outline: none; }

input[type=checkbox], input[type=radio] {
  height: 16px;
  line-height: 16px;
  vertical-align: middle; }

input[type=checkbox] {
  -webkit-appearance: checkbox; }

input[type=file] {
  cursor: pointer;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0; }

input[type=submit] {
  cursor: pointer; }

select {
  font-size: 1em;
  display: inline-block;
  color: #222;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  padding: 2px;
  padding: initial;
  border: 1px solid #ccc;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

@-moz-document url-prefix() {
  select {
    padding: 0px; } }

/* Firefox fix */
select:focus, select.focus {
  outline: none;
  border: 1px solid #4c90ee;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
  -moz-box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);
  box-shadow: 0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); }

textarea {
  min-height: 72px; }

img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic; }

ul, ol {
  margin: 0;
  padding: 0; }

ul li {
  margin-bottom: 5px; }

ul {
  list-style: none; }

.documentation-header {
  margin-bottom: 30px !important; }

/* 1.4 - Typography */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 13px 0; }

h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note {
  margin-left: 8px;
  font-weight: bold;
  font-size: 12px; }

h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a {
  color: #ffffff; }

.underline {
  text-decoration: underline; }

/* 1.5 - Links and Buttons */
a {
  color: #444;
  text-decoration: none; }

a.btn, input.btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  border: none;
  margin: 0;
  padding: 0 12px;
  color: #ffffff;
  font-size: 13px;
  text-transform: none;
  width: auto; }

.shopify-challenge__button {
  width: 200px !important;
  height: auto !important;
  padding: 10px 0 !important;
  background-color: #2D2D2D;
  border-radius: 92px !important;
  font-size: 14px !important;
  font-weight: bold;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  line-height: 18px !important;
  margin: 30px auto 60px auto !important; }

.shopify-challenge__button:hover {
  background-color: #2D2D2D;
  opacity: 0.8; }

.btn.secondary {
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  background: #999;
  color: #fff;
  border: none;
  margin-top: 0;
  height: 27px;
  line-height: 29px;
  padding: 0 23px;
  border-radius: 30px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block; }

a.btn:hover:disabled, input.btn:hover:disabled {
  -moz-opacity: 0.20;
  opacity: .20;
  filter: alpha(opacity=20);
  cursor: default; }

input.disabled.btn:hover {
  background-color: #ffffff;
  color: #fff; }

.btn:disabled, .disabled {
  -moz-opacity: 0.20;
  opacity: .20;
  filter: alpha(opacity=20);
  cursor: default; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #444444; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  opacity: 0.8; }

.accent-color {
  color: #ffffff !important; }

#product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

#zoom-image {
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  border-radius: 0 2px 0 0; }

#contact_form input[type="submit"], .button, .mimi_field .submit {
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #FFEF00;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  padding: 5px 30px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block; }

.page-with-contact-form .cd-tabs-content > li {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.btnyellow {
  background: #FFEF00;
  color: #444; }

.btnyellow:hover, .btnwhite:hover, .btngrey:hover, input[type="submit"]:hover {
  opacity: 0.7; }

.btnwhite {
  background: #fff;
  color: black; }

.btngrey {
  background: #444;
  color: #fff;
  box-sizing: border-box;
  min-width: 80%; }

/* 1.6 - Tables */
table:not(.picker__table):not(.different) {
  width: 100%;
  border-spacing: 0; }

table:not(.picker__table):not(.different) tr td, table:not(.picker__table):not(.different) tr th {
  padding: 10px;
  text-align: left; }

table:not(.picker__table) tr td:first-child, table:not(.picker__table) tr th:first-child {
  padding-left: 0px; }

table:not(.picker__table) tr td:last-child, table:not(.picker__table) tr th:last-child {
  padding-right: 0px; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

/* 1.7 - Icons */
.icon-social {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: 10px;
  margin-bottom: 10px; }

.icon-social {
  background: url("//rhinoshield.eu/cdn/shop/t/1232/assets/social-icons-light-bg.png?4198217") no-repeat; }

.icon-social {
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5; }

.icon-social:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1; }

.icon-social.twitter {
  background-position: 0 0; }

.icon-social.facebook {
  background-position: -50px 0; }

.icon-social.youtube {
  background-position: -100px 0; }

.icon-social.atom {
  background-position: -150px 0; }

.icon-social.instagram {
  background-position: -200px 0; }

.icon-social.pinterest {
  background-position: -250px 0; }

.icon-social.vimeo {
  background-position: -300px 0; }

.icon-social.tumblr {
  background-position: -350px 0; }

.icon-social.google {
  background-position: -400px 0; }

.icon-facebook {
  float: left;
  margin-top: 1px;
  width: 40px;
  overflow: hidden; }

.social {
  width: 100%;
  margin: 0;
  text-align: center; }

.social #social {
  display: inline-block; }

#social .google-plus, #product .tweet-btn, #product .pinterest, #product .facebook-like,
#collection .google-plus, #collection .tweet-btn, #collection .pinterest, #collection .facebook-like {
  display: block;
  float: left;
  margin-right: 10px; }

/*#social .pinterest { width: 70px; }*/
#social .share-this {
  float: left;
  margin: 0 10px 0 0; }

.credit-cards {
  margin: 0 auto;
  list-style: none outside none;
  text-align: center; }

.credit-cards li {
  display: inline;
  margin-right: 10px; }

.icon-products {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Y2lyY2xlLCBlbGxpcHNlLCBsaW5lLCBwYXRoLCBwb2x5Z29uLCBwb2x5bGluZSwgcmVjdCwgdGV4dCB7IGZpbGw6ICM5OGE3YjUgIWltcG9ydGFudDsgfTwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjNTI2MDY2IiBkPSJNOS4xLDEzLjZjLTAuNCwwLTAuNy0wLjEtMS0wLjRMMS45LDYuOWwwLjIsMS44YzAsMC4yLDAuMiwwLjUsMC4zLDAuN2w2LjUsNi41QzksMTYsOS4zLDE2LDkuNCwxNS45DQoJCWw0LjctNC43YzAuMi0wLjIsMC4yLTAuNCwwLTAuNmwtMC43LTAuN2wtMy4zLDMuM0M5LjksMTMuNCw5LjUsMTMuNiw5LjEsMTMuNnoiLz4NCgk8cGF0aCBmaWxsPSIjNTI2MDY2IiBkPSJNNy43LDAuNkM3LjUsMC41LDcuMiwwLjMsNywwLjNMMy41LDBjMCwwLDAsMC0wLjEsMEMzLjIsMCwyLjksMC4xLDIuOCwwLjJMMiwxQzEuOCwxLjIsMS43LDEuNSwxLjcsMS43DQoJCWwwLjMsMy41YzAsMC4yLDAuMiwwLjUsMC4zLDAuN2w2LjUsNi41YzAuMSwwLjEsMC4yLDAuMSwwLjMsMC4xYzAuMSwwLDAuMiwwLDAuMy0wLjFsNC43LTQuN2MwLjItMC4yLDAuMi0wLjQsMC0wLjZMNy43LDAuNnoNCgkJIE0zLjIsMS41YzAuMi0wLjIsMC40LTAuMywwLjYtMC4zczAuNCwwLjEsMC42LDAuM2MwLjMsMC4zLDAuMywwLjksMCwxLjJDNC4zLDIuOSw0LjEsMywzLjgsM1MzLjQsMi45LDMuMiwyLjcNCgkJQzIuOSwyLjQsMi45LDEuOSwzLjIsMS41eiIvPg0KPC9nPg0KPC9zdmc+DQo="); }

.icon-pages {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjOThhN2I1ICFpbXBvcnRhbnQ7IH08L3N0eWxlPjxwYXRoIGZpbGw9IiM1MjYwNjYiIGQ9Ik01IDloLTN2MWgzdi0xem0xLTJoLTR2MWg0di0xem0tNCA1aDN2LTFoLTN2MXptOCAyLjA0NmwtOS4wMDItLjA0Ni0uMDA0LTloMy4wMDZ2LTNoNnYyaDF2LTEuOTU0bC0xLjA4LTEuMDQ2aC02LjkybC0yLjk5OCAyLjk4Ni0uMDAyIDExLjAxNGgxMXYtNGwtMSAxLjA0NnYyem0tNi45OTYtMTEuNjA1djEuNTg2aC0xLjYwOGwxLjYwOC0xLjU4NnptMi45ODcgOS4wNThsMi4yMDYtLjA1OSA2LjgwNS01LjU1NC0xLjY4OS0yLjEwNC02LjgwNSA1LjU1NC0uNTE3IDIuMTYzem0xLjE2OS0xLjcxNWwuODMxLS4xNTYuMTU1LjgzNS0xLjIwMS41NjUuMjE1LTEuMjQ0eiIvPjwvc3ZnPg=="); }

.icon-collections {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Y2lyY2xlLCBlbGxpcHNlLCBsaW5lLCBwYXRoLCBwb2x5Z29uLCBwb2x5bGluZSwgcmVjdCwgdGV4dCB7IGZpbGw6ICM5OGE3YjUgIWltcG9ydGFudDsgfTwvc3R5bGU+DQo8cGF0aCBmaWxsPSIjNTI2MDY2IiBkPSJNNy41LDEuNUwwLDMuNWgwdjguOWw3LDIuMVY1LjdMMiw0LjVsNS41LTEuNmw2LjMsMS42bDAuMSwwTDgsNS43djguOGw4LTIuMVYzLjlMNy41LDEuNXogTTE0LDguMWwtNCwwLjgNCglWNy4zbDQtMC44VjguMXoiLz4NCjwvc3ZnPg0K"); }

/* 1.8 - Tags */
.tags {
  margin: 0 0 0 12px;
  padding: 0;
  right: 24px;
  bottom: -12px;
  list-style: none; }

.tags li {
  margin-bottom: 5px !important; }

.tags li, .tags a {
  float: left;
  height: 24px;
  line-height: 24px;
  position: relative;
  font-size: 11px; }

.tags a {
  margin: 0 15px 15px 0;
  padding: 0 10px 0 12px;
  background: #e0e0e0;
  color: #666666;
  text-decoration: none;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.tags a:before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #e0e0e0 transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0; }

.tags a:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  float: left;
  width: 4px;
  height: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff; }

.tags a:hover, .tags li.active a {
  background: #CCCCCC;
  color: #333333; }

.tags a:hover:before, .tags li.active a:before {
  border-color: transparent #CCCCCC transparent transparent; }

/* =================== */
/*      SECTION 2      */
/* =================== */
/* 2.1 - Helper Classes */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after, .row:after {
  clear: both; }

.clearfix, .row {
  zoom: 1; }

.p0 {
  margin-bottom: 0px !important; }

.p5 {
  margin-bottom: 5px !important; }

.p10 {
  margin-bottom: 10px !important; }

.p15 {
  margin-bottom: 15px !important; }

.p20 {
  margin-bottom: 20px !important; }

.p25 {
  margin-bottom: 25px !important; }

.p30 {
  margin-bottom: 30px !important; }

.p40 {
  margin-bottom: 40px !important; }

.p50 {
  margin-bottom: 50px !important; }

.p60 {
  margin-bottom: 60px !important; }

.box {
  overflow: hidden; }

.fr {
  float: right !important; }

.fl {
  float: left !important; }

.fn {
  float: none !important; }

.tr {
  text-align: right !important; }

.tl {
  text-align: left !important; }

.tc {
  text-align: center !important; }

.hidden {
  display: none !important; }

.border-top {
  border-top: 1px solid #dddddd; }

.border-right {
  border-right: 1px solid #dddddd; }

.border-bottom {
  border-bottom: 1px solid #dddddd; }

.border-left {
  border-left: 1px solid #dddddd; }

.display-table {
  display: table !important;
  width: 100%; }

.display-table-cell {
  display: table-cell !important;
  vertical-align: middle; }

.table {
  display: table;
  margin: 0 auto; }

.fixed {
  position: fixed; }

hr.divider {
  margin: 30px 0;
  background: #dddddd;
  height: 1px;
  border: 0;
  width: 100%;
  display: inline-block; }

/* 2.2 - Grid System */
.wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.toolbar-wrapper {
  height: 55px;
  background: #000;
  position: relative; }

#transparency {
  position: relative;
  z-index: 1; }

#transparency > .row:before, #transparency > .row:after {
  content: "";
  display: table; }

#transparency > .row:after {
  clear: both; }

#transparency > .row {
  zoom: 1; }

.toolbar {
  width: 100%;
  margin: 0 auto; }

footer {
  margin: 0 auto; }

footer .bigbox {
  display: flex;
  border-bottom: solid 1px #555;
  margin-bottom: 10px;
  padding-bottom: 60px; }

footer ul.unstyled {
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  padding: 20px 0 0;
  width: 282px;
  margin: 0 auto; }

footer ul.unstyled li {
  float: left;
  text-transform: uppercase;
  margin-right: 20px; }

/* This was probably done for some kind of visual effect but it doesn't work any more
footer ul.unstyled li:nth-child(5){ margin-left: 75px; }
footer ul.unstyled li:nth-child(4){ margin-right: 0; }
*/
footer ul.unstyled li a {
  color: #FFEF00; }

.iconredisplayfer {
  width: 60px; }

.footerblack .bigbox {
  border-bottom: solid 1px #dcc019; }

.footerblack ul.unstyled li a {
  color: #000; }

.footerblack p {
  color: #FFEF00; }

.footer-wrapper {
  background: #ededed;
  margin-top: 0; }

.row {
  margin: 0 0 30px 0; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  display: block;
  float: left;
  margin: 0 15px; }

.inner-left {
  margin-left: 0px !important; }

.inner-right {
  margin-right: 0px !important; }

.span1 {
  width: 53px; }

.span2 {
  width: 136px; }

.span3 {
  width: 219px; }

.span4 {
  width: 302px; }

.span5 {
  width: 385px; }

.span6 {
  width: 468px; }

.span7 {
  width: 551px; }

.span8 {
  width: 634px; }

.span9 {
  width: 717px; }

.span10 {
  width: 800px; }

.span11 {
  width: 883px; }

.span12 {
  width: 966px; }

/* 2.3 - Lists */
ul.unstyled, ol.unstyled {
  margin: 0;
  list-style: none outside none; }

ul.unstyled > li, ol.unstyled > li {
  list-style: none; }

ul.horizontal > li, ol.horizontal > li {
  display: block;
  float: left; }

ul.horizontal-inline, ol.horizontal-inline {
  text-align: center; }

ul.horizontal-inline > li, ol.horizontal-inline > li {
  display: inline;
  margin: 0 5px; }

ul.expanded > li, ol.expanded > li {
  margin-bottom: 10px; }

/* =================== */
/*      SECTION 3      */
/* =================== */
/* 3.1 - Toolbar */
.toolbar {
  color: #fff;
  font-size: 1em;
  float: none !important;
  max-width: 1200px;
  margin: 0 auto; }

.toolbar > ul > li {
  height: 55px;
  padding-left: 0px;
  line-height: 55px;
  list-style: none;
  padding-right: 0px;
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: top; }

.toolbar .toolbar-wide-click {
  padding: 5px 15px; }

.toolbar a {
  color: #dedede;
  display: flex; }

.toolbar a:hover {
  color: rgba(255, 255, 255, 0.9); }

.toolbar .search_box {
  background: transparent;
  height: 34px;
  width: 45px;
  padding: 0 10px 0 31px;
  border: none;
  vertical-align: middle;
  line-height: normal;
  color: #444444 !important;
  border-radius: 3px;
  box-shadow: none;
  margin-top: -3px;
  transition: all 0.3s ease-in-out;
  font-size: 15px; }

.toolbar .search_box:focus {
  background: rgba(0, 0, 0, 0.05);
  width: 150px; }

.toolbar #go {
  position: absolute;
  width: 14px;
  height: 14px;
  border: none;
  margin: 19px 0 0 4px;
  box-shadow: none; }

.toolbar .or {
  color: #888; }

.toolbar-customer {
  padding-left: 0  !important; }

.toolbar li.search-field {
  padding-right: 0; }

#cart-animation {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 15;
  text-align: center;
  line-height: 25px;
  background: #444 !important;
  color: #fff !important;
  font-weight: bold;
  border: 3px solid #444;
  font-size: 16px; }

.cart-count {
  color: #5b5b5b;
  width: 16px;
  height: 16px;
  text-align: center;
  transition: opacity 0.2s ease-out; }

.has-items .cart-count {
  opacity: 1; }

.desktop-navbar > li {
  box-sizing: border-box;
  float: left;
  display: block; }

#menu > li {
  float: left; }

.desktop-navbar {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }

.slicknav_menu .logoimg {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto; }

.slicknav_menu .cart-mobile-top {
  position: absolute;
  right: 0px;
  margin: 6px;
  padding: 6px;
  text-align: right; }

#mobile-menu .slicknav_btn {
  float: left;
  margin: 8px 0px; }

/* 3.2 - Header */
.logo {
  max-width: 966px; }

.logo a img, .logo h1 a {
  display: block;
  margin: 0 auto; }

.logo h1 {
  text-align: center; }

.logo {
  padding: 40px 0 60px 0; }

.logo h1 {
  margin: 0;
  border: 0; }

.logo h1 a {
  text-decoration: none;
  font-size: 58px;
  line-height: 58px;
  color: #444444;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: bold; }

.logo a, .logo img {
  display: block;
  margin: 0; }

/* 3.3 - Navigation */
.navbar-fixed {
  position: fixed;
  top: 0;
  opacity: 1; }

.navbar-fixed:hover {
  opacity: 1; }

.navbar-fixed ~ nav {
  position: fixed;
  top: 55px; }

nav {
  position: relative; }

nav > ul > li {
  margin-bottom: 0; }

nav > ul > li > a {
  text-decoration: none;
  color: #fff;
  font-size: 14px; }

nav > ul > li.dropdown > a {
  padding-right: 15px;
  margin-right: 10px;
  background: url("//rhinoshield.eu/cdn/shop/t/1232/assets/arrow-dark.png?4198217") no-repeat 100% 50%; }

nav > ul > li.dropdown > .dropdown {
  background: #fff;
  list-style: none outside none;
  padding: 5px 15px;
  display: none;
  position: absolute;
  min-width: 180px;
  z-index: 99999;
  top: 100%;
  left: 0%;
  margin-left: 15px;
  border: 1px solid #dddddd; }

nav > ul > li.dropdown li {
  list-style: none;
  font-size: 13px;
  line-height: 30px; }

nav > ul > li.dropdown li a {
  line-height: 30px;
  height: 30px;
  font-size: 15px;
  color: #ffffff; }

nav > ul > li.dropdown > .dropdown {
  margin-left: 0; }

nav > ul > li {
  display: block;
  padding: 0;
  text-transform: uppercase;
  float: none; }

nav > ul > li.dropdown > .dropdown {
  text-align: left; }

nav > ul > li.dropdown > .dropdown > li {
  display: block; }

nav > ul > li .toolbar-wide-click {
  padding: 10px 0px;
  margin-right: 5px; }

nav > ul > li .toolbar-wide-click:hover {
  background-color: #000; }

nav.mobile {
  display: none;
  border: none; }

nav.mobile select {
  height: 30px;
  line-height: 30px;
  width: 100%; }

.mobile-navbar {
  display: none; }

.mobile {
  display: none; }

@media screen and (max-width: 768px) {
  /* #menu is the original menu */
  .desktop-navbar {
    display: none; }

  .mobile-navbar {
    display: block; }

  .mobile {
    display: initial; }

  .not-mobile {
    display: none !important; } }
@media screen and (min-width: 768px) {
  /* #menu is the original menu */
  .mobile {
    display: none !important; }

  .not-mobile {
    cursor: default; } }
.langselect {
  width: 50px; }

.storeselect {
  width: 60px; }

.langbox {
  background: #000;
  text-align: center;
  line-height: 32px;
  height: 70px;
  display: none; }

.storebox {
  background: #000;
  line-height: 32px;
  width: 200px;
  height: 70px;
  display: none; }

.sidenav {
  text-align: right;
  color: #fff;
  background: #1a1a1a;
  position: fixed;
  top: 53px;
  right: -160px;
  width: 120px;
  padding: 10px 20px 0 20px;
  height: 100vh; }

.pointer {
  cursor: pointer; }

.sidenav .follow {
  font-size: 11px;
  text-transform: uppercase;
  margin: 100px 0 30px 0; }

.follow i {
  font-size: 20px;
  margin: 10px 0 0 10px; }

.follow a {
  color: #fff; }

.copyright-mobile {
  display: none; }

.copyright-desktop {
  display: block;
  overflow: hidden; }

.copyright-desktop, .copyright-mobile {
  padding-bottom: 20px;
  font-size: 11px;
  line-height: 17px;
  color: #5e5d5d;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px; }

.copyright-desktop ul, .copyright-mobile ul, .copyright-desktop li, .copyright-mobile li {
  display: inline-block; }

.copyright-desktop ul, .copyright-mobile ul {
  padding-left: 20px;
  border-left: 1px solid #ececec; }

.copyright-desktop li, .copyright-mobile li {
  padding: 0 10px; }

.copyright-desktop a, .copyright-mobile a {
  color: #5e5d5d; }

.copyright-desktop span, .copyright-mobile span {
  margin-right: 20px; }

.copyright-width {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }
  .copyright-width span {
    position: absolute;
    top: 0; }
  .copyright-width ul {
    display: block;
    text-align: center;
    padding: 0; }

.logoimg {
  width: 165px;
  vertical-align: middle;
  padding-left: 0 !important; }

/* 3.4 - Footer */
footer {
  padding: 50px 0;
  max-width: 1200px; }

footer > .row > .span12 {
  padding: 30px 0 0; }

footer > .row {
  display: flex;
  align-items: center; }

footer > .row div:nth-child(2) {
  align-self: flex-start; }

footer .row {
  margin-bottom: 0; }

footer h3 {
  font-size: 16px; }

footer h4 {
  padding-bottom: 10px; }

footer ul li {
  margin-bottom: 5px; }

.newsletter {
  display: block;
  margin: 0 auto; }

footer #mail {
  width: 168px;
  margin-right: 15px;
  margin-bottom: 10px; }

footer .tweet ul li {
  margin-bottom: 20px; }

footer .tweet_list {
  list-style: none;
  margin: 0; }

footer .tweet_avatar {
  display: none; }

footer .tweet_time {
  display: none; }

footer .tweet_text a {
  color: #444444 !important; }

.footersection {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  color: #b5b5b5;
  margin-bottom: 30px;
  padding-right: 100px !important; }

.footersection h2 {
  font-size: 17px;
  line-height: 23px;
  margin: 0 0 10px 0;
  color: #5e5d5d;
  font-weight: bold; }

.footersection a {
  color: white;
  font-weight: bold; }

.footersection-icon {
  flex-shrink: 0;
  margin-right: 10px; }

.footercopy {
  margin-left: 25px; }

.footer-wrappery .footersection {
  color: #fff; }

#footer-menu {
  width: 100%; }

#footer-menu .mobile-footer-nav {
  display: none; }

#footer-menu ul {
  list-style-type: none;
  margin: 0 auto;
  text-align: center; }

#footer-menu li {
  width: auto; }

#footer-menu li a div {
  text-align: left;
  padding: 5px 20px 5px 50px;
  color: #5e5d5d; }

#footer-menu li a div:hover {
  color: rgba(0, 0, 0, 0.5); }

#footer-menu a div {
  display: inline-block;
  color: #444;
  font-size: 13px; }
#footer-menu a:hover {
  opacity: 0.8; }

#footer-lang-links {
  margin-top: 30px; }
  #footer-lang-links > .col {
    padding: 0; }
  #footer-lang-links ul {
    display: flex;
    justify-content: center; }
    #footer-lang-links ul li {
      margin: 0 20px; }
      #footer-lang-links ul li a {
        color: #5e5d5d; }
  #footer-lang-links h2 {
    color: #000; }

#rhino-shield-home .footer-wrappery {
  background-color: #ffd101;
  margin-top: 20px; }

#rhino-shield-home .footer-wrappery a div {
  color: black; }

#pre-pre-order-form .row {
  margin: 0 0 10px 0; }

#pre-pre-order-form .input-field label.active {
  left: 0; }

#pre-pre-order-form input[type=text], #pre-pre-order-form input[type=email] {
  height: 30px;
  border: 1px solid #b3b3b3;
  box-shadow: none; }

#pre-pre-order-form input[type=text]:focus:not([readonly]), #pre-pre-order-form input[type=email]:focus:not([readonly]) {
  box-shadow: none; }

#pre-pre-order-form input[type=text]:focus:not([readonly]) + label, #pre-pre-order-form input[type=email]:focus:not([readonly]) + label {
  color: #ffef00; }

#pre-pre-order-form input[type=submit] {
  width: 100%;
  height: 34px; }

#pre-pre-order-form hr {
  border: none;
  height: 1px;
  background-color: #b3b3b3; }

#pre-pre-order-form .separate-line, #pre-pre-order-form .separate-line .input-field {
  margin: -5px 0 0 0; }

#newsletter-footer-signup {
  margin: 0 auto;
  padding: 0 30px 30px; }

#newsletter-footer-signup label, #newsletter-footer-signup input {
  display: inline-block;
  vertical-align: middle; }

#newsletter-footer-signup .submit {
  height: 44px;
  margin-top: 0; }

#newsletter-footer-signup input[type=text] {
  margin-bottom: 0;
  border: 1px solid #bebebe;
  height: 2.5em;
  background-color: #fff; }

#newsletter-footer-signup .row {
  margin: 0; }

.social-links-area {
  display: flex;
  margin: 0 30px; }
  .social-links-area li {
    margin-right: 20px; }
  .social-links-area img {
    width: 40px;
    height: 40px; }

.mobile-subscribe {
  display: none; }

@media only screen and (max-width: 1200px) {
  footer {
    padding: 50px 20px; }

  #search {
    padding: 20px 30px; }

  .copyright-width {
    padding: 0 30px; }
    .copyright-width span {
      position: relative;
      text-align: center;
      display: block;
      margin-bottom: 0; } }
@media only screen and (max-width: 768px) {
  .footer-wrapper {
    background-color: #ededed; }

  footer {
    padding: 0; }
    footer > .row {
      display: block; }
      footer > .row div:nth-child(2) {
        margin: 0; }
    footer .footersection {
      padding: 0 20px 15px !important;
      border-bottom: 1px solid #ececec;
      margin-bottom: 25px; }
    footer .footercopy h2 {
      font-size: 1em; }
    footer .footercopy p {
      display: none; }
    footer #footer-menu {
      display: block;
      padding: 30px 30px;
      border: none; }
      footer #footer-menu .col.m8 {
        width: 100%; }
      footer #footer-menu div {
        padding: 5px 0;
        color: #5e5d5d; }
        footer #footer-menu div a div {
          display: block;
          padding: 5px 0;
          color: #5e5d5d; }
      footer #footer-menu .hidden-sm {
        display: none; }

  .mobile-subscribe {
    display: block; }

  .social-links-area {
    padding: 0; }

  .copyright-desktop {
    display: none; }

  .copyright-mobile {
    display: block;
    text-align: center; }
    .copyright-mobile span {
      margin: 0;
      display: block; }
    .copyright-mobile ul {
      padding: 10px 0 0 0;
      border: none; } }
@media only screen and (max-width: 601px) {
  .social-links-area {
    justify-content: space-around; } }
/* 3.5 - Homepage */
.intro {
  padding-top: 20px; }

.intro h2 {
  font-size: 32px;
  margin-bottom: 20px; }

.intro h3 {
  font-size: 14px;
  line-height: 27px; }

.intro h3 a {
  color: #ffffff !important; }

.featured-product .display-table-cell:first-child {
  padding-right: 40px; }

.featured-product h2 {
  margin-bottom: 8px; }

.featured-product .price {
  opacity: 0.5;
  font-size: 18px;
  margin-bottom: 10px;
  display: block; }

.featured-product-description {
  line-height: 24px; }

.featured-product-header {
  opacity: 0.5;
  font-size: 11px;
  text-transform: uppercase; }

.featured-product-image {
  width: 50%; }

.featured-product-image img {
  width: 100%; }

/* 3.6 - Product & Collections */
.product {
  position: relative;
  margin-bottom: 20px;
  float: left; }

.product .image {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 0 8px; }

.product .image a {
  text-align: center; }

.product .image:not(.is-loading) a:hover {
  opacity: 1 !important; }

.image a#placeholder.zoom, .thumbs .image a {
  text-align: center; }

.product .image.loading {
  background-position: 50% 50%; }

.product img {
  max-height: 215px;
  width: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  transition: opacity 0.15s; }

.product img, .product .image a {
  display: block;
  margin: 0 auto; }

.product a {
  text-decoration: none; }

.product .details {
  width: 100%;
  text-align: center;
  margin-top: 5px !important; }

.product .details a {
  display: block;
  padding: 5px 0; }

.playproof-collection .products .product .title, .products .product .vendor {
  display: none; }

.products .product .title, .products .product .vendor {
  margin: 0 auto 10px !important;
  line-height: 19px;
  font-size: 14px;
  font-weight: bold; }

.product .title {
  font-size: 15px; }

.product .vendor {
  font-size: 13px;
  margin-bottom: 2px; }

.product .circle.sale, #product .circle.sale {
  background-color: #FFEF00;
  opacity: .9;
  filter: alpha(opacity=90);
  -webkit-font-smoothing: subpixel-antialiased; }

.breadcrumb {
  font-size: 1em;
  margin: 0 0 0 0; }

.breadcrumb .arrow-space {
  margin: -2px 6px 0;
  font-size: 10px;
  opacity: .5;
  filter: alpha(opacity=50);
  color: #000; }

.breadcrumb a {
  color: #444444; }

.purchase-price h2.price {
  margin: 0 0 10px;
  display: block;
  font-size: 24px !important;
  -webkit-font-smoothing: antialiased; }

.details .price {
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased; }

#product .featured {
  margin-bottom: 10px;
  width: 100%; }

#product .featured img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto; }

#product .description {
  margin-bottom: 60px;
  margin-top: 60px;
  float: left;
  width: 100%; }

#product .thumbs .image {
  visibility: hidden;
  width: 47px;
  overflow: hidden;
  padding: 0; }

.thumbs .image img {
  display: block;
  border: white solid 3px; }

#product #y-thumbs .image {
  margin: 5px auto;
  height: auto; }

#product h3.collection-title {
  font-size: 36px;
  padding-top: 30px;
  padding-bottom: 20px; }

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

.product-options {
  overflow: hidden;
  padding: 0 0 25px;
  margin-bottom: 20px; }

.product-options.no-options {
  padding-top: 5px;
  border-top: none; }

.product-options label {
  display: block;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Noto Sans', 'Noto Sans CJK TC', 'NotoSansThai-Regular', 'gothamrndmed', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: inherit; }

.product-options select {
  height: 28px;
  font-size: 1em;
  margin-bottom: 20px;
  padding-left: 10px;
  background: #fff; }

.product-quantity {
  float: left;
  margin-left: 15px; }

.product-quantity input {
  margin-left: 5px; }

.product-options textarea {
  width: 30px;
  line-height: 18px;
  height: 18px;
  min-height: 18px;
  margin-bottom: 20px; }

#quantity {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%; }

@-moz-document url-prefix() {
  .product-options select {
    height: 30px;
    line-height: 30px; } }

/* Firefox fix */
#collection h1, #product h1 {
  font-size: 30px;
  -webkit-font-smoothing: antialiased; }

#collection h1 {
  margin: 50px 0 0px 0; }

#collection h1 ~ div.tc img {
  margin-top: 50px; }

#collection .browse-tags {
  float: right;
  padding-top: 0;
  padding-left: 15px; }

#collection .browse-tags label {
  float: left;
  display: block;
  margin: 1px 8px 0 0; }

@-moz-document url-prefix() {
  #collection .browse-tags label {
    margin: 7px 8px 0 0; }

  #collection .browse-tags select {
    float: right;
    height: 30px !important;
    line-height: 30px !important; } }

.pagination {
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0;
  display: flex;
  justify-content: center; }

.pagination li {
  display: inline;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
  align-items: center; }

.pagination li span {
  color: #444444; }

.pagination li a {
  color: #444;
  margin: 0; }

.pagination li a:hover {
  text-decoration: none; }

.productdesc {
  width: 45%; }

.productdesc h1 {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 5px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }

.productdesc #upgrade-to-bundle-message, .productdesc #add-item-form, .productdesc .social, .productdesc .short-desc {
  float: left;
  width: 100%;
  margin: 0; }

.productdesc .short-desc {
  margin-top: 15px;
  margin-bottom: 30px;
  padding-bottom: 3px; }

.products .product {
  width: 25%;
  margin: 51px 2%;
  margin-bottom: 0; }

.productimage {
  width: 55%;
  padding-right: 10%;
  padding-left: 5%;
  box-sizing: border-box; }

#x-thumbs {
  text-align: center;
  display: block; }

#x-thumbs .image {
  float: left; }

#x-thumbs .image-secondary-view {
  display: none; }

#x-thumbs img {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

#x-thumbs .selected img {
  border: 3px solid grey;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

#product .cd-gallery > li {
  width: 100%; }

.purchase-section {
  width: 100%;
  float: left; }

.purchase-section .purchase {
  position: relative; }

.add-to-cart-and-customize #customize-me-button {
  padding-top: 9px;
  padding-bottom: 9px;
  box-sizing: border-box; }

.add-to-cart-and-customize .one-of-three {
  width: 45%;
  float: left; }

.add-to-cart-and-customize .one-of-three button {
  width: 100%;
  float: left; }

.add-to-cart-and-customize .two-of-three {
  width: 10%;
  float: left;
  text-align: center;
  margin-top: 15px; }

.add-to-cart-and-customize .three-of-three {
  width: 45%;
  float: left; }

.add-to-cart-and-customize .three-of-three button {
  width: 100%; }

.productdesc #upgrade-to-bundle-message {
  color: #FFEF00;
  background-color: #2F2F2F;
  padding: 7px;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 13px; }

#upgrade-to-bundle-message a {
  color: #FFEF00;
  text-align: center; }

/* quantity button */
.sp-quantity {
  width: 140px;
  height: 35px;
  font-family: "ProximaNova Bold", Helvetica, Arial; }

.sp-minus {
  width: 40px;
  height: 35px;
  border: 1px solid #e1e1e1;
  float: left;
  text-align: center;
  line-height: 35px;
  cursor: pointer; }

.sp-input {
  width: 60px;
  height: 35px;
  border: 1px solid #e1e1e1;
  border-left: 0px solid black;
  float: left; }

.sp-plus {
  width: 40px;
  height: 35px;
  border: 1px solid #e1e1e1;
  border-left: 0px solid #e1e1e1;
  float: left;
  text-align: center;
  line-height: 35px;
  cursor: pointer; }

.sp-input input {
  width: 30px;
  height: 34px;
  text-align: center;
  font-family: "ProximaNova Bold", Helvetica, Arial;
  border: none; }

.sp-input input:focus {
  border: 1px solid #e1e1e1;
  border: none; }

#product .product-desc-img {
  max-width: 277px;
  margin-left: auto;
  margin-right: auto; }

#product .selector-wrapper input[type="checkbox"] {
  -webkit-appearance: checkbox;
  margin-right: 8px;
  position: inherit;
  left: inherit;
  opacity: 1; }

#collection .inline-advertisement {
  border-bottom: none; }

#collection .price.sale {
  color: #FF5462; }

/* 3.7 - Cart */
#cart .buttons {
  margin-bottom: 30px; }

#cart .extra-checkout-buttons input {
  border: none;
  box-shadow: none;
  height: 42px; }

#cart .checkout-buttons textarea {
  box-sizing: border-box;
  text-align: left;
  border: 2px solid #C4C4C4;
  border-radius: 5px;
  resize: none; }

#cart .qty {
  text-align: center;
  color: #5d5d5d;
  padding: 0;
  font-size: 16px; }

#cart .sumprice {
  text-align: center;
  color: #5d5d5d;
  font-size: 16px; }

#cart .removeall {
  text-align: center;
  color: #5d5d5d;
  padding: 0;
  font-size: 14px; }

#cart .price, #cart .remove {
  text-align: center; }

#cart .remove a {
  display: block; }

#cart .price {
  white-space: nowrap;
  font-size: 1em;
  margin-top: 0;
  min-width: 100px;
  color: #444444;
  font-size: 16px; }

#cart .td.price {
  font-size: 1.2em; }

#cart .td.price p {
  text-align: center; }

#cart .td.price .price-now {
  font-weight: bold;
  color: #bd2e12; }

#checkout {
  color: #fff;
  vertical-align: middle; }

.checkor {
  display: block;
  margin: 10px auto;
  font-size: 15px;
  text-transform: uppercase; }

#update-cart {
  margin-top: 10px; }

.orcart {
  display: block;
  float: right;
  margin-top: 14px; }

#cart .image {
  text-align: left; }

#cart .image a, #cart .image img {
  margin: 0;
  border: none;
  width: 70px; }

#cart a .variant_title {
  display: block;
  color: #b3b3b3; }

#cart .item {
  max-width: 400px; }

#cart .item a {
  color: #444444; }

#cart .item-description {
  font-size: 12px; }

#cart .table .tr:first-child .td, #cart .table .tr .th {
  border-top: 1.5px solid #dddddd;
  padding-bottom: 10px; }

#cart .table .tr:last-child .td {
  border-top: 1px solid #dddddd;
  border-bottom: 1.5px solid #dddddd; }

#cart .table .tr .td {
  border-top: 1px solid #dddddd; }

@media only screen and (min-width: 601px) {
  #cart table tr.summary.show-on-medium-and-up.hide-on-small-and-down {
    display: table-row !important; } }
@media only screen and (max-width: 600px) {
  #cart table tr.summary.show-on-small.hide-on-med-and-up {
    display: table-row !important; }

  #cart #checkout-note-and-confirm .cart-buttons a,
  #cart #checkout-note-and-confirm .cart-buttons input {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

  #cart.cartpage .item a {
    color: #5d5d5d; }

  #cartform .row {
    margin: 0; } }
#cart table tr.summary td {
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
  text-align: center; }

#cart div.product_image img {
  min-width: 30px;
  max-width: 100px;
  max-height: 100px;
  width: auto; }

#checkout-note-and-confirm {
  display: block;
  box-sizing: border-box; }

#checkout-note-and-confirm > div {
  box-sizing: border-box; }

#checkout-note-and-confirm .cart-buttons > div {
  display: block;
  margin: 10px auto; }

#checkout-note-and-confirm .checkout-buttons:first-child {
  margin-top: 0px; }

#checkout-note-and-confirm .checkout-buttons:first-child label {
  font-size: 15px; }

#checkout-note-and-confirm .cart-buttons {
  text-align: right; }

#checkout-note-and-confirm .cart-buttons .continue-shopping {
  width: 210px;
  min-width: 210px;
  border-radius: 25px;
  color: #f2f2f2;
  margin: 1em;
  height: 42px;
  float: none;
  background-color: #000;
  display: inline-flex;
  justify-content: center;
  align-items: center; }

#checkout-note-and-confirm .cart-buttons .checkout {
  width: 210px;
  min-width: 210px;
  border-radius: 25px;
  padding: 0;
  font-size: 1em;
  height: 42px;
  line-height: 42px;
  float: right;
  margin: 1em; }

#checkout-note-and-confirm .accordion {
  border-radius: 30px;
  width: 250px;
  margin-left: auto;
  color: white;
  margin-right: auto;
  background-color: #999999; }

#update-cart-button {
  width: 100%;
  height: 50px; }

#update-cart-button input {
  float: right; }

.subtext.success {
  font-weight: bold;
  color: #40954a; }

div.errors, .subtext.error {
  color: #444;
  padding: 15px !important;
  background: #ebcece;
  width: 247px; }

div.errors, .subtext.error ul {
  list-style: none;
  margin: 0;
  padding: 0; }

div.errors {
  margin-bottom: 15px; }

.return-to-store {
  display: none; }

#shipping-calculator div > p * {
  width: 100%;
  box-sizing: border-box;
  height: 25px;
  box-shadow: none; }

#shipping-calculator div > p input {
  border: 1px solid #b5b5b5; }

#shipping-calculator .calculate-btn {
  position: absolute;
  top: 125px;
  left: 100%;
  margin-left: 10px; }
  #shipping-calculator .calculate-btn input {
    border-radius: 15px;
    height: 35px; }
    #shipping-calculator .calculate-btn input:hover {
      opacity: 0.8; }

#shipping-calculator li {
  list-style: circle;
  margin-left: 15px;
  text-align: left; }

#shipping-calculator {
  margin-top: 15px;
  width: 25%;
  margin: 0 0 0 1em;
  position: relative; }

.accordion {
  margin: 0;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4em;
  position: relative; }

.accordion-open span {
  display: block;
  position: absolute;
  right: 3px;
  top: 25%;
  padding: 10px; }

.accordion-open span {
  background: url("//rhinoshield.eu/cdn/shop/t/1232/assets/minus.png?4198217") center center no-repeat; }

.accordion-close span {
  display: block;
  position: absolute;
  right: 3px;
  top: 25%;
  background: url("//rhinoshield.eu/cdn/shop/t/1232/assets/plus.png?4198217") center center no-repeat;
  padding: 10px; }

.faqpage div.container {
  padding: 0;
  margin: 0; }

.faqpage div.container {
  max-width: 100%;
  padding: 0px 0; }

.faqpage div.content {
  background: #ffcd00;
  margin: 0;
  padding: 10px;
  font-size: 1.2em;
  line-height: 2em; }

.faqpage div.content ul {
  padding: 0;
  margin: 0;
  padding: 3px; }

.faqpage div.content p {
  padding: 0;
  margin: 3px 0 10px;
  padding: 3px; }

.faqpage div.content ul li {
  list-style-position: inside;
  line-height: 25px; }

#cartform #cart-content-and-update-button {
  width: 55%;
  float: left;
  box-sizing: border-box; }

#cartform #cart-content-and-update-button > div input {
  float: right; }

#cartform table thead th, #cartform .table .thead .th {
  border: none; }

#cartform .table input.item-quantity, #cartform input.item-quantity {
  height: 32px; }

#cartform table tr.summary td, #cartform .table .tr.summary .td {
  border-bottom: none;
  vertical-align: bottom; }

#cartform table tr.summary td:first-child, #cartform .table .tr.summary .td:first-child {
  text-align: left; }

#cartform table input[type=number]::-webkit-inner-spin-button {
  opacity: 1; }

#note {
  padding: 17px 20px; }

#cartform #checkout {
  background-color: #FFEF00;
  color: #2f2f2f;
  text-decoration: none; }

.gift-packaging {
  border-top: 1px solid #d0d0d0;
  padding-top: 30px; }

@media only screen and (max-width: 768px) {
  #cart .cart-item {
    margin-bottom: 0; } }

#cart form .accordion h4 {
  margin: 0 0 0 1em;
  display: inline-block;
  cursor: pointer; }

#cart form .cart-buttons input {
  padding: 10px 0;
  font-size: 16px; }

#cart .box {
  width: max-content; }

#cart .box h1 {
  color: #3F3F3F;
  float: left;
  margin-bottom: 0; }

#cart .customization-total td {
  border-bottom: none; }

#cart tr.summary td {
  border-top: none; }

#cart .accordion {
  display: inline-block; }

#cart .accordion:before {
  content: "\00BB";
  float: left;
  position: absolute;
  display: inline-block;
  vertical-align: middle; }

#cart .accordion h4 {
  text-align: center;
  margin: 0;
  color: #b3b3b3; }

#cart .input-group {
  display: table;
  width: 120px;
  height: 32px;
  border: 1px solid #5d5d5d;
  margin: 0 auto; }

#cart .gift-packaging label {
  margin-right: 10px;
  font-size: 1.2em; }

#cart .gift-packaging .input-group {
  display: inline-flex; }

#cart .cart-quantity {
  display: table-cell;
  background-color: transparent;
  border: none;
  height: 32px;
  text-align: center;
  color: #000;
  font-size: 1em;
  line-height: initial;
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#cart .input-group-btn {
  display: table-cell;
  height: 32px; }

#cart .input-group-btn:first-child {
  border-right: 1px solid #e5e5e5;
  line-height: 32px;
  text-align: center;
  color: #000; }

#cart .input-group-btn:last-child {
  border-left: 1px solid #e5e5e5;
  line-height: 32px;
  text-align: center;
  color: #000; }

#cart .input-group-btn i {
  vertical-align: middle; }

#cart form + hr {
  width: 100%;
  color: #D5D5D5;
  border: 0;
  height: 2px;
  background-color: #D5D5D5; }
  @media only screen and (max-width: 768px) {
    #cart form + hr {
      display: none; } }

#cart .policy-link {
  text-decoration: underline; }

#cart .cart-bottom-info {
  width: 100%;
  margin: 0 auto;
  text-align: left; }

#cart .subtotal {
  color: #5d5d5d; }

#cart .grid__item {
  float: right; }
  #cart .grid__item h2, #cart .grid__item h5 p {
    text-align: right; }
  #cart .grid__item h2, #cart .grid__item h5 {
    color: #000; }
  #cart .grid__item p {
    color: #666; }

/* 3.8 - Blog / Articles / Search */
#blog .pagination {
  margin-top: 40px; }

#blog .details {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.articles {
  width: 80%; }

.sidebar {
  width: 20%; }

.recentbox, .tagsbox {
  background: #eee;
  padding: 20px; }

.recentbox {
  margin-bottom: 30px; }

.sidebar h3 {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px; }

.sidebar .article {
  padding-right: 0 !important;
  margin: 0 0 15px 0 !important;
  border-bottom: solid 1px #dddddd; }

.sidebar .article:last-child {
  margin: 0;
  border-bottom: 0; }

.sidebar .article a {
  display: block;
  -webkit-font-smoothing: antialiased; }

.sidebar .article em {
  font-size: 11px; }

.sidebar .tags li {
  margin: 0; }

.article h1 .article-title {
  display: block; }

.article-body h1 .date {
  font-size: 14px;
  color: #ABABAB;
  margin-bottom: 20px; }

.article .continue {
  display: block;
  margin-top: 15px; }

#article .comment {
  margin-bottom: 15px; }

#article .comment_form {
  margin-top: 30px; }

#article .comment_form .subtext {
  margin-bottom: 15px; }

#article .comment_form label {
  display: block; }

#article .comment_form .text {
  margin-bottom: 15px;
  display: block; }

#article h2.comment-title {
  font-size: 20px; }

#article #comment_body {
  width: 100%;
  height: 200px; }

#article h3.author {
  font-size: 14px;
  font-style: italic; }

#article__content h1 {
  color: #444444;
  font-size: 36px;
  line-height: 36px; }

#article__content h2 {
  color: #444444;
  font-size: 28px;
  line-height: 36px; }

#article__content h3 {
  color: #444444;
  font-size: 28px;
  line-height: 28px; }

#search {
  padding-top: 20px;
  max-width: 1200px;
  margin: 0 auto; }

#search .results {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

#search .results .search-result {
  color: #b3b3b3;
  font-size: 1em; }

#search .results .thumbnail a {
  display: block;
  float: right; }

#search .search-border {
  border-bottom: 1px solid #dddddd; }

#search .results .thumbnail a {
  float: none; }

#search .search-field {
  position: relative;
  height: 60px;
  line-height: 60px; }

#search .search_box {
  height: 34px;
  padding: 0 10px 0 31px;
  border: none;
  vertical-align: middle;
  line-height: normal;
  color: #444444 !important;
  border: 1px solid #dddddd; }

#search #go {
  position: absolute;
  width: 14px;
  height: 14px;
  border: none;
  margin: 19px 0 0 4px;
  box-shadow: none; }

/* Page / Article content */
#blog, #page, .errorpage, #collection, #product {
  padding: 30px 50px 40px 55px;
  line-height: 20px;
  font-size: 13px; }

.cartpage {
  padding: 50px 50px 40px 55px; }

.cartpage #cartform {
  padding: 0; }

.errorpage {
  text-align: center;
  padding: 200px 0; }

.errorpage .subtext {
  width: 300px;
  display: block;
  margin: 0 auto; }

#page img[style="float: right;"], .article img[style="float: right;"] {
  margin-left: 30px;
  margin-bottom: 30px; }

#page img[style="float: left;"], .article img[style="float: left;"] {
  margin-right: 30px;
  margin-bottom: 30px; }

#page h1 {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase; }

#page a:not(.not__underline) {
  text-decoration: underline; }

#page .details, #cart .details, #collection.details, #product .details, #article.details, #collection .details {
  width: 85%;
  margin: 0 auto;
  padding-top: 20px;
  max-width: 1200px; }

#product .details, #collection .details, #cart .details {
  padding-top: 0;
  width: 100%; }

#customer-login .details {
  width: 280px;
  margin: 0 auto;
  padding: 100px 0 50px; }

/*- - Jim Add - -*/
#customer-register .details {
  width: 560px;
  margin: 0 auto;
  padding: 100px 0 50px;
  box-sizing: border-box; }

.expanded-message {
  padding: 100px 0;
  text-align: center; }

.to-redirect-button {
  display: block;
  margin-top: 30px;
  text-align: center; }

.to-redirect-button div {
  display: inline-block;
  width: 300px; }

.to-redirect-target {
  display: block;
  text-align: center; }

.to-redirect-target strong {
  display: block;
  margin: 40px auto 10px auto;
  font-size: 18px; }

.to-redirect-target > div {
  display: inline-block; }

.tutorial-video-and-title {
  display: block;
  margin-top: 20px;
  width: 100%; }

.tutorial-video-and-title > span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: underline; }

.tutorial-video-and-title > div > div {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden; }

.tutorial-video-and-title iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.tutorial-video-and-title > img {
  width: 100%; }

/* 3.9 - Customer Pages */
#customer_password {
  position: relative; }

.input__eye {
  width: 25px;
  left: 85%;
  position: absolute;
  bottom: -2px;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .input__eye {
      left: 82%; } }

#login input.text {
  width: 248px; }

#customer-activate .create-password {
  margin-bottom: 30px; }

#customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label {
  display: block; }

#customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text {
  width: 87%;
  display: block;
  margin-bottom: 15px;
  padding-left: 10px;
  border: 1px solid #dddddd; }

#customer-login .action_bottom, #customer-register .action_bottom {
  margin-top: 15px;
  text-align: center; }

#guest input, #customer-login .action_bottom input, #customer-register .action_bottom input {
  background-color: #000;
  color: #fff;
  padding: 5px; }

/*- - Jim add - -*/
#customer-register .action_bottom input {
  padding: 5px 20px; }

#order_cancelled {
  margin-bottom: 30px; }

#customer-addresses .add-new-address {
  display: block; }

.action_bottom span {
  line-height: 40px;
  display: block; }

.guestdetails {
  background: #eee;
  padding: 30px !important;
  width: 240px !important;
  text-align: center; }

.popup {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }

.popupbox {
  box-shadow: 0px 0px 40px #333;
  position: relative;
  width: 335px;
  padding: 30px 50px;
  background: #FFEF00;
  margin: 200px auto 0; }

.popupbox h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin: 20px 0 5px 0; }

.popupbox input[type="email"] {
  width: 90%;
  margin: 10px 0; }

.popupbox iframe {
  width: 100%;
  height: 650px; }

.referbox {
  margin: 70px auto 0;
  max-width: 600px;
  width: 80%; }

.mrefer {
  display: none; }

.closepop {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  background: #444;
  color: #FFEF00;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box; }

.vidpopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100; }

.vidbox {
  position: relative;
  font-size: 11px;
  line-height: 16px;
  color: #FFEF00;
  text-transform: uppercase;
  box-shadow: 0px 0px 40px #333;
  background: #000;
  width: 70%;
  max-width: 800px;
  margin: 120px auto 0;
  padding: 30px; }

.vidbox iframe {
  width: 100%;
  height: 480px; }

.vidbox .closepop {
  font-size: 1.5em; }

#content {
  z-index: 1;
  background: #fff;
  height: 100%;
  margin: 0 auto; }

.home-hero-container,
#home-hero-subbox {
  max-width: 1200px;
  margin: 20px auto; }

#transparency {
  background-color: white; }

.full-divide {
  width: 100%;
  border-bottom: 1px solid #ececec; }

#content > .homefixed {
  position: fixed;
  width: 100%;
  top: 53px;
  bottom: 0; }

.homeproduct {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.homeproduct .homepbg {
  width: 100%;
  position: relative;
  z-index: 1; }

.homerhino {
  background: #FFEF00;
  left: 0; }

.homebumper {
  background: #e9e9e9;
  right: 0; }

.homebumper .homepbg {
  margin-top: -53px; }

.homepcopy {
  text-shadow: 0px 0px 30px #777;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  z-index: 3;
  top: 33%;
  text-align: center;
  padding: 0;
  width: 100%; }

.homepcopy p {
  width: 320px;
  margin: 0 auto; }

.logorhino {
  margin-top: 64px; }

.abt {
  background: no-repeat top left/cover url(//rhinoshield.eu/cdn/shop/t/1232/assets/abt.jpg?v=97143493929850707981703039882); }

.abtcopy {
  width: 470px;
  margin-top: 50px;
  margin-left: 650px; }

.abtcopy h1 {
  font-size: 30px;
  line-height: 36px; }

.partnerpage {
  background: #f4f4f4; }

.partner {
  width: 690px;
  margin: 70px auto 50px; }

.partner h1 {
  font-size: 27px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 45px 0; }

.partnerstep {
  width: 200px;
  margin: 0 15px 30px;
  text-align: center; }

.partnerstep img {
  margin-bottom: 15px; }

.step2 {
  margin-left: -20px; }

.step1copy {
  width: 110px;
  margin: 0 auto; }

.partner input[type="text"], .partner input[type="email"] {
  border: solid 1px #aaa;
  width: 289px;
  height: 44px;
  margin: 8px 7px; }

.partner .mimi_field {
  width: 334px;
  float: left; }

.partner .mimi_field:last-child {
  width: 100%; }

.btnpartner {
  text-align: center;
  margin-top: 20px; }

.btnpartner .submit {
  color: #f4f4f4 !important; }

.addtocart {
  color: #fff !important;
  width: 100%;
  padding: 9px 30px !important; }

.prodbundle {
  background: #444;
  color: #fff;
  padding: 13px;
  overflow: hidden; }

.prodbundle a {
  color: #FFD206;
  text-decoration: none !important; }

.prodbundle img {
  float: left;
  margin: 0 20px 0 10px;
  width: 65px; }

.productlist {
  list-style: none;
  padding: 0;
  margin: 30px 0 50px;
  overflow: hidden; }

.productlist a {
  text-decoration: none !important; }

.productlist h2 {
  font-size: 18px;
  line-height: 24px; }

.productlist li {
  width: 46%;
  float: left;
  margin-bottom: 40px;
  position: relative;
  padding-top: 30px; }

.productlist li:nth-child(even) {
  margin-right: 0;
  float: right; }

.brandicon {
  margin-right: 15px; }

.devicelist {
  list-style: none;
  padding: 0;
  margin: 10px 0; }

.devicelist li {
  margin: 0 !important;
  border-top: solid 1px #dddddd;
  padding: 13px 0 10px;
  width: 100% !important;
  overflow: hidden; }

.devicelist li:last-child {
  border-bottom: solid 1px #dddddd; }

.productcount {
  text-transform: uppercase;
  font-size: 11px; }

.productcount.button {
  margin-top: 0;
  padding: 0px 7px;
  width: 100px; }

.productcount a {
  color: #fff !important;
  text-decoration: none !important; }

.crashfirst {
  width: 70%;
  max-width: 900px;
  margin: 0 auto; }

.crashintro {
  margin-top: 135px;
  width: 38%;
  min-width: 280px;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 25px; }

.crashintro p {
  margin: 40px 0 5px; }

.crashphone {
  height: 700px;
  position: relative;
  width: 405px; }

.crashphonevid {
  position: relative;
  z-index: 3;
  top: 84px;
  left: 31px;
  width: 251px;
  height: 470px;
  overflow: hidden;
  -ms-transform: rotate(13.5deg);
  -webkit-transform: rotate(13.5deg);
  transform: rotate(13.5deg); }

.crashphonevid video {
  width: 319%;
  margin-left: -80%; }

.crashphonevid .play {
  color: #fff;
  line-height: 15px;
  top: 160px !important;
  left: 85px !important; }

.crashphone p {
  font-size: 11px;
  text-align: center;
  margin: 20px 0 0 0; }

.crashphoned {
  position: absolute;
  top: 0;
  left: -50px; }

.crashphonem {
  display: none; }

.vidthumb {
  width: 140px;
  margin: 6px 6px 6px 0;
  position: relative;
  overflow: hidden; }

.popup .vidthumb {
  width: 129px; }

.popup .overlay {
  height: 71px; }

.overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 96%;
  position: absolute;
  top: 0;
  left: 0; }

.play {
  width: 30%;
  position: absolute;
  z-index: 3;
  left: 50px;
  top: 17px;
  cursor: pointer; }

.crashsecond {
  width: 75%;
  max-width: 900px;
  margin: 0 auto; }

.eggdrop {
  width: 60%;
  display: block;
  margin: -60px auto 20px;
  padding-left: 200px; }

.eggdropinfo {
  width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: center; }

.eggdropbox {
  width: 27%;
  margin: 0 20px;
  max-width: 160px;
  text-align: center;
  font-size: 11px;
  line-height: 17px; }

.eggbottom {
  text-align: center;
  padding: 35px 0 50px;
  font-size: 26px;
  text-transform: uppercase; }

.eggvid {
  font-size: 10px;
  line-height: 12px;
  width: 142px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: -20px 0 0 10px; }

.eggthumb {
  margin: 5px 0 0 0; }

.eggthumb video {
  width: 100%; }

.whitearrow {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 10%;
  left: 0; }

.whitearrow img {
  width: 50px; }

.whitearrow .button {
  font-size: 11px; }

.featurescopy {
  width: 45%;
  max-width: 390px;
  margin: 15% 0 0 40px; }

.covercopy {
  margin: 0 0 0 47% !important; }

.featurescopy h1 {
  width: 275px;
  margin-left: 20px;
  margin-top: 0px; }

.featurescopy p {
  margin: 0 0 0 47px;
  font-size: 14px;
  line-height: 22px; }

.imggrip {
  width: 45%;
  max-width: 700px; }

.sizebox {
  width: 80%;
  margin: -50px auto 0; }

.imgsize {
  width: 50%;
  max-width: 500px; }

.imglight {
  width: 50%;
  max-width: 450px; }

.boxlight {
  width: 70%;
  margin: 0 auto; }

.lightcopy {
  margin-left: -45px; }

.imgcover {
  width: 56%;
  max-width: 900px;
  position: absolute;
  top: 0px;
  height: 100%;
  left: -200px;
  display: block;
  overflow: hidden; }

.imgcover img {
  position: absolute;
  bottom: -200px;
  left: 0px;
  width: 100%; }

.copycolour {
  width: 470px;
  margin: 0 auto 0;
  text-align: center; }

.copycolour p {
  font-size: 11px;
  line-height: 18px;
  width: 500px;
  margin: 0 auto; }

.copycolour .button {
  font-size: 17px;
  color: #eee;
  padding: 8px 28px 7px;
  margin-bottom: 25px;
  margin-top: 0; }

.imgcolours {
  max-width: 800px;
  display: block;
  margin: 50px auto 0; }

.rhinocontent {
  background-color: #ffef00; }

.topheader {
  text-transform: uppercase;
  color: #000;
  height: 500px;
  background: url(//rhinoshield.eu/cdn/shop/t/1232/assets/topbg.jpg?v=142003282486878509421703039897) no-repeat top center #ffef00; }

.rhino {
  width: 360px;
  margin-bottom: 30px; }

.topheadercopy {
  position: relative;
  width: 966px;
  margin: 0 auto;
  padding-top: 60px; }

.rhinosticker {
  position: absolute;
  bottom: 0;
  right: 0; }

.productsticker {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 190px; }

.sticker {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 10; }

a.sticker:hover, a.rhinosticker:hover, a.productsticker:hover {
  opacity: 1 !important; }

.topheaderimg {
  max-width: 300px;
  min-width: 250px;
  margin-bottom: 10px; }

.tagline {
  width: 440px;
  font-size: 14px; }

.pricemain {
  font-size: 24px;
  top: 5px;
  left: 30px;
  position: relative; }

.btnbuytop img {
  width: 166px; }

.vidfind {
  margin-top: 30px; }

#vid1, #vid2 {
  cursor: pointer; }

.device {
  background: #000; }

ul.devices {
  width: 966px;
  margin: 0 auto;
  font-size: 13px;
  list-style: none;
  padding: 20px 0 0 0;
  overflow: hidden;
  min-height: 55px;
  color: #ffef00; }

ul.devices li {
  float: left;
  margin: 0 48px 0 0; }

ul.devices li:nth-child(1) {
  float: left;
  margin: 0 20px 0 0;
  width: 200px; }

ul.devices li:last-child {
  margin: 0; }

ul.devices li img {
  vertical-align: middle;
  display: inline-block; }

.pressbox {
  background: #ffef00; }

ul.press {
  width: 966px;
  margin: 0 auto;
  font-size: 13px;
  list-style: none;
  padding: 30px 0 15px;
  overflow: hidden;
  min-height: 55px; }

ul.press li {
  float: left;
  margin: 0 71px 0 0; }

ul.press li:nth-child(1) {
  float: left;
  margin: 0 20px 0 0;
  width: 200px; }

ul.press li img {
  vertical-align: middle;
  display: inline-block; }

ul.presscrash {
  width: 85%;
  max-width: 910px;
  margin: 0 auto;
  font-size: 13px;
  list-style: none;
  padding: 40px 0 0;
  overflow: hidden;
  min-height: 55px; }

ul.presscrash li {
  float: left;
  margin: 0 45px 0 0;
  min-height: 55px; }

ul.presscrash li:nth-child(1) {
  text-transform: uppercase;
  float: left;
  margin: 0 30px 0 0;
  width: 190px;
  line-height: 15px;
  font-size: 11px; }

ul.presscrash li:nth-child(7) {
  margin: 0; }

ul.presscrash li:nth-child(3), ul.presscrash li:nth-child(4), ul.presscrash li:nth-child(5) {
  padding-top: 5px; }

ul.presscrash li:nth-child(5) img, ul.presscrash li:nth-child(6) img, ul.presscrash li:nth-child(7) img {
  width: 65px; }

ul.presscrash li img {
  width: 90px;
  vertical-align: middle;
  display: inline-block; }

.feature1 {
  background: black url(//rhinoshield.eu/cdn/shop/t/1232/assets/feature1.jpg?v=130831105610258020131703039900) no-repeat bottom center;
  height: 705px; }

.impact {
  width: 315px;
  margin: 0 auto;
  padding-top: 80px;
  color: #6c6c6c; }

.feature2 {
  background: #c5c4c9 url(//rhinoshield.eu/cdn/shop/t/1232/assets/feature2.jpg?v=96190127603555147411703039898) no-repeat top center;
  height: 632px;
  position: relative; }

.thin {
  position: absolute;
  top: 15%;
  left: 25%;
  width: 250px; }

.feature3 {
  background: #dfdfe1 url(//rhinoshield.eu/cdn/shop/t/1232/assets/feature3.jpg?4198217) no-repeat -220px 0;
  height: 628px;
  position: relative; }

.scratch {
  width: 250px;
  position: absolute;
  top: 200px;
  left: 775px; }

.feature4 {
  background: #8c878b url(//rhinoshield.eu/cdn/shop/t/1232/assets/feature4.jpg?4198217) no-repeat top center;
  height: 627px;
  position: relative; }

.finger {
  position: relative;
  top: 60px;
  left: -220px;
  margin: 0 auto;
  width: 250px; }

.pack {
  font-size: 17px;
  text-align: center;
  height: 850px;
  background: url(//rhinoshield.eu/cdn/shop/t/1232/assets/pack.jpg?v=1454397153802339071703039906) no-repeat top center;
  background-size: 1300px !important;
  position: relative; }

.packbuy {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 25px;
  padding-bottom: 50px;
  width: 100%;
  text-align: center; }

.impactimg {
  width: 230px; }

.thinimg {
  width: 240px; }

.thinimg2 {
  width: 200px; }

.scratchimg {
  width: 225px; }

.fingerimg {
  width: 235px; }

.line1 {
  background: url(//rhinoshield.eu/cdn/shop/t/1232/assets/line.gif?4198217) top left repeat-x #ffef00;
  height: 14px; }

.line2 {
  background: url(//rhinoshield.eu/cdn/shop/t/1232/assets/line2.gif?4198217) top left repeat-x #ffef00;
  height: 14px;
  padding-bottom: 35px; }

textarea:focus, input:focus {
  outline: 0; }

#contactFormWrapper input[type="text"], #contactFormWrapper input[type="telephone"], #contactFormWrapper input[type="email"], #contactFormWrapper textarea,
#contact_form input[type="telephone"], #contact_form input[type="email"], #contact_form textarea {
  width: 85%;
  border: 1px solid #ccc;
  color: #3b3b3b; }

#contactFormWrapper textarea, #contact_form textarea {
  padding-top: 10px; }

.errorForm {
  font-size: 11px;
  line-height: 17px;
  color: #F00; }

#contactFormSubmit {
  color: #fff !important; }

#col-main {
  width: 300px;
  margin: 0 auto 0px;
  padding: 100px 0 70px; }

#page-header {
  text-transform: uppercase; }

#contact_form label {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px; }

#contact_form input[type="submit"] {
  color: #000 !important;
  margin-top: 0;
  padding: 0 10px;
  border-radius: 0; }

.customer-page {
  background-color: #FBFBFB; }

#customer_sidebar, #customer_orders, .address_table {
  border: #777 solid 1px;
  box-sizing: border-box;
  width: 95%;
  max-width: 500px;
  padding: 10px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px; }

.customer-order-box {
  border: #777 solid 1px;
  box-sizing: border-box;
  width: 95%;
  max-width: 500px;
  padding: 10px;
  background-color: white;
  margin: 0 auto 5px; }

.customer-address-table-unit {
  margin-bottom: 5px; }

.customer-address-table-unit input[type="text"], .customer-address-table-unit select {
  width: 100%;
  box-sizing: border-box; }

.order-details-body {
  border-bottom: black solid 1px;
  margin-bottom: 10px; }

.order-details-foot {
  text-align: right;
  font-size: 15px; }

.order_summary {
  margin-bottom: 5px; }

#collection .button.btngrey {
  background-color: white;
  border: #ccc solid 1px;
  color: black;
  font-size: 12px;
  min-width: 0; }

#collection .button.btngrey:hover {
  background-color: #8F8D8D;
  color: white;
  font-weight: bold; }

.playproof-collection .product .image {
  margin: 0 0 -8px; }

.playproof-collection .products .product {
  margin: 36px 2%; }

.playproof-collection .btngrey {
  min-width: 0; }

.playproof-collection .uncustomized,
.playproof-collection .featured {
  border-bottom: solid 2px #ececec;
  margin-bottom: 48px; }

.shopify-policy__container {
  max-width: 600px !important;
  width: 100%;
  margin: 100px auto 96px !important;
  padding: 0 !important; }
  @media only screen and (max-width: 768px) {
    .shopify-policy__container {
      padding: 0 30px !important; } }
  .shopify-policy__container .shopify-policy__title {
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    font-weight: bold;
    color: #2D2D2D;
    margin: 0;
    margin-bottom: 14px;
    padding: 0; }
    .shopify-policy__container .shopify-policy__title h1 {
      font-size: 28px !important;
      margin: 0 !important; }
  .shopify-policy__container .shopify-policy__body {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: #4F4F4F;
    padding: 0 !important; }
    .shopify-policy__container .shopify-policy__body ul {
      padding-left: 18px; }
      .shopify-policy__container .shopify-policy__body ul li {
        list-style-type: disc; }
    .shopify-policy__container .shopify-policy__body hr {
      margin: 60px auto;
      border-style: solid;
      border-width: 0.5px;
      border-color: #D5D5D5;
      background-color: #D5D5D5;
      color: #D5D5D5;
      width: calc(100% + 20px);
      position: relative;
      left: -10px; }
      .shopify-policy__container .shopify-policy__body hr:first-of-type {
        margin-top: 40px; }
    .shopify-policy__container .shopify-policy__body h1, .shopify-policy__container .shopify-policy__body h2, .shopify-policy__container .shopify-policy__body h3, .shopify-policy__container .shopify-policy__body h4, .shopify-policy__container .shopify-policy__body h5, .shopify-policy__container .shopify-policy__body h6, .shopify-policy__container .shopify-policy__body b, .shopify-policy__container .shopify-policy__body strong {
      font-weight: bold;
      color: #2d2d2d; }
    .shopify-policy__container .shopify-policy__body h1 {
      margin: 0;
      margin-bottom: 20px;
      font-size: 20px;
      line-height: 23px; }
    .shopify-policy__container .shopify-policy__body h2 {
      font-size: 20px;
      line-height: 23px; }
    .shopify-policy__container .shopify-policy__body h2, .shopify-policy__container .shopify-policy__body h3, .shopify-policy__container .shopify-policy__body h4, .shopify-policy__container .shopify-policy__body h5, .shopify-policy__container .shopify-policy__body h6 {
      margin-top: 30px; }
    .shopify-policy__container .shopify-policy__body a {
      color: #2F80ED;
      font-weight: bold; }

/* 3.10 - Notification Bar and Notifications */
#notification-area {
  background-color: #FB5B5B;
  color: #FFFFFF;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  z-index: 19; }

#notification-area a, #notification-area span {
  color: #000; }

#notification-area a {
  text-decoration: underline;
  margin-left: 10px; }

#notification-area .notification-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: relative;
  padding: 8px;
  line-height: 19px; }

#notification-area .notification-close {
  vertical-align: middle;
  min-width: 25px;
  text-align: center;
  float: right;
  cursor: pointer;
  padding: 0;
  font-size: 1.2em; }

#notification-area .notification-close > span {
  font-size: 18px;
  padding: 7px;
  cursor: pointer;
  color: #000; }

/* notify.js notification classes */
.notifyjs-cart-success {
  white-space: nowrap;
  background-color: #8C8C8C;
  color: white;
  padding: 5px;
  line-height: 1em;
  height: 55px; }

/*- - Jim add - -*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3b3b3; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3; }

#create_customer {
  overflow: auto;
  box-sizing: border-box; }
  #create_customer .text {
    width: 100%;
    box-sizing: border-box; }

#gender {
  display: flex;
  height: 3rem;
  align-items: center;
  margin-bottom: 45px; }
  #gender p {
    margin-right: 10px; }

#register h2 {
  text-align: center; }

.large_form {
  float: left;
  width: 49%;
  box-sizing: border-box; }
  .large_form:nth-child(2n+1) {
    margin-right: 2%; }

label {
  color: #000; }

form p {
  margin: 0; }

.birthdayNote {
  color: #48a9ca; }
  .birthdayNote ul {
    margin-bottom: 20px; }
    .birthdayNote ul .title {
      font-weight: bold; }
    .birthdayNote ul li:not(:first-child) {
      position: relative;
      box-sizing: border-box;
      padding-left: 20px; }
      .birthdayNote ul li:not(:first-child):before {
        position: absolute;
        top: 7px;
        left: 0;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #48a9ca; }

dl dd {
  margin: 0; }

/* =================== */
/*      SECTION 4      */
/* =================== */
/* 4.1 - Desktop Slim */
@media only screen and (min-width: 1026px) and (max-width: 1200px) {
  .eggbottom {
    padding: 35px 0 50px;
    font-size: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 1026px) {
  #product .breadcrumb, #cart .breadcrumb {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px; }

  .logo {
    max-width: 738px; }

  .wrapper, .toolbar, footer, nav.support-subnav .simular-area {
    width: 100%; }

  .span1 {
    width: 34px; }

  .span2 {
    width: 92px; }

  .span3 {
    width: 162px; }

  .span4 {
    width: 226px; }

  .span5 {
    width: 290px; }

  .span6 {
    width: 354px; }

  .span7 {
    width: 418px; }

  .span8 {
    width: 482px; }

  .span9 {
    width: 546px; }

  .span10 {
    width: 610px; }

  .span11 {
    width: 674px; }

  .span12 {
    width: 738px; }

  footer .btn.newsletter {
    font-size: 12px;
    padding-right: 8px;
    padding-left: 8px; }

  footer #mail {
    width: 124px; }

  .footersection {
    padding: 0;
    width: 80%;
    margin: 0 auto 50px;
    float: none !important; }

  .footercopy {
    width: 80%; }

  .iconrefer {
    margin-left: 10px; }

  .logorhino {
    width: 320px;
    margin-top: 81px; }

  .abtcopy {
    margin: 70px auto 0;
    float: none !important; }

  #page .details {
    width: 100%; }

  .crashfirst {
    width: 87%; }

  .eggbottom {
    font-size: 24px;
    padding: 45px 0 0;
    line-height: 30px; }

  .eggvid {
    margin: 10px auto;
    display: block; }

  .featureimg {
    width: 50%; }

  .featurescopy {
    width: 50%;
    max-width: 320px;
    margin: 100px auto 50px; }

  .fp-section h1 {
    font-size: 26px !important;
    line-height: 33px !important; }

  .featurescopy h1 {
    width: 240px !important; }

  .sizebox {
    width: 95%; }

  .imgsize {
    width: 57%; }

  .boxlight {
    width: 85%;
    margin: 50px auto 30px; }

  .imglight {
    width: 51%; }

  .lightcopy {
    width: 55%;
    margin: 100px 0 0 -50px; }

  .imgcover {
    width: 75%;
    left: -300px;
    bottom: -100px; }

  .copycolour {
    width: 80%; }

  .copycolour p {
    width: 100%; }

  .imgcolours {
    max-width: 90%;
    margin: 29px auto 0; }

  .topheadercopy, ul.devices {
    width: 700px; }

  ul.devices li img {
    width: 69%; }

  ul.devices li {
    margin: 0 14px 0 0;
    font-size: 11px; }

  .feature1 {
    background-size: 1200px; }

  .thin {
    left: 15%; }

  .feature3 {
    background-position: -500px 0; }

  .scratch {
    top: 80px;
    left: 460px; }

  .pack {
    background-size: 1000px !important;
    height: 705px; }

  ul.press {
    padding: 30px 0 0px;
    width: 700px;
    font-size: 13px;
    min-height: 55px; }

  ul.press li {
    margin: 0 20px 0 0; }

  ul.press li:nth-child(1) {
    margin: 0;
    width: 281px; }

  ul.press li img {
    height: 21px; }

  ul.presscrash li:nth-child(1) {
    width: 100%;
    min-height: 35px;
    text-align: center; }

  ul.presscrash li img {
    width: 70px; }

  ul.presscrash {
    padding: 50px 0 0;
    width: 630px; }

  .spr-container {
    width: 90% !important; } }
/* 4.2 - Tablet Landscape */
@media only screen and (min-width: 600px) and (max-width: 797px) {
  #checkout-note-and-confirm {
    width: 100%;
    margin: 0; }

  #cartform #cart-content-and-update-button {
    width: 100%;
    float: left; }

  #checkout-note-and-confirm .checkout-buttons, #checkout-note-and-confirm .cart-buttons {
    width: 100%; }

  #page #instafeed > div {
    width: 40%; }

  #cart #checkout-note-and-confirm > div {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

  #product .cd-tabs-content li {
    width: 90%;
    margin: 10px auto; }

  #product .details h1, #product .price {
    text-align: center; }

  #product .product-options {
    width: 100%;
    margin: 10px auto;
    padding: 0; }

  #product .breadcrumb, #cart .breadcrumb {
    display: block;
    padding: 10px 20px;
    background-color: #efefef;
    color: #808080; }

  #product .featured {
    width: 100%;
    margin: 0;
    padding: 0; }

  .productimage {
    padding-right: 0px;
    padding-left: 0;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd; }

  .rhinosticker {
    top: 80px;
    right: 0; }

  nav.mobile {
    display: block;
    padding: 0 0 30px 0; }

  .wrapper, .toolbar, footer {
    width: 100%; }

  .span1 {
    width: 20px; }

  .span2 {
    width: 70px; }

  .span3 {
    width: 120px; }

  .span4 {
    width: 170px; }

  .span5 {
    width: 220px; }

  .span6 {
    width: 270px; }

  .span7 {
    width: 320px; }

  .span8 {
    width: 370px; }

  .span9 {
    width: 420px; }

  .span10 {
    width: 470px; }

  .span11 {
    width: 520px; }

  .span12 {
    width: 570px; }

  /* .products .span2, .products .span3, .products .span4 { width: 118px; } */
  footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 {
    width: 550px; }

  nav > ul > li > a {
    padding: 0; }

  /* #product .span6, #product .span4 { width: 570px; } */
  #product .span5 {
    width: 470px; }

  #product .span1 {
    width: 70px; }

  #blog .span9 {
    width: 570px; }

  #article .article-body {
    padding-right: 0; }

  #header .span9, #header .span3 {
    width: 570px; }

  #header .span9 {
    margin-left: 0 !important; }

  #header .logo {
    padding-bottom: 0 !important; }

  #header .logo a img {
    max-width: 200px; }

  .footer-menu {
    margin-bottom: 20px; }

  .footersection {
    padding: 0;
    width: 80%;
    margin: 0 auto 50px;
    float: none !important; }

  .footercopy {
    width: 80%; }

  .iconrefer {
    margin-left: 10px; }

  .logorhino {
    width: 270px; }

  .logocrash {
    width: 250px; }

  .homepcopy p {
    width: 280px; }

  .abtcopy {
    margin: 70px auto 0;
    float: none !important; }

  .partner {
    width: 100%; }

  .partner h1 {
    width: 90%;
    margin: 0 auto 35px; }

  .partnerstep {
    width: 176px;
    margin: 0 0 25px 0; }

  .steps {
    width: 523px;
    margin: 0 auto; }

  .step1 {
    margin-left: -35px; }

  .step2 {
    margin-right: 30px; }

  .partner input[type="text"], .partner input[type="email"] {
    width: 205px; }

  .partner .mimi_field {
    width: 251px; }

  #page .details {
    width: 100%; }

  .sidenav {
    padding: 10px 20px 0 20px;
    width: 120px; }

  nav > ul > li {
    margin-bottom: 0; }

  .sidenav .follow {
    margin: 40px 0 20px 0; }

  #page .details, #cart .details, #collection.details, #blog .details, .articles, #collection .details {
    width: 90%; }

  #video-tutorials .details {
    width: 100%; }

  .productlist li {
    width: 100%;
    float: none !important; }

  #page, .errorpage, #collection, .cartpage, #customer-register {
    padding: 10px 0 40px 0; }

  #product {
    padding: 0px; }

  #video-tutorials .details > h1 {
    text-align: center; }

  #customer-login .details, #customer-register .details {
    padding: 30px 0 0 0; }

  .products .product {
    width: 40%; }

  .productpage {
    width: 80%; }

  .productimage, .productdesc {
    width: auto;
    margin: 0 20px; }

  .crashfirst {
    width: 85%;
    margin: 40px auto; }

  .crashphone {
    width: 300px; }

  .crashphonevid {
    top: 71px;
    left: 14px;
    width: 177px;
    height: 331px; }

  .crashphonevid .play {
    width: 40% !important;
    top: 97px !important;
    left: 55px !important; }

  .crashintro {
    min-width: 225px;
    font-size: 14px;
    line-height: 21px; }

  .crashintro p {
    margin: 30px 0 5px; }

  .crashsecond {
    width: 90%; }

  .eggdrop {
    width: 50%;
    margin: -30px auto 20px;
    padding-left: 150px; }

  .eggbottom {
    font-size: 17px;
    padding: 45px 0 0;
    line-height: 22px; }

  .eggvid {
    margin: 10px auto;
    display: block; }

  .featureimg {
    width: 45%; }

  .featurescopy {
    width: 50%;
    max-width: 320px;
    margin: 100px auto 50px; }

  .fp-section h1 {
    font-size: 26px !important;
    line-height: 33px !important; }

  .featurescopy h1 {
    width: 240px !important; }

  .sizebox {
    width: 95%; }

  .imgsize {
    width: 50%;
    display: block; }

  .boxlight {
    width: 85%;
    margin: 50px auto 30px; }

  .imglight {
    width: 45%; }

  .lightcopy {
    width: 55%;
    margin: 0; }

  .imgcover {
    width: 70%;
    left: -200px;
    bottom: 0; }

  .imgcover img {
    bottom: 100px; }

  .copycolour {
    width: 80%; }

  .copycolour p {
    width: 100%; }

  .imgcolours {
    max-width: 90%;
    margin: 29px auto 0; }

  .topheadercopy, ul.devices {
    width: 87%; }

  .topheadercopy {
    padding-top: 45px; }

  .tagline {
    width: 328px;
    font-size: 12px; }

  .btnbuytop img {
    width: 149px; }

  .pricemain {
    font-size: 19px;
    top: 4px; }

  .topheader {
    background-size: 158%;
    background-position: -175px 175px; }

  .vidfind img {
    width: 125px; }

  ul.devices li img {
    width: 69%; }

  ul.devices li {
    margin: 0 10px 10px 0;
    font-size: 11px; }

  .feature1 {
    background-size: 930px;
    height: 590px; }

  .thin {
    left: 8%; }

  .feature3 {
    background-position: -585px 0; }

  .scratch {
    top: 50px;
    left: 255px;
    width: 300px; }

  .feature4 {
    background-position: -250px 0; }

  .finger {
    left: -80px; }

  .pack {
    background-size: 700px !important;
    height: 545px; }

  ul.press {
    padding: 30px 0 0px;
    width: 90%;
    font-size: 11px;
    line-height: 15px;
    min-height: 55px; }

  ul.press li {
    margin: 0 20px 0 0; }

  ul.press li:nth-child(1) {
    margin: 0;
    width: 135px; }

  ul.press li img {
    height: 19px; }

  ul.presscrash li:nth-child(1) {
    width: 100%;
    min-height: 40px;
    text-align: center; }

  ul.presscrash li img {
    width: 80px; }

  ul.presscrash {
    padding: 50px 0 0;
    width: 470px; }

  ul.presscrash li:nth-child(5) {
    margin: 0; }

  ul.presscrash li:nth-child(6) {
    padding-left: 145px; }

  .errorpage {
    padding: 130px 0 100px; }

  .spr-container {
    width: 89% !important; }

  #collection h1, #product h1 {
    float: none !important;
    font-size: 22px;
    line-height: 23px; } }
/* 4.3 - Mobile Landscape */
@media only screen and (min-width: 510px) and (max-width: 629px) {
  #checkout-note-and-confirm {
    width: 100%;
    margin: 0; }

  #cartform #cart-content-and-update-button {
    width: 100%;
    float: left; }

  #page #instafeed > div {
    width: 100%;
    margin: 0; }

  #checkout-note-and-confirm > div {
    width: 100%; }

  #product .product-options {
    width: 90%;
    margin: 10px auto;
    padding: 0; }

  #product .breadcrumb, #cart .breadcrumb {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px; }

  .productimage {
    padding-right: 0px;
    padding-left: 0;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    min-height: 400px; }

  #product .featured {
    width: 100%;
    margin: 0;
    padding: 0; }

  .rhinosticker {
    top: 150px;
    right: 0;
    width: 120px;
    display: none; }

  nav.main, .toolbar-customer, .crashphoned, .crashphonevid, #cart-target, .langselect, .whitearrow, #btnrefer {
    display: none; }

  nav.mobile {
    display: block;
    padding: 30px 0; }

  #checkout-note-and-confirm .checkout-buttons, #checkout-note-and-confirm .cart-buttons {
    width: 100%; }

  /*.checkout-buttons textarea { width:96%%;} */
  .display-table-cell, .display-table-cell {
    display: block !important; }

  .mrefer {
    display: block;
    width: 85px; }

  .featured-product-image {
    width: 100%; }

  nav.mobile {
    padding: 0; }

  .logo {
    max-width: 450px; }

  .logo h1 a {
    font-size: 48px;
    margin-left: 0px;
    line-height: 50px; }

  .toolbar .search-field {
    display: none; }

  .wrapper, .toolbar, footer {
    width: 100%; }

  .span1 {
    width: 10px; }

  .span2 {
    width: 50px; }

  .span3 {
    width: 90px; }

  .span4 {
    width: 130px; }

  .span5 {
    width: 170px; }

  .span6 {
    width: 450px; }

  .span7 {
    width: 250px; }

  .span8 {
    width: 290px; }

  .span9 {
    width: 330px; }

  .span10 {
    width: 370px; }

  .span11 {
    width: 410px; }

  .span12 {
    width: 450px; }

  footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 {
    width: 450px; }

  #product .span6, #product .span4 {
    width: 450px; }

  #product .span5 {
    width: 350px; }

  #product .span1 {
    width: 70px; }

  #blog .span9 {
    width: 450px; }

  #blog .sidebar {
    display: none; }

  #blog .article {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }

  #article .sidebar {
    display: none; }

  #article .article {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; }

  #article .article-body {
    padding-right: 0; }

  #cart .item-description {
    display: none; }

  #collection h1, #product h1 {
    float: none !important;
    font-size: 22px;
    line-height: 23px; }

  #collection .browse-tags {
    float: none !important;
    display: block;
    padding-top: 10px; }

  #collection .browse-tags label {
    display: none; }

  #collection .browse-tags select {
    width: 100%;
    height: 30px !important;
    line-height: 30px !important; }

  #header .span9, #header .span3 {
    width: 450px; }

  #header .span9 {
    margin-left: 0 !important; }

  #header .logo {
    padding-bottom: 0 !important; }

  #header .logo a img {
    max-width: 200px; }

  .footer-menu {
    margin-bottom: 20px; }

  #product .thumbs .last-in-row {
    padding-right: 15px; }

  #product .thumbs .image:nth-child(6n+6) {
    padding-right: 0; }

  .featured-product-image {
    margin-top: 10px; }

  #product .breadcrumb, #cart .breadcrumb {
    display: inline-block;
    padding: 10px 20px; }

  #product .details h1, #product .price {
    text-align: center; }

  .sidenav {
    padding: 10px 20px 0 20px;
    width: 120px; }

  nav > ul > li {
    margin-bottom: 0; }

  .sidenav .follow {
    margin: 40px 0 20px 0; }

  .footersection {
    padding: 0;
    width: 80%;
    margin: 0 auto 50px;
    float: none !important; }

  .footercopy {
    width: 75%; }

  .iconrefer {
    margin-left: 10px; }

  .logorhino {
    width: 220px;
    margin-top: 47px; }

  .logocrash {
    width: 200px; }

  .homepcopy p {
    width: 225px; }

  .abtcopy {
    margin: 70px auto 0;
    float: none !important;
    width: 395px; }

  .partner {
    width: 90%; }

  .partner h1 {
    width: 90%;
    margin: 0 auto 35px; }

  .partnerstep {
    width: 70%;
    margin: 0 auto 30px;
    float: none !important; }

  .steps {
    width: 100%;
    margin: 0 auto; }

  .step1copy {
    width: 80%; }

  .partnerstep img {
    margin-bottom: 5px; }

  .partner input[type="text"], .partner input[type="email"] {
    width: 100%; }

  .partner .mimi_field {
    width: 90%; }

  #page .details {
    width: 100%; }

  #page h1, #cart h1 {
    font-size: 28px;
    line-height: 38px; }

  .productdesc, #x-thumbs,
  #page .details, #collection.details, .articles, #blog .details, .productimage, #collection .details {
    width: 96%;
    margin: 0 auto; }

  #y-thumbs {
    dislay: none; }

  .productlist li {
    width: 100%;
    float: none !important; }

  #article, #page, .errorpage, #collection, .cartpage, #customer-register {
    padding: 10px 0 40px 0; }

  #product {
    padding: 0px; }

  #product .short-desc {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }

  #product .cd-tabs-content li {
    width: 90%;
    margin: 20px auto; }

  #customer-login .details, #customer-register .details {
    padding: 30px 0 0 0; }

  .products .product {
    width: 40%; }

  .productpage {
    width: 80%; }

  .productimage {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd; }

  .crashfirst {
    position: absolute;
    width: 100%;
    height: 100%; }

  .crashphone {
    min-width: 300px;
    margin: 0 auto;
    height: 300px;
    float: none !important; }

  .sticker {
    top: 130px;
    width: 100%;
    text-align: center; }

  .crashphonem {
    width: 140px;
    margin: 0 auto 0;
    display: block; }

  .crashintro {
    padding-top: 100px;
    min-width: 350px;
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto 0;
    float: none !important; }

  .crashintro p {
    margin: 20px 0 0;
    font-size: 13px;
    line-height: 20px; }

  .crashsecond {
    width: 90%; }

  .eggdrop {
    width: 80%;
    margin: 0 auto;
    padding-left: 0; }

  .eggdropinfo {
    width: 50%; }

  .eggdropbox {
    width: 100%;
    margin: 0 auto 20px;
    max-width: 100%;
    float: none !important; }

  .eggbottom {
    font-size: 16px;
    padding: 45px 0;
    line-height: 24px; }

  .eggvid {
    margin: 10px auto;
    display: block; }

  .featureimg {
    float: none !important;
    margin-top: 50px;
    width: 90%; }

  .featurescopy {
    width: 85%;
    max-width: 480px;
    float: none !important;
    margin: 0 auto 50px; }

  .sizebox {
    width: 100%;
    margin-top: 50px; }

  .imgsize {
    width: 90%;
    margin: 0 auto 50px;
    float: none !important;
    display: block; }

  .boxlight {
    width: 85%;
    margin: 50px auto 30px; }

  .imglight {
    width: 100%;
    margin: 0 auto 30px;
    float: none !important;
    display: block; }

  .lightcopy {
    width: 100% !important; }

  .imgcover {
    width: 70%;
    left: -163px;
    bottom: 0; }

  .covercopy {
    width: 325px;
    margin: 0 0 0 30% !important;
    position: relative; }

  .copycolour {
    width: 80%; }

  .copycolour p {
    width: 100%; }

  .imgcolours {
    max-width: 90%;
    margin: 29px auto 0; }

  .topheadercopy, ul.devices {
    width: 87%; }

  .topheadercopy {
    padding-top: 45px; }

  .tagline {
    width: 287px;
    font-size: 12px; }

  .btnbuytop img {
    width: 149px; }

  .pricemain {
    font-size: 19px;
    top: 4px; }

  .topheader {
    background-size: 153%;
    background-position: -115px 235px; }

  .topheaderimg {
    max-width: 280px; }

  .vidfind img {
    width: 125px; }

  ul.devices li img {
    width: 69%; }

  ul.devices li {
    margin: 0 10px 10px 0;
    font-size: 11px; }

  ul.devices li:nth-child(1) {
    width: 282px; }

  .feature1 {
    background-size: 805px;
    height: 590px; }

  .thin {
    left: 8%; }

  .feature3 {
    background-position: -585px 0; }

  .scratch {
    top: 50px;
    left: 175px;
    width: 300px; }

  .feature4 {
    background-position: -250px 0; }

  .finger {
    left: -50px; }

  .pack {
    background-size: 600px !important;
    height: 485px; }

  ul.press {
    padding: 30px 0 0px;
    width: 90%;
    font-size: 11px;
    line-height: 15px;
    min-height: 55px; }

  ul.press li {
    margin: 0 20px 8px 0; }

  ul.press li:nth-child(1) {
    margin: 0;
    width: 135px; }

  ul.press li img {
    height: 19px; }

  ul.presscrash li:nth-child(1) {
    width: 100%;
    min-height: 40px;
    text-align: center; }

  ul.presscrash li img {
    width: 80px; }

  ul.presscrash {
    padding: 50px 0 0;
    width: 442px; }

  ul.presscrash li:nth-child(5) {
    margin: 0; }

  ul.presscrash li:nth-child(6) {
    padding-left: 145px; }

  .errorpage {
    padding: 130px 0 100px; }

  .spr-container {
    width: 84% !important; }

  .spr-summary-actions-newreview {
    margin-top: 10px; } }
/* 4.4 - Mobile Portrait */
@media only screen and (max-width: 585px) {
  #country-message {
    display: none; }

  #cart {
    margin: 0 auto;
    width: 85%;
    padding-top: 15px; } }
@media only screen and (max-width: 509px) {
  #product h1 {
    margin-bottom: 0; }

  .mobile-ninety-centered {
    width: 100%;
    margin: 0 auto; }

  #collection h1, #product h1 {
    float: none !important;
    font-size: 22px;
    line-height: 23px; }

  #collection h2 {
    float: none !important;
    font-size: 18px;
    line-height: 18px; }

  #collection h3 {
    float: none !important;
    font-size: 14px;
    line-height: 14px; }

  #checkout-note-and-confirm {
    width: 100%;
    margin: 0; }

  #cartform #cart-content-and-update-button {
    width: 100%;
    float: left; }

  #page #instafeed > div {
    width: 100%;
    margin: 0; }

  #checkout-note-and-confirm > div {
    width: 100%; }

  nav.main, .toolbar-customer, .langselect, .toolbar-cart, #checkout-link, .crashphoned, .crashphonevid, .whitearrow, #btnrefer {
    display: none; }

  #fullpage .fp-section:first-child {
    padding-top: 20px; }

  .rhinosticker {
    top: 75px;
    right: 0;
    width: 110px;
    display: none; }

  .display-table-cell {
    display: block !important; }

  .mrefer {
    display: block;
    width: 85px; }

  .featured-product-image {
    width: 100%; }

  .wrapper {
    padding: 0; }

  .wrapper, .toolbar, footer {
    width: 100%; }

  .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    width: 290px;
    float: none; }

  .logo {
    padding-bottom: 0; }

  .logo {
    max-width: 290px;
    float: none;
    padding-bottom: 20px; }

  .logo h1 a {
    font-size: 48px;
    margin-left: 0px;
    line-height: 50px; }

  .toolbar .search-field {
    display: none; }

  .flex-controls {
    display: none !important; }

  footer .btn.newsletter {
    font-size: 12px;
    padding-right: 8px;
    padding-left: 8px; }

  footer #mail {
    width: 189px; }

  #blog .span9 {
    width: 290px; }

  #blog .sidebar {
    display: none; }

  #blog .article {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }

  #article .sidebar {
    display: none; }

  #article .article {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; }

  #article .article-body {
    padding-right: 0; }

  #product .details {
    width: 100%; }

  #product .title {
    font-size: 22px; }

  #product .featured {
    margin-bottom: 15px; }

  #product #y-thumbs {
    display: none; }

  #cart .item-description, #cartform .image {
    display: block; }

  #checkout-note-and-confirm .checkout-buttons, #checkout-note-and-confirm .cart-buttons {
    width: 100%; }

  #cartform .item {
    padding-left: 0; }

  #collection h1, #product h1 {
    float: none !important;
    font-size: 22px;
    line-height: 23px; }

  #collection .browse-tags {
    float: none !important;
    display: block;
    padding-top: 10px; }

  #collection .browse-tags label {
    display: none; }

  #collection .browse-tags select {
    width: 100%;
    height: 30px;
    line-height: 30px; }

  #product .span5 {
    float: left;
    width: 230px; }

  #product .span1 {
    float: left;
    width: 60px;
    margin: 0; }

  #content {
    min-height: 0px !important; }

  .footer-menu {
    margin-bottom: 20px; }

  .featured-product-image {
    margin-top: 10px; }

  .prodbundle {
    margin-left: -15%;
    margin-right: -15%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none; }

  #menubtn {
    margin-right: 14px; }

  nav > ul > li {
    margin-bottom: 0; }

  .sidenav {
    padding: 10px 20px 0 20px;
    width: 120px; }

  .sidenav .follow {
    margin: 40px 0 20px 0; }

  .popupbox {
    width: 65%;
    margin: 100px auto 0;
    padding: 20px 30px 30px; }

  .popupbox h1 {
    font-size: 22px;
    line-height: 30px; }

  .popupbox input[type="email"] {
    width: 82%;
    margin: 20px 0 0; }

  .footersection .fl:first-child {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center; }

  .cart-buttons {
    float: none !important;
    width: 100%; }

  #checkout.button {
    padding: 5px 20px 4px; }

  .iconrefer {
    margin-left: 10px; }

  .logorhino {
    width: 180px;
    margin-top: 27px; }

  .logocrash {
    width: 150px; }

  .homepcopy {
    margin-top: 30px;
    padding: 0 5%;
    width: 90%; }

  .homepcopy p {
    width: 100%;
    font-size: 8px;
    line-height: 14px; }

  .btnwhite {
    padding: 5px 20px 4px; }

  #article, #page, .errorpage, #collection, #customer-register {
    padding: 10px 0 40px 0; }

  #cart {
    padding: 0;
    padding-bottom: 40px; }

  #customer-login .details, #customer-register .details {
    padding: 30px 0 0 0; }

  #product {
    padding: 0 0 0 0; }

  .products .product {
    width: 45%; }

  #blog .article, .article-body {
    padding-right: 0; }

  .abtcopy {
    margin: 30px auto 0;
    float: none !important;
    width: 85%; }

  .partner {
    width: 85%;
    margin: 30px auto 30px; }

  .partner h1 {
    width: 100%;
    margin: 0 auto 35px; }

  .partnerstep {
    width: 70%;
    margin: 0 auto 30px;
    float: none !important; }

  .steps {
    width: 100%;
    margin: 0 auto; }

  .step1copy {
    width: 90%; }

  .partnerstep img {
    margin-bottom: 5px; }

  .partner input[type="text"], .partner input[type="email"] {
    width: 100%;
    margin: 8px auto 20px;
    display: block;
    float: none !important; }

  .partner .mimi_field {
    width: 90%; }

  .btnpartner {
    margin-top: 0; }

  #page .details {
    width: 100%; }

  #page h1, #cart h1 {
    font-size: 24px;
    line-height: 37px; }

  .productimage, .productdesc, #product .thumbs, .productlist li, #cart .details, .articles, #collection .details {
    width: 100%;
    padding: 0 20px; }

  #cart .details {
    padding: 0; }

  #product .featured {
    width: 100%;
    margin: 0;
    padding: 0; }

  #product .cd-gallery {
    margin: 0;
    padding: 0; }

  #product .details, #cart .details {
    margin: 0;
    padding-top: 0; }

  #collection .details {
    padding-top: 3px; }

  #product .details h1, #product .purchase {
    text-align: center; }

  #product > .row {
    margin: 0; }

  #product .short-desc {
    margin-left: auto;
    margin-right: auto; }

  #product .cd-tabs-content li {
    width: 90%;
    margin: 20px auto; }

  #product .product-options {
    width: 90%;
    margin: 10px auto;
    padding: 0; }

  #product .breadcrumb, #cart .breadcrumb {
    display: inline-block;
    padding: 10px 20px;
    background-color: #efefef;
    color: #808080; }

  #product .description {
    margin-top: 0; }

  #cart .details {
    margin: 0 auto 0; }

  .return-to-store {
    margin: 10px 0;
    text-align: center; }

  #page .details, .productpage, #blog .details {
    width: 92%;
    margin: 0 auto; }

  #video-tuturials {
    max-width: 1000px;
    margin: 0 auto; }

  #video-tutorials .details {
    width: 100%;
    margin: 0; }

  #video-tutorials .details > h1 {
    text-align: center; }

  #collection.details {
    width: 90%;
    margin: 50px auto; }

  .qty input {
    width: 15px; }

  a.btn, input.btn {
    padding: 0 7px; }

  .productpage {
    width: 85%; }

  .productimage {
    padding-right: 0px;
    padding-left: 0;
    width: 100%;
    min-height: 400px; }

  .crashfirst {
    position: absolute;
    width: 100%;
    height: 100%; }

  .crashphone {
    height: 300px;
    width: 100%;
    margin: 0 auto;
    float: none !important; }

  .sticker {
    top: 130px;
    width: 100%;
    text-align: center; }

  .crashphonem {
    width: 140px;
    margin: 0 auto 0;
    display: block; }

  .crashintro {
    min-width: 250px;
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto 0;
    float: none !important; }

  .crashintro p {
    margin: 20px 0 0;
    font-size: 13px;
    line-height: 20px; }

  .crashsecond {
    width: 90%; }

  .eggdrop {
    width: 80%;
    margin: 10px auto;
    padding-left: 0; }

  .eggdropinfo {
    width: 80%; }

  .eggdropbox {
    width: 100%;
    margin: 0 auto 10px;
    max-width: 100%;
    float: none !important; }

  .eggbottom {
    font-size: 16px;
    padding: 20px 0 30px;
    line-height: 24px; }

  .eggvid {
    margin: 10px auto;
    display: block; }

  .featurescopy {
    width: 280px;
    margin: 0 auto 30px;
    float: none !important; }

  .fp-section h1 {
    font-size: 25px !important;
    line-height: 33px !important; }

  .featurescopy h1 {
    width: 215px; }

  .featureimg {
    float: none !important;
    margin-top: 50px;
    width: 90%; }

  .sizebox {
    width: 100%;
    margin-top: 50px; }

  .imgsize {
    width: 90%;
    margin: 0 auto 50px;
    float: none !important;
    display: block; }

  .boxlight {
    width: 85%;
    margin: 50px auto 30px; }

  .imglight {
    width: 100%;
    margin: 0 auto 30px; }

  .imgcover {
    width: 120%;
    left: -40px;
    top: -200px; }

  .imgcover img {
    bottom: -100px; }

  .covercopy {
    width: 280px;
    margin: 200px 0 0 5% !important;
    z-index: 10;
    position: relative; }

  .copycolour {
    width: 80%;
    margin-top: 40px; }

  .copycolour p {
    width: 100%; }

  .imgcolours {
    max-width: 90%;
    margin: 29px auto 0; }

  .rhino {
    width: 270px; }

  .topheadercopy, ul.devices {
    width: 87%; }

  .topheadercopy {
    padding-top: 45px; }

  .tagline {
    width: 287px;
    font-size: 12px; }

  .btnbuytop img {
    width: 149px; }

  .pricemain {
    font-size: 19px;
    top: 4px; }

  .topheader {
    background-size: 153%;
    background-position: -101px 312px; }

  .topheaderimg {
    width: 220px !important; }

  .vidfind img, #vid2 img {
    width: 125px; }

  ul.devices {
    width: 320px;
    font-size: 12px;
    padding: 20px 0; }

  ul.devices li {
    float: left;
    width: 106px;
    text-align: center;
    margin: 0 0 10px 0; }

  ul.devices li:nth-child(1) {
    float: left;
    margin: 0 0 10px 0;
    width: 240px;
    text-align: center;
    padding: 0 40px; }

  ul.devices li img {
    height: 12px;
    margin: 0; }

  .feature1 {
    background-size: 135%;
    height: 590px; }

  .impact {
    width: 75%; }

  .feature2 {
    background-size: 300%;
    background-position: -390px 0;
    height: 450px; }

  .thin {
    left: 8%; }

  .feature3 {
    background-position: -602px 106px; }

  .scratch {
    top: 0;
    left: 0;
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-top: 40px; }

  .feature4 {
    background-position: -233px 155px;
    background-size: 294%;
    height: 590px; }

  .finger {
    left: 0;
    top: 0;
    position: relative;
    width: 70%;
    padding-top: 80px; }

  .pack {
    background-size: 125% !important;
    height: 460px; }

  ul.press {
    padding: 30px 0 0px;
    width: 90%;
    font-size: 11px;
    line-height: 15px;
    min-height: 55px; }

  ul.press li {
    margin: 0 20px 8px 0; }

  ul.press li:nth-child(1) {
    margin: 0;
    width: 135px; }

  ul.press li img {
    height: 19px; }

  ul.presscrash li:nth-child(1) {
    width: 95%;
    min-height: 50px;
    text-align: center;
    padding: 0 5%; }

  ul.presscrash li {
    width: 50%;
    margin: 0;
    text-align: center; }

  ul.presscrash li img {
    width: 90px; }

  ul.presscrash {
    padding: 50px 0 40px;
    width: 300px; }

  .errorpage {
    padding: 130px 0 100px; }

  .spr-container {
    width: 84% !important; }

  .spr-summary-actions-newreview {
    margin-top: 10px; }

  .popup {
    overflow: scroll; }

  .vidbox {
    position: absolute;
    font-size: 11px;
    line-height: 16px;
    color: #FFEF00;
    text-transform: uppercase;
    box-shadow: none;
    background: #000;
    width: 100%;
    max-width: 100%;
    padding: 25px 7px;
    box-sizing: border-box;
    z-index: 20;
    margin: 0;
    overflow: scroll; }

  #btnclose1 {
    top: 2px; }

  #contact_form input[type="submit"], .button, .mimi_field .submit {
    font-size: 11px;
    padding: 0; } }
/* =================== */
/*      SECTION 5      */
/* =================== */
/* 5.1 - IE Fixes */
.ie8 .product .circle, .ie8 #product .circle {
  right: 0;
  top: 0;
  padding: 8px 12px; }

.ie7 nav > ul > li {
  float: left !important;
  display: inline-block !important; }

.ie8 .helper-section:hover .helper-content .product {
  filter: alpha(opacity=20); }

.ie8 .helper-section:hover .helper-content .product img {
  filter: alpha(opacity=20); }

/* =================== */
/*      SECTION 6      */
/* =================== */
/* 6.1 - FancyBox */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

* html #fancybox-loading {
  position: absolute;
  margin-top: 0; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217"); }

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 999999;
  display: none; }

* html #fancybox-overlay {
  position: absolute;
  width: 100%; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 999999;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: 0;
  overflow: hidden; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217");
  background-position: -40px 0;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox_error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 7px;
  margin: 0; }

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0;
  display: block; }

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333; }

.fancybox-title-outside {
  padding-top: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold; }

.fancybox-title-over {
  color: #FFF;
  text-align: left; }

#fancybox-title-wrap {
  display: inline-block; }

#fancybox-title-wrap span {
  height: 32px;
  float: left; }

#fancybox-title-left {
  padding-left: 15px;
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217");
  background-position: -40px -90px;
  background-repeat: no-repeat; }

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox-x.png?4198217");
  background-position: 0 -40px;
  color: #FFF; }

#fancybox-title-right {
  padding-left: 15px;
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217");
  background-position: -55px -90px;
  background-repeat: no-repeat; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: 0;
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0; }

#fancybox-right {
  right: 0; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("//rhinoshield.eu/cdn/shop/t/1232/assets/fancybox.png?5734&4198217");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

/* 6.2 - FlexSlider */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flexslider {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin-bottom: 0px !important; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

.flex-pauseplay span {
  text-transform: capitalize; }

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

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  background: #fff;
  position: relative;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides > li {
  position: relative; }

.flex-container {
  zoom: 1;
  position: relative; }

.flex-caption {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom: 1; }

.flex-caption {
  width: 96%;
  padding: 2%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 18px; }

.flex-direction-nav {
  height: 0;
  display: none; }

.flex-direction-nav li {
  margin-bottom: 0; }

.flex-direction-nav li a {
  width: 50px;
  height: 50px;
  display: block;
  background: url("//rhinoshield.eu/cdn/shop/t/1232/assets/slider-arrows.png?47334&4198217") no-repeat;
  position: absolute;
  top: 44%;
  cursor: pointer;
  text-indent: -999em; }

.flex-direction-nav li .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default; }

/* Dark Direction Nav */
.flex-direction-nav li .prev {
  left: 20px;
  background-position: 0 0; }

.flex-direction-nav li .next {
  right: 20px;
  background-position: -250px 0; }

.flex-direction-nav li .prev:hover {
  background-position: 0 -50px; }

.flex-direction-nav li .next:hover {
  background-position: -250px -50px; }

.flex-controls {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.slides a:hover {
  opacity: 1; }

/* 6.4 - Web Fonts */
@font-face {
  font-family: 'ProximaNovaLight';
  src: url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.eot");
  src: url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.woff") format("woff"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.ttf") format("truetype"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Light-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNovaLight';
  src: url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.eot");
  src: url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.woff") format("woff"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("//cdn.shopify.com/assets/fonts/ProximaNova-Sbold-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: bold;
  font-style: normal; }

/* 6.5 - Example Products & Content Tooltip */
.helper-note {
  font-size: 16px;
  background: #31373d;
  border: none;
  color: #96a7b6;
  padding: 30px;
  position: absolute;
  max-width: 510px;
  margin-left: -255px;
  left: 50%;
  z-index: 99999;
  opacity: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.33, 1), margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95);
  -moz-transition: opacity 0.1s cubic-bezier(0, 0, 0.33, 1), margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.33, 1), margin-top 0.5s cubic-bezier(0.45, 0, 0, 0.95); }

@media only screen and (max-width: 509px) {
  .helper-note {
    width: 270px;
    margin-left: -145px; } }
.helper-note p {
  line-height: 18px;
  margin-bottom: 15px;
  margin-left: 40px;
  font-size: 13px; }

.helper-note p:last-child {
  margin-bottom: 0; }

.helper-note h3 {
  font-family: 'ProximaNovaLight';
  font-size: 19px;
  font-weight: normal;
  color: #ffffff;
  margin-left: 40px; }

.helper-note a.secondary-action {
  display: inline-block;
  line-height: 30px;
  color: #479ccf; }

.helper-note a.admin-btn-primary {
  margin-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  padding: 0 9px;
  font-size: 13px;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  text-transform: none;
  vertical-align: middle;
  background-color: #479ccf;
  border: 1px solid #2f82b4;
  color: #fff; }

.helper-note a.admin-btn-primary:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  background-color: #2f82b4;
  border-color: #24658c; }

.helper-note .helper-icon {
  float: left;
  margin-top: 4px;
  width: 24px;
  height: 24px;
  background-size: contain;
  display: inline-block;
  vertical-align: top; }

.helper-section {
  clear: both; }

.helper-section:hover .helper-note {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s cubic-bezier(0.45, 0, 0, 0.95);
  -moz-transition: all 0.5s cubic-bezier(0.45, 0, 0, 0.95);
  transition: all 0.5s cubic-bezier(0.45, 0, 0, 0.95); }

.helper-section .helper-content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.25s cubic-bezier(0.67, 0, 1, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.67, 0, 1, 1);
  transition: opacity 0.25s cubic-bezier(0.67, 0, 1, 1); }

.helper-section:hover .helper-content {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.33, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0, 0, 0.33, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.33, 1); }

.helper-homepage-products {
  margin-top: 215px; }

.helper-section:hover .helper-homepage-products {
  margin-top: 200px; }

.helper-homepage-page {
  margin-top: 95px; }

.helper-section:hover .helper-homepage-page {
  margin-top: 80px; }

.helper-all-products {
  margin-top: 115px; }

.helper-section:hover .helper-all-products {
  margin-top: 100px; }

.helper-product {
  margin-top: 115px; }

.helper-section:hover .helper-product {
  margin-top: 100px; }

/* =================== */
/*      SECTION 7      */
/* =================== */
/*  7.1 - Swatches Styles */
.collectionswatch .swatch {
  margin: 0; }

.swatch {
  margin: 0 0 10px 0; }

/* Label */
.collectionswatch .header {
  display: none; }

.swatch .header {
  margin: 0;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  background: none;
  border: 0;
  width: 100%;
  line-height: 13px;
  text-align: left; }

/* Hide radio buttons.*/
.swatch input {
  display: none; }

.collectionswatch .swatch label {
  min-width: 13px !important;
  height: 13px !important; }

.swatch label {
  /* To give width and height */
  float: left;
  /* Color swatches contain no text so they need to have a width. */
  min-width: 0 !important;
  height: 20px !important;
  /* No extra spacing between them */
  margin: 0;
  /* The border when the button is not selected */
  /* Background color */
  background-color: #ddd;
  /* Styling text */
  font-size: 13px;
  text-align: center;
  line-height: 35px;
  white-space: nowrap;
  text-transform: uppercase;
  background-size: 100%; }

.collectionswatch .swatch-element label {
  padding: 0; }

.swatch-element label {
  padding: 0 10px; }

/* Styling selected swatch */
/* Slightly raised */
.collectionswatch .swatch input:checked + label {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.swatch input:checked + label {
  -moz-box-shadow: inset 0 0 0 4px #000000;
  -webkit-box-shadow: inset 0 0 0 4px #000000;
  box-shadow: inset 0 0 0 4px #000000; }

.collectionswatch .swatch .swatch-element {
  width: 15px;
  height: 15px; }

.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 10px 0;*/
  /* To position the sold out graphic and tooltip */
  position: relative;
  width: 25px;
  overflow: hidden;
  /*height: 20px;*/
  margin-right: 10px; }

/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.swatch .swatch-element .crossed-out {
  display: none; }

.swatch .swatch-element.soldout .crossed-out {
  display: block; }

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60);
  /* internet explorer */
  -khtml-opacity: 0.6;
  /* khtml, old safari */
  -moz-opacity: 0.6;
  /* mozilla, netscape */
  opacity: 0.6;
  /* fx, safari, opera */ }

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: -23px;
  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: #333333 !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; }

/* 7.2 - SPR STYLES  */
.spr-badge {
  margin-top: 5px; }

.spr-container {
  width: 93%;
  margin-top: 40px;
  border-color: #CCC !important; }

.spr-header-title {
  font-size: 19px !important;
  text-transform: uppercase; }

.spr-summary-actions-newreview {
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-size: 11px !important;
  background: #444;
  color: #fff !important;
  border: none !important;
  padding: 3px 20px 2px !important;
  border-radius: 30px !important;
  text-transform: uppercase !important;
  text-align: center;
  display: inline-block !important; }

input.spr-button-primary {
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-size: 11px !important;
  background: #444;
  color: #fff !important;
  border: none !important;
  padding: 3px 20px 2px !important;
  border-radius: 30px !important;
  text-transform: uppercase !important;
  text-align: center;
  display: inline-block !important;
  height: 29px !important;
  line-height: 11px !important; }

.spr-form-input-textarea {
  padding-top: 10px; }

.spr-form-input-text, .spr-form-input-email, .spr-form-input-textarea {
  border: 1px solid #CCC !important; }

.spr-form-label {
  font-size: 11px !important;
  text-transform: uppercase; }

.spr-form-title {
  text-transform: uppercase; }

/* 7.3 - Shappify */
#shappify_bundle form {
  margin: 30px 0 0 !important;
  padding: 30px;
  width: 92%;
  background: #f6f6f6; }

.product-bundle .bundle-name {
  margin: 10px 0 10px 0;
  font-size: 11px;
  min-height: 30px; }

.product-options select {
  width: 100%; }

.product-bundle .bundle-title {
  font-size: 18px;
  line-height: 23px; }

.product-bundle button .top-button {
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  padding: 1px 5px 2px 5px !important;
  line-height: 18px; }

.product-bundle .bundle-total button {
  width: 77% !important; }

@media only screen and (min-width: 510px) and (max-width: 629px) {
  #shappify_bundle {
    width: 80%; }

  #two-product.product-bundle.with-total .bundle-equals {
    width: 100% !important; }

  body .product-bundle .bundle-equals {
    margin: 22px 0 !important;
    display: block; }

  .product-bundle .bundle-total button {
    width: 100% !important;
    max-width: 100% !important; }

  .product-bundle .product-wrapper {
    margin-bottom: 40px; }

  body .product-bundle .bundle-plus {
    margin-bottom: 20px; } }
@media only screen and (max-width: 509px) {
  #shappify_bundle {
    width: 80%; }

  #two-product.product-bundle.with-total .bundle-equals {
    width: 100% !important; }

  body .product-bundle .bundle-equals {
    margin: 22px 0 !important;
    display: block; }

  .product-bundle .bundle-total button {
    width: 100% !important;
    max-width: 100% !important; }

  .product-bundle .product-wrapper {
    margin-bottom: 40px; }

  body .product-bundle .bundle-plus {
    margin-bottom: 20px; } }
/* 7.4 - Yotpo and socialphotos */
.yotpo .yotpo-icon-btn-big.transparent-color-btn {
  display: none; }

.yotpo .yotpo-small-box {
  pointer-events: none; }

#instafeed {
  padding-bottom: 45px;
  min-height: 150px; }

#page #instafeed {
  text-align: center; }

#page #instafeed > div {
  max-width: 300px;
  display: inline-block;
  float: none; }

#instafeed > div {
  width: 24%; }

#socialphotos-root .media-body, #socialphotos-modal .media-body {
  word-wrap: break-word; }

/* VALENTINE PAGE*/
.share-buttons {
  list-style: none; }

/* 7.5 - random hacks  */
body.noscroll {
  overflow: hidden; }

#swipebox-slider .slide.current img {
  background-color: white; }

#order-form img {
  min-width: 50px; }

#product-select {
  display: none; }

.available-in-more-colors {
  display: none;
  margin-bottom: 9px;
  background: #eee;
  text-transform: uppercase;
  font-size: 13px;
  padding: 5px 0;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  background: #fff5c6;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff5c6), color-stop(100%, #fffae3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #fff5c6 0%, #fffae3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5c6', endColorstr='#fffae3',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  border: grey solid 1px; }

#product ol.cd-dots {
  display: none !important; }

#x-options {
  float: left;
  margin-left: 10px; }

.swatch label.header {
  line-height: normal;
  width: auto; }

#fullpage {
  margin-top: 0px !important; }

@media only screen and (min-width: 768px) {
  #product .productimage {
    text-align: center; } }
.center {
  text-align: center; }

/* ANIMATE.css */
body {
  -webkit-backface-visibility: hidden; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes shake {
  0%,100% {
    -moz-transform: translateX(0); }

  10%,30%,50%,70%,90% {
    -moz-transform: translateX(-10px); }

  20%,40%,60%,80% {
    -moz-transform: translateX(10px); } }

@-o-keyframes shake {
  0%,100% {
    -o-transform: translateX(0); }

  10%,30%,50%,70%,90% {
    -o-transform: translateX(-10px); }

  20%,40%,60%,80% {
    -o-transform: translateX(10px); } }

@keyframes shake {
  0%,100% {
    transform: translateX(0); }

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

  20%,40%,60%,80% {
    transform: translateX(10px); } }

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

@-webkit-keyframes bounce {
  0%,20%,50%,80%,100% {
    -webkit-transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%,20%,50%,80%,100% {
    -moz-transform: translateY(0); }

  40% {
    -moz-transform: translateY(-30px); }

  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%,20%,50%,80%,100% {
    -o-transform: translateY(0); }

  40% {
    -o-transform: translateY(-30px); }

  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%,20%,50%,80%,100% {
    transform: translateY(0); }

  40% {
    transform: translateY(-30px); }

  60% {
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

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

  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }

  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }

  10%,20% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  30%,50%,70%,90% {
    -moz-transform: scale(1.1) rotate(3deg); }

  40%,60%,80% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  100% {
    -moz-transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }

  10%,20% {
    -o-transform: scale(0.9) rotate(-3deg); }

  30%,50%,70%,90% {
    -o-transform: scale(1.1) rotate(3deg); }

  40%,60%,80% {
    -o-transform: scale(1.1) rotate(-3deg); }

  100% {
    -o-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    transform: scale(1); }

  10%,20% {
    transform: scale(0.9) rotate(-3deg); }

  30%,50%,70%,90% {
    transform: scale(1.1) rotate(3deg); }

  40%,60%,80% {
    transform: scale(1.1) rotate(-3deg); }

  100% {
    transform: scale(1) rotate(0); } }

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

@-webkit-keyframes swing {
  20%,40%,60%,80%,100% {
    -webkit-transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }

  40% {
    -moz-transform: rotate(-10deg); }

  60% {
    -moz-transform: rotate(5deg); }

  80% {
    -moz-transform: rotate(-5deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }

  40% {
    -o-transform: rotate(-10deg); }

  60% {
    -o-transform: rotate(5deg); }

  80% {
    -o-transform: rotate(-5deg); }

  100% {
    -o-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    transform: rotate(15deg); }

  40% {
    transform: rotate(-10deg); }

  60% {
    transform: rotate(5deg); }

  80% {
    transform: rotate(-5deg); }

  100% {
    transform: rotate(0deg); } }

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }

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

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -moz-transform: translateX(20%) rotate(3deg); }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -moz-transform: translateX(10%) rotate(2deg); }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -moz-transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -o-transform: translateX(20%) rotate(3deg); }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -o-transform: translateX(10%) rotate(2deg); }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -o-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    transform: translateX(0%); }

  15% {
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    transform: translateX(20%) rotate(3deg); }

  45% {
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    transform: translateX(10%) rotate(2deg); }

  75% {
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    transform: translateX(0%); } }

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

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

  50% {
    -webkit-transform: scale(1.1); }

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

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(1.1); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(1.1); }

  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }

  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }

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

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }

  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }

  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }

  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }

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

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }

  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }

  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }

  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }

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

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

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

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }

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

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateX(10deg); }

  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    transform: perspective(400px) rotateX(10deg); }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

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

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

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

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }

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

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateY(10deg); }

  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    transform: perspective(400px) rotateY(10deg); }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

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

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

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

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

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

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }

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

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }

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

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }

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

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }

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

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }

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

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }

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

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

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

  100% {
    opacity: 1;
    transform: translateY(0); } }

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

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

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

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

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

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

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

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

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

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

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

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

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

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

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

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

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

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

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-20px); } }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

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

  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(20px); } }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

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

  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }

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

  100% {
    opacity: 0;
    transform: translateX(-20px); } }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

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

  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }

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

  100% {
    opacity: 0;
    transform: translateX(20px); } }

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

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

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

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

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

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

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

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

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

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9); }

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

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }

  50% {
    opacity: 1;
    -o-transform: scale(1.05); }

  70% {
    -o-transform: scale(0.9); }

  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

  50% {
    opacity: 1;
    transform: scale(1.05); }

  70% {
    transform: scale(0.9); }

  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px); }

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

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }

  80% {
    -moz-transform: translateY(10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }

  80% {
    -o-transform: translateY(10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    transform: translateY(-30px); }

  80% {
    transform: translateY(10px); }

  100% {
    transform: translateY(0); } }

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px); }

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

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }

  80% {
    -moz-transform: translateY(-10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(30px); }

  80% {
    -o-transform: translateY(-10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    transform: translateY(30px); }

  80% {
    transform: translateY(-10px); }

  100% {
    transform: translateY(0); } }

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px); }

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

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  80% {
    -moz-transform: translateX(-10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(30px); }

  80% {
    -o-transform: translateX(-10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    transform: translateX(30px); }

  80% {
    transform: translateX(-10px); }

  100% {
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px); }

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

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  80% {
    -moz-transform: translateX(10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }

  80% {
    -o-transform: translateX(10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    transform: translateX(-30px); }

  80% {
    transform: translateX(10px); }

  100% {
    transform: translateX(0); } }

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  25% {
    -moz-transform: scale(0.95); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }

  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }

  25% {
    -o-transform: scale(0.95); }

  50% {
    opacity: 1;
    -o-transform: scale(1.1); }

  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }

  25% {
    transform: scale(0.95); }

  50% {
    opacity: 1;
    transform: scale(1.1); }

  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }

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

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(20px); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }

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

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

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

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(20px); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

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

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

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

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

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

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

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

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

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

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

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

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

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

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

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

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

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

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

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

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

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

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

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

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

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

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

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

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

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

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

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

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

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

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

  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

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

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

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

  20%,60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }

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

  20%,60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }

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

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

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

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

  100% {
    transform: translateY(700px);
    opacity: 0; } }

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

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

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

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

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

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

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

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

.animated.lightSpeedIn {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

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

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

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

.animated.lightSpeedOut {
  -webkit-animation-duration: .25s;
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  animation-duration: .25s; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }

  10% {
    -webkit-transform: skewX(-8deg); }

  20% {
    -webkit-transform: skewX(7deg); }

  30% {
    -webkit-transform: skewX(-6deg); }

  40% {
    -webkit-transform: skewX(5deg); }

  50% {
    -webkit-transform: skewX(-4deg); }

  60% {
    -webkit-transform: skewX(3deg); }

  70% {
    -webkit-transform: skewX(-2deg); }

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

  90% {
    -webkit-transform: skewX(0deg); }

  100% {
    -webkit-transform: skewX(0deg); } }

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }

  10% {
    -moz-transform: skewX(-8deg); }

  20% {
    -moz-transform: skewX(7deg); }

  30% {
    -moz-transform: skewX(-6deg); }

  40% {
    -moz-transform: skewX(5deg); }

  50% {
    -moz-transform: skewX(-4deg); }

  60% {
    -moz-transform: skewX(3deg); }

  70% {
    -moz-transform: skewX(-2deg); }

  80% {
    -moz-transform: skewX(1deg); }

  90% {
    -moz-transform: skewX(0deg); }

  100% {
    -moz-transform: skewX(0deg); } }

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }

  10% {
    -o-transform: skewX(-8deg); }

  20% {
    -o-transform: skewX(7deg); }

  30% {
    -o-transform: skewX(-6deg); }

  40% {
    -o-transform: skewX(5deg); }

  50% {
    -o-transform: skewX(-4deg); }

  60% {
    -o-transform: skewX(3deg); }

  70% {
    -o-transform: skewX(-2deg); }

  80% {
    -o-transform: skewX(1deg); }

  90% {
    -o-transform: skewX(0deg); }

  100% {
    -o-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    transform: skewX(9deg); }

  10% {
    transform: skewX(-8deg); }

  20% {
    transform: skewX(7deg); }

  30% {
    transform: skewX(-6deg); }

  40% {
    transform: skewX(5deg); }

  50% {
    transform: skewX(-4deg); }

  60% {
    transform: skewX(3deg); }

  70% {
    transform: skewX(-2deg); }

  80% {
    transform: skewX(1deg); }

  90% {
    transform: skewX(0deg); }

  100% {
    transform: skewX(0deg); } }

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.wiggle {
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s; }

/* products centering */
.products {
  text-align: center; }

.products .product {
  float: none;
  display: inline-block; }

/* 7.6 useful classes */
.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }

.middle {
  display: table-cell;
  vertical-align: middle; }

.inner {
  margin-left: auto;
  margin-right: auto;
  /*whatever width you want*/ }

.float-max-aligned {
  width: 100%;
  display: flex;
  margin-bottom: 12px;
  padding-bottom: 11px;
  padding-top: 16px;
  align-items: center; }

.float-hundred {
  float: left;
  width: 100%; }

/* 7.7 buy button css */
.select-your-device-menu {
  display: inline-block;
  vertical-align: bottom;
  width: 149px; }

.select-your-device-menu .slicknav_nav:not(.slicknav_hidden) {
  left: -20px;
  text-align: left; }

.select-your-device-menu .slicknav_btn {
  margin: 0;
  background: none;
  padding: 0; }

.select-your-device-menu .slicknav_btn .slicknav_menutxt {
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  background: #444;
  color: #FFEF00;
  border: none;
  padding: 8px 30px;
  padding-top: 8px;
  padding-right: 30px;
  padding-bottom: 8px;
  padding-left: 30px;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block; }

.select-your-device-menu .slicknav_btn.slicknav_open {
  left: -20px;
  background: none;
  background-color: black;
  width: 250px;
  text-align: left;
  color: #FFEF00;
  border-radius: 0;
  -webkit-border-radius: 0;
  z-index: 5;
  border: #565656 solid 1px;
  border-bottom: none;
  padding: 8px 30px;
  padding-top: 8px;
  padding-right: 30px;
  padding-bottom: 8px;
  padding-left: 30px; }

.select-your-device-menu .slicknav_btn.slicknav_open .slicknav_menutxt {
  display: none; }

.select-your-device-menu .slicknav_btn .slicknav_icon {
  display: none; }

.select-your-device-menu .slicknav_menu {
  background: inherit;
  position: relative;
  padding: 0; }

.select-your-device-menu .slicknav_nav {
  background-color: black;
  position: absolute;
  top: 34px;
  z-index: 5;
  width: 250px;
  border: #565656 solid 1px;
  border-top: none; }

.select-your-device-menu .slicknav_nav .slicknav_row:hover {
  background: #313131; }

.go-to-store-bottom {
  width: 140px;
  margin: 0 auto; }

.go-to-store-bottom .slicknav_btn.slicknav_open {
  left: -20px;
  top: -100px; }

.go-to-store-bottom .slicknav_nav {
  left: -85px;
  top: -66px; }

#notification-area.kickstarter {
  background-color: #FFEF00;
  height: 35px;
  line-height: 35px;
  padding: 0;
  box-shadow: 0 0 0 0; }

#notification-area.kickstarter .first {
  color: white;
  font-weight: bold;
  text-decoration: underline; }

#notification-area.kickstarter .second {
  color: #2BDE73;
  font-weight: bold;
  text-decoration: underline; }

[v-cloak] {
  display: none; }

@media only screen and (max-width: 600px) {
  #customer-register .details {
    width: 95%; } }
/*================ UTILS ================*/
/*================ Mixins ================*/
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*================ SETTINGS ================*/
/*================ Color Variables ================*/
/*================ Typography Variables ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ Z-Index ================*/
/*================ SVG ================*/
/*================ Fonts ================*/
@font-face {
  font-family: rhinoshield;
  src: url(https://cdn.shopify.com/s/files/1/0274/8717/files/RhinoshieldUnicaseV2-Bold.otf?3904022683991071162); }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0;
  font-family: var(--normal-font); }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*================ Slate specific reset ================*/
*,
*::before,
*::after {
  box-sizing: border-box; }

body,
input,
textarea,
button,
select {
  -webkit-text-size-adjust: 100%; }

a:focus {
  color: inherit; }

img {
  max-width: 100%; }

/*================ Form element helpers ================*/
form {
  margin: 0; }

@media only screen and (max-width: 989px) {
  input,
  textarea,
  select {
    font-size: 16px; } }
button,
input[type="submit"],
label[for] {
  cursor: pointer; }

optgroup {
  font-weight: 700; }

option {
  color: black;
  background-color: white; }

[tabindex='-1']:focus {
  outline: none; }

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation; }

/*================ Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix::after {
    content: '';
    display: table;
    clear: both; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.js-focus-hidden:focus {
  outline: none; }

.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  .no-placeholder .label-hidden {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0; }

.visually-shown {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0; }

.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

.no-js .js {
  display: none; }

.supports-no-cookies:not(html) {
  display: none; }
  html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block; }

html.supports-no-cookies .supports-cookies {
  display: none; }

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: black;
  background-color: white;
  padding: 15px;
  z-index: 10000;
  transition: none; }

/*============================================================================
  Grid
    - Based on CSS Wizardry grid
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%; }
  .grid__item[class*='--push'] {
    position: relative; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.33333%; }

.two-thirds {
  width: 66.66667%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.66667%; }

.two-sixths {
  width: 33.33333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.66667%; }

.five-sixths {
  width: 83.33333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.33333%; }

.two-twelfths {
  width: 16.66667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.33333%; }

.five-twelfths {
  width: 41.66667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.33333%; }

.eight-twelfths {
  width: 66.66667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.33333%; }

.eleven-twelfths {
  width: 91.66667%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.text-left {
  text-align: left !important; }

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

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

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 749px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.33333%; }

  .small--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%; }

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.66667%; }

  .small--two-sixths {
    width: 33.33333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.66667%; }

  .small--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%; }

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.33333%; }

  .small--two-twelfths {
    width: 16.66667%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.33333%; }

  .small--five-twelfths {
    width: 41.66667%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.33333%; }

  .small--eight-twelfths {
    width: 66.66667%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.33333%; }

  .small--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small--show {
    display: block !important; }

  .small--hide {
    display: none !important; }

  .small--text-left {
    text-align: left !important; }

  .small--text-right {
    text-align: right !important; }

  .small--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 750px) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%; }

  .medium-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%; }

  .medium-up--two-sixths {
    width: 33.33333%; }

  .medium-up--three-sixths {
    width: 50%; }

  .medium-up--four-sixths {
    width: 66.66667%; }

  .medium-up--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }

  .medium-up--two-eighths {
    width: 25%; }

  .medium-up--three-eighths {
    width: 37.5%; }

  .medium-up--four-eighths {
    width: 50%; }

  .medium-up--five-eighths {
    width: 62.5%; }

  .medium-up--six-eighths {
    width: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }

  .medium-up--two-tenths {
    width: 20%; }

  .medium-up--three-tenths {
    width: 30%; }

  .medium-up--four-tenths {
    width: 40%; }

  .medium-up--five-tenths {
    width: 50%; }

  .medium-up--six-tenths {
    width: 60%; }

  .medium-up--seven-tenths {
    width: 70%; }

  .medium-up--eight-tenths {
    width: 80%; }

  .medium-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%; }

  .medium-up--two-twelfths {
    width: 16.66667%; }

  .medium-up--three-twelfths {
    width: 25%; }

  .medium-up--four-twelfths {
    width: 33.33333%; }

  .medium-up--five-twelfths {
    width: 41.66667%; }

  .medium-up--six-twelfths {
    width: 50%; }

  .medium-up--seven-twelfths {
    width: 58.33333%; }

  .medium-up--eight-twelfths {
    width: 66.66667%; }

  .medium-up--nine-twelfths {
    width: 75%; }

  .medium-up--ten-twelfths {
    width: 83.33333%; }

  .medium-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium-up--show {
    display: block !important; }

  .medium-up--hide {
    display: none !important; }

  .medium-up--text-left {
    text-align: left !important; }

  .medium-up--text-right {
    text-align: right !important; }

  .medium-up--text-center {
    text-align: center !important; } }
/*================ Build Grid Push Classes ================*/
/*================ General layout styles ================*/
body,
html {
  background-color: white; }

.page-width {
  *zoom: 1;
  max-width: 1180px;
  padding: 0 30px;
  margin: 0 auto; }
  .page-width::after {
    content: '';
    display: table;
    clear: both; }

/*================ Icons ================*/
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor; }
  .no-svg .icon {
    display: none; }

.icon--wide {
  width: 40px; }

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit; }

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  .no-svg .icon-fallback-text {
    position: static !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0; }

/*================ Payment Icons ================*/
.payment-icons {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  cursor: default; }

/*================ Shopify icon on password page ================*/
.icon-shopify-logo {
  width: 82.28571;
  height: 24; }

/*================ Rich Text Editor ================*/
.rte img {
  height: auto; }
.rte table {
  table-layout: fixed; }
.rte ul,
.rte ol {
  margin: 0 0 15px 30px; }
.rte ul {
  list-style: disc outside; }
  .rte ul ul {
    list-style: circle outside; }
    .rte ul ul ul {
      list-style: square outside; }

.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside; }

.rte-table {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto; }
  .rte__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 749px) {
  .responsive-table {
    width: 100%; }
    .responsive-table thead {
      display: none; }
    .responsive-table tr {
      display: block; }
    .responsive-table tr,
    .responsive-table td {
      float: left;
      clear: both;
      width: 100%; }
    .responsive-table th,
    .responsive-table td {
      display: block;
      text-align: right;
      padding: 15px;
      margin: 0; }
    .responsive-table td::before {
      content: attr(data-label);
      float: left;
      text-align: center;
      padding-right: 10px; }

  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; }
    .responsive-table-row + .responsive-table-row::after,
    tfoot > .responsive-table-row:first-child::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
      border-bottom: 1px solid #f6f6f6; } }
/*================ Links & Buttons ================*/
.btn {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0; }

/*============================================================================
  Form scaffolding
    - Selectors setup for you to style form elements how you want
    - Focus, error, and disabled states are set to be extended
==============================================================================*/
input,
textarea,
select {
  border: 1px solid #f6f6f6;
  border-radius: 0;
  max-width: 100%;
  height: 35px; }
  input[disabled],
  textarea[disabled],
  select[disabled] {
    cursor: default;
    background-color: black;
    border-color: black; }

textarea {
  min-height: 100px; }

/*================ Custom select style ================*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(//rhinoshield.eu/cdn/shop/t/1232/assets/ico-select.svg?v=36188721082188070671703039875);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 ================*/ }
  .ie9 select {
    padding-right: 10px;
    background-image: none; }

select::-ms-expand {
  display: none; }

/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
  border-color: black;
  background-color: black;
  color: black; }

.placeholder-svg {
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.placeholder-svg--small {
  width: 480px; }

.placeholder-noblocks {
  padding: 40px;
  text-align: center; }

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .placeholder-background .icon {
    border: 0; }

h1 {
  font-family: var(--title-font);
  font-weight: bold;
  font-size: 30px;
  line-height: 1.1; }

h2 {
  font-family: var(--title-font);
  font-weight: bold;
  font-size: 21px;
  line-height: 1.1; }

h3 {
  font-family: var(--normal-font);
  font-weight: bold;
  font-size: 16px;
  line-height: 21px; }

h4 {
  font-family: var(--normal-font);
  font-weight: bold;
  font-size: 15px;
  line-height: 18px; }

h5 {
  font-family: var(--normal-font);
  font-weight: bold;
  font-size: 12px;
  line-height: 18px; }

h6 {
  font-family: var(--normal-font);
  font-weight: bold;
  font-size: 10px;
  line-height: 18px; }

@font-face {
  font-family: LemurRhinoshield;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Light.woff2?v=1655274666") format("woff2"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Light.woff?v=1655274666") format("woff"); }

@font-face {
  font-family: LemurRhinoshield;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Medium.woff2?v=1655274666") format("woff2"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Medium.woff?v=1655274666") format("woff"); }

@font-face {
  font-family: LemurRhinoshield;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Medium.woff2?v=1655274666") format("woff2"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/LemurRhinoshield-Medium.woff?v=1655274666") format("woff"); }

/*================ Site Header ================*/
.site-logo {
  display: block; }
  .site-logo img {
    display: block; }

/*================ Giftcard Template ================*/
.giftcard-qr img {
  display: block;
  margin: 0 auto; }

.apple-wallet-image {
  display: block;
  margin: 0 auto; }

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm; }

  p {
    orphans: 3;
    widows: 3; }

  html,
  body {
    background-color: #fff;
    color: #000; }

  .print-giftcard,
  .apple-wallet {
    display: none; } }
@keyframes ac-gn-item-searchshow {
  0% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); }

  40% {
    opacity: 1; }

  100% {
    opacity: 0;
    transform: scale(0.7); } }

@keyframes ac-gn-searchform-fade {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); }

  100% {
    opacity: 1; } }

@keyframes ac-gn-searchform-slide {
  0% {
    transform: translate3d(100px, 0, 0);
    animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); }

  100% {
    transform: translateZ(0); } }

@keyframes ac-gn-searchview-searchhide {
  0% {
    opacity: 1;
    animation-timing-function: ease; }

  100% {
    opacity: 0; } }

@keyframes ac-gn-searchview-close-left-searchshow {
  0% {
    opacity: 0;
    transform: scale3d(1, 0.65, 1);
    animation-timing-function: ease; }

  100% {
    opacity: 1;
    transform: rotate(-45deg); } }

@keyframes ac-gn-searchview-close-left-searchhide {
  0% {
    opacity: 1;
    transform: rotate(-90deg);
    animation-timing-function: ease; }

  100% {
    opacity: 0;
    transform: scale3d(1, 0.65, 1); } }

@keyframes ac-gn-searchresults-show {
  0% {
    opacity: 0;
    animation-timing-function: ease; }

  100% {
    opacity: 1; } }

@keyframes ac-gn-list-searchshow {
  0% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(1, 0, 0, 1); }

  100% {
    transform: translateY(0); } }

@keyframes mobile-search-hide {
  0% {
    transform: none;
    animation-timing-function: cubic-bezier(1, 0, 0, 1); }

  100% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(1, 0, 0, 1); } }

@keyframes ac-gn-searchview-close-left-searchshow {
  0% {
    opacity: 0;
    transform: scale3d(1, 0.65, 1);
    animation-timing-function: ease; }

  100% {
    opacity: 1;
    transform: rotate(-90deg); } }

@keyframes ac-gn-searchview-close-right-searchshow {
  0% {
    opacity: 0;
    transform: scale3d(1, 0.65, 1);
    animation-timing-function: ease; }

  100% {
    opacity: 1;
    transform: rotate(45deg); } }

@keyframes ac-gn-searchview-close-left-searchshow-small {
  0% {
    transform: rotate(40deg);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

  100% {
    transform: rotate(-40deg); } }

@keyframes ac-gn-searchview-close-right-searchshow-small {
  0% {
    transform: rotate(-40deg);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

  100% {
    transform: rotate(40deg); } }

@keyframes evo-rhino-searchshow {
  0% {
    transform: none;
    animation-timing-function: cubic-bezier(1, 0, 0, 1); }

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

@keyframes set-nav-fixed {
  0% {
    transform: none;
    position: relative; }

  100% {
    transform: none;
    position: relative; } }

#shopify-section-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 998;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms; }

/* navbar styles */
html nav.toolbar-wrapper {
  height: 55px;
  z-index: 1;
  transition: background 0.35s linear, height 0.35s ease-in;
  background-color: white;
  border-bottom: 1px solid #d0d0d0; }
  html nav.toolbar-wrapper .toolbar .desktop-dropdown {
    color: black; }
  html nav.toolbar-wrapper .toolbar a {
    color: black; }
  html nav.toolbar-wrapper .toolbar .logo-nav-img {
    display: flex;
    align-items: center; }
    html nav.toolbar-wrapper .toolbar .logo-nav-img a {
      line-height: normal; }
      html nav.toolbar-wrapper .toolbar .logo-nav-img a .logoimg {
        width: 185px; }
  html nav.toolbar-wrapper.module {
    background-color: #000;
    border: 0; }
    html nav.toolbar-wrapper.module * {
      color: white !important; }
    html nav.toolbar-wrapper.module li {
      border: 0; }

.cart-text {
  display: inline-block;
  font-size: 1em;
  line-height: normal;
  align-self: center; }

.cart-notification-target {
  height: 55px;
  display: flex;
  align-items: center; }

.cart-block {
  padding: 0;
  display: flex;
  cursor: pointer; }
  .cart-block:before {
    content: "";
    display: inline-block;
    vertical-align: middle; }

.cart-count {
  position: relative;
  height: auto;
  display: inline-block;
  line-height: normal;
  align-self: center;
  color: #ffef00;
  font-weight: bold; }

.desktop-navbar > li.action-container {
  float: right;
  position: relative; }
  .desktop-navbar > li.action-container li {
    float: left;
    height: 55px;
    display: flex; }
  .desktop-navbar > li.action-container .search-container {
    border-right: 2px dotted #d0d0d0;
    min-width: 55px;
    width: auto;
    float: none; }

.toolbar-cart {
  position: relative;
  border-left: 2px dotted #d0d0d0;
  height: 55px;
  padding: 0 10px; }

.toolbar-calculator {
  position: relative;
  display: flex;
  border-left: 2px dotted #d0d0d0;
  height: 55px;
  align-items: center;
  justify-content: center;
  flex-warp: wrap;
  max-width: 150px;
  padding: 0 10px; }
  .toolbar-calculator .shipping-desktop {
    display: flex;
    height: 100%;
    align-items: center; }
    .toolbar-calculator .shipping-desktop .shipping-title {
      cursor: pointer;
      margin-left: 5px;
      padding-right: 5px; }
  .toolbar-calculator .shipping-mobile {
    display: flex; }
    .toolbar-calculator .shipping-mobile .shipping-mobile-icon {
      cursor: pointer; }
  .toolbar-calculator .shipping-country {
    display: none; }
  .toolbar-calculator a {
    line-height: 1em;
    cursor: default; }
  .toolbar-calculator span {
    text-align: center;
    line-height: normal;
    color: black;
    font-weight: bold; }

nav.worldwide-shipping {
  position: absolute;
  background-color: #ffef00;
  color: #000;
  padding: 5px 10px;
  height: auto;
  line-height: 32px;
  font-weight: bold;
  min-width: 142px; }
  nav.worldwide-shipping span {
    display: block;
    font-size: 1rem;
    min-width: 122px;
    text-align: center; }
    nav.worldwide-shipping span:nth-child(2) {
      text-align: justify;
      text-justify: inter-ideograph;
      -ms-text-justify: inter-ideograph;
      /*IE9*/
      -moz-text-align-last: justify;
      /*Firefox*/
      -webkit-text-align-last: justify;
      /*Chrome*/
      height: 26px;
      line-height: 26px;
      margin-top: -8px; }
      nav.worldwide-shipping span:nth-child(2):after {
        content: "";
        display: inline-block;
        width: 100%; }

nav.index-shipping-calculator {
  position: absolute;
  background-color: #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  height: auto;
  top: 55px;
  display: none;
  color: #5e5d5d; }
  nav.index-shipping-calculator .shipping-calculator-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.4);
    padding-right: 20px;
    color: #fff; }
  nav.index-shipping-calculator .container {
    width: 100%;
    padding: 0 20px; }
    nav.index-shipping-calculator .container hr {
      border: none;
      height: 1px;
      background-color: #d0d0d0; }
  nav.index-shipping-calculator .row {
    margin: 15px 0; }
    nav.index-shipping-calculator .row:nth-child(2) {
      margin: 0; }
    nav.index-shipping-calculator .row:last-child {
      margin-top: 0; }
    nav.index-shipping-calculator .row label {
      font-size: 1em;
      color: #5e5d5d; }
      nav.index-shipping-calculator .row label[for="index_address_country"] {
        min-width: 70px;
        display: inline-block; }
    nav.index-shipping-calculator .row .col {
      line-height: 25px; }
    nav.index-shipping-calculator .row .shipping_price,
    nav.index-shipping-calculator .row .shipping_time {
      color: #48a9ca;
      font-weight: bold;
      display: none; }
    nav.index-shipping-calculator .row .shipping_time_desc {
      display: none; }
    nav.index-shipping-calculator .row .learn-more-shipping {
      color: #48a9ca; }
    nav.index-shipping-calculator .row .learn-more-shipping + div {
      color: #5e5d5d;
      font-weight: bold; }

li.action-container nav.cart-item {
  position: absolute;
  top: 55px;
  background-color: #ededed;
  width: 100%;
  height: auto;
  display: none;
  color: white;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }
  li.action-container nav.cart-item .cart-dropdown-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    display: flex;
    align-items: center;
    color: #000;
    justify-content: center;
    font-size: 1.5em;
    display: none; }
  li.action-container nav.cart-item .cart-item-header {
    display: block;
    width: 100%;
    padding: 0 20px 0 30px;
    font-size: 1.1em;
    border-bottom: 1px solid #d0d0d0;
    color: black;
    height: 35px;
    line-height: 35px;
    font-size: 13.5px; }
  li.action-container nav.cart-item .cart-item-arrow {
    display: none;
    width: 100%;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    align-items: center; }
    li.action-container nav.cart-item .cart-item-arrow:nth-child(1) {
      margin-top: -1px; }
  li.action-container nav.cart-item ul {
    display: block;
    padding: 0 20px;
    overflow: hidden;
    max-height: 228px; }
    li.action-container nav.cart-item ul li {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #d0d0d0;
      padding: 0 10px;
      height: auto; }
      li.action-container nav.cart-item ul li table {
        margin: 0; }
        li.action-container nav.cart-item ul li table tr {
          display: flex;
          padding: 10px 0px;
          align-items: center;
          height: 75px;
          justify-content: space-between; }
          li.action-container nav.cart-item ul li table tr td {
            position: relative;
            height: 100%;
            border: none;
            line-height: 1.2em;
            font-size: 0.8em;
            color: #5e5d5d;
            padding: 0;
            text-transform: none; }
            li.action-container nav.cart-item ul li table tr td .item-amount-area {
              width: 100%;
              padding-right: 5px; }
            li.action-container nav.cart-item ul li table tr td del {
              color: #969696;
              margin-top: 0.5em;
              display: inline-block;
              float: left;
              padding: 0 0 0 10px; }
            li.action-container nav.cart-item ul li table tr td span {
              display: block;
              padding: 0 10px;
              text-align: left; }
              li.action-container nav.cart-item ul li table tr td span.item-title {
                color: black; }
              li.action-container nav.cart-item ul li table tr td span.item-price {
                color: black;
                margin-top: 0.5em;
                display: inline-block;
                float: left; }
              li.action-container nav.cart-item ul li table tr td span.item-count {
                color: black;
                margin-top: 0.5em;
                margin-right: 1em;
                display: inline-block;
                float: left; }
              li.action-container nav.cart-item ul li table tr td span.discount-title {
                font-weight: bold; }
            li.action-container nav.cart-item ul li table tr td .cart-item-remove img {
              height: auto; }
            li.action-container nav.cart-item ul li table tr td img {
              display: block;
              vertical-align: middle;
              margin: 0 auto;
              max-height: 100%; }
              li.action-container nav.cart-item ul li table tr td img:hover {
                opacity: 0.8; }
  li.action-container nav.cart-item .cart-item-checkout {
    display: flex;
    position: relative;
    padding: 20px 20px 0;
    justify-content: center; }
    li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc {
      display: block;
      float: left;
      line-height: 1.2em;
      align-self: flex-end; }
      li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc span {
        display: block;
        color: black; }
        li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-desc span.total-price {
          color: black;
          margin-top: 5px;
          font-weight: bold; }
    li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn {
      height: 59px; }
      li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn a {
        width: 100%;
        background-color: black;
        border: none;
        border-radius: 20px;
        color: #ffef00;
        line-height: 2.2em;
        padding: 0;
        vertical-align: bottom;
        text-align: center; }
        li.action-container nav.cart-item .cart-item-checkout .cart-item-checkout-btn a:hover {
          opacity: 0.8; }
  li.action-container nav.cart-item .cart-item-remove {
    display: inline-block;
    background: transparent;
    display: block;
    text-decoration: none;
    width: 20px;
    height: 20px; }

.customer-links {
  padding: 0 10px;
  border-left: 2px dotted #d0d0d0;
  border-right: 2px dotted #d0d0d0; }
  .customer-links a {
    line-height: 55px; }
  .customer-links hr {
    display: none;
    margin: 2px 0 4px;
    border: 0;
    height: 1px;
    background-color: #5d5d5d; }

.toolbar-search {
  width: 55px;
  text-align: center; }

.action-container {
  opacity: 1;
  transition: all 1s; }
  .action-container.collapsible {
    opacity: 0;
    max-width: 0;
    overflow: hidden; }
    .action-container.collapsible li {
      padding: 0; }
  .action-container li {
    transition: padding linear 1s; }

.search-wrap {
  display: inline-block;
  position: relative;
  width: 55px;
  height: 55px;
  float: right;
  padding: 0;
  position: relative; }

.desktop-dropdown .desktop-dropdown-button {
  opacity: 1;
  line-height: 45px;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-tap-highlight-color: transparent;
  display: inline-block; }
  .desktop-dropdown .desktop-dropdown-button.active, .desktop-dropdown .desktop-dropdown-button:hover {
    color: #ffef00;
    background-color: transparent; }
    .desktop-dropdown .desktop-dropdown-button.active a, .desktop-dropdown .desktop-dropdown-button:hover a {
      color: #ffef00; }
  .desktop-dropdown .desktop-dropdown-button a:hover {
    color: #ffef00; }

.desktop-dropdown {
  margin: 0;
  color: #dedede;
  margin: 0 0 0 5px; }

.searchview-open .desktop-dropdown .desktop-dropdown-button {
  opacity: 0; }
.searchview-open .evo-searchform-close {
  display: block;
  opacity: 1; }
.searchview-open li.search-container {
  border: none !important; }

.material-icons.icon-search {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  height: 55px;
  line-height: 55px;
  font-size: 1.8em;
  color: black;
  opacity: 1;
  text-align: center; }
  .material-icons.icon-search:hover {
    color: rgba(0, 0, 0, 0.6); }

.material-icons.icon-close {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  height: 55px;
  line-height: 55px;
  font-size: 1.8em;
  color: black;
  display: none;
  opacity: 0;
  animation: ac-gn-searchview-close-left-searchhide 300ms both;
  text-align: center; }
  .material-icons.icon-close:hover {
    color: rgba(0, 0, 0, 0.6); }

.material-icons.icon-backspace {
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  height: 55px;
  line-height: 55px;
  font-size: 1.8em;
  color: black;
  opacity: 0;
  height: 48px;
  line-height: 48px;
  right: 58px;
  left: initial; }

.searchview-open .material-icons.icon-search {
  animation: ac-gn-searchview-searchhide 200ms both; }
.searchview-open .material-icons.icon-close {
  display: block;
  animation: ac-gn-searchview-close-left-searchshow 300ms both; }

.material-icons.icon-cart {
  display: inline-block !important;
  position: relative;
  padding: 0 5px;
  height: auto;
  line-height: normal;
  font-size: 1.8em;
  color: black; }

@media only screen and (max-width: 1230px) {
  nav.product-subnav ul.list-of-items {
    width: 80%; } }
@media only screen and (max-width: 1400px) {
  html .toolbar-wrapper {
    padding: 0 30px; }

  .vertical-line {
    border-left: none !important;
    height: auto !important;
    width: 90%;
    border-top: 1px solid #ccc;
    margin: 0 30px; }

  nav.store-subnav .subnav-box {
    display: inline-block;
    margin: auto;
    width: 100%;
    padding: 5px; }
  nav.store-subnav ul.list-of-items {
    width: 80%;
    height: 375px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    flex-wrap: wrap; }
  nav.store-subnav ul.list-of-collections {
    display: flex;
    min-width: 98%;
    height: 50px;
    margin: 10px auto; }
    nav.store-subnav ul.list-of-collections li.subnav-item-inline {
      display: flex;
      width: 16%;
      margin: auto; } }
@media only screen and (max-width: 1075px) {
  nav.product-subnav ul.list-of-items {
    width: 90%; } }
@media only screen and (max-width: 1010px) {
  ul.list-of-collections {
    min-width: 500px !important; }

  nav.product-subnav ul.list-of-items {
    width: 100%; }

  #support-dropdown {
    display: none; }

  #menu li.desktop-dropdown .toolbar-wide-click[data-dropdown="support"] {
    display: none; }

  .toolbar-calculator {
    padding: 0 10px; }
    .toolbar-calculator span {
      width: 80px; }

  .toolbar-cart {
    padding: 0 10px; }

  .cart-notification-target {
    padding: 0; }

  .cart-text {
    display: inline-block; }

  .toolbar .or {
    display: none; }

  .customer-links a:first-child {
    line-height: normal;
    display: block;
    margin-top: 6px; }
  .customer-links a:last-child {
    line-height: normal;
    display: block;
    margin-bottom: 1em; }

  .customer-links hr {
    display: block; }

  nav.store-subnav ul.list-of-collections {
    width: 100%; }
    nav.store-subnav ul.list-of-collections li.subnav-item-inline {
      width: 16%; } }
@media only screen and (max-width: 900px) {
  nav.product-subnav ul.list-of-items li.subnav-item {
    min-width: initial; }
    nav.product-subnav ul.list-of-items li.subnav-item p {
      min-width: initial; }

  nav.support-subnav .simular-area .simular-menu {
    padding: 0 10px; }

  nav.support-subnav ul.list-of-items {
    padding-left: 15px; }

  .toolbar-cart {
    padding: 0; }

  .search-wrap {
    width: 50px; }

  .toolbar .toolbar-wide-click {
    padding: 0 5px; }

  .searchview-open .evo-searchview .evo-searchview-content {
    right: 50px; }

  .desktop-dropdown .desktop-dropdown-button {
    line-height: 1em;
    vertical-align: middle; }

  .desktop-navbar > li.action-container {
    min-width: auto; }
    .desktop-navbar > li.action-container li {
      padding: 0 5px; }
    .desktop-navbar > li.action-container .toolbar-calculator span {
      width: 80px; }
    .desktop-navbar > li.action-container .cart-text {
      display: none; } }
@media only screen and (max-width: 805px) {
  .toolbar-calculator .shipping-mobile {
    display: flex; } }
@media only screen and (max-width: 795px) {
  .toolbar .toolbar-wide-click {
    padding: 0 5px; } }
/* search bar */
.evo-searchview {
  position: relative;
  display: none; }
  .evo-searchview .evo-searchview-content {
    position: absolute;
    width: 30%;
    right: 100px;
    height: 100vh;
    z-index: 3; }
  .evo-searchview .evo-searchform-wrapper {
    padding-left: 40px;
    position: relative;
    z-index: 2; }
  .evo-searchview .evo-searchform-input {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    border: none;
    color: black; }
    .evo-searchview .evo-searchform-input:focus {
      border: none !important;
      box-shadow: none !important; }
    .evo-searchview .evo-searchform-input::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #808080; }
    .evo-searchview .evo-searchform-input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #808080;
      opacity: 1; }
    .evo-searchview .evo-searchform-input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #808080;
      opacity: 1; }
    .evo-searchview .evo-searchform-input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #808080; }
  .evo-searchview .evo-searchform-close {
    position: absolute;
    right: -16px;
    top: -8px;
    display: none;
    opacity: 0;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .evo-searchview .evo-searchform-submit {
    left: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 40px;
    height: 55px;
    cursor: pointer;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: none;
    background-color: transparent; }
    .evo-searchview .evo-searchform-submit:before {
      content: "search";
      font-family: "Material Icons";
      color: black;
      font-size: 1.5em;
      position: relative;
      top: 3px; }
  .evo-searchview .evo-searchform-reset {
    right: 0;
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    z-index: 1;
    top: 12px;
    cursor: pointer; }
  .evo-searchview .evo-mobile-searchview-close {
    right: 12px;
    opacity: 0;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)";
    filter: alpha(opacity=100);
    position: absolute;
    z-index: 3;
    width: 38px;
    height: 44px;
    top: 0;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent; }
    .evo-searchview .evo-mobile-searchview-close:hover, .evo-searchview .evo-mobile-searchview-close:active {
      opacity: 0.65;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)";
      filter: alpha(opacity=65); }
  .evo-searchview .evo-mobile-searchview-close-left,
  .evo-searchview .evo-mobile-searchview-close-right {
    height: 18px;
    width: 1px;
    background: #fff;
    position: absolute;
    display: block;
    top: 11px;
    z-index: 1; }

/* desktop searchview open */
.searchview-open .evo-searchview {
  display: block;
  top: -60px; }
.searchview-open .evo-searchform {
  animation: ac-gn-searchform-fade 400ms 400ms both; }
.searchview-open .evo-searchform-wrapper {
  animation: ac-gn-searchform-slide 1s 400ms both; }

.toolbar-wrapper.searchview-open .menu-container .item-menu {
  animation: ac-gn-item-searchshow 400ms both;
  pointer-events: none; }

.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(1) {
  animation-delay: 280ms; }

.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(2) {
  animation-delay: 245ms; }

.toolbar-wrapper.searchview-open .menu-container .item-menu:nth-child(3) {
  animation-delay: 210ms; }

.toolbar-wrapper.searchview-open .action-container .item-menu {
  animation: ac-gn-item-searchshow 400ms both;
  pointer-events: none; }

.toolbar-wrapper.searchview-open .action-container .item-menu:nth-child(1) {
  animation-delay: 70ms; }

.toolbar-wrapper.searchview-open .action-container .item-menu:nth-child(2) {
  animation-delay: 35ms; }

/* product dropdown nav */
.product-subnav {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0s linear;
  background-color: #ededed;
  z-index: 2;
  height: auto; }
  .product-subnav ul.list-of-items {
    display: block;
    width: 70%;
    max-width: 820px;
    min-width: 680px;
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 20px 20px; }
    .product-subnav ul.list-of-items li.subnav-item {
      width: 25%;
      max-width: 195px;
      margin: 0 auto;
      float: left;
      padding: 0 10px; }
      .product-subnav ul.list-of-items li.subnav-item img {
        width: 50%; }
      .product-subnav ul.list-of-items li.subnav-item p {
        color: #808080;
        line-height: 1.5em;
        font-size: 0.88em;
        text-align: center;
        text-transform: initial;
        max-width: 195px; }

/* support dropdown nav */
.support-subnav {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0s linear;
  background-color: #ededed;
  z-index: 2;
  height: auto; }
  .support-subnav .simular-area {
    max-width: 1200px;
    width: 98%;
    margin: 0 auto;
    padding: 0 20px; }
    .support-subnav .simular-area .simular-logo {
      width: 165px;
      height: 1px;
      float: left;
      opacity: 0; }
    .support-subnav .simular-area .simular-menu {
      display: inline-block;
      float: left;
      padding: 0 15px;
      opacity: 0; }
  .support-subnav ul.list-of-items {
    display: block;
    padding: 35px 20px;
    overflow: hidden; }
    .support-subnav ul.list-of-items li.subnav-item {
      text-align: left;
      line-height: 1.5em;
      float: none; }
      .support-subnav ul.list-of-items li.subnav-item a {
        display: list-item;
        color: #333;
        font-size: 1em; }
        .support-subnav ul.list-of-items li.subnav-item a:hover {
          color: rgba(0, 0, 0, 0.6);
          background: none; }

.store-subnav {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0s linear;
  background-color: #ededed;
  z-index: 3;
  height: auto;
  line-height: 1.5em;
  margin: 0;
  padding: 15px 0 15px; }
  .store-subnav .subnav-box {
    display: flex;
    margin: auto;
    width: 80%; }
  .store-subnav .subnav-title {
    display: flex;
    margin: auto;
    width: 80%; }
    .store-subnav .subnav-title .by-device {
      width: 70%;
      color: #333; }
      .store-subnav .subnav-title .by-device span {
        font-weight: bold; }
    .store-subnav .subnav-title .by-product {
      width: 30%;
      color: #333;
      padding: 0px 20px; }
      .store-subnav .subnav-title .by-product span {
        font-weight: bold; }
  .store-subnav ul.list-of-items {
    width: 70%;
    height: 355px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    flex-wrap: wrap; }
    .store-subnav ul.list-of-items li.subnav-item {
      color: #808080;
      width: 150px;
      margin: 0 10px 5px 0; }
      .store-subnav ul.list-of-items li.subnav-item .consumer-brand-title {
        font-size: 1.2em;
        border-bottom: 1px solid #ccc;
        border-left: 0px solid #ccc;
        color: #111;
        font-weight: bold;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: left; }
        .store-subnav ul.list-of-items li.subnav-item .consumer-brand-title a {
          color: #000; }
          .store-subnav ul.list-of-items li.subnav-item .consumer-brand-title a:hover {
            background-color: transparent; }
      .store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list a {
        color: #333;
        display: list-item;
        font-size: 1em; }
        .store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list a:hover {
          color: rgba(0, 0, 0, 0.6);
          background: none; }
      .store-subnav ul.list-of-items li.subnav-item ul.consumer-model-list li.consumer-model {
        float: none; }
  .store-subnav ul.list-of-collections {
    width: 30%;
    display: flex;
    flex-wrap: wrap; }
    .store-subnav ul.list-of-collections li.subnav-item-inline {
      display: flex;
      width: 50%;
      padding: 8px 0 8px 10px; }

.vertical-line {
  border-left: 1px solid #ccc;
  height: 270px; }

.product-subnav,
.support-subnav,
.store-subnav {
  position: absolute; }
  .product-subnav.hide,
  .support-subnav.hide,
  .store-subnav.hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0s linear; }
  .product-subnav.show,
  .support-subnav.show,
  .store-subnav.show {
    visibility: visible;
    opacity: 1;
    z-index: 3; }

.toolbar-wrapper .evo-searchresults {
  font-size: 15px;
  line-height: 2;
  font-weight: 400;
  letter-spacing: normal;
  display: none;
  background: #fff;
  border-top: none;
  color: #999;
  max-height: calc(100% - 44px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }

.toolbar-wrapper.searchview-open .evo-searchresults {
  animation: ac-gn-searchresults-show 200ms both; }

/* =============mobile style============= */
html.evo-noscroll {
  margin-top: 0 !important; }
  html.evo-noscroll .toolbar-wrapper {
    position: relative;
    z-index: 3;
    transition: background 0.35s linear, height 0.35s ease-in 200ms; }

html.evo-noscroll,
html.evo-noscroll body {
  overflow: auto !important;
  height: auto !important; }

.mobile-navbar .evo-mobile-header {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  overflow: hidden; }
.mobile-navbar .evo-mobile-item {
  display: inline-block;
  height: 55px;
  z-index: 1;
  vertical-align: top;
  width: 100%; }
.mobile-navbar .evo-mobile-menuicon {
  left: 0;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 55px;
  border-bottom: none; }
.mobile-navbar .evo-mobile-rhino {
  position: absolute;
  display: flex;
  width: 135px;
  top: 0;
  left: 50%;
  margin-left: -63px;
  text-align: center;
  z-index: 1; }
.mobile-navbar .evo-mobile-link-rhino {
  line-height: 55px; }
.mobile-navbar .evo-mobile-bag {
  right: 0;
  display: block;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 1; }
.mobile-navbar .evo-mobile-bag-badge {
  position: relative;
  z-index: 1;
  vertical-align: middle; }
.mobile-navbar .evo-mobile-link-bag {
  display: inline-block; }
  .mobile-navbar .evo-mobile-link-bag .material-icons.icon-cart {
    vertical-align: middle; }
.mobile-navbar .evo-mobile-menuicon-bread-crust {
  display: block;
  width: 18px;
  height: 1px;
  background: #5e5d5d;
  position: absolute;
  left: 20px;
  z-index: 1;
  transition: transform 0.2s; }
.mobile-navbar .evo-mobile-menuicon-bread-crust-top {
  top: 25px;
  transition: transform 0.2s 0.2s;
  transform: translateY(-1px); }
.mobile-navbar .evo-mobile-menuicon-bread-crust-bottom {
  bottom: 25px;
  transition: transform 0.2s;
  transform: translateY(1px); }
.mobile-navbar .evo-mobile-menuicon-bread {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.mobile-navbar .evo-mobile-menuicon-bread-bottom {
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transform: rotate(0); }
.mobile-navbar .evo-mobile-menuicon-bread-top {
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transform: rotate(0);
  z-index: 4; }
.mobile-navbar .evo-mobile-menuicon-label {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  width: 55px;
  height: 55px;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-tap-highlight-color: transparent; }
.mobile-navbar .evo-mobile-list {
  position: absolute;
  z-index: 2;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 48px;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  bottom: auto;
  margin-bottom: 50px; }
.mobile-navbar .evo-mobile-item-menu {
  height: 47px;
  border-bottom: 1px solid #5e5d5d;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.1) translateY(-24px);
  transition: opacity 0.35s ease-out; }
.mobile-navbar .evo-mobile-item-menu.search-item {
  pointer-events: auto;
  transform: none; }
.mobile-navbar .evo-mobile-item-menu .evo-mobile-link {
  background-position: left center;
  display: block;
  outline-offset: 0;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 1.5rem;
  color: black; }

.mobile-menuview-open .mobile-navbar {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: white; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-label {
    transform: rotate(90deg); }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-top {
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(45deg); }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-crust-top {
    transform: translateY(10%);
    transition-delay: 0.3s; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-bottom {
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(-45deg); }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon-bread-crust-bottom {
    transition: transform 0.2s;
    transform: translateY(0); }
  .mobile-menuview-open .mobile-navbar .evo-mobile-link-bag {
    transform: translateX(200%);
    transition: transform 0.55s 0.25s ease-out; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-list {
    visibility: visible;
    transition-delay: 0s;
    bottom: auto;
    animation: ac-gn-list-searchshow 300ms both; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item {
    width: 100%;
    height: 4em;
    line-height: 4em; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu {
    opacity: 1;
    pointer-events: auto;
    transform: none; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(2) {
    transition-delay: 300ms, 300ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(3) {
    transition-delay: 350ms, 350ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(4) {
    transition-delay: 400ms, 400ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(5) {
    transition-delay: 450ms, 450ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(6) {
    transition-delay: 500ms, 500ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(7) {
    transition-delay: 550ms, 550ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(8) {
    transition-delay: 600ms, 600ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-item-menu:nth-child(9) {
    transition-delay: 650ms, 650ms; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-menuicon {
    left: 0;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 55px;
    border-bottom: none; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-rhino {
    position: absolute;
    width: 135px;
    top: 0;
    left: 50%;
    margin-left: -63px;
    text-align: center;
    z-index: 1; }
  .mobile-menuview-open .mobile-navbar .evo-mobile-bag {
    right: 0;
    display: block;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 1; }
  .mobile-menuview-open .mobile-navbar .evo-searchform {
    animation: none; }
  .mobile-menuview-open .mobile-navbar .evo-searchform-wrapper {
    animation: none; }
  .mobile-menuview-open .mobile-navbar .material-icons.icon-search {
    height: 48px;
    line-height: 48px;
    right: 58px;
    left: initial; }

.mobile-searchview-open .mobile-navbar .evo-mobile-item-menu {
  height: 48px;
  border-bottom: 1px solid #5e5d5d;
  opacity: 0; }
.mobile-searchview-open .mobile-navbar .material-icons.icon-search,
.mobile-searchview-open .mobile-navbar .material-icons.icon-backspace {
  animation: mobile-search-hide 100ms both; }
.mobile-searchview-open .evo-searchview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block; }
  .mobile-searchview-open .evo-searchview .evo-searchform.with-reset .evo-searchform-reset {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    line-height: 1rem; }
  .mobile-searchview-open .evo-searchview .evo-searchform-reset {
    cursor: default;
    display: block;
    opacity: 0;
    background: transparent;
    border: none;
    pointer-events: none;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
    .mobile-searchview-open .evo-searchview .evo-searchform-reset:before {
      content: "close";
      font-family: "Material Icons";
      color: #5e5d5d;
      font-size: 1.5em;
      line-height: 1.5em;
      position: relative; }
.mobile-searchview-open .evo-searchview-content {
  width: 80%;
  left: 40px;
  top: 48px; }
.mobile-searchview-open .evo-mobile-searchview-close {
  transform: translateZ(0); }
.mobile-searchview-open .evo-mobile-searchview-close-left,
.mobile-searchview-open .evo-mobile-searchview-close-right {
  top: 20px;
  height: 1px;
  width: 12px; }
.mobile-searchview-open .evo-mobile-searchview-close-left {
  animation: ac-gn-searchview-close-left-searchshow 300ms both;
  transform: rotate(-45deg); }
.mobile-searchview-open .evo-mobile-searchview-close-right {
  animation: ac-gn-searchview-close-right-searchshow 300ms both;
  transform: rotate(45deg); }
.mobile-searchview-open .evo-searchform {
  animation: ac-gn-searchform-fade 400ms 400ms both; }
.mobile-searchview-open .evo-searchform-wrapper {
  animation: ac-gn-searchform-slide 1s 400ms both; }

@media only screen and (max-width: 768px) {
  html .toolbar-wrapper {
    padding: 0; }

  html.evo-noscroll {
    margin-top: 0 !important; }
    html.evo-noscroll .toolbar-wrapper {
      position: absolute;
      height: 100%;
      z-index: 2;
      transition: background 0.35s linear, height 0.35s ease-in 200ms; }

  html.evo-noscroll,
  html.evo-noscroll body {
    overflow: hidden !important;
    height: 100% !important; }

  .mobile-navbar .evo-mobile-link-bag {
    display: flex;
    padding: 0 20px;
    transition: -webkit-transform 0.25s 0.55s ease-out; }
    .mobile-navbar .evo-mobile-link-bag:before {
      content: "";
      display: inline-block;
      vertical-align: middle; }

  .evo-searchview .evo-mobile-searchview-close {
    visibility: visible;
    opacity: 1; }

  .evo-mobile-searchview-close-left {
    left: auto;
    right: 50%;
    transform: rotate(40deg);
    transform-origin: 100% 100%; }

  .evo-mobile-searchview-close-right {
    left: 50%;
    transform: rotate(-40deg);
    transform-origin: 0 0; }

  .mobile-menuview-open {
    animation: set-nav-fixed 2s both; }
    .mobile-menuview-open .evo-searchview-content {
      animation: none;
      opacity: 1;
      width: 85%;
      top: 60px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .mobile-menuview-open .evo-searchform-input {
      font-size: 1.2em;
      line-height: 1.2;
      font-weight: 300;
      letter-spacing: normal;
      transform: none;
      color: #5e5d5d; }

  .mobile-searchview-open {
    position: fixed; }
    .mobile-searchview-open .evo-mobile-searchview-close {
      border: none;
      background: transparent;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 12px; }
    .mobile-searchview-open .evo-mobile-searchview-close-left {
      animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both;
      transform: rotate(-40deg); }
    .mobile-searchview-open .evo-mobile-searchview-close-right {
      animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both;
      transform: rotate(40deg); }
    .mobile-searchview-open .evo-mobile-rhino {
      animation: evo-rhino-searchshow 600ms 200ms both;
      display: none; } }
/*========== mobile collapse menu style ==========*/
.mobile-menuview-open .nav-wrapper.toolbar {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%; }

ul.evo-mobile-list {
  list-style: none;
  padding: 0px;
  margin: 0 auto; }

ul.evo-mobile-list > li > ul > li {
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 1.8em; }
  ul.evo-mobile-list > li > ul > li:last-child {
    margin-bottom: 1em; }
  ul.evo-mobile-list > li > ul > li label {
    text-indent: 1.2em; }
  ul.evo-mobile-list > li > ul > li i {
    line-height: 0.7em;
    height: 0.7em; }

ul.evo-mobile-list > li > ul > li ul li {
  float: none;
  width: 100%;
  line-height: 3em;
  font-size: 1.8em; }
  ul.evo-mobile-list > li > ul > li ul li label {
    text-indent: 1em; }

li.evo-mobile-item.evo-mobile-item-menu {
  border-bottom: 1px solid #5e5d5d;
  padding: 0px;
  margin: 0;
  display: inline-table; }
  li.evo-mobile-item.evo-mobile-item-menu:last-child {
    border-bottom: none; }
  li.evo-mobile-item.evo-mobile-item-menu input {
    margin-left: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    display: none; }
  li.evo-mobile-item.evo-mobile-item-menu label {
    display: inline-block;
    cursor: pointer;
    color: black;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    line-height: 2.5em;
    font-size: 1.5rem; }
  li.evo-mobile-item.evo-mobile-item-menu ul > li > label {
    width: 100%; }

.extend_li-padding-fill, li.evo-mobile-item.evo-mobile-item-menu label, .evo-mobile-item-menu a {
  padding: 0; }

.evo-mobile-item-menu a {
  text-decoration: none;
  display: block; }
  .evo-mobile-item-menu a.external {
    background-color: blue;
    color: white; }

.evo-mobile-item-menu ul li a {
  text-indent: 1em;
  font-size: 1.5rem; }

.evo-mobile-item-menu > ul > li > ul > li > a {
  text-indent: 0;
  margin-left: 3em;
  line-height: 2em; }

.evo-mobile-list .evo-mobile-item i.icon-plus {
  display: inline-block;
  float: right;
  margin-right: 10px;
  line-height: 2em;
  height: 2em; }

.mobile-navbar > .evo-mobile-list > .evo-mobile-item > i.icon-plus {
  line-height: 2.5em;
  height: 2em; }

.mobile-navbar > .evo-mobile-list > .evo-mobile-item > ul i.icon-plus {
  line-height: 2em;
  height: 1em; }

.evo-mobile-list label .icon-plus:before {
  content: "+";
  color: white;
  display: inline-block;
  font-size: 1.2em;
  font-style: normal; }

.evo-mobile-list label.isOpen .icon-plus:before {
  content: "\2212"; }

.arrow {
  padding: 1rem;
  /* Arrow size */
  box-shadow: 1px -1px 0 0 #999 inset;
  border: solid transparent;
  border-width: 0 0 2rem 2rem;
  transition: 0.2s;
  margin: 0 auto; }

.arrow:hover {
  box-shadow: 2px -2px 0 0 #666 inset; }

.arrow-up {
  transform: rotate(135deg);
  margin-top: -15px; }

.arrow-right {
  transform: rotate(225deg); }

.arrow-down {
  transform: rotate(-45deg);
  margin-top: 15px; }

.arrow-left {
  transform: rotate(45deg); }

@media only screen and (max-width: 768px) {
  .shopify-section {
    height: 100%; } }
.toolbar .desktop-dropdown .subnav {
  position: absolute;
  display: none;
  opacity: 0;
  height: 0;
  width: 0; }

@media screen and (min-width: 40em) {
  .toolbar .desktop-dropdown:hover .subnav {
    opacity: 1;
    display: block;
    height: auto;
    width: auto; } }
/* mobile and tablet fix */
@media only screen {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: none; } }
@media only screen and (max-width: 1400px) {
  .img-right .right-subtitle {
    font-size: 7px 0 7px;
    line-height: 1em; }

  .by-product {
    display: none; } }
@media only screen and (max-width: 1100px), (max-height: 520px) {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: block; } }
@media only screen and (max-width: 585px) {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: block; }

  .return-to-store {
    display: block; } }
/*   common estetics   */
.desktop-dropdown-button {
  text-align: center; }

.toolbar .desktop-dropdown:hover {
  overflow: visible; }
.toolbar .desktop-dropdown .subnav {
  right: 0;
  left: 0; }
  .toolbar .desktop-dropdown .subnav * {
    margin: 0;
    padding: 0;
    line-height: normal;
    text-align: left; }
  .toolbar .desktop-dropdown .subnav .subnav-box {
    background-color: #ededed;
    color: #000;
    padding: 15px;
    box-sizing: border-box; }
    .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: auto; }
      .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li {
        list-style: none;
        display: block; }
        .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li.consumer-model {
          width: 170px; }

.has-dropdown .desktop-dropdown-button:hover {
  color: #ffef00;
  cursor: pointer;
  background-color: transparent; }

/* store-dropdown part */
#store-dropdown:hover .subnav-box {
  position: absolute;
  height: 270px;
  left: 0;
  right: 0; }
#store-dropdown ul.list-of-items {
  width: 60%;
  height: 250px;
  margin: 0 auto;
  box-sizing: border-box; }
#store-dropdown ul.our-solutions {
  width: 258px; }
#store-dropdown #store-banner {
  height: 100%;
  width: 46%;
  box-sizing: border-box;
  float: left; }
#store-dropdown .subnav-item {
  margin-bottom: 5px;
  margin-right: 2%;
  width: 170px; }
#store-dropdown .our-solutions li.subnav-item {
  height: 33%;
  width: 100%;
  box-sizing: border-box;
  margin: 0; }
#store-dropdown .consumer-brand-title, #store-dropdown .consumer-model-name, #store-dropdown .consumer-model-accessory {
  margin-top: 5px;
  margin-bottom: 5px; }
#store-dropdown .consumer-brand-title, #store-dropdown .consumer-brand-title > a {
  font-size: 17px;
  border-bottom: 1px solid #ccc;
  border-left: 0px solid #ccc;
  padding-left: 5px;
  color: #111;
  font-weight: bold;
  margin-bottom: 10px; }
#store-dropdown .consumer-model-name > a {
  padding-left: 10px;
  font-size: 13px;
  color: #333;
  display: inline-block; }
#store-dropdown .consumer-model-accessory > a {
  font-size: 12px;
  margin-left: 5px;
  text-transform: none;
  color: #111; }
#store-dropdown .list-of-items {
  padding: 10px; }

#store-banner {
  height: 100%;
  border-bottom: none;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  text-align: center; }
  #store-banner h1 {
    text-align: center; }

#store-dropdown #store-banner > h1 {
  padding-top: 10px; }
#store-dropdown #store-banner img {
  width: 100%;
  height: 100%; }
#store-dropdown .consumer-model-name a:hover {
  font-weight: bold; }

.store-dropdown-titles {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 60px;
  float: left; }
  .store-dropdown-titles > div {
    height: 60px;
    display: table; }

.device-titles {
  width: 400px;
  text-align: center;
  float: left; }

.our-solutions-title {
  width: 258px;
  text-align: center;
  float: left; }

.toolbar .desktop-dropdown .store-dropdown-titles h3 {
  vertical-align: middle;
  display: table-cell;
  text-align: center; }

ul.list-of-items.our-solutions {
  border-left: #C7C6CC solid 1px; }

.storedp-background-thumb {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center !important; }

.img-left {
  width: 25%;
  height: 100%;
  display: table-cell; }

.img-right {
  width: 75%;
  height: 100%;
  padding: 7px 0 7px;
  color: #000;
  display: table-cell;
  text-align: left;
  vertical-align: middle; }

.img-right .right-title {
  margin-bottom: 5px;
  font-size: 20px;
  font-family: rhinoshieldV2; }

.img-right .right-subtitle {
  font-size: 10px;
  line-height: 12px; }

.collection-title-image {
  display: block;
  width: auto;
  height: 12px; }

.storedp-thumbnail-background {
  vertical-align: middle;
  float: left; }

/*     Support dropdown     */
#support-dropdown:hover .subnav-box {
  position: absolute;
  left: 0;
  right: 0; }
#support-dropdown .subnav {
  right: -10px;
  left: 0; }
  #support-dropdown .subnav .subnav-box ul {
    height: auto;
    width: 200px;
    margin: 0 auto; }
  #support-dropdown .subnav .subnav-box .subnav-item {
    margin-left: -150px;
    padding: 0; }
    #support-dropdown .subnav .subnav-box .subnav-item a {
      font-size: 0.9em;
      font-weight: bold; }
#support-dropdown .subnav-item a div {
  padding: 5px 0;
  width: 100%;
  background-color: #ededed;
  color: #111; }
  #support-dropdown .subnav-item a div:hover {
    font-weight: bold; }

/*     Social dropdown     */
#social-dropdown .subnav .subnav-box ul li {
  margin: 5px 5px; }

/*   Product categories dropdown   */
#product-dropdown .list-of-items {
  width: 840px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 0 60px; }
#product-dropdown .subnav-item {
  margin-bottom: 5px;
  width: 210px;
  float: left; }
  #product-dropdown .subnav-item img {
    width: 150px; }
#product-dropdown .productdp-desc {
  position: relative;
  top: 35px;
  color: #808080;
  text-align: center;
  font-size: 0.8em; }

/*  Mobile and Tablet */
/* --------------------------------

Primary style

-------------------------------- */
/* --------------------------------

Main components

-------------------------------- */
.cd-tabs-content a, .cd-tabs-content a div {
  font-weight: bold;
  text-decoration: underline; }

.cd-tabs {
  position: relative;
  width: 100%; }

.cd-tabs:after {
  content: "";
  display: table;
  clear: both; }

.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient(right, #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }

.no-cssgradients .cd-tabs::after {
  display: none; }

.cd-tabs.is-ended {
  border-top: #DBDAD5 solid 1px; }

.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }

.cd-tabs nav {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: #f8f7ee;
  margin-bottom: 20px;
  max-width: 500px; }

.cd-tabs-navigation {
  height: 60px;
  width: 100%; }

.cd-tabs-navigation li {
  width: 33%;
  height: 100%; }

.cd-tabs-navigation li:nth-child(3) {
  width: 34%; }

.cd-tabs-navigation a {
  height: 100%; }

.cd-tabs-navigation li div {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 1.5em; }

.cd-tabs-content {
  /*max-width:560px;*/
  /*margin-left:auto;
  margin-right:auto;*/ }

.cd-tabs-content iframe {
  max-width: 100%; }

.cd-tabs-content > li > ul {
  margin-top: 10px;
  margin-bottom: 10px; }

.cd-tabs-content li li {
  list-style: initial;
  margin-left: 25px; }

.cd-tabs-content h5 div {
  color: #FFEF00;
  background-color: #2F2F2F;
  padding: 7px; }

@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none; }

  .cd-tabs nav {
    background: transparent;
    box-shadow: none; } }
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none; } }
.cd-tabs-navigation {
  background-color: white; }

.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both; }

.cd-tabs-navigation li {
  float: left;
  width: 33%; }

.cd-tabs-navigation a {
  position: relative;
  display: block;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c3c2b9; }

.no-touch .cd-tabs-navigation a:not('.selected'):hover {
  color: #29324e;
  border-top: grey solid 2px; }

.cd-tabs-navigation a.selected {
  background-color: #ffffff !important;
  box-shadow: inset 0 2px 0 black;
  color: #29324e; }

.cd-tabs-navigation a::before {
  /* icons */
  position: absolute;
  top: 12px;
  left: 50%;
  display: inline-block;
  background-image: url("../img/vicons.svg");
  background-repeat: no-repeat; }

.cd-tabs-navigation a[data-content='inbox']::before {
  background-position: 0 0; }

.cd-tabs-navigation a[data-content='new']::before {
  background-position: -20px 0; }

.cd-tabs-navigation a[data-content='gallery']::before {
  background-position: -40px 0; }

.cd-tabs-navigation a[data-content='store']::before {
  background-position: -60px 0; }

.cd-tabs-navigation a[data-content='settings']::before {
  background-position: -80px 0; }

.cd-tabs-navigation a[data-content='trash']::before {
  background-position: -100px 0; }

.cd-tabs-navigation a[data-content='inbox'].selected::before {
  background-position: 0 -20px; }

.cd-tabs-navigation a[data-content='new'].selected::before {
  background-position: -20px -20px; }

.cd-tabs-navigation a[data-content='gallery'].selected::before {
  background-position: -40px -20px; }

.cd-tabs-navigation a[data-content='store'].selected::before {
  background-position: -60px -20px; }

.cd-tabs-navigation a[data-content='settings'].selected::before {
  background-position: -80px -20px; }

.cd-tabs-navigation a[data-content='trash'].selected::before {
  background-position: -100px -20px; }

@media only screen and (min-width: 768px) {
  .cd-tabs-navigation {
    /* move the nav to the left on medium sized devices */
    float: left; }

  .cd-tabs-navigation a::before {
    top: 22px; } }
@media only screen and (min-width: 960px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */ }

  .cd-tabs-navigation a {
    line-height: 20px;
    width: auto;
    text-align: center; }

  .cd-tabs-navigation a::before {
    top: 50%;
    left: 38px; } }
.cd-tabs-content {
  background: #ffffff; }

.cd-tabs-content > li {
  display: none; }

.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
  /*height: 300px;*/
  overflow-y: auto; }

@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    min-height: 0; } }
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes cd-fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.all-buttons-bundle-pack {
  width: 0px;
  height: 0px;
  border-width: 9px !important;
  border-style: solid;
  border-color: #3f4f6c #ffffff #ec7e8a #fef27a;
  border-radius: 50%;
  margin: 50px auto;
  transform: rotate(-45deg); }

.airpods_canary_yellow {
  background-color: #ffda83 !important; }

.awesome_black, .AwesomeBlack {
  background-color: #484e55 !important; }

.awesome_blue, .AwesomeBlue {
  background-color: #67bae0 !important; }

.awesome_white, .AwesomeWhite {
  background-color: #eeede6 !important; }

.awesome_violet, .AwesomeViolet {
  background-color: #bab7d8 !important; }

.awesome_mint, .AwesomeMint {
  background-color: #beeae3 !important; }

.charcoal-black {
  background-color: black !important; }

.airpods_charcoal_gray {
  background-color: #4a5158 !important; }

.black {
  background-color: black !important; }

.military-green {
  background-color: #404b34 !important; }

.dark-blue, .dark_blue {
  background-color: #3e4f6e !important; }

.grey {
  background-color: #575c5c !important; }

.dark-grey {
  background-color: #575c5c !important; }

.dark-cyan {
  background-color: #1e6368 !important; }

.blue, .Blue {
  background-color: #2a7ca0 !important; }

.baby-blue {
  background-color: #94c0e4 !important; }

.baby_blue {
  background-color: #94c0e4 !important; }

.teal-blue {
  background-color: #43999a !important; }

.PhantomViolet,
.phantom_violet {
  background-color: #a5a8c4 !important; }

.PhantomGray,
.phantom_gray {
  background-color: #6e7074 !important; }

.PhantomWhite,
.phantom_white {
  background-color: #e9e9e7 !important; }

.PhantomPink,
.phantom_pink {
  background-color: #efc5be !important; }

.PhantomBlack,
.phantom_black {
  background-color: #211e16 !important; }

.PhantomSilver,
.phantom_silver {
  background-color: #c2c9d5 !important; }

.PhantomGold,
.phantom_gold {
  background-color: #dcb5b3 !important; }

.PhantomRed,
.phantom_red {
  background-color: #cc333d !important; }

.PhantomTitanium,
.phantom_titanium {
  background-color: #6e7074 !important; }

.PhantomNavy,
.phantom_navy {
  background-color: #3a414a !important; }

.PhantomBrown,
.phantom_brown {
  background-color: #5f4e4b !important; }

.green {
  background-color: #60b287 !important; }

.mint-green, .mint_green {
  background-color: #c3edc7 !important; }

.airpods_mint_green {
  background-color: #c6f0d1 !important; }

.purple, .Purple {
  background-color: #a552b7 !important; }

.red {
  background-color: #dc5455 !important; }

.coral-pink, .coral_pink {
  background-color: #e17582 !important; }

.coral-green, .coral_green, .CoralGreen {
  background-color: #05707c !important; }

.yellow, .Yellow {
  background-color: #ffe568 !important; }

.silk_white, .SilkWhite {
  background-color: white !important; }

.white, .White {
  background-color: white !important; }

.mi-alpine-white, .mi_alpine_white, .MiAlpineWhite {
  background-color: #e2e7e8 !important; }

.orange, .Orange {
  background-color: #ff9800 !important; }

.pred {
  background-color: #a4322f !important; }

.shell-pink, .shell_pink {
  background-color: #fad6d3 !important; }

.airpods_shell_pink {
  background-color: #f3d0cd !important; }

.peach-pink {
  background-color: #fad6d3 !important; }

.pink, .Pink {
  background-color: #ecd3ca !important; }

.powder-blue {
  background-color: #c0d9ee !important; }

.white-st-patrick-edition,
.airpods_alpine_white {
  background-color: white !important; }

.pwhite-st-patrick-edition {
  background-color: white !important; }

.black-st-patrick-edition {
  background-color: black !important; }

.pblack-st-patrick-edition {
  background-color: black !important; }

.dark-blue-st-patrick-edition {
  background-color: #424054 !important; }

.pdark-blue-st-patrick-edition {
  background-color: #424054 !important; }

.gold {
  background-color: #fadcc2 !important; }

.silver, .arctic_silver, .ArcticSilver {
  background-color: #c9c8c9 !important; }

.jetblack, .jet_black {
  background-color: black !important; }

.rosegold, .rose_gold {
  background-color: #fad6d3 !important; }

.clear,
.transparent {
  background: linear-gradient(to top, #e6e6e5 50%, white 50%); }

.midnight-blue, .midnight_blue, .MidnightBlue {
  background-color: #707c84 !important; }

.blush-pink, .blush_pink {
  background-color: #f2d1cb !important; }

.cloud-gray, .cloud_gray {
  background-color: #dee2e5 !important; }

.twilight-grey, .twilight_grey, .TwilightGrey {
  background-color: #404145 !important; }

.solstice-grey, .solstice_grey, .SolsticeGrey {
  background-color: #557089 !important; }

.NavyBlue,
.navy_blue {
  background-color: #385672; }

.lavender,
.Lavender {
  background-color: #9390a7 !important; }

.camo-green, .camo_green {
  background-color: #505e31 !important; }

.platinum-gray, .platinum_gray {
  background-color: #afb4b0 !important; }

.royal-blue, .royal_blue {
  background-color: #255774 !important; }

.airpods_royal_blue {
  background-color: #547991 !important; }

.azure-blue, .azure_blue {
  background-color: #008cc4 !important; }

.fern-green, .fern_green {
  background-color: #76b085 !important; }

.GraphiteNavyBlue, .graphitnavy_blue {
  background: linear-gradient(45deg, #4f4f48 50%, #385672 50%); }

.royal_blue_white {
  transform: rotate(45deg);
  background: linear-gradient(to top, white 50%, #255774 50%); }

.blush_pink_white {
  transform: rotate(45deg);
  background: linear-gradient(to top, white 50%, #f2d1cb 50%); }

.yellow_azure_blue {
  transform: rotate(45deg);
  background: linear-gradient(to top, #008cc4 50%, #ffe568 50%); }

.graphite_fern_green {
  transform: rotate(45deg);
  background: linear-gradient(to top, #76b085 50%, #4f4f47 50%); }

.graphite_orange {
  transform: rotate(45deg);
  background: linear-gradient(to top, #ff9800 50%, #4f4f47 50%); }

.black_red {
  transform: rotate(45deg);
  background: linear-gradient(to top, #dc5455 50%, #383636 50%); }

.bee {
  transform: rotate(45deg);
  background: linear-gradient(to top, #ffe568 50%, #383636 50%); }

.zebra {
  transform: rotate(45deg);
  background: linear-gradient(to top, white 50%, #dc5455 50%); }

.frozen {
  transform: rotate(45deg);
  background: linear-gradient(to top, #27507f 50%, #76b085 50%); }

.white_blue, .white_red_blue {
  background: linear-gradient(to bottom, white 50%, #008cc4 50%); }

.red_blue, .red_white_blue {
  background: linear-gradient(to bottom, #dc5455 50%, #008cc4 50%); }

/*- - Phone Color - -*/
.Black {
  background-color: #383636; }

.JetBlack {
  background-color: black; }

.Silver {
  background-color: #c9c8c9; }

.Gold {
  background-color: #cebe86; }

.Red {
  background-color: #dc5455; }

.RoseGold {
  background-color: #fad6d3; }

.gray {
  background-color: #999fa2; }

.Grey, .Gray, .spacegray, .space-gray, .space_gray, .SpaceGray, .gray {
  background-color: #575c5c; }

.coral, .Coral {
  background-color: #ff6e5a; }

.clay, .Clay {
  background-color: #8C8A71; }

.beige, .Beige {
  background-color: #BCA266; }

.almond, .Almond {
  background-color: #f5dec8; }

.pacific_blue, .PacificBlue {
  background-color: #43616C; }

.apple_graphite, .AppleGraphite {
  background-color: #686763; }

.apple_blue, .AppleBlue {
  background-color: #1D5074; }

.apple_red, .AppleRed {
  background-color: #a6282c; }

.apple_purple, .ApplePurple {
  background-color: #D1CAE1; }

.apple_yellow, .AppleYellow {
  background-color: #FFE681; }

.apple_green, .AppleGreen {
  background-color: #AEE1CD; }

.glacial_green, .GlacialGreen {
  background-color: #7ABFB2; }

.interstellar_glow, .InterstellarGlow {
  background-color: #FEDDE7; }

.onyx_black, .OnyxBlack {
  background-color: #2e2926; }

.ultramarine_blue, .UltramarineBlue {
  background-color: #3A32BB; }

.lunar_silver, .LunarSilver {
  background-color: #D0D8D8; }

.mi-lunar-silver, .mi_lunar_silver, .MiLunarSilver {
  background-color: #d0d8db !important; }

.aquamarine_green, .AquamarineGreen {
  background-color: #63CBC3; }

.midnight_green, .MidnightGreen {
  background-color: #6D7971; }

.midnight_gray, .MidnightGray {
  background-color: #1A1C22; }

.frost_white, .FrostWhite {
  background-color: #DBDDE4; }

.horizon_blue, .HorizonBlue {
  background-color: #82A7C7; }

.mirror_gray, .MirrorGray {
  background-color: #1b1a1d; }

.astral_black, .AstralGray {
  background-color: #0e1115; }

.arctic_sky, .ArcticSky {
  background-color: #7098c6; }

.winter_mist, .WinterMist {
  background-color: #7b718a; }

.morning_mist, .MorningMist {
  background-color: #6d6e70; }

.stellar_black, .StellarBlack {
  background-color: #232428; }

.pine_green, .PineGreen {
  background-color: #445753; }

.nebula_blue, .NebulaBlue {
  background-color: #0f3558; }

.amber_red, .AmberRed {
  background-color: #a20b09; }

.prismblack, .Prismblack, .PrismBlack {
  background-color: #060606; }

.prismblue, .Prismblue {
  background-color: #275c83; }

.prismgreen, .Prismgreen, .PrismGreen {
  background-color: #395f66; }

.prismwhite, .Prismwhite, .PrismWhite {
  background-color: #d3ccd2; }

.prismyellow, .Prismyellow {
  background-color: #e8e618; }

.prismcrushblue, .Prismcrushblue, .PrismCrushBlue {
  background-color: #2DBFCF; }

.ceramicblack, .Ceramicblack {
  background-color: #252320; }

.ceramicwhite, .Ceramicwhite {
  background-color: #efefed; }

.ambersunrise, .Ambersunrise {
  background-color: #eb6f4b; }

.aurora, .Aurora {
  background-color: #00bdd3; }

.breathingcrystal, .Breathingcrystal {
  background-color: #62e4fc; }

.graphite, .Graphite {
  background-color: #4f4f47; }

.purple-ish, .purple_ish, .Purpleish, .PurpleIsh, .orchid_grey, .OrchidGrey {
  background-color: #ccd1eb; }

.mirrorblack, .MirrorBlack, .Mirrorblack, .mirror_black {
  background-color: #0e0e0e; }

.midnightblack, .MidnightBlack, .Midnightblack, .midnight_black {
  background-color: #444444; }

.CloudNavy,
.cloud_navy {
  background-color: #485268; }

.CloudLavender,
.cloud_lavender {
  background-color: #DFCCE7; }

.CloudMint,
.cloud_mint {
  background-color: #B6CFCF; }

.CloudRed,
.cloud_red {
  background-color: #B73438; }

.CloudWhite,
.cloud_white {
  background-color: #F0F0F1; }

.CloudOrange,
.cloud_orange {
  background-color: #FAC69D; }

.CloudBlue, .cloud_blue {
  background-color: #9bc9e4; }

.CloudPink, .cloud_pink {
  background-color: #e5a9ba; }

.CosmicBlack, .cosmic_black {
  background-color: #2e2926; }

.mi-cosmic-black, .mi_cosmic_black, .MiCosmicBlack {
  background-color: #252320 !important; }

.CosmicGray, .cosmic_gray {
  background-color: #5e6367; }

.AuraBlack, .aura_black {
  background-color: #3c3c3e; }

.AuraWhite, .aura_white {
  background-color: #ebe7e3; }

.AuraGlow, .aura_glow {
  background-color: #aaadae; }

.AuraBlue, .aura_blue {
  background-color: #3c4d79; }

.space_gray_aluminum {
  background-color: #343331; }

.silver_aluminum {
  background-color: #F3F3F3; }

.gold_aluminum {
  background-color: #E1C7BE; }

.gold_stainless_steel {
  background-color: #E9DAC8; }

.MysticBronze, .mystic_bronze {
  background-color: #BE8069; }

.MysticRed, .mystic_red {
  background-color: #7F3C42; }

.MysticGray, .mystic_gray {
  background-color: #545557; }

.MysticGreen, .mystic_green {
  background-color: #82A492; }

.MysticBlack, .mystic_black {
  background-color: #000; }

.MysticWhite, .mystic_white {
  background-color: #fff; }

.GrayOnyx, .gray_onyx {
  background-color: #4E4E4E; }

.GradientBronze, .gradient_bronze {
  background-color: #EEBC99; }

.GlacierBlue, .glacier_blue {
  background-color: #CFE8FA; }

.BlueMarble, .blue_marble {
  background-color: #00B2D2; }

.BlueAluminum, .blue_aluminum {
  background-color: #0F5E93; }

.SortaSage, .sorta_sage {
  background-color: #99A7A4; }

.interstellar_grey, .InterstellarGrey {
  background-color: #8B9EB7; }

.aurora_blue, .AuroraBlue {
  background-color: #bad4ea; }

.note_aurora_blue, .NoteAuroraBlue {
  background-color: #29a0a2; }

.polar_white, .PolarWhite {
  background-color: #e0effa; }

.midnight_grey, .MidnightGrey {
  background-color: #768eaf; }

.forest_green, .ForestGreen {
  background-color: #3baaa8; }

.glacier_white, .GlacierWhite {
  background-color: #dddedc; }

.tropical_green, .TropicalGreen {
  background-color: #36a6a7; }

.mi_silver, .MiSilver {
  background-color: #c9c8c9; }

.lake_green, .LakeGreen {
  background-color: #90C8C5; }

.pebble_white, .PebbleWhite {
  background-color: #C2C2C2; }

.ocean_blue, .OceanBlue {
  background-color: #547F90; }

.SierraBlue, .sierra_blue {
  background-color: #CBE2FE; }

.GLPPink, .g_l_p_pink {
  background-color: #ECD6D6; }

.GLPBlue, .g_l_p_blue {
  background-color: #75B1E6; }

.GLPGold, .g_l_p_gold {
  background-color: #F9DEC7; }

.berry_red, .BerryRed {
  background-color: #9f5156 !important; }

.poppy_orange, .PoppyOrange {
  background-color: #d98066 !important; }

.dark_teal, .DarkTeal {
  background-color: #304c4f !important; }

.sand_beige, .SandBeige {
  background-color: #e0d6c1 !important; }

.starlight_purple, .StarlightPurple {
  background-color: #542271 !important; }

.dark_gray, .DarkGray {
  background-color: #5f5d5f !important; }

.midnight, .Midnight {
  background-color: #42474d !important; }

.starlight, .Starlight {
  background-color: #fbf7f4 !important; }

.iphone_thirteen_blue, .iphoneThirteenBlue {
  background-color: #447792 !important; }

.apple_pink, .ApplePink {
  background-color: #fbe2dd !important; }

.ash_grey, .AshGrey {
  background-color: #a3a9b0 !important; }

.sage_green, .SageGreen {
  background-color: #6c7770 !important; }

.cobalt_blue, .CobaltBlue {
  background-color: #304d76 !important; }

.antique_bronze, .AntiqueBronze {
  background-color: #8e6f4f !important; }

.violet, .Violet {
  background-color: #b2a9bc !important; }

.sapphire_blue {
  background-color: #6f90f1 !important; }

.ruby_red {
  background-color: #ea0000 !important; }

.topaz_yellow {
  background-color: #f4a500 !important; }

.moonstone_gray {
  background-color: #626a6c !important; }

.crystal_clear {
  background-color: #ededed !important; }

.emerald_green_mint {
  background-color: #b0de5d !important; }

.citrine_yellow {
  background-color: #fbf420 !important; }

.amber_orange {
  background-color: #ec6542 !important; }

.rose_quartz {
  background-color: #d66c75 !important; }

.ultimate_gray {
  background-color: #474a49 !important; }

.pale_pink {
  background-color: #ebd7d6 !important; }

.seaweed_green {
  background-color: #616550 !important; }

.tide_blue {
  background-color: #7598b6 !important; }

.shell_beige {
  background-color: #d0cac0 !important; }

.neon_orange {
  background-color: #f28f51 !important; }

.parakeet_green {
  background-color: #5ba773 !important; }

.bordeaux_red {
  background-color: #91404f !important; }

.classic_blue {
  background-color: #44569f !important; }

.lanyard_ocean_blue {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_OceanBlue.jpg?v=565635"); }

.cosmos_black {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_CosmosBlack.jpg?v=565635"); }

.steel_gray {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_SteelGray.jpg?v=565635"); }

.pistachio_green {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_PistachioGreen.jpg?v=565635"); }

.dawn_gray {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_DawnGray.jpg?v=565635"); }

.zesty_orange {
  background-image: url("https://cdn.shopify.com/s/files/1/0274/8717/files/Lanyardtexture_ZestyOrange.jpg?v=565635"); }

.all-buttons {
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); }

.color-area {
  flex-wrap: wrap;
  margin-bottom: 15px;
  display: flex; }
  .color-area.phone-preview-color {
    display: inline-flex;
    position: absolute;
    right: 140px;
    top: 20px; }
  .color-area .switch-area {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left; }

.circle-picker {
  min-width: 23px;
  min-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  position: relative; }
  .circle-picker:first-child .color-text {
    left: 0; }
  .circle-picker.active, .circle-picker:hover {
    border: 1px solid #fff;
    cursor: pointer; }
    .circle-picker.active .circle-color, .circle-picker:hover .circle-color {
      min-width: 19px;
      min-height: 19px; }
    .circle-picker.active .circle-color:not(.white), .circle-picker.active circle-color:not(.transparent), .circle-picker:hover .circle-color:not(.white), .circle-picker:hover circle-color:not(.transparent) {
      border: none; }
    .circle-picker.active .color-text, .circle-picker:hover .color-text {
      display: block;
      color: #b3b3b3; }
    .circle-picker.active .black-half, .circle-picker.active .red-half, .circle-picker:hover .black-half, .circle-picker:hover .red-half {
      height: 9px;
      width: 18px;
      border-radius: 18px 18px 0 0; }
  .circle-picker .circle-color {
    display: block;
    position: absolute;
    min-width: 23px;
    min-height: 23px;
    border: 1px solid #545454;
    border-radius: 50%; }
  .circle-picker .color-name {
    display: inline-block;
    font-size: 0.8rem;
    margin-top: 10px; }

.color-text {
  position: absolute;
  top: 30px;
  left: -35px;
  display: none;
  width: 100px;
  text-align: center;
  white-space: nowrap; }

.full-clear, .full_clear {
  border: 2px solid #e6e6e5;
  background: linear-gradient(to top, #e6e6e5 50%, white 50%); }

.clear-pink, .clear_pink {
  border: 2px solid #f8cbcc;
  background: linear-gradient(to top, #f8cbcc 50%, white 50%); }

.clear-black, .clear_black {
  border: 2px solid #000;
  background: linear-gradient(to top, black 50%, white 50%); }

.pfull-clear {
  border: 2px solid #e6e6e5;
  background: linear-gradient(to top, #e6e6e5 50%, white 50%); }

.pclear-pink {
  border: 2px solid #f8cbcc;
  background: linear-gradient(to top, #f8cbcc 50%, white 50%); }

.pclear-black {
  border: 2px solid #000;
  background: linear-gradient(to top, black 50%, white 50%); }

.charcoal-red {
  background: linear-gradient(45deg, black 50%, #dc5455 50%); }

.pfull-clear {
  border: 2px solid #e6e6e5;
  background: linear-gradient(to top, #e6e6e5 50%, white 50%); }

.pclear-pink {
  border: 2px solid #f8cbcc;
  background: linear-gradient(to top, #f8cbcc 50%, white 50%); }

.pclear-black {
  border: 2px solid #000;
  background: linear-gradient(to top, black 50%, white 50%); }

.half-color {
  width: 30px;
  height: 30px; }

@media only screen and (max-width: 600px) {
  .color-area.phone-preview-color {
    right: 10px; } }
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.eot?11050706263826344556");
  src: url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.eot?11050706263826344556?#iefix") format("embedded-opentype"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.woff?11050706263826344556") format("woff"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.ttf?11050706263826344556") format("truetype"), url("https://cdn.shopify.com/s/files/1/0274/8717/files/slick.svg?11050706263826344556#slick") format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

/* Dots */
.slick-dotted.slick-slider {
  height: 100%; }

.slick-dots {
  position: absolute;
  bottom: 30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: 50%;
  background-color: #666; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  opacity: .5; }

.slick-dots li.slick-active button {
  background-color: #FFEF00; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  height: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_menu:before {
  content: " ";
  display: table; }

.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both; }

.slicknav_nav {
  clear: both; }

.slicknav_nav ul {
  display: block; }

.slicknav_nav li {
  display: block; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_nav .slicknav_item a {
  display: inline; }

.slicknav_nav .slicknav_row {
  display: block; }

.slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #000;
  padding: 0 5px; }

.slicknav_menu * {
  box-sizing: border-box; }

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000; }

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff; }

.slicknav_btn {
  min-width: 100%;
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }

.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px; }

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px; }

.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff; }

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff; }

.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222; }

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px; }

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0; }

.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.slicknav_hidden {
  display: none; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

#swipebox-slider .slide-loading {
  background: url(../img/loader.gif) no-repeat center center; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: -50px; }

#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  top: -50px; }

#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-close {
  background-colour: black; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }

  50% {
    left: -30px; }

  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }

  50% {
    left: -30px; }

  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }

  50% {
    left: 30px; }

  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }

  50% {
    left: 30px; }

  100% {
    left: 0; } }

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(17, 17, 17, 0.9); }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 50px 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px !important;
  overflow: hidden;
  display: none;
  z-index: 99999; }

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px; } }
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 40px;
  display: block; }

@media all and (max-width: 540px) {
  .sweet-alert h2 {
    font-size: 20px;
    line-height: 23px; } }
.sweet-alert p {
  font-weight: bold;
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.sweet-alert fieldset {
  border: none;
  position: relative; }

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s; }

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s; }

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px; }

.sweet-alert .sa-error-container p {
  display: inline-block; }

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px; }

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed; }

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd; }

.sweet-alert input::-ms-clear {
  display: none; }

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd; }

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd; }

.sweet-alert.show-input input {
  display: block; }

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative; }

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden; }

.sweet-alert button {
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 10px 5px 0 5px;
  cursor: pointer; }

@media all and (max-width: 540px) {
  .sweet-alert button {
    margin-top: 10px; } }
.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover {
  background-color: #7ecff4; }

.sweet-alert button:active {
  background-color: #5dc2f1; }

.sweet-alert button.cancel {
  background-color: #C1C1C1; }

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9; }

.sweet-alert button.cancel:active {
  background-color: #a8a8a8; }

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.04706) 0px 0px 0px 1px inset !important; }

.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default; }

.sweet-alert button.confirm[disabled] {
  color: transparent; }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px; }

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box; }

@media all and (max-width: 540px) {
  .sweet-alert .sa-icon {
    width: 55px;
    height: 55px; } }
.sweet-alert .sa-icon.sa-error {
  border-color: #F27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86; }

@media all and (max-width: 540px) {
  .sweet-alert .sa-icon.sa-warning .sa-body {
    height: 25px; } }
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
  left: 50%; }

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

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

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

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

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }

  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }

  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }

  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }

  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: .5; }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: .5; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: .5; }

  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: .5; }

  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: .5; }

  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: .5; }

  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: .5; }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: .5; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

/*
    youtube gallery plugin css
*/
html.hidescrollbar {
  overflow-x: hidden; }

html.hidescrollbar body {
  overflow-x: hidden; }

/* ###### CSS for video thumbnails ###### */
ul.youtubewall {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  overflow: hidden; }

ul.youtubewall li {
  width: 33%;
  /* by default, show 4 columns of thumbnails */
  float: left;
  display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  /* general spacing between thumbnails */
  margin-bottom: 20px;
  /* bottom spacing between thumbnails */
  height: 320px; }

ul.youtubewall li .thumbwrap {
  position: relative;
  overflow: hidden;
  display: block;
  color: white; }

ul.youtubewall li .panelinner span:last-child {
  color: blue;
  display: none; }

/* thumbnail overlay */
ul.youtubewall li .thumbwrap:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: black;
  opacity: 0;
  -webkit-transition: opacity .6s;
  transition: opacity .6s; }

ul.youtubewall li .panel {
  /*position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  opacity: 0;*/
  text-align: left; }

/* technique to center panel vertically */
ul.youtubewall li .panel:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

ul.youtubewall li .panel .panelinner {
  /*display: inline-block;
  position: relative;
  vertical-align: middle;
  -webkit-transform: translate3d(0,-20px, 0);
  transform: translate3d(0,-20px, 0);
  -webkit-transition: all .5s;
  transition: all .5s;*/ }

/* fontawesome elements style */
ul.youtubewall li .panel i,
ul.youtubewall li .panel a {
  font-size: 44px;
  /* color: white; */
  cursor: pointer;
  text-decoration: none; }

ul.youtubewall li .panel a {
  margin-left: 15px; }

ul.youtubewall li img {
  width: 100%;
  height: auto;
  float: left; }

ul.youtubewall li:hover .thumbwrap:after {
  /*opacity: .4;*/ }

ul.youtubewall li:hover .panel {
  opacity: 1; }

ul.youtubewall li:hover .panel .panelinner {
  /*-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/ }

ul.youtubewall li {
  width: 33%;
  float: left;
  display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  margin-bottom: 20px; }

/* .thumbwrap {
position: relative;
overflow: hidden;
display: block;
/* color: white; */
/* }  */
/* ###### CSS for video lightbox that pops up ###### */
.videobox {
  position: fixed;
  width: 100%;
  /* can be any width */
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 1000;
  text-align: center; }

.videobox:before {
  /* pseudo element to force vertical centering of child element */
  content: '';
  display: inline-block;
  /*height: 100%;*/
  vertical-align: middle; }

.videobox:after {
  /* pseudo element to create overlay */
  background: black;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 10; }

.videobox #orangeBox {
  /*background: #f90;*/
  /* color: #fff; */
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: relative;
  z-index: 99;
  top: 10px;
  float: right; }

/* Centered child element can be any width and height */
.centeredchild {
  position: relative;
  /* position element to participate in z-indexing */
  z-index: 20;
  /* higher z-index than overlay */
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  /* width of video player relative to browser */
  background: transparent;
  top: 50%;
  transform: translateY(-50%); }

/* Video container to maintain Youtube 16:9 aspect ratio */
.videowrapper {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0; }

/* Make Youtube IFRAME responsive */
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ####### responsive layout CSS ####### */
@media (max-width: 935px) {
  ul.youtubewall li {
    max-height: 245px; } }
@media (max-width: 768px) {
  /* FIRST breaking point */
  ul.youtubewall li {
    width: 100%;
    /* reduce to 3 columns of thumbnails */
    max-height: none;
    margin: auto; }

  .centeredchild {
    width: 90%;
    /* enlarge video player container */ } }
@media (max-width: 480px) {
  /* SECOND breaking point */ }